@wordpress/edit-site 6.32.0 → 6.32.1-next.b8c8708f3.0

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

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","__","DataForm","useDispatch","useSelect","store","coreDataStore","__experimentalVStack","VStack","useState","useMemo","useEffect","privateApis","editorPrivateApis","Page","unlock","usePatternSettings","blockEditorPrivateApis","jsx","_jsx","jsxs","_jsxs","usePostFields","PostCardPanel","fieldsWithBulkEditSupport","PostEditForm","postType","postId","ids","split","record","hasFinishedResolution","select","args","getEditedEntityRecord","hasFinished","length","multiEdits","setMultiEdits","editEntityRecord","fields","_fields","map","field","id","elements","filter","element","value","form","layout","type","label","children","summary","labelPosition","includes","onChange","edits","status","Date","date","password","prev","ExperimentalBlockEditorProvider","settings","fieldsWithDependency","Edit","data","spacing","PostEdit","className"],"sources":["@wordpress/edit-site/src/components/post-edit/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { DataForm } from '@wordpress/dataviews';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as coreDataStore } from '@wordpress/core-data';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { useState, useMemo, useEffect } from '@wordpress/element';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport Page from '../page';\nimport { unlock } from '../../lock-unlock';\nimport usePatternSettings from '../page-patterns/use-pattern-settings';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\nconst { usePostFields, PostCardPanel } = unlock( editorPrivateApis );\n\nconst fieldsWithBulkEditSupport = [\n\t'title',\n\t'status',\n\t'date',\n\t'author',\n\t'discussion',\n];\n\nfunction PostEditForm( { postType, postId } ) {\n\tconst ids = useMemo( () => postId.split( ',' ), [ postId ] );\n\tconst { record, hasFinishedResolution } = useSelect(\n\t\t( select ) => {\n\t\t\tconst args = [ 'postType', postType, ids[ 0 ] ];\n\n\t\t\tconst {\n\t\t\t\tgetEditedEntityRecord,\n\t\t\t\thasFinishedResolution: hasFinished,\n\t\t\t} = select( coreDataStore );\n\n\t\t\treturn {\n\t\t\t\trecord:\n\t\t\t\t\tids.length === 1 ? getEditedEntityRecord( ...args ) : null,\n\t\t\t\thasFinishedResolution: hasFinished(\n\t\t\t\t\t'getEditedEntityRecord',\n\t\t\t\t\targs\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ postType, ids ]\n\t);\n\tconst [ multiEdits, setMultiEdits ] = useState( {} );\n\tconst { editEntityRecord } = useDispatch( coreDataStore );\n\tconst { fields: _fields } = usePostFields( { postType } );\n\tconst fields = useMemo(\n\t\t() =>\n\t\t\t_fields?.map( ( field ) => {\n\t\t\t\tif ( field.id === 'status' ) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...field,\n\t\t\t\t\t\telements: field.elements.filter(\n\t\t\t\t\t\t\t( element ) => element.value !== 'trash'\n\t\t\t\t\t\t),\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\treturn field;\n\t\t\t} ),\n\t\t[ _fields ]\n\t);\n\n\tconst form = useMemo(\n\t\t() => ( {\n\t\t\tlayout: {\n\t\t\t\ttype: 'panel',\n\t\t\t},\n\t\t\tfields: [\n\t\t\t\t{\n\t\t\t\t\tid: 'featured_media',\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\ttype: 'regular',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tid: 'status',\n\t\t\t\t\tlabel: __( 'Status & Visibility' ),\n\t\t\t\t\tchildren: [ 'status', 'password' ],\n\t\t\t\t},\n\t\t\t\t'author',\n\t\t\t\t'date',\n\t\t\t\t'slug',\n\t\t\t\t'parent',\n\t\t\t\t{\n\t\t\t\t\tid: 'discussion',\n\t\t\t\t\tlabel: __( 'Discussion' ),\n\t\t\t\t\tchildren: [ 'comment_status', 'ping_status' ],\n\t\t\t\t\tsummary: 'discussion',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: __( 'Template' ),\n\t\t\t\t\tid: 'template',\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\ttype: 'regular',\n\t\t\t\t\t\tlabelPosition: 'side',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t].filter(\n\t\t\t\t( field ) =>\n\t\t\t\t\tids.length === 1 ||\n\t\t\t\t\tfieldsWithBulkEditSupport.includes( field )\n\t\t\t),\n\t\t} ),\n\t\t[ ids ]\n\t);\n\tconst onChange = ( edits ) => {\n\t\tfor ( const id of ids ) {\n\t\t\tif (\n\t\t\t\tedits.status &&\n\t\t\t\tedits.status !== 'future' &&\n\t\t\t\trecord?.status === 'future' &&\n\t\t\t\tnew Date( record.date ) > new Date()\n\t\t\t) {\n\t\t\t\tedits.date = null;\n\t\t\t}\n\t\t\tif (\n\t\t\t\tedits.status &&\n\t\t\t\tedits.status === 'private' &&\n\t\t\t\trecord.password\n\t\t\t) {\n\t\t\t\tedits.password = '';\n\t\t\t}\n\t\t\teditEntityRecord( 'postType', postType, id, edits );\n\t\t\tif ( ids.length > 1 ) {\n\t\t\t\tsetMultiEdits( ( prev ) => ( {\n\t\t\t\t\t...prev,\n\t\t\t\t\t...edits,\n\t\t\t\t} ) );\n\t\t\t}\n\t\t}\n\t};\n\tuseEffect( () => {\n\t\tsetMultiEdits( {} );\n\t}, [ ids ] );\n\n\tconst { ExperimentalBlockEditorProvider } = unlock(\n\t\tblockEditorPrivateApis\n\t);\n\tconst settings = usePatternSettings();\n\n\t/**\n\t * The template field depends on the block editor settings.\n\t * This is a workaround to ensure that the block editor settings are available.\n\t * For more information, see: https://github.com/WordPress/gutenberg/issues/67521\n\t */\n\tconst fieldsWithDependency = useMemo( () => {\n\t\treturn fields.map( ( field ) => {\n\t\t\tif ( field.id === 'template' ) {\n\t\t\t\treturn {\n\t\t\t\t\t...field,\n\t\t\t\t\tEdit: ( data ) => (\n\t\t\t\t\t\t<ExperimentalBlockEditorProvider settings={ settings }>\n\t\t\t\t\t\t\t<field.Edit { ...data } />\n\t\t\t\t\t\t</ExperimentalBlockEditorProvider>\n\t\t\t\t\t),\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn field;\n\t\t} );\n\t}, [ fields, settings ] );\n\n\treturn (\n\t\t<VStack spacing={ 4 }>\n\t\t\t<PostCardPanel postType={ postType } postId={ ids } />\n\t\t\t{ hasFinishedResolution && (\n\t\t\t\t<DataForm\n\t\t\t\t\tdata={ ids.length === 1 ? record : multiEdits }\n\t\t\t\t\tfields={ fieldsWithDependency }\n\t\t\t\t\tform={ form }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nexport function PostEdit( { postType, postId } ) {\n\treturn (\n\t\t<Page\n\t\t\tclassName={ clsx( 'edit-site-post-edit', {\n\t\t\t\t'is-empty': ! postId,\n\t\t\t} ) }\n\t\t\tlabel={ __( 'Post Edit' ) }\n\t\t>\n\t\t\t{ postId && (\n\t\t\t\t<PostEditForm postType={ postType } postId={ postId } />\n\t\t\t) }\n\t\t\t{ ! postId && <p>{ __( 'Select a page to edit' ) }</p> }\n\t\t</Page>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/post-edit/index.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Page } from '@wordpress/admin-ui';\nimport { __ } from '@wordpress/i18n';\nimport { DataForm } from '@wordpress/dataviews';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as coreDataStore } from '@wordpress/core-data';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { useState, useMemo, useEffect } from '@wordpress/element';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport usePatternSettings from '../page-patterns/use-pattern-settings';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\nconst { usePostFields, PostCardPanel } = unlock( editorPrivateApis );\n\nconst fieldsWithBulkEditSupport = [\n\t'title',\n\t'status',\n\t'date',\n\t'author',\n\t'discussion',\n];\n\nfunction PostEditForm( { postType, postId } ) {\n\tconst ids = useMemo( () => postId.split( ',' ), [ postId ] );\n\tconst { record, hasFinishedResolution } = useSelect(\n\t\t( select ) => {\n\t\t\tconst args = [ 'postType', postType, ids[ 0 ] ];\n\n\t\t\tconst {\n\t\t\t\tgetEditedEntityRecord,\n\t\t\t\thasFinishedResolution: hasFinished,\n\t\t\t} = select( coreDataStore );\n\n\t\t\treturn {\n\t\t\t\trecord:\n\t\t\t\t\tids.length === 1 ? getEditedEntityRecord( ...args ) : null,\n\t\t\t\thasFinishedResolution: hasFinished(\n\t\t\t\t\t'getEditedEntityRecord',\n\t\t\t\t\targs\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ postType, ids ]\n\t);\n\tconst [ multiEdits, setMultiEdits ] = useState( {} );\n\tconst { editEntityRecord } = useDispatch( coreDataStore );\n\tconst { fields: _fields } = usePostFields( { postType } );\n\tconst fields = useMemo(\n\t\t() =>\n\t\t\t_fields?.map( ( field ) => {\n\t\t\t\tif ( field.id === 'status' ) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...field,\n\t\t\t\t\t\telements: field.elements.filter(\n\t\t\t\t\t\t\t( element ) => element.value !== 'trash'\n\t\t\t\t\t\t),\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\treturn field;\n\t\t\t} ),\n\t\t[ _fields ]\n\t);\n\n\tconst form = useMemo(\n\t\t() => ( {\n\t\t\tlayout: {\n\t\t\t\ttype: 'panel',\n\t\t\t},\n\t\t\tfields: [\n\t\t\t\t{\n\t\t\t\t\tid: 'featured_media',\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\ttype: 'regular',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tid: 'status',\n\t\t\t\t\tlabel: __( 'Status & Visibility' ),\n\t\t\t\t\tchildren: [ 'status', 'password' ],\n\t\t\t\t},\n\t\t\t\t'author',\n\t\t\t\t'date',\n\t\t\t\t'slug',\n\t\t\t\t'parent',\n\t\t\t\t{\n\t\t\t\t\tid: 'discussion',\n\t\t\t\t\tlabel: __( 'Discussion' ),\n\t\t\t\t\tchildren: [ 'comment_status', 'ping_status' ],\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: __( 'Template' ),\n\t\t\t\t\tid: 'template',\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\ttype: 'regular',\n\t\t\t\t\t\tlabelPosition: 'side',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t].filter(\n\t\t\t\t( field ) =>\n\t\t\t\t\tids.length === 1 ||\n\t\t\t\t\tfieldsWithBulkEditSupport.includes(\n\t\t\t\t\t\ttypeof field === 'string' ? field : field.id\n\t\t\t\t\t)\n\t\t\t),\n\t\t} ),\n\t\t[ ids ]\n\t);\n\tconst onChange = ( edits ) => {\n\t\tfor ( const id of ids ) {\n\t\t\tif (\n\t\t\t\tedits.status &&\n\t\t\t\tedits.status !== 'future' &&\n\t\t\t\trecord?.status === 'future' &&\n\t\t\t\tnew Date( record.date ) > new Date()\n\t\t\t) {\n\t\t\t\tedits.date = null;\n\t\t\t}\n\t\t\tif (\n\t\t\t\tedits.status &&\n\t\t\t\tedits.status === 'private' &&\n\t\t\t\trecord.password\n\t\t\t) {\n\t\t\t\tedits.password = '';\n\t\t\t}\n\t\t\teditEntityRecord( 'postType', postType, id, edits );\n\t\t\tif ( ids.length > 1 ) {\n\t\t\t\tsetMultiEdits( ( prev ) => ( {\n\t\t\t\t\t...prev,\n\t\t\t\t\t...edits,\n\t\t\t\t} ) );\n\t\t\t}\n\t\t}\n\t};\n\tuseEffect( () => {\n\t\tsetMultiEdits( {} );\n\t}, [ ids ] );\n\n\tconst { ExperimentalBlockEditorProvider } = unlock(\n\t\tblockEditorPrivateApis\n\t);\n\tconst settings = usePatternSettings();\n\n\t/**\n\t * The template field depends on the block editor settings.\n\t * This is a workaround to ensure that the block editor settings are available.\n\t * For more information, see: https://github.com/WordPress/gutenberg/issues/67521\n\t */\n\tconst fieldsWithDependency = useMemo( () => {\n\t\treturn fields.map( ( field ) => {\n\t\t\tif ( field.id === 'template' ) {\n\t\t\t\treturn {\n\t\t\t\t\t...field,\n\t\t\t\t\tEdit: ( data ) => (\n\t\t\t\t\t\t<ExperimentalBlockEditorProvider settings={ settings }>\n\t\t\t\t\t\t\t<field.Edit { ...data } />\n\t\t\t\t\t\t</ExperimentalBlockEditorProvider>\n\t\t\t\t\t),\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn field;\n\t\t} );\n\t}, [ fields, settings ] );\n\n\treturn (\n\t\t<VStack spacing={ 4 }>\n\t\t\t<PostCardPanel postType={ postType } postId={ ids } />\n\t\t\t{ hasFinishedResolution && (\n\t\t\t\t<DataForm\n\t\t\t\t\tdata={ ids.length === 1 ? record : multiEdits }\n\t\t\t\t\tfields={ fieldsWithDependency }\n\t\t\t\t\tform={ form }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nexport function PostEdit( { postType, postId } ) {\n\treturn (\n\t\t<Page\n\t\t\tclassName={ clsx( 'edit-site-post-edit', {\n\t\t\t\t'is-empty': ! postId,\n\t\t\t} ) }\n\t\t\tlabel={ __( 'Post Edit' ) }\n\t\t>\n\t\t\t{ postId && (\n\t\t\t\t<PostEditForm postType={ postType } postId={ postId } />\n\t\t\t) }\n\t\t\t{ ! postId && <p>{ __( 'Select a page to edit' ) }</p> }\n\t\t</Page>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -1,229 +1,110 @@
-/**
- * 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';
-import { useEvent, usePrevious } from '@wordpress/compose';
-import { addQueryArgs } from '@wordpress/url';
-
-/**
- * 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 { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  usePostActions,
-  usePostFields
-} = unlock(editorPrivateApis);
-const {
-  useLocation,
-  useHistory
-} = unlock(routerPrivateApis);
-const {
-  useEntityRecordsWithPermissions
-} = unlock(coreDataPrivateApis);
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Page } from "@wordpress/admin-ui";
+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 } 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";
+import { useEvent, usePrevious } from "@wordpress/compose";
+import { addQueryArgs } from "@wordpress/url";
+import { useView } from "@wordpress/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 { defaultLayouts, getDefaultView } from "./view-utils";
+const { usePostActions, usePostFields } = 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,
-    ...defaultLayouts[content.type]
-  };
-};
-
-/**
- * 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 {
-    path,
-    query: {
-      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,
-      ...defaultLayouts[type]
-    };
-  });
-  const setViewWithUrlUpdate = useEvent(newView => {
-    setView(newView);
-    if (isCustom === 'true' && editedEntityRecord?.id) {
-      editEntityRecord('postType', 'wp_dataviews', editedEntityRecord?.id, {
-        content: JSON.stringify(newView)
-      });
-    }
-    const currentUrlLayout = layout !== null && layout !== void 0 ? layout : LAYOUT_LIST;
-    if (newView.type !== currentUrlLayout) {
-      history.navigate(addQueryArgs(path, {
-        layout: newView.type
-      }));
-    }
-  });
-
-  // When layout URL param changes, update the view type
-  // without affecting any other config.
-  const onUrlLayoutChange = useEvent(() => {
-    setView(prevView => {
-      const newType = layout !== null && layout !== void 0 ? layout : LAYOUT_LIST;
-      if (newType === prevView.type) {
-        return prevView;
-      }
-      return {
-        ...prevView,
-        type: newType,
-        ...defaultLayouts[newType]
-      };
-    });
-  });
-  useEffect(() => {
-    onUrlLayoutChange();
-  }, [onUrlLayoutChange, layout]);
-
-  // When activeView or isCustom URL parameters change, reset the view.
-  const onUrlActiveViewChange = useEvent(() => {
-    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,
-        ...defaultLayouts[type]
-      });
-    }
-  });
-  useEffect(() => {
-    onUrlActiveViewChange();
-  }, [onUrlActiveViewChange, activeView, isCustom, defaultViews, editedEntityRecord]);
-  return [view, setViewWithUrlUpdate];
-}
-const DEFAULT_STATUSES = 'draft,future,pending,private,publish'; // All but 'trash'.
-
+const DEFAULT_STATUSES = "draft,future,pending,private,publish";
 function getItemId(item) {
   return item.id.toString();
 }
 function getItemLevel(item) {
   return item.level;
 }
-export default function PostList({
-  postType
-}) {
-  var _postId$split, _data$map, _usePrevious;
-  const [view, setView] = useView(postType);
+function PostList({ postType }) {
+  const { path, query } = useLocation();
+  const { activeView = "all", postId, quickEdit = false } = query;
   const history = useHistory();
-  const location = useLocation();
-  const {
-    postId,
-    quickEdit = false,
-    isCustom,
-    activeView = 'all'
-  } = location.query;
-  const [selection, setSelection] = useState((_postId$split = postId?.split(',')) !== null && _postId$split !== void 0 ? _postId$split : []);
-  const onChangeSelection = useCallback(items => {
-    var _location$query$isCus;
-    setSelection(items);
-    if (((_location$query$isCus = location.query.isCustom) !== null && _location$query$isCus !== void 0 ? _location$query$isCus : 'false') === 'false') {
-      history.navigate(addQueryArgs(location.path, {
-        postId: items.join(',')
-      }));
+  const postTypeObject = useSelect(
+    (select) => {
+      const { getPostType } = select(coreStore);
+      return getPostType(postType);
+    },
+    [postType]
+  );
+  const { view, updateView, isModified, resetToDefault } = useView({
+    kind: "postType",
+    name: postType,
+    slug: activeView,
+    queryParams: {
+      page: query.pageNumber,
+      search: query.search
+    },
+    onChangeQueryParams: (newQueryParams) => {
+      history.navigate(
+        addQueryArgs(path, {
+          ...query,
+          pageNumber: newQueryParams.page,
+          search: newQueryParams.search || void 0
+        })
+      );
+    },
+    defaultView: getDefaultView(postTypeObject, activeView)
+  });
+  const onChangeView = useEvent((newView) => {
+    if (newView.type !== view.type) {
+      history.invalidate();
     }
-  }, [location.path, location.query.isCustom, history]);
-  const {
-    isLoading: isLoadingFields,
-    fields: fields
-  } = usePostFields({
+    updateView(newView);
+  });
+  const [selection, setSelection] = useState(postId?.split(",") ?? []);
+  const onChangeSelection = useCallback(
+    (items) => {
+      setSelection(items);
+      history.navigate(
+        addQueryArgs(path, {
+          postId: items.join(",")
+        })
+      );
+    },
+    [path, history]
+  );
+  const { isLoading: isLoadingFields, fields } = usePostFields({
     postType
   });
   const queryArgs = useMemo(() => {
     const filters = {};
-    view.filters?.forEach(filter => {
-      if (filter.field === 'status' && filter.operator === OPERATOR_IS_ANY) {
+    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) {
+      if (filter.field === "author" && filter.operator === OPERATOR_IS_ANY) {
         filters.author = filter.value;
-      } else if (filter.field === 'author' && filter.operator === OPERATOR_IS_NONE) {
+      } 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 === '') {
+    if (!filters.status || filters.status === "") {
       filters.status = DEFAULT_STATUSES;
     }
     return {
       per_page: view.perPage,
       page: view.page,
-      _embed: 'author',
+      _embed: "author,wp:featuredmedia",
       order: view.sort?.direction,
       orderby: view.sort?.field,
       orderby_hierarchy: !!view.showLevels,
@@ -236,111 +117,144 @@ export default function PostList({
     isResolving: isLoadingData,
     totalItems,
     totalPages
-  } = useEntityRecordsWithPermissions('postType', postType, queryArgs);
-
-  // The REST API sort the authors by ID, but we want to sort them by name.
+  } = useEntityRecordsWithPermissions("postType", postType, queryArgs);
   const data = useMemo(() => {
-    if (!isLoadingFields && view?.sort?.field === 'author') {
-      return filterSortAndPaginate(records, {
-        sort: {
-          ...view.sort
-        }
-      }, fields).data;
+    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 ids = data?.map((record) => getItemId(record)) ?? [];
+  const prevIds = usePrevious(ids) ?? [];
+  const deletedIds = prevIds.filter((id) => !ids.includes(id));
   const postIdWasDeleted = deletedIds.includes(postId);
   useEffect(() => {
     if (postIdWasDeleted) {
-      history.navigate(addQueryArgs(location.path, {
-        postId: undefined
-      }));
+      history.navigate(
+        addQueryArgs(path, {
+          postId: void 0
+        })
+      );
     }
-  }, [history, postIdWasDeleted, location.path]);
-  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]);
+  }, [history, postIdWasDeleted, path]);
+  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'
+    context: "list"
   });
   const editAction = useEditPostAction();
-  const actions = useMemo(() => [editAction, ...postTypeActions], [postTypeActions, editAction]);
+  const actions = useMemo(
+    () => [editAction, ...postTypeActions],
+    [postTypeActions, editAction]
+  );
   const [showAddPostModal, setShowAddPostModal] = useState(false);
   const openModal = () => setShowAddPostModal(true);
   const closeModal = () => setShowAddPostModal(false);
-  const handleNewPage = ({
-    type,
-    id
-  }) => {
+  const handleNewPage = ({ type, id }) => {
     history.navigate(`/${type}/${id}?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,
-      isItemClickable: item => item.status !== 'trash',
-      onClickItem: ({
-        id
-      }) => {
-        history.navigate(`/${postType}/${id}?canvas=edit`);
-      },
-      getItemId: getItemId,
-      getItemLevel: getItemLevel,
-      defaultLayouts: defaultLayouts,
-      header: window.__experimentalQuickEditDataViews && view.type !== LAYOUT_LIST && postType === 'page' && /*#__PURE__*/_jsx(Button, {
-        size: "compact",
-        isPressed: quickEdit,
-        icon: drawerRight,
-        label: __('Details'),
-        onClick: () => {
-          history.navigate(addQueryArgs(location.path, {
-            quickEdit: quickEdit ? undefined : true
-          }));
-        }
-      })
-    }, activeView + isCustom)
-  });
+  return /* @__PURE__ */ jsx(
+    Page,
+    {
+      title: labels?.name,
+      actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+        isModified && /* @__PURE__ */ jsx(
+          Button,
+          {
+            __next40pxDefaultSize: true,
+            onClick: () => {
+              resetToDefault();
+              history.invalidate();
+            },
+            children: __("Reset view")
+          }
+        ),
+        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,
+              onSave: handleNewPage,
+              onClose: closeModal
+            }
+          )
+        ] })
+      ] }),
+      children: /* @__PURE__ */ jsx(
+        DataViews,
+        {
+          paginationInfo,
+          fields,
+          actions,
+          data: data || EMPTY_ARRAY,
+          isLoading: isLoadingData || isLoadingFields,
+          view,
+          onChangeView,
+          selection,
+          onChangeSelection,
+          isItemClickable: (item) => item.status !== "trash",
+          onClickItem: ({ id }) => {
+            history.navigate(`/${postType}/${id}?canvas=edit`);
+          },
+          getItemId,
+          getItemLevel,
+          defaultLayouts,
+          header: window.__experimentalQuickEditDataViews && view.type !== LAYOUT_LIST && postType === "page" && /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "compact",
+              isPressed: quickEdit,
+              icon: drawerRight,
+              label: __("Details"),
+              onClick: () => {
+                history.navigate(
+                  addQueryArgs(path, {
+                    quickEdit: quickEdit ? void 0 : true
+                  })
+                );
+              }
+            }
+          )
+        },
+        activeView
+      )
+    }
+  );
 }
-//# sourceMappingURL=index.js.map
+export {
+  PostList as default
+};
+//# sourceMappingURL=index.js.map