@wordpress/edit-site 6.3.0 → 6.4.0

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

@@ -0,0 +1,314 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _i18n = require("@wordpress/i18n");
+var _htmlEntities = require("@wordpress/html-entities");
+var _element = require("@wordpress/element");
+var _date = require("@wordpress/date");
+var _icons = require("@wordpress/icons");
+var _components = require("@wordpress/components");
+var _data = require("@wordpress/data");
+var _coreData = require("@wordpress/core-data");
+var _constants = require("../../utils/constants");
+var _link = _interopRequireWildcard(require("../routes/link"));
+var _media = _interopRequireDefault(require("../media"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+// See https://github.com/WordPress/gutenberg/issues/55886
+// We do not support custom statutes at the moment.
+const STATUSES = [{
+  value: 'draft',
+  label: (0, _i18n.__)('Draft'),
+  icon: _icons.drafts
+}, {
+  value: 'future',
+  label: (0, _i18n.__)('Scheduled'),
+  icon: _icons.scheduled
+}, {
+  value: 'pending',
+  label: (0, _i18n.__)('Pending Review'),
+  icon: _icons.pending
+}, {
+  value: 'private',
+  label: (0, _i18n.__)('Private'),
+  icon: _icons.notAllowed
+}, {
+  value: 'publish',
+  label: (0, _i18n.__)('Published'),
+  icon: _icons.published
+}, {
+  value: 'trash',
+  label: (0, _i18n.__)('Trash'),
+  icon: _icons.trash
+}];
+const getFormattedDate = dateToDisplay => (0, _date.dateI18n)((0, _date.getSettings)().formats.datetimeAbbreviated, (0, _date.getDate)(dateToDisplay));
+function FeaturedImage({
+  item,
+  viewType
+}) {
+  const isDisabled = item.status === 'trash';
+  const {
+    onClick
+  } = (0, _link.useLink)({
+    postId: item.id,
+    postType: item.type,
+    canvas: 'edit'
+  });
+  const hasMedia = !!item.featured_media;
+  const size = viewType === _constants.LAYOUT_GRID ? ['large', 'full', 'medium', 'thumbnail'] : ['thumbnail', 'medium', 'large', 'full'];
+  const media = hasMedia ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_media.default, {
+    className: "edit-site-post-list__featured-image",
+    id: item.featured_media,
+    size: size
+  }) : null;
+  const renderButton = viewType !== _constants.LAYOUT_LIST && !isDisabled;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: `edit-site-post-list__featured-image-wrapper is-layout-${viewType}`,
+    children: renderButton ? /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+      className: "edit-site-post-list__featured-image-button",
+      type: "button",
+      onClick: onClick,
+      "aria-label": item.title?.rendered || (0, _i18n.__)('(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__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+    alignment: "left",
+    spacing: 0,
+    children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "edit-site-post-list__status-icon",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
+        icon: icon
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: label
+    })]
+  });
+}
+function PostAuthorField({
+  item
+}) {
+  const {
+    text,
+    imageUrl
+  } = (0, _data.useSelect)(select => {
+    const {
+      getUser
+    } = select(_coreData.store);
+    const user = getUser(item.author);
+    return {
+      imageUrl: user?.avatar_urls?.[48],
+      text: user?.name
+    };
+  }, [item]);
+  const [isImageLoaded, setIsImageLoaded] = (0, _element.useState)(false);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+    alignment: "left",
+    spacing: 0,
+    children: [!!imageUrl && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _clsx.default)('page-templates-author-field__avatar', {
+        'is-loaded': isImageLoaded
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        onLoad: () => setIsImageLoaded(true),
+        alt: (0, _i18n.__)('Author avatar'),
+        src: imageUrl
+      })
+    }), !imageUrl && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "page-templates-author-field__icon",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
+        icon: _icons.commentAuthorAvatar
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "page-templates-author-field__name",
+      children: text
+    })]
+  });
+}
+function usePostFields(viewType) {
+  const {
+    records: authors,
+    isResolving: isLoadingAuthors
+  } = (0, _coreData.useEntityRecords)('root', 'user', {
+    per_page: -1
+  });
+  const {
+    frontPageId,
+    postsPageId
+  } = (0, _data.useSelect)(select => {
+    const {
+      getEntityRecord
+    } = select(_coreData.store);
+    const siteSettings = getEntityRecord('root', 'site');
+    return {
+      frontPageId: siteSettings?.page_on_front,
+      postsPageId: siteSettings?.page_for_posts
+    };
+  }, []);
+  const fields = (0, _element.useMemo)(() => [{
+    id: 'featured-image',
+    label: (0, _i18n.__)('Featured Image'),
+    getValue: ({
+      item
+    }) => item.featured_media,
+    render: ({
+      item
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(FeaturedImage, {
+      item: item,
+      viewType: viewType
+    }),
+    enableSorting: false
+  }, {
+    label: (0, _i18n.__)('Title'),
+    id: 'title',
+    type: 'text',
+    getValue: ({
+      item
+    }) => typeof item.title === 'string' ? item.title : item.title?.raw,
+    render: ({
+      item
+    }) => {
+      const addLink = [_constants.LAYOUT_TABLE, _constants.LAYOUT_GRID].includes(viewType) && item.status !== 'trash';
+      const title = addLink ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_link.default, {
+        params: {
+          postId: item.id,
+          postType: item.type,
+          canvas: 'edit'
+        },
+        children: (0, _htmlEntities.decodeEntities)(item.title?.rendered) || (0, _i18n.__)('(no title)')
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: (0, _htmlEntities.decodeEntities)(item.title?.rendered) || (0, _i18n.__)('(no title)')
+      });
+      let suffix = '';
+      if (item.id === frontPageId) {
+        suffix = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "edit-site-post-list__title-badge",
+          children: (0, _i18n.__)('Homepage')
+        });
+      } else if (item.id === postsPageId) {
+        suffix = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "edit-site-post-list__title-badge",
+          children: (0, _i18n.__)('Posts Page')
+        });
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+        className: "edit-site-post-list__title",
+        alignment: "center",
+        justify: "flex-start",
+        children: [title, suffix]
+      });
+    },
+    enableHiding: false
+  }, {
+    label: (0, _i18n.__)('Author'),
+    id: 'author',
+    getValue: ({
+      item
+    }) => item._embedded?.author[0]?.name,
+    elements: authors?.map(({
+      id,
+      name
+    }) => ({
+      value: id,
+      label: name
+    })) || [],
+    render: PostAuthorField
+  }, {
+    label: (0, _i18n.__)('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: [_constants.OPERATOR_IS_ANY]
+    }
+  }, {
+    label: (0, _i18n.__)('Date'),
+    id: 'date',
+    render: ({
+      item
+    }) => {
+      const isDraftOrPrivate = ['draft', 'private'].includes(item.status);
+      if (isDraftOrPrivate) {
+        return (0, _element.createInterpolateElement)((0, _i18n.sprintf)( /* translators: %s: page creation date */
+        (0, _i18n.__)('<span>Modified: <time>%s</time></span>'), getFormattedDate(item.date)), {
+          span: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {}),
+          time: /*#__PURE__*/(0, _jsxRuntime.jsx)("time", {})
+        });
+      }
+      const isScheduled = item.status === 'future';
+      if (isScheduled) {
+        return (0, _element.createInterpolateElement)((0, _i18n.sprintf)( /* translators: %s: page creation date */
+        (0, _i18n.__)('<span>Scheduled: <time>%s</time></span>'), getFormattedDate(item.date)), {
+          span: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {}),
+          time: /*#__PURE__*/(0, _jsxRuntime.jsx)("time", {})
+        });
+      }
+
+      // Pending & Published posts show the modified date if it's newer.
+      const dateToDisplay = (0, _date.getDate)(item.modified) > (0, _date.getDate)(item.date) ? item.modified : item.date;
+      const isPending = item.status === 'pending';
+      if (isPending) {
+        return (0, _element.createInterpolateElement)((0, _i18n.sprintf)( /* translators: %s: the newest of created or modified date for the page */
+        (0, _i18n.__)('<span>Modified: <time>%s</time></span>'), getFormattedDate(dateToDisplay)), {
+          span: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {}),
+          time: /*#__PURE__*/(0, _jsxRuntime.jsx)("time", {})
+        });
+      }
+      const isPublished = item.status === 'publish';
+      if (isPublished) {
+        return (0, _element.createInterpolateElement)((0, _i18n.sprintf)( /* translators: %s: the newest of created or modified date for the page */
+        (0, _i18n.__)('<span>Published: <time>%s</time></span>'), getFormattedDate(dateToDisplay)), {
+          span: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {}),
+          time: /*#__PURE__*/(0, _jsxRuntime.jsx)("time", {})
+        });
+      }
+
+      // Unknow status.
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("time", {
+        children: getFormattedDate(item.date)
+      });
+    }
+  }], [authors, viewType, frontPageId, postsPageId]);
+  return {
+    isLoading: isLoadingAuthors,
+    fields
+  };
+}
+var _default = exports.default = usePostFields;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_htmlEntities","_element","_date","_icons","_components","_data","_coreData","_constants","_link","_interopRequireWildcard","_media","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","STATUSES","value","label","__","icon","drafts","scheduled","pending","notAllowed","published","trash","getFormattedDate","dateToDisplay","dateI18n","getSettings","formats","datetimeAbbreviated","getDate","FeaturedImage","item","viewType","isDisabled","status","onClick","useLink","postId","id","postType","type","canvas","hasMedia","featured_media","size","LAYOUT_GRID","media","jsx","className","renderButton","LAYOUT_LIST","children","title","rendered","PostStatusField","find","jsxs","__experimentalHStack","alignment","spacing","Icon","PostAuthorField","text","imageUrl","useSelect","select","getUser","coreStore","user","author","avatar_urls","name","isImageLoaded","setIsImageLoaded","useState","clsx","onLoad","alt","src","authorIcon","usePostFields","records","authors","isResolving","isLoadingAuthors","useEntityRecords","per_page","frontPageId","postsPageId","getEntityRecord","siteSettings","page_on_front","page_for_posts","fields","useMemo","getValue","render","enableSorting","raw","addLink","LAYOUT_TABLE","includes","params","decodeEntities","suffix","justify","enableHiding","_embedded","elements","map","_STATUSES$find$label","filterBy","operators","OPERATOR_IS_ANY","isDraftOrPrivate","createInterpolateElement","sprintf","date","span","time","isScheduled","modified","isPending","isPublished","isLoading","_default","exports"],"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 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( item.title?.rendered ) ||\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( item.title?.rendered ) ||\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\tgetValue: ( { item } ) => item._embedded?.author[ 0 ]?.name,\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},\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\t// Pending & Published 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\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: the newest of created or modified date for the page */\n\t\t\t\t\t\t\t\t__( '<span>Published: <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/components/post-list/index.js

@@ -0,0 +1,281 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PostList;
+var _components = require("@wordpress/components");
+var _coreData = require("@wordpress/core-data");
+var _element = require("@wordpress/element");
+var _router = require("@wordpress/router");
+var _data = require("@wordpress/data");
+var _dataviews = require("@wordpress/dataviews");
+var _editor = require("@wordpress/editor");
+var _i18n = require("@wordpress/i18n");
+var _icons = require("@wordpress/icons");
+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 _postFields = _interopRequireDefault(require("../post-fields"));
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  usePostActions
+} = (0, _lockUnlock.unlock)(_editor.privateApis);
+const {
+  useLocation,
+  useHistory
+} = (0, _lockUnlock.unlock)(_router.privateApis);
+const EMPTY_ARRAY = [];
+function useView(postType) {
+  const {
+    params: {
+      activeView = 'all',
+      isCustom = 'false',
+      layout
+    }
+  } = useLocation();
+  const history = useHistory();
+  const DEFAULT_VIEWS = (0, _defaultViews.useDefaultViews)({
+    postType
+  });
+  const selectedDefaultView = (0, _element.useMemo)(() => {
+    const defaultView = isCustom === 'false' && DEFAULT_VIEWS[postType].find(({
+      slug
+    }) => slug === activeView)?.view;
+    if (isCustom === 'false' && layout) {
+      return {
+        ...defaultView,
+        type: layout,
+        layout: _defaultViews.defaultLayouts[layout]?.layout
+      };
+    }
+    return defaultView;
+  }, [isCustom, activeView, layout, postType, DEFAULT_VIEWS]);
+  const [view, setView] = (0, _element.useState)(selectedDefaultView);
+  (0, _element.useEffect)(() => {
+    if (selectedDefaultView) {
+      setView(selectedDefaultView);
+    }
+  }, [selectedDefaultView]);
+  const editedViewRecord = (0, _data.useSelect)(select => {
+    if (isCustom !== 'true') {
+      return;
+    }
+    const {
+      getEditedEntityRecord
+    } = select(_coreData.store);
+    const dataviewRecord = getEditedEntityRecord('postType', 'wp_dataviews', Number(activeView));
+    return dataviewRecord;
+  }, [activeView, isCustom]);
+  const {
+    editEntityRecord
+  } = (0, _data.useDispatch)(_coreData.store);
+  const customView = (0, _element.useMemo)(() => {
+    const storedView = editedViewRecord?.content && JSON.parse(editedViewRecord?.content);
+    if (!storedView) {
+      return storedView;
+    }
+    return {
+      ...storedView,
+      layout: _defaultViews.defaultLayouts[storedView?.type]?.layout
+    };
+  }, [editedViewRecord?.content]);
+  const setCustomView = (0, _element.useCallback)(viewToSet => {
+    editEntityRecord('postType', 'wp_dataviews', editedViewRecord?.id, {
+      content: JSON.stringify(viewToSet)
+    });
+  }, [editEntityRecord, editedViewRecord?.id]);
+  const setDefaultViewAndUpdateUrl = (0, _element.useCallback)(viewToSet => {
+    if (viewToSet.type !== view?.type) {
+      const {
+        params
+      } = history.getLocationWithParams();
+      history.push({
+        ...params,
+        layout: viewToSet.type
+      });
+    }
+    setView(viewToSet);
+  }, [history, view?.type]);
+  if (isCustom === 'false') {
+    return [view, setDefaultViewAndUpdateUrl];
+  } else if (isCustom === 'true' && customView) {
+    return [customView, setCustomView];
+  }
+  // Loading state where no the view was not found on custom views or default views.
+  return [DEFAULT_VIEWS[postType][0].view, setDefaultViewAndUpdateUrl];
+}
+const DEFAULT_STATUSES = 'draft,future,pending,private,publish'; // All but 'trash'.
+
+function getItemId(item) {
+  return item.id.toString();
+}
+function PostList({
+  postType
+}) {
+  var _postId$split, _records$map, _usePrevious;
+  const [view, setView] = useView(postType);
+  const history = useHistory();
+  const location = useLocation();
+  const {
+    postId,
+    quickEdit = false
+  } = location.params;
+  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;
+    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 queryArgs = (0, _element.useMemo)(() => {
+    const filters = {};
+    view.filters.forEach(filter => {
+      if (filter.field === 'status' && filter.operator === _constants.OPERATOR_IS_ANY) {
+        filters.status = filter.value;
+      }
+      if (filter.field === 'author' && filter.operator === _constants.OPERATOR_IS_ANY) {
+        filters.author = filter.value;
+      } else if (filter.field === 'author' && filter.operator === _constants.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: isLoadingMainEntities,
+    totalItems,
+    totalPages
+  } = (0, _coreData.useEntityRecords)('postType', postType, queryArgs);
+  const ids = (_records$map = records?.map(record => getItemId(record))) !== null && _records$map !== void 0 ? _records$map : [];
+  const prevIds = (_usePrevious = (0, _compose.usePrevious)(ids)) !== null && _usePrevious !== void 0 ? _usePrevious : [];
+  const deletedIds = prevIds.filter(id => !ids.includes(id));
+  const postIdWasDeleted = deletedIds.includes(postId);
+  (0, _element.useEffect)(() => {
+    if (postIdWasDeleted) {
+      history.push({
+        ...history.getLocationWithParams().params,
+        postId: undefined
+      });
+    }
+  }, [postIdWasDeleted, history]);
+  const paginationInfo = (0, _element.useMemo)(() => ({
+    totalItems,
+    totalPages
+  }), [totalItems, totalPages]);
+  const {
+    labels,
+    canCreateRecord
+  } = (0, _data.useSelect)(select => {
+    const {
+      getPostType,
+      canUser
+    } = select(_coreData.store);
+    return {
+      labels: getPostType(postType)?.labels,
+      canCreateRecord: canUser('create', {
+        kind: 'postType',
+        name: postType
+      })
+    };
+  }, [postType]);
+  const postTypeActions = usePostActions({
+    postType,
+    context: 'list'
+  });
+  const editAction = (0, _dataviewsActions.useEditPostAction)();
+  const actions = (0, _element.useMemo)(() => [editAction, ...postTypeActions], [postTypeActions, editAction]);
+  const [showAddPostModal, setShowAddPostModal] = (0, _element.useState)(false);
+  const openModal = () => setShowAddPostModal(true);
+  const closeModal = () => setShowAddPostModal(false);
+  const handleNewPage = ({
+    type,
+    id
+  }) => {
+    history.push({
+      postId: id,
+      postType: type,
+      canvas: 'edit'
+    });
+    closeModal();
+  };
+  const {
+    isLoading: isLoadingFields,
+    fields
+  } = (0, _postFields.default)(view.type);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_page.default, {
+    title: labels?.name,
+    actions: labels?.add_new_item && canCreateRecord && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        variant: "primary",
+        onClick: openModal,
+        __next40pxDefaultSize: true,
+        children: labels.add_new_item
+      }), showAddPostModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_addNewPost.default, {
+        postType: postType,
+        onSave: handleNewPage,
+        onClose: closeModal
+      })]
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataviews.DataViews, {
+      paginationInfo: paginationInfo,
+      fields: fields,
+      actions: actions,
+      data: records || EMPTY_ARRAY,
+      isLoading: isLoadingMainEntities || isLoadingFields,
+      view: view,
+      onChangeView: setView,
+      selection: selection,
+      onChangeSelection: onChangeSelection,
+      getItemId: getItemId,
+      defaultLayouts: _defaultViews.defaultLayouts,
+      header: window.__experimentalQuickEditDataViews && view.type !== _constants.LAYOUT_LIST && postType === 'page' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        size: "compact",
+        isPressed: quickEdit,
+        icon: _icons.drawerRight,
+        label: !quickEdit ? (0, _i18n.__)('Show quick edit sidebar') : (0, _i18n.__)('Close quick edit sidebar'),
+        onClick: () => {
+          history.push({
+            ...location.params,
+            quickEdit: quickEdit ? undefined : true
+          });
+        }
+      })
+    })
+  });
+}
+//# sourceMappingURL=index.js.map