@wordpress/edit-site 6.2.0 → 6.4.0

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

@@ -8,9 +8,8 @@ import { useEffect } from '@wordpress/element';
  * Internal dependencies
  */
 import { unlock } from '../../lock-unlock';
-import { useIsSiteEditorLoading } from './hooks';
 import Editor from '../editor';
-import PagePages from '../page-pages';
+import PostList from '../post-list';
 import PagePatterns from '../page-patterns';
 import PageTemplates from '../page-templates';
 import SidebarNavigationScreen from '../sidebar-navigation-screen';
@@ -22,6 +21,7 @@ import SidebarNavigationScreenPatterns from '../sidebar-navigation-screen-patter
 import SidebarNavigationScreenNavigationMenu from '../sidebar-navigation-screen-navigation-menu';
 import DataViewsSidebarContent from '../sidebar-dataviews';
 import { NAVIGATION_POST_TYPE, PATTERN_TYPES, TEMPLATE_PART_POST_TYPE, TEMPLATE_POST_TYPE } from '../../utils/constants';
+import { PostEdit } from '../post-edit';
 import { jsx as _jsx } from "react/jsx-runtime";
 const {
   useLocation,
@@ -71,7 +71,6 @@ function useRedirectOldPaths() {
   }, [history, params]);
 }
 export default function useLayoutAreas() {
-  const isSiteEditorLoading = useIsSiteEditorLoading();
   const {
     params
   } = useLocation();
@@ -81,13 +80,16 @@ export default function useLayoutAreas() {
     path,
     layout,
     isCustom,
-    canvas
+    canvas,
+    quickEdit
   } = params;
+  const hasEditCanvasMode = canvas === 'edit';
   useRedirectOldPaths();
 
   // Page list
   if (postType === 'page') {
     const isListLayout = layout === 'list' || !layout;
+    const showQuickEdit = quickEdit && !isListLayout;
     return {
       key: 'pages',
       areas: {
@@ -96,16 +98,21 @@ export default function useLayoutAreas() {
           backPath: {},
           content: /*#__PURE__*/_jsx(DataViewsSidebarContent, {})
         }),
-        content: /*#__PURE__*/_jsx(PagePages, {}),
-        preview: (isListLayout || canvas === 'edit') && /*#__PURE__*/_jsx(Editor, {
-          isLoading: isSiteEditorLoading
+        content: /*#__PURE__*/_jsx(PostList, {
+          postType: postType
         }),
-        mobile: canvas === 'edit' ? /*#__PURE__*/_jsx(Editor, {
-          isLoading: isSiteEditorLoading
-        }) : /*#__PURE__*/_jsx(PagePages, {})
+        preview: !showQuickEdit && (isListLayout || hasEditCanvasMode) && /*#__PURE__*/_jsx(Editor, {}),
+        mobile: hasEditCanvasMode ? /*#__PURE__*/_jsx(Editor, {}) : /*#__PURE__*/_jsx(PostList, {
+          postType: postType
+        }),
+        edit: showQuickEdit && /*#__PURE__*/_jsx(PostEdit, {
+          postType: postType,
+          postId: postId
+        })
       },
       widths: {
-        content: isListLayout ? 380 : undefined
+        content: isListLayout ? 380 : undefined,
+        edit: showQuickEdit ? 380 : undefined
       }
     };
   }
@@ -120,10 +127,8 @@ export default function useLayoutAreas() {
           backPath: {}
         }),
         content: /*#__PURE__*/_jsx(PageTemplates, {}),
-        preview: (isListLayout || canvas === 'edit') && /*#__PURE__*/_jsx(Editor, {
-          isLoading: isSiteEditorLoading
-        }),
-        mobile: /*#__PURE__*/_jsx(PageTemplates, {})
+        preview: (isListLayout || hasEditCanvasMode) && /*#__PURE__*/_jsx(Editor, {}),
+        mobile: hasEditCanvasMode ? /*#__PURE__*/_jsx(Editor, {}) : /*#__PURE__*/_jsx(PageTemplates, {})
       },
       widths: {
         content: isListLayout ? 380 : undefined
@@ -140,10 +145,8 @@ export default function useLayoutAreas() {
           backPath: {}
         }),
         content: /*#__PURE__*/_jsx(PagePatterns, {}),
-        mobile: /*#__PURE__*/_jsx(PagePatterns, {}),
-        preview: canvas === 'edit' && /*#__PURE__*/_jsx(Editor, {
-          isLoading: isSiteEditorLoading
-        })
+        mobile: hasEditCanvasMode ? /*#__PURE__*/_jsx(Editor, {}) : /*#__PURE__*/_jsx(PagePatterns, {}),
+        preview: hasEditCanvasMode && /*#__PURE__*/_jsx(Editor, {})
       }
     };
   }
@@ -156,12 +159,8 @@ export default function useLayoutAreas() {
         sidebar: /*#__PURE__*/_jsx(SidebarNavigationScreenGlobalStyles, {
           backPath: {}
         }),
-        preview: /*#__PURE__*/_jsx(Editor, {
-          isLoading: isSiteEditorLoading
-        }),
-        mobile: canvas === 'edit' && /*#__PURE__*/_jsx(Editor, {
-          isLoading: isSiteEditorLoading
-        })
+        preview: /*#__PURE__*/_jsx(Editor, {}),
+        mobile: hasEditCanvasMode && /*#__PURE__*/_jsx(Editor, {})
       }
     };
   }
@@ -177,12 +176,8 @@ export default function useLayoutAreas() {
               postType: NAVIGATION_POST_TYPE
             }
           }),
-          preview: /*#__PURE__*/_jsx(Editor, {
-            isLoading: isSiteEditorLoading
-          }),
-          mobile: canvas === 'edit' && /*#__PURE__*/_jsx(Editor, {
-            isLoading: isSiteEditorLoading
-          })
+          preview: /*#__PURE__*/_jsx(Editor, {}),
+          mobile: hasEditCanvasMode && /*#__PURE__*/_jsx(Editor, {})
         }
       };
     }
@@ -192,12 +187,8 @@ export default function useLayoutAreas() {
         sidebar: /*#__PURE__*/_jsx(SidebarNavigationScreenNavigationMenus, {
           backPath: {}
         }),
-        preview: /*#__PURE__*/_jsx(Editor, {
-          isLoading: isSiteEditorLoading
-        }),
-        mobile: canvas === 'edit' && /*#__PURE__*/_jsx(Editor, {
-          isLoading: isSiteEditorLoading
-        })
+        preview: /*#__PURE__*/_jsx(Editor, {}),
+        mobile: hasEditCanvasMode && /*#__PURE__*/_jsx(Editor, {})
       }
     };
   }
@@ -207,12 +198,8 @@ export default function useLayoutAreas() {
     key: 'default',
     areas: {
       sidebar: /*#__PURE__*/_jsx(SidebarNavigationScreenMain, {}),
-      preview: /*#__PURE__*/_jsx(Editor, {
-        isLoading: isSiteEditorLoading
-      }),
-      mobile: canvas === 'edit' && /*#__PURE__*/_jsx(Editor, {
-        isLoading: isSiteEditorLoading
-      })
+      preview: /*#__PURE__*/_jsx(Editor, {}),
+      mobile: hasEditCanvasMode && /*#__PURE__*/_jsx(Editor, {})
     }
   };
 }

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

@@ -1 +1 @@
-{"version":3,"names":["privateApis","routerPrivateApis","__","useEffect","unlock","useIsSiteEditorLoading","Editor","PagePages","PagePatterns","PageTemplates","SidebarNavigationScreen","SidebarNavigationScreenGlobalStyles","SidebarNavigationScreenMain","SidebarNavigationScreenNavigationMenus","SidebarNavigationScreenTemplatesBrowse","SidebarNavigationScreenPatterns","SidebarNavigationScreenNavigationMenu","DataViewsSidebarContent","NAVIGATION_POST_TYPE","PATTERN_TYPES","TEMPLATE_PART_POST_TYPE","TEMPLATE_POST_TYPE","jsx","_jsx","useLocation","useHistory","useRedirectOldPaths","history","params","postType","path","categoryType","rest","replace","user","useLayoutAreas","isSiteEditorLoading","postId","layout","isCustom","canvas","isListLayout","key","areas","sidebar","title","backPath","content","preview","isLoading","mobile","widths","undefined","includes"],"sources":["@wordpress/edit-site/src/components/layout/router.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { __ } from '@wordpress/i18n';\nimport { useEffect } from '@wordpress/element';\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 PageTemplates from '../page-templates';\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationScreenGlobalStyles from '../sidebar-navigation-screen-global-styles';\nimport SidebarNavigationScreenMain from '../sidebar-navigation-screen-main';\nimport SidebarNavigationScreenNavigationMenus from '../sidebar-navigation-screen-navigation-menus';\nimport SidebarNavigationScreenTemplatesBrowse from '../sidebar-navigation-screen-templates-browse';\nimport SidebarNavigationScreenPatterns from '../sidebar-navigation-screen-patterns';\nimport SidebarNavigationScreenNavigationMenu from '../sidebar-navigation-screen-navigation-menu';\nimport DataViewsSidebarContent from '../sidebar-dataviews';\nimport {\n\tNAVIGATION_POST_TYPE,\n\tPATTERN_TYPES,\n\tTEMPLATE_PART_POST_TYPE,\n\tTEMPLATE_POST_TYPE,\n} from '../../utils/constants';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nfunction useRedirectOldPaths() {\n\tconst history = useHistory();\n\tconst { params } = useLocation();\n\tuseEffect( () => {\n\t\tconst { postType, path, categoryType, ...rest } = params;\n\n\t\tif ( path === '/wp_template_part/all' ) {\n\t\t\thistory.replace( { postType: TEMPLATE_PART_POST_TYPE } );\n\t\t}\n\n\t\tif ( path === '/page' ) {\n\t\t\thistory.replace( {\n\t\t\t\tpostType: 'page',\n\t\t\t\t...rest,\n\t\t\t} );\n\t\t}\n\n\t\tif ( path === '/wp_template' ) {\n\t\t\thistory.replace( {\n\t\t\t\tpostType: TEMPLATE_POST_TYPE,\n\t\t\t\t...rest,\n\t\t\t} );\n\t\t}\n\n\t\tif ( path === '/patterns' ) {\n\t\t\thistory.replace( {\n\t\t\t\tpostType:\n\t\t\t\t\tcategoryType === TEMPLATE_PART_POST_TYPE\n\t\t\t\t\t\t? TEMPLATE_PART_POST_TYPE\n\t\t\t\t\t\t: PATTERN_TYPES.user,\n\t\t\t\t...rest,\n\t\t\t} );\n\t\t}\n\n\t\tif ( path === '/navigation' ) {\n\t\t\thistory.replace( {\n\t\t\t\tpostType: NAVIGATION_POST_TYPE,\n\t\t\t\t...rest,\n\t\t\t} );\n\t\t}\n\t}, [ history, params ] );\n}\n\nexport default function useLayoutAreas() {\n\tconst isSiteEditorLoading = useIsSiteEditorLoading();\n\tconst { params } = useLocation();\n\tconst { postType, postId, path, layout, isCustom, canvas } = params;\n\tuseRedirectOldPaths();\n\n\t// Page list\n\tif ( postType === 'page' ) {\n\t\tconst isListLayout = layout === 'list' || ! layout;\n\t\treturn {\n\t\t\tkey: 'pages',\n\t\t\tareas: {\n\t\t\t\tsidebar: (\n\t\t\t\t\t<SidebarNavigationScreen\n\t\t\t\t\t\ttitle={ __( 'Pages' ) }\n\t\t\t\t\t\tbackPath={ {} }\n\t\t\t\t\t\tcontent={ <DataViewsSidebarContent /> }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tcontent: <PagePages />,\n\t\t\t\tpreview: ( isListLayout || canvas === 'edit' ) && (\n\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\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) : (\n\t\t\t\t\t\t<PagePages />\n\t\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// Templates\n\tif ( postType === TEMPLATE_POST_TYPE ) {\n\t\tconst isListLayout = isCustom !== 'true' && layout === 'list';\n\t\treturn {\n\t\t\tkey: 'templates',\n\t\t\tareas: {\n\t\t\t\tsidebar: (\n\t\t\t\t\t<SidebarNavigationScreenTemplatesBrowse backPath={ {} } />\n\t\t\t\t),\n\t\t\t\tcontent: <PageTemplates />,\n\t\t\t\tpreview: ( isListLayout || canvas === 'edit' ) && (\n\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t),\n\t\t\t\tmobile: <PageTemplates />,\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 (\n\t\t[ TEMPLATE_PART_POST_TYPE, PATTERN_TYPES.user ].includes( postType )\n\t) {\n\t\treturn {\n\t\t\tkey: 'patterns',\n\t\t\tareas: {\n\t\t\t\tsidebar: <SidebarNavigationScreenPatterns backPath={ {} } />,\n\t\t\t\tcontent: <PagePatterns />,\n\t\t\t\tmobile: <PagePatterns />,\n\t\t\t\tpreview: canvas === 'edit' && (\n\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t),\n\t\t\t},\n\t\t};\n\t}\n\n\t// Styles\n\tif ( path === '/wp_global_styles' ) {\n\t\treturn {\n\t\t\tkey: 'styles',\n\t\t\tareas: {\n\t\t\t\tsidebar: (\n\t\t\t\t\t<SidebarNavigationScreenGlobalStyles backPath={ {} } />\n\t\t\t\t),\n\t\t\t\tpreview: <Editor isLoading={ isSiteEditorLoading } />,\n\t\t\t\tmobile: canvas === 'edit' && (\n\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t),\n\t\t\t},\n\t\t};\n\t}\n\n\t// Navigation\n\tif ( postType === NAVIGATION_POST_TYPE ) {\n\t\tif ( postId ) {\n\t\t\treturn {\n\t\t\t\tkey: 'navigation',\n\t\t\t\tareas: {\n\t\t\t\t\tsidebar: (\n\t\t\t\t\t\t<SidebarNavigationScreenNavigationMenu\n\t\t\t\t\t\t\tbackPath={ { postType: NAVIGATION_POST_TYPE } }\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tpreview: <Editor isLoading={ isSiteEditorLoading } />,\n\t\t\t\t\tmobile: canvas === 'edit' && (\n\t\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\t\treturn {\n\t\t\tkey: 'navigation',\n\t\t\tareas: {\n\t\t\t\tsidebar: (\n\t\t\t\t\t<SidebarNavigationScreenNavigationMenus backPath={ {} } />\n\t\t\t\t),\n\t\t\t\tpreview: <Editor isLoading={ isSiteEditorLoading } />,\n\t\t\t\tmobile: canvas === 'edit' && (\n\t\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t\t),\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\tsidebar: <SidebarNavigationScreenMain />,\n\t\t\tpreview: <Editor isLoading={ isSiteEditorLoading } />,\n\t\t\tmobile: canvas === 'edit' && (\n\t\t\t\t<Editor isLoading={ isSiteEditorLoading } />\n\t\t\t),\n\t\t},\n\t};\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["privateApis","routerPrivateApis","__","useEffect","unlock","Editor","PostList","PagePatterns","PageTemplates","SidebarNavigationScreen","SidebarNavigationScreenGlobalStyles","SidebarNavigationScreenMain","SidebarNavigationScreenNavigationMenus","SidebarNavigationScreenTemplatesBrowse","SidebarNavigationScreenPatterns","SidebarNavigationScreenNavigationMenu","DataViewsSidebarContent","NAVIGATION_POST_TYPE","PATTERN_TYPES","TEMPLATE_PART_POST_TYPE","TEMPLATE_POST_TYPE","PostEdit","jsx","_jsx","useLocation","useHistory","useRedirectOldPaths","history","params","postType","path","categoryType","rest","replace","user","useLayoutAreas","postId","layout","isCustom","canvas","quickEdit","hasEditCanvasMode","isListLayout","showQuickEdit","key","areas","sidebar","title","backPath","content","preview","mobile","edit","widths","undefined","includes"],"sources":["@wordpress/edit-site/src/components/layout/router.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { __ } from '@wordpress/i18n';\nimport { useEffect } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport Editor from '../editor';\nimport PostList from '../post-list';\nimport PagePatterns from '../page-patterns';\nimport PageTemplates from '../page-templates';\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationScreenGlobalStyles from '../sidebar-navigation-screen-global-styles';\nimport SidebarNavigationScreenMain from '../sidebar-navigation-screen-main';\nimport SidebarNavigationScreenNavigationMenus from '../sidebar-navigation-screen-navigation-menus';\nimport SidebarNavigationScreenTemplatesBrowse from '../sidebar-navigation-screen-templates-browse';\nimport SidebarNavigationScreenPatterns from '../sidebar-navigation-screen-patterns';\nimport SidebarNavigationScreenNavigationMenu from '../sidebar-navigation-screen-navigation-menu';\nimport DataViewsSidebarContent from '../sidebar-dataviews';\nimport {\n\tNAVIGATION_POST_TYPE,\n\tPATTERN_TYPES,\n\tTEMPLATE_PART_POST_TYPE,\n\tTEMPLATE_POST_TYPE,\n} from '../../utils/constants';\nimport { PostEdit } from '../post-edit';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nfunction useRedirectOldPaths() {\n\tconst history = useHistory();\n\tconst { params } = useLocation();\n\tuseEffect( () => {\n\t\tconst { postType, path, categoryType, ...rest } = params;\n\n\t\tif ( path === '/wp_template_part/all' ) {\n\t\t\thistory.replace( { postType: TEMPLATE_PART_POST_TYPE } );\n\t\t}\n\n\t\tif ( path === '/page' ) {\n\t\t\thistory.replace( {\n\t\t\t\tpostType: 'page',\n\t\t\t\t...rest,\n\t\t\t} );\n\t\t}\n\n\t\tif ( path === '/wp_template' ) {\n\t\t\thistory.replace( {\n\t\t\t\tpostType: TEMPLATE_POST_TYPE,\n\t\t\t\t...rest,\n\t\t\t} );\n\t\t}\n\n\t\tif ( path === '/patterns' ) {\n\t\t\thistory.replace( {\n\t\t\t\tpostType:\n\t\t\t\t\tcategoryType === TEMPLATE_PART_POST_TYPE\n\t\t\t\t\t\t? TEMPLATE_PART_POST_TYPE\n\t\t\t\t\t\t: PATTERN_TYPES.user,\n\t\t\t\t...rest,\n\t\t\t} );\n\t\t}\n\n\t\tif ( path === '/navigation' ) {\n\t\t\thistory.replace( {\n\t\t\t\tpostType: NAVIGATION_POST_TYPE,\n\t\t\t\t...rest,\n\t\t\t} );\n\t\t}\n\t}, [ history, params ] );\n}\n\nexport default function useLayoutAreas() {\n\tconst { params } = useLocation();\n\tconst { postType, postId, path, layout, isCustom, canvas, quickEdit } =\n\t\tparams;\n\tconst hasEditCanvasMode = canvas === 'edit';\n\tuseRedirectOldPaths();\n\n\t// Page list\n\tif ( postType === 'page' ) {\n\t\tconst isListLayout = layout === 'list' || ! layout;\n\t\tconst showQuickEdit = quickEdit && ! isListLayout;\n\t\treturn {\n\t\t\tkey: 'pages',\n\t\t\tareas: {\n\t\t\t\tsidebar: (\n\t\t\t\t\t<SidebarNavigationScreen\n\t\t\t\t\t\ttitle={ __( 'Pages' ) }\n\t\t\t\t\t\tbackPath={ {} }\n\t\t\t\t\t\tcontent={ <DataViewsSidebarContent /> }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tcontent: <PostList postType={ postType } />,\n\t\t\t\tpreview: ! showQuickEdit &&\n\t\t\t\t\t( isListLayout || hasEditCanvasMode ) && <Editor />,\n\t\t\t\tmobile: hasEditCanvasMode ? (\n\t\t\t\t\t<Editor />\n\t\t\t\t) : (\n\t\t\t\t\t<PostList postType={ postType } />\n\t\t\t\t),\n\t\t\t\tedit: showQuickEdit && (\n\t\t\t\t\t<PostEdit postType={ postType } postId={ postId } />\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\tedit: showQuickEdit ? 380 : undefined,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Templates\n\tif ( postType === TEMPLATE_POST_TYPE ) {\n\t\tconst isListLayout = isCustom !== 'true' && layout === 'list';\n\t\treturn {\n\t\t\tkey: 'templates',\n\t\t\tareas: {\n\t\t\t\tsidebar: (\n\t\t\t\t\t<SidebarNavigationScreenTemplatesBrowse backPath={ {} } />\n\t\t\t\t),\n\t\t\t\tcontent: <PageTemplates />,\n\t\t\t\tpreview: ( isListLayout || hasEditCanvasMode ) && <Editor />,\n\t\t\t\tmobile: hasEditCanvasMode ? <Editor /> : <PageTemplates />,\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 (\n\t\t[ TEMPLATE_PART_POST_TYPE, PATTERN_TYPES.user ].includes( postType )\n\t) {\n\t\treturn {\n\t\t\tkey: 'patterns',\n\t\t\tareas: {\n\t\t\t\tsidebar: <SidebarNavigationScreenPatterns backPath={ {} } />,\n\t\t\t\tcontent: <PagePatterns />,\n\t\t\t\tmobile: hasEditCanvasMode ? <Editor /> : <PagePatterns />,\n\t\t\t\tpreview: hasEditCanvasMode && <Editor />,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Styles\n\tif ( path === '/wp_global_styles' ) {\n\t\treturn {\n\t\t\tkey: 'styles',\n\t\t\tareas: {\n\t\t\t\tsidebar: (\n\t\t\t\t\t<SidebarNavigationScreenGlobalStyles backPath={ {} } />\n\t\t\t\t),\n\t\t\t\tpreview: <Editor />,\n\t\t\t\tmobile: hasEditCanvasMode && <Editor />,\n\t\t\t},\n\t\t};\n\t}\n\n\t// Navigation\n\tif ( postType === NAVIGATION_POST_TYPE ) {\n\t\tif ( postId ) {\n\t\t\treturn {\n\t\t\t\tkey: 'navigation',\n\t\t\t\tareas: {\n\t\t\t\t\tsidebar: (\n\t\t\t\t\t\t<SidebarNavigationScreenNavigationMenu\n\t\t\t\t\t\t\tbackPath={ { postType: NAVIGATION_POST_TYPE } }\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tpreview: <Editor />,\n\t\t\t\t\tmobile: hasEditCanvasMode && <Editor />,\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\t\treturn {\n\t\t\tkey: 'navigation',\n\t\t\tareas: {\n\t\t\t\tsidebar: (\n\t\t\t\t\t<SidebarNavigationScreenNavigationMenus backPath={ {} } />\n\t\t\t\t),\n\t\t\t\tpreview: <Editor />,\n\t\t\t\tmobile: hasEditCanvasMode && <Editor />,\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\tsidebar: <SidebarNavigationScreenMain />,\n\t\t\tpreview: <Editor />,\n\t\t\tmobile: hasEditCanvasMode && <Editor />,\n\t\t},\n\t};\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/page-patterns/header.js

@@ -60,7 +60,7 @@ export default function PatternsHeader({
           label: __('Actions'),
           toggleProps: {
             className: 'edit-site-patterns__button',
-            describedBy: sprintf( /* translators: %s: pattern category name */
+            description: sprintf( /* translators: %s: pattern category name */
             __('Action menu for %s pattern category'), title),
             size: 'compact'
           },

package/build-module/components/page-patterns/header.js.map

@@ -1 +1 @@
-{"version":3,"names":["DropdownMenu","MenuGroup","__experimentalHStack","HStack","__experimentalHeading","Heading","__experimentalText","Text","__experimentalVStack","VStack","store","editorStore","useSelect","__","sprintf","moreVertical","AddNewPattern","RenameCategoryMenuItem","DeleteCategoryMenuItem","usePatternCategories","TEMPLATE_PART_POST_TYPE","PATTERN_TYPES","jsx","_jsx","jsxs","_jsxs","PatternsHeader","categoryId","type","titleId","descriptionId","patternCategories","templatePartAreas","select","__experimentalGetDefaultTemplatePartAreas","title","description","patternCategory","templatePartArea","find","area","label","user","category","name","className","spacing","children","justify","as","level","id","weight","truncate","expanded","icon","toggleProps","describedBy","size","onClose","variant"],"sources":["@wordpress/edit-site/src/components/page-patterns/header.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tDropdownMenu,\n\tMenuGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { store as editorStore } from '@wordpress/editor';\nimport { useSelect } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { moreVertical } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport AddNewPattern from '../add-new-pattern';\nimport RenameCategoryMenuItem from './rename-category-menu-item';\nimport DeleteCategoryMenuItem from './delete-category-menu-item';\nimport usePatternCategories from '../sidebar-navigation-screen-patterns/use-pattern-categories';\nimport { TEMPLATE_PART_POST_TYPE, PATTERN_TYPES } from '../../utils/constants';\n\nexport default function PatternsHeader( {\n\tcategoryId,\n\ttype,\n\ttitleId,\n\tdescriptionId,\n} ) {\n\tconst { patternCategories } = usePatternCategories();\n\tconst templatePartAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).__experimentalGetDefaultTemplatePartAreas(),\n\t\t[]\n\t);\n\n\tlet title, description, patternCategory;\n\tif ( type === TEMPLATE_PART_POST_TYPE ) {\n\t\tconst templatePartArea = templatePartAreas.find(\n\t\t\t( area ) => area.area === categoryId\n\t\t);\n\t\ttitle = templatePartArea?.label || __( 'All Template Parts' );\n\t\tdescription =\n\t\t\ttemplatePartArea?.description ||\n\t\t\t__( 'Includes every template part defined for any area.' );\n\t} else if ( type === PATTERN_TYPES.user && !! categoryId ) {\n\t\tpatternCategory = patternCategories.find(\n\t\t\t( category ) => category.name === categoryId\n\t\t);\n\t\ttitle = patternCategory?.label;\n\t\tdescription = patternCategory?.description;\n\t}\n\n\tif ( ! title ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack className=\"edit-site-patterns__section-header\" spacing={ 1 }>\n\t\t\t<HStack\n\t\t\t\tjustify=\"space-between\"\n\t\t\t\tclassName=\"edit-site-patterns__title\"\n\t\t\t>\n\t\t\t\t<Heading\n\t\t\t\t\tas=\"h2\"\n\t\t\t\t\tlevel={ 3 }\n\t\t\t\t\tid={ titleId }\n\t\t\t\t\tweight={ 500 }\n\t\t\t\t\ttruncate\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t<HStack expanded={ false }>\n\t\t\t\t\t<AddNewPattern />\n\t\t\t\t\t{ !! patternCategory?.id && (\n\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\t\tclassName: 'edit-site-patterns__button',\n\t\t\t\t\t\t\t\tdescribedBy: sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %s: pattern category name */\n\t\t\t\t\t\t\t\t\t__( 'Action menu for %s pattern category' ),\n\t\t\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\tsize: 'compact',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t\t\t<RenameCategoryMenuItem\n\t\t\t\t\t\t\t\t\t\tcategory={ patternCategory }\n\t\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<DeleteCategoryMenuItem\n\t\t\t\t\t\t\t\t\t\tcategory={ patternCategory }\n\t\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t</HStack>\n\t\t\t{ description ? (\n\t\t\t\t<Text\n\t\t\t\t\tvariant=\"muted\"\n\t\t\t\t\tas=\"p\"\n\t\t\t\t\tid={ descriptionId }\n\t\t\t\t\tclassName=\"edit-site-patterns__sub-title\"\n\t\t\t\t>\n\t\t\t\t\t{ description }\n\t\t\t\t</Text>\n\t\t\t) : null }\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["DropdownMenu","MenuGroup","__experimentalHStack","HStack","__experimentalHeading","Heading","__experimentalText","Text","__experimentalVStack","VStack","store","editorStore","useSelect","__","sprintf","moreVertical","AddNewPattern","RenameCategoryMenuItem","DeleteCategoryMenuItem","usePatternCategories","TEMPLATE_PART_POST_TYPE","PATTERN_TYPES","jsx","_jsx","jsxs","_jsxs","PatternsHeader","categoryId","type","titleId","descriptionId","patternCategories","templatePartAreas","select","__experimentalGetDefaultTemplatePartAreas","title","description","patternCategory","templatePartArea","find","area","label","user","category","name","className","spacing","children","justify","as","level","id","weight","truncate","expanded","icon","toggleProps","size","onClose","variant"],"sources":["@wordpress/edit-site/src/components/page-patterns/header.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tDropdownMenu,\n\tMenuGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { store as editorStore } from '@wordpress/editor';\nimport { useSelect } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { moreVertical } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport AddNewPattern from '../add-new-pattern';\nimport RenameCategoryMenuItem from './rename-category-menu-item';\nimport DeleteCategoryMenuItem from './delete-category-menu-item';\nimport usePatternCategories from '../sidebar-navigation-screen-patterns/use-pattern-categories';\nimport { TEMPLATE_PART_POST_TYPE, PATTERN_TYPES } from '../../utils/constants';\n\nexport default function PatternsHeader( {\n\tcategoryId,\n\ttype,\n\ttitleId,\n\tdescriptionId,\n} ) {\n\tconst { patternCategories } = usePatternCategories();\n\tconst templatePartAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).__experimentalGetDefaultTemplatePartAreas(),\n\t\t[]\n\t);\n\n\tlet title, description, patternCategory;\n\tif ( type === TEMPLATE_PART_POST_TYPE ) {\n\t\tconst templatePartArea = templatePartAreas.find(\n\t\t\t( area ) => area.area === categoryId\n\t\t);\n\t\ttitle = templatePartArea?.label || __( 'All Template Parts' );\n\t\tdescription =\n\t\t\ttemplatePartArea?.description ||\n\t\t\t__( 'Includes every template part defined for any area.' );\n\t} else if ( type === PATTERN_TYPES.user && !! categoryId ) {\n\t\tpatternCategory = patternCategories.find(\n\t\t\t( category ) => category.name === categoryId\n\t\t);\n\t\ttitle = patternCategory?.label;\n\t\tdescription = patternCategory?.description;\n\t}\n\n\tif ( ! title ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack className=\"edit-site-patterns__section-header\" spacing={ 1 }>\n\t\t\t<HStack\n\t\t\t\tjustify=\"space-between\"\n\t\t\t\tclassName=\"edit-site-patterns__title\"\n\t\t\t>\n\t\t\t\t<Heading\n\t\t\t\t\tas=\"h2\"\n\t\t\t\t\tlevel={ 3 }\n\t\t\t\t\tid={ titleId }\n\t\t\t\t\tweight={ 500 }\n\t\t\t\t\ttruncate\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t<HStack expanded={ false }>\n\t\t\t\t\t<AddNewPattern />\n\t\t\t\t\t{ !! patternCategory?.id && (\n\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\t\tclassName: 'edit-site-patterns__button',\n\t\t\t\t\t\t\t\tdescription: sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %s: pattern category name */\n\t\t\t\t\t\t\t\t\t__( 'Action menu for %s pattern category' ),\n\t\t\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\tsize: 'compact',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t\t\t<RenameCategoryMenuItem\n\t\t\t\t\t\t\t\t\t\tcategory={ patternCategory }\n\t\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<DeleteCategoryMenuItem\n\t\t\t\t\t\t\t\t\t\tcategory={ patternCategory }\n\t\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t</HStack>\n\t\t\t{ description ? (\n\t\t\t\t<Text\n\t\t\t\t\tvariant=\"muted\"\n\t\t\t\t\tas=\"p\"\n\t\t\t\t\tid={ descriptionId }\n\t\t\t\t\tclassName=\"edit-site-patterns__sub-title\"\n\t\t\t\t>\n\t\t\t\t\t{ description }\n\t\t\t\t</Text>\n\t\t\t) : null }\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -8,7 +8,7 @@ import clsx from 'clsx';
  */
 import { __experimentalHStack as HStack, Button, Tooltip, Flex } from '@wordpress/components';
 import { __, _x } from '@wordpress/i18n';
-import { useState, useMemo, useCallback, useId, useEffect } from '@wordpress/element';
+import { useState, useMemo, useId, useEffect } from '@wordpress/element';
 import { BlockPreview, privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
 import { DataViews, filterSortAndPaginate } from '@wordpress/dataviews';
 import { Icon, lockSmall } from '@wordpress/icons';
@@ -16,6 +16,8 @@ import { usePrevious } from '@wordpress/compose';
 import { useEntityRecords } from '@wordpress/core-data';
 import { privateApis as editorPrivateApis } from '@wordpress/editor';
 import { privateApis as routerPrivateApis } from '@wordpress/router';
+import { parse } from '@wordpress/blocks';
+import { decodeEntities } from '@wordpress/html-entities';
 
 /**
  * Internal dependencies
@@ -30,6 +32,7 @@ import PatternsHeader from './header';
 import { useLink } from '../routes/link';
 import { useAddedBy } from '../page-templates/hooks';
 import { useEditPostAction } from '../dataviews-actions';
+import { defaultGetTitle } from './search-items';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const {
@@ -43,14 +46,26 @@ const {
   useLocation
 } = unlock(routerPrivateApis);
 const EMPTY_ARRAY = [];
-const defaultConfigPerViewType = {
+const defaultLayouts = {
   [LAYOUT_TABLE]: {
-    primaryField: 'title'
+    layout: {
+      primaryField: 'title',
+      styles: {
+        preview: {
+          width: '1%'
+        },
+        author: {
+          width: '1%'
+        }
+      }
+    }
   },
   [LAYOUT_GRID]: {
-    mediaField: 'preview',
-    primaryField: 'title',
-    badgeFields: ['sync-status']
+    layout: {
+      mediaField: 'preview',
+      primaryField: 'title',
+      badgeFields: ['sync-status']
+    }
   }
 };
 const DEFAULT_VIEW = {
@@ -58,10 +73,8 @@ const DEFAULT_VIEW = {
   search: '',
   page: 1,
   perPage: 20,
-  hiddenFields: [],
-  layout: {
-    ...defaultConfigPerViewType[LAYOUT_GRID]
-  },
+  layout: defaultLayouts[LAYOUT_GRID].layout,
+  fields: ['title', 'sync-status'],
   filters: []
 };
 const SYNC_FILTERS = [{
@@ -94,17 +107,24 @@ function Preview({
   viewType
 }) {
   const descriptionId = useId();
+  const description = item.description || item?.excerpt?.raw;
   const isUserPattern = item.type === PATTERN_TYPES.user;
   const isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;
-  const isEmpty = !item.blocks?.length;
   const [backgroundColor] = useGlobalStyle('color.background');
   const {
     onClick
   } = useLink({
     postType: item.type,
-    postId: isUserPattern ? item.id : item.name,
+    postId: isUserPattern || isTemplatePart ? item.id : item.name,
     canvas: 'edit'
   });
+  const blocks = useMemo(() => {
+    var _item$blocks;
+    return (_item$blocks = item.blocks) !== null && _item$blocks !== void 0 ? _item$blocks : parse(item.content.raw, {
+      __unstableSkipMigrationLogs: true
+    });
+  }, [item?.content?.raw, item.blocks]);
+  const isEmpty = !blocks?.length;
   return /*#__PURE__*/_jsxs("div", {
     className: `page-patterns-preview-field is-viewtype-${viewType}`,
     style: {
@@ -113,17 +133,17 @@ function Preview({
     children: [/*#__PURE__*/_jsxs(PreviewWrapper, {
       item: item,
       onClick: onClick,
-      ariaDescribedBy: item.description ? descriptionId : undefined,
+      ariaDescribedBy: !!description ? descriptionId : undefined,
       children: [isEmpty && isTemplatePart && __('Empty template part'), isEmpty && !isTemplatePart && __('Empty pattern'), !isEmpty && /*#__PURE__*/_jsx(Async, {
         children: /*#__PURE__*/_jsx(BlockPreview, {
-          blocks: item.blocks,
+          blocks: blocks,
           viewportWidth: item.viewportWidth
         })
       })]
-    }), item.description && /*#__PURE__*/_jsx("div", {
+    }), !!description && /*#__PURE__*/_jsx("div", {
       hidden: true,
       id: descriptionId,
-      children: item.description
+      children: description
     })]
   });
 }
@@ -140,7 +160,7 @@ function Author({
   const withIcon = viewType !== LAYOUT_LIST;
   return /*#__PURE__*/_jsxs(HStack, {
     alignment: "left",
-    spacing: 1,
+    spacing: 0,
     children: [withIcon && imageUrl && /*#__PURE__*/_jsx("div", {
       className: clsx('page-templates-author-field__avatar', {
         'is-loaded': isImageLoaded
@@ -165,13 +185,15 @@ function Title({
   item
 }) {
   const isUserPattern = item.type === PATTERN_TYPES.user;
+  const isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;
   const {
     onClick
   } = useLink({
     postType: item.type,
-    postId: isUserPattern ? item.id : item.name,
+    postId: isUserPattern || isTemplatePart ? item.id : item.name,
     canvas: 'edit'
   });
+  const title = decodeEntities(defaultGetTitle(item));
   return /*#__PURE__*/_jsxs(HStack, {
     alignment: "center",
     justify: "flex-start",
@@ -181,14 +203,14 @@ function Title({
       gap: 0,
       justify: "left",
       className: "edit-site-patterns__pattern-title",
-      children: item.type === PATTERN_TYPES.theme ? item.title : /*#__PURE__*/_jsx(Button, {
+      children: item.type === PATTERN_TYPES.theme ? title : /*#__PURE__*/_jsx(Button, {
         variant: "link",
         onClick: onClick
         // Required for the grid's roving tab index system.
         // See https://github.com/WordPress/gutenberg/pull/51898#discussion_r1243399243.
         ,
         tabIndex: "-1",
-        children: item.title || item.name
+        children: title
       })
     }), item.type === PATTERN_TYPES.theme && /*#__PURE__*/_jsx(Tooltip, {
       placement: "top",
@@ -242,7 +264,7 @@ export default function DataviewsPatterns() {
   }, [records]);
   const fields = useMemo(() => {
     const _fields = [{
-      header: __('Preview'),
+      label: __('Preview'),
       id: 'preview',
       render: ({
         item
@@ -250,12 +272,13 @@ export default function DataviewsPatterns() {
         item: item,
         viewType: view.type
       }),
-      enableSorting: false,
-      enableHiding: false,
-      width: '1%'
+      enableSorting: false
     }, {
-      header: __('Title'),
+      label: __('Title'),
       id: 'title',
+      getValue: ({
+        item
+      }) => item.title?.raw || item.title,
       render: ({
         item
       }) => /*#__PURE__*/_jsx(Title, {
@@ -265,20 +288,19 @@ export default function DataviewsPatterns() {
     }];
     if (type === PATTERN_TYPES.user) {
       _fields.push({
-        header: __('Sync status'),
+        label: __('Sync status'),
         id: 'sync-status',
         render: ({
           item
         }) => {
+          const syncStatus = 'wp_pattern_sync_status' in item ? item.wp_pattern_sync_status || PATTERN_SYNC_TYPES.full : PATTERN_SYNC_TYPES.unsynced;
           // User patterns can have their sync statuses checked directly.
           // Non-user patterns are all unsynced for the time being.
           return /*#__PURE__*/_jsx("span", {
-            className: `edit-site-patterns__field-sync-status-${item.syncStatus}`,
-            children: (SYNC_FILTERS.find(({
-              value
-            }) => value === item.syncStatus) || SYNC_FILTERS.find(({
+            className: `edit-site-patterns__field-sync-status-${syncStatus}`,
+            children: SYNC_FILTERS.find(({
               value
-            }) => value === PATTERN_SYNC_TYPES.unsynced)).label
+            }) => value === syncStatus).label
           });
         },
         elements: SYNC_FILTERS,
@@ -290,11 +312,11 @@ export default function DataviewsPatterns() {
       });
     } else if (type === TEMPLATE_PART_POST_TYPE) {
       _fields.push({
-        header: __('Author'),
+        label: __('Author'),
         id: 'author',
         getValue: ({
           item
-        }) => item.templatePart.author_text,
+        }) => item.author_text,
         render: ({
           item
         }) => {
@@ -306,8 +328,7 @@ export default function DataviewsPatterns() {
         elements: authors,
         filterBy: {
           isPrimary: true
-        },
-        width: '1%'
+        }
       });
     }
     return _fields;
@@ -316,7 +337,10 @@ export default function DataviewsPatterns() {
   // Reset the page number when the category changes.
   useEffect(() => {
     if (previousCategoryId !== categoryId) {
-      setView(DEFAULT_VIEW);
+      setView(prevView => ({
+        ...prevView,
+        page: 1
+      }));
     }
   }, [categoryId, previousCategoryId]);
   const {
@@ -349,17 +373,6 @@ export default function DataviewsPatterns() {
     }
     return [editAction, ...patternActions].filter(Boolean);
   }, [editAction, type, templatePartActions, patternActions]);
-  const onChangeView = useCallback(newView => {
-    if (newView.type !== view.type) {
-      newView = {
-        ...newView,
-        layout: {
-          ...defaultConfigPerViewType[newView.type]
-        }
-      };
-    }
-    setView(newView);
-  }, [view.type, setView]);
   const id = useId();
   const settings = usePatternSettings();
   // Wrap everything in a block editor provider.
@@ -381,11 +394,14 @@ export default function DataviewsPatterns() {
         fields: fields,
         actions: actions,
         data: data || EMPTY_ARRAY,
-        getItemId: item => item.name,
+        getItemId: item => {
+          var _item$name;
+          return (_item$name = item.name) !== null && _item$name !== void 0 ? _item$name : item.id;
+        },
         isLoading: isResolving,
         view: view,
-        onChangeView: onChangeView,
-        supportedLayouts: [LAYOUT_GRID, LAYOUT_TABLE]
+        onChangeView: setView,
+        defaultLayouts: defaultLayouts
       })]
     })
   });