@wordpress/edit-site 5.18.1-next.5a1d1283.0 → 5.19.1

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

@@ -27,21 +27,27 @@ var _lockUnlock = require("../../lock-unlock");
 const {
   PrivateListView
 } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
-function ListViewSidebar() {
+function ListViewSidebar({
+  listViewToggleElement
+}) {
   const {
     setIsListViewOpened
   } = (0, _data.useDispatch)(_store.store);
 
   // This hook handles focus when the sidebar first renders.
   const focusOnMountRef = (0, _compose.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 = (0, _compose.useFocusReturn)();
-  const contentFocusReturnRef = (0, _compose.useFocusReturn)();
-  function closeOnEscape(event) {
+
+  // When closing the list view, focus should return to the toggle button.
+  const closeListView = (0, _element.useCallback)(() => {
+    setIsListViewOpened(false);
+    listViewToggleElement?.focus();
+  }, [listViewToggleElement, setIsListViewOpened]);
+  const closeOnEscape = (0, _element.useCallback)(event => {
     if (event.keyCode === _keycodes.ESCAPE && !event.defaultPrevented) {
-      setIsListViewOpened(false);
+      event.preventDefault();
+      closeListView();
     }
-  }
+  }, [closeListView]);
 
   // Use internal state instead of a ref to make sure that the component
   // re-renders when the dropZoneElement updates.
@@ -65,17 +71,19 @@ function ListViewSidebar() {
     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.
-  (0, _keyboardShortcuts.useShortcut)('core/edit-site/toggle-list-view', () => {
+  const handleToggleListViewShortcut = (0, _element.useCallback)(() => {
     // 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.
+      closeListView();
     } else {
+      // If the list view or close button does not have focus, focus should be moved to it.
       handleSidebarFocus();
     }
-  });
+  }, [closeListView]);
+
+  // 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.
+  (0, _keyboardShortcuts.useShortcut)('core/edit-site/toggle-list-view', handleToggleListViewShortcut);
   return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     (0, _element.createElement)("div", {
@@ -83,16 +91,15 @@ function ListViewSidebar() {
       onKeyDown: closeOnEscape,
       ref: sidebarRef
     }, (0, _element.createElement)("div", {
-      className: "edit-site-editor__list-view-panel-header",
-      ref: headerFocusReturnRef
+      className: "edit-site-editor__list-view-panel-header"
     }, (0, _element.createElement)("strong", null, (0, _i18n.__)('List View')), (0, _element.createElement)(_components.Button, {
       icon: _icons.closeSmall,
       label: (0, _i18n.__)('Close'),
-      onClick: () => setIsListViewOpened(false),
+      onClick: closeListView,
       ref: sidebarCloseButtonRef
     })), (0, _element.createElement)("div", {
       className: "edit-site-editor__list-view-panel-content",
-      ref: (0, _compose.useMergeRefs)([contentFocusReturnRef, focusOnMountRef, setDropZoneElement, listViewRef])
+      ref: (0, _compose.useMergeRefs)([focusOnMountRef, setDropZoneElement, listViewRef])
     }, (0, _element.createElement)(PrivateListView, {
       dropZoneElement: dropZoneElement
     })))

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_blockEditor","_components","_compose","_data","_i18n","_icons","_keycodes","_dom","_keyboardShortcuts","_store","_lockUnlock","PrivateListView","unlock","blockEditorPrivateApis","ListViewSidebar","setIsListViewOpened","useDispatch","editSiteStore","focusOnMountRef","useFocusOnMount","headerFocusReturnRef","useFocusReturn","contentFocusReturnRef","closeOnEscape","event","keyCode","ESCAPE","defaultPrevented","dropZoneElement","setDropZoneElement","useState","sidebarRef","useRef","sidebarCloseButtonRef","listViewRef","handleSidebarFocus","listViewApplicationFocus","focus","tabbable","find","current","listViewFocusArea","contains","useShortcut","ownerDocument","activeElement","createElement","className","onKeyDown","ref","__","Button","icon","closeSmall","label","onClick","useMergeRefs"],"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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"}
+{"version":3,"names":["_element","require","_blockEditor","_components","_compose","_data","_i18n","_icons","_keycodes","_dom","_keyboardShortcuts","_store","_lockUnlock","PrivateListView","unlock","blockEditorPrivateApis","ListViewSidebar","listViewToggleElement","setIsListViewOpened","useDispatch","editSiteStore","focusOnMountRef","useFocusOnMount","closeListView","useCallback","focus","closeOnEscape","event","keyCode","ESCAPE","defaultPrevented","preventDefault","dropZoneElement","setDropZoneElement","useState","sidebarRef","useRef","sidebarCloseButtonRef","listViewRef","handleSidebarFocus","listViewApplicationFocus","tabbable","find","current","listViewFocusArea","contains","handleToggleListViewShortcut","ownerDocument","activeElement","useShortcut","createElement","className","onKeyDown","ref","__","Button","icon","closeSmall","label","onClick","useMergeRefs"],"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 { useFocusOnMount, useMergeRefs } from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\nimport { useCallback, 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( { listViewToggleElement } ) {\n\tconst { setIsListViewOpened } = useDispatch( editSiteStore );\n\n\t// This hook handles focus when the sidebar first renders.\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\n\t// When closing the list view, focus should return to the toggle button.\n\tconst closeListView = useCallback( () => {\n\t\tsetIsListViewOpened( false );\n\t\tlistViewToggleElement?.focus();\n\t}, [ listViewToggleElement, setIsListViewOpened ] );\n\n\tconst closeOnEscape = useCallback(\n\t\t( event ) => {\n\t\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tcloseListView();\n\t\t\t}\n\t\t},\n\t\t[ closeListView ]\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\tconst handleToggleListViewShortcut = useCallback( () => {\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\tcloseListView();\n\t\t} else {\n\t\t\t// If the list view or close button does not have focus, focus should be moved to it.\n\t\t\thandleSidebarFocus();\n\t\t}\n\t}, [ closeListView ] );\n\n\t// This only fires when the sidebar is open because of the conditional rendering.\n\t// 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(\n\t\t'core/edit-site/toggle-list-view',\n\t\thandleToggleListViewShortcut\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 className=\"edit-site-editor__list-view-panel-header\">\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={ closeListView }\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\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/components/sidebar-edit-mode/page-panels/edit-template.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,12 +8,14 @@ exports.default = EditTemplate;
 var _element = require("@wordpress/element");
 var _data = require("@wordpress/data");
 var _htmlEntities = require("@wordpress/html-entities");
-var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _coreData = require("@wordpress/core-data");
-var _blocks = require("@wordpress/blocks");
+var _icons = require("@wordpress/icons");
 var _store = require("../../../store");
+var _swapTemplateButton = _interopRequireDefault(require("./swap-template-button"));
+var _resetDefaultTemplate = _interopRequireDefault(require("./reset-default-template"));
+var _lockUnlock = require("../../../lock-unlock");
 /**
  * WordPress dependencies
  */
@@ -21,17 +24,25 @@ var _store = require("../../../store");
  * Internal dependencies
  */
 
+const POPOVER_PROPS = {
+  className: 'edit-site-page-panels-edit-template__dropdown',
+  placement: 'bottom-start'
+};
 function EditTemplate() {
   const {
-    context,
     hasResolved,
-    template
+    template,
+    isTemplateHidden
   } = (0, _data.useSelect)(select => {
     const {
       getEditedPostContext,
       getEditedPostType,
       getEditedPostId
     } = select(_store.store);
+    const {
+      getCanvasMode,
+      getPageContentFocusType
+    } = (0, _lockUnlock.unlock)(select(_store.store));
     const {
       getEditedEntityRecord,
       hasFinishedResolution
@@ -41,35 +52,51 @@ function EditTemplate() {
     return {
       context: _context,
       hasResolved: hasFinishedResolution('getEditedEntityRecord', queryArgs),
-      template: getEditedEntityRecord(...queryArgs)
+      template: getEditedEntityRecord(...queryArgs),
+      isTemplateHidden: getCanvasMode() === 'edit' && getPageContentFocusType() === 'hideTemplate'
     };
   }, []);
   const {
     setHasPageContentFocus
   } = (0, _data.useDispatch)(_store.store);
-  const blockContext = (0, _element.useMemo)(() => ({
-    ...context,
-    postType: null,
-    postId: null
-  }), [context]);
-  const blocks = (0, _element.useMemo)(() => {
-    var _template$blocks;
-    return (_template$blocks = template.blocks) !== null && _template$blocks !== void 0 ? _template$blocks : template.content && typeof template.content !== 'function' ? (0, _blocks.parse)(template.content) : [];
-  }, [template.blocks, template.content]);
+  // Disable reason: `useDispatch` can't be called conditionally.
+  // eslint-disable-next-line @wordpress/no-unused-vars-before-return
+  const {
+    setPageContentFocusType
+  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
   if (!hasResolved) {
     return null;
   }
-  return (0, _element.createElement)(_components.__experimentalVStack, null, (0, _element.createElement)("div", null, (0, _htmlEntities.decodeEntities)(template.title)), (0, _element.createElement)("div", {
-    className: "edit-site-page-panels__edit-template-preview"
-  }, (0, _element.createElement)(_blockEditor.BlockContextProvider, {
-    value: blockContext
-  }, (0, _element.createElement)(_blockEditor.BlockPreview, {
-    viewportWidth: 1024,
-    blocks: blocks
-  }))), (0, _element.createElement)(_components.Button, {
-    className: "edit-site-page-panels__edit-template-button",
-    variant: "secondary",
-    onClick: () => setHasPageContentFocus(false)
-  }, (0, _i18n.__)('Edit template')));
+  return (0, _element.createElement)(_components.__experimentalHStack, {
+    className: "edit-site-summary-field"
+  }, (0, _element.createElement)(_components.__experimentalText, {
+    className: "edit-site-summary-field__label"
+  }, (0, _i18n.__)('Template')), (0, _element.createElement)(_components.DropdownMenu, {
+    popoverProps: POPOVER_PROPS,
+    focusOnMount: true,
+    toggleProps: {
+      variant: 'tertiary',
+      className: 'edit-site-summary-field__trigger'
+    },
+    label: (0, _i18n.__)('Template options'),
+    text: (0, _htmlEntities.decodeEntities)(template.title),
+    icon: null
+  }, ({
+    onClose
+  }) => (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.MenuGroup, null, (0, _element.createElement)(_components.MenuItem, {
+    onClick: () => {
+      setHasPageContentFocus(false);
+      onClose();
+    }
+  }, (0, _i18n.__)('Edit template')), (0, _element.createElement)(_swapTemplateButton.default, {
+    onClick: onClose
+  })), (0, _element.createElement)(_resetDefaultTemplate.default, {
+    onClick: onClose
+  }), (0, _element.createElement)(_components.MenuGroup, null, (0, _element.createElement)(_components.MenuItem, {
+    icon: !isTemplateHidden ? _icons.check : undefined,
+    onClick: () => {
+      setPageContentFocusType(isTemplateHidden ? 'disableTemplate' : 'hideTemplate');
+    }
+  }, (0, _i18n.__)('Template preview'))))));
 }
 //# sourceMappingURL=edit-template.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_data","_htmlEntities","_blockEditor","_components","_i18n","_coreData","_blocks","_store","EditTemplate","context","hasResolved","template","useSelect","select","getEditedPostContext","getEditedPostType","getEditedPostId","editSiteStore","getEditedEntityRecord","hasFinishedResolution","coreStore","_context","queryArgs","setHasPageContentFocus","useDispatch","blockContext","useMemo","postType","postId","blocks","_template$blocks","content","parse","createElement","__experimentalVStack","decodeEntities","title","className","BlockContextProvider","value","BlockPreview","viewportWidth","Button","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":";;;;;;AAIA,IAAAA,QAAA,GAAAC,OAAA;AADA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAKA,IAAAQ,MAAA,GAAAR,OAAA;AAfA;AACA;AACA;;AAUA;AACA;AACA;;AAGe,SAASS,YAAYA,CAAA,EAAG;EACtC,MAAM;IAAEC,OAAO;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACnE,MAAM;MAAEC,oBAAoB;MAAEC,iBAAiB;MAAEC;IAAgB,CAAC,GACjEH,MAAM,CAAEI,YAAc,CAAC;IACxB,MAAM;MAAEC,qBAAqB;MAAEC;IAAsB,CAAC,GACrDN,MAAM,CAAEO,eAAU,CAAC;IACpB,MAAMC,QAAQ,GAAGP,oBAAoB,CAAC,CAAC;IACvC,MAAMQ,SAAS,GAAG,CACjB,UAAU,EACVP,iBAAiB,CAAC,CAAC,EACnBC,eAAe,CAAC,CAAC,CACjB;IACD,OAAO;MACNP,OAAO,EAAEY,QAAQ;MACjBX,WAAW,EAAES,qBAAqB,CACjC,uBAAuB,EACvBG,SACD,CAAC;MACDX,QAAQ,EAAEO,qBAAqB,CAAE,GAAGI,SAAU;IAC/C,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM;IAAEC;EAAuB,CAAC,GAAG,IAAAC,iBAAW,EAAEP,YAAc,CAAC;EAE/D,MAAMQ,YAAY,GAAG,IAAAC,gBAAO,EAC3B,OAAQ;IAAE,GAAGjB,OAAO;IAAEkB,QAAQ,EAAE,IAAI;IAAEC,MAAM,EAAE;EAAK,CAAC,CAAE,EACtD,CAAEnB,OAAO,CACV,CAAC;EAED,MAAMoB,MAAM,GAAG,IAAAH,gBAAO,EACrB;IAAA,IAAAI,gBAAA;IAAA,QAAAA,gBAAA,GACCnB,QAAQ,CAACkB,MAAM,cAAAC,gBAAA,cAAAA,gBAAA,GACbnB,QAAQ,CAACoB,OAAO,IAAI,OAAOpB,QAAQ,CAACoB,OAAO,KAAK,UAAU,GACzD,IAAAC,aAAK,EAAErB,QAAQ,CAACoB,OAAQ,CAAC,GACzB,EAAE;EAAA,CAAE,EACR,CAAEpB,QAAQ,CAACkB,MAAM,EAAElB,QAAQ,CAACoB,OAAO,CACpC,CAAC;EAED,IAAK,CAAErB,WAAW,EAAG;IACpB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAZ,QAAA,CAAAmC,aAAA,EAAC9B,WAAA,CAAA+B,oBAAM,QACN,IAAApC,QAAA,CAAAmC,aAAA,eAAO,IAAAE,4BAAc,EAAExB,QAAQ,CAACyB,KAAM,CAAQ,CAAC,EAC/C,IAAAtC,QAAA,CAAAmC,aAAA;IAAKI,SAAS,EAAC;EAA8C,GAC5D,IAAAvC,QAAA,CAAAmC,aAAA,EAAC/B,YAAA,CAAAoC,oBAAoB;IAACC,KAAK,EAAGd;EAAc,GAC3C,IAAA3B,QAAA,CAAAmC,aAAA,EAAC/B,YAAA,CAAAsC,YAAY;IAACC,aAAa,EAAG,IAAM;IAACZ,MAAM,EAAGA;EAAQ,CAAE,CACnC,CAClB,CAAC,EACN,IAAA/B,QAAA,CAAAmC,aAAA,EAAC9B,WAAA,CAAAuC,MAAM;IACNL,SAAS,EAAC,6CAA6C;IACvDM,OAAO,EAAC,WAAW;IACnBC,OAAO,EAAGA,CAAA,KAAMrB,sBAAsB,CAAE,KAAM;EAAG,GAE/C,IAAAsB,QAAE,EAAE,eAAgB,CACf,CACD,CAAC;AAEX"}
+{"version":3,"names":["_data","require","_htmlEntities","_components","_i18n","_coreData","_icons","_store","_swapTemplateButton","_interopRequireDefault","_resetDefaultTemplate","_lockUnlock","POPOVER_PROPS","className","placement","EditTemplate","hasResolved","template","isTemplateHidden","useSelect","select","getEditedPostContext","getEditedPostType","getEditedPostId","editSiteStore","getCanvasMode","getPageContentFocusType","unlock","getEditedEntityRecord","hasFinishedResolution","coreStore","_context","queryArgs","context","setHasPageContentFocus","useDispatch","setPageContentFocusType","_element","createElement","__experimentalHStack","__experimentalText","__","DropdownMenu","popoverProps","focusOnMount","toggleProps","variant","label","text","decodeEntities","title","icon","onClose","Fragment","MenuGroup","MenuItem","onClick","default","check","undefined"],"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 { decodeEntities } from '@wordpress/html-entities';\nimport {\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n\t__experimentalHStack as HStack,\n\t__experimentalText as Text,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { check } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\nimport SwapTemplateButton from './swap-template-button';\nimport ResetDefaultTemplate from './reset-default-template';\nimport { unlock } from '../../../lock-unlock';\n\nconst POPOVER_PROPS = {\n\tclassName: 'edit-site-page-panels-edit-template__dropdown',\n\tplacement: 'bottom-start',\n};\n\nexport default function EditTemplate() {\n\tconst { hasResolved, template, isTemplateHidden } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEditedPostContext, getEditedPostType, getEditedPostId } =\n\t\t\t\tselect( editSiteStore );\n\t\t\tconst { getCanvasMode, getPageContentFocusType } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\tconst { getEditedEntityRecord, hasFinishedResolution } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst _context = getEditedPostContext();\n\t\t\tconst queryArgs = [\n\t\t\t\t'postType',\n\t\t\t\tgetEditedPostType(),\n\t\t\t\tgetEditedPostId(),\n\t\t\t];\n\t\t\treturn {\n\t\t\t\tcontext: _context,\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\ttemplate: getEditedEntityRecord( ...queryArgs ),\n\t\t\t\tisTemplateHidden:\n\t\t\t\t\tgetCanvasMode() === 'edit' &&\n\t\t\t\t\tgetPageContentFocusType() === 'hideTemplate',\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst { setHasPageContentFocus } = useDispatch( editSiteStore );\n\t// Disable reason: `useDispatch` can't be called conditionally.\n\t// eslint-disable-next-line @wordpress/no-unused-vars-before-return\n\tconst { setPageContentFocusType } = unlock( useDispatch( editSiteStore ) );\n\n\tif ( ! hasResolved ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<HStack className=\"edit-site-summary-field\">\n\t\t\t<Text className=\"edit-site-summary-field__label\">\n\t\t\t\t{ __( 'Template' ) }\n\t\t\t</Text>\n\t\t\t<DropdownMenu\n\t\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\t\tfocusOnMount\n\t\t\t\ttoggleProps={ {\n\t\t\t\t\tvariant: 'tertiary',\n\t\t\t\t\tclassName: 'edit-site-summary-field__trigger',\n\t\t\t\t} }\n\t\t\t\tlabel={ __( 'Template options' ) }\n\t\t\t\ttext={ decodeEntities( template.title ) }\n\t\t\t\ticon={ null }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tsetHasPageContentFocus( false );\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Edit template' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<SwapTemplateButton onClick={ onClose } />\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<ResetDefaultTemplate onClick={ onClose } />\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\ticon={ ! isTemplateHidden ? check : undefined }\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tsetPageContentFocusType(\n\t\t\t\t\t\t\t\t\t\tisTemplateHidden\n\t\t\t\t\t\t\t\t\t\t\t? 'disableTemplate'\n\t\t\t\t\t\t\t\t\t\t\t: 'hideTemplate'\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\t\t{ __( 'Template preview' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t</HStack>\n\t);\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAvailableTemplates = useAvailableTemplates;
+exports.useCurrentTemplateSlug = useCurrentTemplateSlug;
+exports.useEditedPostContext = useEditedPostContext;
+exports.useIsPostsPage = useIsPostsPage;
+var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
+var _coreData = require("@wordpress/core-data");
+var _store = require("../../../store");
+var _constants = require("../../../utils/constants");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+function useEditedPostContext() {
+  return (0, _data.useSelect)(select => select(_store.store).getEditedPostContext(), []);
+}
+function useIsPostsPage() {
+  const {
+    postId
+  } = useEditedPostContext();
+  return (0, _data.useSelect)(select => +postId === select(_coreData.store).getEntityRecord('root', 'site')?.page_for_posts, [postId]);
+}
+function useTemplates() {
+  return (0, _data.useSelect)(select => select(_coreData.store).getEntityRecords('postType', _constants.TEMPLATE_POST_TYPE, {
+    per_page: -1,
+    post_type: 'page'
+  }), []);
+}
+function useAvailableTemplates() {
+  const currentTemplateSlug = useCurrentTemplateSlug();
+  const isPostsPage = useIsPostsPage();
+  const templates = useTemplates();
+  return (0, _element.useMemo)(() =>
+  // The posts page template cannot be changed.
+  !isPostsPage && templates?.filter(template => template.is_custom && template.slug !== currentTemplateSlug && !!template.content.raw // Skip empty templates.
+  ), [templates, currentTemplateSlug, isPostsPage]);
+}
+function useCurrentTemplateSlug() {
+  const {
+    postType,
+    postId
+  } = useEditedPostContext();
+  const templates = useTemplates();
+  const entityTemplate = (0, _data.useSelect)(select => {
+    const post = select(_coreData.store).getEditedEntityRecord('postType', postType, postId);
+    return post?.template;
+  }, [postType, postId]);
+  if (!entityTemplate) {
+    return;
+  }
+  // If a page has a `template` set and is not included in the list
+  // of the theme's templates, do not return it, in order to resolve
+  // to the current theme's default template.
+  return templates?.find(template => template.slug === entityTemplate)?.slug;
+}
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_data","require","_element","_coreData","_store","_constants","useEditedPostContext","useSelect","select","editSiteStore","getEditedPostContext","useIsPostsPage","postId","coreStore","getEntityRecord","page_for_posts","useTemplates","getEntityRecords","TEMPLATE_POST_TYPE","per_page","post_type","useAvailableTemplates","currentTemplateSlug","useCurrentTemplateSlug","isPostsPage","templates","useMemo","filter","template","is_custom","slug","content","raw","postType","entityTemplate","post","getEditedEntityRecord","find"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/page-panels/hooks.js"],"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/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\nimport { TEMPLATE_POST_TYPE } from '../../../utils/constants';\n\nexport function useEditedPostContext() {\n\treturn useSelect(\n\t\t( select ) => select( editSiteStore ).getEditedPostContext(),\n\t\t[]\n\t);\n}\n\nexport function useIsPostsPage() {\n\tconst { postId } = useEditedPostContext();\n\treturn useSelect(\n\t\t( select ) =>\n\t\t\t+postId ===\n\t\t\tselect( coreStore ).getEntityRecord( 'root', 'site' )\n\t\t\t\t?.page_for_posts,\n\t\t[ postId ]\n\t);\n}\n\nfunction useTemplates() {\n\treturn useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getEntityRecords(\n\t\t\t\t'postType',\n\t\t\t\tTEMPLATE_POST_TYPE,\n\t\t\t\t{\n\t\t\t\t\tper_page: -1,\n\t\t\t\t\tpost_type: 'page',\n\t\t\t\t}\n\t\t\t),\n\t\t[]\n\t);\n}\n\nexport function useAvailableTemplates() {\n\tconst currentTemplateSlug = useCurrentTemplateSlug();\n\tconst isPostsPage = useIsPostsPage();\n\tconst templates = useTemplates();\n\treturn useMemo(\n\t\t() =>\n\t\t\t// The posts page template cannot be changed.\n\t\t\t! isPostsPage &&\n\t\t\ttemplates?.filter(\n\t\t\t\t( template ) =>\n\t\t\t\t\ttemplate.is_custom &&\n\t\t\t\t\ttemplate.slug !== currentTemplateSlug &&\n\t\t\t\t\t!! template.content.raw // Skip empty templates.\n\t\t\t),\n\t\t[ templates, currentTemplateSlug, isPostsPage ]\n\t);\n}\n\nexport function useCurrentTemplateSlug() {\n\tconst { postType, postId } = useEditedPostContext();\n\tconst templates = useTemplates();\n\tconst entityTemplate = useSelect(\n\t\t( select ) => {\n\t\t\tconst post = select( coreStore ).getEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\tpostId\n\t\t\t);\n\t\t\treturn post?.template;\n\t\t},\n\t\t[ postType, postId ]\n\t);\n\n\tif ( ! entityTemplate ) {\n\t\treturn;\n\t}\n\t// If a page has a `template` set and is not included in the list\n\t// of the theme's templates, do not return it, in order to resolve\n\t// to the current theme's default template.\n\treturn templates?.find( ( template ) => template.slug === entityTemplate )\n\t\t?.slug;\n}\n"],"mappings":";;;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAKA;AACA;AACA;;AAIO,SAASK,oBAAoBA,CAAA,EAAG;EACtC,OAAO,IAAAC,eAAS,EACbC,MAAM,IAAMA,MAAM,CAAEC,YAAc,CAAC,CAACC,oBAAoB,CAAC,CAAC,EAC5D,EACD,CAAC;AACF;AAEO,SAASC,cAAcA,CAAA,EAAG;EAChC,MAAM;IAAEC;EAAO,CAAC,GAAGN,oBAAoB,CAAC,CAAC;EACzC,OAAO,IAAAC,eAAS,EACbC,MAAM,IACP,CAACI,MAAM,KACPJ,MAAM,CAAEK,eAAU,CAAC,CAACC,eAAe,CAAE,MAAM,EAAE,MAAO,CAAC,EAClDC,cAAc,EAClB,CAAEH,MAAM,CACT,CAAC;AACF;AAEA,SAASI,YAAYA,CAAA,EAAG;EACvB,OAAO,IAAAT,eAAS,EACbC,MAAM,IACPA,MAAM,CAAEK,eAAU,CAAC,CAACI,gBAAgB,CACnC,UAAU,EACVC,6BAAkB,EAClB;IACCC,QAAQ,EAAE,CAAC,CAAC;IACZC,SAAS,EAAE;EACZ,CACD,CAAC,EACF,EACD,CAAC;AACF;AAEO,SAASC,qBAAqBA,CAAA,EAAG;EACvC,MAAMC,mBAAmB,GAAGC,sBAAsB,CAAC,CAAC;EACpD,MAAMC,WAAW,GAAGb,cAAc,CAAC,CAAC;EACpC,MAAMc,SAAS,GAAGT,YAAY,CAAC,CAAC;EAChC,OAAO,IAAAU,gBAAO,EACb;EACC;EACA,CAAEF,WAAW,IACbC,SAAS,EAAEE,MAAM,CACdC,QAAQ,IACTA,QAAQ,CAACC,SAAS,IAClBD,QAAQ,CAACE,IAAI,KAAKR,mBAAmB,IACrC,CAAC,CAAEM,QAAQ,CAACG,OAAO,CAACC,GAAG,CAAC;EAC1B,CAAC,EACF,CAAEP,SAAS,EAAEH,mBAAmB,EAAEE,WAAW,CAC9C,CAAC;AACF;AAEO,SAASD,sBAAsBA,CAAA,EAAG;EACxC,MAAM;IAAEU,QAAQ;IAAErB;EAAO,CAAC,GAAGN,oBAAoB,CAAC,CAAC;EACnD,MAAMmB,SAAS,GAAGT,YAAY,CAAC,CAAC;EAChC,MAAMkB,cAAc,GAAG,IAAA3B,eAAS,EAC7BC,MAAM,IAAM;IACb,MAAM2B,IAAI,GAAG3B,MAAM,CAAEK,eAAU,CAAC,CAACuB,qBAAqB,CACrD,UAAU,EACVH,QAAQ,EACRrB,MACD,CAAC;IACD,OAAOuB,IAAI,EAAEP,QAAQ;EACtB,CAAC,EACD,CAAEK,QAAQ,EAAErB,MAAM,CACnB,CAAC;EAED,IAAK,CAAEsB,cAAc,EAAG;IACvB;EACD;EACA;EACA;EACA;EACA,OAAOT,SAAS,EAAEY,IAAI,CAAIT,QAAQ,IAAMA,QAAQ,CAACE,IAAI,KAAKI,cAAe,CAAC,EACvEJ,IAAI;AACR"}

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

@@ -17,7 +17,6 @@ var _store = require("../../../store");
 var _sidebarCard = _interopRequireDefault(require("../sidebar-card"));
 var _pageContent = _interopRequireDefault(require("./page-content"));
 var _pageSummary = _interopRequireDefault(require("./page-summary"));
-var _editTemplate = _interopRequireDefault(require("./edit-template"));
 /**
  * WordPress dependencies
  */
@@ -77,8 +76,6 @@ function PagePanels() {
     postType: type
   })), (0, _element.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Content')
-  }, (0, _element.createElement)(_pageContent.default, null)), (0, _element.createElement)(_components.PanelBody, {
-    title: (0, _i18n.__)('Template')
-  }, (0, _element.createElement)(_editTemplate.default, null)));
+  }, (0, _element.createElement)(_pageContent.default, null)));
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_icons","_i18n","_date","_data","_coreData","_htmlEntities","_store","_sidebarCard","_interopRequireDefault","_pageContent","_pageSummary","_editTemplate","PagePanels","id","type","hasResolved","status","date","password","title","modified","useSelect","select","getEditedPostContext","editSiteStore","getEditedEntityRecord","hasFinishedResolution","coreStore","context","queryArgs","postType","postId","page","_element","createElement","Fragment","PanelBody","default","decodeEntities","icon","pageIcon","description","__experimentalVStack","__experimentalText","sprintf","__","humanTimeDiff"],"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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"}
+{"version":3,"names":["_components","require","_icons","_i18n","_date","_data","_coreData","_htmlEntities","_store","_sidebarCard","_interopRequireDefault","_pageContent","_pageSummary","PagePanels","id","type","hasResolved","status","date","password","title","modified","useSelect","select","getEditedPostContext","editSiteStore","getEditedEntityRecord","hasFinishedResolution","coreStore","context","queryArgs","postType","postId","page","_element","createElement","Fragment","PanelBody","default","decodeEntities","icon","pageIcon","description","__experimentalVStack","__experimentalText","sprintf","__","humanTimeDiff"],"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';\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</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAKA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAC,sBAAA,CAAAT,OAAA;AACA,IAAAU,YAAA,GAAAD,sBAAA,CAAAT,OAAA;AACA,IAAAW,YAAA,GAAAF,sBAAA,CAAAT,OAAA;AArBA;AACA;AACA;;AAaA;AACA;AACA;;AAMe,SAASY,UAAUA,CAAA,EAAG;EACpC,MAAM;IAAEC,EAAE;IAAEC,IAAI;IAAEC,WAAW;IAAEC,MAAM;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,KAAK;IAAEC;EAAS,CAAC,GACvE,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACxB,MAAM;MAAEC;IAAqB,CAAC,GAAGD,MAAM,CAAEE,YAAc,CAAC;IACxD,MAAM;MAAEC,qBAAqB;MAAEC;IAAsB,CAAC,GACrDJ,MAAM,CAAEK,eAAU,CAAC;IACpB,MAAMC,OAAO,GAAGL,oBAAoB,CAAC,CAAC;IACtC,MAAMM,SAAS,GAAG,CAAE,UAAU,EAAED,OAAO,CAACE,QAAQ,EAAEF,OAAO,CAACG,MAAM,CAAE;IAClE,MAAMC,IAAI,GAAGP,qBAAqB,CAAE,GAAGI,SAAU,CAAC;IAClD,OAAO;MACNd,WAAW,EAAEW,qBAAqB,CACjC,uBAAuB,EACvBG,SACD,CAAC;MACDV,KAAK,EAAEa,IAAI,EAAEb,KAAK;MAClBN,EAAE,EAAEmB,IAAI,EAAEnB,EAAE;MACZC,IAAI,EAAEkB,IAAI,EAAElB,IAAI;MAChBE,MAAM,EAAEgB,IAAI,EAAEhB,MAAM;MACpBC,IAAI,EAAEe,IAAI,EAAEf,IAAI;MAChBC,QAAQ,EAAEc,IAAI,EAAEd,QAAQ;MACxBE,QAAQ,EAAEY,IAAI,EAAEZ;IACjB,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAER,IAAK,CAAEL,WAAW,EAAG;IACpB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAkB,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACC,IAAAF,QAAA,CAAAC,aAAA,EAACnC,WAAA,CAAAqC,SAAS,QACT,IAAAH,QAAA,CAAAC,aAAA,EAAC1B,YAAA,CAAA6B,OAAW;IACXlB,KAAK,EAAG,IAAAmB,4BAAc,EAAEnB,KAAM,CAAG;IACjCoB,IAAI,EAAGC,WAAU;IACjBC,WAAW,EACV,IAAAR,QAAA,CAAAC,aAAA,EAACnC,WAAA,CAAA2C,oBAAM,QACN,IAAAT,QAAA,CAAAC,aAAA,EAACnC,WAAA,CAAA4C,kBAAI,QACF,IAAAC,aAAO;IACR;IACA,IAAAC,QAAE,EAAE,gBAAiB,CAAC,EACtB,IAAAC,mBAAa,EAAE1B,QAAS,CACzB,CACK,CACC;EACR,CACD,CACS,CAAC,EACZ,IAAAa,QAAA,CAAAC,aAAA,EAACnC,WAAA,CAAAqC,SAAS;IAACjB,KAAK,EAAG,IAAA0B,QAAE,EAAE,SAAU;EAAG,GACnC,IAAAZ,QAAA,CAAAC,aAAA,EAACvB,YAAA,CAAA0B,OAAW;IACXrB,MAAM,EAAGA,MAAQ;IACjBC,IAAI,EAAGA,IAAM;IACbC,QAAQ,EAAGA,QAAU;IACrBa,MAAM,EAAGlB,EAAI;IACbiB,QAAQ,EAAGhB;EAAM,CACjB,CACS,CAAC,EACZ,IAAAmB,QAAA,CAAAC,aAAA,EAACnC,WAAA,CAAAqC,SAAS;IAACjB,KAAK,EAAG,IAAA0B,QAAE,EAAE,SAAU;EAAG,GACnC,IAAAZ,QAAA,CAAAC,aAAA,EAACxB,YAAA,CAAA2B,OAAW,MAAE,CACJ,CACV,CAAC;AAEL"}

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

@@ -9,6 +9,7 @@ var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _pageStatus = _interopRequireDefault(require("./page-status"));
 var _publishDate = _interopRequireDefault(require("./publish-date"));
+var _editTemplate = _interopRequireDefault(require("./edit-template"));
 /**
  * WordPress dependencies
  */
@@ -35,6 +36,6 @@ function PageSummary({
     date: date,
     postId: postId,
     postType: postType
-  }));
+  }), (0, _element.createElement)(_editTemplate.default, null));
 }
 //# sourceMappingURL=page-summary.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_pageStatus","_interopRequireDefault","_publishDate","PageSummary","status","date","password","postId","postType","_element","createElement","__experimentalVStack","default"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/page-panels/page-summary.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalVStack as VStack } from '@wordpress/components';\n/**\n * Internal dependencies\n */\nimport PageStatus from './page-status';\nimport PublishDate from './publish-date';\n\nexport default function PageSummary( {\n\tstatus,\n\tdate,\n\tpassword,\n\tpostId,\n\tpostType,\n} ) {\n\treturn (\n\t\t<VStack>\n\t\t\t<PageStatus\n\t\t\t\tstatus={ status }\n\t\t\t\tdate={ date }\n\t\t\t\tpassword={ password }\n\t\t\t\tpostId={ postId }\n\t\t\t\tpostType={ postType }\n\t\t\t/>\n\t\t\t<PublishDate\n\t\t\t\tstatus={ status }\n\t\t\t\tdate={ date }\n\t\t\t\tpostId={ postId }\n\t\t\t\tpostType={ postType }\n\t\t\t/>\n\t\t</VStack>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;;AAEA;AACA;AACA;;AAIe,SAASI,WAAWA,CAAE;EACpCC,MAAM;EACNC,IAAI;EACJC,QAAQ;EACRC,MAAM;EACNC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAa,oBAAM,QACN,IAAAF,QAAA,CAAAC,aAAA,EAACV,WAAA,CAAAY,OAAU;IACVR,MAAM,EAAGA,MAAQ;IACjBC,IAAI,EAAGA,IAAM;IACbC,QAAQ,EAAGA,QAAU;IACrBC,MAAM,EAAGA,MAAQ;IACjBC,QAAQ,EAAGA;EAAU,CACrB,CAAC,EACF,IAAAC,QAAA,CAAAC,aAAA,EAACR,YAAA,CAAAU,OAAW;IACXR,MAAM,EAAGA,MAAQ;IACjBC,IAAI,EAAGA,IAAM;IACbE,MAAM,EAAGA,MAAQ;IACjBC,QAAQ,EAAGA;EAAU,CACrB,CACM,CAAC;AAEX"}
+{"version":3,"names":["_components","require","_pageStatus","_interopRequireDefault","_publishDate","_editTemplate","PageSummary","status","date","password","postId","postType","_element","createElement","__experimentalVStack","default"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/page-panels/page-summary.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalVStack as VStack } from '@wordpress/components';\n/**\n * Internal dependencies\n */\nimport PageStatus from './page-status';\nimport PublishDate from './publish-date';\nimport EditTemplate from './edit-template';\n\nexport default function PageSummary( {\n\tstatus,\n\tdate,\n\tpassword,\n\tpostId,\n\tpostType,\n} ) {\n\treturn (\n\t\t<VStack>\n\t\t\t<PageStatus\n\t\t\t\tstatus={ status }\n\t\t\t\tdate={ date }\n\t\t\t\tpassword={ password }\n\t\t\t\tpostId={ postId }\n\t\t\t\tpostType={ postType }\n\t\t\t/>\n\t\t\t<PublishDate\n\t\t\t\tstatus={ status }\n\t\t\t\tdate={ date }\n\t\t\t\tpostId={ postId }\n\t\t\t\tpostType={ postType }\n\t\t\t/>\n\t\t\t<EditTemplate />\n\t\t</VStack>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,aAAA,GAAAF,sBAAA,CAAAF,OAAA;AATA;AACA;AACA;;AAEA;AACA;AACA;;AAKe,SAASK,WAAWA,CAAE;EACpCC,MAAM;EACNC,IAAI;EACJC,QAAQ;EACRC,MAAM;EACNC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACb,WAAA,CAAAc,oBAAM,QACN,IAAAF,QAAA,CAAAC,aAAA,EAACX,WAAA,CAAAa,OAAU;IACVR,MAAM,EAAGA,MAAQ;IACjBC,IAAI,EAAGA,IAAM;IACbC,QAAQ,EAAGA,QAAU;IACrBC,MAAM,EAAGA,MAAQ;IACjBC,QAAQ,EAAGA;EAAU,CACrB,CAAC,EACF,IAAAC,QAAA,CAAAC,aAAA,EAACT,YAAA,CAAAW,OAAW;IACXR,MAAM,EAAGA,MAAQ;IACjBC,IAAI,EAAGA,IAAM;IACbE,MAAM,EAAGA,MAAQ;IACjBC,QAAQ,EAAGA;EAAU,CACrB,CAAC,EACF,IAAAC,QAAA,CAAAC,aAAA,EAACR,aAAA,CAAAU,OAAY,MAAE,CACR,CAAC;AAEX"}

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

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ResetDefaultTemplate;
+var _element = require("@wordpress/element");
+var _data = require("@wordpress/data");
+var _components = require("@wordpress/components");
+var _i18n = require("@wordpress/i18n");
+var _coreData = require("@wordpress/core-data");
+var _hooks = require("./hooks");
+var _store = require("../../../store");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+function ResetDefaultTemplate({
+  onClick
+}) {
+  const currentTemplateSlug = (0, _hooks.useCurrentTemplateSlug)();
+  const isPostsPage = (0, _hooks.useIsPostsPage)();
+  const {
+    postType,
+    postId
+  } = (0, _hooks.useEditedPostContext)();
+  const entity = (0, _coreData.useEntityRecord)('postType', postType, postId);
+  const {
+    setPage
+  } = (0, _data.useDispatch)(_store.store);
+  // The default template in a post is indicated by an empty string.
+  if (!currentTemplateSlug || isPostsPage) {
+    return null;
+  }
+  return (0, _element.createElement)(_components.MenuGroup, null, (0, _element.createElement)(_components.MenuItem, {
+    onClick: async () => {
+      entity.edit({
+        template: ''
+      }, {
+        undoIgnore: true
+      });
+      onClick();
+      await setPage({
+        context: {
+          postType,
+          postId
+        }
+      });
+    }
+  }, (0, _i18n.__)('Reset')));
+}
+//# sourceMappingURL=reset-default-template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_data","require","_components","_i18n","_coreData","_hooks","_store","ResetDefaultTemplate","onClick","currentTemplateSlug","useCurrentTemplateSlug","isPostsPage","useIsPostsPage","postType","postId","useEditedPostContext","entity","useEntityRecord","setPage","useDispatch","editSiteStore","_element","createElement","MenuGroup","MenuItem","edit","template","undoIgnore","context","__"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/page-panels/reset-default-template.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch } from '@wordpress/data';\nimport { MenuGroup, MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useEntityRecord } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport {\n\tuseCurrentTemplateSlug,\n\tuseEditedPostContext,\n\tuseIsPostsPage,\n} from './hooks';\nimport { store as editSiteStore } from '../../../store';\n\nexport default function ResetDefaultTemplate( { onClick } ) {\n\tconst currentTemplateSlug = useCurrentTemplateSlug();\n\tconst isPostsPage = useIsPostsPage();\n\tconst { postType, postId } = useEditedPostContext();\n\tconst entity = useEntityRecord( 'postType', postType, postId );\n\tconst { setPage } = useDispatch( editSiteStore );\n\t// The default template in a post is indicated by an empty string.\n\tif ( ! currentTemplateSlug || isPostsPage ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<MenuGroup>\n\t\t\t<MenuItem\n\t\t\t\tonClick={ async () => {\n\t\t\t\t\tentity.edit( { template: '' }, { undoIgnore: true } );\n\t\t\t\t\tonClick();\n\t\t\t\t\tawait setPage( {\n\t\t\t\t\t\tcontext: { postType, postId },\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ __( 'Reset' ) }\n\t\t\t</MenuItem>\n\t\t</MenuGroup>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAL,OAAA;AAhBA;AACA;AACA;;AAMA;AACA;AACA;;AAQe,SAASM,oBAAoBA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EAC3D,MAAMC,mBAAmB,GAAG,IAAAC,6BAAsB,EAAC,CAAC;EACpD,MAAMC,WAAW,GAAG,IAAAC,qBAAc,EAAC,CAAC;EACpC,MAAM;IAAEC,QAAQ;IAAEC;EAAO,CAAC,GAAG,IAAAC,2BAAoB,EAAC,CAAC;EACnD,MAAMC,MAAM,GAAG,IAAAC,yBAAe,EAAE,UAAU,EAAEJ,QAAQ,EAAEC,MAAO,CAAC;EAC9D,MAAM;IAAEI;EAAQ,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAc,CAAC;EAChD;EACA,IAAK,CAAEX,mBAAmB,IAAIE,WAAW,EAAG;IAC3C,OAAO,IAAI;EACZ;EACA,OACC,IAAAU,QAAA,CAAAC,aAAA,EAACpB,WAAA,CAAAqB,SAAS,QACT,IAAAF,QAAA,CAAAC,aAAA,EAACpB,WAAA,CAAAsB,QAAQ;IACRhB,OAAO,EAAG,MAAAA,CAAA,KAAY;MACrBQ,MAAM,CAACS,IAAI,CAAE;QAAEC,QAAQ,EAAE;MAAG,CAAC,EAAE;QAAEC,UAAU,EAAE;MAAK,CAAE,CAAC;MACrDnB,OAAO,CAAC,CAAC;MACT,MAAMU,OAAO,CAAE;QACdU,OAAO,EAAE;UAAEf,QAAQ;UAAEC;QAAO;MAC7B,CAAE,CAAC;IACJ;EAAG,GAED,IAAAe,QAAE,EAAE,OAAQ,CACL,CACA,CAAC;AAEd"}

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

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SwapTemplateButton;
+var _element = require("@wordpress/element");
+var _data = require("@wordpress/data");
+var _htmlEntities = require("@wordpress/html-entities");
+var _blockEditor = require("@wordpress/block-editor");
+var _components = require("@wordpress/components");
+var _i18n = require("@wordpress/i18n");
+var _coreData = require("@wordpress/core-data");
+var _blocks = require("@wordpress/blocks");
+var _compose = require("@wordpress/compose");
+var _store = require("../../../store");
+var _hooks = require("./hooks");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+function SwapTemplateButton({
+  onClick
+}) {
+  const [showModal, setShowModal] = (0, _element.useState)(false);
+  const availableTemplates = (0, _hooks.useAvailableTemplates)();
+  const onClose = (0, _element.useCallback)(() => {
+    setShowModal(false);
+  }, []);
+  const {
+    postType,
+    postId
+  } = (0, _hooks.useEditedPostContext)();
+  const entitiy = (0, _coreData.useEntityRecord)('postType', postType, postId);
+  const {
+    setPage
+  } = (0, _data.useDispatch)(_store.store);
+  if (!availableTemplates?.length) {
+    return null;
+  }
+  const onTemplateSelect = async template => {
+    entitiy.edit({
+      template: template.name
+    }, {
+      undoIgnore: true
+    });
+    await setPage({
+      context: {
+        postType,
+        postId
+      }
+    });
+    onClose(); // Close the template suggestions modal first.
+    onClick();
+  };
+  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.MenuItem, {
+    onClick: () => setShowModal(true)
+  }, (0, _i18n.__)('Swap template')), showModal && (0, _element.createElement)(_components.Modal, {
+    title: (0, _i18n.__)('Choose a template'),
+    onRequestClose: onClose,
+    overlayClassName: "edit-site-swap-template-modal",
+    isFullScreen: true
+  }, (0, _element.createElement)("div", {
+    className: "edit-site-page-panels__swap-template__modal-content"
+  }, (0, _element.createElement)(TemplatesList, {
+    onSelect: onTemplateSelect
+  }))));
+}
+function TemplatesList({
+  onSelect
+}) {
+  const availableTemplates = (0, _hooks.useAvailableTemplates)();
+  const templatesAsPatterns = (0, _element.useMemo)(() => availableTemplates.map(template => ({
+    name: template.slug,
+    blocks: (0, _blocks.parse)(template.content.raw),
+    title: (0, _htmlEntities.decodeEntities)(template.title.rendered),
+    id: template.id
+  })), [availableTemplates]);
+  const shownTemplates = (0, _compose.useAsyncList)(templatesAsPatterns);
+  return (0, _element.createElement)(_blockEditor.__experimentalBlockPatternsList, {
+    label: (0, _i18n.__)('Templates'),
+    blockPatterns: templatesAsPatterns,
+    shownPatterns: shownTemplates,
+    onClickPattern: onSelect
+  });
+}
+//# sourceMappingURL=swap-template-button.js.map