@wordpress/edit-site 5.25.0 → 5.25.1-next.79a6196f.0

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

@@ -2,7 +2,7 @@ import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
-import { __experimentalHeading as Heading, __experimentalVStack as VStack } from '@wordpress/components';
+import { __experimentalView as View, __experimentalVStack as VStack, Button } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { useEntityRecords, store as coreStore } from '@wordpress/core-data';
 import { decodeEntities } from '@wordpress/html-entities';
@@ -11,33 +11,25 @@ import { dateI18n, getDate, getSettings } from '@wordpress/date';
 import { privateApis as routerPrivateApis } from '@wordpress/router';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { DataViews } from '@wordpress/dataviews';
+import { ENTER, SPACE } from '@wordpress/keycodes';
 
 /**
  * Internal dependencies
  */
 import Page from '../page';
 import Link from '../routes/link';
-import { default as DEFAULT_VIEWS } from '../sidebar-dataviews/default-views';
+import { DEFAULT_VIEWS, DEFAULT_CONFIG_PER_VIEW_TYPE } from '../sidebar-dataviews/default-views';
 import { ENUMERATION_TYPE, LAYOUT_GRID, LAYOUT_TABLE, LAYOUT_LIST, OPERATOR_IN, OPERATOR_NOT_IN } from '../../utils/constants';
 import { trashPostAction, usePermanentlyDeletePostAction, useRestorePostAction, postRevisionsAction, viewPostAction, useEditPostAction } from '../actions';
-import SideEditor from './side-editor';
+import PostPreview from '../post-preview';
+import AddNewPageModal from '../add-new-page';
 import Media from '../media';
 import { unlock } from '../../lock-unlock';
 const {
-  useLocation
+  useLocation,
+  useHistory
 } = unlock(routerPrivateApis);
 const EMPTY_ARRAY = [];
-const defaultConfigPerViewType = {
-  [LAYOUT_TABLE]: {},
-  [LAYOUT_GRID]: {
-    mediaField: 'featured-image',
-    primaryField: 'title'
-  },
-  [LAYOUT_LIST]: {
-    primaryField: 'title',
-    mediaField: 'featured-image'
-  }
-};
 function useView(type) {
   const {
     params: {
@@ -111,7 +103,16 @@ export default function PagePages() {
   const postType = 'page';
   const [view, setView] = useView(postType);
   const [pageId, setPageId] = useState(null);
-  const onSelectionChange = items => setPageId(items?.length === 1 ? items[0].id : null);
+  const history = useHistory();
+  const onSelectionChange = useCallback(items => setPageId(items?.length === 1 ? items[0].id : null), [setPageId]);
+  const onDetailsChange = useCallback(items => {
+    if (!!postType && items?.length === 1) {
+      history.push({
+        postId: items[0].id,
+        postType
+      });
+    }
+  }, [history, postType]);
   const queryArgs = useMemo(() => {
     const filters = {};
     view.filters.forEach(filter => {
@@ -172,23 +173,22 @@ export default function PagePages() {
     id: 'title',
     getValue: ({
       item
-    }) => item.title?.rendered || item.slug,
+    }) => item.title?.rendered,
     render: ({
       item
     }) => {
       return createElement(VStack, {
         spacing: 1
-      }, createElement(Heading, {
-        as: "h3",
-        level: 5,
-        weight: 500
+      }, createElement(View, {
+        as: "span",
+        className: "dataviews-view-grid__title-field"
       }, [LAYOUT_TABLE, LAYOUT_GRID].includes(view.type) ? createElement(Link, {
         params: {
           postId: item.id,
           postType: item.type,
           canvas: 'edit'
         }
-      }, decodeEntities(item.title?.rendered || item.slug) || __('(no title)')) : decodeEntities(item.title?.rendered || item.slug) || __('(no title)')));
+      }, decodeEntities(item.title?.rendered) || __('(no title)')) : decodeEntities(item.title?.rendered) || __('(no title)')));
     },
     maxWidth: 400,
     enableHiding: false
@@ -235,41 +235,88 @@ export default function PagePages() {
       const formattedDate = dateI18n(getSettings().formats.datetimeAbbreviated, getDate(item.date));
       return createElement("time", null, formattedDate);
     }
-  }], [authors, view]);
+  }], [authors, view.type]);
   const permanentlyDeletePostAction = usePermanentlyDeletePostAction();
   const restorePostAction = useRestorePostAction();
   const editPostAction = useEditPostAction();
   const actions = useMemo(() => [viewPostAction, trashPostAction, restorePostAction, permanentlyDeletePostAction, editPostAction, postRevisionsAction], [permanentlyDeletePostAction, restorePostAction, editPostAction]);
-  const onChangeView = useCallback(viewUpdater => {
-    let updatedView = typeof viewUpdater === 'function' ? viewUpdater(view) : viewUpdater;
-    if (updatedView.type !== view.type) {
-      updatedView = {
-        ...updatedView,
+  const onChangeView = useCallback(newView => {
+    if (newView.type !== view.type) {
+      newView = {
+        ...newView,
         layout: {
-          ...defaultConfigPerViewType[updatedView.type]
+          ...DEFAULT_CONFIG_PER_VIEW_TYPE[newView.type]
         }
       };
     }
-    setView(updatedView);
-  }, [view, setView]);
+    setView(newView);
+  }, [view.type, setView]);
+  const [showAddPageModal, setShowAddPageModal] = useState(false);
+  const openModal = useCallback(() => {
+    if (!showAddPageModal) {
+      setShowAddPageModal(true);
+    }
+  }, [showAddPageModal]);
+  const closeModal = useCallback(() => {
+    if (showAddPageModal) {
+      setShowAddPageModal(false);
+    }
+  }, [showAddPageModal]);
+  const handleNewPage = useCallback(({
+    type,
+    id
+  }) => {
+    history.push({
+      postId: id,
+      postType: type,
+      canvas: 'edit'
+    });
+    closeModal();
+  }, [history]);
 
   // TODO: we need to handle properly `data={ data || EMPTY_ARRAY }` for when `isLoading`.
   return createElement(Fragment, null, createElement(Page, {
-    title: __('Pages')
+    className: view.type === LAYOUT_LIST ? 'edit-site-page-pages-list-view' : null,
+    title: __('Pages'),
+    actions: createElement(Fragment, null, createElement(Button, {
+      variant: "primary",
+      onClick: openModal
+    }, __('Add new page')), showAddPageModal && createElement(AddNewPageModal, {
+      onSave: handleNewPage,
+      onClose: closeModal
+    }))
   }, createElement(DataViews, {
     paginationInfo: paginationInfo,
     fields: fields,
     actions: actions,
     data: pages || EMPTY_ARRAY,
-    getItemId: item => item.id,
     isLoading: isLoadingPages || isLoadingAuthors,
     view: view,
     onChangeView: onChangeView,
     onSelectionChange: onSelectionChange,
-    deferredRendering: false
+    onDetailsChange: onDetailsChange
   })), view.type === LAYOUT_LIST && createElement(Page, null, createElement("div", {
-    className: "edit-site-page-pages-preview"
-  }, pageId !== null ? createElement(SideEditor, {
+    className: "edit-site-page-pages-preview",
+    tabIndex: 0,
+    role: "button",
+    onKeyDown: event => {
+      const {
+        keyCode
+      } = event;
+      if (keyCode === ENTER || keyCode === SPACE) {
+        history.push({
+          postId: pageId,
+          postType,
+          canvas: 'edit'
+        });
+      }
+    },
+    onClick: () => history.push({
+      postId: pageId,
+      postType,
+      canvas: 'edit'
+    })
+  }, pageId !== null ? createElement(PostPreview, {
     postId: pageId,
     postType: postType
   }) : createElement("div", {

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

@@ -1 +1 @@
-{"version":3,"names":["__experimentalHeading","Heading","__experimentalVStack","VStack","__","useEntityRecords","store","coreStore","decodeEntities","useState","useMemo","useCallback","useEffect","dateI18n","getDate","getSettings","privateApis","routerPrivateApis","useSelect","useDispatch","DataViews","Page","Link","default","DEFAULT_VIEWS","ENUMERATION_TYPE","LAYOUT_GRID","LAYOUT_TABLE","LAYOUT_LIST","OPERATOR_IN","OPERATOR_NOT_IN","trashPostAction","usePermanentlyDeletePostAction","useRestorePostAction","postRevisionsAction","viewPostAction","useEditPostAction","SideEditor","Media","unlock","useLocation","EMPTY_ARRAY","defaultConfigPerViewType","mediaField","primaryField","useView","type","params","activeView","isCustom","selectedDefaultView","find","slug","view","setView","editedViewRecord","select","getEditedEntityRecord","dataviewRecord","Number","editEntityRecord","customView","content","JSON","parse","setCustomView","viewToSet","id","stringify","STATUSES","value","label","DEFAULT_STATUSES","PagePages","postType","pageId","setPageId","onSelectionChange","items","length","queryArgs","filters","forEach","filter","field","operator","status","author","author_exclude","per_page","perPage","page","_embed","order","sort","direction","orderby","search","records","pages","isResolving","isLoadingPages","totalItems","totalPages","authors","isLoadingAuthors","paginationInfo","fields","header","getValue","item","featured_media","render","createElement","className","size","enableSorting","title","rendered","spacing","as","level","weight","includes","postId","canvas","maxWidth","enableHiding","_embedded","name","elements","map","_STATUSES$find$label","filterBy","operators","date","formattedDate","formats","datetimeAbbreviated","permanentlyDeletePostAction","restorePostAction","editPostAction","actions","onChangeView","viewUpdater","updatedView","layout","Fragment","data","getItemId","isLoading","deferredRendering","style","display","flexDirection","justifyContent","textAlign","height"],"sources":["@wordpress/edit-site/src/components/page-pages/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHeading as Heading,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useEntityRecords, store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { useState, useMemo, useCallback, useEffect } from '@wordpress/element';\nimport { dateI18n, getDate, getSettings } from '@wordpress/date';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { DataViews } from '@wordpress/dataviews';\n\n/**\n * Internal dependencies\n */\nimport Page from '../page';\nimport Link from '../routes/link';\nimport { default as DEFAULT_VIEWS } from '../sidebar-dataviews/default-views';\nimport {\n\tENUMERATION_TYPE,\n\tLAYOUT_GRID,\n\tLAYOUT_TABLE,\n\tLAYOUT_LIST,\n\tOPERATOR_IN,\n\tOPERATOR_NOT_IN,\n} from '../../utils/constants';\n\nimport {\n\ttrashPostAction,\n\tusePermanentlyDeletePostAction,\n\tuseRestorePostAction,\n\tpostRevisionsAction,\n\tviewPostAction,\n\tuseEditPostAction,\n} from '../actions';\nimport SideEditor from './side-editor';\nimport Media from '../media';\nimport { unlock } from '../../lock-unlock';\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst EMPTY_ARRAY = [];\nconst defaultConfigPerViewType = {\n\t[ LAYOUT_TABLE ]: {},\n\t[ LAYOUT_GRID ]: {\n\t\tmediaField: 'featured-image',\n\t\tprimaryField: 'title',\n\t},\n\t[ LAYOUT_LIST ]: {\n\t\tprimaryField: 'title',\n\t\tmediaField: 'featured-image',\n\t},\n};\n\nfunction useView( type ) {\n\tconst {\n\t\tparams: { activeView = 'all', isCustom = 'false' },\n\t} = useLocation();\n\tconst selectedDefaultView =\n\t\tisCustom === 'false' &&\n\t\tDEFAULT_VIEWS[ type ].find( ( { slug } ) => slug === activeView )?.view;\n\tconst [ view, setView ] = useState( selectedDefaultView );\n\n\tuseEffect( () => {\n\t\tif ( selectedDefaultView ) {\n\t\t\tsetView( selectedDefaultView );\n\t\t}\n\t}, [ selectedDefaultView ] );\n\tconst editedViewRecord = useSelect(\n\t\t( select ) => {\n\t\t\tif ( isCustom !== 'true' ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst { getEditedEntityRecord } = select( coreStore );\n\t\t\tconst dataviewRecord = getEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_dataviews',\n\t\t\t\tNumber( activeView )\n\t\t\t);\n\t\t\treturn dataviewRecord;\n\t\t},\n\t\t[ activeView, isCustom ]\n\t);\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\n\tconst customView = useMemo( () => {\n\t\treturn (\n\t\t\teditedViewRecord?.content && JSON.parse( editedViewRecord?.content )\n\t\t);\n\t}, [ editedViewRecord?.content ] );\n\tconst setCustomView = useCallback(\n\t\t( viewToSet ) => {\n\t\t\teditEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_dataviews',\n\t\t\t\teditedViewRecord?.id,\n\t\t\t\t{\n\t\t\t\t\tcontent: JSON.stringify( viewToSet ),\n\t\t\t\t}\n\t\t\t);\n\t\t},\n\t\t[ editEntityRecord, editedViewRecord?.id ]\n\t);\n\n\tif ( isCustom === 'false' ) {\n\t\treturn [ view, setView ];\n\t} else if ( isCustom === 'true' && customView ) {\n\t\treturn [ customView, setCustomView ];\n\t}\n\t// Loading state where no the view was not found on custom views or default views.\n\treturn [ DEFAULT_VIEWS[ type ][ 0 ].view, setView ];\n}\n\n// See https://github.com/WordPress/gutenberg/issues/55886\n// We do not support custom statutes at the moment.\nconst STATUSES = [\n\t{ value: 'draft', label: __( 'Draft' ) },\n\t{ value: 'future', label: __( 'Scheduled' ) },\n\t{ value: 'pending', label: __( 'Pending Review' ) },\n\t{ value: 'private', label: __( 'Private' ) },\n\t{ value: 'publish', label: __( 'Published' ) },\n\t{ value: 'trash', label: __( 'Trash' ) },\n];\nconst DEFAULT_STATUSES = 'draft,future,pending,private,publish'; // All but 'trash'.\n\nexport default function PagePages() {\n\tconst postType = 'page';\n\tconst [ view, setView ] = useView( postType );\n\tconst [ pageId, setPageId ] = useState( null );\n\n\tconst onSelectionChange = ( items ) =>\n\t\tsetPageId( items?.length === 1 ? items[ 0 ].id : null );\n\n\tconst queryArgs = useMemo( () => {\n\t\tconst filters = {};\n\t\tview.filters.forEach( ( filter ) => {\n\t\t\tif (\n\t\t\t\tfilter.field === 'status' &&\n\t\t\t\tfilter.operator === OPERATOR_IN\n\t\t\t) {\n\t\t\t\tfilters.status = filter.value;\n\t\t\t}\n\t\t\tif (\n\t\t\t\tfilter.field === 'author' &&\n\t\t\t\tfilter.operator === OPERATOR_IN\n\t\t\t) {\n\t\t\t\tfilters.author = filter.value;\n\t\t\t} else if (\n\t\t\t\tfilter.field === 'author' &&\n\t\t\t\tfilter.operator === OPERATOR_NOT_IN\n\t\t\t) {\n\t\t\t\tfilters.author_exclude = filter.value;\n\t\t\t}\n\t\t} );\n\t\t// We want to provide a different default item for the status filter\n\t\t// than the REST API provides.\n\t\tif ( ! filters.status || filters.status === '' ) {\n\t\t\tfilters.status = DEFAULT_STATUSES;\n\t\t}\n\n\t\treturn {\n\t\t\tper_page: view.perPage,\n\t\t\tpage: view.page,\n\t\t\t_embed: 'author',\n\t\t\torder: view.sort?.direction,\n\t\t\torderby: view.sort?.field,\n\t\t\tsearch: view.search,\n\t\t\t...filters,\n\t\t};\n\t}, [ view ] );\n\tconst {\n\t\trecords: pages,\n\t\tisResolving: isLoadingPages,\n\t\ttotalItems,\n\t\ttotalPages,\n\t} = useEntityRecords( 'postType', postType, queryArgs );\n\n\tconst { records: authors, isResolving: isLoadingAuthors } =\n\t\tuseEntityRecords( 'root', 'user' );\n\n\tconst paginationInfo = useMemo(\n\t\t() => ( {\n\t\t\ttotalItems,\n\t\t\ttotalPages,\n\t\t} ),\n\t\t[ totalItems, totalPages ]\n\t);\n\n\tconst fields = useMemo(\n\t\t() => [\n\t\t\t{\n\t\t\t\tid: 'featured-image',\n\t\t\t\theader: __( 'Featured Image' ),\n\t\t\t\tgetValue: ( { item } ) => item.featured_media,\n\t\t\t\trender: ( { item } ) =>\n\t\t\t\t\t!! item.featured_media ? (\n\t\t\t\t\t\t<Media\n\t\t\t\t\t\t\tclassName=\"edit-site-page-pages__featured-image\"\n\t\t\t\t\t\t\tid={ item.featured_media }\n\t\t\t\t\t\t\tsize={\n\t\t\t\t\t\t\t\tview.type === LAYOUT_GRID\n\t\t\t\t\t\t\t\t\t? [ 'large', 'full', 'medium', 'thumbnail' ]\n\t\t\t\t\t\t\t\t\t: [ 'thumbnail', 'medium', 'large', 'full' ]\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : null,\n\t\t\t\tenableSorting: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Title' ),\n\t\t\t\tid: 'title',\n\t\t\t\tgetValue: ( { item } ) => item.title?.rendered || item.slug,\n\t\t\t\trender: ( { item } ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t\t\t\t<Heading as=\"h3\" level={ 5 } weight={ 500 }>\n\t\t\t\t\t\t\t\t{ [ LAYOUT_TABLE, LAYOUT_GRID ].includes(\n\t\t\t\t\t\t\t\t\tview.type\n\t\t\t\t\t\t\t\t) ? (\n\t\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\t\tparams={ {\n\t\t\t\t\t\t\t\t\t\t\tpostId: item.id,\n\t\t\t\t\t\t\t\t\t\t\tpostType: item.type,\n\t\t\t\t\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ decodeEntities(\n\t\t\t\t\t\t\t\t\t\t\titem.title?.rendered || item.slug\n\t\t\t\t\t\t\t\t\t\t) || __( '(no title)' ) }\n\t\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\tdecodeEntities(\n\t\t\t\t\t\t\t\t\t\titem.title?.rendered || item.slug\n\t\t\t\t\t\t\t\t\t) || __( '(no title)' )\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tmaxWidth: 400,\n\t\t\t\tenableHiding: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Author' ),\n\t\t\t\tid: 'author',\n\t\t\t\tgetValue: ( { item } ) => item._embedded?.author[ 0 ]?.name,\n\t\t\t\ttype: ENUMERATION_TYPE,\n\t\t\t\telements:\n\t\t\t\t\tauthors?.map( ( { id, name } ) => ( {\n\t\t\t\t\t\tvalue: id,\n\t\t\t\t\t\tlabel: name,\n\t\t\t\t\t} ) ) || [],\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Status' ),\n\t\t\t\tid: 'status',\n\t\t\t\tgetValue: ( { item } ) =>\n\t\t\t\t\tSTATUSES.find( ( { value } ) => value === item.status )\n\t\t\t\t\t\t?.label ?? item.status,\n\t\t\t\ttype: ENUMERATION_TYPE,\n\t\t\t\telements: STATUSES,\n\t\t\t\tenableSorting: false,\n\t\t\t\tfilterBy: {\n\t\t\t\t\toperators: [ OPERATOR_IN ],\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Date' ),\n\t\t\t\tid: 'date',\n\t\t\t\tgetValue: ( { item } ) => item.date,\n\t\t\t\trender: ( { item } ) => {\n\t\t\t\t\tconst formattedDate = dateI18n(\n\t\t\t\t\t\tgetSettings().formats.datetimeAbbreviated,\n\t\t\t\t\t\tgetDate( item.date )\n\t\t\t\t\t);\n\t\t\t\t\treturn <time>{ formattedDate }</time>;\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t\t[ authors, view ]\n\t);\n\n\tconst permanentlyDeletePostAction = usePermanentlyDeletePostAction();\n\tconst restorePostAction = useRestorePostAction();\n\tconst editPostAction = useEditPostAction();\n\tconst actions = useMemo(\n\t\t() => [\n\t\t\tviewPostAction,\n\t\t\ttrashPostAction,\n\t\t\trestorePostAction,\n\t\t\tpermanentlyDeletePostAction,\n\t\t\teditPostAction,\n\t\t\tpostRevisionsAction,\n\t\t],\n\t\t[ permanentlyDeletePostAction, restorePostAction, editPostAction ]\n\t);\n\tconst onChangeView = useCallback(\n\t\t( viewUpdater ) => {\n\t\t\tlet updatedView =\n\t\t\t\ttypeof viewUpdater === 'function'\n\t\t\t\t\t? viewUpdater( view )\n\t\t\t\t\t: viewUpdater;\n\t\t\tif ( updatedView.type !== view.type ) {\n\t\t\t\tupdatedView = {\n\t\t\t\t\t...updatedView,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...defaultConfigPerViewType[ updatedView.type ],\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tsetView( updatedView );\n\t\t},\n\t\t[ view, setView ]\n\t);\n\n\t// TODO: we need to handle properly `data={ data || EMPTY_ARRAY }` for when `isLoading`.\n\treturn (\n\t\t<>\n\t\t\t<Page title={ __( 'Pages' ) }>\n\t\t\t\t<DataViews\n\t\t\t\t\tpaginationInfo={ paginationInfo }\n\t\t\t\t\tfields={ fields }\n\t\t\t\t\tactions={ actions }\n\t\t\t\t\tdata={ pages || EMPTY_ARRAY }\n\t\t\t\t\tgetItemId={ ( item ) => item.id }\n\t\t\t\t\tisLoading={ isLoadingPages || isLoadingAuthors }\n\t\t\t\t\tview={ view }\n\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\tonSelectionChange={ onSelectionChange }\n\t\t\t\t\tdeferredRendering={ false }\n\t\t\t\t/>\n\t\t\t</Page>\n\t\t\t{ view.type === LAYOUT_LIST && (\n\t\t\t\t<Page>\n\t\t\t\t\t<div className=\"edit-site-page-pages-preview\">\n\t\t\t\t\t\t{ pageId !== null ? (\n\t\t\t\t\t\t\t<SideEditor\n\t\t\t\t\t\t\t\tpostId={ pageId }\n\t\t\t\t\t\t\t\tpostType={ postType }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<p>{ __( 'Select a page to preview' ) }</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</div>\n\t\t\t\t</Page>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["__experimentalView","View","__experimentalVStack","VStack","Button","__","useEntityRecords","store","coreStore","decodeEntities","useState","useMemo","useCallback","useEffect","dateI18n","getDate","getSettings","privateApis","routerPrivateApis","useSelect","useDispatch","DataViews","ENTER","SPACE","Page","Link","DEFAULT_VIEWS","DEFAULT_CONFIG_PER_VIEW_TYPE","ENUMERATION_TYPE","LAYOUT_GRID","LAYOUT_TABLE","LAYOUT_LIST","OPERATOR_IN","OPERATOR_NOT_IN","trashPostAction","usePermanentlyDeletePostAction","useRestorePostAction","postRevisionsAction","viewPostAction","useEditPostAction","PostPreview","AddNewPageModal","Media","unlock","useLocation","useHistory","EMPTY_ARRAY","useView","type","params","activeView","isCustom","selectedDefaultView","find","slug","view","setView","editedViewRecord","select","getEditedEntityRecord","dataviewRecord","Number","editEntityRecord","customView","content","JSON","parse","setCustomView","viewToSet","id","stringify","STATUSES","value","label","DEFAULT_STATUSES","PagePages","postType","pageId","setPageId","history","onSelectionChange","items","length","onDetailsChange","push","postId","queryArgs","filters","forEach","filter","field","operator","status","author","author_exclude","per_page","perPage","page","_embed","order","sort","direction","orderby","search","records","pages","isResolving","isLoadingPages","totalItems","totalPages","authors","isLoadingAuthors","paginationInfo","fields","header","getValue","item","featured_media","render","createElement","className","size","enableSorting","title","rendered","spacing","as","includes","canvas","maxWidth","enableHiding","_embedded","name","elements","map","_STATUSES$find$label","filterBy","operators","date","formattedDate","formats","datetimeAbbreviated","permanentlyDeletePostAction","restorePostAction","editPostAction","actions","onChangeView","newView","layout","showAddPageModal","setShowAddPageModal","openModal","closeModal","handleNewPage","Fragment","variant","onClick","onSave","onClose","data","isLoading","tabIndex","role","onKeyDown","event","keyCode","style","display","flexDirection","justifyContent","textAlign","height"],"sources":["@wordpress/edit-site/src/components/page-pages/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalView as View,\n\t__experimentalVStack as VStack,\n\tButton,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useEntityRecords, store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { useState, useMemo, useCallback, useEffect } from '@wordpress/element';\nimport { dateI18n, getDate, getSettings } from '@wordpress/date';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { DataViews } from '@wordpress/dataviews';\nimport { ENTER, SPACE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport Page from '../page';\nimport Link from '../routes/link';\nimport {\n\tDEFAULT_VIEWS,\n\tDEFAULT_CONFIG_PER_VIEW_TYPE,\n} from '../sidebar-dataviews/default-views';\nimport {\n\tENUMERATION_TYPE,\n\tLAYOUT_GRID,\n\tLAYOUT_TABLE,\n\tLAYOUT_LIST,\n\tOPERATOR_IN,\n\tOPERATOR_NOT_IN,\n} from '../../utils/constants';\n\nimport {\n\ttrashPostAction,\n\tusePermanentlyDeletePostAction,\n\tuseRestorePostAction,\n\tpostRevisionsAction,\n\tviewPostAction,\n\tuseEditPostAction,\n} from '../actions';\nimport PostPreview from '../post-preview';\nimport AddNewPageModal from '../add-new-page';\nimport Media from '../media';\nimport { unlock } from '../../lock-unlock';\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nconst EMPTY_ARRAY = [];\n\nfunction useView( type ) {\n\tconst {\n\t\tparams: { activeView = 'all', isCustom = 'false' },\n\t} = useLocation();\n\tconst selectedDefaultView =\n\t\tisCustom === 'false' &&\n\t\tDEFAULT_VIEWS[ type ].find( ( { slug } ) => slug === activeView )?.view;\n\tconst [ view, setView ] = useState( selectedDefaultView );\n\n\tuseEffect( () => {\n\t\tif ( selectedDefaultView ) {\n\t\t\tsetView( selectedDefaultView );\n\t\t}\n\t}, [ selectedDefaultView ] );\n\tconst editedViewRecord = useSelect(\n\t\t( select ) => {\n\t\t\tif ( isCustom !== 'true' ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst { getEditedEntityRecord } = select( coreStore );\n\t\t\tconst dataviewRecord = getEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_dataviews',\n\t\t\t\tNumber( activeView )\n\t\t\t);\n\t\t\treturn dataviewRecord;\n\t\t},\n\t\t[ activeView, isCustom ]\n\t);\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\n\tconst customView = useMemo( () => {\n\t\treturn (\n\t\t\teditedViewRecord?.content && JSON.parse( editedViewRecord?.content )\n\t\t);\n\t}, [ editedViewRecord?.content ] );\n\tconst setCustomView = useCallback(\n\t\t( viewToSet ) => {\n\t\t\teditEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_dataviews',\n\t\t\t\teditedViewRecord?.id,\n\t\t\t\t{\n\t\t\t\t\tcontent: JSON.stringify( viewToSet ),\n\t\t\t\t}\n\t\t\t);\n\t\t},\n\t\t[ editEntityRecord, editedViewRecord?.id ]\n\t);\n\n\tif ( isCustom === 'false' ) {\n\t\treturn [ view, setView ];\n\t} else if ( isCustom === 'true' && customView ) {\n\t\treturn [ customView, setCustomView ];\n\t}\n\t// Loading state where no the view was not found on custom views or default views.\n\treturn [ DEFAULT_VIEWS[ type ][ 0 ].view, setView ];\n}\n\n// See https://github.com/WordPress/gutenberg/issues/55886\n// We do not support custom statutes at the moment.\nconst STATUSES = [\n\t{ value: 'draft', label: __( 'Draft' ) },\n\t{ value: 'future', label: __( 'Scheduled' ) },\n\t{ value: 'pending', label: __( 'Pending Review' ) },\n\t{ value: 'private', label: __( 'Private' ) },\n\t{ value: 'publish', label: __( 'Published' ) },\n\t{ value: 'trash', label: __( 'Trash' ) },\n];\nconst DEFAULT_STATUSES = 'draft,future,pending,private,publish'; // All but 'trash'.\n\nexport default function PagePages() {\n\tconst postType = 'page';\n\tconst [ view, setView ] = useView( postType );\n\tconst [ pageId, setPageId ] = useState( null );\n\tconst history = useHistory();\n\n\tconst onSelectionChange = useCallback(\n\t\t( items ) => setPageId( items?.length === 1 ? items[ 0 ].id : null ),\n\t\t[ setPageId ]\n\t);\n\n\tconst onDetailsChange = useCallback(\n\t\t( items ) => {\n\t\t\tif ( !! postType && items?.length === 1 ) {\n\t\t\t\thistory.push( {\n\t\t\t\t\tpostId: items[ 0 ].id,\n\t\t\t\t\tpostType,\n\t\t\t\t} );\n\t\t\t}\n\t\t},\n\t\t[ history, postType ]\n\t);\n\n\tconst queryArgs = useMemo( () => {\n\t\tconst filters = {};\n\t\tview.filters.forEach( ( filter ) => {\n\t\t\tif (\n\t\t\t\tfilter.field === 'status' &&\n\t\t\t\tfilter.operator === OPERATOR_IN\n\t\t\t) {\n\t\t\t\tfilters.status = filter.value;\n\t\t\t}\n\t\t\tif (\n\t\t\t\tfilter.field === 'author' &&\n\t\t\t\tfilter.operator === OPERATOR_IN\n\t\t\t) {\n\t\t\t\tfilters.author = filter.value;\n\t\t\t} else if (\n\t\t\t\tfilter.field === 'author' &&\n\t\t\t\tfilter.operator === OPERATOR_NOT_IN\n\t\t\t) {\n\t\t\t\tfilters.author_exclude = filter.value;\n\t\t\t}\n\t\t} );\n\t\t// We want to provide a different default item for the status filter\n\t\t// than the REST API provides.\n\t\tif ( ! filters.status || filters.status === '' ) {\n\t\t\tfilters.status = DEFAULT_STATUSES;\n\t\t}\n\n\t\treturn {\n\t\t\tper_page: view.perPage,\n\t\t\tpage: view.page,\n\t\t\t_embed: 'author',\n\t\t\torder: view.sort?.direction,\n\t\t\torderby: view.sort?.field,\n\t\t\tsearch: view.search,\n\t\t\t...filters,\n\t\t};\n\t}, [ view ] );\n\tconst {\n\t\trecords: pages,\n\t\tisResolving: isLoadingPages,\n\t\ttotalItems,\n\t\ttotalPages,\n\t} = useEntityRecords( 'postType', postType, queryArgs );\n\n\tconst { records: authors, isResolving: isLoadingAuthors } =\n\t\tuseEntityRecords( 'root', 'user' );\n\n\tconst paginationInfo = useMemo(\n\t\t() => ( {\n\t\t\ttotalItems,\n\t\t\ttotalPages,\n\t\t} ),\n\t\t[ totalItems, totalPages ]\n\t);\n\n\tconst fields = useMemo(\n\t\t() => [\n\t\t\t{\n\t\t\t\tid: 'featured-image',\n\t\t\t\theader: __( 'Featured Image' ),\n\t\t\t\tgetValue: ( { item } ) => item.featured_media,\n\t\t\t\trender: ( { item } ) =>\n\t\t\t\t\t!! item.featured_media ? (\n\t\t\t\t\t\t<Media\n\t\t\t\t\t\t\tclassName=\"edit-site-page-pages__featured-image\"\n\t\t\t\t\t\t\tid={ item.featured_media }\n\t\t\t\t\t\t\tsize={\n\t\t\t\t\t\t\t\tview.type === LAYOUT_GRID\n\t\t\t\t\t\t\t\t\t? [ 'large', 'full', 'medium', 'thumbnail' ]\n\t\t\t\t\t\t\t\t\t: [ 'thumbnail', 'medium', 'large', 'full' ]\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : null,\n\t\t\t\tenableSorting: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Title' ),\n\t\t\t\tid: 'title',\n\t\t\t\tgetValue: ( { item } ) => item.title?.rendered,\n\t\t\t\trender: ( { item } ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\t\tclassName=\"dataviews-view-grid__title-field\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ [ LAYOUT_TABLE, LAYOUT_GRID ].includes(\n\t\t\t\t\t\t\t\t\tview.type\n\t\t\t\t\t\t\t\t) ? (\n\t\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\t\tparams={ {\n\t\t\t\t\t\t\t\t\t\t\tpostId: item.id,\n\t\t\t\t\t\t\t\t\t\t\tpostType: item.type,\n\t\t\t\t\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ decodeEntities(\n\t\t\t\t\t\t\t\t\t\t\titem.title?.rendered\n\t\t\t\t\t\t\t\t\t\t) || __( '(no title)' ) }\n\t\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\tdecodeEntities( item.title?.rendered ) ||\n\t\t\t\t\t\t\t\t\t__( '(no title)' )\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tmaxWidth: 400,\n\t\t\t\tenableHiding: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Author' ),\n\t\t\t\tid: 'author',\n\t\t\t\tgetValue: ( { item } ) => item._embedded?.author[ 0 ]?.name,\n\t\t\t\ttype: ENUMERATION_TYPE,\n\t\t\t\telements:\n\t\t\t\t\tauthors?.map( ( { id, name } ) => ( {\n\t\t\t\t\t\tvalue: id,\n\t\t\t\t\t\tlabel: name,\n\t\t\t\t\t} ) ) || [],\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Status' ),\n\t\t\t\tid: 'status',\n\t\t\t\tgetValue: ( { item } ) =>\n\t\t\t\t\tSTATUSES.find( ( { value } ) => value === item.status )\n\t\t\t\t\t\t?.label ?? item.status,\n\t\t\t\ttype: ENUMERATION_TYPE,\n\t\t\t\telements: STATUSES,\n\t\t\t\tenableSorting: false,\n\t\t\t\tfilterBy: {\n\t\t\t\t\toperators: [ OPERATOR_IN ],\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Date' ),\n\t\t\t\tid: 'date',\n\t\t\t\tgetValue: ( { item } ) => item.date,\n\t\t\t\trender: ( { item } ) => {\n\t\t\t\t\tconst formattedDate = dateI18n(\n\t\t\t\t\t\tgetSettings().formats.datetimeAbbreviated,\n\t\t\t\t\t\tgetDate( item.date )\n\t\t\t\t\t);\n\t\t\t\t\treturn <time>{ formattedDate }</time>;\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t\t[ authors, view.type ]\n\t);\n\n\tconst permanentlyDeletePostAction = usePermanentlyDeletePostAction();\n\tconst restorePostAction = useRestorePostAction();\n\tconst editPostAction = useEditPostAction();\n\tconst actions = useMemo(\n\t\t() => [\n\t\t\tviewPostAction,\n\t\t\ttrashPostAction,\n\t\t\trestorePostAction,\n\t\t\tpermanentlyDeletePostAction,\n\t\t\teditPostAction,\n\t\t\tpostRevisionsAction,\n\t\t],\n\t\t[ permanentlyDeletePostAction, restorePostAction, editPostAction ]\n\t);\n\tconst onChangeView = useCallback(\n\t\t( newView ) => {\n\t\t\tif ( newView.type !== view.type ) {\n\t\t\t\tnewView = {\n\t\t\t\t\t...newView,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...DEFAULT_CONFIG_PER_VIEW_TYPE[ newView.type ],\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tsetView( newView );\n\t\t},\n\t\t[ view.type, setView ]\n\t);\n\n\tconst [ showAddPageModal, setShowAddPageModal ] = useState( false );\n\tconst openModal = useCallback( () => {\n\t\tif ( ! showAddPageModal ) {\n\t\t\tsetShowAddPageModal( true );\n\t\t}\n\t}, [ showAddPageModal ] );\n\tconst closeModal = useCallback( () => {\n\t\tif ( showAddPageModal ) {\n\t\t\tsetShowAddPageModal( false );\n\t\t}\n\t}, [ showAddPageModal ] );\n\tconst handleNewPage = useCallback(\n\t\t( { type, id } ) => {\n\t\t\thistory.push( {\n\t\t\t\tpostId: id,\n\t\t\t\tpostType: type,\n\t\t\t\tcanvas: 'edit',\n\t\t\t} );\n\t\t\tcloseModal();\n\t\t},\n\t\t[ history ]\n\t);\n\n\t// TODO: we need to handle properly `data={ data || EMPTY_ARRAY }` for when `isLoading`.\n\treturn (\n\t\t<>\n\t\t\t<Page\n\t\t\t\tclassName={\n\t\t\t\t\tview.type === LAYOUT_LIST\n\t\t\t\t\t\t? 'edit-site-page-pages-list-view'\n\t\t\t\t\t\t: null\n\t\t\t\t}\n\t\t\t\ttitle={ __( 'Pages' ) }\n\t\t\t\tactions={\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Button variant=\"primary\" onClick={ openModal }>\n\t\t\t\t\t\t\t{ __( 'Add new page' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t{ showAddPageModal && (\n\t\t\t\t\t\t\t<AddNewPageModal\n\t\t\t\t\t\t\t\tonSave={ handleNewPage }\n\t\t\t\t\t\t\t\tonClose={ closeModal }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<DataViews\n\t\t\t\t\tpaginationInfo={ paginationInfo }\n\t\t\t\t\tfields={ fields }\n\t\t\t\t\tactions={ actions }\n\t\t\t\t\tdata={ pages || EMPTY_ARRAY }\n\t\t\t\t\tisLoading={ isLoadingPages || isLoadingAuthors }\n\t\t\t\t\tview={ view }\n\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\tonSelectionChange={ onSelectionChange }\n\t\t\t\t\tonDetailsChange={ onDetailsChange }\n\t\t\t\t/>\n\t\t\t</Page>\n\t\t\t{ view.type === LAYOUT_LIST && (\n\t\t\t\t<Page>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"edit-site-page-pages-preview\"\n\t\t\t\t\t\ttabIndex={ 0 }\n\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\tconst { keyCode } = event;\n\t\t\t\t\t\t\tif ( keyCode === ENTER || keyCode === SPACE ) {\n\t\t\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\t\t\tpostId: pageId,\n\t\t\t\t\t\t\t\t\tpostType,\n\t\t\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\t\tpostId: pageId,\n\t\t\t\t\t\t\t\tpostType,\n\t\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{ pageId !== null ? (\n\t\t\t\t\t\t\t<PostPreview\n\t\t\t\t\t\t\t\tpostId={ pageId }\n\t\t\t\t\t\t\t\tpostType={ postType }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<p>{ __( 'Select a page to preview' ) }</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</div>\n\t\t\t\t</Page>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build-module/components/page-patterns/dataviews-pattern-actions.js

@@ -0,0 +1,292 @@
+import { createElement } from "react";
+/**
+ * External dependencies
+ */
+import { paramCase as kebabCase } from 'change-case';
+
+/**
+ * WordPress dependencies
+ */
+import { getQueryArgs } from '@wordpress/url';
+import { downloadBlob } from '@wordpress/blob';
+import { __, _x, sprintf } from '@wordpress/i18n';
+import { Button, TextControl, __experimentalHStack as HStack, __experimentalVStack as VStack, __experimentalText as Text } from '@wordpress/components';
+import { store as coreStore } from '@wordpress/core-data';
+import { useDispatch } from '@wordpress/data';
+import { useState } from '@wordpress/element';
+import { store as noticesStore } from '@wordpress/notices';
+import { decodeEntities } from '@wordpress/html-entities';
+import { store as reusableBlocksStore } from '@wordpress/reusable-blocks';
+import { privateApis as routerPrivateApis } from '@wordpress/router';
+import { privateApis as patternsPrivateApis } from '@wordpress/patterns';
+
+/**
+ * Internal dependencies
+ */
+import { unlock } from '../../lock-unlock';
+import { store as editSiteStore } from '../../store';
+import { PATTERN_TYPES, TEMPLATE_PART_POST_TYPE, PATTERN_DEFAULT_CATEGORY } from '../../utils/constants';
+import { CreateTemplatePartModalContents } from '../create-template-part-modal';
+const {
+  useHistory
+} = unlock(routerPrivateApis);
+const {
+  CreatePatternModalContents,
+  useDuplicatePatternProps
+} = unlock(patternsPrivateApis);
+export const exportJSONaction = {
+  id: 'export-pattern',
+  label: __('Export as JSON'),
+  isEligible: item => item.type === PATTERN_TYPES.user,
+  callback: item => {
+    const json = {
+      __file: item.type,
+      title: item.title || item.name,
+      content: item.patternPost.content.raw,
+      syncStatus: item.patternPost.wp_pattern_sync_status
+    };
+    return downloadBlob(`${kebabCase(item.title || item.name)}.json`, JSON.stringify(json, null, 2), 'application/json');
+  }
+};
+export const renameAction = {
+  id: 'rename-pattern',
+  label: __('Rename'),
+  isEligible: item => {
+    const isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;
+    const isUserPattern = item.type === PATTERN_TYPES.user;
+    const isCustomPattern = isUserPattern || isTemplatePart && item.isCustom;
+    const hasThemeFile = isTemplatePart && item.templatePart.has_theme_file;
+    return isCustomPattern && !hasThemeFile;
+  },
+  RenderModal: ({
+    item,
+    closeModal
+  }) => {
+    const [title, setTitle] = useState(() => item.title);
+    const {
+      editEntityRecord,
+      saveEditedEntityRecord
+    } = useDispatch(coreStore);
+    const {
+      createSuccessNotice,
+      createErrorNotice
+    } = useDispatch(noticesStore);
+    async function onRename(event) {
+      event.preventDefault();
+      try {
+        await editEntityRecord('postType', item.type, item.id, {
+          title
+        });
+        // Update state before saving rerenders the list.
+        setTitle('');
+        closeModal();
+        // Persist edited entity.
+        await saveEditedEntityRecord('postType', item.type, item.id, {
+          throwOnError: true
+        });
+        createSuccessNotice(item.type === TEMPLATE_PART_POST_TYPE ? __('Template part renamed.') : __('Pattern renamed.'), {
+          type: 'snackbar'
+        });
+      } catch (error) {
+        const fallbackErrorMessage = item.type === TEMPLATE_PART_POST_TYPE ? __('An error occurred while renaming the template part.') : __('An error occurred while renaming the pattern.');
+        const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : fallbackErrorMessage;
+        createErrorNotice(errorMessage, {
+          type: 'snackbar'
+        });
+      }
+    }
+    return createElement("form", {
+      onSubmit: onRename
+    }, createElement(VStack, {
+      spacing: "5"
+    }, createElement(TextControl, {
+      __nextHasNoMarginBottom: true,
+      __next40pxDefaultSize: true,
+      label: __('Name'),
+      value: title,
+      onChange: setTitle,
+      required: true
+    }), createElement(HStack, {
+      justify: "right"
+    }, createElement(Button, {
+      __next40pxDefaultSize: true,
+      variant: "tertiary",
+      onClick: () => {
+        closeModal();
+      }
+    }, __('Cancel')), createElement(Button, {
+      __next40pxDefaultSize: true,
+      variant: "primary",
+      type: "submit"
+    }, __('Save')))));
+  }
+};
+const canDeleteOrReset = item => {
+  const isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;
+  const isUserPattern = item.type === PATTERN_TYPES.user;
+  return isUserPattern || isTemplatePart && item.isCustom;
+};
+export const deleteAction = {
+  id: 'delete-pattern',
+  label: __('Delete'),
+  isEligible: item => {
+    const isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;
+    const hasThemeFile = isTemplatePart && item.templatePart.has_theme_file;
+    return canDeleteOrReset(item) && !hasThemeFile;
+  },
+  hideModalHeader: true,
+  RenderModal: ({
+    item,
+    closeModal
+  }) => {
+    const {
+      __experimentalDeleteReusableBlock
+    } = useDispatch(reusableBlocksStore);
+    const {
+      createErrorNotice,
+      createSuccessNotice
+    } = useDispatch(noticesStore);
+    const {
+      removeTemplate
+    } = useDispatch(editSiteStore);
+    const deletePattern = async () => {
+      try {
+        await __experimentalDeleteReusableBlock(item.id);
+        createSuccessNotice(sprintf(
+        // translators: %s: The pattern's title e.g. 'Call to action'.
+        __('"%s" deleted.'), item.title), {
+          type: 'snackbar',
+          id: 'edit-site-patterns-success'
+        });
+      } catch (error) {
+        const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : __('An error occurred while deleting the pattern.');
+        createErrorNotice(errorMessage, {
+          type: 'snackbar',
+          id: 'edit-site-patterns-error'
+        });
+      }
+    };
+    const deleteItem = () => item.type === TEMPLATE_PART_POST_TYPE ? removeTemplate(item) : deletePattern();
+    return createElement(VStack, {
+      spacing: "5"
+    }, createElement(Text, null, sprintf(
+    // translators: %s: The pattern or template part's title e.g. 'Call to action'.
+    __('Are you sure you want to delete "%s"?'), decodeEntities(item.title || item.name))), createElement(HStack, {
+      justify: "right"
+    }, createElement(Button, {
+      variant: "tertiary",
+      onClick: closeModal
+    }, __('Cancel')), createElement(Button, {
+      variant: "primary",
+      onClick: deleteItem
+    }, __('Delete'))));
+  }
+};
+export const resetAction = {
+  id: 'reset-action',
+  label: __('Clear customizations'),
+  isEligible: item => {
+    const isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;
+    const hasThemeFile = isTemplatePart && item.templatePart.has_theme_file;
+    return canDeleteOrReset(item) && hasThemeFile;
+  },
+  hideModalHeader: true,
+  RenderModal: ({
+    item,
+    closeModal
+  }) => {
+    const {
+      removeTemplate
+    } = useDispatch(editSiteStore);
+    return createElement(VStack, {
+      spacing: "5"
+    }, createElement(Text, null, __('Are you sure you want to clear these customizations?')), createElement(HStack, {
+      justify: "right"
+    }, createElement(Button, {
+      variant: "tertiary",
+      onClick: closeModal
+    }, __('Cancel')), createElement(Button, {
+      variant: "primary",
+      onClick: () => removeTemplate(item)
+    }, __('Clear'))));
+  }
+};
+export const duplicatePatternAction = {
+  id: 'duplicate-pattern',
+  label: _x('Duplicate', 'action label'),
+  isEligible: item => item.type !== TEMPLATE_PART_POST_TYPE,
+  modalHeader: _x('Duplicate pattern', 'action label'),
+  RenderModal: ({
+    item,
+    closeModal
+  }) => {
+    const {
+      categoryId = PATTERN_DEFAULT_CATEGORY
+    } = getQueryArgs(window.location.href);
+    const isThemePattern = item.type === PATTERN_TYPES.theme;
+    const history = useHistory();
+    function onPatternSuccess({
+      pattern
+    }) {
+      history.push({
+        categoryType: PATTERN_TYPES.theme,
+        categoryId,
+        postType: PATTERN_TYPES.user,
+        postId: pattern.id
+      });
+      closeModal();
+    }
+    const duplicatedProps = useDuplicatePatternProps({
+      pattern: isThemePattern ? item : item.patternPost,
+      onSuccess: onPatternSuccess
+    });
+    return createElement(CreatePatternModalContents, {
+      onClose: closeModal,
+      confirmLabel: _x('Duplicate', 'action label'),
+      ...duplicatedProps
+    });
+  }
+};
+export const duplicateTemplatePartAction = {
+  id: 'duplicate-template-part',
+  label: _x('Duplicate', 'action label'),
+  isEligible: item => item.type === TEMPLATE_PART_POST_TYPE,
+  modalHeader: _x('Duplicate template part', 'action label'),
+  RenderModal: ({
+    item,
+    closeModal
+  }) => {
+    const {
+      createSuccessNotice
+    } = useDispatch(noticesStore);
+    const {
+      categoryId = PATTERN_DEFAULT_CATEGORY
+    } = getQueryArgs(window.location.href);
+    const history = useHistory();
+    async function onTemplatePartSuccess(templatePart) {
+      createSuccessNotice(sprintf(
+      // translators: %s: The new template part's title e.g. 'Call to action (copy)'.
+      __('"%s" duplicated.'), item.title), {
+        type: 'snackbar',
+        id: 'edit-site-patterns-success'
+      });
+      history.push({
+        postType: TEMPLATE_PART_POST_TYPE,
+        postId: templatePart?.id,
+        categoryType: TEMPLATE_PART_POST_TYPE,
+        categoryId
+      });
+      closeModal();
+    }
+    return createElement(CreateTemplatePartModalContents, {
+      blocks: item.blocks,
+      defaultArea: item.templatePart.area,
+      defaultTitle: sprintf( /* translators: %s: Existing template part title */
+      __('%s (Copy)'), item.title),
+      onCreate: onTemplatePartSuccess,
+      onError: closeModal,
+      confirmLabel: _x('Duplicate', 'action label')
+    });
+  }
+};
+//# sourceMappingURL=dataviews-pattern-actions.js.map