@wordpress/edit-site 6.13.1-next.cd6172eb0.0 → 6.15.0

package/build-module/components/page-templates/fields.js

@@ -13,7 +13,6 @@ import { decodeEntities } from '@wordpress/html-entities';
 import { parse } from '@wordpress/blocks';
 import { BlockPreview, privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
 import { EditorProvider } from '@wordpress/editor';
-import { privateApis as routerPrivateApis } from '@wordpress/router';
 
 /**
  * Internal dependencies
@@ -22,10 +21,6 @@ import { useAddedBy } from './hooks';
 import usePatternSettings from '../page-patterns/use-pattern-settings';
 import { unlock } from '../../lock-unlock';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  useLink,
-  Link
-} = unlock(routerPrivateApis);
 const {
   useGlobalStyle
 } = unlock(blockEditorPrivateApis);
@@ -37,9 +32,6 @@ function PreviewField({
   const blocks = useMemo(() => {
     return parse(item.content.raw);
   }, [item.content.raw]);
-  const {
-    onClick
-  } = useLink(`/${item.type}/${item.id}?canvas=edit`);
   const isEmpty = !blocks?.length;
   // Wrap everything in a block editor provider to ensure 'styles' that are needed
   // for the previews are synced between the site editor store and the block editor store.
@@ -51,22 +43,16 @@ function PreviewField({
   return /*#__PURE__*/_jsx(EditorProvider, {
     post: item,
     settings: settings,
-    children: /*#__PURE__*/_jsx("div", {
+    children: /*#__PURE__*/_jsxs("div", {
       className: "page-templates-preview-field",
       style: {
         backgroundColor
       },
-      children: /*#__PURE__*/_jsxs("button", {
-        className: "page-templates-preview-field__button",
-        type: "button",
-        onClick: onClick,
-        "aria-label": item.title?.rendered || item.title,
-        children: [isEmpty && __('Empty template'), !isEmpty && /*#__PURE__*/_jsx(BlockPreview.Async, {
-          children: /*#__PURE__*/_jsx(BlockPreview, {
-            blocks: blocks
-          })
-        })]
-      })
+      children: [isEmpty && __('Empty template'), !isEmpty && /*#__PURE__*/_jsx(BlockPreview.Async, {
+        children: /*#__PURE__*/_jsx(BlockPreview, {
+          blocks: blocks
+        })
+      })]
     })
   });
 }
@@ -76,24 +62,6 @@ export const previewField = {
   render: PreviewField,
   enableSorting: false
 };
-function TitleField({
-  item
-}) {
-  return /*#__PURE__*/_jsx(Link, {
-    to: `/${item.type}/${item.id}?canvas=edit`,
-    children: decodeEntities(item.title?.rendered) || __('(no title)')
-  });
-}
-export const titleField = {
-  label: __('Template'),
-  id: 'title',
-  getValue: ({
-    item
-  }) => item.title?.rendered,
-  render: TitleField,
-  enableHiding: false,
-  enableGlobalSearch: true
-};
 export const descriptionField = {
   label: __('Description'),
   id: 'description',

package/build-module/components/page-templates/fields.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","Icon","__experimentalHStack","HStack","__","useState","useMemo","decodeEntities","parse","BlockPreview","privateApis","blockEditorPrivateApis","EditorProvider","routerPrivateApis","useAddedBy","usePatternSettings","unlock","jsx","_jsx","jsxs","_jsxs","useLink","Link","useGlobalStyle","PreviewField","item","settings","backgroundColor","blocks","content","raw","onClick","type","id","isEmpty","length","post","children","className","style","title","rendered","Async","previewField","label","render","enableSorting","TitleField","to","titleField","getValue","enableHiding","enableGlobalSearch","descriptionField","description","AuthorField","isImageLoaded","setIsImageLoaded","text","icon","imageUrl","alignment","spacing","onLoad","alt","src","authorField","author_text"],"sources":["@wordpress/edit-site/src/components/page-templates/fields.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Icon, __experimentalHStack as HStack } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useMemo } from '@wordpress/element';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { parse } from '@wordpress/blocks';\nimport {\n\tBlockPreview,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { EditorProvider } from '@wordpress/editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { useAddedBy } from './hooks';\nimport usePatternSettings from '../page-patterns/use-pattern-settings';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLink, Link } = unlock( routerPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nfunction PreviewField( { item } ) {\n\tconst settings = usePatternSettings();\n\tconst [ backgroundColor = 'white' ] = useGlobalStyle( 'color.background' );\n\tconst blocks = useMemo( () => {\n\t\treturn parse( item.content.raw );\n\t}, [ item.content.raw ] );\n\tconst { onClick } = useLink( `/${ item.type }/${ item.id }?canvas=edit` );\n\n\tconst isEmpty = ! blocks?.length;\n\t// Wrap everything in a block editor provider to ensure 'styles' that are needed\n\t// for the previews are synced between the site editor store and the block editor store.\n\t// Additionally we need to have the `__experimentalBlockPatterns` setting in order to\n\t// render patterns inside the previews.\n\t// TODO: Same approach is used in the patterns list and it becomes obvious that some of\n\t// the block editor settings are needed in context where we don't have the block editor.\n\t// Explore how we can solve this in a better way.\n\treturn (\n\t\t<EditorProvider post={ item } settings={ settings }>\n\t\t\t<div\n\t\t\t\tclassName=\"page-templates-preview-field\"\n\t\t\t\tstyle={ { backgroundColor } }\n\t\t\t>\n\t\t\t\t<button\n\t\t\t\t\tclassName=\"page-templates-preview-field__button\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\taria-label={ item.title?.rendered || item.title }\n\t\t\t\t>\n\t\t\t\t\t{ isEmpty && __( 'Empty template' ) }\n\t\t\t\t\t{ ! isEmpty && (\n\t\t\t\t\t\t<BlockPreview.Async>\n\t\t\t\t\t\t\t<BlockPreview blocks={ blocks } />\n\t\t\t\t\t\t</BlockPreview.Async>\n\t\t\t\t\t) }\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</EditorProvider>\n\t);\n}\n\nexport const previewField = {\n\tlabel: __( 'Preview' ),\n\tid: 'preview',\n\trender: PreviewField,\n\tenableSorting: false,\n};\n\nfunction TitleField( { item } ) {\n\treturn (\n\t\t<Link to={ `/${ item.type }/${ item.id }?canvas=edit` }>\n\t\t\t{ decodeEntities( item.title?.rendered ) || __( '(no title)' ) }\n\t\t</Link>\n\t);\n}\n\nexport const titleField = {\n\tlabel: __( 'Template' ),\n\tid: 'title',\n\tgetValue: ( { item } ) => item.title?.rendered,\n\trender: TitleField,\n\tenableHiding: false,\n\tenableGlobalSearch: true,\n};\n\nexport const descriptionField = {\n\tlabel: __( 'Description' ),\n\tid: 'description',\n\trender: ( { item } ) => {\n\t\treturn (\n\t\t\titem.description && (\n\t\t\t\t<span className=\"page-templates-description\">\n\t\t\t\t\t{ decodeEntities( item.description ) }\n\t\t\t\t</span>\n\t\t\t)\n\t\t);\n\t},\n\tenableSorting: false,\n\tenableGlobalSearch: true,\n};\n\nfunction AuthorField( { item } ) {\n\tconst [ isImageLoaded, setIsImageLoaded ] = useState( false );\n\tconst { text, icon, imageUrl } = useAddedBy( item.type, item.id );\n\n\treturn (\n\t\t<HStack alignment=\"left\" spacing={ 0 }>\n\t\t\t{ imageUrl && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx( 'page-templates-author-field__avatar', {\n\t\t\t\t\t\t'is-loaded': isImageLoaded,\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t<img\n\t\t\t\t\t\tonLoad={ () => setIsImageLoaded( true ) }\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\tsrc={ imageUrl }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ ! imageUrl && (\n\t\t\t\t<div className=\"page-templates-author-field__icon\">\n\t\t\t\t\t<Icon icon={ icon } />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<span className=\"page-templates-author-field__name\">{ text }</span>\n\t\t</HStack>\n\t);\n}\n\nexport const authorField = {\n\tlabel: __( 'Author' ),\n\tid: 'author',\n\tgetValue: ( { item } ) => item.author_text,\n\trender: AuthorField,\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","Icon","__experimentalHStack","HStack","__","useState","useMemo","decodeEntities","parse","BlockPreview","privateApis","blockEditorPrivateApis","EditorProvider","useAddedBy","usePatternSettings","unlock","jsx","_jsx","jsxs","_jsxs","useGlobalStyle","PreviewField","item","settings","backgroundColor","blocks","content","raw","isEmpty","length","post","children","className","style","Async","previewField","label","id","render","enableSorting","descriptionField","description","enableGlobalSearch","AuthorField","isImageLoaded","setIsImageLoaded","text","icon","imageUrl","type","alignment","spacing","onLoad","alt","src","authorField","getValue","author_text"],"sources":["@wordpress/edit-site/src/components/page-templates/fields.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Icon, __experimentalHStack as HStack } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useMemo } from '@wordpress/element';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { parse } from '@wordpress/blocks';\nimport {\n\tBlockPreview,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { EditorProvider } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { useAddedBy } from './hooks';\nimport usePatternSettings from '../page-patterns/use-pattern-settings';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nfunction PreviewField( { item } ) {\n\tconst settings = usePatternSettings();\n\tconst [ backgroundColor = 'white' ] = useGlobalStyle( 'color.background' );\n\tconst blocks = useMemo( () => {\n\t\treturn parse( item.content.raw );\n\t}, [ item.content.raw ] );\n\n\tconst isEmpty = ! blocks?.length;\n\t// Wrap everything in a block editor provider to ensure 'styles' that are needed\n\t// for the previews are synced between the site editor store and the block editor store.\n\t// Additionally we need to have the `__experimentalBlockPatterns` setting in order to\n\t// render patterns inside the previews.\n\t// TODO: Same approach is used in the patterns list and it becomes obvious that some of\n\t// the block editor settings are needed in context where we don't have the block editor.\n\t// Explore how we can solve this in a better way.\n\treturn (\n\t\t<EditorProvider post={ item } settings={ settings }>\n\t\t\t<div\n\t\t\t\tclassName=\"page-templates-preview-field\"\n\t\t\t\tstyle={ { backgroundColor } }\n\t\t\t>\n\t\t\t\t{ isEmpty && __( 'Empty template' ) }\n\t\t\t\t{ ! isEmpty && (\n\t\t\t\t\t<BlockPreview.Async>\n\t\t\t\t\t\t<BlockPreview blocks={ blocks } />\n\t\t\t\t\t</BlockPreview.Async>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</EditorProvider>\n\t);\n}\n\nexport const previewField = {\n\tlabel: __( 'Preview' ),\n\tid: 'preview',\n\trender: PreviewField,\n\tenableSorting: false,\n};\n\nexport const descriptionField = {\n\tlabel: __( 'Description' ),\n\tid: 'description',\n\trender: ( { item } ) => {\n\t\treturn (\n\t\t\titem.description && (\n\t\t\t\t<span className=\"page-templates-description\">\n\t\t\t\t\t{ decodeEntities( item.description ) }\n\t\t\t\t</span>\n\t\t\t)\n\t\t);\n\t},\n\tenableSorting: false,\n\tenableGlobalSearch: true,\n};\n\nfunction AuthorField( { item } ) {\n\tconst [ isImageLoaded, setIsImageLoaded ] = useState( false );\n\tconst { text, icon, imageUrl } = useAddedBy( item.type, item.id );\n\n\treturn (\n\t\t<HStack alignment=\"left\" spacing={ 0 }>\n\t\t\t{ imageUrl && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx( 'page-templates-author-field__avatar', {\n\t\t\t\t\t\t'is-loaded': isImageLoaded,\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t<img\n\t\t\t\t\t\tonLoad={ () => setIsImageLoaded( true ) }\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\tsrc={ imageUrl }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ ! imageUrl && (\n\t\t\t\t<div className=\"page-templates-author-field__icon\">\n\t\t\t\t\t<Icon icon={ icon } />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<span className=\"page-templates-author-field__name\">{ text }</span>\n\t\t</HStack>\n\t);\n}\n\nexport const authorField = {\n\tlabel: __( 'Author' ),\n\tid: 'author',\n\tgetValue: ( { item } ) => item.author_text,\n\trender: AuthorField,\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,3 +1,4 @@
+/* wp:polyfill */
 /**
  * WordPress dependencies
  */
@@ -7,6 +8,7 @@ import { privateApis as corePrivateApis } from '@wordpress/core-data';
 import { DataViews, filterSortAndPaginate } from '@wordpress/dataviews';
 import { privateApis as routerPrivateApis } from '@wordpress/router';
 import { privateApis as editorPrivateApis } from '@wordpress/editor';
+import { templateTitleField } from '@wordpress/fields';
 import { addQueryArgs } from '@wordpress/url';
 
 /**
@@ -17,7 +19,8 @@ import AddNewTemplate from '../add-new-template';
 import { TEMPLATE_POST_TYPE, OPERATOR_IS_ANY, LAYOUT_GRID, LAYOUT_TABLE, LAYOUT_LIST } from '../../utils/constants';
 import { unlock } from '../../lock-unlock';
 import { useEditPostAction } from '../dataviews-actions';
-import { authorField, descriptionField, previewField, titleField } from './fields';
+import { authorField, descriptionField, previewField } from './fields';
+import { useEvent } from '@wordpress/compose';
 import { jsx as _jsx } from "react/jsx-runtime";
 const {
   usePostActions
@@ -32,23 +35,9 @@ const {
 const EMPTY_ARRAY = [];
 const defaultLayouts = {
   [LAYOUT_TABLE]: {
-    fields: ['template', 'author'],
+    showMedia: false,
     layout: {
-      primaryField: 'title',
-      combinedFields: [{
-        id: 'template',
-        label: __('Template'),
-        children: ['title', 'description'],
-        direction: 'vertical'
-      }],
       styles: {
-        template: {
-          maxWidth: 400,
-          minWidth: 320
-        },
-        preview: {
-          width: '1%'
-        },
         author: {
           width: '1%'
         }
@@ -56,18 +45,10 @@ const defaultLayouts = {
     }
   },
   [LAYOUT_GRID]: {
-    fields: ['title', 'description', 'author'],
-    layout: {
-      mediaField: 'preview',
-      primaryField: 'title',
-      columnFields: ['description']
-    }
+    showMedia: true
   },
   [LAYOUT_LIST]: {
-    fields: ['title', 'description', 'author'],
-    layout: {
-      primaryField: 'title'
-    }
+    showMedia: false
   }
 };
 const DEFAULT_VIEW = {
@@ -79,9 +60,12 @@ const DEFAULT_VIEW = {
     field: 'title',
     direction: 'asc'
   },
-  fields: defaultLayouts[LAYOUT_GRID].fields,
-  layout: defaultLayouts[LAYOUT_GRID].layout,
-  filters: []
+  titleField: 'title',
+  descriptionField: 'description',
+  mediaField: 'preview',
+  fields: ['author'],
+  filters: [],
+  ...defaultLayouts[LAYOUT_GRID]
 };
 export default function PageTemplates() {
   const {
@@ -99,28 +83,35 @@ export default function PageTemplates() {
     return {
       ...DEFAULT_VIEW,
       type: usedType,
-      layout: defaultLayouts[usedType].layout,
-      fields: defaultLayouts[usedType].fields,
       filters: activeView !== 'all' ? [{
         field: 'author',
         operator: 'isAny',
         value: [activeView]
-      }] : []
+      }] : [],
+      ...defaultLayouts[usedType]
     };
   }, [layout, activeView]);
   const [view, setView] = useState(defaultView);
+
+  // Sync the layout from the URL to the view state.
+  useEffect(() => {
+    setView(currentView => ({
+      ...currentView,
+      type: layout !== null && layout !== void 0 ? layout : DEFAULT_VIEW.type
+    }));
+  }, [setView, layout]);
+
+  // Sync the active view from the URL to the view state.
   useEffect(() => {
-    const usedType = layout !== null && layout !== void 0 ? layout : DEFAULT_VIEW.type;
     setView(currentView => ({
       ...currentView,
-      type: usedType,
       filters: activeView !== 'all' ? [{
         field: 'author',
         operator: OPERATOR_IS_ANY,
         value: [activeView]
       }] : []
     }));
-  }, [activeView, layout]);
+  }, [setView, activeView]);
   const {
     records,
     isResolving: isLoadingData
@@ -149,7 +140,7 @@ export default function PageTemplates() {
       label: author
     }));
   }, [records]);
-  const fields = useMemo(() => [previewField, titleField, descriptionField, {
+  const fields = useMemo(() => [previewField, templateTitleField, descriptionField, {
     ...authorField,
     elements: authors
   }], [authors]);
@@ -165,14 +156,14 @@ export default function PageTemplates() {
   });
   const editAction = useEditPostAction();
   const actions = useMemo(() => [editAction, ...postTypeActions], [postTypeActions, editAction]);
-  const onChangeView = useCallback(newView => {
-    if (newView.type !== view.type) {
+  const onChangeView = useEvent(newView => {
+    setView(newView);
+    if (newView.type !== layout) {
       history.navigate(addQueryArgs(path, {
         layout: newView.type
       }));
     }
-    setView(newView);
-  }, [view.type, setView, history, path]);
+  });
   return /*#__PURE__*/_jsx(Page, {
     className: "edit-site-page-templates",
     title: __('Templates'),
@@ -186,6 +177,12 @@ export default function PageTemplates() {
       view: view,
       onChangeView: onChangeView,
       onChangeSelection: onChangeSelection,
+      isItemClickable: () => true,
+      onClickItem: ({
+        id
+      }) => {
+        history.navigate(`/wp_template/${id}?canvas=edit`);
+      },
       selection: selection,
       defaultLayouts: defaultLayouts
     }, activeView)

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

@@ -1 +1 @@
-{"version":3,"names":["__","useState","useMemo","useCallback","useEffect","privateApis","corePrivateApis","DataViews","filterSortAndPaginate","routerPrivateApis","editorPrivateApis","addQueryArgs","Page","AddNewTemplate","TEMPLATE_POST_TYPE","OPERATOR_IS_ANY","LAYOUT_GRID","LAYOUT_TABLE","LAYOUT_LIST","unlock","useEditPostAction","authorField","descriptionField","previewField","titleField","jsx","_jsx","usePostActions","useHistory","useLocation","useEntityRecordsWithPermissions","EMPTY_ARRAY","defaultLayouts","fields","layout","primaryField","combinedFields","id","label","children","direction","styles","template","maxWidth","minWidth","preview","width","author","mediaField","columnFields","DEFAULT_VIEW","type","search","page","perPage","sort","field","filters","PageTemplates","path","query","activeView","postId","selection","setSelection","defaultView","usedType","operator","value","view","setView","currentView","records","isResolving","isLoadingData","per_page","history","onChangeSelection","items","navigate","length","undefined","authors","authorsSet","Set","forEach","add","author_text","Array","from","map","elements","data","paginationInfo","postTypeActions","postType","context","editAction","actions","onChangeView","newView","className","title","isLoading"],"sources":["@wordpress/edit-site/src/components/page-templates/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useState, useMemo, useCallback, useEffect } from '@wordpress/element';\nimport { privateApis as corePrivateApis } from '@wordpress/core-data';\nimport { DataViews, filterSortAndPaginate } from '@wordpress/dataviews';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { addQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport Page from '../page';\nimport AddNewTemplate from '../add-new-template';\nimport {\n\tTEMPLATE_POST_TYPE,\n\tOPERATOR_IS_ANY,\n\tLAYOUT_GRID,\n\tLAYOUT_TABLE,\n\tLAYOUT_LIST,\n} from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\nimport { useEditPostAction } from '../dataviews-actions';\nimport {\n\tauthorField,\n\tdescriptionField,\n\tpreviewField,\n\ttitleField,\n} from './fields';\n\nconst { usePostActions } = unlock( editorPrivateApis );\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\nconst { useEntityRecordsWithPermissions } = unlock( corePrivateApis );\n\nconst EMPTY_ARRAY = [];\n\nconst defaultLayouts = {\n\t[ LAYOUT_TABLE ]: {\n\t\tfields: [ 'template', 'author' ],\n\t\tlayout: {\n\t\t\tprimaryField: 'title',\n\t\t\tcombinedFields: [\n\t\t\t\t{\n\t\t\t\t\tid: 'template',\n\t\t\t\t\tlabel: __( 'Template' ),\n\t\t\t\t\tchildren: [ 'title', 'description' ],\n\t\t\t\t\tdirection: 'vertical',\n\t\t\t\t},\n\t\t\t],\n\t\t\tstyles: {\n\t\t\t\ttemplate: {\n\t\t\t\t\tmaxWidth: 400,\n\t\t\t\t\tminWidth: 320,\n\t\t\t\t},\n\t\t\t\tpreview: {\n\t\t\t\t\twidth: '1%',\n\t\t\t\t},\n\t\t\t\tauthor: {\n\t\t\t\t\twidth: '1%',\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t},\n\t[ LAYOUT_GRID ]: {\n\t\tfields: [ 'title', 'description', 'author' ],\n\t\tlayout: {\n\t\t\tmediaField: 'preview',\n\t\t\tprimaryField: 'title',\n\t\t\tcolumnFields: [ 'description' ],\n\t\t},\n\t},\n\t[ LAYOUT_LIST ]: {\n\t\tfields: [ 'title', 'description', 'author' ],\n\t\tlayout: {\n\t\t\tprimaryField: 'title',\n\t\t},\n\t},\n};\n\nconst DEFAULT_VIEW = {\n\ttype: LAYOUT_GRID,\n\tsearch: '',\n\tpage: 1,\n\tperPage: 20,\n\tsort: {\n\t\tfield: 'title',\n\t\tdirection: 'asc',\n\t},\n\tfields: defaultLayouts[ LAYOUT_GRID ].fields,\n\tlayout: defaultLayouts[ LAYOUT_GRID ].layout,\n\tfilters: [],\n};\n\nexport default function PageTemplates() {\n\tconst { path, query } = useLocation();\n\tconst { activeView = 'all', layout, postId } = query;\n\tconst [ selection, setSelection ] = useState( [ postId ] );\n\n\tconst defaultView = useMemo( () => {\n\t\tconst usedType = layout ?? DEFAULT_VIEW.type;\n\t\treturn {\n\t\t\t...DEFAULT_VIEW,\n\t\t\ttype: usedType,\n\t\t\tlayout: defaultLayouts[ usedType ].layout,\n\t\t\tfields: defaultLayouts[ usedType ].fields,\n\t\t\tfilters:\n\t\t\t\tactiveView !== 'all'\n\t\t\t\t\t? [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tfield: 'author',\n\t\t\t\t\t\t\t\toperator: 'isAny',\n\t\t\t\t\t\t\t\tvalue: [ activeView ],\n\t\t\t\t\t\t\t},\n\t\t\t\t\t  ]\n\t\t\t\t\t: [],\n\t\t};\n\t}, [ layout, activeView ] );\n\tconst [ view, setView ] = useState( defaultView );\n\tuseEffect( () => {\n\t\tconst usedType = layout ?? DEFAULT_VIEW.type;\n\t\tsetView( ( currentView ) => ( {\n\t\t\t...currentView,\n\t\t\ttype: usedType,\n\t\t\tfilters:\n\t\t\t\tactiveView !== 'all'\n\t\t\t\t\t? [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tfield: 'author',\n\t\t\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\t\t\tvalue: [ activeView ],\n\t\t\t\t\t\t\t},\n\t\t\t\t\t  ]\n\t\t\t\t\t: [],\n\t\t} ) );\n\t}, [ activeView, layout ] );\n\n\tconst { records, isResolving: isLoadingData } =\n\t\tuseEntityRecordsWithPermissions( 'postType', TEMPLATE_POST_TYPE, {\n\t\t\tper_page: -1,\n\t\t} );\n\tconst history = useHistory();\n\tconst onChangeSelection = useCallback(\n\t\t( items ) => {\n\t\t\tsetSelection( items );\n\t\t\tif ( view?.type === LAYOUT_LIST ) {\n\t\t\t\thistory.navigate(\n\t\t\t\t\taddQueryArgs( path, {\n\t\t\t\t\t\tpostId: items.length === 1 ? items[ 0 ] : undefined,\n\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\t\t[ history, path, view?.type ]\n\t);\n\n\tconst authors = useMemo( () => {\n\t\tif ( ! records ) {\n\t\t\treturn EMPTY_ARRAY;\n\t\t}\n\t\tconst authorsSet = new Set();\n\t\trecords.forEach( ( template ) => {\n\t\t\tauthorsSet.add( template.author_text );\n\t\t} );\n\t\treturn Array.from( authorsSet ).map( ( author ) => ( {\n\t\t\tvalue: author,\n\t\t\tlabel: author,\n\t\t} ) );\n\t}, [ records ] );\n\n\tconst fields = useMemo(\n\t\t() => [\n\t\t\tpreviewField,\n\t\t\ttitleField,\n\t\t\tdescriptionField,\n\t\t\t{\n\t\t\t\t...authorField,\n\t\t\t\telements: authors,\n\t\t\t},\n\t\t],\n\t\t[ authors ]\n\t);\n\n\tconst { data, paginationInfo } = useMemo( () => {\n\t\treturn filterSortAndPaginate( records, view, fields );\n\t}, [ records, view, fields ] );\n\n\tconst postTypeActions = usePostActions( {\n\t\tpostType: TEMPLATE_POST_TYPE,\n\t\tcontext: 'list',\n\t} );\n\tconst editAction = useEditPostAction();\n\tconst actions = useMemo(\n\t\t() => [ editAction, ...postTypeActions ],\n\t\t[ postTypeActions, editAction ]\n\t);\n\n\tconst onChangeView = useCallback(\n\t\t( newView ) => {\n\t\t\tif ( newView.type !== view.type ) {\n\t\t\t\thistory.navigate(\n\t\t\t\t\taddQueryArgs( path, {\n\t\t\t\t\t\tlayout: newView.type,\n\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tsetView( newView );\n\t\t},\n\t\t[ view.type, setView, history, path ]\n\t);\n\n\treturn (\n\t\t<Page\n\t\t\tclassName=\"edit-site-page-templates\"\n\t\t\ttitle={ __( 'Templates' ) }\n\t\t\tactions={ <AddNewTemplate /> }\n\t\t>\n\t\t\t<DataViews\n\t\t\t\tkey={ activeView }\n\t\t\t\tpaginationInfo={ paginationInfo }\n\t\t\t\tfields={ fields }\n\t\t\t\tactions={ actions }\n\t\t\t\tdata={ data }\n\t\t\t\tisLoading={ isLoadingData }\n\t\t\t\tview={ view }\n\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\tonChangeSelection={ onChangeSelection }\n\t\t\t\tselection={ selection }\n\t\t\t\tdefaultLayouts={ defaultLayouts }\n\t\t\t/>\n\t\t</Page>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__","useState","useMemo","useCallback","useEffect","privateApis","corePrivateApis","DataViews","filterSortAndPaginate","routerPrivateApis","editorPrivateApis","templateTitleField","addQueryArgs","Page","AddNewTemplate","TEMPLATE_POST_TYPE","OPERATOR_IS_ANY","LAYOUT_GRID","LAYOUT_TABLE","LAYOUT_LIST","unlock","useEditPostAction","authorField","descriptionField","previewField","useEvent","jsx","_jsx","usePostActions","useHistory","useLocation","useEntityRecordsWithPermissions","EMPTY_ARRAY","defaultLayouts","showMedia","layout","styles","author","width","DEFAULT_VIEW","type","search","page","perPage","sort","field","direction","titleField","mediaField","fields","filters","PageTemplates","path","query","activeView","postId","selection","setSelection","defaultView","usedType","operator","value","view","setView","currentView","records","isResolving","isLoadingData","per_page","history","onChangeSelection","items","navigate","length","undefined","authors","authorsSet","Set","forEach","template","add","author_text","Array","from","map","label","elements","data","paginationInfo","postTypeActions","postType","context","editAction","actions","onChangeView","newView","className","title","children","isLoading","isItemClickable","onClickItem","id"],"sources":["@wordpress/edit-site/src/components/page-templates/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useState, useMemo, useCallback, useEffect } from '@wordpress/element';\nimport { privateApis as corePrivateApis } from '@wordpress/core-data';\nimport { DataViews, filterSortAndPaginate } from '@wordpress/dataviews';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { templateTitleField } from '@wordpress/fields';\nimport { addQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport Page from '../page';\nimport AddNewTemplate from '../add-new-template';\nimport {\n\tTEMPLATE_POST_TYPE,\n\tOPERATOR_IS_ANY,\n\tLAYOUT_GRID,\n\tLAYOUT_TABLE,\n\tLAYOUT_LIST,\n} from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\nimport { useEditPostAction } from '../dataviews-actions';\nimport { authorField, descriptionField, previewField } from './fields';\nimport { useEvent } from '@wordpress/compose';\n\nconst { usePostActions } = unlock( editorPrivateApis );\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\nconst { useEntityRecordsWithPermissions } = unlock( corePrivateApis );\n\nconst EMPTY_ARRAY = [];\n\nconst defaultLayouts = {\n\t[ LAYOUT_TABLE ]: {\n\t\tshowMedia: false,\n\t\tlayout: {\n\t\t\tstyles: {\n\t\t\t\tauthor: {\n\t\t\t\t\twidth: '1%',\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t},\n\t[ LAYOUT_GRID ]: {\n\t\tshowMedia: true,\n\t},\n\t[ LAYOUT_LIST ]: {\n\t\tshowMedia: false,\n\t},\n};\n\nconst DEFAULT_VIEW = {\n\ttype: LAYOUT_GRID,\n\tsearch: '',\n\tpage: 1,\n\tperPage: 20,\n\tsort: {\n\t\tfield: 'title',\n\t\tdirection: 'asc',\n\t},\n\ttitleField: 'title',\n\tdescriptionField: 'description',\n\tmediaField: 'preview',\n\tfields: [ 'author' ],\n\tfilters: [],\n\t...defaultLayouts[ LAYOUT_GRID ],\n};\n\nexport default function PageTemplates() {\n\tconst { path, query } = useLocation();\n\tconst { activeView = 'all', layout, postId } = query;\n\tconst [ selection, setSelection ] = useState( [ postId ] );\n\n\tconst defaultView = useMemo( () => {\n\t\tconst usedType = layout ?? DEFAULT_VIEW.type;\n\t\treturn {\n\t\t\t...DEFAULT_VIEW,\n\t\t\ttype: usedType,\n\t\t\tfilters:\n\t\t\t\tactiveView !== 'all'\n\t\t\t\t\t? [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tfield: 'author',\n\t\t\t\t\t\t\t\toperator: 'isAny',\n\t\t\t\t\t\t\t\tvalue: [ activeView ],\n\t\t\t\t\t\t\t},\n\t\t\t\t\t  ]\n\t\t\t\t\t: [],\n\t\t\t...defaultLayouts[ usedType ],\n\t\t};\n\t}, [ layout, activeView ] );\n\tconst [ view, setView ] = useState( defaultView );\n\n\t// Sync the layout from the URL to the view state.\n\tuseEffect( () => {\n\t\tsetView( ( currentView ) => ( {\n\t\t\t...currentView,\n\t\t\ttype: layout ?? DEFAULT_VIEW.type,\n\t\t} ) );\n\t}, [ setView, layout ] );\n\n\t// Sync the active view from the URL to the view state.\n\tuseEffect( () => {\n\t\tsetView( ( currentView ) => ( {\n\t\t\t...currentView,\n\t\t\tfilters:\n\t\t\t\tactiveView !== 'all'\n\t\t\t\t\t? [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tfield: 'author',\n\t\t\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\t\t\tvalue: [ activeView ],\n\t\t\t\t\t\t\t},\n\t\t\t\t\t  ]\n\t\t\t\t\t: [],\n\t\t} ) );\n\t}, [ setView, activeView ] );\n\n\tconst { records, isResolving: isLoadingData } =\n\t\tuseEntityRecordsWithPermissions( 'postType', TEMPLATE_POST_TYPE, {\n\t\t\tper_page: -1,\n\t\t} );\n\tconst history = useHistory();\n\tconst onChangeSelection = useCallback(\n\t\t( items ) => {\n\t\t\tsetSelection( items );\n\t\t\tif ( view?.type === LAYOUT_LIST ) {\n\t\t\t\thistory.navigate(\n\t\t\t\t\taddQueryArgs( path, {\n\t\t\t\t\t\tpostId: items.length === 1 ? items[ 0 ] : undefined,\n\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\t\t[ history, path, view?.type ]\n\t);\n\n\tconst authors = useMemo( () => {\n\t\tif ( ! records ) {\n\t\t\treturn EMPTY_ARRAY;\n\t\t}\n\t\tconst authorsSet = new Set();\n\t\trecords.forEach( ( template ) => {\n\t\t\tauthorsSet.add( template.author_text );\n\t\t} );\n\t\treturn Array.from( authorsSet ).map( ( author ) => ( {\n\t\t\tvalue: author,\n\t\t\tlabel: author,\n\t\t} ) );\n\t}, [ records ] );\n\n\tconst fields = useMemo(\n\t\t() => [\n\t\t\tpreviewField,\n\t\t\ttemplateTitleField,\n\t\t\tdescriptionField,\n\t\t\t{\n\t\t\t\t...authorField,\n\t\t\t\telements: authors,\n\t\t\t},\n\t\t],\n\t\t[ authors ]\n\t);\n\n\tconst { data, paginationInfo } = useMemo( () => {\n\t\treturn filterSortAndPaginate( records, view, fields );\n\t}, [ records, view, fields ] );\n\n\tconst postTypeActions = usePostActions( {\n\t\tpostType: TEMPLATE_POST_TYPE,\n\t\tcontext: 'list',\n\t} );\n\tconst editAction = useEditPostAction();\n\tconst actions = useMemo(\n\t\t() => [ editAction, ...postTypeActions ],\n\t\t[ postTypeActions, editAction ]\n\t);\n\n\tconst onChangeView = useEvent( ( newView ) => {\n\t\tsetView( newView );\n\t\tif ( newView.type !== layout ) {\n\t\t\thistory.navigate(\n\t\t\t\taddQueryArgs( path, {\n\t\t\t\t\tlayout: newView.type,\n\t\t\t\t} )\n\t\t\t);\n\t\t}\n\t} );\n\n\treturn (\n\t\t<Page\n\t\t\tclassName=\"edit-site-page-templates\"\n\t\t\ttitle={ __( 'Templates' ) }\n\t\t\tactions={ <AddNewTemplate /> }\n\t\t>\n\t\t\t<DataViews\n\t\t\t\tkey={ activeView }\n\t\t\t\tpaginationInfo={ paginationInfo }\n\t\t\t\tfields={ fields }\n\t\t\t\tactions={ actions }\n\t\t\t\tdata={ data }\n\t\t\t\tisLoading={ isLoadingData }\n\t\t\t\tview={ view }\n\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\tonChangeSelection={ onChangeSelection }\n\t\t\t\tisItemClickable={ () => true }\n\t\t\t\tonClickItem={ ( { id } ) => {\n\t\t\t\t\thistory.navigate( `/wp_template/${ id }?canvas=edit` );\n\t\t\t\t} }\n\t\t\t\tselection={ selection }\n\t\t\t\tdefaultLayouts={ defaultLayouts }\n\t\t\t/>\n\t\t</Page>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/post-edit/index.js

@@ -1,3 +1,4 @@
+/* wp:polyfill */
 /**
  * External dependencies
  */
@@ -23,8 +24,8 @@ import usePatternSettings from '../page-patterns/use-pattern-settings';
 import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const {
-  PostCardPanel,
-  usePostFields
+  usePostFields,
+  PostCardPanel
 } = unlock(editorPrivateApis);
 const fieldsWithBulkEditSupport = ['title', 'status', 'date', 'author', 'comment_status'];
 function PostEditForm({
@@ -33,10 +34,17 @@ function PostEditForm({
 }) {
   const ids = useMemo(() => postId.split(','), [postId]);
   const {
-    record
+    record,
+    hasFinishedResolution
   } = useSelect(select => {
+    const args = ['postType', postType, ids[0]];
+    const {
+      getEditedEntityRecord,
+      hasFinishedResolution: hasFinished
+    } = select(coreDataStore);
     return {
-      record: ids.length === 1 ? select(coreDataStore).getEditedEntityRecord('postType', postType, ids[0]) : null
+      record: ids.length === 1 ? getEditedEntityRecord(...args) : null,
+      hasFinishedResolution: hasFinished('getEditedEntityRecord', args)
     };
   }, [postType, ids]);
   const [multiEdits, setMultiEdits] = useState({});
@@ -62,7 +70,7 @@ function PostEditForm({
     fields: [{
       id: 'featured_media',
       layout: 'regular'
-    }, 'title', {
+    }, {
       id: 'status',
       label: __('Status & Visibility'),
       children: ['status', 'password']
@@ -121,10 +129,10 @@ function PostEditForm({
   }, [fields, settings]);
   return /*#__PURE__*/_jsxs(VStack, {
     spacing: 4,
-    children: [ids.length === 1 && /*#__PURE__*/_jsx(PostCardPanel, {
+    children: [/*#__PURE__*/_jsx(PostCardPanel, {
       postType: postType,
-      postId: ids[0]
-    }), /*#__PURE__*/_jsx(DataForm, {
+      postId: ids
+    }), hasFinishedResolution && /*#__PURE__*/_jsx(DataForm, {
       data: ids.length === 1 ? record : multiEdits,
       fields: fieldsWithDependency,
       form: form,

package/build-module/components/post-edit/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","__","DataForm","useDispatch","useSelect","store","coreDataStore","__experimentalVStack","VStack","useState","useMemo","useEffect","privateApis","editorPrivateApis","Page","unlock","usePatternSettings","blockEditorPrivateApis","jsx","_jsx","jsxs","_jsxs","PostCardPanel","usePostFields","fieldsWithBulkEditSupport","PostEditForm","postType","postId","ids","split","record","select","length","getEditedEntityRecord","multiEdits","setMultiEdits","editEntityRecord","fields","_fields","map","field","id","elements","filter","element","value","form","type","layout","label","children","labelPosition","includes","onChange","edits","status","Date","date","password","prev","ExperimentalBlockEditorProvider","settings","fieldsWithDependency","Edit","data","spacing","PostEdit","className"],"sources":["@wordpress/edit-site/src/components/post-edit/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { DataForm } from '@wordpress/dataviews';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as coreDataStore } from '@wordpress/core-data';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { useState, useMemo, useEffect } from '@wordpress/element';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport Page from '../page';\nimport { unlock } from '../../lock-unlock';\nimport usePatternSettings from '../page-patterns/use-pattern-settings';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\nconst { PostCardPanel, usePostFields } = unlock( editorPrivateApis );\n\nconst fieldsWithBulkEditSupport = [\n\t'title',\n\t'status',\n\t'date',\n\t'author',\n\t'comment_status',\n];\n\nfunction PostEditForm( { postType, postId } ) {\n\tconst ids = useMemo( () => postId.split( ',' ), [ postId ] );\n\tconst { record } = useSelect(\n\t\t( select ) => {\n\t\t\treturn {\n\t\t\t\trecord:\n\t\t\t\t\tids.length === 1\n\t\t\t\t\t\t? select( coreDataStore ).getEditedEntityRecord(\n\t\t\t\t\t\t\t\t'postType',\n\t\t\t\t\t\t\t\tpostType,\n\t\t\t\t\t\t\t\tids[ 0 ]\n\t\t\t\t\t\t  )\n\t\t\t\t\t\t: null,\n\t\t\t};\n\t\t},\n\t\t[ postType, ids ]\n\t);\n\tconst [ multiEdits, setMultiEdits ] = useState( {} );\n\tconst { editEntityRecord } = useDispatch( coreDataStore );\n\tconst { fields: _fields } = usePostFields( { postType } );\n\tconst fields = useMemo(\n\t\t() =>\n\t\t\t_fields?.map( ( field ) => {\n\t\t\t\tif ( field.id === 'status' ) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...field,\n\t\t\t\t\t\telements: field.elements.filter(\n\t\t\t\t\t\t\t( element ) => element.value !== 'trash'\n\t\t\t\t\t\t),\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\treturn field;\n\t\t\t} ),\n\t\t[ _fields ]\n\t);\n\n\tconst form = useMemo(\n\t\t() => ( {\n\t\t\ttype: 'panel',\n\t\t\tfields: [\n\t\t\t\t{\n\t\t\t\t\tid: 'featured_media',\n\t\t\t\t\tlayout: 'regular',\n\t\t\t\t},\n\t\t\t\t'title',\n\t\t\t\t{\n\t\t\t\t\tid: 'status',\n\t\t\t\t\tlabel: __( 'Status & Visibility' ),\n\t\t\t\t\tchildren: [ 'status', 'password' ],\n\t\t\t\t},\n\t\t\t\t'author',\n\t\t\t\t'date',\n\t\t\t\t'slug',\n\t\t\t\t'parent',\n\t\t\t\t'comment_status',\n\t\t\t\t{\n\t\t\t\t\tlabel: __( 'Template' ),\n\t\t\t\t\tlabelPosition: 'side',\n\t\t\t\t\tid: 'template',\n\t\t\t\t\tlayout: 'regular',\n\t\t\t\t},\n\t\t\t].filter(\n\t\t\t\t( field ) =>\n\t\t\t\t\tids.length === 1 ||\n\t\t\t\t\tfieldsWithBulkEditSupport.includes( field )\n\t\t\t),\n\t\t} ),\n\t\t[ ids ]\n\t);\n\tconst onChange = ( edits ) => {\n\t\tfor ( const id of ids ) {\n\t\t\tif (\n\t\t\t\tedits.status &&\n\t\t\t\tedits.status !== 'future' &&\n\t\t\t\trecord?.status === 'future' &&\n\t\t\t\tnew Date( record.date ) > new Date()\n\t\t\t) {\n\t\t\t\tedits.date = null;\n\t\t\t}\n\t\t\tif (\n\t\t\t\tedits.status &&\n\t\t\t\tedits.status === 'private' &&\n\t\t\t\trecord.password\n\t\t\t) {\n\t\t\t\tedits.password = '';\n\t\t\t}\n\t\t\teditEntityRecord( 'postType', postType, id, edits );\n\t\t\tif ( ids.length > 1 ) {\n\t\t\t\tsetMultiEdits( ( prev ) => ( {\n\t\t\t\t\t...prev,\n\t\t\t\t\t...edits,\n\t\t\t\t} ) );\n\t\t\t}\n\t\t}\n\t};\n\tuseEffect( () => {\n\t\tsetMultiEdits( {} );\n\t}, [ ids ] );\n\n\tconst { ExperimentalBlockEditorProvider } = unlock(\n\t\tblockEditorPrivateApis\n\t);\n\tconst settings = usePatternSettings();\n\n\t/**\n\t * The template field depends on the block editor settings.\n\t * This is a workaround to ensure that the block editor settings are available.\n\t * For more information, see: https://github.com/WordPress/gutenberg/issues/67521\n\t */\n\tconst fieldsWithDependency = useMemo( () => {\n\t\treturn fields.map( ( field ) => {\n\t\t\tif ( field.id === 'template' ) {\n\t\t\t\treturn {\n\t\t\t\t\t...field,\n\t\t\t\t\tEdit: ( data ) => (\n\t\t\t\t\t\t<ExperimentalBlockEditorProvider settings={ settings }>\n\t\t\t\t\t\t\t<field.Edit { ...data } />\n\t\t\t\t\t\t</ExperimentalBlockEditorProvider>\n\t\t\t\t\t),\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn field;\n\t\t} );\n\t}, [ fields, settings ] );\n\n\treturn (\n\t\t<VStack spacing={ 4 }>\n\t\t\t{ ids.length === 1 && (\n\t\t\t\t<PostCardPanel postType={ postType } postId={ ids[ 0 ] } />\n\t\t\t) }\n\t\t\t<DataForm\n\t\t\t\tdata={ ids.length === 1 ? record : multiEdits }\n\t\t\t\tfields={ fieldsWithDependency }\n\t\t\t\tform={ form }\n\t\t\t\tonChange={ onChange }\n\t\t\t/>\n\t\t</VStack>\n\t);\n}\n\nexport function PostEdit( { postType, postId } ) {\n\treturn (\n\t\t<Page\n\t\t\tclassName={ clsx( 'edit-site-post-edit', {\n\t\t\t\t'is-empty': ! postId,\n\t\t\t} ) }\n\t\t\tlabel={ __( 'Post Edit' ) }\n\t\t>\n\t\t\t{ postId && (\n\t\t\t\t<PostEditForm postType={ postType } postId={ postId } />\n\t\t\t) }\n\t\t\t{ ! postId && <p>{ __( 'Select a page to edit' ) }</p> }\n\t\t</Page>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","__","DataForm","useDispatch","useSelect","store","coreDataStore","__experimentalVStack","VStack","useState","useMemo","useEffect","privateApis","editorPrivateApis","Page","unlock","usePatternSettings","blockEditorPrivateApis","jsx","_jsx","jsxs","_jsxs","usePostFields","PostCardPanel","fieldsWithBulkEditSupport","PostEditForm","postType","postId","ids","split","record","hasFinishedResolution","select","args","getEditedEntityRecord","hasFinished","length","multiEdits","setMultiEdits","editEntityRecord","fields","_fields","map","field","id","elements","filter","element","value","form","type","layout","label","children","labelPosition","includes","onChange","edits","status","Date","date","password","prev","ExperimentalBlockEditorProvider","settings","fieldsWithDependency","Edit","data","spacing","PostEdit","className"],"sources":["@wordpress/edit-site/src/components/post-edit/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { DataForm } from '@wordpress/dataviews';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as coreDataStore } from '@wordpress/core-data';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { useState, useMemo, useEffect } from '@wordpress/element';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport Page from '../page';\nimport { unlock } from '../../lock-unlock';\nimport usePatternSettings from '../page-patterns/use-pattern-settings';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\nconst { usePostFields, PostCardPanel } = unlock( editorPrivateApis );\n\nconst fieldsWithBulkEditSupport = [\n\t'title',\n\t'status',\n\t'date',\n\t'author',\n\t'comment_status',\n];\n\nfunction PostEditForm( { postType, postId } ) {\n\tconst ids = useMemo( () => postId.split( ',' ), [ postId ] );\n\tconst { record, hasFinishedResolution } = useSelect(\n\t\t( select ) => {\n\t\t\tconst args = [ 'postType', postType, ids[ 0 ] ];\n\n\t\t\tconst {\n\t\t\t\tgetEditedEntityRecord,\n\t\t\t\thasFinishedResolution: hasFinished,\n\t\t\t} = select( coreDataStore );\n\n\t\t\treturn {\n\t\t\t\trecord:\n\t\t\t\t\tids.length === 1 ? getEditedEntityRecord( ...args ) : null,\n\t\t\t\thasFinishedResolution: hasFinished(\n\t\t\t\t\t'getEditedEntityRecord',\n\t\t\t\t\targs\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ postType, ids ]\n\t);\n\tconst [ multiEdits, setMultiEdits ] = useState( {} );\n\tconst { editEntityRecord } = useDispatch( coreDataStore );\n\tconst { fields: _fields } = usePostFields( { postType } );\n\tconst fields = useMemo(\n\t\t() =>\n\t\t\t_fields?.map( ( field ) => {\n\t\t\t\tif ( field.id === 'status' ) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...field,\n\t\t\t\t\t\telements: field.elements.filter(\n\t\t\t\t\t\t\t( element ) => element.value !== 'trash'\n\t\t\t\t\t\t),\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\treturn field;\n\t\t\t} ),\n\t\t[ _fields ]\n\t);\n\n\tconst form = useMemo(\n\t\t() => ( {\n\t\t\ttype: 'panel',\n\t\t\tfields: [\n\t\t\t\t{\n\t\t\t\t\tid: 'featured_media',\n\t\t\t\t\tlayout: 'regular',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tid: 'status',\n\t\t\t\t\tlabel: __( 'Status & Visibility' ),\n\t\t\t\t\tchildren: [ 'status', 'password' ],\n\t\t\t\t},\n\t\t\t\t'author',\n\t\t\t\t'date',\n\t\t\t\t'slug',\n\t\t\t\t'parent',\n\t\t\t\t'comment_status',\n\t\t\t\t{\n\t\t\t\t\tlabel: __( 'Template' ),\n\t\t\t\t\tlabelPosition: 'side',\n\t\t\t\t\tid: 'template',\n\t\t\t\t\tlayout: 'regular',\n\t\t\t\t},\n\t\t\t].filter(\n\t\t\t\t( field ) =>\n\t\t\t\t\tids.length === 1 ||\n\t\t\t\t\tfieldsWithBulkEditSupport.includes( field )\n\t\t\t),\n\t\t} ),\n\t\t[ ids ]\n\t);\n\tconst onChange = ( edits ) => {\n\t\tfor ( const id of ids ) {\n\t\t\tif (\n\t\t\t\tedits.status &&\n\t\t\t\tedits.status !== 'future' &&\n\t\t\t\trecord?.status === 'future' &&\n\t\t\t\tnew Date( record.date ) > new Date()\n\t\t\t) {\n\t\t\t\tedits.date = null;\n\t\t\t}\n\t\t\tif (\n\t\t\t\tedits.status &&\n\t\t\t\tedits.status === 'private' &&\n\t\t\t\trecord.password\n\t\t\t) {\n\t\t\t\tedits.password = '';\n\t\t\t}\n\t\t\teditEntityRecord( 'postType', postType, id, edits );\n\t\t\tif ( ids.length > 1 ) {\n\t\t\t\tsetMultiEdits( ( prev ) => ( {\n\t\t\t\t\t...prev,\n\t\t\t\t\t...edits,\n\t\t\t\t} ) );\n\t\t\t}\n\t\t}\n\t};\n\tuseEffect( () => {\n\t\tsetMultiEdits( {} );\n\t}, [ ids ] );\n\n\tconst { ExperimentalBlockEditorProvider } = unlock(\n\t\tblockEditorPrivateApis\n\t);\n\tconst settings = usePatternSettings();\n\n\t/**\n\t * The template field depends on the block editor settings.\n\t * This is a workaround to ensure that the block editor settings are available.\n\t * For more information, see: https://github.com/WordPress/gutenberg/issues/67521\n\t */\n\tconst fieldsWithDependency = useMemo( () => {\n\t\treturn fields.map( ( field ) => {\n\t\t\tif ( field.id === 'template' ) {\n\t\t\t\treturn {\n\t\t\t\t\t...field,\n\t\t\t\t\tEdit: ( data ) => (\n\t\t\t\t\t\t<ExperimentalBlockEditorProvider settings={ settings }>\n\t\t\t\t\t\t\t<field.Edit { ...data } />\n\t\t\t\t\t\t</ExperimentalBlockEditorProvider>\n\t\t\t\t\t),\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn field;\n\t\t} );\n\t}, [ fields, settings ] );\n\n\treturn (\n\t\t<VStack spacing={ 4 }>\n\t\t\t<PostCardPanel postType={ postType } postId={ ids } />\n\t\t\t{ hasFinishedResolution && (\n\t\t\t\t<DataForm\n\t\t\t\t\tdata={ ids.length === 1 ? record : multiEdits }\n\t\t\t\t\tfields={ fieldsWithDependency }\n\t\t\t\t\tform={ form }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nexport function PostEdit( { postType, postId } ) {\n\treturn (\n\t\t<Page\n\t\t\tclassName={ clsx( 'edit-site-post-edit', {\n\t\t\t\t'is-empty': ! postId,\n\t\t\t} ) }\n\t\t\tlabel={ __( 'Post Edit' ) }\n\t\t>\n\t\t\t{ postId && (\n\t\t\t\t<PostEditForm postType={ postType } postId={ postId } />\n\t\t\t) }\n\t\t\t{ ! postId && <p>{ __( 'Select a page to edit' ) }</p> }\n\t\t</Page>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,KAAK,IAAIC,aAAa,QAAQ,sBAAsB;AAC7D,SAASC,oBAAoB,IAAIC,MAAM,QAAQ,uBAAuB;AACtE,SAASC,QAAQ,EAAEC,OAAO,EAAEC,SAAS,QAAQ,oBAAoB;AACjE,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,OAAOC,IAAI,MAAM,SAAS;AAC1B,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,OAAOC,kBAAkB,MAAM,uCAAuC;AACtE,SAASJ,WAAW,IAAIK,sBAAsB,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEhF,MAAM;EAAEC,aAAa;EAAEC;AAAc,CAAC,GAAGR,MAAM,CAAEF,iBAAkB,CAAC;AAEpE,MAAMW,yBAAyB,GAAG,CACjC,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,gBAAgB,CAChB;AAED,SAASC,YAAYA,CAAE;EAAEC,QAAQ;EAAEC;AAAO,CAAC,EAAG;EAC7C,MAAMC,GAAG,GAAGlB,OAAO,CAAE,MAAMiB,MAAM,CAACE,KAAK,CAAE,GAAI,CAAC,EAAE,CAAEF,MAAM,CAAG,CAAC;EAC5D,MAAM;IAAEG,MAAM;IAAEC;EAAsB,CAAC,GAAG3B,SAAS,CAChD4B,MAAM,IAAM;IACb,MAAMC,IAAI,GAAG,CAAE,UAAU,EAAEP,QAAQ,EAAEE,GAAG,CAAE,CAAC,CAAE,CAAE;IAE/C,MAAM;MACLM,qBAAqB;MACrBH,qBAAqB,EAAEI;IACxB,CAAC,GAAGH,MAAM,CAAE1B,aAAc,CAAC;IAE3B,OAAO;MACNwB,MAAM,EACLF,GAAG,CAACQ,MAAM,KAAK,CAAC,GAAGF,qBAAqB,CAAE,GAAGD,IAAK,CAAC,GAAG,IAAI;MAC3DF,qBAAqB,EAAEI,WAAW,CACjC,uBAAuB,EACvBF,IACD;IACD,CAAC;EACF,CAAC,EACD,CAAEP,QAAQ,EAAEE,GAAG,CAChB,CAAC;EACD,MAAM,CAAES,UAAU,EAAEC,aAAa,CAAE,GAAG7B,QAAQ,CAAE,CAAC,CAAE,CAAC;EACpD,MAAM;IAAE8B;EAAiB,CAAC,GAAGpC,WAAW,CAAEG,aAAc,CAAC;EACzD,MAAM;IAAEkC,MAAM,EAAEC;EAAQ,CAAC,GAAGnB,aAAa,CAAE;IAAEI;EAAS,CAAE,CAAC;EACzD,MAAMc,MAAM,GAAG9B,OAAO,CACrB,MACC+B,OAAO,EAAEC,GAAG,CAAIC,KAAK,IAAM;IAC1B,IAAKA,KAAK,CAACC,EAAE,KAAK,QAAQ,EAAG;MAC5B,OAAO;QACN,GAAGD,KAAK;QACRE,QAAQ,EAAEF,KAAK,CAACE,QAAQ,CAACC,MAAM,CAC5BC,OAAO,IAAMA,OAAO,CAACC,KAAK,KAAK,OAClC;MACD,CAAC;IACF;IACA,OAAOL,KAAK;EACb,CAAE,CAAC,EACJ,CAAEF,OAAO,CACV,CAAC;EAED,MAAMQ,IAAI,GAAGvC,OAAO,CACnB,OAAQ;IACPwC,IAAI,EAAE,OAAO;IACbV,MAAM,EAAE,CACP;MACCI,EAAE,EAAE,gBAAgB;MACpBO,MAAM,EAAE;IACT,CAAC,EACD;MACCP,EAAE,EAAE,QAAQ;MACZQ,KAAK,EAAEnD,EAAE,CAAE,qBAAsB,CAAC;MAClCoD,QAAQ,EAAE,CAAE,QAAQ,EAAE,UAAU;IACjC,CAAC,EACD,QAAQ,EACR,MAAM,EACN,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB;MACCD,KAAK,EAAEnD,EAAE,CAAE,UAAW,CAAC;MACvBqD,aAAa,EAAE,MAAM;MACrBV,EAAE,EAAE,UAAU;MACdO,MAAM,EAAE;IACT,CAAC,CACD,CAACL,MAAM,CACLH,KAAK,IACNf,GAAG,CAACQ,MAAM,KAAK,CAAC,IAChBZ,yBAAyB,CAAC+B,QAAQ,CAAEZ,KAAM,CAC5C;EACD,CAAC,CAAE,EACH,CAAEf,GAAG,CACN,CAAC;EACD,MAAM4B,QAAQ,GAAKC,KAAK,IAAM;IAC7B,KAAM,MAAMb,EAAE,IAAIhB,GAAG,EAAG;MACvB,IACC6B,KAAK,CAACC,MAAM,IACZD,KAAK,CAACC,MAAM,KAAK,QAAQ,IACzB5B,MAAM,EAAE4B,MAAM,KAAK,QAAQ,IAC3B,IAAIC,IAAI,CAAE7B,MAAM,CAAC8B,IAAK,CAAC,GAAG,IAAID,IAAI,CAAC,CAAC,EACnC;QACDF,KAAK,CAACG,IAAI,GAAG,IAAI;MAClB;MACA,IACCH,KAAK,CAACC,MAAM,IACZD,KAAK,CAACC,MAAM,KAAK,SAAS,IAC1B5B,MAAM,CAAC+B,QAAQ,EACd;QACDJ,KAAK,CAACI,QAAQ,GAAG,EAAE;MACpB;MACAtB,gBAAgB,CAAE,UAAU,EAAEb,QAAQ,EAAEkB,EAAE,EAAEa,KAAM,CAAC;MACnD,IAAK7B,GAAG,CAACQ,MAAM,GAAG,CAAC,EAAG;QACrBE,aAAa,CAAIwB,IAAI,KAAQ;UAC5B,GAAGA,IAAI;UACP,GAAGL;QACJ,CAAC,CAAG,CAAC;MACN;IACD;EACD,CAAC;EACD9C,SAAS,CAAE,MAAM;IAChB2B,aAAa,CAAE,CAAC,CAAE,CAAC;EACpB,CAAC,EAAE,CAAEV,GAAG,CAAG,CAAC;EAEZ,MAAM;IAAEmC;EAAgC,CAAC,GAAGhD,MAAM,CACjDE,sBACD,CAAC;EACD,MAAM+C,QAAQ,GAAGhD,kBAAkB,CAAC,CAAC;;EAErC;AACD;AACA;AACA;AACA;EACC,MAAMiD,oBAAoB,GAAGvD,OAAO,CAAE,MAAM;IAC3C,OAAO8B,MAAM,CAACE,GAAG,CAAIC,KAAK,IAAM;MAC/B,IAAKA,KAAK,CAACC,EAAE,KAAK,UAAU,EAAG;QAC9B,OAAO;UACN,GAAGD,KAAK;UACRuB,IAAI,EAAIC,IAAI,iBACXhD,IAAA,CAAC4C,+BAA+B;YAACC,QAAQ,EAAGA,QAAU;YAAAX,QAAA,eACrDlC,IAAA,CAACwB,KAAK,CAACuB,IAAI;cAAA,GAAMC;YAAI,CAAI;UAAC,CACM;QAEnC,CAAC;MACF;MACA,OAAOxB,KAAK;IACb,CAAE,CAAC;EACJ,CAAC,EAAE,CAAEH,MAAM,EAAEwB,QAAQ,CAAG,CAAC;EAEzB,oBACC3C,KAAA,CAACb,MAAM;IAAC4D,OAAO,EAAG,CAAG;IAAAf,QAAA,gBACpBlC,IAAA,CAACI,aAAa;MAACG,QAAQ,EAAGA,QAAU;MAACC,MAAM,EAAGC;IAAK,CAAE,CAAC,EACpDG,qBAAqB,iBACtBZ,IAAA,CAACjB,QAAQ;MACRiE,IAAI,EAAGvC,GAAG,CAACQ,MAAM,KAAK,CAAC,GAAGN,MAAM,GAAGO,UAAY;MAC/CG,MAAM,EAAGyB,oBAAsB;MAC/BhB,IAAI,EAAGA,IAAM;MACbO,QAAQ,EAAGA;IAAU,CACrB,CACD;EAAA,CACM,CAAC;AAEX;AAEA,OAAO,SAASa,QAAQA,CAAE;EAAE3C,QAAQ;EAAEC;AAAO,CAAC,EAAG;EAChD,oBACCN,KAAA,CAACP,IAAI;IACJwD,SAAS,EAAGtE,IAAI,CAAE,qBAAqB,EAAE;MACxC,UAAU,EAAE,CAAE2B;IACf,CAAE,CAAG;IACLyB,KAAK,EAAGnD,EAAE,CAAE,WAAY,CAAG;IAAAoD,QAAA,GAEzB1B,MAAM,iBACPR,IAAA,CAACM,YAAY;MAACC,QAAQ,EAAGA,QAAU;MAACC,MAAM,EAAGA;IAAQ,CAAE,CACvD,EACC,CAAEA,MAAM,iBAAIR,IAAA;MAAAkC,QAAA,EAAKpD,EAAE,CAAE,uBAAwB;IAAC,CAAK,CAAC;EAAA,CACjD,CAAC;AAET","ignoreList":[]}

package/build-module/components/post-list/index.js

@@ -1,3 +1,4 @@
+/* wp:polyfill */
 /**
  * WordPress dependencies
  */
@@ -10,7 +11,7 @@ import { DataViews, filterSortAndPaginate } from '@wordpress/dataviews';
 import { privateApis as editorPrivateApis } from '@wordpress/editor';
 import { __ } from '@wordpress/i18n';
 import { drawerRight } from '@wordpress/icons';
-import { usePrevious } from '@wordpress/compose';
+import { useEvent, usePrevious } from '@wordpress/compose';
 import { addQueryArgs } from '@wordpress/url';
 
 /**
@@ -50,7 +51,7 @@ const getCustomView = editedEntityRecord => {
   }
   return {
     ...content,
-    layout: defaultLayouts[content.type]?.layout
+    ...defaultLayouts[content.type]
   };
 };
 
@@ -105,37 +106,46 @@ function useView(postType) {
     const type = layout !== null && layout !== void 0 ? layout : initialView.type;
     return {
       ...initialView,
-      type
+      type,
+      ...defaultLayouts[type]
     };
   });
-  const setViewWithUrlUpdate = useCallback(newView => {
-    if (newView.type === LAYOUT_LIST && !layout) {
-      // Skip updating the layout URL param if
-      // it is not present and the newView.type is LAYOUT_LIST.
-    } else if (newView.type !== layout) {
-      history.navigate(addQueryArgs(path, {
-        layout: newView.type
-      }));
-    }
+  const setViewWithUrlUpdate = useEvent(newView => {
     setView(newView);
     if (isCustom === 'true' && editedEntityRecord?.id) {
       editEntityRecord('postType', 'wp_dataviews', editedEntityRecord?.id, {
         content: JSON.stringify(newView)
       });
     }
-  }, [history, isCustom, editEntityRecord, editedEntityRecord?.id, layout, path]);
+    const currentUrlLayout = layout !== null && layout !== void 0 ? layout : LAYOUT_LIST;
+    if (newView.type !== currentUrlLayout) {
+      history.navigate(addQueryArgs(path, {
+        layout: newView.type
+      }));
+    }
+  });
 
   // When layout URL param changes, update the view type
   // without affecting any other config.
+  const onUrlLayoutChange = useEvent(() => {
+    setView(prevView => {
+      const newType = layout !== null && layout !== void 0 ? layout : LAYOUT_LIST;
+      if (newType === prevView.type) {
+        return prevView;
+      }
+      return {
+        ...prevView,
+        type: newType,
+        ...defaultLayouts[newType]
+      };
+    });
+  });
   useEffect(() => {
-    setView(prevView => ({
-      ...prevView,
-      type: layout !== null && layout !== void 0 ? layout : LAYOUT_LIST
-    }));
-  }, [layout]);
+    onUrlLayoutChange();
+  }, [onUrlLayoutChange, layout]);
 
   // When activeView or isCustom URL parameters change, reset the view.
-  useEffect(() => {
+  const onUrlActiveViewChange = useEvent(() => {
     let newView;
     if (isCustom === 'true') {
       newView = getCustomView(editedEntityRecord);
@@ -146,17 +156,24 @@ function useView(postType) {
       const type = layout !== null && layout !== void 0 ? layout : newView.type;
       setView({
         ...newView,
-        type
+        type,
+        ...defaultLayouts[type]
       });
     }
-  }, [activeView, isCustom, layout, defaultViews, editedEntityRecord]);
-  return [view, setViewWithUrlUpdate, setViewWithUrlUpdate];
+  });
+  useEffect(() => {
+    onUrlActiveViewChange();
+  }, [onUrlActiveViewChange, activeView, isCustom, defaultViews, editedEntityRecord]);
+  return [view, setViewWithUrlUpdate];
 }
 const DEFAULT_STATUSES = 'draft,future,pending,private,publish'; // All but 'trash'.
 
 function getItemId(item) {
   return item.id.toString();
 }
+function getItemLevel(item) {
+  return item.level;
+}
 export default function PostList({
   postType
 }) {
@@ -242,6 +259,7 @@ export default function PostList({
       _embed: 'author',
       order: view.sort?.direction,
       orderby: view.sort?.field,
+      orderby_hierarchy: !!view.showLevels,
       search: view.search,
       ...filters
     };
@@ -342,6 +360,7 @@ export default function PostList({
         history.navigate(`/${postType}/${id}?canvas=edit`);
       },
       getItemId: getItemId,
+      getItemLevel: getItemLevel,
       defaultLayouts: defaultLayouts,
       header: window.__experimentalQuickEditDataViews && view.type !== LAYOUT_LIST && postType === 'page' && /*#__PURE__*/_jsx(Button, {
         size: "compact",