@wordpress/edit-site 6.13.0 → 6.13.1-next.a9f418477.0

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

@@ -1,4 +1,3 @@
-/* wp:polyfill */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -12,12 +11,14 @@ var _coreData = require("@wordpress/core-data");
 var _dataviews = require("@wordpress/dataviews");
 var _router = require("@wordpress/router");
 var _editor = require("@wordpress/editor");
+var _fields = require("@wordpress/fields");
+var _url = require("@wordpress/url");
 var _page = _interopRequireDefault(require("../page"));
 var _addNewTemplate = _interopRequireDefault(require("../add-new-template"));
 var _constants = require("../../utils/constants");
 var _lockUnlock = require("../../lock-unlock");
 var _dataviewsActions = require("../dataviews-actions");
-var _fields = require("./fields");
+var _fields2 = require("./fields");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
@@ -40,23 +41,9 @@ const {
 const EMPTY_ARRAY = [];
 const defaultLayouts = {
   [_constants.LAYOUT_TABLE]: {
-    fields: ['template', 'author'],
+    showMedia: false,
     layout: {
-      primaryField: 'title',
-      combinedFields: [{
-        id: 'template',
-        label: (0, _i18n.__)('Template'),
-        children: ['title', 'description'],
-        direction: 'vertical'
-      }],
       styles: {
-        template: {
-          maxWidth: 400,
-          minWidth: 320
-        },
-        preview: {
-          width: '1%'
-        },
         author: {
           width: '1%'
         }
@@ -64,18 +51,10 @@ const defaultLayouts = {
     }
   },
   [_constants.LAYOUT_GRID]: {
-    fields: ['title', 'description', 'author'],
-    layout: {
-      mediaField: 'preview',
-      primaryField: 'title',
-      columnFields: ['description']
-    }
+    showMedia: true
   },
   [_constants.LAYOUT_LIST]: {
-    fields: ['title', 'description', 'author'],
-    layout: {
-      primaryField: 'title'
-    }
+    showMedia: false
   }
 };
 const DEFAULT_VIEW = {
@@ -87,45 +66,50 @@ const DEFAULT_VIEW = {
     field: 'title',
     direction: 'asc'
   },
-  fields: defaultLayouts[_constants.LAYOUT_GRID].fields,
-  layout: defaultLayouts[_constants.LAYOUT_GRID].layout,
-  filters: []
+  titleField: 'title',
+  descriptionField: 'description',
+  mediaField: 'preview',
+  fields: ['author'],
+  filters: [],
+  ...defaultLayouts[_constants.LAYOUT_GRID]
 };
 function PageTemplates() {
   const {
-    params
+    path,
+    query
   } = useLocation();
   const {
     activeView = 'all',
     layout,
     postId
-  } = params;
+  } = query;
   const [selection, setSelection] = (0, _element.useState)([postId]);
   const defaultView = (0, _element.useMemo)(() => {
     const usedType = layout !== null && layout !== void 0 ? layout : DEFAULT_VIEW.type;
     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] = (0, _element.useState)(defaultView);
   (0, _element.useEffect)(() => {
+    const usedType = layout !== null && layout !== void 0 ? layout : DEFAULT_VIEW.type;
     setView(currentView => ({
       ...currentView,
+      type: usedType,
       filters: activeView !== 'all' ? [{
         field: 'author',
         operator: _constants.OPERATOR_IS_ANY,
         value: [activeView]
       }] : []
     }));
-  }, [activeView]);
+  }, [activeView, layout]);
   const {
     records,
     isResolving: isLoadingData
@@ -136,12 +120,11 @@ function PageTemplates() {
   const onChangeSelection = (0, _element.useCallback)(items => {
     setSelection(items);
     if (view?.type === _constants.LAYOUT_LIST) {
-      history.push({
-        ...params,
+      history.navigate((0, _url.addQueryArgs)(path, {
         postId: items.length === 1 ? items[0] : undefined
-      });
+      }));
     }
-  }, [history, params, view?.type]);
+  }, [history, path, view?.type]);
   const authors = (0, _element.useMemo)(() => {
     if (!records) {
       return EMPTY_ARRAY;
@@ -155,8 +138,8 @@ function PageTemplates() {
       label: author
     }));
   }, [records]);
-  const fields = (0, _element.useMemo)(() => [_fields.previewField, _fields.titleField, _fields.descriptionField, {
-    ..._fields.authorField,
+  const fields = (0, _element.useMemo)(() => [_fields2.previewField, _fields.templateTitleField, _fields2.descriptionField, {
+    ..._fields2.authorField,
     elements: authors
   }], [authors]);
   const {
@@ -173,13 +156,12 @@ function PageTemplates() {
   const actions = (0, _element.useMemo)(() => [editAction, ...postTypeActions], [postTypeActions, editAction]);
   const onChangeView = (0, _element.useCallback)(newView => {
     if (newView.type !== view.type) {
-      history.push({
-        ...params,
+      history.navigate((0, _url.addQueryArgs)(path, {
         layout: newView.type
-      });
+      }));
     }
     setView(newView);
-  }, [view.type, setView, history, params]);
+  }, [view.type, setView, history, path]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_page.default, {
     className: "edit-site-page-templates",
     title: (0, _i18n.__)('Templates'),
@@ -193,6 +175,12 @@ 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/components/page-templates/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_element","_coreData","_dataviews","_router","_editor","_page","_interopRequireDefault","_addNewTemplate","_constants","_lockUnlock","_dataviewsActions","_fields","_jsxRuntime","usePostActions","unlock","editorPrivateApis","useHistory","useLocation","routerPrivateApis","useEntityRecordsWithPermissions","corePrivateApis","EMPTY_ARRAY","defaultLayouts","LAYOUT_TABLE","fields","layout","primaryField","combinedFields","id","label","__","children","direction","styles","template","maxWidth","minWidth","preview","width","author","LAYOUT_GRID","mediaField","columnFields","LAYOUT_LIST","DEFAULT_VIEW","type","search","page","perPage","sort","field","filters","PageTemplates","params","activeView","postId","selection","setSelection","useState","defaultView","useMemo","usedType","operator","value","view","setView","useEffect","currentView","OPERATOR_IS_ANY","records","isResolving","isLoadingData","TEMPLATE_POST_TYPE","per_page","history","onChangeSelection","useCallback","items","push","length","undefined","authors","authorsSet","Set","forEach","add","author_text","Array","from","map","previewField","titleField","descriptionField","authorField","elements","data","paginationInfo","filterSortAndPaginate","postTypeActions","postType","context","editAction","useEditPostAction","actions","onChangeView","newView","jsx","default","className","title","DataViews","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';\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 { params } = useLocation();\n\tconst { activeView = 'all', layout, postId } = params;\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\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}, [ 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.push( {\n\t\t\t\t\t...params,\n\t\t\t\t\tpostId: items.length === 1 ? items[ 0 ] : undefined,\n\t\t\t\t} );\n\t\t\t}\n\t\t},\n\t\t[ history, params, 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.push( {\n\t\t\t\t\t...params,\n\t\t\t\t\tlayout: newView.type,\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, params ]\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":["_i18n","require","_element","_coreData","_dataviews","_router","_editor","_fields","_url","_page","_interopRequireDefault","_addNewTemplate","_constants","_lockUnlock","_dataviewsActions","_fields2","_jsxRuntime","usePostActions","unlock","editorPrivateApis","useHistory","useLocation","routerPrivateApis","useEntityRecordsWithPermissions","corePrivateApis","EMPTY_ARRAY","defaultLayouts","LAYOUT_TABLE","showMedia","layout","styles","author","width","LAYOUT_GRID","LAYOUT_LIST","DEFAULT_VIEW","type","search","page","perPage","sort","field","direction","titleField","descriptionField","mediaField","fields","filters","PageTemplates","path","query","activeView","postId","selection","setSelection","useState","defaultView","useMemo","usedType","operator","value","view","setView","useEffect","currentView","OPERATOR_IS_ANY","records","isResolving","isLoadingData","TEMPLATE_POST_TYPE","per_page","history","onChangeSelection","useCallback","items","navigate","addQueryArgs","length","undefined","authors","authorsSet","Set","forEach","template","add","author_text","Array","from","map","label","previewField","templateTitleField","authorField","elements","data","paginationInfo","filterSortAndPaginate","postTypeActions","postType","context","editAction","useEditPostAction","actions","onChangeView","newView","jsx","default","className","title","__","children","DataViews","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';\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\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\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 = 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\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":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,IAAA,GAAAP,OAAA;AAKA,IAAAQ,KAAA,GAAAC,sBAAA,CAAAT,OAAA;AACA,IAAAU,eAAA,GAAAD,sBAAA,CAAAT,OAAA;AACA,IAAAW,UAAA,GAAAX,OAAA;AAOA,IAAAY,WAAA,GAAAZ,OAAA;AACA,IAAAa,iBAAA,GAAAb,OAAA;AACA,IAAAc,QAAA,GAAAd,OAAA;AAAuE,IAAAe,WAAA,GAAAf,OAAA;AA1BvE;AACA;AACA;;AAUA;AACA;AACA;;AAcA,MAAM;EAAEgB;AAAe,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AACtD,MAAM;EAAEC,UAAU;EAAEC;AAAY,CAAC,GAAG,IAAAH,kBAAM,EAAEI,mBAAkB,CAAC;AAC/D,MAAM;EAAEC;AAAgC,CAAC,GAAG,IAAAL,kBAAM,EAAEM,qBAAgB,CAAC;AAErE,MAAMC,WAAW,GAAG,EAAE;AAEtB,MAAMC,cAAc,GAAG;EACtB,CAAEC,uBAAY,GAAI;IACjBC,SAAS,EAAE,KAAK;IAChBC,MAAM,EAAE;MACPC,MAAM,EAAE;QACPC,MAAM,EAAE;UACPC,KAAK,EAAE;QACR;MACD;IACD;EACD,CAAC;EACD,CAAEC,sBAAW,GAAI;IAChBL,SAAS,EAAE;EACZ,CAAC;EACD,CAAEM,sBAAW,GAAI;IAChBN,SAAS,EAAE;EACZ;AACD,CAAC;AAED,MAAMO,YAAY,GAAG;EACpBC,IAAI,EAAEH,sBAAW;EACjBI,MAAM,EAAE,EAAE;EACVC,IAAI,EAAE,CAAC;EACPC,OAAO,EAAE,EAAE;EACXC,IAAI,EAAE;IACLC,KAAK,EAAE,OAAO;IACdC,SAAS,EAAE;EACZ,CAAC;EACDC,UAAU,EAAE,OAAO;EACnBC,gBAAgB,EAAE,aAAa;EAC/BC,UAAU,EAAE,SAAS;EACrBC,MAAM,EAAE,CAAE,QAAQ,CAAE;EACpBC,OAAO,EAAE,EAAE;EACX,GAAGrB,cAAc,CAAEO,sBAAW;AAC/B,CAAC;AAEc,SAASe,aAAaA,CAAA,EAAG;EACvC,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG7B,WAAW,CAAC,CAAC;EACrC,MAAM;IAAE8B,UAAU,GAAG,KAAK;IAAEtB,MAAM;IAAEuB;EAAO,CAAC,GAAGF,KAAK;EACpD,MAAM,CAAEG,SAAS,EAAEC,YAAY,CAAE,GAAG,IAAAC,iBAAQ,EAAE,CAAEH,MAAM,CAAG,CAAC;EAE1D,MAAMI,WAAW,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAClC,MAAMC,QAAQ,GAAG7B,MAAM,aAANA,MAAM,cAANA,MAAM,GAAIM,YAAY,CAACC,IAAI;IAC5C,OAAO;MACN,GAAGD,YAAY;MACfC,IAAI,EAAEsB,QAAQ;MACdX,OAAO,EACNI,UAAU,KAAK,KAAK,GACjB,CACA;QACCV,KAAK,EAAE,QAAQ;QACfkB,QAAQ,EAAE,OAAO;QACjBC,KAAK,EAAE,CAAET,UAAU;MACpB,CAAC,CACA,GACD,EAAE;MACN,GAAGzB,cAAc,CAAEgC,QAAQ;IAC5B,CAAC;EACF,CAAC,EAAE,CAAE7B,MAAM,EAAEsB,UAAU,CAAG,CAAC;EAC3B,MAAM,CAAEU,IAAI,EAAEC,OAAO,CAAE,GAAG,IAAAP,iBAAQ,EAAEC,WAAY,CAAC;EACjD,IAAAO,kBAAS,EAAE,MAAM;IAChB,MAAML,QAAQ,GAAG7B,MAAM,aAANA,MAAM,cAANA,MAAM,GAAIM,YAAY,CAACC,IAAI;IAC5C0B,OAAO,CAAIE,WAAW,KAAQ;MAC7B,GAAGA,WAAW;MACd5B,IAAI,EAAEsB,QAAQ;MACdX,OAAO,EACNI,UAAU,KAAK,KAAK,GACjB,CACA;QACCV,KAAK,EAAE,QAAQ;QACfkB,QAAQ,EAAEM,0BAAe;QACzBL,KAAK,EAAE,CAAET,UAAU;MACpB,CAAC,CACA,GACD;IACL,CAAC,CAAG,CAAC;EACN,CAAC,EAAE,CAAEA,UAAU,EAAEtB,MAAM,CAAG,CAAC;EAE3B,MAAM;IAAEqC,OAAO;IAAEC,WAAW,EAAEC;EAAc,CAAC,GAC5C7C,+BAA+B,CAAE,UAAU,EAAE8C,6BAAkB,EAAE;IAChEC,QAAQ,EAAE,CAAC;EACZ,CAAE,CAAC;EACJ,MAAMC,OAAO,GAAGnD,UAAU,CAAC,CAAC;EAC5B,MAAMoD,iBAAiB,GAAG,IAAAC,oBAAW,EAClCC,KAAK,IAAM;IACZpB,YAAY,CAAEoB,KAAM,CAAC;IACrB,IAAKb,IAAI,EAAEzB,IAAI,KAAKF,sBAAW,EAAG;MACjCqC,OAAO,CAACI,QAAQ,CACf,IAAAC,iBAAY,EAAE3B,IAAI,EAAE;QACnBG,MAAM,EAAEsB,KAAK,CAACG,MAAM,KAAK,CAAC,GAAGH,KAAK,CAAE,CAAC,CAAE,GAAGI;MAC3C,CAAE,CACH,CAAC;IACF;EACD,CAAC,EACD,CAAEP,OAAO,EAAEtB,IAAI,EAAEY,IAAI,EAAEzB,IAAI,CAC5B,CAAC;EAED,MAAM2C,OAAO,GAAG,IAAAtB,gBAAO,EAAE,MAAM;IAC9B,IAAK,CAAES,OAAO,EAAG;MAChB,OAAOzC,WAAW;IACnB;IACA,MAAMuD,UAAU,GAAG,IAAIC,GAAG,CAAC,CAAC;IAC5Bf,OAAO,CAACgB,OAAO,CAAIC,QAAQ,IAAM;MAChCH,UAAU,CAACI,GAAG,CAAED,QAAQ,CAACE,WAAY,CAAC;IACvC,CAAE,CAAC;IACH,OAAOC,KAAK,CAACC,IAAI,CAAEP,UAAW,CAAC,CAACQ,GAAG,CAAIzD,MAAM,KAAQ;MACpD6B,KAAK,EAAE7B,MAAM;MACb0D,KAAK,EAAE1D;IACR,CAAC,CAAG,CAAC;EACN,CAAC,EAAE,CAAEmC,OAAO,CAAG,CAAC;EAEhB,MAAMpB,MAAM,GAAG,IAAAW,gBAAO,EACrB,MAAM,CACLiC,qBAAY,EACZC,0BAAkB,EAClB/C,yBAAgB,EAChB;IACC,GAAGgD,oBAAW;IACdC,QAAQ,EAAEd;EACX,CAAC,CACD,EACD,CAAEA,OAAO,CACV,CAAC;EAED,MAAM;IAAEe,IAAI;IAAEC;EAAe,CAAC,GAAG,IAAAtC,gBAAO,EAAE,MAAM;IAC/C,OAAO,IAAAuC,gCAAqB,EAAE9B,OAAO,EAAEL,IAAI,EAAEf,MAAO,CAAC;EACtD,CAAC,EAAE,CAAEoB,OAAO,EAAEL,IAAI,EAAEf,MAAM,CAAG,CAAC;EAE9B,MAAMmD,eAAe,GAAGhF,cAAc,CAAE;IACvCiF,QAAQ,EAAE7B,6BAAkB;IAC5B8B,OAAO,EAAE;EACV,CAAE,CAAC;EACH,MAAMC,UAAU,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EACtC,MAAMC,OAAO,GAAG,IAAA7C,gBAAO,EACtB,MAAM,CAAE2C,UAAU,EAAE,GAAGH,eAAe,CAAE,EACxC,CAAEA,eAAe,EAAEG,UAAU,CAC9B,CAAC;EAED,MAAMG,YAAY,GAAG,IAAA9B,oBAAW,EAC7B+B,OAAO,IAAM;IACd,IAAKA,OAAO,CAACpE,IAAI,KAAKyB,IAAI,CAACzB,IAAI,EAAG;MACjCmC,OAAO,CAACI,QAAQ,CACf,IAAAC,iBAAY,EAAE3B,IAAI,EAAE;QACnBpB,MAAM,EAAE2E,OAAO,CAACpE;MACjB,CAAE,CACH,CAAC;IACF;IAEA0B,OAAO,CAAE0C,OAAQ,CAAC;EACnB,CAAC,EACD,CAAE3C,IAAI,CAACzB,IAAI,EAAE0B,OAAO,EAAES,OAAO,EAAEtB,IAAI,CACpC,CAAC;EAED,oBACC,IAAAjC,WAAA,CAAAyF,GAAA,EAAChG,KAAA,CAAAiG,OAAI;IACJC,SAAS,EAAC,0BAA0B;IACpCC,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;IAC3BP,OAAO,eAAG,IAAAtF,WAAA,CAAAyF,GAAA,EAAC9F,eAAA,CAAA+F,OAAc,IAAE,CAAG;IAAAI,QAAA,eAE9B,IAAA9F,WAAA,CAAAyF,GAAA,EAACrG,UAAA,CAAA2G,SAAS;MAEThB,cAAc,EAAGA,cAAgB;MACjCjD,MAAM,EAAGA,MAAQ;MACjBwD,OAAO,EAAGA,OAAS;MACnBR,IAAI,EAAGA,IAAM;MACbkB,SAAS,EAAG5C,aAAe;MAC3BP,IAAI,EAAGA,IAAM;MACb0C,YAAY,EAAGA,YAAc;MAC7B/B,iBAAiB,EAAGA,iBAAmB;MACvCyC,eAAe,EAAGA,CAAA,KAAM,IAAM;MAC9BC,WAAW,EAAGA,CAAE;QAAEC;MAAG,CAAC,KAAM;QAC3B5C,OAAO,CAACI,QAAQ,CAAE,gBAAiBwC,EAAE,cAAgB,CAAC;MACvD,CAAG;MACH9D,SAAS,EAAGA,SAAW;MACvB3B,cAAc,EAAGA;IAAgB,GAd3ByB,UAeN;EAAC,CACG,CAAC;AAET","ignoreList":[]}

package/build/components/post-edit/header.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PostEditHeader;
+var _components = require("@wordpress/components");
+var _element = require("@wordpress/element");
+var _editor = require("@wordpress/editor");
+var _coreData = require("@wordpress/core-data");
+var _data = require("@wordpress/data");
+var _i18n = require("@wordpress/i18n");
+var _lockUnlock = require("../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  PostCardPanel
+} = (0, _lockUnlock.unlock)(_editor.privateApis);
+function PostEditHeader({
+  postType,
+  postId
+}) {
+  const ids = (0, _element.useMemo)(() => postId.split(','), [postId]);
+  const {
+    icon,
+    labels
+  } = (0, _data.useSelect)(select => {
+    const {
+      getEditedEntityRecord,
+      getPostType
+    } = select(_coreData.store);
+    const {
+      getPostIcon
+    } = (0, _lockUnlock.unlock)(select(_editor.store));
+    const _record = getEditedEntityRecord('postType', postType, ids[0]);
+    return {
+      icon: getPostIcon(postType, {
+        area: _record?.area
+      }),
+      labels: getPostType(postType)?.labels
+    };
+  }, [ids, postType]);
+  if (ids.length === 1) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(PostCardPanel, {
+      postType: postType,
+      postId: parseInt(ids[0], 10)
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+    spacing: 1,
+    className: "edit-site-post-edit-header",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+      spacing: 2,
+      align: "center",
+      justify: "normal",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
+        className: "edit-site-post-edit-header__icon",
+        icon: icon
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+        numberOfLines: 2,
+        truncate: true,
+        className: "edit-site-post-edit-header__title",
+        as: "h2",
+        children: labels?.name && (0, _i18n.sprintf)(
+        // translators: %i number of selected items %s: Name of the plural post type e.g: "Posts".
+        (0, _i18n.__)('%i %s'), ids.length, labels?.name)
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+      className: "edit-site-post-edit-header__description",
+      children: (0, _i18n.sprintf)(
+      // translators: %s: Name of the plural post type e.g: "Posts".
+      (0, _i18n.__)('Changes will be applied to all selected %s.'), labels?.name.toLowerCase())
+    })]
+  });
+}
+//# sourceMappingURL=header.js.map

package/build/components/post-edit/header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_components","require","_element","_editor","_coreData","_data","_i18n","_lockUnlock","_jsxRuntime","PostCardPanel","unlock","editorPrivateApis","PostEditHeader","postType","postId","ids","useMemo","split","icon","labels","useSelect","select","getEditedEntityRecord","getPostType","coreStore","getPostIcon","editorStore","_record","area","length","jsx","parseInt","jsxs","__experimentalVStack","spacing","className","children","__experimentalHStack","align","justify","Icon","__experimentalText","numberOfLines","truncate","as","name","sprintf","__","toLowerCase"],"sources":["@wordpress/edit-site/src/components/post-edit/header.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tIcon,\n\t__experimentalText as Text,\n} from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\nimport {\n\tprivateApis as editorPrivateApis,\n\tstore as editorStore,\n} from '@wordpress/editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { sprintf, __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { PostCardPanel } = unlock( editorPrivateApis );\n\nexport default function PostEditHeader( { postType, postId } ) {\n\tconst ids = useMemo( () => postId.split( ',' ), [ postId ] );\n\tconst { icon, labels } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEditedEntityRecord, getPostType } = select( coreStore );\n\t\t\tconst { getPostIcon } = unlock( select( editorStore ) );\n\t\t\tconst _record = getEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\tids[ 0 ]\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\ticon: getPostIcon( postType, {\n\t\t\t\t\tarea: _record?.area,\n\t\t\t\t} ),\n\t\t\t\tlabels: getPostType( postType )?.labels,\n\t\t\t};\n\t\t},\n\t\t[ ids, postType ]\n\t);\n\n\tif ( ids.length === 1 ) {\n\t\treturn (\n\t\t\t<PostCardPanel\n\t\t\t\tpostType={ postType }\n\t\t\t\tpostId={ parseInt( ids[ 0 ], 10 ) }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 1 } className=\"edit-site-post-edit-header\">\n\t\t\t<HStack spacing={ 2 } align=\"center\" justify=\"normal\">\n\t\t\t\t<Icon\n\t\t\t\t\tclassName=\"edit-site-post-edit-header__icon\"\n\t\t\t\t\ticon={ icon }\n\t\t\t\t/>\n\t\t\t\t<Text\n\t\t\t\t\tnumberOfLines={ 2 }\n\t\t\t\t\ttruncate\n\t\t\t\t\tclassName=\"edit-site-post-edit-header__title\"\n\t\t\t\t\tas=\"h2\"\n\t\t\t\t>\n\t\t\t\t\t{ labels?.name &&\n\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t// translators: %i number of selected items %s: Name of the plural post type e.g: \"Posts\".\n\t\t\t\t\t\t\t__( '%i %s' ),\n\t\t\t\t\t\t\tids.length,\n\t\t\t\t\t\t\tlabels?.name\n\t\t\t\t\t\t) }\n\t\t\t\t</Text>\n\t\t\t</HStack>\n\t\t\t<Text className=\"edit-site-post-edit-header__description\">\n\t\t\t\t{ sprintf(\n\t\t\t\t\t// translators: %s: Name of the plural post type e.g: \"Posts\".\n\t\t\t\t\t__( 'Changes will be applied to all selected %s.' ),\n\t\t\t\t\tlabels?.name.toLowerCase()\n\t\t\t\t) }\n\t\t\t</Text>\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -14,7 +14,10 @@ var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
 var _editor = require("@wordpress/editor");
 var _page = _interopRequireDefault(require("../page"));
+var _header = _interopRequireDefault(require("../post-edit/header"));
 var _lockUnlock = require("../../lock-unlock");
+var _usePatternSettings = _interopRequireDefault(require("../page-patterns/use-pattern-settings"));
+var _blockEditor = require("@wordpress/block-editor");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
@@ -29,7 +32,6 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 
 const {
-  PostCardPanel,
   usePostFields
 } = (0, _lockUnlock.unlock)(_editor.privateApis);
 const fieldsWithBulkEditSupport = ['title', 'status', 'date', 'author', 'comment_status'];
@@ -51,7 +53,9 @@ function PostEditForm({
   } = (0, _data.useDispatch)(_coreData.store);
   const {
     fields: _fields
-  } = usePostFields();
+  } = usePostFields({
+    postType
+  });
   const fields = (0, _element.useMemo)(() => _fields?.map(field => {
     if (field.id === 'status') {
       return {
@@ -66,11 +70,16 @@ function PostEditForm({
     fields: [{
       id: 'featured_media',
       layout: 'regular'
-    }, 'title', {
+    }, {
       id: 'status',
       label: (0, _i18n.__)('Status & Visibility'),
       children: ['status', 'password']
-    }, 'author', 'date', 'slug', 'parent', 'comment_status'].filter(field => ids.length === 1 || fieldsWithBulkEditSupport.includes(field))
+    }, 'author', 'date', 'slug', 'parent', 'comment_status', {
+      label: (0, _i18n.__)('Template'),
+      labelPosition: 'side',
+      id: 'template',
+      layout: 'regular'
+    }].filter(field => ids.length === 1 || fieldsWithBulkEditSupport.includes(field))
   }), [ids]);
   const onChange = edits => {
     for (const id of ids) {
@@ -92,14 +101,40 @@ function PostEditForm({
   (0, _element.useEffect)(() => {
     setMultiEdits({});
   }, [ids]);
+  const {
+    ExperimentalBlockEditorProvider
+  } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+  const settings = (0, _usePatternSettings.default)();
+
+  /**
+   * The template field depends on the block editor settings.
+   * This is a workaround to ensure that the block editor settings are available.
+   * For more information, see: https://github.com/WordPress/gutenberg/issues/67521
+   */
+  const fieldsWithDependency = (0, _element.useMemo)(() => {
+    return fields.map(field => {
+      if (field.id === 'template') {
+        return {
+          ...field,
+          Edit: data => /*#__PURE__*/(0, _jsxRuntime.jsx)(ExperimentalBlockEditorProvider, {
+            settings: settings,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(field.Edit, {
+              ...data
+            })
+          })
+        };
+      }
+      return field;
+    });
+  }, [fields, settings]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
     spacing: 4,
-    children: [ids.length === 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(PostCardPanel, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
       postType: postType,
-      postId: ids[0]
+      postId: postId
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataviews.DataForm, {
       data: ids.length === 1 ? record : multiEdits,
-      fields: fields,
+      fields: fieldsWithDependency,
       form: form,
       onChange: onChange
     })]

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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_dataviews","_data","_coreData","_components","_element","_editor","_page","_lockUnlock","_jsxRuntime","PostCardPanel","usePostFields","unlock","editorPrivateApis","fieldsWithBulkEditSupport","PostEditForm","postType","postId","ids","useMemo","split","record","useSelect","select","length","coreDataStore","getEditedEntityRecord","multiEdits","setMultiEdits","useState","editEntityRecord","useDispatch","fields","_fields","map","field","id","elements","filter","element","value","form","type","layout","label","__","children","includes","onChange","edits","status","Date","date","password","prev","useEffect","jsxs","__experimentalVStack","spacing","jsx","DataForm","data","PostEdit","default","className","clsx"],"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';\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();\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].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\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={ fields }\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","_interopRequireDefault","require","_i18n","_dataviews","_data","_coreData","_components","_element","_editor","_page","_header","_lockUnlock","_usePatternSettings","_blockEditor","_jsxRuntime","usePostFields","unlock","editorPrivateApis","fieldsWithBulkEditSupport","PostEditForm","postType","postId","ids","useMemo","split","record","useSelect","select","length","coreDataStore","getEditedEntityRecord","multiEdits","setMultiEdits","useState","editEntityRecord","useDispatch","fields","_fields","map","field","id","elements","filter","element","value","form","type","layout","label","__","children","labelPosition","includes","onChange","edits","status","Date","date","password","prev","useEffect","ExperimentalBlockEditorProvider","blockEditorPrivateApis","settings","usePatternSettings","fieldsWithDependency","Edit","data","jsx","jsxs","__experimentalVStack","spacing","default","DataForm","PostEdit","className","clsx"],"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 PostEditHeader from '../post-edit/header';\nimport { unlock } from '../../lock-unlock';\nimport usePatternSettings from '../page-patterns/use-pattern-settings';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\nconst { 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{\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<PostEditHeader postType={ postType } postId={ postId } />\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":[]}

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

@@ -14,13 +14,14 @@ var _dataviews = require("@wordpress/dataviews");
 var _editor = require("@wordpress/editor");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
+var _compose = require("@wordpress/compose");
+var _url = require("@wordpress/url");
 var _page = _interopRequireDefault(require("../page"));
 var _defaultViews = require("../sidebar-dataviews/default-views");
 var _constants = require("../../utils/constants");
 var _addNewPost = _interopRequireDefault(require("../add-new-post"));
 var _lockUnlock = require("../../lock-unlock");
 var _dataviewsActions = require("../dataviews-actions");
-var _compose = require("@wordpress/compose");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
@@ -57,7 +58,7 @@ const getCustomView = editedEntityRecord => {
   }
   return {
     ...content,
-    layout: _defaultViews.defaultLayouts[content.type]?.layout
+    ..._defaultViews.defaultLayouts[content.type]
   };
 };
 
@@ -73,7 +74,8 @@ const getCustomView = editedEntityRecord => {
  */
 function useView(postType) {
   const {
-    params: {
+    path,
+    query: {
       activeView = 'all',
       isCustom = 'false',
       layout
@@ -115,17 +117,13 @@ function useView(postType) {
     };
   });
   const setViewWithUrlUpdate = (0, _element.useCallback)(newView => {
-    const {
-      params
-    } = history.getLocationWithParams();
-    if (newView.type === _constants.LAYOUT_LIST && !params?.layout) {
+    if (newView.type === _constants.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 !== params?.layout) {
-      history.push({
-        ...params,
+    } else if (newView.type !== layout) {
+      history.navigate((0, _url.addQueryArgs)(path, {
         layout: newView.type
-      });
+      }));
     }
     setView(newView);
     if (isCustom === 'true' && editedEntityRecord?.id) {
@@ -133,7 +131,7 @@ function useView(postType) {
         content: JSON.stringify(newView)
       });
     }
-  }, [history, isCustom, editEntityRecord, editedEntityRecord?.id]);
+  }, [history, isCustom, editEntityRecord, editedEntityRecord?.id, layout, path]);
 
   // When layout URL param changes, update the view type
   // without affecting any other config.
@@ -182,21 +180,17 @@ function PostList({
     quickEdit = false,
     isCustom,
     activeView = 'all'
-  } = location.params;
+  } = location.query;
   const [selection, setSelection] = (0, _element.useState)((_postId$split = postId?.split(',')) !== null && _postId$split !== void 0 ? _postId$split : []);
   const onChangeSelection = (0, _element.useCallback)(items => {
-    var _params$isCustom;
+    var _location$query$isCus;
     setSelection(items);
-    const {
-      params
-    } = history.getLocationWithParams();
-    if (((_params$isCustom = params.isCustom) !== null && _params$isCustom !== void 0 ? _params$isCustom : 'false') === 'false') {
-      history.push({
-        ...params,
+    if (((_location$query$isCus = location.query.isCustom) !== null && _location$query$isCus !== void 0 ? _location$query$isCus : 'false') === 'false') {
+      history.navigate((0, _url.addQueryArgs)(location.path, {
         postId: items.join(',')
-      });
+      }));
     }
-  }, [history]);
+  }, [location.path, location.query.isCustom, history]);
   const getActiveViewFilters = (views, match) => {
     var _found$filters;
     const found = views.find(({
@@ -207,7 +201,9 @@ function PostList({
   const {
     isLoading: isLoadingFields,
     fields: _fields
-  } = usePostFields();
+  } = usePostFields({
+    postType
+  });
   const fields = (0, _element.useMemo)(() => {
     const activeViewFilters = getActiveViewFilters(defaultViews, activeView).map(({
       field
@@ -282,12 +278,11 @@ function PostList({
   const postIdWasDeleted = deletedIds.includes(postId);
   (0, _element.useEffect)(() => {
     if (postIdWasDeleted) {
-      history.push({
-        ...history.getLocationWithParams().params,
+      history.navigate((0, _url.addQueryArgs)(location.path, {
         postId: undefined
-      });
+      }));
     }
-  }, [postIdWasDeleted, history]);
+  }, [history, postIdWasDeleted, location.path]);
   const paginationInfo = (0, _element.useMemo)(() => ({
     totalItems,
     totalPages
@@ -321,11 +316,7 @@ function PostList({
     type,
     id
   }) => {
-    history.push({
-      postId: id,
-      postType: type,
-      canvas: 'edit'
-    });
+    history.navigate(`/${type}/${id}?canvas=edit`);
     closeModal();
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_page.default, {
@@ -356,11 +347,7 @@ function PostList({
       onClickItem: ({
         id
       }) => {
-        history.push({
-          postId: id,
-          postType,
-          canvas: 'edit'
-        });
+        history.navigate(`/${postType}/${id}?canvas=edit`);
       },
       getItemId: getItemId,
       defaultLayouts: _defaultViews.defaultLayouts,
@@ -370,10 +357,9 @@ function PostList({
         icon: _icons.drawerRight,
         label: (0, _i18n.__)('Details'),
         onClick: () => {
-          history.push({
-            ...location.params,
+          history.navigate((0, _url.addQueryArgs)(location.path, {
             quickEdit: quickEdit ? undefined : true
-          });
+          }));
         }
       })
     }, activeView + isCustom)