@wordpress/edit-site 6.3.0 → 6.5.0

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

@@ -0,0 +1,310 @@
+/**
+ * External dependencies
+ */
+import clsx from 'clsx';
+
+/**
+ * WordPress dependencies
+ */
+import { __, sprintf } from '@wordpress/i18n';
+import { decodeEntities } from '@wordpress/html-entities';
+import { createInterpolateElement, useMemo, useState } from '@wordpress/element';
+import { dateI18n, getDate, getSettings } from '@wordpress/date';
+import { trash, drafts, published, scheduled, pending, notAllowed, commentAuthorAvatar as authorIcon } from '@wordpress/icons';
+import { __experimentalHStack as HStack, Icon } from '@wordpress/components';
+import { useSelect } from '@wordpress/data';
+import { useEntityRecords, store as coreStore } from '@wordpress/core-data';
+
+/**
+ * Internal dependencies
+ */
+import { LAYOUT_GRID, LAYOUT_TABLE, LAYOUT_LIST, OPERATOR_IS_ANY } from '../../utils/constants';
+import { default as Link, useLink } from '../routes/link';
+import Media from '../media';
+
+// See https://github.com/WordPress/gutenberg/issues/55886
+// We do not support custom statutes at the moment.
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const STATUSES = [{
+  value: 'draft',
+  label: __('Draft'),
+  icon: drafts
+}, {
+  value: 'future',
+  label: __('Scheduled'),
+  icon: scheduled
+}, {
+  value: 'pending',
+  label: __('Pending Review'),
+  icon: pending
+}, {
+  value: 'private',
+  label: __('Private'),
+  icon: notAllowed
+}, {
+  value: 'publish',
+  label: __('Published'),
+  icon: published
+}, {
+  value: 'trash',
+  label: __('Trash'),
+  icon: trash
+}];
+const getFormattedDate = dateToDisplay => dateI18n(getSettings().formats.datetimeAbbreviated, getDate(dateToDisplay));
+function FeaturedImage({
+  item,
+  viewType
+}) {
+  const isDisabled = item.status === 'trash';
+  const {
+    onClick
+  } = useLink({
+    postId: item.id,
+    postType: item.type,
+    canvas: 'edit'
+  });
+  const hasMedia = !!item.featured_media;
+  const size = viewType === LAYOUT_GRID ? ['large', 'full', 'medium', 'thumbnail'] : ['thumbnail', 'medium', 'large', 'full'];
+  const media = hasMedia ? /*#__PURE__*/_jsx(Media, {
+    className: "edit-site-post-list__featured-image",
+    id: item.featured_media,
+    size: size
+  }) : null;
+  const renderButton = viewType !== LAYOUT_LIST && !isDisabled;
+  return /*#__PURE__*/_jsx("div", {
+    className: `edit-site-post-list__featured-image-wrapper is-layout-${viewType}`,
+    children: renderButton ? /*#__PURE__*/_jsx("button", {
+      className: "edit-site-post-list__featured-image-button",
+      type: "button",
+      onClick: onClick,
+      "aria-label": item.title?.rendered || __('(no title)'),
+      children: media
+    }) : media
+  });
+}
+function PostStatusField({
+  item
+}) {
+  const status = STATUSES.find(({
+    value
+  }) => value === item.status);
+  const label = status?.label || item.status;
+  const icon = status?.icon;
+  return /*#__PURE__*/_jsxs(HStack, {
+    alignment: "left",
+    spacing: 0,
+    children: [icon && /*#__PURE__*/_jsx("div", {
+      className: "edit-site-post-list__status-icon",
+      children: /*#__PURE__*/_jsx(Icon, {
+        icon: icon
+      })
+    }), /*#__PURE__*/_jsx("span", {
+      children: label
+    })]
+  });
+}
+function PostAuthorField({
+  item
+}) {
+  const {
+    text,
+    imageUrl
+  } = useSelect(select => {
+    const {
+      getUser
+    } = select(coreStore);
+    const user = getUser(item.author);
+    return {
+      imageUrl: user?.avatar_urls?.[48],
+      text: user?.name
+    };
+  }, [item]);
+  const [isImageLoaded, setIsImageLoaded] = useState(false);
+  return /*#__PURE__*/_jsxs(HStack, {
+    alignment: "left",
+    spacing: 0,
+    children: [!!imageUrl && /*#__PURE__*/_jsx("div", {
+      className: clsx('page-templates-author-field__avatar', {
+        'is-loaded': isImageLoaded
+      }),
+      children: /*#__PURE__*/_jsx("img", {
+        onLoad: () => setIsImageLoaded(true),
+        alt: __('Author avatar'),
+        src: imageUrl
+      })
+    }), !imageUrl && /*#__PURE__*/_jsx("div", {
+      className: "page-templates-author-field__icon",
+      children: /*#__PURE__*/_jsx(Icon, {
+        icon: authorIcon
+      })
+    }), /*#__PURE__*/_jsx("span", {
+      className: "page-templates-author-field__name",
+      children: text
+    })]
+  });
+}
+function usePostFields(viewType) {
+  const {
+    records: authors,
+    isResolving: isLoadingAuthors
+  } = useEntityRecords('root', 'user', {
+    per_page: -1
+  });
+  const {
+    frontPageId,
+    postsPageId
+  } = useSelect(select => {
+    const {
+      getEntityRecord
+    } = select(coreStore);
+    const siteSettings = getEntityRecord('root', 'site');
+    return {
+      frontPageId: siteSettings?.page_on_front,
+      postsPageId: siteSettings?.page_for_posts
+    };
+  }, []);
+  const fields = useMemo(() => [{
+    id: 'featured-image',
+    label: __('Featured Image'),
+    getValue: ({
+      item
+    }) => item.featured_media,
+    render: ({
+      item
+    }) => /*#__PURE__*/_jsx(FeaturedImage, {
+      item: item,
+      viewType: viewType
+    }),
+    enableSorting: false
+  }, {
+    label: __('Title'),
+    id: 'title',
+    type: 'text',
+    getValue: ({
+      item
+    }) => typeof item.title === 'string' ? item.title : item.title?.raw,
+    render: ({
+      item
+    }) => {
+      const addLink = [LAYOUT_TABLE, LAYOUT_GRID].includes(viewType) && item.status !== 'trash';
+      const renderedTitle = typeof item.title === 'string' ? item.title : item.title?.rendered;
+      const title = addLink ? /*#__PURE__*/_jsx(Link, {
+        params: {
+          postId: item.id,
+          postType: item.type,
+          canvas: 'edit'
+        },
+        children: decodeEntities(renderedTitle) || __('(no title)')
+      }) : /*#__PURE__*/_jsx("span", {
+        children: decodeEntities(renderedTitle) || __('(no title)')
+      });
+      let suffix = '';
+      if (item.id === frontPageId) {
+        suffix = /*#__PURE__*/_jsx("span", {
+          className: "edit-site-post-list__title-badge",
+          children: __('Homepage')
+        });
+      } else if (item.id === postsPageId) {
+        suffix = /*#__PURE__*/_jsx("span", {
+          className: "edit-site-post-list__title-badge",
+          children: __('Posts Page')
+        });
+      }
+      return /*#__PURE__*/_jsxs(HStack, {
+        className: "edit-site-post-list__title",
+        alignment: "center",
+        justify: "flex-start",
+        children: [title, suffix]
+      });
+    },
+    enableHiding: false
+  }, {
+    label: __('Author'),
+    id: 'author',
+    type: 'integer',
+    elements: authors?.map(({
+      id,
+      name
+    }) => ({
+      value: id,
+      label: name
+    })) || [],
+    render: PostAuthorField,
+    sort: (a, b, direction) => {
+      const nameA = a._embedded?.author?.[0]?.name || '';
+      const nameB = b._embedded?.author?.[0]?.name || '';
+      return direction === 'asc' ? nameA.localeCompare(nameB) : nameB.localeCompare(nameA);
+    }
+  }, {
+    label: __('Status'),
+    id: 'status',
+    getValue: ({
+      item
+    }) => {
+      var _STATUSES$find$label;
+      return (_STATUSES$find$label = STATUSES.find(({
+        value
+      }) => value === item.status)?.label) !== null && _STATUSES$find$label !== void 0 ? _STATUSES$find$label : item.status;
+    },
+    elements: STATUSES,
+    render: PostStatusField,
+    enableSorting: false,
+    filterBy: {
+      operators: [OPERATOR_IS_ANY]
+    }
+  }, {
+    label: __('Date'),
+    id: 'date',
+    render: ({
+      item
+    }) => {
+      const isDraftOrPrivate = ['draft', 'private'].includes(item.status);
+      if (isDraftOrPrivate) {
+        return createInterpolateElement(sprintf( /* translators: %s: page creation date */
+        __('<span>Modified: <time>%s</time></span>'), getFormattedDate(item.date)), {
+          span: /*#__PURE__*/_jsx("span", {}),
+          time: /*#__PURE__*/_jsx("time", {})
+        });
+      }
+      const isScheduled = item.status === 'future';
+      if (isScheduled) {
+        return createInterpolateElement(sprintf( /* translators: %s: page creation date */
+        __('<span>Scheduled: <time>%s</time></span>'), getFormattedDate(item.date)), {
+          span: /*#__PURE__*/_jsx("span", {}),
+          time: /*#__PURE__*/_jsx("time", {})
+        });
+      }
+      const isPublished = item.status === 'publish';
+      if (isPublished) {
+        return createInterpolateElement(sprintf( /* translators: %s: page creation time */
+        __('<span>Published: <time>%s</time></span>'), getFormattedDate(item.date)), {
+          span: /*#__PURE__*/_jsx("span", {}),
+          time: /*#__PURE__*/_jsx("time", {})
+        });
+      }
+
+      // Pending posts show the modified date if it's newer.
+      const dateToDisplay = getDate(item.modified) > getDate(item.date) ? item.modified : item.date;
+      const isPending = item.status === 'pending';
+      if (isPending) {
+        return createInterpolateElement(sprintf( /* translators: %s: the newest of created or modified date for the page */
+        __('<span>Modified: <time>%s</time></span>'), getFormattedDate(dateToDisplay)), {
+          span: /*#__PURE__*/_jsx("span", {}),
+          time: /*#__PURE__*/_jsx("time", {})
+        });
+      }
+
+      // Unknow status.
+      return /*#__PURE__*/_jsx("time", {
+        children: getFormattedDate(item.date)
+      });
+    }
+  }], [authors, viewType, frontPageId, postsPageId]);
+  return {
+    isLoading: isLoadingAuthors,
+    fields
+  };
+}
+export default usePostFields;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["clsx","__","sprintf","decodeEntities","createInterpolateElement","useMemo","useState","dateI18n","getDate","getSettings","trash","drafts","published","scheduled","pending","notAllowed","commentAuthorAvatar","authorIcon","__experimentalHStack","HStack","Icon","useSelect","useEntityRecords","store","coreStore","LAYOUT_GRID","LAYOUT_TABLE","LAYOUT_LIST","OPERATOR_IS_ANY","default","Link","useLink","Media","jsx","_jsx","jsxs","_jsxs","STATUSES","value","label","icon","getFormattedDate","dateToDisplay","formats","datetimeAbbreviated","FeaturedImage","item","viewType","isDisabled","status","onClick","postId","id","postType","type","canvas","hasMedia","featured_media","size","media","className","renderButton","children","title","rendered","PostStatusField","find","alignment","spacing","PostAuthorField","text","imageUrl","select","getUser","user","author","avatar_urls","name","isImageLoaded","setIsImageLoaded","onLoad","alt","src","usePostFields","records","authors","isResolving","isLoadingAuthors","per_page","frontPageId","postsPageId","getEntityRecord","siteSettings","page_on_front","page_for_posts","fields","getValue","render","enableSorting","raw","addLink","includes","renderedTitle","params","suffix","justify","enableHiding","elements","map","sort","a","b","direction","nameA","_embedded","nameB","localeCompare","_STATUSES$find$label","filterBy","operators","isDraftOrPrivate","date","span","time","isScheduled","isPublished","modified","isPending","isLoading"],"sources":["@wordpress/edit-site/src/components/post-fields/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport {\n\tcreateInterpolateElement,\n\tuseMemo,\n\tuseState,\n} from '@wordpress/element';\nimport { dateI18n, getDate, getSettings } from '@wordpress/date';\nimport {\n\ttrash,\n\tdrafts,\n\tpublished,\n\tscheduled,\n\tpending,\n\tnotAllowed,\n\tcommentAuthorAvatar as authorIcon,\n} from '@wordpress/icons';\nimport { __experimentalHStack as HStack, Icon } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { useEntityRecords, store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport {\n\tLAYOUT_GRID,\n\tLAYOUT_TABLE,\n\tLAYOUT_LIST,\n\tOPERATOR_IS_ANY,\n} from '../../utils/constants';\nimport { default as Link, useLink } from '../routes/link';\nimport Media from '../media';\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' ), icon: drafts },\n\t{ value: 'future', label: __( 'Scheduled' ), icon: scheduled },\n\t{ value: 'pending', label: __( 'Pending Review' ), icon: pending },\n\t{ value: 'private', label: __( 'Private' ), icon: notAllowed },\n\t{ value: 'publish', label: __( 'Published' ), icon: published },\n\t{ value: 'trash', label: __( 'Trash' ), icon: trash },\n];\n\nconst getFormattedDate = ( dateToDisplay ) =>\n\tdateI18n(\n\t\tgetSettings().formats.datetimeAbbreviated,\n\t\tgetDate( dateToDisplay )\n\t);\n\nfunction FeaturedImage( { item, viewType } ) {\n\tconst isDisabled = item.status === 'trash';\n\tconst { onClick } = useLink( {\n\t\tpostId: item.id,\n\t\tpostType: item.type,\n\t\tcanvas: 'edit',\n\t} );\n\tconst hasMedia = !! item.featured_media;\n\tconst size =\n\t\tviewType === LAYOUT_GRID\n\t\t\t? [ 'large', 'full', 'medium', 'thumbnail' ]\n\t\t\t: [ 'thumbnail', 'medium', 'large', 'full' ];\n\tconst media = hasMedia ? (\n\t\t<Media\n\t\t\tclassName=\"edit-site-post-list__featured-image\"\n\t\t\tid={ item.featured_media }\n\t\t\tsize={ size }\n\t\t/>\n\t) : null;\n\tconst renderButton = viewType !== LAYOUT_LIST && ! isDisabled;\n\treturn (\n\t\t<div\n\t\t\tclassName={ `edit-site-post-list__featured-image-wrapper is-layout-${ viewType }` }\n\t\t>\n\t\t\t{ renderButton ? (\n\t\t\t\t<button\n\t\t\t\t\tclassName=\"edit-site-post-list__featured-image-button\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\taria-label={ item.title?.rendered || __( '(no title)' ) }\n\t\t\t\t>\n\t\t\t\t\t{ media }\n\t\t\t\t</button>\n\t\t\t) : (\n\t\t\t\tmedia\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nfunction PostStatusField( { item } ) {\n\tconst status = STATUSES.find( ( { value } ) => value === item.status );\n\tconst label = status?.label || item.status;\n\tconst icon = status?.icon;\n\treturn (\n\t\t<HStack alignment=\"left\" spacing={ 0 }>\n\t\t\t{ icon && (\n\t\t\t\t<div className=\"edit-site-post-list__status-icon\">\n\t\t\t\t\t<Icon icon={ icon } />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<span>{ label }</span>\n\t\t</HStack>\n\t);\n}\n\nfunction PostAuthorField( { item } ) {\n\tconst { text, imageUrl } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getUser } = select( coreStore );\n\t\t\tconst user = getUser( item.author );\n\t\t\treturn {\n\t\t\t\timageUrl: user?.avatar_urls?.[ 48 ],\n\t\t\t\ttext: user?.name,\n\t\t\t};\n\t\t},\n\t\t[ item ]\n\t);\n\tconst [ isImageLoaded, setIsImageLoaded ] = useState( false );\n\treturn (\n\t\t<HStack alignment=\"left\" spacing={ 0 }>\n\t\t\t{ !! imageUrl && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx( 'page-templates-author-field__avatar', {\n\t\t\t\t\t\t'is-loaded': isImageLoaded,\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t<img\n\t\t\t\t\t\tonLoad={ () => setIsImageLoaded( true ) }\n\t\t\t\t\t\talt={ __( 'Author avatar' ) }\n\t\t\t\t\t\tsrc={ imageUrl }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ ! imageUrl && (\n\t\t\t\t<div className=\"page-templates-author-field__icon\">\n\t\t\t\t\t<Icon icon={ authorIcon } />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<span className=\"page-templates-author-field__name\">{ text }</span>\n\t\t</HStack>\n\t);\n}\n\nfunction usePostFields( viewType ) {\n\tconst { records: authors, isResolving: isLoadingAuthors } =\n\t\tuseEntityRecords( 'root', 'user', { per_page: -1 } );\n\n\tconst { frontPageId, postsPageId } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreStore );\n\t\tconst siteSettings = getEntityRecord( 'root', 'site' );\n\t\treturn {\n\t\t\tfrontPageId: siteSettings?.page_on_front,\n\t\t\tpostsPageId: siteSettings?.page_for_posts,\n\t\t};\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\tlabel: __( 'Featured Image' ),\n\t\t\t\tgetValue: ( { item } ) => item.featured_media,\n\t\t\t\trender: ( { item } ) => (\n\t\t\t\t\t<FeaturedImage item={ item } viewType={ viewType } />\n\t\t\t\t),\n\t\t\t\tenableSorting: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: __( 'Title' ),\n\t\t\t\tid: 'title',\n\t\t\t\ttype: 'text',\n\t\t\t\tgetValue: ( { item } ) =>\n\t\t\t\t\ttypeof item.title === 'string'\n\t\t\t\t\t\t? item.title\n\t\t\t\t\t\t: item.title?.raw,\n\t\t\t\trender: ( { item } ) => {\n\t\t\t\t\tconst addLink =\n\t\t\t\t\t\t[ LAYOUT_TABLE, LAYOUT_GRID ].includes( viewType ) &&\n\t\t\t\t\t\titem.status !== 'trash';\n\t\t\t\t\tconst renderedTitle =\n\t\t\t\t\t\ttypeof item.title === 'string'\n\t\t\t\t\t\t\t? item.title\n\t\t\t\t\t\t\t: item.title?.rendered;\n\t\t\t\t\tconst title = addLink ? (\n\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\tparams={ {\n\t\t\t\t\t\t\t\tpostId: item.id,\n\t\t\t\t\t\t\t\tpostType: item.type,\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\t\t{ decodeEntities( renderedTitle ) ||\n\t\t\t\t\t\t\t\t__( '(no title)' ) }\n\t\t\t\t\t\t</Link>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{ decodeEntities( renderedTitle ) ||\n\t\t\t\t\t\t\t\t__( '(no title)' ) }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t);\n\n\t\t\t\t\tlet suffix = '';\n\t\t\t\t\tif ( item.id === frontPageId ) {\n\t\t\t\t\t\tsuffix = (\n\t\t\t\t\t\t\t<span className=\"edit-site-post-list__title-badge\">\n\t\t\t\t\t\t\t\t{ __( 'Homepage' ) }\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t);\n\t\t\t\t\t} else if ( item.id === postsPageId ) {\n\t\t\t\t\t\tsuffix = (\n\t\t\t\t\t\t\t<span className=\"edit-site-post-list__title-badge\">\n\t\t\t\t\t\t\t\t{ __( 'Posts Page' ) }\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\tclassName=\"edit-site-post-list__title\"\n\t\t\t\t\t\t\talignment=\"center\"\n\t\t\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tenableHiding: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: __( 'Author' ),\n\t\t\t\tid: 'author',\n\t\t\t\ttype: 'integer',\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\trender: PostAuthorField,\n\t\t\t\tsort: ( a, b, direction ) => {\n\t\t\t\t\tconst nameA = a._embedded?.author?.[ 0 ]?.name || '';\n\t\t\t\t\tconst nameB = b._embedded?.author?.[ 0 ]?.name || '';\n\n\t\t\t\t\treturn direction === 'asc'\n\t\t\t\t\t\t? nameA.localeCompare( nameB )\n\t\t\t\t\t\t: nameB.localeCompare( nameA );\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: __( '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\telements: STATUSES,\n\t\t\t\trender: PostStatusField,\n\t\t\t\tenableSorting: false,\n\t\t\t\tfilterBy: {\n\t\t\t\t\toperators: [ OPERATOR_IS_ANY ],\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: __( 'Date' ),\n\t\t\t\tid: 'date',\n\t\t\t\trender: ( { item } ) => {\n\t\t\t\t\tconst isDraftOrPrivate = [ 'draft', 'private' ].includes(\n\t\t\t\t\t\titem.status\n\t\t\t\t\t);\n\t\t\t\t\tif ( isDraftOrPrivate ) {\n\t\t\t\t\t\treturn createInterpolateElement(\n\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: page creation date */\n\t\t\t\t\t\t\t\t__( '<span>Modified: <time>%s</time></span>' ),\n\t\t\t\t\t\t\t\tgetFormattedDate( item.date )\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tspan: <span />,\n\t\t\t\t\t\t\t\ttime: <time />,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tconst isScheduled = item.status === 'future';\n\t\t\t\t\tif ( isScheduled ) {\n\t\t\t\t\t\treturn createInterpolateElement(\n\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: page creation date */\n\t\t\t\t\t\t\t\t__( '<span>Scheduled: <time>%s</time></span>' ),\n\t\t\t\t\t\t\t\tgetFormattedDate( item.date )\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tspan: <span />,\n\t\t\t\t\t\t\t\ttime: <time />,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tconst isPublished = item.status === 'publish';\n\t\t\t\t\tif ( isPublished ) {\n\t\t\t\t\t\treturn createInterpolateElement(\n\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: page creation time */\n\t\t\t\t\t\t\t\t__( '<span>Published: <time>%s</time></span>' ),\n\t\t\t\t\t\t\t\tgetFormattedDate( item.date )\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tspan: <span />,\n\t\t\t\t\t\t\t\ttime: <time />,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\t// Pending posts show the modified date if it's newer.\n\t\t\t\t\tconst dateToDisplay =\n\t\t\t\t\t\tgetDate( item.modified ) > getDate( item.date )\n\t\t\t\t\t\t\t? item.modified\n\t\t\t\t\t\t\t: item.date;\n\n\t\t\t\t\tconst isPending = item.status === 'pending';\n\t\t\t\t\tif ( isPending ) {\n\t\t\t\t\t\treturn createInterpolateElement(\n\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: the newest of created or modified date for the page */\n\t\t\t\t\t\t\t\t__( '<span>Modified: <time>%s</time></span>' ),\n\t\t\t\t\t\t\t\tgetFormattedDate( dateToDisplay )\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tspan: <span />,\n\t\t\t\t\t\t\t\ttime: <time />,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\t// Unknow status.\n\t\t\t\t\treturn <time>{ getFormattedDate( item.date ) }</time>;\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t\t[ authors, viewType, frontPageId, postsPageId ]\n\t);\n\n\treturn {\n\t\tisLoading: isLoadingAuthors,\n\t\tfields,\n\t};\n}\n\nexport default usePostFields;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,333 @@
+/**
+ * WordPress dependencies
+ */
+import { Button } from '@wordpress/components';
+import { store as coreStore, privateApis as coreDataPrivateApis } from '@wordpress/core-data';
+import { useState, useMemo, useCallback, useEffect } from '@wordpress/element';
+import { privateApis as routerPrivateApis } from '@wordpress/router';
+import { useSelect, useDispatch } from '@wordpress/data';
+import { DataViews, filterSortAndPaginate } from '@wordpress/dataviews';
+import { privateApis as editorPrivateApis } from '@wordpress/editor';
+import { __ } from '@wordpress/i18n';
+import { drawerRight } from '@wordpress/icons';
+
+/**
+ * Internal dependencies
+ */
+import Page from '../page';
+import { useDefaultViews, defaultLayouts } from '../sidebar-dataviews/default-views';
+import { OPERATOR_IS_ANY, OPERATOR_IS_NONE, LAYOUT_LIST } from '../../utils/constants';
+import AddNewPostModal from '../add-new-post';
+import { unlock } from '../../lock-unlock';
+import { useEditPostAction } from '../dataviews-actions';
+import { usePrevious } from '@wordpress/compose';
+import usePostFields from '../post-fields';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const {
+  usePostActions
+} = unlock(editorPrivateApis);
+const {
+  useLocation,
+  useHistory
+} = unlock(routerPrivateApis);
+const {
+  useEntityRecordsWithPermissions
+} = unlock(coreDataPrivateApis);
+const EMPTY_ARRAY = [];
+const getDefaultView = (defaultViews, activeView) => {
+  return defaultViews.find(({
+    slug
+  }) => slug === activeView)?.view;
+};
+const getCustomView = editedEntityRecord => {
+  if (!editedEntityRecord?.content) {
+    return undefined;
+  }
+  const content = JSON.parse(editedEntityRecord.content);
+  if (!content) {
+    return undefined;
+  }
+  return {
+    ...content,
+    layout: defaultLayouts[content.type]?.layout
+  };
+};
+
+/**
+ * This function abstracts working with default & custom views by
+ * providing a [ state, setState ] tuple based on the URL parameters.
+ *
+ * Consumers use the provided tuple to work with state
+ * and don't have to deal with the specifics of default & custom views.
+ *
+ * @param {string} postType Post type to retrieve default views for.
+ * @return {Array} The [ state, setState ] tuple.
+ */
+function useView(postType) {
+  const {
+    params: {
+      activeView = 'all',
+      isCustom = 'false',
+      layout
+    }
+  } = useLocation();
+  const history = useHistory();
+  const defaultViews = useDefaultViews({
+    postType
+  });
+  const {
+    editEntityRecord
+  } = useDispatch(coreStore);
+  const editedEntityRecord = useSelect(select => {
+    if (isCustom !== 'true') {
+      return undefined;
+    }
+    const {
+      getEditedEntityRecord
+    } = select(coreStore);
+    return getEditedEntityRecord('postType', 'wp_dataviews', Number(activeView));
+  }, [activeView, isCustom]);
+  const [view, setView] = useState(() => {
+    let initialView;
+    if (isCustom === 'true') {
+      var _getCustomView;
+      initialView = (_getCustomView = getCustomView(editedEntityRecord)) !== null && _getCustomView !== void 0 ? _getCustomView : {
+        type: layout !== null && layout !== void 0 ? layout : LAYOUT_LIST
+      };
+    } else {
+      var _getDefaultView;
+      initialView = (_getDefaultView = getDefaultView(defaultViews, activeView)) !== null && _getDefaultView !== void 0 ? _getDefaultView : {
+        type: layout !== null && layout !== void 0 ? layout : LAYOUT_LIST
+      };
+    }
+    const type = layout !== null && layout !== void 0 ? layout : initialView.type;
+    return {
+      ...initialView,
+      type
+    };
+  });
+  const setViewWithUrlUpdate = useCallback(newView => {
+    const {
+      params
+    } = history.getLocationWithParams();
+    if (newView.type === LAYOUT_LIST && !params?.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,
+        layout: newView.type
+      });
+    }
+    setView(newView);
+    if (isCustom === 'true' && editedEntityRecord?.id) {
+      editEntityRecord('postType', 'wp_dataviews', editedEntityRecord?.id, {
+        content: JSON.stringify(newView)
+      });
+    }
+  }, [history, isCustom, editEntityRecord, editedEntityRecord?.id]);
+
+  // When layout URL param changes, update the view type
+  // without affecting any other config.
+  useEffect(() => {
+    setView(prevView => ({
+      ...prevView,
+      type: layout !== null && layout !== void 0 ? layout : LAYOUT_LIST
+    }));
+  }, [layout]);
+
+  // When activeView or isCustom URL parameters change, reset the view.
+  useEffect(() => {
+    let newView;
+    if (isCustom === 'true') {
+      newView = getCustomView(editedEntityRecord);
+    } else {
+      newView = getDefaultView(defaultViews, activeView);
+    }
+    if (newView) {
+      const type = layout !== null && layout !== void 0 ? layout : newView.type;
+      setView({
+        ...newView,
+        type
+      });
+    }
+  }, [activeView, isCustom, layout, defaultViews, editedEntityRecord]);
+  return [view, setViewWithUrlUpdate, setViewWithUrlUpdate];
+}
+const DEFAULT_STATUSES = 'draft,future,pending,private,publish'; // All but 'trash'.
+
+function getItemId(item) {
+  return item.id.toString();
+}
+export default function PostList({
+  postType
+}) {
+  var _postId$split, _data$map, _usePrevious;
+  const [view, setView] = useView(postType);
+  const history = useHistory();
+  const location = useLocation();
+  const {
+    postId,
+    quickEdit = false,
+    isCustom,
+    activeView = 'all'
+  } = location.params;
+  const [selection, setSelection] = useState((_postId$split = postId?.split(',')) !== null && _postId$split !== void 0 ? _postId$split : []);
+  const onChangeSelection = useCallback(items => {
+    var _params$isCustom;
+    setSelection(items);
+    const {
+      params
+    } = history.getLocationWithParams();
+    if (((_params$isCustom = params.isCustom) !== null && _params$isCustom !== void 0 ? _params$isCustom : 'false') === 'false') {
+      history.push({
+        ...params,
+        postId: items.join(',')
+      });
+    }
+  }, [history]);
+  const {
+    isLoading: isLoadingFields,
+    fields
+  } = usePostFields(view.type);
+  const queryArgs = useMemo(() => {
+    const filters = {};
+    view.filters?.forEach(filter => {
+      if (filter.field === 'status' && filter.operator === OPERATOR_IS_ANY) {
+        filters.status = filter.value;
+      }
+      if (filter.field === 'author' && filter.operator === OPERATOR_IS_ANY) {
+        filters.author = filter.value;
+      } else if (filter.field === 'author' && filter.operator === OPERATOR_IS_NONE) {
+        filters.author_exclude = filter.value;
+      }
+    });
+    // We want to provide a different default item for the status filter
+    // than the REST API provides.
+    if (!filters.status || filters.status === '') {
+      filters.status = DEFAULT_STATUSES;
+    }
+    return {
+      per_page: view.perPage,
+      page: view.page,
+      _embed: 'author',
+      order: view.sort?.direction,
+      orderby: view.sort?.field,
+      search: view.search,
+      ...filters
+    };
+  }, [view]);
+  const {
+    records,
+    isResolving: isLoadingData,
+    totalItems,
+    totalPages
+  } = useEntityRecordsWithPermissions('postType', postType, queryArgs);
+
+  // The REST API sort the authors by ID, but we want to sort them by name.
+  const data = useMemo(() => {
+    if (!isLoadingFields && view?.sort?.field === 'author') {
+      return filterSortAndPaginate(records, {
+        sort: {
+          ...view.sort
+        }
+      }, fields).data;
+    }
+    return records;
+  }, [records, fields, isLoadingFields, view?.sort]);
+  const ids = (_data$map = data?.map(record => getItemId(record))) !== null && _data$map !== void 0 ? _data$map : [];
+  const prevIds = (_usePrevious = usePrevious(ids)) !== null && _usePrevious !== void 0 ? _usePrevious : [];
+  const deletedIds = prevIds.filter(id => !ids.includes(id));
+  const postIdWasDeleted = deletedIds.includes(postId);
+  useEffect(() => {
+    if (postIdWasDeleted) {
+      history.push({
+        ...history.getLocationWithParams().params,
+        postId: undefined
+      });
+    }
+  }, [postIdWasDeleted, history]);
+  const paginationInfo = useMemo(() => ({
+    totalItems,
+    totalPages
+  }), [totalItems, totalPages]);
+  const {
+    labels,
+    canCreateRecord
+  } = useSelect(select => {
+    const {
+      getPostType,
+      canUser
+    } = select(coreStore);
+    return {
+      labels: getPostType(postType)?.labels,
+      canCreateRecord: canUser('create', {
+        kind: 'postType',
+        name: postType
+      })
+    };
+  }, [postType]);
+  const postTypeActions = usePostActions({
+    postType,
+    context: 'list'
+  });
+  const editAction = useEditPostAction();
+  const actions = useMemo(() => [editAction, ...postTypeActions], [postTypeActions, editAction]);
+  const [showAddPostModal, setShowAddPostModal] = useState(false);
+  const openModal = () => setShowAddPostModal(true);
+  const closeModal = () => setShowAddPostModal(false);
+  const handleNewPage = ({
+    type,
+    id
+  }) => {
+    history.push({
+      postId: id,
+      postType: type,
+      canvas: 'edit'
+    });
+    closeModal();
+  };
+  return /*#__PURE__*/_jsx(Page, {
+    title: labels?.name,
+    actions: labels?.add_new_item && canCreateRecord && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Button, {
+        variant: "primary",
+        onClick: openModal,
+        __next40pxDefaultSize: true,
+        children: labels.add_new_item
+      }), showAddPostModal && /*#__PURE__*/_jsx(AddNewPostModal, {
+        postType: postType,
+        onSave: handleNewPage,
+        onClose: closeModal
+      })]
+    }),
+    children: /*#__PURE__*/_jsx(DataViews, {
+      paginationInfo: paginationInfo,
+      fields: fields,
+      actions: actions,
+      data: data || EMPTY_ARRAY,
+      isLoading: isLoadingData || isLoadingFields,
+      view: view,
+      onChangeView: setView,
+      selection: selection,
+      onChangeSelection: onChangeSelection,
+      getItemId: getItemId,
+      defaultLayouts: defaultLayouts,
+      header: window.__experimentalQuickEditDataViews && view.type !== LAYOUT_LIST && postType === 'page' && /*#__PURE__*/_jsx(Button, {
+        size: "compact",
+        isPressed: quickEdit,
+        icon: drawerRight,
+        label: !quickEdit ? __('Show quick edit sidebar') : __('Close quick edit sidebar'),
+        onClick: () => {
+          history.push({
+            ...location.params,
+            quickEdit: quickEdit ? undefined : true
+          });
+        }
+      })
+    }, activeView + isCustom)
+  });
+}
+//# sourceMappingURL=index.js.map