@wordpress/edit-site 5.30.0 → 5.32.0

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

@@ -38,6 +38,7 @@ import { useCommonCommands } from '../../hooks/commands/use-common-commands';
 import { useEditModeCommands } from '../../hooks/commands/use-edit-mode-commands';
 import { useIsSiteEditorLoading } from './hooks';
 import useLayoutAreas from './router';
+import useMovingAnimation from './animation';
 const {
   useCommands
 } = unlock(coreCommandsPrivateApis);
@@ -47,7 +48,7 @@ const {
 const {
   useGlobalStyle
 } = unlock(blockEditorPrivateApis);
-const ANIMATION_DURATION = 0.5;
+const ANIMATION_DURATION = 0.3;
 export default function Layout() {
   // This ensures the edited entity id and type are initialized properly.
   useInitEditedEntityFromURL();
@@ -91,9 +92,13 @@ export default function Layout() {
   const isEditorLoading = useIsSiteEditorLoading();
   const [isResizableFrameOversized, setIsResizableFrameOversized] = useState(false);
   const {
+    key: routeKey,
     areas,
     widths
   } = useLayoutAreas();
+  const animationRef = useMovingAnimation({
+    triggerAnimationOnChange: canvasMode + '__' + routeKey
+  });
 
   // This determines which animation variant should apply to the header.
   // There is also a `isDistractionFreeHovering` state that gets priority
@@ -208,7 +213,7 @@ export default function Layout() {
     },
     transition: {
       type: 'tween',
-      duration: disableMotion ? 0 : 0.2,
+      duration: disableMotion ? 0 : ANIMATION_DURATION,
       ease: 'easeOut'
     }
   }, createElement(Header, null)))), createElement("div", {
@@ -246,24 +251,11 @@ export default function Layout() {
     }
   }, areas.content), !isMobileViewport && areas.preview && createElement("div", {
     className: "edit-site-layout__canvas-container"
-  }, canvasResizer, !!canvasSize.width && createElement(motion.div, {
-    whileHover: canvasMode === 'view' ? {
-      scale: 1.005,
-      transition: {
-        duration: disableMotion ? 0 : 0.5,
-        ease: 'easeOut'
-      }
-    } : {},
-    initial: false,
-    layout: "position",
+  }, canvasResizer, !!canvasSize.width && createElement("div", {
     className: classnames('edit-site-layout__canvas', {
       'is-right-aligned': isResizableFrameOversized
     }),
-    transition: {
-      type: 'tween',
-      duration: disableMotion ? 0 : ANIMATION_DURATION,
-      ease: 'easeOut'
-    }
+    ref: animationRef
   }, createElement(ErrorBoundary, null, createElement(ResizableFrame, {
     isReady: !isEditorLoading,
     isFullWidth: canvasMode === 'edit',

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

@@ -1 +1 @@
-{"version":3,"names":["classnames","useSelect","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","__unstableUseNavigateRegions","useNavigateRegions","useReducedMotion","useViewportMatch","useResizeObserver","__","useState","NavigableRegion","store","keyboardShortcutsStore","CommandMenu","privateApis","commandsPrivateApis","preferencesStore","blockEditorPrivateApis","blockEditorStore","coreCommandsPrivateApis","Sidebar","ErrorBoundary","editSiteStore","Header","useInitEditedEntityFromURL","SiteHub","ResizableFrame","useSyncCanvasModeWithURL","unlock","SavePanel","KeyboardShortcutsRegister","KeyboardShortcutsGlobal","useCommonCommands","useEditModeCommands","useIsSiteEditorLoading","useLayoutAreas","useCommands","useCommandContext","useGlobalStyle","ANIMATION_DURATION","Layout","isMobileViewport","isDistractionFree","isZoomOutMode","hasFixedToolbar","hasBlockSelected","canvasMode","previousShortcut","nextShortcut","select","getAllShortcutKeyCombinations","getCanvasMode","get","__unstableGetEditorMode","getBlockSelectionStart","navigateRegionsProps","previous","next","disableMotion","canvasResizer","canvasSize","fullResizer","isEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","areas","widths","headerAnimationState","commandContext","backgroundColor","gradientValue","createElement","Fragment","ref","className","div","variants","opacity","transition","type","delay","delayChildren","isDistractionFreeHovering","view","edit","whileHover","undefined","animate","isTransparent","initial","key","ariaLabel","as","y","exit","duration","ease","mobile","style","maxWidth","content","preview","width","scale","layout","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n} from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { NavigableRegion } from '@wordpress/interface';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport {\n\tCommandMenu,\n\tprivateApis as commandsPrivateApis,\n} from '@wordpress/commands';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\n\n/**\n * Internal dependencies\n */\nimport Sidebar from '../sidebar';\nimport ErrorBoundary from '../error-boundary';\nimport { store as editSiteStore } from '../../store';\nimport Header from '../header-edit-mode';\nimport useInitEditedEntityFromURL from '../sync-state-with-url/use-init-edited-entity-from-url';\nimport SiteHub from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport useSyncCanvasModeWithURL from '../sync-state-with-url/use-sync-canvas-mode-with-url';\nimport { unlock } from '../../lock-unlock';\nimport SavePanel from '../save-panel';\nimport KeyboardShortcutsRegister from '../keyboard-shortcuts/register';\nimport KeyboardShortcutsGlobal from '../keyboard-shortcuts/global';\nimport { useCommonCommands } from '../../hooks/commands/use-common-commands';\nimport { useEditModeCommands } from '../../hooks/commands/use-edit-mode-commands';\nimport { useIsSiteEditorLoading } from './hooks';\nimport useLayoutAreas from './router';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useCommandContext } = unlock( commandsPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nconst ANIMATION_DURATION = 0.5;\n\nexport default function Layout() {\n\t// This ensures the edited entity id and type are initialized properly.\n\tuseInitEditedEntityFromURL();\n\tuseSyncCanvasModeWithURL();\n\tuseCommands();\n\tuseEditModeCommands();\n\tuseCommonCommands();\n\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\tconst {\n\t\tisDistractionFree,\n\t\tisZoomOutMode,\n\t\thasFixedToolbar,\n\t\thasBlockSelected,\n\t\tcanvasMode,\n\t\tpreviousShortcut,\n\t\tnextShortcut,\n\t} = useSelect( ( select ) => {\n\t\tconst { getAllShortcutKeyCombinations } = select(\n\t\t\tkeyboardShortcutsStore\n\t\t);\n\t\tconst { getCanvasMode } = unlock( select( editSiteStore ) );\n\t\treturn {\n\t\t\tcanvasMode: getCanvasMode(),\n\t\t\tpreviousShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t'core/edit-site/previous-region'\n\t\t\t),\n\t\t\tnextShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t'core/edit-site/next-region'\n\t\t\t),\n\t\t\thasFixedToolbar: select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t\tisDistractionFree: select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t\tisZoomOutMode:\n\t\t\t\tselect( blockEditorStore ).__unstableGetEditorMode() ===\n\t\t\t\t'zoom-out',\n\t\t\thasBlockSelected:\n\t\t\t\tselect( blockEditorStore ).getBlockSelectionStart(),\n\t\t};\n\t}, [] );\n\tconst navigateRegionsProps = useNavigateRegions( {\n\t\tprevious: previousShortcut,\n\t\tnext: nextShortcut,\n\t} );\n\tconst disableMotion = useReducedMotion();\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst [ fullResizer ] = useResizeObserver();\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst { areas, widths } = useLayoutAreas();\n\n\t// This determines which animation variant should apply to the header.\n\t// There is also a `isDistractionFreeHovering` state that gets priority\n\t// when hovering the `edit-site-layout__header-container` in distraction\n\t// free mode. It's set via framer and trickles down to all the children\n\t// so they can use this variant state too.\n\t//\n\t// TODO: The issue with this is we want to have the hover state stick when hovering\n\t// a popover opened via the header. We'll probably need to lift this state to\n\t// handle it ourselves. Also, focusWithin the header needs to be handled.\n\tlet headerAnimationState;\n\n\tif ( canvasMode === 'view' ) {\n\t\t// We need 'view' to always take priority so 'isDistractionFree'\n\t\t// doesn't bleed over into the view (sidebar) state\n\t\theaderAnimationState = 'view';\n\t} else if ( isDistractionFree ) {\n\t\theaderAnimationState = 'isDistractionFree';\n\t} else {\n\t\theaderAnimationState = canvasMode; // edit, view, init\n\t}\n\n\t// Sets the right context for the command palette\n\tlet commandContext = 'site-editor';\n\n\tif ( canvasMode === 'edit' ) {\n\t\tcommandContext = 'site-editor-edit';\n\t}\n\tif ( hasBlockSelected ) {\n\t\tcommandContext = 'block-selection-edit';\n\t}\n\tuseCommandContext( commandContext );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\n\t// Synchronizing the URL with the store value of canvasMode happens in an effect\n\t// This condition ensures the component is only rendered after the synchronization happens\n\t// which prevents any animations due to potential canvasMode value change.\n\tif ( canvasMode === 'init' ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<CommandMenu />\n\t\t\t<KeyboardShortcutsRegister />\n\t\t\t<KeyboardShortcutsGlobal />\n\t\t\t{ fullResizer }\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-distraction-free':\n\t\t\t\t\t\t\tisDistractionFree && canvasMode === 'edit',\n\t\t\t\t\t\t'is-full-canvas': canvasMode === 'edit',\n\t\t\t\t\t\t'has-fixed-toolbar': hasFixedToolbar,\n\t\t\t\t\t\t'is-block-toolbar-visible': hasBlockSelected,\n\t\t\t\t\t\t'is-zoom-out': isZoomOutMode,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName=\"edit-site-layout__header-container\"\n\t\t\t\t\tvariants={ {\n\t\t\t\t\t\tisDistractionFree: {\n\t\t\t\t\t\t\topacity: 0,\n\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tdelay: 0.8,\n\t\t\t\t\t\t\t\tdelayChildren: 0.8,\n\t\t\t\t\t\t\t}, // How long to wait before the header exits\n\t\t\t\t\t\t},\n\t\t\t\t\t\tisDistractionFreeHovering: {\n\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tdelay: 0.2,\n\t\t\t\t\t\t\t\tdelayChildren: 0.2,\n\t\t\t\t\t\t\t}, // How long to wait before the header shows\n\t\t\t\t\t\t},\n\t\t\t\t\t\tview: { opacity: 1 },\n\t\t\t\t\t\tedit: { opacity: 1 },\n\t\t\t\t\t} }\n\t\t\t\t\twhileHover={\n\t\t\t\t\t\tisDistractionFree\n\t\t\t\t\t\t\t? 'isDistractionFreeHovering'\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tanimate={ headerAnimationState }\n\t\t\t\t>\n\t\t\t\t\t<SiteHub\n\t\t\t\t\t\tisTransparent={ isResizableFrameOversized }\n\t\t\t\t\t\tclassName=\"edit-site-layout__hub\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<AnimatePresence initial={ false }>\n\t\t\t\t\t\t{ canvasMode === 'edit' && (\n\t\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\t\tkey=\"header\"\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__header\"\n\t\t\t\t\t\t\t\tariaLabel={ __( 'Editor top bar' ) }\n\t\t\t\t\t\t\t\tas={ motion.div }\n\t\t\t\t\t\t\t\tvariants={ {\n\t\t\t\t\t\t\t\t\tisDistractionFree: { opacity: 0, y: 0 },\n\t\t\t\t\t\t\t\t\tisDistractionFreeHovering: {\n\t\t\t\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\t\t\t\ty: 0,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tview: { opacity: 1, y: '-100%' },\n\t\t\t\t\t\t\t\t\tedit: { opacity: 1, y: 0 },\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\texit={ {\n\t\t\t\t\t\t\t\t\ty: '-100%',\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tinitial={ {\n\t\t\t\t\t\t\t\t\topacity: isDistractionFree ? 1 : 0,\n\t\t\t\t\t\t\t\t\ty: isDistractionFree ? 0 : '-100%',\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\tduration: disableMotion ? 0 : 0.2,\n\t\t\t\t\t\t\t\t\tease: 'easeOut',\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<Header />\n\t\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</AnimatePresence>\n\t\t\t\t</motion.div>\n\n\t\t\t\t<div className=\"edit-site-layout__content\">\n\t\t\t\t\t{ /*\n\t\t\t\t\t\tThe NavigableRegion must always be rendered and not use\n\t\t\t\t\t\t`inert` otherwise `useNavigateRegions` will fail.\n\t\t\t\t\t*/ }\n\t\t\t\t\t{ ( ! isMobileViewport ||\n\t\t\t\t\t\t( isMobileViewport && ! areas.mobile ) ) && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t\t\t{ canvasMode === 'view' && (\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\tanimate={ { opacity: 1 } }\n\t\t\t\t\t\t\t\t\t\texit={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion ||\n\t\t\t\t\t\t\t\t\t\t\t\tisMobileViewport\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Sidebar />\n\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\n\t\t\t\t\t<SavePanel />\n\n\t\t\t\t\t{ isMobileViewport && areas.mobile && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__mobile\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tmaxWidth: widths?.content,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ areas.mobile }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport &&\n\t\t\t\t\t\tareas.content &&\n\t\t\t\t\t\tcanvasMode !== 'edit' && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tmaxWidth: widths?.content,\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{ areas.content }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.preview && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__canvas-container\">\n\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\twhileHover={\n\t\t\t\t\t\t\t\t\t\tcanvasMode === 'view'\n\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\tscale: 1.005,\n\t\t\t\t\t\t\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tduration: disableMotion\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tinitial={ false }\n\t\t\t\t\t\t\t\t\tlayout=\"position\"\n\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\tduration: disableMotion\n\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\tisReady={ ! isEditorLoading }\n\t\t\t\t\t\t\t\t\t\t\tisFullWidth={\n\t\t\t\t\t\t\t\t\t\t\t\tcanvasMode === 'edit'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\tcanvasSize.width -\n\t\t\t\t\t\t\t\t\t\t\t\t\t24 /* $canvas-padding */,\n\t\t\t\t\t\t\t\t\t\t\t\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.preview }\n\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["classnames","useSelect","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","__unstableUseNavigateRegions","useNavigateRegions","useReducedMotion","useViewportMatch","useResizeObserver","__","useState","NavigableRegion","store","keyboardShortcutsStore","CommandMenu","privateApis","commandsPrivateApis","preferencesStore","blockEditorPrivateApis","blockEditorStore","coreCommandsPrivateApis","Sidebar","ErrorBoundary","editSiteStore","Header","useInitEditedEntityFromURL","SiteHub","ResizableFrame","useSyncCanvasModeWithURL","unlock","SavePanel","KeyboardShortcutsRegister","KeyboardShortcutsGlobal","useCommonCommands","useEditModeCommands","useIsSiteEditorLoading","useLayoutAreas","useMovingAnimation","useCommands","useCommandContext","useGlobalStyle","ANIMATION_DURATION","Layout","isMobileViewport","isDistractionFree","isZoomOutMode","hasFixedToolbar","hasBlockSelected","canvasMode","previousShortcut","nextShortcut","select","getAllShortcutKeyCombinations","getCanvasMode","get","__unstableGetEditorMode","getBlockSelectionStart","navigateRegionsProps","previous","next","disableMotion","canvasResizer","canvasSize","fullResizer","isEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","key","routeKey","areas","widths","animationRef","triggerAnimationOnChange","headerAnimationState","commandContext","backgroundColor","gradientValue","createElement","Fragment","ref","className","div","variants","opacity","transition","type","delay","delayChildren","isDistractionFreeHovering","view","edit","whileHover","undefined","animate","isTransparent","initial","ariaLabel","as","y","exit","duration","ease","mobile","style","maxWidth","content","preview","width","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n} from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { NavigableRegion } from '@wordpress/interface';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport {\n\tCommandMenu,\n\tprivateApis as commandsPrivateApis,\n} from '@wordpress/commands';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\n\n/**\n * Internal dependencies\n */\nimport Sidebar from '../sidebar';\nimport ErrorBoundary from '../error-boundary';\nimport { store as editSiteStore } from '../../store';\nimport Header from '../header-edit-mode';\nimport useInitEditedEntityFromURL from '../sync-state-with-url/use-init-edited-entity-from-url';\nimport SiteHub from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport useSyncCanvasModeWithURL from '../sync-state-with-url/use-sync-canvas-mode-with-url';\nimport { unlock } from '../../lock-unlock';\nimport SavePanel from '../save-panel';\nimport KeyboardShortcutsRegister from '../keyboard-shortcuts/register';\nimport KeyboardShortcutsGlobal from '../keyboard-shortcuts/global';\nimport { useCommonCommands } from '../../hooks/commands/use-common-commands';\nimport { useEditModeCommands } from '../../hooks/commands/use-edit-mode-commands';\nimport { useIsSiteEditorLoading } from './hooks';\nimport useLayoutAreas from './router';\nimport useMovingAnimation from './animation';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useCommandContext } = unlock( commandsPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nconst ANIMATION_DURATION = 0.3;\n\nexport default function Layout() {\n\t// This ensures the edited entity id and type are initialized properly.\n\tuseInitEditedEntityFromURL();\n\tuseSyncCanvasModeWithURL();\n\tuseCommands();\n\tuseEditModeCommands();\n\tuseCommonCommands();\n\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\tconst {\n\t\tisDistractionFree,\n\t\tisZoomOutMode,\n\t\thasFixedToolbar,\n\t\thasBlockSelected,\n\t\tcanvasMode,\n\t\tpreviousShortcut,\n\t\tnextShortcut,\n\t} = useSelect( ( select ) => {\n\t\tconst { getAllShortcutKeyCombinations } = select(\n\t\t\tkeyboardShortcutsStore\n\t\t);\n\t\tconst { getCanvasMode } = unlock( select( editSiteStore ) );\n\t\treturn {\n\t\t\tcanvasMode: getCanvasMode(),\n\t\t\tpreviousShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t'core/edit-site/previous-region'\n\t\t\t),\n\t\t\tnextShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t'core/edit-site/next-region'\n\t\t\t),\n\t\t\thasFixedToolbar: select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t\tisDistractionFree: select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t\tisZoomOutMode:\n\t\t\t\tselect( blockEditorStore ).__unstableGetEditorMode() ===\n\t\t\t\t'zoom-out',\n\t\t\thasBlockSelected:\n\t\t\t\tselect( blockEditorStore ).getBlockSelectionStart(),\n\t\t};\n\t}, [] );\n\tconst navigateRegionsProps = useNavigateRegions( {\n\t\tprevious: previousShortcut,\n\t\tnext: nextShortcut,\n\t} );\n\tconst disableMotion = useReducedMotion();\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst [ fullResizer ] = useResizeObserver();\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst { key: routeKey, areas, widths } = useLayoutAreas();\n\tconst animationRef = useMovingAnimation( {\n\t\ttriggerAnimationOnChange: canvasMode + '__' + routeKey,\n\t} );\n\n\t// This determines which animation variant should apply to the header.\n\t// There is also a `isDistractionFreeHovering` state that gets priority\n\t// when hovering the `edit-site-layout__header-container` in distraction\n\t// free mode. It's set via framer and trickles down to all the children\n\t// so they can use this variant state too.\n\t//\n\t// TODO: The issue with this is we want to have the hover state stick when hovering\n\t// a popover opened via the header. We'll probably need to lift this state to\n\t// handle it ourselves. Also, focusWithin the header needs to be handled.\n\tlet headerAnimationState;\n\n\tif ( canvasMode === 'view' ) {\n\t\t// We need 'view' to always take priority so 'isDistractionFree'\n\t\t// doesn't bleed over into the view (sidebar) state\n\t\theaderAnimationState = 'view';\n\t} else if ( isDistractionFree ) {\n\t\theaderAnimationState = 'isDistractionFree';\n\t} else {\n\t\theaderAnimationState = canvasMode; // edit, view, init\n\t}\n\n\t// Sets the right context for the command palette\n\tlet commandContext = 'site-editor';\n\n\tif ( canvasMode === 'edit' ) {\n\t\tcommandContext = 'site-editor-edit';\n\t}\n\tif ( hasBlockSelected ) {\n\t\tcommandContext = 'block-selection-edit';\n\t}\n\tuseCommandContext( commandContext );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\n\t// Synchronizing the URL with the store value of canvasMode happens in an effect\n\t// This condition ensures the component is only rendered after the synchronization happens\n\t// which prevents any animations due to potential canvasMode value change.\n\tif ( canvasMode === 'init' ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<CommandMenu />\n\t\t\t<KeyboardShortcutsRegister />\n\t\t\t<KeyboardShortcutsGlobal />\n\t\t\t{ fullResizer }\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-distraction-free':\n\t\t\t\t\t\t\tisDistractionFree && canvasMode === 'edit',\n\t\t\t\t\t\t'is-full-canvas': canvasMode === 'edit',\n\t\t\t\t\t\t'has-fixed-toolbar': hasFixedToolbar,\n\t\t\t\t\t\t'is-block-toolbar-visible': hasBlockSelected,\n\t\t\t\t\t\t'is-zoom-out': isZoomOutMode,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName=\"edit-site-layout__header-container\"\n\t\t\t\t\tvariants={ {\n\t\t\t\t\t\tisDistractionFree: {\n\t\t\t\t\t\t\topacity: 0,\n\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tdelay: 0.8,\n\t\t\t\t\t\t\t\tdelayChildren: 0.8,\n\t\t\t\t\t\t\t}, // How long to wait before the header exits\n\t\t\t\t\t\t},\n\t\t\t\t\t\tisDistractionFreeHovering: {\n\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tdelay: 0.2,\n\t\t\t\t\t\t\t\tdelayChildren: 0.2,\n\t\t\t\t\t\t\t}, // How long to wait before the header shows\n\t\t\t\t\t\t},\n\t\t\t\t\t\tview: { opacity: 1 },\n\t\t\t\t\t\tedit: { opacity: 1 },\n\t\t\t\t\t} }\n\t\t\t\t\twhileHover={\n\t\t\t\t\t\tisDistractionFree\n\t\t\t\t\t\t\t? 'isDistractionFreeHovering'\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tanimate={ headerAnimationState }\n\t\t\t\t>\n\t\t\t\t\t<SiteHub\n\t\t\t\t\t\tisTransparent={ isResizableFrameOversized }\n\t\t\t\t\t\tclassName=\"edit-site-layout__hub\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<AnimatePresence initial={ false }>\n\t\t\t\t\t\t{ canvasMode === 'edit' && (\n\t\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\t\tkey=\"header\"\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__header\"\n\t\t\t\t\t\t\t\tariaLabel={ __( 'Editor top bar' ) }\n\t\t\t\t\t\t\t\tas={ motion.div }\n\t\t\t\t\t\t\t\tvariants={ {\n\t\t\t\t\t\t\t\t\tisDistractionFree: { opacity: 0, y: 0 },\n\t\t\t\t\t\t\t\t\tisDistractionFreeHovering: {\n\t\t\t\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\t\t\t\ty: 0,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tview: { opacity: 1, y: '-100%' },\n\t\t\t\t\t\t\t\t\tedit: { opacity: 1, y: 0 },\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\texit={ {\n\t\t\t\t\t\t\t\t\ty: '-100%',\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tinitial={ {\n\t\t\t\t\t\t\t\t\topacity: isDistractionFree ? 1 : 0,\n\t\t\t\t\t\t\t\t\ty: isDistractionFree ? 0 : '-100%',\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\tduration: disableMotion\n\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\tease: 'easeOut',\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<Header />\n\t\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</AnimatePresence>\n\t\t\t\t</motion.div>\n\n\t\t\t\t<div className=\"edit-site-layout__content\">\n\t\t\t\t\t{ /*\n\t\t\t\t\t\tThe NavigableRegion must always be rendered and not use\n\t\t\t\t\t\t`inert` otherwise `useNavigateRegions` will fail.\n\t\t\t\t\t*/ }\n\t\t\t\t\t{ ( ! isMobileViewport ||\n\t\t\t\t\t\t( isMobileViewport && ! areas.mobile ) ) && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t\t\t{ canvasMode === 'view' && (\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\tanimate={ { opacity: 1 } }\n\t\t\t\t\t\t\t\t\t\texit={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion ||\n\t\t\t\t\t\t\t\t\t\t\t\tisMobileViewport\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Sidebar />\n\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\n\t\t\t\t\t<SavePanel />\n\n\t\t\t\t\t{ isMobileViewport && areas.mobile && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__mobile\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tmaxWidth: widths?.content,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ areas.mobile }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport &&\n\t\t\t\t\t\tareas.content &&\n\t\t\t\t\t\tcanvasMode !== 'edit' && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tmaxWidth: widths?.content,\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{ areas.content }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.preview && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__canvas-container\">\n\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tref={ animationRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\tisReady={ ! isEditorLoading }\n\t\t\t\t\t\t\t\t\t\t\tisFullWidth={\n\t\t\t\t\t\t\t\t\t\t\t\tcanvasMode === 'edit'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\tcanvasSize.width -\n\t\t\t\t\t\t\t\t\t\t\t\t\t24 /* $canvas-padding */,\n\t\t\t\t\t\t\t\t\t\t\t\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.preview }\n\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build-module/components/layout/router.js

@@ -15,10 +15,12 @@ import PagePatterns from '../page-patterns';
 import PageTemplatesTemplateParts from '../page-templates-template-parts';
 import { TEMPLATE_POST_TYPE, TEMPLATE_PART_POST_TYPE } from '../../utils/constants';
 const {
-  useLocation
+  useLocation,
+  useHistory
 } = unlock(routerPrivateApis);
 export default function useLayoutAreas() {
   const isSiteEditorLoading = useIsSiteEditorLoading();
+  const history = useHistory();
   const {
     params
   } = useLocation();
@@ -36,33 +38,24 @@ export default function useLayoutAreas() {
 
   // Regular page
   if (path === '/page') {
+    const isListLayout = layout === 'list' || !layout;
     return {
+      key: 'pages-list',
       areas: {
-        content: undefined,
-        preview: createElement(Editor, {
-          isLoading: isSiteEditorLoading
+        content: createElement(PagePages, null),
+        preview: isListLayout && createElement(Editor, {
+          isLoading: isSiteEditorLoading,
+          onClick: () => history.push({
+            path,
+            postType: 'page',
+            postId,
+            canvas: 'edit'
+          })
         }),
         mobile: canvas === 'edit' ? createElement(Editor, {
           isLoading: isSiteEditorLoading
         }) : undefined
       },
-      widths: {
-        content: undefined
-      }
-    };
-  }
-
-  // List layout is still experimental.
-  // Extracted it here out of the conditionals so it doesn't unintentionally becomes stable.
-  const isListLayout = isCustom !== 'true' && layout === 'list' && window?.__experimentalAdminViews;
-  if (path === '/pages') {
-    return {
-      areas: {
-        content: createElement(PagePages, null),
-        preview: isListLayout && createElement(Editor, {
-          isLoading: isSiteEditorLoading
-        })
-      },
       widths: {
         content: isListLayout ? 380 : undefined
       }
@@ -72,6 +65,7 @@ export default function useLayoutAreas() {
   // Regular other post types
   if (postType && postId) {
     return {
+      key: 'page',
       areas: {
         preview: createElement(Editor, {
           isLoading: isSiteEditorLoading
@@ -84,8 +78,10 @@ export default function useLayoutAreas() {
   }
 
   // Templates
-  if (path === '/wp_template/all') {
+  if (path === '/wp_template') {
+    const isListLayout = isCustom !== 'true' && layout === 'list';
     return {
+      key: 'templates-list',
       areas: {
         content: createElement(PageTemplatesTemplateParts, {
           postType: TEMPLATE_POST_TYPE
@@ -105,7 +101,9 @@ export default function useLayoutAreas() {
 
   // Template parts
   if (path === '/wp_template_part/all') {
+    const isListLayout = isCustom !== 'true' && layout === 'list';
     return {
+      key: 'template-parts',
       areas: {
         content: createElement(PageTemplatesTemplateParts, {
           postType: TEMPLATE_PART_POST_TYPE
@@ -126,6 +124,7 @@ export default function useLayoutAreas() {
   // Patterns
   if (path === '/patterns') {
     return {
+      key: 'patterns',
       areas: {
         content: createElement(PagePatterns, null),
         mobile: createElement(PagePatterns, null)
@@ -135,6 +134,7 @@ export default function useLayoutAreas() {
 
   // Fallback shows the home page preview
   return {
+    key: 'default',
     areas: {
       preview: createElement(Editor, {
         isLoading: isSiteEditorLoading

package/build-module/components/layout/router.js.map

@@ -1 +1 @@
-{"version":3,"names":["privateApis","routerPrivateApis","unlock","useIsSiteEditorLoading","Editor","PagePages","PagePatterns","PageTemplatesTemplateParts","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","useLocation","useLayoutAreas","isSiteEditorLoading","params","postType","postId","path","layout","isCustom","canvas","areas","content","undefined","preview","createElement","isLoading","mobile","widths","isListLayout","window","__experimentalAdminViews"],"sources":["@wordpress/edit-site/src/components/layout/router.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { useIsSiteEditorLoading } from './hooks';\nimport Editor from '../editor';\nimport PagePages from '../page-pages';\nimport PagePatterns from '../page-patterns';\nimport PageTemplatesTemplateParts from '../page-templates-template-parts';\n\nimport {\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n} from '../../utils/constants';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function useLayoutAreas() {\n\tconst isSiteEditorLoading = useIsSiteEditorLoading();\n\tconst { params } = useLocation();\n\tconst { postType, postId, path, layout, isCustom, canvas } = params ?? {};\n\n\t// Note: Since \"sidebar\" is not yet supported here,\n\t// returning undefined from \"mobile\" means show the sidebar.\n\n\t// Regular page\n\tif ( path === '/page' ) {\n\t\treturn {\n\t\t\tareas: {\n\t\t\t\tcontent: undefined,\n\t\t\t\tpreview: <Editor isLoading={ isSiteEditorLoading } />,\n\t\t\t\tmobile:\n\t\t\t\t\tcanvas === 'edit' ? (\n\t\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t\t) : undefined,\n\t\t\t},\n\t\t\twidths: {\n\t\t\t\tcontent: undefined,\n\t\t\t},\n\t\t};\n\t}\n\n\t// List layout is still experimental.\n\t// Extracted it here out of the conditionals so it doesn't unintentionally becomes stable.\n\tconst isListLayout =\n\t\tisCustom !== 'true' &&\n\t\tlayout === 'list' &&\n\t\twindow?.__experimentalAdminViews;\n\n\tif ( path === '/pages' ) {\n\t\treturn {\n\t\t\tareas: {\n\t\t\t\tcontent: <PagePages />,\n\t\t\t\tpreview: isListLayout && (\n\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t),\n\t\t\t},\n\t\t\twidths: {\n\t\t\t\tcontent: isListLayout ? 380 : undefined,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Regular other post types\n\tif ( postType && postId ) {\n\t\treturn {\n\t\t\tareas: {\n\t\t\t\tpreview: <Editor isLoading={ isSiteEditorLoading } />,\n\t\t\t\tmobile:\n\t\t\t\t\tcanvas === 'edit' ? (\n\t\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t\t) : undefined,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Templates\n\tif ( path === '/wp_template/all' ) {\n\t\treturn {\n\t\t\tareas: {\n\t\t\t\tcontent: (\n\t\t\t\t\t<PageTemplatesTemplateParts\n\t\t\t\t\t\tpostType={ TEMPLATE_POST_TYPE }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tpreview: isListLayout && (\n\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t),\n\t\t\t\tmobile: (\n\t\t\t\t\t<PageTemplatesTemplateParts\n\t\t\t\t\t\tpostType={ TEMPLATE_POST_TYPE }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t},\n\t\t\twidths: {\n\t\t\t\tcontent: isListLayout ? 380 : undefined,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Template parts\n\tif ( path === '/wp_template_part/all' ) {\n\t\treturn {\n\t\t\tareas: {\n\t\t\t\tcontent: (\n\t\t\t\t\t<PageTemplatesTemplateParts\n\t\t\t\t\t\tpostType={ TEMPLATE_PART_POST_TYPE }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tpreview: isListLayout && (\n\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t),\n\t\t\t\tmobile: (\n\t\t\t\t\t<PageTemplatesTemplateParts\n\t\t\t\t\t\tpostType={ TEMPLATE_PART_POST_TYPE }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t},\n\t\t\twidths: {\n\t\t\t\tcontent: isListLayout ? 380 : undefined,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Patterns\n\tif ( path === '/patterns' ) {\n\t\treturn {\n\t\t\tareas: {\n\t\t\t\tcontent: <PagePatterns />,\n\t\t\t\tmobile: <PagePatterns />,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Fallback shows the home page preview\n\treturn {\n\t\tareas: {\n\t\t\tpreview: <Editor isLoading={ isSiteEditorLoading } />,\n\t\t\tmobile:\n\t\t\t\tcanvas === 'edit' ? (\n\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t) : undefined,\n\t\t},\n\t};\n}\n"],"mappings":"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"}
+{"version":3,"names":["privateApis","routerPrivateApis","unlock","useIsSiteEditorLoading","Editor","PagePages","PagePatterns","PageTemplatesTemplateParts","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","useLocation","useHistory","useLayoutAreas","isSiteEditorLoading","history","params","postType","postId","path","layout","isCustom","canvas","isListLayout","key","areas","content","createElement","preview","isLoading","onClick","push","mobile","undefined","widths"],"sources":["@wordpress/edit-site/src/components/layout/router.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { useIsSiteEditorLoading } from './hooks';\nimport Editor from '../editor';\nimport PagePages from '../page-pages';\nimport PagePatterns from '../page-patterns';\nimport PageTemplatesTemplateParts from '../page-templates-template-parts';\n\nimport {\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n} from '../../utils/constants';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nexport default function useLayoutAreas() {\n\tconst isSiteEditorLoading = useIsSiteEditorLoading();\n\tconst history = useHistory();\n\tconst { params } = useLocation();\n\tconst { postType, postId, path, layout, isCustom, canvas } = params ?? {};\n\n\t// Note: Since \"sidebar\" is not yet supported here,\n\t// returning undefined from \"mobile\" means show the sidebar.\n\n\t// Regular page\n\tif ( path === '/page' ) {\n\t\tconst isListLayout = layout === 'list' || ! layout;\n\t\treturn {\n\t\t\tkey: 'pages-list',\n\t\t\tareas: {\n\t\t\t\tcontent: <PagePages />,\n\t\t\t\tpreview: isListLayout && (\n\t\t\t\t\t<Editor\n\t\t\t\t\t\tisLoading={ isSiteEditorLoading }\n\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\t\tpath,\n\t\t\t\t\t\t\t\tpostType: 'page',\n\t\t\t\t\t\t\t\tpostId,\n\t\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tmobile:\n\t\t\t\t\tcanvas === 'edit' ? (\n\t\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t\t) : undefined,\n\t\t\t},\n\t\t\twidths: {\n\t\t\t\tcontent: isListLayout ? 380 : undefined,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Regular other post types\n\tif ( postType && postId ) {\n\t\treturn {\n\t\t\tkey: 'page',\n\t\t\tareas: {\n\t\t\t\tpreview: <Editor isLoading={ isSiteEditorLoading } />,\n\t\t\t\tmobile:\n\t\t\t\t\tcanvas === 'edit' ? (\n\t\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t\t) : undefined,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Templates\n\tif ( path === '/wp_template' ) {\n\t\tconst isListLayout = isCustom !== 'true' && layout === 'list';\n\t\treturn {\n\t\t\tkey: 'templates-list',\n\t\t\tareas: {\n\t\t\t\tcontent: (\n\t\t\t\t\t<PageTemplatesTemplateParts\n\t\t\t\t\t\tpostType={ TEMPLATE_POST_TYPE }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tpreview: isListLayout && (\n\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t),\n\t\t\t\tmobile: (\n\t\t\t\t\t<PageTemplatesTemplateParts\n\t\t\t\t\t\tpostType={ TEMPLATE_POST_TYPE }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t},\n\t\t\twidths: {\n\t\t\t\tcontent: isListLayout ? 380 : undefined,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Template parts\n\tif ( path === '/wp_template_part/all' ) {\n\t\tconst isListLayout = isCustom !== 'true' && layout === 'list';\n\t\treturn {\n\t\t\tkey: 'template-parts',\n\t\t\tareas: {\n\t\t\t\tcontent: (\n\t\t\t\t\t<PageTemplatesTemplateParts\n\t\t\t\t\t\tpostType={ TEMPLATE_PART_POST_TYPE }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tpreview: isListLayout && (\n\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t),\n\t\t\t\tmobile: (\n\t\t\t\t\t<PageTemplatesTemplateParts\n\t\t\t\t\t\tpostType={ TEMPLATE_PART_POST_TYPE }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t},\n\t\t\twidths: {\n\t\t\t\tcontent: isListLayout ? 380 : undefined,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Patterns\n\tif ( path === '/patterns' ) {\n\t\treturn {\n\t\t\tkey: 'patterns',\n\t\t\tareas: {\n\t\t\t\tcontent: <PagePatterns />,\n\t\t\t\tmobile: <PagePatterns />,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Fallback shows the home page preview\n\treturn {\n\t\tkey: 'default',\n\t\tareas: {\n\t\t\tpreview: <Editor isLoading={ isSiteEditorLoading } />,\n\t\t\tmobile:\n\t\t\t\tcanvas === 'edit' ? (\n\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t) : undefined,\n\t\t},\n\t};\n}\n"],"mappings":"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"}

package/build-module/components/page-pages/index.js

@@ -16,6 +16,7 @@ import { dateI18n, getDate, getSettings } from '@wordpress/date';
 import { privateApis as routerPrivateApis } from '@wordpress/router';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { DataViews } from '@wordpress/dataviews';
+import { privateApis as editorPrivateApis } from '@wordpress/editor';
 
 /**
  * Internal dependencies
@@ -23,17 +24,18 @@ import { DataViews } from '@wordpress/dataviews';
 import Page from '../page';
 import { default as Link, useLink } from '../routes/link';
 import { DEFAULT_VIEWS, DEFAULT_CONFIG_PER_VIEW_TYPE } from '../sidebar-dataviews/default-views';
-import { ENUMERATION_TYPE, LAYOUT_GRID, LAYOUT_TABLE, LAYOUT_LIST, OPERATOR_IN, OPERATOR_NOT_IN } from '../../utils/constants';
-import { trashPostAction, usePermanentlyDeletePostAction, useRestorePostAction, postRevisionsAction, viewPostAction, useEditPostAction } from '../actions';
+import { ENUMERATION_TYPE, LAYOUT_GRID, LAYOUT_TABLE, LAYOUT_LIST, OPERATOR_IS_ANY, OPERATOR_IS_NONE } from '../../utils/constants';
 import AddNewPageModal from '../add-new-page';
 import Media from '../media';
 import { unlock } from '../../lock-unlock';
+const {
+  usePostActions
+} = unlock(editorPrivateApis);
 const {
   useLocation,
   useHistory
 } = unlock(routerPrivateApis);
 const EMPTY_ARRAY = [];
-const SUPPORTED_LAYOUTS = window?.__experimentalAdminViews ? [LAYOUT_GRID, LAYOUT_TABLE, LAYOUT_LIST] : [LAYOUT_GRID, LAYOUT_TABLE];
 function useView(postType) {
   const {
     params
@@ -187,12 +189,12 @@ export default function PagePages() {
   const queryArgs = useMemo(() => {
     const filters = {};
     view.filters.forEach(filter => {
-      if (filter.field === 'status' && filter.operator === OPERATOR_IN) {
+      if (filter.field === 'status' && filter.operator === OPERATOR_IS_ANY) {
         filters.status = filter.value;
       }
-      if (filter.field === 'author' && filter.operator === OPERATOR_IN) {
+      if (filter.field === 'author' && filter.operator === OPERATOR_IS_ANY) {
         filters.author = filter.value;
-      } else if (filter.field === 'author' && filter.operator === OPERATOR_NOT_IN) {
+      } else if (filter.field === 'author' && filter.operator === OPERATOR_IS_NONE) {
         filters.author_exclude = filter.value;
       }
     });
@@ -287,14 +289,11 @@ export default function PagePages() {
     elements: STATUSES,
     enableSorting: false,
     filterBy: {
-      operators: [OPERATOR_IN]
+      operators: [OPERATOR_IS_ANY]
     }
   }, {
     header: __('Date'),
     id: 'date',
-    getValue: ({
-      item
-    }) => item.date,
     render: ({
       item
     }) => {
@@ -302,10 +301,17 @@ export default function PagePages() {
       return createElement("time", null, formattedDate);
     }
   }], [authors, view.type]);
-  const permanentlyDeletePostAction = usePermanentlyDeletePostAction();
-  const restorePostAction = useRestorePostAction();
-  const editPostAction = useEditPostAction();
-  const actions = useMemo(() => [viewPostAction, trashPostAction, restorePostAction, permanentlyDeletePostAction, editPostAction, postRevisionsAction], [permanentlyDeletePostAction, restorePostAction, editPostAction]);
+  const onActionPerformed = useCallback((actionId, items) => {
+    if (actionId === 'edit-post') {
+      const post = items[0];
+      history.push({
+        postId: post.id,
+        postType: post.type,
+        canvas: 'edit'
+      });
+    }
+  }, [history]);
+  const actions = usePostActions(onActionPerformed);
   const onChangeView = useCallback(newView => {
     if (newView.type !== view.type) {
       newView = {
@@ -318,17 +324,9 @@ export default function PagePages() {
     setView(newView);
   }, [view.type, setView]);
   const [showAddPageModal, setShowAddPageModal] = useState(false);
-  const openModal = useCallback(() => {
-    if (!showAddPageModal) {
-      setShowAddPageModal(true);
-    }
-  }, [showAddPageModal]);
-  const closeModal = useCallback(() => {
-    if (showAddPageModal) {
-      setShowAddPageModal(false);
-    }
-  }, [showAddPageModal]);
-  const handleNewPage = useCallback(({
+  const openModal = () => setShowAddPageModal(true);
+  const closeModal = () => setShowAddPageModal(false);
+  const handleNewPage = ({
     type,
     id
   }) => {
@@ -338,7 +336,7 @@ export default function PagePages() {
       canvas: 'edit'
     });
     closeModal();
-  }, [history]);
+  };
 
   // TODO: we need to handle properly `data={ data || EMPTY_ARRAY }` for when `isLoading`.
   return createElement(Page, {
@@ -358,8 +356,7 @@ export default function PagePages() {
     isLoading: isLoadingPages || isLoadingAuthors,
     view: view,
     onChangeView: onChangeView,
-    onSelectionChange: onSelectionChange,
-    supportedLayouts: SUPPORTED_LAYOUTS
+    onSelectionChange: onSelectionChange
   }));
 }
 //# sourceMappingURL=index.js.map

package/build-module/components/page-pages/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["classNames","Button","__","useEntityRecords","store","coreStore","decodeEntities","useState","useMemo","useCallback","useEffect","dateI18n","getDate","getSettings","privateApis","routerPrivateApis","useSelect","useDispatch","DataViews","Page","default","Link","useLink","DEFAULT_VIEWS","DEFAULT_CONFIG_PER_VIEW_TYPE","ENUMERATION_TYPE","LAYOUT_GRID","LAYOUT_TABLE","LAYOUT_LIST","OPERATOR_IN","OPERATOR_NOT_IN","trashPostAction","usePermanentlyDeletePostAction","useRestorePostAction","postRevisionsAction","viewPostAction","useEditPostAction","AddNewPageModal","Media","unlock","useLocation","useHistory","EMPTY_ARRAY","SUPPORTED_LAYOUTS","window","__experimentalAdminViews","useView","postType","params","activeView","isCustom","layout","history","selectedDefaultView","defaultView","find","slug","view","type","setView","editedViewRecord","select","getEditedEntityRecord","dataviewRecord","Number","editEntityRecord","customView","storedView","content","JSON","parse","setCustomView","viewToSet","id","stringify","setDefaultViewAndUpdateUrl","push","STATUSES","value","label","DEFAULT_STATUSES","FeaturedImage","item","viewType","onClick","postId","canvas","hasMedia","featured_media","size","media","createElement","className","title","rendered","PagePages","onSelectionChange","items","length","undefined","queryArgs","filters","forEach","filter","field","operator","status","author","author_exclude","per_page","perPage","page","_embed","order","sort","direction","orderby","search","records","pages","isResolving","isLoadingPages","totalItems","totalPages","authors","isLoadingAuthors","paginationInfo","fields","header","getValue","render","enableSorting","width","includes","maxWidth","enableHiding","_embedded","name","elements","map","_STATUSES$find$label","filterBy","operators","date","formattedDate","formats","datetimeAbbreviated","permanentlyDeletePostAction","restorePostAction","editPostAction","actions","onChangeView","newView","showAddPageModal","setShowAddPageModal","openModal","closeModal","handleNewPage","Fragment","variant","onSave","onClose","data","isLoading","supportedLayouts"],"sources":["@wordpress/edit-site/src/components/page-pages/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useEntityRecords, store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { useState, useMemo, useCallback, useEffect } from '@wordpress/element';\nimport { dateI18n, getDate, getSettings } from '@wordpress/date';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { DataViews } from '@wordpress/dataviews';\n\n/**\n * Internal dependencies\n */\nimport Page from '../page';\nimport { default as Link, useLink } from '../routes/link';\nimport {\n\tDEFAULT_VIEWS,\n\tDEFAULT_CONFIG_PER_VIEW_TYPE,\n} from '../sidebar-dataviews/default-views';\nimport {\n\tENUMERATION_TYPE,\n\tLAYOUT_GRID,\n\tLAYOUT_TABLE,\n\tLAYOUT_LIST,\n\tOPERATOR_IN,\n\tOPERATOR_NOT_IN,\n} from '../../utils/constants';\n\nimport {\n\ttrashPostAction,\n\tusePermanentlyDeletePostAction,\n\tuseRestorePostAction,\n\tpostRevisionsAction,\n\tviewPostAction,\n\tuseEditPostAction,\n} from '../actions';\nimport AddNewPageModal from '../add-new-page';\nimport Media from '../media';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nconst EMPTY_ARRAY = [];\nconst SUPPORTED_LAYOUTS = window?.__experimentalAdminViews\n\t? [ LAYOUT_GRID, LAYOUT_TABLE, LAYOUT_LIST ]\n\t: [ LAYOUT_GRID, LAYOUT_TABLE ];\n\nfunction useView( postType ) {\n\tconst { params } = useLocation();\n\tconst { activeView = 'all', isCustom = 'false', layout } = params;\n\tconst history = useHistory();\n\tconst selectedDefaultView = useMemo( () => {\n\t\tconst defaultView =\n\t\t\tisCustom === 'false' &&\n\t\t\tDEFAULT_VIEWS[ postType ].find(\n\t\t\t\t( { slug } ) => slug === activeView\n\t\t\t)?.view;\n\t\tif ( isCustom === 'false' && layout ) {\n\t\t\treturn {\n\t\t\t\t...defaultView,\n\t\t\t\ttype: layout,\n\t\t\t\tlayout: {\n\t\t\t\t\t...( DEFAULT_CONFIG_PER_VIEW_TYPE[ layout ] || {} ),\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\t\treturn defaultView;\n\t}, [ isCustom, activeView, layout, postType ] );\n\tconst [ view, setView ] = useState( selectedDefaultView );\n\n\tuseEffect( () => {\n\t\tif ( selectedDefaultView ) {\n\t\t\tsetView( selectedDefaultView );\n\t\t}\n\t}, [ selectedDefaultView ] );\n\tconst editedViewRecord = useSelect(\n\t\t( select ) => {\n\t\t\tif ( isCustom !== 'true' ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst { getEditedEntityRecord } = select( coreStore );\n\t\t\tconst dataviewRecord = getEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_dataviews',\n\t\t\t\tNumber( activeView )\n\t\t\t);\n\t\t\treturn dataviewRecord;\n\t\t},\n\t\t[ activeView, isCustom ]\n\t);\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\n\tconst customView = useMemo( () => {\n\t\tconst storedView =\n\t\t\teditedViewRecord?.content &&\n\t\t\tJSON.parse( editedViewRecord?.content );\n\t\tif ( ! storedView ) {\n\t\t\treturn storedView;\n\t\t}\n\n\t\treturn {\n\t\t\t...storedView,\n\t\t\tlayout: {\n\t\t\t\t...( DEFAULT_CONFIG_PER_VIEW_TYPE[ storedView?.type ] || {} ),\n\t\t\t},\n\t\t};\n\t}, [ editedViewRecord?.content ] );\n\n\tconst setCustomView = useCallback(\n\t\t( viewToSet ) => {\n\t\t\teditEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_dataviews',\n\t\t\t\teditedViewRecord?.id,\n\t\t\t\t{\n\t\t\t\t\tcontent: JSON.stringify( viewToSet ),\n\t\t\t\t}\n\t\t\t);\n\t\t},\n\t\t[ editEntityRecord, editedViewRecord?.id ]\n\t);\n\n\tconst setDefaultViewAndUpdateUrl = useCallback(\n\t\t( viewToSet ) => {\n\t\t\tif ( viewToSet.type !== view?.type ) {\n\t\t\t\thistory.push( {\n\t\t\t\t\t...params,\n\t\t\t\t\tlayout: viewToSet.type,\n\t\t\t\t} );\n\t\t\t}\n\t\t\tsetView( viewToSet );\n\t\t},\n\t\t[ params, view?.type, history ]\n\t);\n\n\tif ( isCustom === 'false' ) {\n\t\treturn [ view, setDefaultViewAndUpdateUrl ];\n\t} else if ( isCustom === 'true' && customView ) {\n\t\treturn [ customView, setCustomView ];\n\t}\n\t// Loading state where no the view was not found on custom views or default views.\n\treturn [ DEFAULT_VIEWS[ postType ][ 0 ].view, setDefaultViewAndUpdateUrl ];\n}\n\n// See https://github.com/WordPress/gutenberg/issues/55886\n// We do not support custom statutes at the moment.\nconst STATUSES = [\n\t{ value: 'draft', label: __( 'Draft' ) },\n\t{ value: 'future', label: __( 'Scheduled' ) },\n\t{ value: 'pending', label: __( 'Pending Review' ) },\n\t{ value: 'private', label: __( 'Private' ) },\n\t{ value: 'publish', label: __( 'Published' ) },\n\t{ value: 'trash', label: __( 'Trash' ) },\n];\nconst DEFAULT_STATUSES = 'draft,future,pending,private,publish'; // All but 'trash'.\n\nfunction FeaturedImage( { item, viewType } ) {\n\tconst { onClick } = useLink( {\n\t\tpostId: item.id,\n\t\tpostType: item.type,\n\t\tcanvas: 'edit',\n\t} );\n\tconst hasMedia = !! item.featured_media;\n\tconst size =\n\t\tviewType === LAYOUT_GRID\n\t\t\t? [ 'large', 'full', 'medium', 'thumbnail' ]\n\t\t\t: [ 'thumbnail', 'medium', 'large', 'full' ];\n\tconst media = hasMedia ? (\n\t\t<Media\n\t\t\tclassName=\"edit-site-page-pages__featured-image\"\n\t\t\tid={ item.featured_media }\n\t\t\tsize={ size }\n\t\t/>\n\t) : null;\n\tif ( viewType === LAYOUT_LIST ) {\n\t\treturn media;\n\t}\n\treturn (\n\t\t<button\n\t\t\tclassName={ classNames( 'page-pages-preview-field__button', {\n\t\t\t\t'edit-site-page-pages__media-wrapper':\n\t\t\t\t\tviewType === LAYOUT_TABLE,\n\t\t\t} ) }\n\t\t\ttype=\"button\"\n\t\t\tonClick={ onClick }\n\t\t\taria-label={ item.title?.rendered || __( '(no title)' ) }\n\t\t>\n\t\t\t{ media }\n\t\t</button>\n\t);\n}\n\nexport default function PagePages() {\n\tconst postType = 'page';\n\tconst [ view, setView ] = useView( postType );\n\tconst history = useHistory();\n\tconst { params } = useLocation();\n\tconst { isCustom = 'false' } = params;\n\n\tconst onSelectionChange = useCallback(\n\t\t( items ) => {\n\t\t\tif ( isCustom === 'false' && view?.type === LAYOUT_LIST ) {\n\t\t\t\thistory.push( {\n\t\t\t\t\t...params,\n\t\t\t\t\tpostId: items.length === 1 ? items[ 0 ].id : undefined,\n\t\t\t\t} );\n\t\t\t}\n\t\t},\n\t\t[ history, params, view?.type, isCustom ]\n\t);\n\n\tconst queryArgs = useMemo( () => {\n\t\tconst filters = {};\n\t\tview.filters.forEach( ( filter ) => {\n\t\t\tif (\n\t\t\t\tfilter.field === 'status' &&\n\t\t\t\tfilter.operator === OPERATOR_IN\n\t\t\t) {\n\t\t\t\tfilters.status = filter.value;\n\t\t\t}\n\t\t\tif (\n\t\t\t\tfilter.field === 'author' &&\n\t\t\t\tfilter.operator === OPERATOR_IN\n\t\t\t) {\n\t\t\t\tfilters.author = filter.value;\n\t\t\t} else if (\n\t\t\t\tfilter.field === 'author' &&\n\t\t\t\tfilter.operator === OPERATOR_NOT_IN\n\t\t\t) {\n\t\t\t\tfilters.author_exclude = filter.value;\n\t\t\t}\n\t\t} );\n\t\t// We want to provide a different default item for the status filter\n\t\t// than the REST API provides.\n\t\tif ( ! filters.status || filters.status === '' ) {\n\t\t\tfilters.status = DEFAULT_STATUSES;\n\t\t}\n\n\t\treturn {\n\t\t\tper_page: view.perPage,\n\t\t\tpage: view.page,\n\t\t\t_embed: 'author',\n\t\t\torder: view.sort?.direction,\n\t\t\torderby: view.sort?.field,\n\t\t\tsearch: view.search,\n\t\t\t...filters,\n\t\t};\n\t}, [ view ] );\n\tconst {\n\t\trecords: pages,\n\t\tisResolving: isLoadingPages,\n\t\ttotalItems,\n\t\ttotalPages,\n\t} = useEntityRecords( 'postType', postType, queryArgs );\n\n\tconst { records: authors, isResolving: isLoadingAuthors } =\n\t\tuseEntityRecords( 'root', 'user' );\n\n\tconst paginationInfo = useMemo(\n\t\t() => ( {\n\t\t\ttotalItems,\n\t\t\ttotalPages,\n\t\t} ),\n\t\t[ totalItems, totalPages ]\n\t);\n\n\tconst fields = useMemo(\n\t\t() => [\n\t\t\t{\n\t\t\t\tid: 'featured-image',\n\t\t\t\theader: __( 'Featured Image' ),\n\t\t\t\tgetValue: ( { item } ) => item.featured_media,\n\t\t\t\trender: ( { item } ) => (\n\t\t\t\t\t<FeaturedImage item={ item } viewType={ view.type } />\n\t\t\t\t),\n\t\t\t\tenableSorting: false,\n\t\t\t\twidth: '1%',\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Title' ),\n\t\t\t\tid: 'title',\n\t\t\t\tgetValue: ( { item } ) => item.title?.rendered,\n\t\t\t\trender: ( { item } ) => {\n\t\t\t\t\treturn [ LAYOUT_TABLE, LAYOUT_GRID ].includes(\n\t\t\t\t\t\tview.type\n\t\t\t\t\t) ? (\n\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\tparams={ {\n\t\t\t\t\t\t\t\tpostId: item.id,\n\t\t\t\t\t\t\t\tpostType: item.type,\n\t\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ decodeEntities( item.title?.rendered ) ||\n\t\t\t\t\t\t\t\t__( '(no title)' ) }\n\t\t\t\t\t\t</Link>\n\t\t\t\t\t) : (\n\t\t\t\t\t\tdecodeEntities( item.title?.rendered ) ||\n\t\t\t\t\t\t\t__( '(no title)' )\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tmaxWidth: 300,\n\t\t\t\tenableHiding: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Author' ),\n\t\t\t\tid: 'author',\n\t\t\t\tgetValue: ( { item } ) => item._embedded?.author[ 0 ]?.name,\n\t\t\t\ttype: ENUMERATION_TYPE,\n\t\t\t\telements:\n\t\t\t\t\tauthors?.map( ( { id, name } ) => ( {\n\t\t\t\t\t\tvalue: id,\n\t\t\t\t\t\tlabel: name,\n\t\t\t\t\t} ) ) || [],\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Status' ),\n\t\t\t\tid: 'status',\n\t\t\t\tgetValue: ( { item } ) =>\n\t\t\t\t\tSTATUSES.find( ( { value } ) => value === item.status )\n\t\t\t\t\t\t?.label ?? item.status,\n\t\t\t\ttype: ENUMERATION_TYPE,\n\t\t\t\telements: STATUSES,\n\t\t\t\tenableSorting: false,\n\t\t\t\tfilterBy: {\n\t\t\t\t\toperators: [ OPERATOR_IN ],\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Date' ),\n\t\t\t\tid: 'date',\n\t\t\t\tgetValue: ( { item } ) => item.date,\n\t\t\t\trender: ( { item } ) => {\n\t\t\t\t\tconst formattedDate = dateI18n(\n\t\t\t\t\t\tgetSettings().formats.datetimeAbbreviated,\n\t\t\t\t\t\tgetDate( item.date )\n\t\t\t\t\t);\n\t\t\t\t\treturn <time>{ formattedDate }</time>;\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t\t[ authors, view.type ]\n\t);\n\n\tconst permanentlyDeletePostAction = usePermanentlyDeletePostAction();\n\tconst restorePostAction = useRestorePostAction();\n\tconst editPostAction = useEditPostAction();\n\tconst actions = useMemo(\n\t\t() => [\n\t\t\tviewPostAction,\n\t\t\ttrashPostAction,\n\t\t\trestorePostAction,\n\t\t\tpermanentlyDeletePostAction,\n\t\t\teditPostAction,\n\t\t\tpostRevisionsAction,\n\t\t],\n\t\t[ permanentlyDeletePostAction, restorePostAction, editPostAction ]\n\t);\n\tconst onChangeView = useCallback(\n\t\t( newView ) => {\n\t\t\tif ( newView.type !== view.type ) {\n\t\t\t\tnewView = {\n\t\t\t\t\t...newView,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...DEFAULT_CONFIG_PER_VIEW_TYPE[ newView.type ],\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tsetView( newView );\n\t\t},\n\t\t[ view.type, setView ]\n\t);\n\n\tconst [ showAddPageModal, setShowAddPageModal ] = useState( false );\n\tconst openModal = useCallback( () => {\n\t\tif ( ! showAddPageModal ) {\n\t\t\tsetShowAddPageModal( true );\n\t\t}\n\t}, [ showAddPageModal ] );\n\tconst closeModal = useCallback( () => {\n\t\tif ( showAddPageModal ) {\n\t\t\tsetShowAddPageModal( false );\n\t\t}\n\t}, [ showAddPageModal ] );\n\tconst handleNewPage = useCallback(\n\t\t( { type, id } ) => {\n\t\t\thistory.push( {\n\t\t\t\tpostId: id,\n\t\t\t\tpostType: type,\n\t\t\t\tcanvas: 'edit',\n\t\t\t} );\n\t\t\tcloseModal();\n\t\t},\n\t\t[ history ]\n\t);\n\n\t// TODO: we need to handle properly `data={ data || EMPTY_ARRAY }` for when `isLoading`.\n\treturn (\n\t\t<Page\n\t\t\ttitle={ __( 'Pages' ) }\n\t\t\tactions={\n\t\t\t\t<>\n\t\t\t\t\t<Button variant=\"primary\" onClick={ openModal }>\n\t\t\t\t\t\t{ __( 'Add new page' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t\t{ showAddPageModal && (\n\t\t\t\t\t\t<AddNewPageModal\n\t\t\t\t\t\t\tonSave={ handleNewPage }\n\t\t\t\t\t\t\tonClose={ closeModal }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t}\n\t\t>\n\t\t\t<DataViews\n\t\t\t\tpaginationInfo={ paginationInfo }\n\t\t\t\tfields={ fields }\n\t\t\t\tactions={ actions }\n\t\t\t\tdata={ pages || EMPTY_ARRAY }\n\t\t\t\tisLoading={ isLoadingPages || isLoadingAuthors }\n\t\t\t\tview={ view }\n\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\tonSelectionChange={ onSelectionChange }\n\t\t\t\tsupportedLayouts={ SUPPORTED_LAYOUTS }\n\t\t\t/>\n\t\t</Page>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["classNames","Button","__","useEntityRecords","store","coreStore","decodeEntities","useState","useMemo","useCallback","useEffect","dateI18n","getDate","getSettings","privateApis","routerPrivateApis","useSelect","useDispatch","DataViews","editorPrivateApis","Page","default","Link","useLink","DEFAULT_VIEWS","DEFAULT_CONFIG_PER_VIEW_TYPE","ENUMERATION_TYPE","LAYOUT_GRID","LAYOUT_TABLE","LAYOUT_LIST","OPERATOR_IS_ANY","OPERATOR_IS_NONE","AddNewPageModal","Media","unlock","usePostActions","useLocation","useHistory","EMPTY_ARRAY","useView","postType","params","activeView","isCustom","layout","history","selectedDefaultView","defaultView","find","slug","view","type","setView","editedViewRecord","select","getEditedEntityRecord","dataviewRecord","Number","editEntityRecord","customView","storedView","content","JSON","parse","setCustomView","viewToSet","id","stringify","setDefaultViewAndUpdateUrl","push","STATUSES","value","label","DEFAULT_STATUSES","FeaturedImage","item","viewType","onClick","postId","canvas","hasMedia","featured_media","size","media","createElement","className","title","rendered","PagePages","onSelectionChange","items","length","undefined","queryArgs","filters","forEach","filter","field","operator","status","author","author_exclude","per_page","perPage","page","_embed","order","sort","direction","orderby","search","records","pages","isResolving","isLoadingPages","totalItems","totalPages","authors","isLoadingAuthors","paginationInfo","fields","header","getValue","render","enableSorting","width","includes","maxWidth","enableHiding","_embedded","name","elements","map","_STATUSES$find$label","filterBy","operators","formattedDate","formats","datetimeAbbreviated","date","onActionPerformed","actionId","post","actions","onChangeView","newView","showAddPageModal","setShowAddPageModal","openModal","closeModal","handleNewPage","Fragment","variant","onSave","onClose","data","isLoading"],"sources":["@wordpress/edit-site/src/components/page-pages/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useEntityRecords, store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { useState, useMemo, useCallback, useEffect } from '@wordpress/element';\nimport { dateI18n, getDate, getSettings } from '@wordpress/date';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { DataViews } from '@wordpress/dataviews';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport Page from '../page';\nimport { default as Link, useLink } from '../routes/link';\nimport {\n\tDEFAULT_VIEWS,\n\tDEFAULT_CONFIG_PER_VIEW_TYPE,\n} from '../sidebar-dataviews/default-views';\nimport {\n\tENUMERATION_TYPE,\n\tLAYOUT_GRID,\n\tLAYOUT_TABLE,\n\tLAYOUT_LIST,\n\tOPERATOR_IS_ANY,\n\tOPERATOR_IS_NONE,\n} from '../../utils/constants';\n\nimport AddNewPageModal from '../add-new-page';\nimport Media from '../media';\nimport { unlock } from '../../lock-unlock';\n\nconst { usePostActions } = unlock( editorPrivateApis );\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nconst EMPTY_ARRAY = [];\n\nfunction useView( postType ) {\n\tconst { params } = useLocation();\n\tconst { activeView = 'all', isCustom = 'false', layout } = params;\n\tconst history = useHistory();\n\tconst selectedDefaultView = useMemo( () => {\n\t\tconst defaultView =\n\t\t\tisCustom === 'false' &&\n\t\t\tDEFAULT_VIEWS[ postType ].find(\n\t\t\t\t( { slug } ) => slug === activeView\n\t\t\t)?.view;\n\t\tif ( isCustom === 'false' && layout ) {\n\t\t\treturn {\n\t\t\t\t...defaultView,\n\t\t\t\ttype: layout,\n\t\t\t\tlayout: {\n\t\t\t\t\t...( DEFAULT_CONFIG_PER_VIEW_TYPE[ layout ] || {} ),\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\t\treturn defaultView;\n\t}, [ isCustom, activeView, layout, postType ] );\n\tconst [ view, setView ] = useState( selectedDefaultView );\n\n\tuseEffect( () => {\n\t\tif ( selectedDefaultView ) {\n\t\t\tsetView( selectedDefaultView );\n\t\t}\n\t}, [ selectedDefaultView ] );\n\tconst editedViewRecord = useSelect(\n\t\t( select ) => {\n\t\t\tif ( isCustom !== 'true' ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst { getEditedEntityRecord } = select( coreStore );\n\t\t\tconst dataviewRecord = getEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_dataviews',\n\t\t\t\tNumber( activeView )\n\t\t\t);\n\t\t\treturn dataviewRecord;\n\t\t},\n\t\t[ activeView, isCustom ]\n\t);\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\n\tconst customView = useMemo( () => {\n\t\tconst storedView =\n\t\t\teditedViewRecord?.content &&\n\t\t\tJSON.parse( editedViewRecord?.content );\n\t\tif ( ! storedView ) {\n\t\t\treturn storedView;\n\t\t}\n\n\t\treturn {\n\t\t\t...storedView,\n\t\t\tlayout: {\n\t\t\t\t...( DEFAULT_CONFIG_PER_VIEW_TYPE[ storedView?.type ] || {} ),\n\t\t\t},\n\t\t};\n\t}, [ editedViewRecord?.content ] );\n\n\tconst setCustomView = useCallback(\n\t\t( viewToSet ) => {\n\t\t\teditEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_dataviews',\n\t\t\t\teditedViewRecord?.id,\n\t\t\t\t{\n\t\t\t\t\tcontent: JSON.stringify( viewToSet ),\n\t\t\t\t}\n\t\t\t);\n\t\t},\n\t\t[ editEntityRecord, editedViewRecord?.id ]\n\t);\n\n\tconst setDefaultViewAndUpdateUrl = useCallback(\n\t\t( viewToSet ) => {\n\t\t\tif ( viewToSet.type !== view?.type ) {\n\t\t\t\thistory.push( {\n\t\t\t\t\t...params,\n\t\t\t\t\tlayout: viewToSet.type,\n\t\t\t\t} );\n\t\t\t}\n\t\t\tsetView( viewToSet );\n\t\t},\n\t\t[ params, view?.type, history ]\n\t);\n\n\tif ( isCustom === 'false' ) {\n\t\treturn [ view, setDefaultViewAndUpdateUrl ];\n\t} else if ( isCustom === 'true' && customView ) {\n\t\treturn [ customView, setCustomView ];\n\t}\n\t// Loading state where no the view was not found on custom views or default views.\n\treturn [ DEFAULT_VIEWS[ postType ][ 0 ].view, setDefaultViewAndUpdateUrl ];\n}\n\n// See https://github.com/WordPress/gutenberg/issues/55886\n// We do not support custom statutes at the moment.\nconst STATUSES = [\n\t{ value: 'draft', label: __( 'Draft' ) },\n\t{ value: 'future', label: __( 'Scheduled' ) },\n\t{ value: 'pending', label: __( 'Pending Review' ) },\n\t{ value: 'private', label: __( 'Private' ) },\n\t{ value: 'publish', label: __( 'Published' ) },\n\t{ value: 'trash', label: __( 'Trash' ) },\n];\nconst DEFAULT_STATUSES = 'draft,future,pending,private,publish'; // All but 'trash'.\n\nfunction FeaturedImage( { item, viewType } ) {\n\tconst { onClick } = useLink( {\n\t\tpostId: item.id,\n\t\tpostType: item.type,\n\t\tcanvas: 'edit',\n\t} );\n\tconst hasMedia = !! item.featured_media;\n\tconst size =\n\t\tviewType === LAYOUT_GRID\n\t\t\t? [ 'large', 'full', 'medium', 'thumbnail' ]\n\t\t\t: [ 'thumbnail', 'medium', 'large', 'full' ];\n\tconst media = hasMedia ? (\n\t\t<Media\n\t\t\tclassName=\"edit-site-page-pages__featured-image\"\n\t\t\tid={ item.featured_media }\n\t\t\tsize={ size }\n\t\t/>\n\t) : null;\n\tif ( viewType === LAYOUT_LIST ) {\n\t\treturn media;\n\t}\n\treturn (\n\t\t<button\n\t\t\tclassName={ classNames( 'page-pages-preview-field__button', {\n\t\t\t\t'edit-site-page-pages__media-wrapper':\n\t\t\t\t\tviewType === LAYOUT_TABLE,\n\t\t\t} ) }\n\t\t\ttype=\"button\"\n\t\t\tonClick={ onClick }\n\t\t\taria-label={ item.title?.rendered || __( '(no title)' ) }\n\t\t>\n\t\t\t{ media }\n\t\t</button>\n\t);\n}\n\nexport default function PagePages() {\n\tconst postType = 'page';\n\tconst [ view, setView ] = useView( postType );\n\tconst history = useHistory();\n\tconst { params } = useLocation();\n\tconst { isCustom = 'false' } = params;\n\n\tconst onSelectionChange = useCallback(\n\t\t( items ) => {\n\t\t\tif ( isCustom === 'false' && view?.type === LAYOUT_LIST ) {\n\t\t\t\thistory.push( {\n\t\t\t\t\t...params,\n\t\t\t\t\tpostId: items.length === 1 ? items[ 0 ].id : undefined,\n\t\t\t\t} );\n\t\t\t}\n\t\t},\n\t\t[ history, params, view?.type, isCustom ]\n\t);\n\n\tconst queryArgs = useMemo( () => {\n\t\tconst filters = {};\n\t\tview.filters.forEach( ( filter ) => {\n\t\t\tif (\n\t\t\t\tfilter.field === 'status' &&\n\t\t\t\tfilter.operator === OPERATOR_IS_ANY\n\t\t\t) {\n\t\t\t\tfilters.status = filter.value;\n\t\t\t}\n\t\t\tif (\n\t\t\t\tfilter.field === 'author' &&\n\t\t\t\tfilter.operator === OPERATOR_IS_ANY\n\t\t\t) {\n\t\t\t\tfilters.author = filter.value;\n\t\t\t} else if (\n\t\t\t\tfilter.field === 'author' &&\n\t\t\t\tfilter.operator === OPERATOR_IS_NONE\n\t\t\t) {\n\t\t\t\tfilters.author_exclude = filter.value;\n\t\t\t}\n\t\t} );\n\t\t// We want to provide a different default item for the status filter\n\t\t// than the REST API provides.\n\t\tif ( ! filters.status || filters.status === '' ) {\n\t\t\tfilters.status = DEFAULT_STATUSES;\n\t\t}\n\n\t\treturn {\n\t\t\tper_page: view.perPage,\n\t\t\tpage: view.page,\n\t\t\t_embed: 'author',\n\t\t\torder: view.sort?.direction,\n\t\t\torderby: view.sort?.field,\n\t\t\tsearch: view.search,\n\t\t\t...filters,\n\t\t};\n\t}, [ view ] );\n\tconst {\n\t\trecords: pages,\n\t\tisResolving: isLoadingPages,\n\t\ttotalItems,\n\t\ttotalPages,\n\t} = useEntityRecords( 'postType', postType, queryArgs );\n\n\tconst { records: authors, isResolving: isLoadingAuthors } =\n\t\tuseEntityRecords( 'root', 'user' );\n\n\tconst paginationInfo = useMemo(\n\t\t() => ( {\n\t\t\ttotalItems,\n\t\t\ttotalPages,\n\t\t} ),\n\t\t[ totalItems, totalPages ]\n\t);\n\n\tconst fields = useMemo(\n\t\t() => [\n\t\t\t{\n\t\t\t\tid: 'featured-image',\n\t\t\t\theader: __( 'Featured Image' ),\n\t\t\t\tgetValue: ( { item } ) => item.featured_media,\n\t\t\t\trender: ( { item } ) => (\n\t\t\t\t\t<FeaturedImage item={ item } viewType={ view.type } />\n\t\t\t\t),\n\t\t\t\tenableSorting: false,\n\t\t\t\twidth: '1%',\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Title' ),\n\t\t\t\tid: 'title',\n\t\t\t\tgetValue: ( { item } ) => item.title?.rendered,\n\t\t\t\trender: ( { item } ) => {\n\t\t\t\t\treturn [ LAYOUT_TABLE, LAYOUT_GRID ].includes(\n\t\t\t\t\t\tview.type\n\t\t\t\t\t) ? (\n\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\tparams={ {\n\t\t\t\t\t\t\t\tpostId: item.id,\n\t\t\t\t\t\t\t\tpostType: item.type,\n\t\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ decodeEntities( item.title?.rendered ) ||\n\t\t\t\t\t\t\t\t__( '(no title)' ) }\n\t\t\t\t\t\t</Link>\n\t\t\t\t\t) : (\n\t\t\t\t\t\tdecodeEntities( item.title?.rendered ) ||\n\t\t\t\t\t\t\t__( '(no title)' )\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tmaxWidth: 300,\n\t\t\t\tenableHiding: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Author' ),\n\t\t\t\tid: 'author',\n\t\t\t\tgetValue: ( { item } ) => item._embedded?.author[ 0 ]?.name,\n\t\t\t\ttype: ENUMERATION_TYPE,\n\t\t\t\telements:\n\t\t\t\t\tauthors?.map( ( { id, name } ) => ( {\n\t\t\t\t\t\tvalue: id,\n\t\t\t\t\t\tlabel: name,\n\t\t\t\t\t} ) ) || [],\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Status' ),\n\t\t\t\tid: 'status',\n\t\t\t\tgetValue: ( { item } ) =>\n\t\t\t\t\tSTATUSES.find( ( { value } ) => value === item.status )\n\t\t\t\t\t\t?.label ?? item.status,\n\t\t\t\ttype: ENUMERATION_TYPE,\n\t\t\t\telements: STATUSES,\n\t\t\t\tenableSorting: false,\n\t\t\t\tfilterBy: {\n\t\t\t\t\toperators: [ OPERATOR_IS_ANY ],\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Date' ),\n\t\t\t\tid: 'date',\n\t\t\t\trender: ( { item } ) => {\n\t\t\t\t\tconst formattedDate = dateI18n(\n\t\t\t\t\t\tgetSettings().formats.datetimeAbbreviated,\n\t\t\t\t\t\tgetDate( item.date )\n\t\t\t\t\t);\n\t\t\t\t\treturn <time>{ formattedDate }</time>;\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t\t[ authors, view.type ]\n\t);\n\tconst onActionPerformed = useCallback(\n\t\t( actionId, items ) => {\n\t\t\tif ( actionId === 'edit-post' ) {\n\t\t\t\tconst post = items[ 0 ];\n\t\t\t\thistory.push( {\n\t\t\t\t\tpostId: post.id,\n\t\t\t\t\tpostType: post.type,\n\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t} );\n\t\t\t}\n\t\t},\n\t\t[ history ]\n\t);\n\tconst actions = usePostActions( onActionPerformed );\n\tconst onChangeView = useCallback(\n\t\t( newView ) => {\n\t\t\tif ( newView.type !== view.type ) {\n\t\t\t\tnewView = {\n\t\t\t\t\t...newView,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...DEFAULT_CONFIG_PER_VIEW_TYPE[ newView.type ],\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tsetView( newView );\n\t\t},\n\t\t[ view.type, setView ]\n\t);\n\n\tconst [ showAddPageModal, setShowAddPageModal ] = useState( false );\n\n\tconst openModal = () => setShowAddPageModal( true );\n\tconst closeModal = () => setShowAddPageModal( false );\n\tconst handleNewPage = ( { type, id } ) => {\n\t\thistory.push( {\n\t\t\tpostId: id,\n\t\t\tpostType: type,\n\t\t\tcanvas: 'edit',\n\t\t} );\n\t\tcloseModal();\n\t};\n\n\t// TODO: we need to handle properly `data={ data || EMPTY_ARRAY }` for when `isLoading`.\n\treturn (\n\t\t<Page\n\t\t\ttitle={ __( 'Pages' ) }\n\t\t\tactions={\n\t\t\t\t<>\n\t\t\t\t\t<Button variant=\"primary\" onClick={ openModal }>\n\t\t\t\t\t\t{ __( 'Add new page' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t\t{ showAddPageModal && (\n\t\t\t\t\t\t<AddNewPageModal\n\t\t\t\t\t\t\tonSave={ handleNewPage }\n\t\t\t\t\t\t\tonClose={ closeModal }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t}\n\t\t>\n\t\t\t<DataViews\n\t\t\t\tpaginationInfo={ paginationInfo }\n\t\t\t\tfields={ fields }\n\t\t\t\tactions={ actions }\n\t\t\t\tdata={ pages || EMPTY_ARRAY }\n\t\t\t\tisLoading={ isLoadingPages || isLoadingAuthors }\n\t\t\t\tview={ view }\n\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\tonSelectionChange={ onSelectionChange }\n\t\t\t/>\n\t\t</Page>\n\t);\n}\n"],"mappings":"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"}

package/build-module/components/page-patterns/delete-category-menu-item.js

@@ -74,7 +74,12 @@ export default function DeleteCategoryMenuItem({
     onConfirm: onDelete,
     onCancel: () => setIsModalOpen(false),
     confirmButtonText: __('Delete'),
-    className: "edit-site-patterns__delete-modal"
+    className: "edit-site-patterns__delete-modal",
+    title: sprintf(
+    // translators: %s: The pattern category's name.
+    __('Delete "%s"?'), decodeEntities(category.label)),
+    size: "medium",
+    __experimentalHideHeader: false
   }, sprintf(
   // translators: %s: The pattern category's name.
   __('Are you sure you want to delete the category "%s"? The patterns will not be deleted.'), decodeEntities(category.label))));