@wordpress/edit-site 5.35.0 → 6.0.0

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","SidebarNavigationScreenPage","SidebarNavigationScreenTemplatesBrowse","SidebarNavigationScreenTemplate","SidebarNavigationScreenPattern","SidebarNavigationScreenPatterns","SidebarNavigationScreenNavigationMenu","DataViewsSidebarContent","useLocation","useHistory","useLayoutAreas","isSiteEditorLoading","history","params","postType","postId","path","layout","isCustom","canvas","replace","isListLayout","key","areas","sidebar","createElement","title","backPath","content","preview","isLoading","onClick","push","mobile","widths","undefined","categoryId","categoryType"],"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 SidebarNavigationScreenPage from '../sidebar-navigation-screen-page';\nimport SidebarNavigationScreenTemplatesBrowse from '../sidebar-navigation-screen-templates-browse';\nimport SidebarNavigationScreenTemplate from '../sidebar-navigation-screen-template';\nimport SidebarNavigationScreenPattern from '../sidebar-navigation-screen-pattern';\nimport SidebarNavigationScreenPatterns from '../sidebar-navigation-screen-patterns';\nimport SidebarNavigationScreenNavigationMenu from '../sidebar-navigation-screen-navigation-menu';\nimport DataViewsSidebarContent from '../sidebar-dataviews';\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\tuseEffect( () => {\n\t\t// `/wp_template_part/all` path is no longer used and redirects to\n\t\t// Patterns page for backward compatibility.\n\t\tif ( path === '/wp_template_part/all' ) {\n\t\t\thistory.replace( { path: '/patterns' } );\n\t\t}\n\t}, [ history, path ] );\n\n\t// Note: Since \"sidebar\" is not yet supported here,\n\t// returning undefined from \"mobile\" means show the sidebar.\n\n\t// Page list\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\tsidebar: (\n\t\t\t\t\t<SidebarNavigationScreen\n\t\t\t\t\t\ttitle={ __( 'Manage 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 && (\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\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) : (\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// Regular other post types\n\tif ( postType && postId ) {\n\t\tlet sidebar;\n\t\tif ( postType === 'wp_template_part' || postType === 'wp_block' ) {\n\t\t\tsidebar = (\n\t\t\t\t<SidebarNavigationScreenPattern\n\t\t\t\t\tbackPath={ {\n\t\t\t\t\t\tpath: '/patterns',\n\t\t\t\t\t\tcategoryId: params.categoryId,\n\t\t\t\t\t\tcategoryType: params.categoryType,\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t);\n\t\t} else if ( postType === 'wp_template' ) {\n\t\t\tsidebar = (\n\t\t\t\t<SidebarNavigationScreenTemplate\n\t\t\t\t\tbackPath={ { path: '/wp_template' } }\n\t\t\t\t/>\n\t\t\t);\n\t\t} else if ( postType === 'page' ) {\n\t\t\tsidebar = (\n\t\t\t\t<SidebarNavigationScreenPage\n\t\t\t\t\tbackPath={ { path: '/page', postId } }\n\t\t\t\t/>\n\t\t\t);\n\t\t} else {\n\t\t\tsidebar = (\n\t\t\t\t<SidebarNavigationScreenNavigationMenu\n\t\t\t\t\tbackPath={ { path: '/navigation' } }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\treturn {\n\t\t\tkey: 'page',\n\t\t\tareas: {\n\t\t\t\tsidebar,\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// 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\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 && (\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\t// `/wp_template_part/all` path is no longer used and redirects to\n\t// Patterns page for backward compatibility.\n\tif ( path === '/patterns' || path === '/wp_template_part/all' ) {\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},\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 ( path === '/navigation' ) {\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={ { path: '/navigation' } }\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","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":"AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;AACpE,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,oBAAoB;AAC9C;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,sBAAsB,QAAQ,SAAS;AAChD,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,SAAS,MAAM,eAAe;AACrC,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,aAAa,MAAM,mBAAmB;AAC7C,OAAOC,uBAAuB,MAAM,8BAA8B;AAClE,OAAOC,mCAAmC,MAAM,4CAA4C;AAC5F,OAAOC,2BAA2B,MAAM,mCAAmC;AAC3E,OAAOC,sCAAsC,MAAM,+CAA+C;AAClG,OAAOC,sCAAsC,MAAM,+CAA+C;AAClG,OAAOC,+BAA+B,MAAM,uCAAuC;AACnF,OAAOC,qCAAqC,MAAM,8CAA8C;AAChG,OAAOC,uBAAuB,MAAM,sBAAsB;AAC1D,SACCC,oBAAoB,EACpBC,aAAa,EACbC,uBAAuB,EACvBC,kBAAkB,QACZ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE/B,MAAM;EAAEC,WAAW;EAAEC;AAAW,CAAC,GAAGrB,MAAM,CAAEH,iBAAkB,CAAC;AAE/D,SAASyB,mBAAmBA,CAAA,EAAG;EAC9B,MAAMC,OAAO,GAAGF,UAAU,CAAC,CAAC;EAC5B,MAAM;IAAEG;EAAO,CAAC,GAAGJ,WAAW,CAAC,CAAC;EAChCrB,SAAS,CAAE,MAAM;IAChB,MAAM;MAAE0B,QAAQ;MAAEC,IAAI;MAAEC,YAAY;MAAE,GAAGC;IAAK,CAAC,GAAGJ,MAAM;IAExD,IAAKE,IAAI,KAAK,uBAAuB,EAAG;MACvCH,OAAO,CAACM,OAAO,CAAE;QAAEJ,QAAQ,EAAET;MAAwB,CAAE,CAAC;IACzD;IAEA,IAAKU,IAAI,KAAK,OAAO,EAAG;MACvBH,OAAO,CAACM,OAAO,CAAE;QAChBJ,QAAQ,EAAE,MAAM;QAChB,GAAGG;MACJ,CAAE,CAAC;IACJ;IAEA,IAAKF,IAAI,KAAK,cAAc,EAAG;MAC9BH,OAAO,CAACM,OAAO,CAAE;QAChBJ,QAAQ,EAAER,kBAAkB;QAC5B,GAAGW;MACJ,CAAE,CAAC;IACJ;IAEA,IAAKF,IAAI,KAAK,WAAW,EAAG;MAC3BH,OAAO,CAACM,OAAO,CAAE;QAChBJ,QAAQ,EACPE,YAAY,KAAKX,uBAAuB,GACrCA,uBAAuB,GACvBD,aAAa,CAACe,IAAI;QACtB,GAAGF;MACJ,CAAE,CAAC;IACJ;IAEA,IAAKF,IAAI,KAAK,aAAa,EAAG;MAC7BH,OAAO,CAACM,OAAO,CAAE;QAChBJ,QAAQ,EAAEX,oBAAoB;QAC9B,GAAGc;MACJ,CAAE,CAAC;IACJ;EACD,CAAC,EAAE,CAAEL,OAAO,EAAEC,MAAM,CAAG,CAAC;AACzB;AAEA,eAAe,SAASO,cAAcA,CAAA,EAAG;EACxC,MAAMC,mBAAmB,GAAG/B,sBAAsB,CAAC,CAAC;EACpD,MAAM;IAAEuB;EAAO,CAAC,GAAGJ,WAAW,CAAC,CAAC;EAChC,MAAM;IAAEK,QAAQ;IAAEQ,MAAM;IAAEP,IAAI;IAAEQ,MAAM;IAAEC,QAAQ;IAAEC;EAAO,CAAC,GAAGZ,MAAM;EACnEF,mBAAmB,CAAC,CAAC;;EAErB;EACA,IAAKG,QAAQ,KAAK,MAAM,EAAG;IAC1B,MAAMY,YAAY,GAAGH,MAAM,KAAK,MAAM,IAAI,CAAEA,MAAM;IAClD,OAAO;MACNI,GAAG,EAAE,OAAO;MACZC,KAAK,EAAE;QACNC,OAAO,eACNrB,IAAA,CAACb,uBAAuB;UACvBmC,KAAK,EAAG3C,EAAE,CAAE,OAAQ,CAAG;UACvB4C,QAAQ,EAAG,CAAC,CAAG;UACfC,OAAO,eAAGxB,IAAA,CAACN,uBAAuB,IAAE;QAAG,CACvC,CACD;QACD8B,OAAO,eAAExB,IAAA,CAAChB,SAAS,IAAE,CAAC;QACtByC,OAAO,EAAE,CAAEP,YAAY,IAAID,MAAM,KAAK,MAAM,kBAC3CjB,IAAA,CAACjB,MAAM;UAAC2C,SAAS,EAAGb;QAAqB,CAAE,CAC3C;QACDc,MAAM,EACLV,MAAM,KAAK,MAAM,gBAChBjB,IAAA,CAACjB,MAAM;UAAC2C,SAAS,EAAGb;QAAqB,CAAE,CAAC,gBAE5Cb,IAAA,CAAChB,SAAS,IAAE;MAEf,CAAC;MACD4C,MAAM,EAAE;QACPJ,OAAO,EAAEN,YAAY,GAAG,GAAG,GAAGW;MAC/B;IACD,CAAC;EACF;;EAEA;EACA,IAAKvB,QAAQ,KAAKR,kBAAkB,EAAG;IACtC,MAAMoB,YAAY,GAAGF,QAAQ,KAAK,MAAM,IAAID,MAAM,KAAK,MAAM;IAC7D,OAAO;MACNI,GAAG,EAAE,WAAW;MAChBC,KAAK,EAAE;QACNC,OAAO,eACNrB,IAAA,CAACT,sCAAsC;UAACgC,QAAQ,EAAG,CAAC;QAAG,CAAE,CACzD;QACDC,OAAO,eAAExB,IAAA,CAACd,aAAa,IAAE,CAAC;QAC1BuC,OAAO,EAAE,CAAEP,YAAY,IAAID,MAAM,KAAK,MAAM,kBAC3CjB,IAAA,CAACjB,MAAM;UAAC2C,SAAS,EAAGb;QAAqB,CAAE,CAC3C;QACDc,MAAM,eAAE3B,IAAA,CAACd,aAAa,IAAE;MACzB,CAAC;MACD0C,MAAM,EAAE;QACPJ,OAAO,EAAEN,YAAY,GAAG,GAAG,GAAGW;MAC/B;IACD,CAAC;EACF;;EAEA;EACA,IACC,CAAEhC,uBAAuB,EAAED,aAAa,CAACe,IAAI,CAAE,CAACmB,QAAQ,CAAExB,QAAS,CAAC,EACnE;IACD,OAAO;MACNa,GAAG,EAAE,UAAU;MACfC,KAAK,EAAE;QACNC,OAAO,eAAErB,IAAA,CAACR,+BAA+B;UAAC+B,QAAQ,EAAG,CAAC;QAAG,CAAE,CAAC;QAC5DC,OAAO,eAAExB,IAAA,CAACf,YAAY,IAAE,CAAC;QACzB0C,MAAM,eAAE3B,IAAA,CAACf,YAAY,IAAE,CAAC;QACxBwC,OAAO,EAAER,MAAM,KAAK,MAAM,iBACzBjB,IAAA,CAACjB,MAAM;UAAC2C,SAAS,EAAGb;QAAqB,CAAE;MAE7C;IACD,CAAC;EACF;;EAEA;EACA,IAAKN,IAAI,KAAK,mBAAmB,EAAG;IACnC,OAAO;MACNY,GAAG,EAAE,QAAQ;MACbC,KAAK,EAAE;QACNC,OAAO,eACNrB,IAAA,CAACZ,mCAAmC;UAACmC,QAAQ,EAAG,CAAC;QAAG,CAAE,CACtD;QACDE,OAAO,eAAEzB,IAAA,CAACjB,MAAM;UAAC2C,SAAS,EAAGb;QAAqB,CAAE,CAAC;QACrDc,MAAM,EAAEV,MAAM,KAAK,MAAM,iBACxBjB,IAAA,CAACjB,MAAM;UAAC2C,SAAS,EAAGb;QAAqB,CAAE;MAE7C;IACD,CAAC;EACF;;EAEA;EACA,IAAKP,QAAQ,KAAKX,oBAAoB,EAAG;IACxC,IAAKmB,MAAM,EAAG;MACb,OAAO;QACNK,GAAG,EAAE,YAAY;QACjBC,KAAK,EAAE;UACNC,OAAO,eACNrB,IAAA,CAACP,qCAAqC;YACrC8B,QAAQ,EAAG;cAAEjB,QAAQ,EAAEX;YAAqB;UAAG,CAC/C,CACD;UACD8B,OAAO,eAAEzB,IAAA,CAACjB,MAAM;YAAC2C,SAAS,EAAGb;UAAqB,CAAE,CAAC;UACrDc,MAAM,EAAEV,MAAM,KAAK,MAAM,iBACxBjB,IAAA,CAACjB,MAAM;YAAC2C,SAAS,EAAGb;UAAqB,CAAE;QAE7C;MACD,CAAC;IACF;IACA,OAAO;MACNM,GAAG,EAAE,YAAY;MACjBC,KAAK,EAAE;QACNC,OAAO,eACNrB,IAAA,CAACV,sCAAsC;UAACiC,QAAQ,EAAG,CAAC;QAAG,CAAE,CACzD;QACDE,OAAO,eAAEzB,IAAA,CAACjB,MAAM;UAAC2C,SAAS,EAAGb;QAAqB,CAAE,CAAC;QACrDc,MAAM,EAAEV,MAAM,KAAK,MAAM,iBACxBjB,IAAA,CAACjB,MAAM;UAAC2C,SAAS,EAAGb;QAAqB,CAAE;MAE7C;IACD,CAAC;EACF;;EAEA;EACA,OAAO;IACNM,GAAG,EAAE,SAAS;IACdC,KAAK,EAAE;MACNC,OAAO,eAAErB,IAAA,CAACX,2BAA2B,IAAE,CAAC;MACxCoC,OAAO,eAAEzB,IAAA,CAACjB,MAAM;QAAC2C,SAAS,EAAGb;MAAqB,CAAE,CAAC;MACrDc,MAAM,EAAEV,MAAM,KAAK,MAAM,iBACxBjB,IAAA,CAACjB,MAAM;QAAC2C,SAAS,EAAGb;MAAqB,CAAE;IAE7C;EACD,CAAC;AACF","ignoreList":[]}

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

@@ -1,8 +1,8 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
 import { useEntityRecord } from '@wordpress/core-data';
+import { jsx as _jsx } from "react/jsx-runtime";
 function Media({
   id,
   size = ['large', 'medium', 'thumbnail'],
@@ -16,7 +16,7 @@ function Media({
   if (!mediaUrl) {
     return null;
   }
-  return createElement("img", {
+  return /*#__PURE__*/_jsx("img", {
     ...props,
     src: mediaUrl,
     alt: media.alt_text

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

@@ -1 +1 @@
-{"version":3,"names":["useEntityRecord","Media","id","size","props","record","media","currentSize","find","s","media_details","sizes","mediaUrl","source_url","createElement","src","alt","alt_text"],"sources":["@wordpress/edit-site/src/components/media/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityRecord } from '@wordpress/core-data';\n\nfunction Media( { id, size = [ 'large', 'medium', 'thumbnail' ], ...props } ) {\n\tconst { record: media } = useEntityRecord( 'root', 'media', id );\n\tconst currentSize = size.find(\n\t\t( s ) => !! media?.media_details?.sizes[ s ]\n\t);\n\n\tconst mediaUrl =\n\t\tmedia?.media_details?.sizes[ currentSize ]?.source_url ||\n\t\tmedia?.source_url;\n\n\tif ( ! mediaUrl ) {\n\t\treturn null;\n\t}\n\n\treturn <img { ...props } src={ mediaUrl } alt={ media.alt_text } />;\n}\n\nexport default Media;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,eAAe,QAAQ,sBAAsB;AAEtD,SAASC,KAAKA,CAAE;EAAEC,EAAE;EAAEC,IAAI,GAAG,CAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,CAAE;EAAE,GAAGC;AAAM,CAAC,EAAG;EAC7E,MAAM;IAAEC,MAAM,EAAEC;EAAM,CAAC,GAAGN,eAAe,CAAE,MAAM,EAAE,OAAO,EAAEE,EAAG,CAAC;EAChE,MAAMK,WAAW,GAAGJ,IAAI,CAACK,IAAI,CAC1BC,CAAC,IAAM,CAAC,CAAEH,KAAK,EAAEI,aAAa,EAAEC,KAAK,CAAEF,CAAC,CAC3C,CAAC;EAED,MAAMG,QAAQ,GACbN,KAAK,EAAEI,aAAa,EAAEC,KAAK,CAAEJ,WAAW,CAAE,EAAEM,UAAU,IACtDP,KAAK,EAAEO,UAAU;EAElB,IAAK,CAAED,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EAEA,OAAOE,aAAA;IAAA,GAAUV,KAAK;IAAGW,GAAG,EAAGH,QAAU;IAACI,GAAG,EAAGV,KAAK,CAACW;EAAU,CAAE,CAAC;AACpE;AAEA,eAAehB,KAAK","ignoreList":[]}
+{"version":3,"names":["useEntityRecord","jsx","_jsx","Media","id","size","props","record","media","currentSize","find","s","media_details","sizes","mediaUrl","source_url","src","alt","alt_text"],"sources":["@wordpress/edit-site/src/components/media/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityRecord } from '@wordpress/core-data';\n\nfunction Media( { id, size = [ 'large', 'medium', 'thumbnail' ], ...props } ) {\n\tconst { record: media } = useEntityRecord( 'root', 'media', id );\n\tconst currentSize = size.find(\n\t\t( s ) => !! media?.media_details?.sizes[ s ]\n\t);\n\n\tconst mediaUrl =\n\t\tmedia?.media_details?.sizes[ currentSize ]?.source_url ||\n\t\tmedia?.source_url;\n\n\tif ( ! mediaUrl ) {\n\t\treturn null;\n\t}\n\n\treturn <img { ...props } src={ mediaUrl } alt={ media.alt_text } />;\n}\n\nexport default Media;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,eAAe,QAAQ,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEvD,SAASC,KAAKA,CAAE;EAAEC,EAAE;EAAEC,IAAI,GAAG,CAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,CAAE;EAAE,GAAGC;AAAM,CAAC,EAAG;EAC7E,MAAM;IAAEC,MAAM,EAAEC;EAAM,CAAC,GAAGR,eAAe,CAAE,MAAM,EAAE,OAAO,EAAEI,EAAG,CAAC;EAChE,MAAMK,WAAW,GAAGJ,IAAI,CAACK,IAAI,CAC1BC,CAAC,IAAM,CAAC,CAAEH,KAAK,EAAEI,aAAa,EAAEC,KAAK,CAAEF,CAAC,CAC3C,CAAC;EAED,MAAMG,QAAQ,GACbN,KAAK,EAAEI,aAAa,EAAEC,KAAK,CAAEJ,WAAW,CAAE,EAAEM,UAAU,IACtDP,KAAK,EAAEO,UAAU;EAElB,IAAK,CAAED,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EAEA,oBAAOZ,IAAA;IAAA,GAAUI,KAAK;IAAGU,GAAG,EAAGF,QAAU;IAACG,GAAG,EAAGT,KAAK,CAACU;EAAU,CAAE,CAAC;AACpE;AAEA,eAAef,KAAK","ignoreList":[]}

package/build-module/components/{header-edit-mode/more-menu → more-menu}/index.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -11,7 +10,10 @@ import { privateApis as editorPrivateApis } from '@wordpress/editor';
  */
 import SiteExport from './site-export';
 import WelcomeGuideMenuItem from './welcome-guide-menu-item';
-import { unlock } from '../../../lock-unlock';
+import { unlock } from '../../lock-unlock';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const {
   ToolsMoreMenuGroup,
   PreferencesModal
@@ -20,6 +22,10 @@ export default function MoreMenu() {
   const isBlockBasedTheme = useSelect(select => {
     return select(coreStore).getCurrentTheme().is_block_theme;
   }, []);
-  return createElement(Fragment, null, createElement(ToolsMoreMenuGroup, null, isBlockBasedTheme && createElement(SiteExport, null), createElement(WelcomeGuideMenuItem, null)), createElement(PreferencesModal, null));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(ToolsMoreMenuGroup, {
+      children: [isBlockBasedTheme && /*#__PURE__*/_jsx(SiteExport, {}), /*#__PURE__*/_jsx(WelcomeGuideMenuItem, {})]
+    }), /*#__PURE__*/_jsx(PreferencesModal, {})]
+  });
 }
 //# sourceMappingURL=index.js.map

package/build-module/components/more-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSelect","store","coreStore","privateApis","editorPrivateApis","SiteExport","WelcomeGuideMenuItem","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ToolsMoreMenuGroup","PreferencesModal","MoreMenu","isBlockBasedTheme","select","getCurrentTheme","is_block_theme","children"],"sources":["@wordpress/edit-site/src/components/more-menu/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport SiteExport from './site-export';\nimport WelcomeGuideMenuItem from './welcome-guide-menu-item';\nimport { unlock } from '../../lock-unlock';\n\nconst { ToolsMoreMenuGroup, PreferencesModal } = unlock( editorPrivateApis );\n\nexport default function MoreMenu() {\n\tconst isBlockBasedTheme = useSelect( ( select ) => {\n\t\treturn select( coreStore ).getCurrentTheme().is_block_theme;\n\t}, [] );\n\n\treturn (\n\t\t<>\n\t\t\t<ToolsMoreMenuGroup>\n\t\t\t\t{ isBlockBasedTheme && <SiteExport /> }\n\t\t\t\t<WelcomeGuideMenuItem />\n\t\t\t</ToolsMoreMenuGroup>\n\t\t\t<PreferencesModal />\n\t\t</>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,OAAOC,UAAU,MAAM,eAAe;AACtC,OAAOC,oBAAoB,MAAM,2BAA2B;AAC5D,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAE3C,MAAM;EAAEC,kBAAkB;EAAEC;AAAiB,CAAC,GAAGR,MAAM,CAAEH,iBAAkB,CAAC;AAE5E,eAAe,SAASY,QAAQA,CAAA,EAAG;EAClC,MAAMC,iBAAiB,GAAGjB,SAAS,CAAIkB,MAAM,IAAM;IAClD,OAAOA,MAAM,CAAEhB,SAAU,CAAC,CAACiB,eAAe,CAAC,CAAC,CAACC,cAAc;EAC5D,CAAC,EAAE,EAAG,CAAC;EAEP,oBACCT,KAAA,CAAAE,SAAA;IAAAQ,QAAA,gBACCV,KAAA,CAACG,kBAAkB;MAAAO,QAAA,GAChBJ,iBAAiB,iBAAIR,IAAA,CAACJ,UAAU,IAAE,CAAC,eACrCI,IAAA,CAACH,oBAAoB,IAAE,CAAC;IAAA,CACL,CAAC,eACrBG,IAAA,CAACM,gBAAgB,IAAE,CAAC;EAAA,CACnB,CAAC;AAEL","ignoreList":[]}

package/build-module/components/{header-edit-mode/more-menu → more-menu}/site-export.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -9,6 +8,7 @@ import { download } from '@wordpress/icons';
 import { useDispatch } from '@wordpress/data';
 import { downloadBlob } from '@wordpress/blob';
 import { store as noticesStore } from '@wordpress/notices';
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function SiteExport() {
   const {
     createErrorNotice
@@ -38,11 +38,12 @@ export default function SiteExport() {
       });
     }
   }
-  return createElement(MenuItem, {
+  return /*#__PURE__*/_jsx(MenuItem, {
     role: "menuitem",
     icon: download,
     onClick: handleExport,
-    info: __('Download your theme with updated templates and styles.')
-  }, _x('Export', 'site exporter menu item'));
+    info: __('Download your theme with updated templates and styles.'),
+    children: _x('Export', 'site exporter menu item')
+  });
 }
 //# sourceMappingURL=site-export.js.map

package/build-module/components/more-menu/site-export.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__","_x","MenuItem","apiFetch","download","useDispatch","downloadBlob","store","noticesStore","jsx","_jsx","SiteExport","createErrorNotice","handleExport","response","path","parse","headers","Accept","blob","contentDisposition","get","contentDispositionMatches","match","fileName","errorResponse","error","json","e","errorMessage","message","code","type","role","icon","onClick","info","children"],"sources":["@wordpress/edit-site/src/components/more-menu/site-export.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\nimport apiFetch from '@wordpress/api-fetch';\nimport { download } from '@wordpress/icons';\nimport { useDispatch } from '@wordpress/data';\nimport { downloadBlob } from '@wordpress/blob';\nimport { store as noticesStore } from '@wordpress/notices';\n\nexport default function SiteExport() {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tasync function handleExport() {\n\t\ttry {\n\t\t\tconst response = await apiFetch( {\n\t\t\t\tpath: '/wp-block-editor/v1/export',\n\t\t\t\tparse: false,\n\t\t\t\theaders: {\n\t\t\t\t\tAccept: 'application/zip',\n\t\t\t\t},\n\t\t\t} );\n\t\t\tconst blob = await response.blob();\n\t\t\tconst contentDisposition = response.headers.get(\n\t\t\t\t'content-disposition'\n\t\t\t);\n\t\t\tconst contentDispositionMatches =\n\t\t\t\tcontentDisposition.match( /=(.+)\\.zip/ );\n\t\t\tconst fileName = contentDispositionMatches[ 1 ]\n\t\t\t\t? contentDispositionMatches[ 1 ]\n\t\t\t\t: 'edit-site-export';\n\n\t\t\tdownloadBlob( fileName + '.zip', blob, 'application/zip' );\n\t\t} catch ( errorResponse ) {\n\t\t\tlet error = {};\n\t\t\ttry {\n\t\t\t\terror = await errorResponse.json();\n\t\t\t} catch ( e ) {}\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while creating the site export.' );\n\n\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t}\n\t}\n\n\treturn (\n\t\t<MenuItem\n\t\t\trole=\"menuitem\"\n\t\t\ticon={ download }\n\t\t\tonClick={ handleExport }\n\t\t\tinfo={ __(\n\t\t\t\t'Download your theme with updated templates and styles.'\n\t\t\t) }\n\t\t>\n\t\t\t{ _x( 'Export', 'site exporter menu item' ) }\n\t\t</MenuItem>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,EAAE,QAAQ,iBAAiB;AACxC,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,OAAOC,QAAQ,MAAM,sBAAsB;AAC3C,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,KAAK,IAAIC,YAAY,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3D,eAAe,SAASC,UAAUA,CAAA,EAAG;EACpC,MAAM;IAAEC;EAAkB,CAAC,GAAGP,WAAW,CAAEG,YAAa,CAAC;EAEzD,eAAeK,YAAYA,CAAA,EAAG;IAC7B,IAAI;MACH,MAAMC,QAAQ,GAAG,MAAMX,QAAQ,CAAE;QAChCY,IAAI,EAAE,4BAA4B;QAClCC,KAAK,EAAE,KAAK;QACZC,OAAO,EAAE;UACRC,MAAM,EAAE;QACT;MACD,CAAE,CAAC;MACH,MAAMC,IAAI,GAAG,MAAML,QAAQ,CAACK,IAAI,CAAC,CAAC;MAClC,MAAMC,kBAAkB,GAAGN,QAAQ,CAACG,OAAO,CAACI,GAAG,CAC9C,qBACD,CAAC;MACD,MAAMC,yBAAyB,GAC9BF,kBAAkB,CAACG,KAAK,CAAE,YAAa,CAAC;MACzC,MAAMC,QAAQ,GAAGF,yBAAyB,CAAE,CAAC,CAAE,GAC5CA,yBAAyB,CAAE,CAAC,CAAE,GAC9B,kBAAkB;MAErBhB,YAAY,CAAEkB,QAAQ,GAAG,MAAM,EAAEL,IAAI,EAAE,iBAAkB,CAAC;IAC3D,CAAC,CAAC,OAAQM,aAAa,EAAG;MACzB,IAAIC,KAAK,GAAG,CAAC,CAAC;MACd,IAAI;QACHA,KAAK,GAAG,MAAMD,aAAa,CAACE,IAAI,CAAC,CAAC;MACnC,CAAC,CAAC,OAAQC,CAAC,EAAG,CAAC;MACf,MAAMC,YAAY,GACjBH,KAAK,CAACI,OAAO,IAAIJ,KAAK,CAACK,IAAI,KAAK,eAAe,GAC5CL,KAAK,CAACI,OAAO,GACb9B,EAAE,CAAE,mDAAoD,CAAC;MAE7DY,iBAAiB,CAAEiB,YAAY,EAAE;QAAEG,IAAI,EAAE;MAAW,CAAE,CAAC;IACxD;EACD;EAEA,oBACCtB,IAAA,CAACR,QAAQ;IACR+B,IAAI,EAAC,UAAU;IACfC,IAAI,EAAG9B,QAAU;IACjB+B,OAAO,EAAGtB,YAAc;IACxBuB,IAAI,EAAGpC,EAAE,CACR,wDACD,CAAG;IAAAqC,QAAA,EAEDpC,EAAE,CAAE,QAAQ,EAAE,yBAA0B;EAAC,CAClC,CAAC;AAEb","ignoreList":[]}

package/build-module/components/{header-edit-mode/more-menu → more-menu}/welcome-guide-menu-item.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -6,12 +5,14 @@ import { __ } from '@wordpress/i18n';
 import { useDispatch } from '@wordpress/data';
 import { MenuItem } from '@wordpress/components';
 import { store as preferencesStore } from '@wordpress/preferences';
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function WelcomeGuideMenuItem() {
   const {
     toggle
   } = useDispatch(preferencesStore);
-  return createElement(MenuItem, {
-    onClick: () => toggle('core/edit-site', 'welcomeGuide')
-  }, __('Welcome Guide'));
+  return /*#__PURE__*/_jsx(MenuItem, {
+    onClick: () => toggle('core/edit-site', 'welcomeGuide'),
+    children: __('Welcome Guide')
+  });
 }
 //# sourceMappingURL=welcome-guide-menu-item.js.map

package/build-module/components/more-menu/welcome-guide-menu-item.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__","useDispatch","MenuItem","store","preferencesStore","jsx","_jsx","WelcomeGuideMenuItem","toggle","onClick","children"],"sources":["@wordpress/edit-site/src/components/more-menu/welcome-guide-menu-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\nimport { MenuItem } from '@wordpress/components';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\nexport default function WelcomeGuideMenuItem() {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\treturn (\n\t\t<MenuItem onClick={ () => toggle( 'core/edit-site', 'welcomeGuide' ) }>\n\t\t\t{ __( 'Welcome Guide' ) }\n\t\t</MenuItem>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnE,eAAe,SAASC,oBAAoBA,CAAA,EAAG;EAC9C,MAAM;IAAEC;EAAO,CAAC,GAAGP,WAAW,CAAEG,gBAAiB,CAAC;EAElD,oBACCE,IAAA,CAACJ,QAAQ;IAACO,OAAO,EAAGA,CAAA,KAAMD,MAAM,CAAE,gBAAgB,EAAE,cAAe,CAAG;IAAAE,QAAA,EACnEV,EAAE,CAAE,eAAgB;EAAC,CACd,CAAC;AAEb","ignoreList":[]}

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

@@ -1,34 +1,40 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
-import { __experimentalHeading as Heading, __experimentalText as Text, __experimentalHStack as HStack, FlexBlock, FlexItem } from '@wordpress/components';
+import { __experimentalHeading as Heading, __experimentalText as Text, __experimentalHStack as HStack, __experimentalVStack as VStack, FlexItem } from '@wordpress/components';
 
 /**
  * Internal dependencies
  */
-
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function Header({
   title,
   subTitle,
   actions
 }) {
-  return createElement(HStack, {
+  return /*#__PURE__*/_jsxs(VStack, {
+    className: "edit-site-page-header",
     as: "header",
-    alignment: "left",
-    className: "edit-site-page-header"
-  }, createElement(FlexBlock, {
-    className: "edit-site-page-header__page-title"
-  }, createElement(Heading, {
-    as: "h2",
-    level: 3,
-    weight: 500,
-    className: "edit-site-page-header__title"
-  }, title), subTitle && createElement(Text, {
-    as: "p",
-    className: "edit-site-page-header__sub-title"
-  }, subTitle)), createElement(FlexItem, {
-    className: "edit-site-page-header__actions"
-  }, actions));
+    spacing: 0,
+    children: [/*#__PURE__*/_jsxs(HStack, {
+      className: "edit-site-page-header__page-title",
+      children: [/*#__PURE__*/_jsx(Heading, {
+        as: "h2",
+        level: 3,
+        weight: 500,
+        className: "edit-site-page-header__title",
+        children: title
+      }), /*#__PURE__*/_jsx(FlexItem, {
+        className: "edit-site-page-header__actions",
+        children: actions
+      })]
+    }), subTitle && /*#__PURE__*/_jsx(Text, {
+      variant: "muted",
+      as: "p",
+      className: "edit-site-page-header__sub-title",
+      children: subTitle
+    })]
+  });
 }
 //# sourceMappingURL=header.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__experimentalHeading","Heading","__experimentalText","Text","__experimentalHStack","HStack","FlexBlock","FlexItem","Header","title","subTitle","actions","createElement","as","alignment","className","level","weight"],"sources":["@wordpress/edit-site/src/components/page/header.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n\tFlexBlock,\n\tFlexItem,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\n\nexport default function Header( { title, subTitle, actions } ) {\n\treturn (\n\t\t<HStack as=\"header\" alignment=\"left\" className=\"edit-site-page-header\">\n\t\t\t<FlexBlock className=\"edit-site-page-header__page-title\">\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\tweight={ 500 }\n\t\t\t\t\tclassName=\"edit-site-page-header__title\"\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t{ subTitle && (\n\t\t\t\t\t<Text as=\"p\" className=\"edit-site-page-header__sub-title\">\n\t\t\t\t\t\t{ subTitle }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t</FlexBlock>\n\t\t\t<FlexItem className=\"edit-site-page-header__actions\">\n\t\t\t\t{ actions }\n\t\t\t</FlexItem>\n\t\t</HStack>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SACCA,qBAAqB,IAAIC,OAAO,EAChCC,kBAAkB,IAAIC,IAAI,EAC1BC,oBAAoB,IAAIC,MAAM,EAC9BC,SAAS,EACTC,QAAQ,QACF,uBAAuB;;AAE9B;AACA;AACA;;AAEA,eAAe,SAASC,MAAMA,CAAE;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAQ,CAAC,EAAG;EAC9D,OACCC,aAAA,CAACP,MAAM;IAACQ,EAAE,EAAC,QAAQ;IAACC,SAAS,EAAC,MAAM;IAACC,SAAS,EAAC;EAAuB,GACrEH,aAAA,CAACN,SAAS;IAACS,SAAS,EAAC;EAAmC,GACvDH,aAAA,CAACX,OAAO;IACPY,EAAE,EAAC,IAAI;IACPG,KAAK,EAAG,CAAG;IACXC,MAAM,EAAG,GAAK;IACdF,SAAS,EAAC;EAA8B,GAEtCN,KACM,CAAC,EACRC,QAAQ,IACTE,aAAA,CAACT,IAAI;IAACU,EAAE,EAAC,GAAG;IAACE,SAAS,EAAC;EAAkC,GACtDL,QACG,CAEG,CAAC,EACZE,aAAA,CAACL,QAAQ;IAACQ,SAAS,EAAC;EAAgC,GACjDJ,OACO,CACH,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["__experimentalHeading","Heading","__experimentalText","Text","__experimentalHStack","HStack","__experimentalVStack","VStack","FlexItem","jsx","_jsx","jsxs","_jsxs","Header","title","subTitle","actions","className","as","spacing","children","level","weight","variant"],"sources":["@wordpress/edit-site/src/components/page/header.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tFlexItem,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\n\nexport default function Header( { title, subTitle, actions } ) {\n\treturn (\n\t\t<VStack className=\"edit-site-page-header\" as=\"header\" spacing={ 0 }>\n\t\t\t<HStack className=\"edit-site-page-header__page-title\">\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\tweight={ 500 }\n\t\t\t\t\tclassName=\"edit-site-page-header__title\"\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t<FlexItem className=\"edit-site-page-header__actions\">\n\t\t\t\t\t{ actions }\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t\t{ subTitle && (\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\tclassName=\"edit-site-page-header__sub-title\"\n\t\t\t\t>\n\t\t\t\t\t{ subTitle }\n\t\t\t\t</Text>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,qBAAqB,IAAIC,OAAO,EAChCC,kBAAkB,IAAIC,IAAI,EAC1BC,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,EAC9BC,QAAQ,QACF,uBAAuB;;AAE9B;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAIA,eAAe,SAASC,MAAMA,CAAE;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAQ,CAAC,EAAG;EAC9D,oBACCJ,KAAA,CAACL,MAAM;IAACU,SAAS,EAAC,uBAAuB;IAACC,EAAE,EAAC,QAAQ;IAACC,OAAO,EAAG,CAAG;IAAAC,QAAA,gBAClER,KAAA,CAACP,MAAM;MAACY,SAAS,EAAC,mCAAmC;MAAAG,QAAA,gBACpDV,IAAA,CAACT,OAAO;QACPiB,EAAE,EAAC,IAAI;QACPG,KAAK,EAAG,CAAG;QACXC,MAAM,EAAG,GAAK;QACdL,SAAS,EAAC,8BAA8B;QAAAG,QAAA,EAEtCN;MAAK,CACC,CAAC,eACVJ,IAAA,CAACF,QAAQ;QAACS,SAAS,EAAC,gCAAgC;QAAAG,QAAA,EACjDJ;MAAO,CACA,CAAC;IAAA,CACJ,CAAC,EACPD,QAAQ,iBACTL,IAAA,CAACP,IAAI;MACJoB,OAAO,EAAC,OAAO;MACfL,EAAE,EAAC,GAAG;MACND,SAAS,EAAC,kCAAkC;MAAAG,QAAA,EAE1CL;IAAQ,CACL,CACN;EAAA,CACM,CAAC;AAEX","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -7,13 +6,15 @@ import clsx from 'clsx';
 /**
  * WordPress dependencies
  */
-import { EditorSnackbars, privateApis as editorPrivateApis } from '@wordpress/editor';
+import { privateApis as editorPrivateApis } from '@wordpress/editor';
 
 /**
  * Internal dependencies
  */
 import Header from './header';
 import { unlock } from '../../lock-unlock';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const {
   NavigableRegion
 } = unlock(editorPrivateApis);
@@ -26,15 +27,17 @@ export default function Page({
   hideTitleFromUI = false
 }) {
   const classes = clsx('edit-site-page', className);
-  return createElement(NavigableRegion, {
+  return /*#__PURE__*/_jsx(NavigableRegion, {
     className: classes,
-    ariaLabel: title
-  }, createElement("div", {
-    className: "edit-site-page-content"
-  }, !hideTitleFromUI && title && createElement(Header, {
-    title: title,
-    subTitle: subTitle,
-    actions: actions
-  }), children), createElement(EditorSnackbars, null));
+    ariaLabel: title,
+    children: /*#__PURE__*/_jsxs("div", {
+      className: "edit-site-page-content",
+      children: [!hideTitleFromUI && title && /*#__PURE__*/_jsx(Header, {
+        title: title,
+        subTitle: subTitle,
+        actions: actions
+      }), children]
+    })
+  });
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["clsx","EditorSnackbars","privateApis","editorPrivateApis","Header","unlock","NavigableRegion","Page","title","subTitle","actions","children","className","hideTitleFromUI","classes","createElement","ariaLabel"],"sources":["@wordpress/edit-site/src/components/page/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tEditorSnackbars,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport Header from './header';\nimport { unlock } from '../../lock-unlock';\n\nconst { NavigableRegion } = unlock( editorPrivateApis );\n\nexport default function Page( {\n\ttitle,\n\tsubTitle,\n\tactions,\n\tchildren,\n\tclassName,\n\thideTitleFromUI = false,\n} ) {\n\tconst classes = clsx( 'edit-site-page', className );\n\n\treturn (\n\t\t<NavigableRegion className={ classes } ariaLabel={ title }>\n\t\t\t<div className=\"edit-site-page-content\">\n\t\t\t\t{ ! hideTitleFromUI && title && (\n\t\t\t\t\t<Header\n\t\t\t\t\t\ttitle={ title }\n\t\t\t\t\t\tsubTitle={ subTitle }\n\t\t\t\t\t\tactions={ actions }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t\t<EditorSnackbars />\n\t\t</NavigableRegion>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SACCC,eAAe,EACfC,WAAW,IAAIC,iBAAiB,QAC1B,mBAAmB;;AAE1B;AACA;AACA;AACA,OAAOC,MAAM,MAAM,UAAU;AAC7B,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,MAAM;EAAEC;AAAgB,CAAC,GAAGD,MAAM,CAAEF,iBAAkB,CAAC;AAEvD,eAAe,SAASI,IAAIA,CAAE;EAC7BC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,SAAS;EACTC,eAAe,GAAG;AACnB,CAAC,EAAG;EACH,MAAMC,OAAO,GAAGd,IAAI,CAAE,gBAAgB,EAAEY,SAAU,CAAC;EAEnD,OACCG,aAAA,CAACT,eAAe;IAACM,SAAS,EAAGE,OAAS;IAACE,SAAS,EAAGR;EAAO,GACzDO,aAAA;IAAKH,SAAS,EAAC;EAAwB,GACpC,CAAEC,eAAe,IAAIL,KAAK,IAC3BO,aAAA,CAACX,MAAM;IACNI,KAAK,EAAGA,KAAO;IACfC,QAAQ,EAAGA,QAAU;IACrBC,OAAO,EAAGA;EAAS,CACnB,CACD,EACCC,QACE,CAAC,EACNI,aAAA,CAACd,eAAe,MAAE,CACF,CAAC;AAEpB","ignoreList":[]}
+{"version":3,"names":["clsx","privateApis","editorPrivateApis","Header","unlock","jsx","_jsx","jsxs","_jsxs","NavigableRegion","Page","title","subTitle","actions","children","className","hideTitleFromUI","classes","ariaLabel"],"sources":["@wordpress/edit-site/src/components/page/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport Header from './header';\nimport { unlock } from '../../lock-unlock';\n\nconst { NavigableRegion } = unlock( editorPrivateApis );\n\nexport default function Page( {\n\ttitle,\n\tsubTitle,\n\tactions,\n\tchildren,\n\tclassName,\n\thideTitleFromUI = false,\n} ) {\n\tconst classes = clsx( 'edit-site-page', className );\n\n\treturn (\n\t\t<NavigableRegion className={ classes } ariaLabel={ title }>\n\t\t\t<div className=\"edit-site-page-content\">\n\t\t\t\t{ ! hideTitleFromUI && title && (\n\t\t\t\t\t<Header\n\t\t\t\t\t\ttitle={ title }\n\t\t\t\t\t\tsubTitle={ subTitle }\n\t\t\t\t\t\tactions={ actions }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</NavigableRegion>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,OAAOC,MAAM,MAAM,UAAU;AAC7B,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAM;EAAEC;AAAgB,CAAC,GAAGL,MAAM,CAAEF,iBAAkB,CAAC;AAEvD,eAAe,SAASQ,IAAIA,CAAE;EAC7BC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,SAAS;EACTC,eAAe,GAAG;AACnB,CAAC,EAAG;EACH,MAAMC,OAAO,GAAGjB,IAAI,CAAE,gBAAgB,EAAEe,SAAU,CAAC;EAEnD,oBACCT,IAAA,CAACG,eAAe;IAACM,SAAS,EAAGE,OAAS;IAACC,SAAS,EAAGP,KAAO;IAAAG,QAAA,eACzDN,KAAA;MAAKO,SAAS,EAAC,wBAAwB;MAAAD,QAAA,GACpC,CAAEE,eAAe,IAAIL,KAAK,iBAC3BL,IAAA,CAACH,MAAM;QACNQ,KAAK,EAAGA,KAAO;QACfC,QAAQ,EAAGA,QAAU;QACrBC,OAAO,EAAGA;MAAS,CACnB,CACD,EACCC,QAAQ;IAAA,CACN;EAAC,CACU,CAAC;AAEpB","ignoreList":[]}

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

@@ -1,12 +1,11 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
-import { Button } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
+import { Button, __experimentalHStack as HStack } from '@wordpress/components';
+import { __, sprintf } from '@wordpress/i18n';
 import { useEntityRecords, store as coreStore } from '@wordpress/core-data';
 import { decodeEntities } from '@wordpress/html-entities';
-import { useState, useMemo, useCallback, useEffect } from '@wordpress/element';
+import { createInterpolateElement, useState, useMemo, useCallback, useEffect } from '@wordpress/element';
 import { dateI18n, getDate, getSettings } from '@wordpress/date';
 import { privateApis as routerPrivateApis } from '@wordpress/router';
 import { useSelect, useDispatch } from '@wordpress/data';
@@ -24,6 +23,9 @@ import AddNewPageModal from '../add-new-page';
 import Media from '../media';
 import { unlock } from '../../lock-unlock';
 import { useEditPostAction } from '../dataviews-actions';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const {
   usePostActions
 } = unlock(editorPrivateApis);
@@ -32,15 +34,15 @@ const {
   useHistory
 } = unlock(routerPrivateApis);
 const EMPTY_ARRAY = [];
+const getFormattedDate = dateToDisplay => dateI18n(getSettings().formats.datetimeAbbreviated, getDate(dateToDisplay));
 function useView(postType) {
   const {
-    params
+    params: {
+      activeView = 'all',
+      isCustom = 'false',
+      layout
+    }
   } = useLocation();
-  const {
-    activeView = 'all',
-    isCustom = 'false',
-    layout
-  } = params;
   const history = useHistory();
   const selectedDefaultView = useMemo(() => {
     const defaultView = isCustom === 'false' && DEFAULT_VIEWS[postType].find(({
@@ -95,13 +97,16 @@ function useView(postType) {
   }, [editEntityRecord, editedViewRecord?.id]);
   const setDefaultViewAndUpdateUrl = useCallback(viewToSet => {
     if (viewToSet.type !== view?.type) {
+      const {
+        params
+      } = history.getLocationWithParams();
       history.push({
         ...params,
         layout: viewToSet.type
       });
     }
     setView(viewToSet);
-  }, [params, view?.type, history]);
+  }, [history, view?.type]);
   if (isCustom === 'false') {
     return [view, setDefaultViewAndUpdateUrl];
   } else if (isCustom === 'true' && customView) {
@@ -148,39 +153,39 @@ function FeaturedImage({
   });
   const hasMedia = !!item.featured_media;
   const size = viewType === LAYOUT_GRID ? ['large', 'full', 'medium', 'thumbnail'] : ['thumbnail', 'medium', 'large', 'full'];
-  const media = hasMedia ? createElement(Media, {
+  const media = hasMedia ? /*#__PURE__*/_jsx(Media, {
     className: "edit-site-page-pages__featured-image",
     id: item.featured_media,
     size: size
   }) : null;
   const renderButton = viewType !== LAYOUT_LIST && !isDisabled;
-  return createElement("div", {
-    className: `edit-site-page-pages__featured-image-wrapper is-layout-${viewType}`
-  }, renderButton ? createElement("button", {
-    className: "page-pages-preview-field__button",
-    type: "button",
-    onClick: onClick,
-    "aria-label": item.title?.rendered || __('(no title)')
-  }, media) : media);
+  return /*#__PURE__*/_jsx("div", {
+    className: `edit-site-page-pages__featured-image-wrapper is-layout-${viewType}`,
+    children: renderButton ? /*#__PURE__*/_jsx("button", {
+      className: "page-pages-preview-field__button",
+      type: "button",
+      onClick: onClick,
+      "aria-label": item.title?.rendered || __('(no title)'),
+      children: media
+    }) : media
+  });
 }
 export default function PagePages() {
   const postType = 'page';
   const [view, setView] = useView(postType);
   const history = useHistory();
-  const {
-    params
-  } = useLocation();
-  const {
-    isCustom = 'false'
-  } = params;
   const onSelectionChange = useCallback(items => {
-    if (isCustom === 'false' && view?.type === LAYOUT_LIST) {
+    var _params$isCustom;
+    const {
+      params
+    } = history.getLocationWithParams();
+    if (((_params$isCustom = params.isCustom) !== null && _params$isCustom !== void 0 ? _params$isCustom : 'false') === 'false' && view?.type === LAYOUT_LIST) {
       history.push({
         ...params,
         postId: items.length === 1 ? items[0].id : undefined
       });
     }
-  }, [history, params, view?.type, isCustom]);
+  }, [history, view?.type]);
   const queryArgs = useMemo(() => {
     const filters = {};
     view.filters.forEach(filter => {
@@ -224,6 +229,22 @@ export default function PagePages() {
     totalItems,
     totalPages
   }), [totalItems, totalPages]);
+  const {
+    frontPageId,
+    postsPageId,
+    addNewLabel
+  } = useSelect(select => {
+    const {
+      getEntityRecord,
+      getPostType
+    } = select(coreStore);
+    const siteSettings = getEntityRecord('root', 'site');
+    return {
+      frontPageId: siteSettings?.page_on_front,
+      postsPageId: siteSettings?.page_for_posts,
+      addNewLabel: getPostType('page')?.labels?.add_new_item
+    };
+  });
   const fields = useMemo(() => [{
     id: 'featured-image',
     header: __('Featured Image'),
@@ -232,7 +253,7 @@ export default function PagePages() {
     }) => item.featured_media,
     render: ({
       item
-    }) => createElement(FeaturedImage, {
+    }) => /*#__PURE__*/_jsx(FeaturedImage, {
       item: item,
       viewType: view.type
     }),
@@ -248,13 +269,34 @@ export default function PagePages() {
       item
     }) => {
       const addLink = [LAYOUT_TABLE, LAYOUT_GRID].includes(view.type) && item.status !== 'trash';
-      return addLink ? createElement(Link, {
+      const title = addLink ? /*#__PURE__*/_jsx(Link, {
         params: {
           postId: item.id,
           postType: item.type,
           canvas: 'edit'
-        }
-      }, decodeEntities(item.title?.rendered) || __('(no title)')) : decodeEntities(item.title?.rendered) || __('(no title)');
+        },
+        children: decodeEntities(item.title?.rendered) || __('(no title)')
+      }) : /*#__PURE__*/_jsx("span", {
+        children: decodeEntities(item.title?.rendered) || __('(no title)')
+      });
+      let suffix = '';
+      if (item.id === frontPageId) {
+        suffix = /*#__PURE__*/_jsx("span", {
+          className: "edit-site-page-pages__title-badge",
+          children: __('Front Page')
+        });
+      } else if (item.id === postsPageId) {
+        suffix = /*#__PURE__*/_jsx("span", {
+          className: "edit-site-page-pages__title-badge",
+          children: __('Posts Page')
+        });
+      }
+      return /*#__PURE__*/_jsxs(HStack, {
+        className: "edit-site-page-pages-title",
+        alignment: "center",
+        justify: "flex-start",
+        children: [title, suffix]
+      });
     },
     maxWidth: 300,
     enableHiding: false
@@ -293,10 +335,48 @@ export default function PagePages() {
     render: ({
       item
     }) => {
-      const formattedDate = dateI18n(getSettings().formats.datetimeAbbreviated, getDate(item.date));
-      return createElement("time", null, formattedDate);
+      const isDraftOrPrivate = ['draft', 'private'].includes(item.status);
+      if (isDraftOrPrivate) {
+        return createInterpolateElement(sprintf( /* translators: %s: page creation date */
+        __('<span>Modified: <time>%s</time></span>'), getFormattedDate(item.date)), {
+          span: /*#__PURE__*/_jsx("span", {}),
+          time: /*#__PURE__*/_jsx("time", {})
+        });
+      }
+      const isScheduled = item.status === 'future';
+      if (isScheduled) {
+        return createInterpolateElement(sprintf( /* translators: %s: page creation date */
+        __('<span>Scheduled: <time>%s</time></span>'), getFormattedDate(item.date)), {
+          span: /*#__PURE__*/_jsx("span", {}),
+          time: /*#__PURE__*/_jsx("time", {})
+        });
+      }
+
+      // Pending & Published posts show the modified date if it's newer.
+      const dateToDisplay = getDate(item.modified) > getDate(item.date) ? item.modified : item.date;
+      const isPending = item.status === 'pending';
+      if (isPending) {
+        return createInterpolateElement(sprintf( /* translators: %s: the newest of created or modified date for the page */
+        __('<span>Modified: <time>%s</time></span>'), getFormattedDate(dateToDisplay)), {
+          span: /*#__PURE__*/_jsx("span", {}),
+          time: /*#__PURE__*/_jsx("time", {})
+        });
+      }
+      const isPublished = item.status === 'publish';
+      if (isPublished) {
+        return createInterpolateElement(sprintf( /* translators: %s: the newest of created or modified date for the page */
+        __('<span>Published: <time>%s</time></span>'), getFormattedDate(dateToDisplay)), {
+          span: /*#__PURE__*/_jsx("span", {}),
+          time: /*#__PURE__*/_jsx("time", {})
+        });
+      }
+
+      // Unknow status.
+      return /*#__PURE__*/_jsx("time", {
+        children: getFormattedDate(item.date)
+      });
     }
-  }], [authors, view.type]);
+  }], [authors, view.type, frontPageId, postsPageId]);
   const postTypeActions = usePostActions('page');
   const editAction = useEditPostAction();
   const actions = useMemo(() => [editAction, ...postTypeActions], [postTypeActions, editAction]);
@@ -325,26 +405,29 @@ export default function PagePages() {
     });
     closeModal();
   };
-
-  // TODO: we need to handle properly `data={ data || EMPTY_ARRAY }` for when `isLoading`.
-  return createElement(Page, {
+  return /*#__PURE__*/_jsx(Page, {
     title: __('Pages'),
-    actions: createElement(Fragment, null, createElement(Button, {
-      variant: "primary",
-      onClick: openModal
-    }, __('Add new page')), showAddPageModal && createElement(AddNewPageModal, {
-      onSave: handleNewPage,
-      onClose: closeModal
-    }))
-  }, createElement(DataViews, {
-    paginationInfo: paginationInfo,
-    fields: fields,
-    actions: actions,
-    data: pages || EMPTY_ARRAY,
-    isLoading: isLoadingPages || isLoadingAuthors,
-    view: view,
-    onChangeView: onChangeView,
-    onSelectionChange: onSelectionChange
-  }));
+    actions: addNewLabel && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Button, {
+        variant: "primary",
+        onClick: openModal,
+        __next40pxDefaultSize: true,
+        children: addNewLabel
+      }), showAddPageModal && /*#__PURE__*/_jsx(AddNewPageModal, {
+        onSave: handleNewPage,
+        onClose: closeModal
+      })]
+    }),
+    children: /*#__PURE__*/_jsx(DataViews, {
+      paginationInfo: paginationInfo,
+      fields: fields,
+      actions: actions,
+      data: pages || EMPTY_ARRAY,
+      isLoading: isLoadingPages || isLoadingAuthors,
+      view: view,
+      onChangeView: onChangeView,
+      onSelectionChange: onSelectionChange
+    })
+  });
 }
 //# sourceMappingURL=index.js.map