@wordpress/edit-site 5.16.0 → 5.17.1

package/build-module/components/secondary-sidebar/list-view-sidebar.js

@@ -1,5 +1,4 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */
@@ -13,10 +12,10 @@ import { closeSmall } from '@wordpress/icons';
 import { ESCAPE } from '@wordpress/keycodes';
 import { focus } from '@wordpress/dom';
 import { useShortcut } from '@wordpress/keyboard-shortcuts';
+
 /**
  * Internal dependencies
  */
-
 import { store as editSiteStore } from '../../store';
 import { unlock } from '../../lock-unlock';
 const {
@@ -25,51 +24,54 @@ const {
 export default function ListViewSidebar() {
   const {
     setIsListViewOpened
-  } = useDispatch(editSiteStore); // This hook handles focus when the sidebar first renders.
-
-  const focusOnMountRef = useFocusOnMount('firstElement'); // The next 2 hooks handle focus for when the sidebar closes and returning focus to the element that had focus before sidebar opened.
+  } = useDispatch(editSiteStore);
 
+  // This hook handles focus when the sidebar first renders.
+  const focusOnMountRef = useFocusOnMount('firstElement');
+  // The next 2 hooks handle focus for when the sidebar closes and returning focus to the element that had focus before sidebar opened.
   const headerFocusReturnRef = useFocusReturn();
   const contentFocusReturnRef = useFocusReturn();
-
   function closeOnEscape(event) {
     if (event.keyCode === ESCAPE && !event.defaultPrevented) {
       setIsListViewOpened(false);
     }
-  } // Use internal state instead of a ref to make sure that the component
-  // re-renders when the dropZoneElement updates.
-
+  }
 
-  const [dropZoneElement, setDropZoneElement] = useState(null); // This ref refers to the sidebar as a whole.
-
-  const sidebarRef = useRef(); // This ref refers to the close button.
-
-  const sidebarCloseButtonRef = useRef(); // This ref refers to the list view application area.
+  // Use internal state instead of a ref to make sure that the component
+  // re-renders when the dropZoneElement updates.
+  const [dropZoneElement, setDropZoneElement] = useState(null);
 
+  // This ref refers to the sidebar as a whole.
+  const sidebarRef = useRef();
+  // This ref refers to the close button.
+  const sidebarCloseButtonRef = useRef();
+  // This ref refers to the list view application area.
   const listViewRef = useRef();
+
   /*
    * Callback function to handle list view or close button focus.
    *
    * @return void
    */
-
   function handleSidebarFocus() {
     // Either focus the list view or the sidebar close button. Must have a fallback because the list view does not render when there are no blocks.
     const listViewApplicationFocus = focus.tabbable.find(listViewRef.current)[0];
     const listViewFocusArea = sidebarRef.current.contains(listViewApplicationFocus) ? listViewApplicationFocus : sidebarCloseButtonRef.current;
     listViewFocusArea.focus();
-  } // This only fires when the sidebar is open because of the conditional rendering. It is the same shortcut to open but that is defined as a global shortcut and only fires when the sidebar is closed.
-
+  }
 
+  // This only fires when the sidebar is open because of the conditional rendering. It is the same shortcut to open but that is defined as a global shortcut and only fires when the sidebar is closed.
   useShortcut('core/edit-site/toggle-list-view', () => {
     // If the sidebar has focus, it is safe to close.
     if (sidebarRef.current.contains(sidebarRef.current.ownerDocument.activeElement)) {
-      setIsListViewOpened(false); // If the list view or close button does not have focus, focus should be moved to it.
+      setIsListViewOpened(false);
+      // If the list view or close button does not have focus, focus should be moved to it.
     } else {
       handleSidebarFocus();
     }
   });
-  return (// eslint-disable-next-line jsx-a11y/no-static-element-interactions
+  return (
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     createElement("div", {
       className: "edit-site-editor__list-view-panel",
       onKeyDown: closeOnEscape,

package/build-module/components/secondary-sidebar/list-view-sidebar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/secondary-sidebar/list-view-sidebar.js"],"names":["privateApis","blockEditorPrivateApis","Button","useFocusOnMount","useFocusReturn","useMergeRefs","useDispatch","useRef","useState","__","closeSmall","ESCAPE","focus","useShortcut","store","editSiteStore","unlock","PrivateListView","ListViewSidebar","setIsListViewOpened","focusOnMountRef","headerFocusReturnRef","contentFocusReturnRef","closeOnEscape","event","keyCode","defaultPrevented","dropZoneElement","setDropZoneElement","sidebarRef","sidebarCloseButtonRef","listViewRef","handleSidebarFocus","listViewApplicationFocus","tabbable","find","current","listViewFocusArea","contains","ownerDocument","activeElement"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport {\n\tuseFocusOnMount,\n\tuseFocusReturn,\n\tuseMergeRefs,\n} from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\nimport { useRef, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { closeSmall } from '@wordpress/icons';\nimport { ESCAPE } from '@wordpress/keycodes';\nimport { focus } from '@wordpress/dom';\nimport { useShortcut } from '@wordpress/keyboard-shortcuts';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { PrivateListView } = unlock( blockEditorPrivateApis );\n\nexport default function ListViewSidebar() {\n\tconst { setIsListViewOpened } = useDispatch( editSiteStore );\n\n\t// This hook handles focus when the sidebar first renders.\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\t// The next 2 hooks handle focus for when the sidebar closes and returning focus to the element that had focus before sidebar opened.\n\tconst headerFocusReturnRef = useFocusReturn();\n\tconst contentFocusReturnRef = useFocusReturn();\n\n\tfunction closeOnEscape( event ) {\n\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\tsetIsListViewOpened( false );\n\t\t}\n\t}\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the dropZoneElement updates.\n\tconst [ dropZoneElement, setDropZoneElement ] = useState( null );\n\n\t// This ref refers to the sidebar as a whole.\n\tconst sidebarRef = useRef();\n\t// This ref refers to the close button.\n\tconst sidebarCloseButtonRef = useRef();\n\t// This ref refers to the list view application area.\n\tconst listViewRef = useRef();\n\n\t/*\n\t * Callback function to handle list view or close button focus.\n\t *\n\t * @return void\n\t */\n\tfunction handleSidebarFocus() {\n\t\t// Either focus the list view or the sidebar close button. Must have a fallback because the list view does not render when there are no blocks.\n\t\tconst listViewApplicationFocus = focus.tabbable.find(\n\t\t\tlistViewRef.current\n\t\t)[ 0 ];\n\t\tconst listViewFocusArea = sidebarRef.current.contains(\n\t\t\tlistViewApplicationFocus\n\t\t)\n\t\t\t? listViewApplicationFocus\n\t\t\t: sidebarCloseButtonRef.current;\n\t\tlistViewFocusArea.focus();\n\t}\n\n\t// This only fires when the sidebar is open because of the conditional rendering. It is the same shortcut to open but that is defined as a global shortcut and only fires when the sidebar is closed.\n\tuseShortcut( 'core/edit-site/toggle-list-view', () => {\n\t\t// If the sidebar has focus, it is safe to close.\n\t\tif (\n\t\t\tsidebarRef.current.contains(\n\t\t\t\tsidebarRef.current.ownerDocument.activeElement\n\t\t\t)\n\t\t) {\n\t\t\tsetIsListViewOpened( false );\n\t\t\t// If the list view or close button does not have focus, focus should be moved to it.\n\t\t} else {\n\t\t\thandleSidebarFocus();\n\t\t}\n\t} );\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName=\"edit-site-editor__list-view-panel\"\n\t\t\tonKeyDown={ closeOnEscape }\n\t\t\tref={ sidebarRef }\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-site-editor__list-view-panel-header\"\n\t\t\t\tref={ headerFocusReturnRef }\n\t\t\t>\n\t\t\t\t<strong>{ __( 'List View' ) }</strong>\n\t\t\t\t<Button\n\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\tonClick={ () => setIsListViewOpened( false ) }\n\t\t\t\t\tref={ sidebarCloseButtonRef }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-site-editor__list-view-panel-content\"\n\t\t\t\tref={ useMergeRefs( [\n\t\t\t\t\tcontentFocusReturnRef,\n\t\t\t\t\tfocusOnMountRef,\n\t\t\t\t\tsetDropZoneElement,\n\t\t\t\t\tlistViewRef,\n\t\t\t\t] ) }\n\t\t\t>\n\t\t\t\t<PrivateListView dropZoneElement={ dropZoneElement } />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"]}
+{"version":3,"names":["privateApis","blockEditorPrivateApis","Button","useFocusOnMount","useFocusReturn","useMergeRefs","useDispatch","useRef","useState","__","closeSmall","ESCAPE","focus","useShortcut","store","editSiteStore","unlock","PrivateListView","ListViewSidebar","setIsListViewOpened","focusOnMountRef","headerFocusReturnRef","contentFocusReturnRef","closeOnEscape","event","keyCode","defaultPrevented","dropZoneElement","setDropZoneElement","sidebarRef","sidebarCloseButtonRef","listViewRef","handleSidebarFocus","listViewApplicationFocus","tabbable","find","current","listViewFocusArea","contains","ownerDocument","activeElement","createElement","className","onKeyDown","ref","icon","label","onClick"],"sources":["@wordpress/edit-site/src/components/secondary-sidebar/list-view-sidebar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport {\n\tuseFocusOnMount,\n\tuseFocusReturn,\n\tuseMergeRefs,\n} from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\nimport { useRef, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { closeSmall } from '@wordpress/icons';\nimport { ESCAPE } from '@wordpress/keycodes';\nimport { focus } from '@wordpress/dom';\nimport { useShortcut } from '@wordpress/keyboard-shortcuts';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { PrivateListView } = unlock( blockEditorPrivateApis );\n\nexport default function ListViewSidebar() {\n\tconst { setIsListViewOpened } = useDispatch( editSiteStore );\n\n\t// This hook handles focus when the sidebar first renders.\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\t// The next 2 hooks handle focus for when the sidebar closes and returning focus to the element that had focus before sidebar opened.\n\tconst headerFocusReturnRef = useFocusReturn();\n\tconst contentFocusReturnRef = useFocusReturn();\n\n\tfunction closeOnEscape( event ) {\n\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\tsetIsListViewOpened( false );\n\t\t}\n\t}\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the dropZoneElement updates.\n\tconst [ dropZoneElement, setDropZoneElement ] = useState( null );\n\n\t// This ref refers to the sidebar as a whole.\n\tconst sidebarRef = useRef();\n\t// This ref refers to the close button.\n\tconst sidebarCloseButtonRef = useRef();\n\t// This ref refers to the list view application area.\n\tconst listViewRef = useRef();\n\n\t/*\n\t * Callback function to handle list view or close button focus.\n\t *\n\t * @return void\n\t */\n\tfunction handleSidebarFocus() {\n\t\t// Either focus the list view or the sidebar close button. Must have a fallback because the list view does not render when there are no blocks.\n\t\tconst listViewApplicationFocus = focus.tabbable.find(\n\t\t\tlistViewRef.current\n\t\t)[ 0 ];\n\t\tconst listViewFocusArea = sidebarRef.current.contains(\n\t\t\tlistViewApplicationFocus\n\t\t)\n\t\t\t? listViewApplicationFocus\n\t\t\t: sidebarCloseButtonRef.current;\n\t\tlistViewFocusArea.focus();\n\t}\n\n\t// This only fires when the sidebar is open because of the conditional rendering. It is the same shortcut to open but that is defined as a global shortcut and only fires when the sidebar is closed.\n\tuseShortcut( 'core/edit-site/toggle-list-view', () => {\n\t\t// If the sidebar has focus, it is safe to close.\n\t\tif (\n\t\t\tsidebarRef.current.contains(\n\t\t\t\tsidebarRef.current.ownerDocument.activeElement\n\t\t\t)\n\t\t) {\n\t\t\tsetIsListViewOpened( false );\n\t\t\t// If the list view or close button does not have focus, focus should be moved to it.\n\t\t} else {\n\t\t\thandleSidebarFocus();\n\t\t}\n\t} );\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName=\"edit-site-editor__list-view-panel\"\n\t\t\tonKeyDown={ closeOnEscape }\n\t\t\tref={ sidebarRef }\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-site-editor__list-view-panel-header\"\n\t\t\t\tref={ headerFocusReturnRef }\n\t\t\t>\n\t\t\t\t<strong>{ __( 'List View' ) }</strong>\n\t\t\t\t<Button\n\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\tonClick={ () => setIsListViewOpened( false ) }\n\t\t\t\t\tref={ sidebarCloseButtonRef }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-site-editor__list-view-panel-content\"\n\t\t\t\tref={ useMergeRefs( [\n\t\t\t\t\tcontentFocusReturnRef,\n\t\t\t\t\tfocusOnMountRef,\n\t\t\t\t\tsetDropZoneElement,\n\t\t\t\t\tlistViewRef,\n\t\t\t\t] ) }\n\t\t\t>\n\t\t\t\t<PrivateListView dropZoneElement={ dropZoneElement } />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/build-module/components/sidebar/index.js

@@ -1,15 +1,14 @@
 import { createElement, Fragment } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */
 import { memo, useRef } from '@wordpress/element';
 import { __experimentalNavigatorProvider as NavigatorProvider, __experimentalNavigatorScreen as NavigatorScreen } from '@wordpress/components';
 import { privateApis as routerPrivateApis } from '@wordpress/router';
+
 /**
  * Internal dependencies
  */
-
 import SidebarNavigationScreenMain from '../sidebar-navigation-screen-main';
 import SidebarNavigationScreenTemplates from '../sidebar-navigation-screen-templates';
 import SidebarNavigationScreenTemplate from '../sidebar-navigation-screen-template';
@@ -27,7 +26,6 @@ import SidebarNavigationScreenPage from '../sidebar-navigation-screen-page';
 const {
   useLocation
 } = unlock(routerPrivateApis);
-
 function SidebarScreens() {
   useSyncPathWithURL();
   return createElement(Fragment, null, createElement(NavigatorScreen, {
@@ -54,7 +52,6 @@ function SidebarScreens() {
     path: "/:postType(wp_template)/:postId"
   }, createElement(SidebarNavigationScreenTemplate, null)));
 }
-
 function Sidebar() {
   const {
     params: urlParams
@@ -65,6 +62,5 @@ function Sidebar() {
     initialPath: initialPath.current
   }, createElement(SidebarScreens, null)), createElement(SaveHub, null));
 }
-
 export default memo(Sidebar);
 //# sourceMappingURL=index.js.map

package/build-module/components/sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar/index.js"],"names":["memo","useRef","__experimentalNavigatorProvider","NavigatorProvider","__experimentalNavigatorScreen","NavigatorScreen","privateApis","routerPrivateApis","SidebarNavigationScreenMain","SidebarNavigationScreenTemplates","SidebarNavigationScreenTemplate","SidebarNavigationScreenPatterns","SidebarNavigationScreenPattern","useSyncPathWithURL","getPathFromURL","SidebarNavigationScreenNavigationMenus","SidebarNavigationScreenNavigationMenu","SidebarNavigationScreenGlobalStyles","SidebarNavigationScreenTemplatesBrowse","SaveHub","unlock","SidebarNavigationScreenPages","SidebarNavigationScreenPage","useLocation","SidebarScreens","Sidebar","params","urlParams","initialPath","current"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,EAAeC,MAAf,QAA6B,oBAA7B;AACA,SACCC,+BAA+B,IAAIC,iBADpC,EAECC,6BAA6B,IAAIC,eAFlC,QAGO,uBAHP;AAIA,SAASC,WAAW,IAAIC,iBAAxB,QAAiD,mBAAjD;AAEA;AACA;AACA;;AACA,OAAOC,2BAAP,MAAwC,mCAAxC;AACA,OAAOC,gCAAP,MAA6C,wCAA7C;AACA,OAAOC,+BAAP,MAA4C,uCAA5C;AACA,OAAOC,+BAAP,MAA4C,uCAA5C;AACA,OAAOC,8BAAP,MAA2C,sCAA3C;AACA,OAAOC,kBAAP,IACCC,cADD,QAEO,+CAFP;AAGA,OAAOC,sCAAP,MAAmD,+CAAnD;AACA,OAAOC,qCAAP,MAAkD,8CAAlD;AACA,OAAOC,mCAAP,MAAgD,4CAAhD;AACA,OAAOC,sCAAP,MAAmD,+CAAnD;AACA,OAAOC,OAAP,MAAoB,aAApB;AACA,SAASC,MAAT,QAAuB,mBAAvB;AACA,OAAOC,4BAAP,MAAyC,oCAAzC;AACA,OAAOC,2BAAP,MAAwC,mCAAxC;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAkBH,MAAM,CAAEb,iBAAF,CAA9B;;AAEA,SAASiB,cAAT,GAA0B;AACzBX,EAAAA,kBAAkB;AAElB,SACC,8BACC,cAAC,eAAD;AAAiB,IAAA,IAAI,EAAC;AAAtB,KACC,cAAC,2BAAD,OADD,CADD,EAIC,cAAC,eAAD;AAAiB,IAAA,IAAI,EAAC;AAAtB,KACC,cAAC,sCAAD,OADD,CAJD,EAOC,cAAC,eAAD;AAAiB,IAAA,IAAI,EAAC;AAAtB,KACC,cAAC,qCAAD,OADD,CAPD,EAUC,cAAC,eAAD;AAAiB,IAAA,IAAI,EAAC;AAAtB,KACC,cAAC,mCAAD,OADD,CAVD,EAaC,cAAC,eAAD;AAAiB,IAAA,IAAI,EAAC;AAAtB,KACC,cAAC,4BAAD,OADD,CAbD,EAgBC,cAAC,eAAD;AAAiB,IAAA,IAAI,EAAC;AAAtB,KACC,cAAC,2BAAD,OADD,CAhBD,EAmBC,cAAC,eAAD;AAAiB,IAAA,IAAI,EAAC;AAAtB,KACC,cAAC,gCAAD,OADD,CAnBD,EAsBC,cAAC,eAAD;AAAiB,IAAA,IAAI,EAAC;AAAtB,KACC,cAAC,+BAAD,OADD,CAtBD,EAyBC,cAAC,eAAD;AAAiB,IAAA,IAAI,EAAC;AAAtB,KACC,cAAC,sCAAD,OADD,CAzBD,EA4BC,cAAC,eAAD;AAAiB,IAAA,IAAI,EAAC;AAAtB,KACC,cAAC,8BAAD,OADD,CA5BD,EA+BC,cAAC,eAAD;AAAiB,IAAA,IAAI,EAAC;AAAtB,KACC,cAAC,+BAAD,OADD,CA/BD,CADD;AAqCA;;AAED,SAASY,OAAT,GAAmB;AAClB,QAAM;AAAEC,IAAAA,MAAM,EAAEC;AAAV,MAAwBJ,WAAW,EAAzC;AACA,QAAMK,WAAW,GAAG3B,MAAM,CAAEa,cAAc,CAAEa,SAAF,CAAhB,CAA1B;AAEA,SACC,8BACC,cAAC,iBAAD;AACC,IAAA,SAAS,EAAC,4BADX;AAEC,IAAA,WAAW,EAAGC,WAAW,CAACC;AAF3B,KAIC,cAAC,cAAD,OAJD,CADD,EAOC,cAAC,OAAD,OAPD,CADD;AAWA;;AAED,eAAe7B,IAAI,CAAEyB,OAAF,CAAnB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo, useRef } from '@wordpress/element';\nimport {\n\t__experimentalNavigatorProvider as NavigatorProvider,\n\t__experimentalNavigatorScreen as NavigatorScreen,\n} from '@wordpress/components';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreenMain from '../sidebar-navigation-screen-main';\nimport SidebarNavigationScreenTemplates from '../sidebar-navigation-screen-templates';\nimport SidebarNavigationScreenTemplate from '../sidebar-navigation-screen-template';\nimport SidebarNavigationScreenPatterns from '../sidebar-navigation-screen-patterns';\nimport SidebarNavigationScreenPattern from '../sidebar-navigation-screen-pattern';\nimport useSyncPathWithURL, {\n\tgetPathFromURL,\n} from '../sync-state-with-url/use-sync-path-with-url';\nimport SidebarNavigationScreenNavigationMenus from '../sidebar-navigation-screen-navigation-menus';\nimport SidebarNavigationScreenNavigationMenu from '../sidebar-navigation-screen-navigation-menu';\nimport SidebarNavigationScreenGlobalStyles from '../sidebar-navigation-screen-global-styles';\nimport SidebarNavigationScreenTemplatesBrowse from '../sidebar-navigation-screen-templates-browse';\nimport SaveHub from '../save-hub';\nimport { unlock } from '../../lock-unlock';\nimport SidebarNavigationScreenPages from '../sidebar-navigation-screen-pages';\nimport SidebarNavigationScreenPage from '../sidebar-navigation-screen-page';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nfunction SidebarScreens() {\n\tuseSyncPathWithURL();\n\n\treturn (\n\t\t<>\n\t\t\t<NavigatorScreen path=\"/\">\n\t\t\t\t<SidebarNavigationScreenMain />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/navigation\">\n\t\t\t\t<SidebarNavigationScreenNavigationMenus />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/navigation/:postType/:postId\">\n\t\t\t\t<SidebarNavigationScreenNavigationMenu />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/wp_global_styles\">\n\t\t\t\t<SidebarNavigationScreenGlobalStyles />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/page\">\n\t\t\t\t<SidebarNavigationScreenPages />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/page/:postId\">\n\t\t\t\t<SidebarNavigationScreenPage />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/:postType(wp_template)\">\n\t\t\t\t<SidebarNavigationScreenTemplates />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/patterns\">\n\t\t\t\t<SidebarNavigationScreenPatterns />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/:postType(wp_template|wp_template_part)/all\">\n\t\t\t\t<SidebarNavigationScreenTemplatesBrowse />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/:postType(wp_template_part|wp_block)/:postId\">\n\t\t\t\t<SidebarNavigationScreenPattern />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/:postType(wp_template)/:postId\">\n\t\t\t\t<SidebarNavigationScreenTemplate />\n\t\t\t</NavigatorScreen>\n\t\t</>\n\t);\n}\n\nfunction Sidebar() {\n\tconst { params: urlParams } = useLocation();\n\tconst initialPath = useRef( getPathFromURL( urlParams ) );\n\n\treturn (\n\t\t<>\n\t\t\t<NavigatorProvider\n\t\t\t\tclassName=\"edit-site-sidebar__content\"\n\t\t\t\tinitialPath={ initialPath.current }\n\t\t\t>\n\t\t\t\t<SidebarScreens />\n\t\t\t</NavigatorProvider>\n\t\t\t<SaveHub />\n\t\t</>\n\t);\n}\n\nexport default memo( Sidebar );\n"]}
+{"version":3,"names":["memo","useRef","__experimentalNavigatorProvider","NavigatorProvider","__experimentalNavigatorScreen","NavigatorScreen","privateApis","routerPrivateApis","SidebarNavigationScreenMain","SidebarNavigationScreenTemplates","SidebarNavigationScreenTemplate","SidebarNavigationScreenPatterns","SidebarNavigationScreenPattern","useSyncPathWithURL","getPathFromURL","SidebarNavigationScreenNavigationMenus","SidebarNavigationScreenNavigationMenu","SidebarNavigationScreenGlobalStyles","SidebarNavigationScreenTemplatesBrowse","SaveHub","unlock","SidebarNavigationScreenPages","SidebarNavigationScreenPage","useLocation","SidebarScreens","createElement","Fragment","path","Sidebar","params","urlParams","initialPath","className","current"],"sources":["@wordpress/edit-site/src/components/sidebar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo, useRef } from '@wordpress/element';\nimport {\n\t__experimentalNavigatorProvider as NavigatorProvider,\n\t__experimentalNavigatorScreen as NavigatorScreen,\n} from '@wordpress/components';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreenMain from '../sidebar-navigation-screen-main';\nimport SidebarNavigationScreenTemplates from '../sidebar-navigation-screen-templates';\nimport SidebarNavigationScreenTemplate from '../sidebar-navigation-screen-template';\nimport SidebarNavigationScreenPatterns from '../sidebar-navigation-screen-patterns';\nimport SidebarNavigationScreenPattern from '../sidebar-navigation-screen-pattern';\nimport useSyncPathWithURL, {\n\tgetPathFromURL,\n} from '../sync-state-with-url/use-sync-path-with-url';\nimport SidebarNavigationScreenNavigationMenus from '../sidebar-navigation-screen-navigation-menus';\nimport SidebarNavigationScreenNavigationMenu from '../sidebar-navigation-screen-navigation-menu';\nimport SidebarNavigationScreenGlobalStyles from '../sidebar-navigation-screen-global-styles';\nimport SidebarNavigationScreenTemplatesBrowse from '../sidebar-navigation-screen-templates-browse';\nimport SaveHub from '../save-hub';\nimport { unlock } from '../../lock-unlock';\nimport SidebarNavigationScreenPages from '../sidebar-navigation-screen-pages';\nimport SidebarNavigationScreenPage from '../sidebar-navigation-screen-page';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nfunction SidebarScreens() {\n\tuseSyncPathWithURL();\n\n\treturn (\n\t\t<>\n\t\t\t<NavigatorScreen path=\"/\">\n\t\t\t\t<SidebarNavigationScreenMain />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/navigation\">\n\t\t\t\t<SidebarNavigationScreenNavigationMenus />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/navigation/:postType/:postId\">\n\t\t\t\t<SidebarNavigationScreenNavigationMenu />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/wp_global_styles\">\n\t\t\t\t<SidebarNavigationScreenGlobalStyles />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/page\">\n\t\t\t\t<SidebarNavigationScreenPages />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/page/:postId\">\n\t\t\t\t<SidebarNavigationScreenPage />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/:postType(wp_template)\">\n\t\t\t\t<SidebarNavigationScreenTemplates />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/patterns\">\n\t\t\t\t<SidebarNavigationScreenPatterns />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/:postType(wp_template|wp_template_part)/all\">\n\t\t\t\t<SidebarNavigationScreenTemplatesBrowse />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/:postType(wp_template_part|wp_block)/:postId\">\n\t\t\t\t<SidebarNavigationScreenPattern />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/:postType(wp_template)/:postId\">\n\t\t\t\t<SidebarNavigationScreenTemplate />\n\t\t\t</NavigatorScreen>\n\t\t</>\n\t);\n}\n\nfunction Sidebar() {\n\tconst { params: urlParams } = useLocation();\n\tconst initialPath = useRef( getPathFromURL( urlParams ) );\n\n\treturn (\n\t\t<>\n\t\t\t<NavigatorProvider\n\t\t\t\tclassName=\"edit-site-sidebar__content\"\n\t\t\t\tinitialPath={ initialPath.current }\n\t\t\t>\n\t\t\t\t<SidebarScreens />\n\t\t\t</NavigatorProvider>\n\t\t\t<SaveHub />\n\t\t</>\n\t);\n}\n\nexport default memo( Sidebar );\n"],"mappings":"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"}

package/build-module/components/sidebar-button/index.js

@@ -1,16 +1,16 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import classnames from 'classnames';
+
 /**
  * WordPress dependencies
  */
-
 import { Button } from '@wordpress/components';
 export default function SidebarButton(props) {
-  return createElement(Button, { ...props,
+  return createElement(Button, {
+    ...props,
     className: classnames('edit-site-sidebar-button', props.className)
   });
 }

package/build-module/components/sidebar-button/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-button/index.js"],"names":["classnames","Button","SidebarButton","props","className"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,MAAT,QAAuB,uBAAvB;AAEA,eAAe,SAASC,aAAT,CAAwBC,KAAxB,EAAgC;AAC9C,SACC,cAAC,MAAD,OACMA,KADN;AAEC,IAAA,SAAS,EAAGH,UAAU,CACrB,0BADqB,EAErBG,KAAK,CAACC,SAFe;AAFvB,IADD;AASA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\n\nexport default function SidebarButton( props ) {\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tclassName={ classnames(\n\t\t\t\t'edit-site-sidebar-button',\n\t\t\t\tprops.className\n\t\t\t) }\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"names":["classnames","Button","SidebarButton","props","createElement","className"],"sources":["@wordpress/edit-site/src/components/sidebar-button/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\n\nexport default function SidebarButton( props ) {\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tclassName={ classnames(\n\t\t\t\t'edit-site-sidebar-button',\n\t\t\t\tprops.className\n\t\t\t) }\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,MAAM,QAAQ,uBAAuB;AAE9C,eAAe,SAASC,aAAaA,CAAEC,KAAK,EAAG;EAC9C,OACCC,aAAA,CAACH,MAAM;IAAA,GACDE,KAAK;IACVE,SAAS,EAAGL,UAAU,CACrB,0BAA0B,EAC1BG,KAAK,CAACE,SACP;EAAG,CACH,CAAC;AAEJ"}

package/build-module/components/sidebar-edit-mode/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/constants.js"],"names":["SIDEBAR_TEMPLATE","SIDEBAR_BLOCK"],"mappings":"AAAA,OAAO,MAAMA,gBAAgB,GAAG,oBAAzB;AACP,OAAO,MAAMC,aAAa,GAAG,2BAAtB","sourcesContent":["export const SIDEBAR_TEMPLATE = 'edit-site/template';\nexport const SIDEBAR_BLOCK = 'edit-site/block-inspector';\n"]}
+{"version":3,"names":["SIDEBAR_TEMPLATE","SIDEBAR_BLOCK"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/constants.js"],"sourcesContent":["export const SIDEBAR_TEMPLATE = 'edit-site/template';\nexport const SIDEBAR_BLOCK = 'edit-site/block-inspector';\n"],"mappings":"AAAA,OAAO,MAAMA,gBAAgB,GAAG,oBAAoB;AACpD,OAAO,MAAMC,aAAa,GAAG,2BAA2B"}

package/build-module/components/sidebar-edit-mode/default-sidebar.js

@@ -1,14 +1,13 @@
 import { createElement, Fragment } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */
 import { ComplementaryArea, ComplementaryAreaMoreMenuItem } from '@wordpress/interface';
 import { useSelect } from '@wordpress/data';
+
 /**
  * Internal dependencies
  */
-
 import { store as editSiteStore } from '../../store';
 export default function DefaultSidebar({
   className,
@@ -27,6 +26,7 @@ export default function DefaultSidebar({
     scope: "core/edit-site",
     identifier: identifier,
     title: title,
+    smallScreenTitle: title,
     icon: icon,
     closeLabel: closeLabel,
     header: header,

package/build-module/components/sidebar-edit-mode/default-sidebar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/default-sidebar.js"],"names":["ComplementaryArea","ComplementaryAreaMoreMenuItem","useSelect","store","editSiteStore","DefaultSidebar","className","identifier","title","icon","children","closeLabel","header","headerClassName","panelClassName","showIconLabels","select","getSettings"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,iBADD,EAECC,6BAFD,QAGO,sBAHP;AAIA,SAASC,SAAT,QAA0B,iBAA1B;AAEA;AACA;AACA;;AACA,SAASC,KAAK,IAAIC,aAAlB,QAAuC,aAAvC;AAEA,eAAe,SAASC,cAAT,CAAyB;AACvCC,EAAAA,SADuC;AAEvCC,EAAAA,UAFuC;AAGvCC,EAAAA,KAHuC;AAIvCC,EAAAA,IAJuC;AAKvCC,EAAAA,QALuC;AAMvCC,EAAAA,UANuC;AAOvCC,EAAAA,MAPuC;AAQvCC,EAAAA,eARuC;AASvCC,EAAAA;AATuC,CAAzB,EAUX;AACH,QAAMC,cAAc,GAAGb,SAAS,CAC7Bc,MAAF,IAAcA,MAAM,CAAEZ,aAAF,CAAN,CAAwBa,WAAxB,GAAsCF,cADrB,EAE/B,EAF+B,CAAhC;AAKA,SACC,8BACC,cAAC,iBAAD;AACC,IAAA,SAAS,EAAGT,SADb;AAEC,IAAA,KAAK,EAAC,gBAFP;AAGC,IAAA,UAAU,EAAGC,UAHd;AAIC,IAAA,KAAK,EAAGC,KAJT;AAKC,IAAA,IAAI,EAAGC,IALR;AAMC,IAAA,UAAU,EAAGE,UANd;AAOC,IAAA,MAAM,EAAGC,MAPV;AAQC,IAAA,eAAe,EAAGC,eARnB;AASC,IAAA,cAAc,EAAGC,cATlB;AAUC,IAAA,cAAc,EAAGC;AAVlB,KAYGL,QAZH,CADD,EAeC,cAAC,6BAAD;AACC,IAAA,KAAK,EAAC,gBADP;AAEC,IAAA,UAAU,EAAGH,UAFd;AAGC,IAAA,IAAI,EAAGE;AAHR,KAKGD,KALH,CAfD,CADD;AAyBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tComplementaryArea,\n\tComplementaryAreaMoreMenuItem,\n} from '@wordpress/interface';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\n\nexport default function DefaultSidebar( {\n\tclassName,\n\tidentifier,\n\ttitle,\n\ticon,\n\tchildren,\n\tcloseLabel,\n\theader,\n\theaderClassName,\n\tpanelClassName,\n} ) {\n\tconst showIconLabels = useSelect(\n\t\t( select ) => select( editSiteStore ).getSettings().showIconLabels,\n\t\t[]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<ComplementaryArea\n\t\t\t\tclassName={ className }\n\t\t\t\tscope=\"core/edit-site\"\n\t\t\t\tidentifier={ identifier }\n\t\t\t\ttitle={ title }\n\t\t\t\ticon={ icon }\n\t\t\t\tcloseLabel={ closeLabel }\n\t\t\t\theader={ header }\n\t\t\t\theaderClassName={ headerClassName }\n\t\t\t\tpanelClassName={ panelClassName }\n\t\t\t\tshowIconLabels={ showIconLabels }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</ComplementaryArea>\n\t\t\t<ComplementaryAreaMoreMenuItem\n\t\t\t\tscope=\"core/edit-site\"\n\t\t\t\tidentifier={ identifier }\n\t\t\t\ticon={ icon }\n\t\t\t>\n\t\t\t\t{ title }\n\t\t\t</ComplementaryAreaMoreMenuItem>\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"names":["ComplementaryArea","ComplementaryAreaMoreMenuItem","useSelect","store","editSiteStore","DefaultSidebar","className","identifier","title","icon","children","closeLabel","header","headerClassName","panelClassName","showIconLabels","select","getSettings","createElement","Fragment","scope","smallScreenTitle"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/default-sidebar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tComplementaryArea,\n\tComplementaryAreaMoreMenuItem,\n} from '@wordpress/interface';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\n\nexport default function DefaultSidebar( {\n\tclassName,\n\tidentifier,\n\ttitle,\n\ticon,\n\tchildren,\n\tcloseLabel,\n\theader,\n\theaderClassName,\n\tpanelClassName,\n} ) {\n\tconst showIconLabels = useSelect(\n\t\t( select ) => select( editSiteStore ).getSettings().showIconLabels,\n\t\t[]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<ComplementaryArea\n\t\t\t\tclassName={ className }\n\t\t\t\tscope=\"core/edit-site\"\n\t\t\t\tidentifier={ identifier }\n\t\t\t\ttitle={ title }\n\t\t\t\tsmallScreenTitle={ title }\n\t\t\t\ticon={ icon }\n\t\t\t\tcloseLabel={ closeLabel }\n\t\t\t\theader={ header }\n\t\t\t\theaderClassName={ headerClassName }\n\t\t\t\tpanelClassName={ panelClassName }\n\t\t\t\tshowIconLabels={ showIconLabels }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</ComplementaryArea>\n\t\t\t<ComplementaryAreaMoreMenuItem\n\t\t\t\tscope=\"core/edit-site\"\n\t\t\t\tidentifier={ identifier }\n\t\t\t\ticon={ icon }\n\t\t\t>\n\t\t\t\t{ title }\n\t\t\t</ComplementaryAreaMoreMenuItem>\n\t\t</>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SACCA,iBAAiB,EACjBC,6BAA6B,QACvB,sBAAsB;AAC7B,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,aAAa,QAAQ,aAAa;AAEpD,eAAe,SAASC,cAAcA,CAAE;EACvCC,SAAS;EACTC,UAAU;EACVC,KAAK;EACLC,IAAI;EACJC,QAAQ;EACRC,UAAU;EACVC,MAAM;EACNC,eAAe;EACfC;AACD,CAAC,EAAG;EACH,MAAMC,cAAc,GAAGb,SAAS,CAC7Bc,MAAM,IAAMA,MAAM,CAAEZ,aAAc,CAAC,CAACa,WAAW,CAAC,CAAC,CAACF,cAAc,EAClE,EACD,CAAC;EAED,OACCG,aAAA,CAAAC,QAAA,QACCD,aAAA,CAAClB,iBAAiB;IACjBM,SAAS,EAAGA,SAAW;IACvBc,KAAK,EAAC,gBAAgB;IACtBb,UAAU,EAAGA,UAAY;IACzBC,KAAK,EAAGA,KAAO;IACfa,gBAAgB,EAAGb,KAAO;IAC1BC,IAAI,EAAGA,IAAM;IACbE,UAAU,EAAGA,UAAY;IACzBC,MAAM,EAAGA,MAAQ;IACjBC,eAAe,EAAGA,eAAiB;IACnCC,cAAc,EAAGA,cAAgB;IACjCC,cAAc,EAAGA;EAAgB,GAE/BL,QACgB,CAAC,EACpBQ,aAAA,CAACjB,6BAA6B;IAC7BmB,KAAK,EAAC,gBAAgB;IACtBb,UAAU,EAAGA,UAAY;IACzBE,IAAI,EAAGA;EAAM,GAEXD,KAC4B,CAC9B,CAAC;AAEL"}

package/build-module/components/sidebar-edit-mode/global-styles-sidebar.js

@@ -1,5 +1,4 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */
@@ -10,10 +9,10 @@ import { useSelect, useDispatch } from '@wordpress/data';
 import { useEffect } from '@wordpress/element';
 import { store as interfaceStore } from '@wordpress/interface';
 import { store as preferencesStore } from '@wordpress/preferences';
+
 /**
  * Internal dependencies
  */
-
 import DefaultSidebar from './default-sidebar';
 import { GlobalStylesUI } from '../global-styles';
 import { store as editSiteStore } from '../../store';
@@ -32,13 +31,9 @@ export default function GlobalStylesSidebar() {
       getEditorCanvasContainerView,
       getCanvasMode
     } = unlock(select(editSiteStore));
-
     const _isVisualEditorMode = 'visual' === select(editSiteStore).getEditorMode();
-
     const _isEditCanvasMode = 'edit' === getCanvasMode();
-
     const _showListViewByDefault = select(preferencesStore).get('core/edit-site', 'showListViewByDefault');
-
     return {
       isStyleBookOpened: 'style-book' === getEditorCanvasContainerView(),
       shouldClearCanvasContainerView: 'edit-site/global-styles' !== getActiveComplementaryArea('core/edit-site') || !_isVisualEditorMode || !_isEditCanvasMode,

package/build-module/components/sidebar-edit-mode/global-styles-sidebar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/global-styles-sidebar.js"],"names":["FlexItem","FlexBlock","Flex","Button","__","styles","seen","useSelect","useDispatch","useEffect","store","interfaceStore","preferencesStore","DefaultSidebar","GlobalStylesUI","editSiteStore","GlobalStylesMenuSlot","unlock","GlobalStylesSidebar","shouldClearCanvasContainerView","isStyleBookOpened","showListViewByDefault","select","getActiveComplementaryArea","getEditorCanvasContainerView","getCanvasMode","_isVisualEditorMode","getEditorMode","_isEditCanvasMode","_showListViewByDefault","get","setEditorCanvasContainerView","undefined","setIsListViewOpened","minWidth"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { FlexItem, FlexBlock, Flex, Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { styles, seen } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as interfaceStore } from '@wordpress/interface';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport DefaultSidebar from './default-sidebar';\nimport { GlobalStylesUI } from '../global-styles';\nimport { store as editSiteStore } from '../../store';\nimport { GlobalStylesMenuSlot } from '../global-styles/ui';\nimport { unlock } from '../../lock-unlock';\n\nexport default function GlobalStylesSidebar() {\n\tconst {\n\t\tshouldClearCanvasContainerView,\n\t\tisStyleBookOpened,\n\t\tshowListViewByDefault,\n\t} = useSelect( ( select ) => {\n\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\t\tconst { getEditorCanvasContainerView, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\tconst _isVisualEditorMode =\n\t\t\t'visual' === select( editSiteStore ).getEditorMode();\n\t\tconst _isEditCanvasMode = 'edit' === getCanvasMode();\n\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t'core/edit-site',\n\t\t\t'showListViewByDefault'\n\t\t);\n\n\t\treturn {\n\t\t\tisStyleBookOpened: 'style-book' === getEditorCanvasContainerView(),\n\t\t\tshouldClearCanvasContainerView:\n\t\t\t\t'edit-site/global-styles' !==\n\t\t\t\t\tgetActiveComplementaryArea( 'core/edit-site' ) ||\n\t\t\t\t! _isVisualEditorMode ||\n\t\t\t\t! _isEditCanvasMode,\n\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t};\n\t}, [] );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\tuseEffect( () => {\n\t\tif ( shouldClearCanvasContainerView ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t}\n\t}, [ shouldClearCanvasContainerView ] );\n\n\tconst { setIsListViewOpened } = useDispatch( editSiteStore );\n\n\treturn (\n\t\t<DefaultSidebar\n\t\t\tclassName=\"edit-site-global-styles-sidebar\"\n\t\t\tidentifier=\"edit-site/global-styles\"\n\t\t\ttitle={ __( 'Styles' ) }\n\t\t\ticon={ styles }\n\t\t\tcloseLabel={ __( 'Close Styles' ) }\n\t\t\tpanelClassName=\"edit-site-global-styles-sidebar__panel\"\n\t\t\theader={\n\t\t\t\t<Flex\n\t\t\t\t\tclassName=\"edit-site-global-styles-sidebar__header\"\n\t\t\t\t\trole=\"menubar\"\n\t\t\t\t\taria-label={ __( 'Styles actions' ) }\n\t\t\t\t>\n\t\t\t\t\t<FlexBlock style={ { minWidth: 'min-content' } }>\n\t\t\t\t\t\t<strong>{ __( 'Styles' ) }</strong>\n\t\t\t\t\t</FlexBlock>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\tisPressed={ isStyleBookOpened }\n\t\t\t\t\t\t\tdisabled={ shouldClearCanvasContainerView }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tsetIsListViewOpened(\n\t\t\t\t\t\t\t\t\tisStyleBookOpened && showListViewByDefault\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t\t\t\t\t\tisStyleBookOpened ? undefined : 'style-book'\n\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</FlexItem>\n\t\t\t\t\t<GlobalStylesMenuSlot />\n\t\t\t\t</Flex>\n\t\t\t}\n\t\t>\n\t\t\t<GlobalStylesUI />\n\t\t</DefaultSidebar>\n\t);\n}\n"]}
+{"version":3,"names":["FlexItem","FlexBlock","Flex","Button","__","styles","seen","useSelect","useDispatch","useEffect","store","interfaceStore","preferencesStore","DefaultSidebar","GlobalStylesUI","editSiteStore","GlobalStylesMenuSlot","unlock","GlobalStylesSidebar","shouldClearCanvasContainerView","isStyleBookOpened","showListViewByDefault","select","getActiveComplementaryArea","getEditorCanvasContainerView","getCanvasMode","_isVisualEditorMode","getEditorMode","_isEditCanvasMode","_showListViewByDefault","get","setEditorCanvasContainerView","undefined","setIsListViewOpened","createElement","className","identifier","title","icon","closeLabel","panelClassName","header","role","style","minWidth","label","isPressed","disabled","onClick"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/global-styles-sidebar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { FlexItem, FlexBlock, Flex, Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { styles, seen } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as interfaceStore } from '@wordpress/interface';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport DefaultSidebar from './default-sidebar';\nimport { GlobalStylesUI } from '../global-styles';\nimport { store as editSiteStore } from '../../store';\nimport { GlobalStylesMenuSlot } from '../global-styles/ui';\nimport { unlock } from '../../lock-unlock';\n\nexport default function GlobalStylesSidebar() {\n\tconst {\n\t\tshouldClearCanvasContainerView,\n\t\tisStyleBookOpened,\n\t\tshowListViewByDefault,\n\t} = useSelect( ( select ) => {\n\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\t\tconst { getEditorCanvasContainerView, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\tconst _isVisualEditorMode =\n\t\t\t'visual' === select( editSiteStore ).getEditorMode();\n\t\tconst _isEditCanvasMode = 'edit' === getCanvasMode();\n\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t'core/edit-site',\n\t\t\t'showListViewByDefault'\n\t\t);\n\n\t\treturn {\n\t\t\tisStyleBookOpened: 'style-book' === getEditorCanvasContainerView(),\n\t\t\tshouldClearCanvasContainerView:\n\t\t\t\t'edit-site/global-styles' !==\n\t\t\t\t\tgetActiveComplementaryArea( 'core/edit-site' ) ||\n\t\t\t\t! _isVisualEditorMode ||\n\t\t\t\t! _isEditCanvasMode,\n\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t};\n\t}, [] );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\tuseEffect( () => {\n\t\tif ( shouldClearCanvasContainerView ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t}\n\t}, [ shouldClearCanvasContainerView ] );\n\n\tconst { setIsListViewOpened } = useDispatch( editSiteStore );\n\n\treturn (\n\t\t<DefaultSidebar\n\t\t\tclassName=\"edit-site-global-styles-sidebar\"\n\t\t\tidentifier=\"edit-site/global-styles\"\n\t\t\ttitle={ __( 'Styles' ) }\n\t\t\ticon={ styles }\n\t\t\tcloseLabel={ __( 'Close Styles' ) }\n\t\t\tpanelClassName=\"edit-site-global-styles-sidebar__panel\"\n\t\t\theader={\n\t\t\t\t<Flex\n\t\t\t\t\tclassName=\"edit-site-global-styles-sidebar__header\"\n\t\t\t\t\trole=\"menubar\"\n\t\t\t\t\taria-label={ __( 'Styles actions' ) }\n\t\t\t\t>\n\t\t\t\t\t<FlexBlock style={ { minWidth: 'min-content' } }>\n\t\t\t\t\t\t<strong>{ __( 'Styles' ) }</strong>\n\t\t\t\t\t</FlexBlock>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\tisPressed={ isStyleBookOpened }\n\t\t\t\t\t\t\tdisabled={ shouldClearCanvasContainerView }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tsetIsListViewOpened(\n\t\t\t\t\t\t\t\t\tisStyleBookOpened && showListViewByDefault\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t\t\t\t\t\tisStyleBookOpened ? undefined : 'style-book'\n\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</FlexItem>\n\t\t\t\t\t<GlobalStylesMenuSlot />\n\t\t\t\t</Flex>\n\t\t\t}\n\t\t>\n\t\t\t<GlobalStylesUI />\n\t\t</DefaultSidebar>\n\t);\n}\n"],"mappings":"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"}

package/build-module/components/sidebar-edit-mode/index.js

@@ -1,5 +1,4 @@
 import { createElement, Fragment } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */
@@ -10,10 +9,10 @@ import { useEffect } from '@wordpress/element';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { store as interfaceStore } from '@wordpress/interface';
 import { store as blockEditorStore } from '@wordpress/block-editor';
+
 /**
  * Internal dependencies
  */
-
 import DefaultSidebar from './default-sidebar';
 import GlobalStylesSidebar from './global-styles-sidebar';
 import { STORE_NAME } from '../../store/constants';
@@ -37,9 +36,7 @@ export function SidebarComplementaryAreaFills() {
     hasPageContentFocus
   } = useSelect(select => {
     const _sidebar = select(interfaceStore).getActiveComplementaryArea(STORE_NAME);
-
     const _isEditorSidebarOpened = [SIDEBAR_BLOCK, SIDEBAR_TEMPLATE].includes(_sidebar);
-
     const settings = select(editSiteStore).getSettings();
     return {
       sidebar: _sidebar,
@@ -58,7 +55,6 @@ export function SidebarComplementaryAreaFills() {
     if (!isEditorSidebarOpened) {
       return;
     }
-
     if (hasBlockSelection) {
       if (!hasPageContentFocus) {
         enableComplementaryArea(STORE_NAME, SIDEBAR_BLOCK);
@@ -68,11 +64,9 @@ export function SidebarComplementaryAreaFills() {
     }
   }, [hasBlockSelection, isEditorSidebarOpened, hasPageContentFocus]);
   let sidebarName = sidebar;
-
   if (!isEditorSidebarOpened) {
     sidebarName = hasBlockSelection ? SIDEBAR_BLOCK : SIDEBAR_TEMPLATE;
   }
-
   return createElement(Fragment, null, createElement(DefaultSidebar, {
     identifier: sidebarName,
     title: __('Settings'),

package/build-module/components/sidebar-edit-mode/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/index.js"],"names":["createSlotFill","isRTL","__","drawerLeft","drawerRight","useEffect","useSelect","useDispatch","store","interfaceStore","blockEditorStore","DefaultSidebar","GlobalStylesSidebar","STORE_NAME","SettingsHeader","PagePanels","TemplatePanel","PluginTemplateSettingPanel","SIDEBAR_BLOCK","SIDEBAR_TEMPLATE","editSiteStore","Slot","InspectorSlot","Fill","InspectorFill","SidebarInspectorFill","SidebarComplementaryAreaFills","sidebar","isEditorSidebarOpened","hasBlockSelection","supportsGlobalStyles","hasPageContentFocus","select","_sidebar","getActiveComplementaryArea","_isEditorSidebarOpened","includes","settings","getSettings","getBlockSelectionStart","supportsTemplatePartsMode","enableComplementaryArea","sidebarName"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { drawerLeft, drawerRight } from '@wordpress/icons';\nimport { useEffect } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as interfaceStore } from '@wordpress/interface';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport DefaultSidebar from './default-sidebar';\nimport GlobalStylesSidebar from './global-styles-sidebar';\nimport { STORE_NAME } from '../../store/constants';\nimport SettingsHeader from './settings-header';\nimport PagePanels from './page-panels';\nimport TemplatePanel from './template-panel';\nimport PluginTemplateSettingPanel from '../plugin-template-setting-panel';\nimport { SIDEBAR_BLOCK, SIDEBAR_TEMPLATE } from './constants';\nimport { store as editSiteStore } from '../../store';\n\nconst { Slot: InspectorSlot, Fill: InspectorFill } = createSlotFill(\n\t'EditSiteSidebarInspector'\n);\nexport const SidebarInspectorFill = InspectorFill;\n\nexport function SidebarComplementaryAreaFills() {\n\tconst {\n\t\tsidebar,\n\t\tisEditorSidebarOpened,\n\t\thasBlockSelection,\n\t\tsupportsGlobalStyles,\n\t\thasPageContentFocus,\n\t} = useSelect( ( select ) => {\n\t\tconst _sidebar =\n\t\t\tselect( interfaceStore ).getActiveComplementaryArea( STORE_NAME );\n\t\tconst _isEditorSidebarOpened = [\n\t\t\tSIDEBAR_BLOCK,\n\t\t\tSIDEBAR_TEMPLATE,\n\t\t].includes( _sidebar );\n\t\tconst settings = select( editSiteStore ).getSettings();\n\t\treturn {\n\t\t\tsidebar: _sidebar,\n\t\t\tisEditorSidebarOpened: _isEditorSidebarOpened,\n\t\t\thasBlockSelection:\n\t\t\t\t!! select( blockEditorStore ).getBlockSelectionStart(),\n\t\t\tsupportsGlobalStyles: ! settings?.supportsTemplatePartsMode,\n\t\t\thasPageContentFocus: select( editSiteStore ).hasPageContentFocus(),\n\t\t};\n\t}, [] );\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\n\tuseEffect( () => {\n\t\t// Don't automatically switch tab when the sidebar is closed or when we\n\t\t// are focused on page content.\n\t\tif ( ! isEditorSidebarOpened ) {\n\t\t\treturn;\n\t\t}\n\t\tif ( hasBlockSelection ) {\n\t\t\tif ( ! hasPageContentFocus ) {\n\t\t\t\tenableComplementaryArea( STORE_NAME, SIDEBAR_BLOCK );\n\t\t\t}\n\t\t} else {\n\t\t\tenableComplementaryArea( STORE_NAME, SIDEBAR_TEMPLATE );\n\t\t}\n\t}, [ hasBlockSelection, isEditorSidebarOpened, hasPageContentFocus ] );\n\n\tlet sidebarName = sidebar;\n\tif ( ! isEditorSidebarOpened ) {\n\t\tsidebarName = hasBlockSelection ? SIDEBAR_BLOCK : SIDEBAR_TEMPLATE;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<DefaultSidebar\n\t\t\t\tidentifier={ sidebarName }\n\t\t\t\ttitle={ __( 'Settings' ) }\n\t\t\t\ticon={ isRTL() ? drawerLeft : drawerRight }\n\t\t\t\tcloseLabel={ __( 'Close Settings' ) }\n\t\t\t\theader={ <SettingsHeader sidebarName={ sidebarName } /> }\n\t\t\t\theaderClassName=\"edit-site-sidebar-edit-mode__panel-tabs\"\n\t\t\t>\n\t\t\t\t{ sidebarName === SIDEBAR_TEMPLATE && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ hasPageContentFocus ? (\n\t\t\t\t\t\t\t<PagePanels />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<TemplatePanel />\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<PluginTemplateSettingPanel.Slot />\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t{ sidebarName === SIDEBAR_BLOCK && (\n\t\t\t\t\t<InspectorSlot bubblesVirtually />\n\t\t\t\t) }\n\t\t\t</DefaultSidebar>\n\t\t\t{ supportsGlobalStyles && <GlobalStylesSidebar /> }\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"names":["createSlotFill","isRTL","__","drawerLeft","drawerRight","useEffect","useSelect","useDispatch","store","interfaceStore","blockEditorStore","DefaultSidebar","GlobalStylesSidebar","STORE_NAME","SettingsHeader","PagePanels","TemplatePanel","PluginTemplateSettingPanel","SIDEBAR_BLOCK","SIDEBAR_TEMPLATE","editSiteStore","Slot","InspectorSlot","Fill","InspectorFill","SidebarInspectorFill","SidebarComplementaryAreaFills","sidebar","isEditorSidebarOpened","hasBlockSelection","supportsGlobalStyles","hasPageContentFocus","select","_sidebar","getActiveComplementaryArea","_isEditorSidebarOpened","includes","settings","getSettings","getBlockSelectionStart","supportsTemplatePartsMode","enableComplementaryArea","sidebarName","createElement","Fragment","identifier","title","icon","closeLabel","header","headerClassName","bubblesVirtually"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { drawerLeft, drawerRight } from '@wordpress/icons';\nimport { useEffect } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as interfaceStore } from '@wordpress/interface';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport DefaultSidebar from './default-sidebar';\nimport GlobalStylesSidebar from './global-styles-sidebar';\nimport { STORE_NAME } from '../../store/constants';\nimport SettingsHeader from './settings-header';\nimport PagePanels from './page-panels';\nimport TemplatePanel from './template-panel';\nimport PluginTemplateSettingPanel from '../plugin-template-setting-panel';\nimport { SIDEBAR_BLOCK, SIDEBAR_TEMPLATE } from './constants';\nimport { store as editSiteStore } from '../../store';\n\nconst { Slot: InspectorSlot, Fill: InspectorFill } = createSlotFill(\n\t'EditSiteSidebarInspector'\n);\nexport const SidebarInspectorFill = InspectorFill;\n\nexport function SidebarComplementaryAreaFills() {\n\tconst {\n\t\tsidebar,\n\t\tisEditorSidebarOpened,\n\t\thasBlockSelection,\n\t\tsupportsGlobalStyles,\n\t\thasPageContentFocus,\n\t} = useSelect( ( select ) => {\n\t\tconst _sidebar =\n\t\t\tselect( interfaceStore ).getActiveComplementaryArea( STORE_NAME );\n\t\tconst _isEditorSidebarOpened = [\n\t\t\tSIDEBAR_BLOCK,\n\t\t\tSIDEBAR_TEMPLATE,\n\t\t].includes( _sidebar );\n\t\tconst settings = select( editSiteStore ).getSettings();\n\t\treturn {\n\t\t\tsidebar: _sidebar,\n\t\t\tisEditorSidebarOpened: _isEditorSidebarOpened,\n\t\t\thasBlockSelection:\n\t\t\t\t!! select( blockEditorStore ).getBlockSelectionStart(),\n\t\t\tsupportsGlobalStyles: ! settings?.supportsTemplatePartsMode,\n\t\t\thasPageContentFocus: select( editSiteStore ).hasPageContentFocus(),\n\t\t};\n\t}, [] );\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\n\tuseEffect( () => {\n\t\t// Don't automatically switch tab when the sidebar is closed or when we\n\t\t// are focused on page content.\n\t\tif ( ! isEditorSidebarOpened ) {\n\t\t\treturn;\n\t\t}\n\t\tif ( hasBlockSelection ) {\n\t\t\tif ( ! hasPageContentFocus ) {\n\t\t\t\tenableComplementaryArea( STORE_NAME, SIDEBAR_BLOCK );\n\t\t\t}\n\t\t} else {\n\t\t\tenableComplementaryArea( STORE_NAME, SIDEBAR_TEMPLATE );\n\t\t}\n\t}, [ hasBlockSelection, isEditorSidebarOpened, hasPageContentFocus ] );\n\n\tlet sidebarName = sidebar;\n\tif ( ! isEditorSidebarOpened ) {\n\t\tsidebarName = hasBlockSelection ? SIDEBAR_BLOCK : SIDEBAR_TEMPLATE;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<DefaultSidebar\n\t\t\t\tidentifier={ sidebarName }\n\t\t\t\ttitle={ __( 'Settings' ) }\n\t\t\t\ticon={ isRTL() ? drawerLeft : drawerRight }\n\t\t\t\tcloseLabel={ __( 'Close Settings' ) }\n\t\t\t\theader={ <SettingsHeader sidebarName={ sidebarName } /> }\n\t\t\t\theaderClassName=\"edit-site-sidebar-edit-mode__panel-tabs\"\n\t\t\t>\n\t\t\t\t{ sidebarName === SIDEBAR_TEMPLATE && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ hasPageContentFocus ? (\n\t\t\t\t\t\t\t<PagePanels />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<TemplatePanel />\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<PluginTemplateSettingPanel.Slot />\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t{ sidebarName === SIDEBAR_BLOCK && (\n\t\t\t\t\t<InspectorSlot bubblesVirtually />\n\t\t\t\t) }\n\t\t\t</DefaultSidebar>\n\t\t\t{ supportsGlobalStyles && <GlobalStylesSidebar /> }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build-module/components/sidebar-edit-mode/page-panels/edit-template.js

@@ -1,5 +1,4 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */
@@ -10,17 +9,17 @@ import { BlockContextProvider, BlockPreview } from '@wordpress/block-editor';
 import { Button, __experimentalVStack as VStack } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { store as coreStore } from '@wordpress/core-data';
+import { parse } from '@wordpress/blocks';
+
 /**
  * Internal dependencies
  */
-
 import { store as editSiteStore } from '../../../store';
 export default function EditTemplate() {
   const {
     context,
     hasResolved,
-    title,
-    blocks
+    template
   } = useSelect(select => {
     const {
       getEditedPostContext,
@@ -31,31 +30,30 @@ export default function EditTemplate() {
       getEditedEntityRecord,
       hasFinishedResolution
     } = select(coreStore);
-
     const _context = getEditedPostContext();
-
     const queryArgs = ['postType', getEditedPostType(), getEditedPostId()];
-    const template = getEditedEntityRecord(...queryArgs);
     return {
       context: _context,
       hasResolved: hasFinishedResolution('getEditedEntityRecord', queryArgs),
-      title: template?.title,
-      blocks: template?.blocks
+      template: getEditedEntityRecord(...queryArgs)
     };
   }, []);
   const {
     setHasPageContentFocus
   } = useDispatch(editSiteStore);
-  const blockContext = useMemo(() => ({ ...context,
+  const blockContext = useMemo(() => ({
+    ...context,
     postType: null,
     postId: null
   }), [context]);
-
+  const blocks = useMemo(() => {
+    var _template$blocks;
+    return (_template$blocks = template.blocks) !== null && _template$blocks !== void 0 ? _template$blocks : template.content && typeof template.content !== 'function' ? parse(template.content) : [];
+  }, [template.blocks, template.content]);
   if (!hasResolved) {
     return null;
   }
-
-  return createElement(VStack, null, createElement("div", null, decodeEntities(title)), createElement("div", {
+  return createElement(VStack, null, createElement("div", null, decodeEntities(template.title)), createElement("div", {
     className: "edit-site-page-panels__edit-template-preview"
   }, createElement(BlockContextProvider, {
     value: blockContext

package/build-module/components/sidebar-edit-mode/page-panels/edit-template.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/page-panels/edit-template.js"],"names":["useSelect","useDispatch","useMemo","decodeEntities","BlockContextProvider","BlockPreview","Button","__experimentalVStack","VStack","__","store","coreStore","editSiteStore","EditTemplate","context","hasResolved","title","blocks","select","getEditedPostContext","getEditedPostType","getEditedPostId","getEditedEntityRecord","hasFinishedResolution","_context","queryArgs","template","setHasPageContentFocus","blockContext","postType","postId"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,SAAT,EAAoBC,WAApB,QAAuC,iBAAvC;AACA,SAASC,OAAT,QAAwB,oBAAxB;AACA,SAASC,cAAT,QAA+B,0BAA/B;AACA,SAASC,oBAAT,EAA+BC,YAA/B,QAAmD,yBAAnD;AACA,SAASC,MAAT,EAAiBC,oBAAoB,IAAIC,MAAzC,QAAuD,uBAAvD;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,KAAK,IAAIC,SAAlB,QAAmC,sBAAnC;AAEA;AACA;AACA;;AACA,SAASD,KAAK,IAAIE,aAAlB,QAAuC,gBAAvC;AAEA,eAAe,SAASC,YAAT,GAAwB;AACtC,QAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,WAAX;AAAwBC,IAAAA,KAAxB;AAA+BC,IAAAA;AAA/B,MAA0CjB,SAAS,CAAIkB,MAAF,IAAc;AACxE,UAAM;AAAEC,MAAAA,oBAAF;AAAwBC,MAAAA,iBAAxB;AAA2CC,MAAAA;AAA3C,QACLH,MAAM,CAAEN,aAAF,CADP;AAEA,UAAM;AAAEU,MAAAA,qBAAF;AAAyBC,MAAAA;AAAzB,QACLL,MAAM,CAAEP,SAAF,CADP;;AAEA,UAAMa,QAAQ,GAAGL,oBAAoB,EAArC;;AACA,UAAMM,SAAS,GAAG,CACjB,UADiB,EAEjBL,iBAAiB,EAFA,EAGjBC,eAAe,EAHE,CAAlB;AAKA,UAAMK,QAAQ,GAAGJ,qBAAqB,CAAE,GAAGG,SAAL,CAAtC;AACA,WAAO;AACNX,MAAAA,OAAO,EAAEU,QADH;AAENT,MAAAA,WAAW,EAAEQ,qBAAqB,CACjC,uBADiC,EAEjCE,SAFiC,CAF5B;AAMNT,MAAAA,KAAK,EAAEU,QAAQ,EAAEV,KANX;AAONC,MAAAA,MAAM,EAAES,QAAQ,EAAET;AAPZ,KAAP;AASA,GArBwD,EAqBtD,EArBsD,CAAzD;AAuBA,QAAM;AAAEU,IAAAA;AAAF,MAA6B1B,WAAW,CAAEW,aAAF,CAA9C;AAEA,QAAMgB,YAAY,GAAG1B,OAAO,CAC3B,OAAQ,EAAE,GAAGY,OAAL;AAAce,IAAAA,QAAQ,EAAE,IAAxB;AAA8BC,IAAAA,MAAM,EAAE;AAAtC,GAAR,CAD2B,EAE3B,CAAEhB,OAAF,CAF2B,CAA5B;;AAKA,MAAK,CAAEC,WAAP,EAAqB;AACpB,WAAO,IAAP;AACA;;AAED,SACC,cAAC,MAAD,QACC,2BAAOZ,cAAc,CAAEa,KAAF,CAArB,CADD,EAEC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,cAAC,oBAAD;AAAsB,IAAA,KAAK,EAAGY;AAA9B,KACC,cAAC,YAAD;AAAc,IAAA,aAAa,EAAG,IAA9B;AAAqC,IAAA,MAAM,EAAGX;AAA9C,IADD,CADD,CAFD,EAOC,cAAC,MAAD;AACC,IAAA,SAAS,EAAC,6CADX;AAEC,IAAA,OAAO,EAAC,WAFT;AAGC,IAAA,OAAO,EAAG,MAAMU,sBAAsB,CAAE,KAAF;AAHvC,KAKGlB,EAAE,CAAE,eAAF,CALL,CAPD,CADD;AAiBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { BlockContextProvider, BlockPreview } from '@wordpress/block-editor';\nimport { Button, __experimentalVStack as VStack } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\n\nexport default function EditTemplate() {\n\tconst { context, hasResolved, title, blocks } = useSelect( ( select ) => {\n\t\tconst { getEditedPostContext, getEditedPostType, getEditedPostId } =\n\t\t\tselect( editSiteStore );\n\t\tconst { getEditedEntityRecord, hasFinishedResolution } =\n\t\t\tselect( coreStore );\n\t\tconst _context = getEditedPostContext();\n\t\tconst queryArgs = [\n\t\t\t'postType',\n\t\t\tgetEditedPostType(),\n\t\t\tgetEditedPostId(),\n\t\t];\n\t\tconst template = getEditedEntityRecord( ...queryArgs );\n\t\treturn {\n\t\t\tcontext: _context,\n\t\t\thasResolved: hasFinishedResolution(\n\t\t\t\t'getEditedEntityRecord',\n\t\t\t\tqueryArgs\n\t\t\t),\n\t\t\ttitle: template?.title,\n\t\t\tblocks: template?.blocks,\n\t\t};\n\t}, [] );\n\n\tconst { setHasPageContentFocus } = useDispatch( editSiteStore );\n\n\tconst blockContext = useMemo(\n\t\t() => ( { ...context, postType: null, postId: null } ),\n\t\t[ context ]\n\t);\n\n\tif ( ! hasResolved ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack>\n\t\t\t<div>{ decodeEntities( title ) }</div>\n\t\t\t<div className=\"edit-site-page-panels__edit-template-preview\">\n\t\t\t\t<BlockContextProvider value={ blockContext }>\n\t\t\t\t\t<BlockPreview viewportWidth={ 1024 } blocks={ blocks } />\n\t\t\t\t</BlockContextProvider>\n\t\t\t</div>\n\t\t\t<Button\n\t\t\t\tclassName=\"edit-site-page-panels__edit-template-button\"\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\tonClick={ () => setHasPageContentFocus( false ) }\n\t\t\t>\n\t\t\t\t{ __( 'Edit template' ) }\n\t\t\t</Button>\n\t\t</VStack>\n\t);\n}\n"]}
+{"version":3,"names":["useSelect","useDispatch","useMemo","decodeEntities","BlockContextProvider","BlockPreview","Button","__experimentalVStack","VStack","__","store","coreStore","parse","editSiteStore","EditTemplate","context","hasResolved","template","select","getEditedPostContext","getEditedPostType","getEditedPostId","getEditedEntityRecord","hasFinishedResolution","_context","queryArgs","setHasPageContentFocus","blockContext","postType","postId","blocks","_template$blocks","content","createElement","title","className","value","viewportWidth","variant","onClick"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/page-panels/edit-template.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { BlockContextProvider, BlockPreview } from '@wordpress/block-editor';\nimport { Button, __experimentalVStack as VStack } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { parse } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\n\nexport default function EditTemplate() {\n\tconst { context, hasResolved, template } = useSelect( ( select ) => {\n\t\tconst { getEditedPostContext, getEditedPostType, getEditedPostId } =\n\t\t\tselect( editSiteStore );\n\t\tconst { getEditedEntityRecord, hasFinishedResolution } =\n\t\t\tselect( coreStore );\n\t\tconst _context = getEditedPostContext();\n\t\tconst queryArgs = [\n\t\t\t'postType',\n\t\t\tgetEditedPostType(),\n\t\t\tgetEditedPostId(),\n\t\t];\n\t\treturn {\n\t\t\tcontext: _context,\n\t\t\thasResolved: hasFinishedResolution(\n\t\t\t\t'getEditedEntityRecord',\n\t\t\t\tqueryArgs\n\t\t\t),\n\t\t\ttemplate: getEditedEntityRecord( ...queryArgs ),\n\t\t};\n\t}, [] );\n\n\tconst { setHasPageContentFocus } = useDispatch( editSiteStore );\n\n\tconst blockContext = useMemo(\n\t\t() => ( { ...context, postType: null, postId: null } ),\n\t\t[ context ]\n\t);\n\n\tconst blocks = useMemo(\n\t\t() =>\n\t\t\ttemplate.blocks ??\n\t\t\t( template.content && typeof template.content !== 'function'\n\t\t\t\t? parse( template.content )\n\t\t\t\t: [] ),\n\t\t[ template.blocks, template.content ]\n\t);\n\n\tif ( ! hasResolved ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack>\n\t\t\t<div>{ decodeEntities( template.title ) }</div>\n\t\t\t<div className=\"edit-site-page-panels__edit-template-preview\">\n\t\t\t\t<BlockContextProvider value={ blockContext }>\n\t\t\t\t\t<BlockPreview viewportWidth={ 1024 } blocks={ blocks } />\n\t\t\t\t</BlockContextProvider>\n\t\t\t</div>\n\t\t\t<Button\n\t\t\t\tclassName=\"edit-site-page-panels__edit-template-button\"\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\tonClick={ () => setHasPageContentFocus( false ) }\n\t\t\t>\n\t\t\t\t{ __( 'Edit template' ) }\n\t\t\t</Button>\n\t\t</VStack>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,oBAAoB,EAAEC,YAAY,QAAQ,yBAAyB;AAC5E,SAASC,MAAM,EAAEC,oBAAoB,IAAIC,MAAM,QAAQ,uBAAuB;AAC9E,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASC,KAAK,QAAQ,mBAAmB;;AAEzC;AACA;AACA;AACA,SAASF,KAAK,IAAIG,aAAa,QAAQ,gBAAgB;AAEvD,eAAe,SAASC,YAAYA,CAAA,EAAG;EACtC,MAAM;IAAEC,OAAO;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAAGjB,SAAS,CAAIkB,MAAM,IAAM;IACnE,MAAM;MAAEC,oBAAoB;MAAEC,iBAAiB;MAAEC;IAAgB,CAAC,GACjEH,MAAM,CAAEL,aAAc,CAAC;IACxB,MAAM;MAAES,qBAAqB;MAAEC;IAAsB,CAAC,GACrDL,MAAM,CAAEP,SAAU,CAAC;IACpB,MAAMa,QAAQ,GAAGL,oBAAoB,CAAC,CAAC;IACvC,MAAMM,SAAS,GAAG,CACjB,UAAU,EACVL,iBAAiB,CAAC,CAAC,EACnBC,eAAe,CAAC,CAAC,CACjB;IACD,OAAO;MACNN,OAAO,EAAES,QAAQ;MACjBR,WAAW,EAAEO,qBAAqB,CACjC,uBAAuB,EACvBE,SACD,CAAC;MACDR,QAAQ,EAAEK,qBAAqB,CAAE,GAAGG,SAAU;IAC/C,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM;IAAEC;EAAuB,CAAC,GAAGzB,WAAW,CAAEY,aAAc,CAAC;EAE/D,MAAMc,YAAY,GAAGzB,OAAO,CAC3B,OAAQ;IAAE,GAAGa,OAAO;IAAEa,QAAQ,EAAE,IAAI;IAAEC,MAAM,EAAE;EAAK,CAAC,CAAE,EACtD,CAAEd,OAAO,CACV,CAAC;EAED,MAAMe,MAAM,GAAG5B,OAAO,CACrB;IAAA,IAAA6B,gBAAA;IAAA,QAAAA,gBAAA,GACCd,QAAQ,CAACa,MAAM,cAAAC,gBAAA,cAAAA,gBAAA,GACbd,QAAQ,CAACe,OAAO,IAAI,OAAOf,QAAQ,CAACe,OAAO,KAAK,UAAU,GACzDpB,KAAK,CAAEK,QAAQ,CAACe,OAAQ,CAAC,GACzB,EAAE;EAAA,CAAE,EACR,CAAEf,QAAQ,CAACa,MAAM,EAAEb,QAAQ,CAACe,OAAO,CACpC,CAAC;EAED,IAAK,CAAEhB,WAAW,EAAG;IACpB,OAAO,IAAI;EACZ;EAEA,OACCiB,aAAA,CAACzB,MAAM,QACNyB,aAAA,cAAO9B,cAAc,CAAEc,QAAQ,CAACiB,KAAM,CAAQ,CAAC,EAC/CD,aAAA;IAAKE,SAAS,EAAC;EAA8C,GAC5DF,aAAA,CAAC7B,oBAAoB;IAACgC,KAAK,EAAGT;EAAc,GAC3CM,aAAA,CAAC5B,YAAY;IAACgC,aAAa,EAAG,IAAM;IAACP,MAAM,EAAGA;EAAQ,CAAE,CACnC,CAClB,CAAC,EACNG,aAAA,CAAC3B,MAAM;IACN6B,SAAS,EAAC,6CAA6C;IACvDG,OAAO,EAAC,WAAW;IACnBC,OAAO,EAAGA,CAAA,KAAMb,sBAAsB,CAAE,KAAM;EAAG,GAE/CjB,EAAE,CAAE,eAAgB,CACf,CACD,CAAC;AAEX"}

package/build-module/components/sidebar-edit-mode/page-panels/index.js

@@ -1,5 +1,4 @@
 import { createElement, Fragment } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */
@@ -10,10 +9,10 @@ import { humanTimeDiff } from '@wordpress/date';
 import { useSelect } from '@wordpress/data';
 import { store as coreStore } from '@wordpress/core-data';
 import { decodeEntities } from '@wordpress/html-entities';
+
 /**
  * Internal dependencies
  */
-
 import { store as editSiteStore } from '../../../store';
 import SidebarCard from '../sidebar-card';
 import PageContent from './page-content';
@@ -51,15 +50,14 @@ export default function PagePanels() {
       modified: page?.modified
     };
   }, []);
-
   if (!hasResolved) {
     return null;
   }
-
   return createElement(Fragment, null, createElement(PanelBody, null, createElement(SidebarCard, {
     title: decodeEntities(title),
     icon: pageIcon,
-    description: createElement(VStack, null, createElement(Text, null, sprintf( // translators: %s: Human-readable time difference, e.g. "2 days ago".
+    description: createElement(VStack, null, createElement(Text, null, sprintf(
+    // translators: %s: Human-readable time difference, e.g. "2 days ago".
     __('Last edited %s'), humanTimeDiff(modified))))
   })), createElement(PanelBody, {
     title: __('Summary')

package/build-module/components/sidebar-edit-mode/page-panels/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/page-panels/index.js"],"names":["PanelBody","__experimentalText","Text","__experimentalVStack","VStack","page","pageIcon","__","sprintf","humanTimeDiff","useSelect","store","coreStore","decodeEntities","editSiteStore","SidebarCard","PageContent","PageSummary","EditTemplate","PagePanels","id","type","hasResolved","status","date","password","title","modified","select","getEditedPostContext","getEditedEntityRecord","hasFinishedResolution","context","queryArgs","postType","postId"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tPanelBody,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { page as pageIcon } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { humanTimeDiff } from '@wordpress/date';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\nimport SidebarCard from '../sidebar-card';\nimport PageContent from './page-content';\nimport PageSummary from './page-summary';\nimport EditTemplate from './edit-template';\n\nexport default function PagePanels() {\n\tconst { id, type, hasResolved, status, date, password, title, modified } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst { getEditedPostContext } = select( editSiteStore );\n\t\t\tconst { getEditedEntityRecord, hasFinishedResolution } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst context = getEditedPostContext();\n\t\t\tconst queryArgs = [ 'postType', context.postType, context.postId ];\n\t\t\tconst page = getEditedEntityRecord( ...queryArgs );\n\t\t\treturn {\n\t\t\t\thasResolved: hasFinishedResolution(\n\t\t\t\t\t'getEditedEntityRecord',\n\t\t\t\t\tqueryArgs\n\t\t\t\t),\n\t\t\t\ttitle: page?.title,\n\t\t\t\tid: page?.id,\n\t\t\t\ttype: page?.type,\n\t\t\t\tstatus: page?.status,\n\t\t\t\tdate: page?.date,\n\t\t\t\tpassword: page?.password,\n\t\t\t\tmodified: page?.modified,\n\t\t\t};\n\t\t}, [] );\n\n\tif ( ! hasResolved ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<PanelBody>\n\t\t\t\t<SidebarCard\n\t\t\t\t\ttitle={ decodeEntities( title ) }\n\t\t\t\t\ticon={ pageIcon }\n\t\t\t\t\tdescription={\n\t\t\t\t\t\t<VStack>\n\t\t\t\t\t\t\t<Text>\n\t\t\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t\t\t// translators: %s: Human-readable time difference, e.g. \"2 days ago\".\n\t\t\t\t\t\t\t\t\t__( 'Last edited %s' ),\n\t\t\t\t\t\t\t\t\thumanTimeDiff( modified )\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t\t<PanelBody title={ __( 'Summary' ) }>\n\t\t\t\t<PageSummary\n\t\t\t\t\tstatus={ status }\n\t\t\t\t\tdate={ date }\n\t\t\t\t\tpassword={ password }\n\t\t\t\t\tpostId={ id }\n\t\t\t\t\tpostType={ type }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t\t<PanelBody title={ __( 'Content' ) }>\n\t\t\t\t<PageContent />\n\t\t\t</PanelBody>\n\t\t\t<PanelBody title={ __( 'Template' ) }>\n\t\t\t\t<EditTemplate />\n\t\t\t</PanelBody>\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"names":["PanelBody","__experimentalText","Text","__experimentalVStack","VStack","page","pageIcon","__","sprintf","humanTimeDiff","useSelect","store","coreStore","decodeEntities","editSiteStore","SidebarCard","PageContent","PageSummary","EditTemplate","PagePanels","id","type","hasResolved","status","date","password","title","modified","select","getEditedPostContext","getEditedEntityRecord","hasFinishedResolution","context","queryArgs","postType","postId","createElement","Fragment","icon","description"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/page-panels/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tPanelBody,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { page as pageIcon } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { humanTimeDiff } from '@wordpress/date';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\nimport SidebarCard from '../sidebar-card';\nimport PageContent from './page-content';\nimport PageSummary from './page-summary';\nimport EditTemplate from './edit-template';\n\nexport default function PagePanels() {\n\tconst { id, type, hasResolved, status, date, password, title, modified } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst { getEditedPostContext } = select( editSiteStore );\n\t\t\tconst { getEditedEntityRecord, hasFinishedResolution } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst context = getEditedPostContext();\n\t\t\tconst queryArgs = [ 'postType', context.postType, context.postId ];\n\t\t\tconst page = getEditedEntityRecord( ...queryArgs );\n\t\t\treturn {\n\t\t\t\thasResolved: hasFinishedResolution(\n\t\t\t\t\t'getEditedEntityRecord',\n\t\t\t\t\tqueryArgs\n\t\t\t\t),\n\t\t\t\ttitle: page?.title,\n\t\t\t\tid: page?.id,\n\t\t\t\ttype: page?.type,\n\t\t\t\tstatus: page?.status,\n\t\t\t\tdate: page?.date,\n\t\t\t\tpassword: page?.password,\n\t\t\t\tmodified: page?.modified,\n\t\t\t};\n\t\t}, [] );\n\n\tif ( ! hasResolved ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<PanelBody>\n\t\t\t\t<SidebarCard\n\t\t\t\t\ttitle={ decodeEntities( title ) }\n\t\t\t\t\ticon={ pageIcon }\n\t\t\t\t\tdescription={\n\t\t\t\t\t\t<VStack>\n\t\t\t\t\t\t\t<Text>\n\t\t\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t\t\t// translators: %s: Human-readable time difference, e.g. \"2 days ago\".\n\t\t\t\t\t\t\t\t\t__( 'Last edited %s' ),\n\t\t\t\t\t\t\t\t\thumanTimeDiff( modified )\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t\t<PanelBody title={ __( 'Summary' ) }>\n\t\t\t\t<PageSummary\n\t\t\t\t\tstatus={ status }\n\t\t\t\t\tdate={ date }\n\t\t\t\t\tpassword={ password }\n\t\t\t\t\tpostId={ id }\n\t\t\t\t\tpostType={ type }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t\t<PanelBody title={ __( 'Content' ) }>\n\t\t\t\t<PageContent />\n\t\t\t</PanelBody>\n\t\t\t<PanelBody title={ __( 'Template' ) }>\n\t\t\t\t<EditTemplate />\n\t\t\t</PanelBody>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build-module/components/sidebar-edit-mode/page-panels/page-content.js

@@ -1,15 +1,14 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */
 import { useSelect } from '@wordpress/data';
 import { store as blockEditorStore, privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
 import { useMemo } from '@wordpress/element';
+
 /**
  * Internal dependencies
  */
-
 import { unlock } from '../../../lock-unlock';
 const {
   BlockQuickNavigation