@wordpress/edit-site 6.3.0 → 6.5.0

package/build/components/page-patterns/fields.js

@@ -0,0 +1,230 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.titleField = exports.templatePartAuthorField = exports.previewField = exports.patternStatusField = void 0;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _components = require("@wordpress/components");
+var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
+var _blockEditor = require("@wordpress/block-editor");
+var _icons = require("@wordpress/icons");
+var _blocks = require("@wordpress/blocks");
+var _htmlEntities = require("@wordpress/html-entities");
+var _async = require("../async");
+var _constants = require("../../utils/constants");
+var _lockUnlock = require("../../lock-unlock");
+var _link = require("../routes/link");
+var _hooks = require("../page-templates/hooks");
+var _searchItems = require("./search-items");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  useGlobalStyle
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+function PreviewWrapper({
+  item,
+  onClick,
+  ariaDescribedBy,
+  children
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+    className: "page-patterns-preview-field__button",
+    type: "button",
+    onClick: item.type !== _constants.PATTERN_TYPES.theme ? onClick : undefined,
+    "aria-label": item.title,
+    "aria-describedby": ariaDescribedBy,
+    "aria-disabled": item.type === _constants.PATTERN_TYPES.theme,
+    children: children
+  });
+}
+function PreviewField({
+  item
+}) {
+  const descriptionId = (0, _element.useId)();
+  const description = item.description || item?.excerpt?.raw;
+  const isUserPattern = item.type === _constants.PATTERN_TYPES.user;
+  const isTemplatePart = item.type === _constants.TEMPLATE_PART_POST_TYPE;
+  const [backgroundColor] = useGlobalStyle('color.background');
+  const {
+    onClick
+  } = (0, _link.useLink)({
+    postType: item.type,
+    postId: isUserPattern || isTemplatePart ? item.id : item.name,
+    canvas: 'edit'
+  });
+  const blocks = (0, _element.useMemo)(() => {
+    var _item$blocks;
+    return (_item$blocks = item.blocks) !== null && _item$blocks !== void 0 ? _item$blocks : (0, _blocks.parse)(item.content.raw, {
+      __unstableSkipMigrationLogs: true
+    });
+  }, [item?.content?.raw, item.blocks]);
+  const isEmpty = !blocks?.length;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "page-patterns-preview-field",
+    style: {
+      backgroundColor
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(PreviewWrapper, {
+      item: item,
+      onClick: onClick,
+      ariaDescribedBy: !!description ? descriptionId : undefined,
+      children: [isEmpty && isTemplatePart && (0, _i18n.__)('Empty template part'), isEmpty && !isTemplatePart && (0, _i18n.__)('Empty pattern'), !isEmpty && /*#__PURE__*/(0, _jsxRuntime.jsx)(_async.Async, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockPreview, {
+          blocks: blocks,
+          viewportWidth: item.viewportWidth
+        })
+      })]
+    }), !!description && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      hidden: true,
+      id: descriptionId,
+      children: description
+    })]
+  });
+}
+const previewField = exports.previewField = {
+  label: (0, _i18n.__)('Preview'),
+  id: 'preview',
+  render: PreviewField,
+  enableSorting: false
+};
+function TitleField({
+  item
+}) {
+  const isUserPattern = item.type === _constants.PATTERN_TYPES.user;
+  const isTemplatePart = item.type === _constants.TEMPLATE_PART_POST_TYPE;
+  const {
+    onClick
+  } = (0, _link.useLink)({
+    postType: item.type,
+    postId: isUserPattern || isTemplatePart ? item.id : item.name,
+    canvas: 'edit'
+  });
+  const title = (0, _htmlEntities.decodeEntities)((0, _searchItems.defaultGetTitle)(item));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+    alignment: "center",
+    justify: "flex-start",
+    spacing: 2,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Flex, {
+      as: "div",
+      gap: 0,
+      justify: "left",
+      className: "edit-site-patterns__pattern-title",
+      children: item.type === _constants.PATTERN_TYPES.theme ? title : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        variant: "link",
+        onClick: onClick
+        // Required for the grid's roving tab index system.
+        // See https://github.com/WordPress/gutenberg/pull/51898#discussion_r1243399243.
+        ,
+        tabIndex: "-1",
+        children: title
+      })
+    }), item.type === _constants.PATTERN_TYPES.theme && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, {
+      placement: "top",
+      text: (0, _i18n.__)('This pattern cannot be edited.'),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+        className: "edit-site-patterns__pattern-lock-icon",
+        icon: _icons.lockSmall,
+        size: 24
+      })
+    })]
+  });
+}
+const titleField = exports.titleField = {
+  label: (0, _i18n.__)('Title'),
+  id: 'title',
+  getValue: ({
+    item
+  }) => item.title?.raw || item.title,
+  render: TitleField,
+  enableHiding: false
+};
+const SYNC_FILTERS = [{
+  value: _constants.PATTERN_SYNC_TYPES.full,
+  label: (0, _i18n._x)('Synced', 'pattern (singular)'),
+  description: (0, _i18n.__)('Patterns that are kept in sync across the site.')
+}, {
+  value: _constants.PATTERN_SYNC_TYPES.unsynced,
+  label: (0, _i18n._x)('Not synced', 'pattern (singular)'),
+  description: (0, _i18n.__)('Patterns that can be changed freely without affecting the site.')
+}];
+const patternStatusField = exports.patternStatusField = {
+  label: (0, _i18n.__)('Sync status'),
+  id: 'sync-status',
+  render: ({
+    item
+  }) => {
+    const syncStatus = 'wp_pattern_sync_status' in item ? item.wp_pattern_sync_status || _constants.PATTERN_SYNC_TYPES.full : _constants.PATTERN_SYNC_TYPES.unsynced;
+    // User patterns can have their sync statuses checked directly.
+    // Non-user patterns are all unsynced for the time being.
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: `edit-site-patterns__field-sync-status-${syncStatus}`,
+      children: SYNC_FILTERS.find(({
+        value
+      }) => value === syncStatus).label
+    });
+  },
+  elements: SYNC_FILTERS,
+  filterBy: {
+    operators: [_constants.OPERATOR_IS],
+    isPrimary: true
+  },
+  enableSorting: false
+};
+function AuthorField({
+  item
+}) {
+  const [isImageLoaded, setIsImageLoaded] = (0, _element.useState)(false);
+  const {
+    text,
+    icon,
+    imageUrl
+  } = (0, _hooks.useAddedBy)(item.type, item.id);
+  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: "",
+        src: imageUrl
+      })
+    }), !imageUrl && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "page-templates-author-field__icon",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+        icon: icon
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "page-templates-author-field__name",
+      children: text
+    })]
+  });
+}
+const templatePartAuthorField = exports.templatePartAuthorField = {
+  label: (0, _i18n.__)('Author'),
+  id: 'author',
+  getValue: ({
+    item
+  }) => item.author_text,
+  render: AuthorField,
+  filterBy: {
+    isPrimary: true
+  }
+};
+//# sourceMappingURL=fields.js.map

package/build/components/page-patterns/fields.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_element","_blockEditor","_icons","_blocks","_htmlEntities","_async","_constants","_lockUnlock","_link","_hooks","_searchItems","_jsxRuntime","useGlobalStyle","unlock","blockEditorPrivateApis","PreviewWrapper","item","onClick","ariaDescribedBy","children","jsx","className","type","PATTERN_TYPES","theme","undefined","title","PreviewField","descriptionId","useId","description","excerpt","raw","isUserPattern","user","isTemplatePart","TEMPLATE_PART_POST_TYPE","backgroundColor","useLink","postType","postId","id","name","canvas","blocks","useMemo","_item$blocks","parse","content","__unstableSkipMigrationLogs","isEmpty","length","jsxs","style","__","Async","BlockPreview","viewportWidth","hidden","previewField","exports","label","render","enableSorting","TitleField","decodeEntities","defaultGetTitle","__experimentalHStack","alignment","justify","spacing","Flex","as","gap","Button","variant","tabIndex","Tooltip","placement","text","Icon","icon","lockSmall","size","titleField","getValue","enableHiding","SYNC_FILTERS","value","PATTERN_SYNC_TYPES","full","_x","unsynced","patternStatusField","syncStatus","wp_pattern_sync_status","find","elements","filterBy","operators","OPERATOR_IS","isPrimary","AuthorField","isImageLoaded","setIsImageLoaded","useState","imageUrl","useAddedBy","clsx","onLoad","alt","src","templatePartAuthorField","author_text"],"sources":["@wordpress/edit-site/src/components/page-patterns/fields.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\tButton,\n\tTooltip,\n\tFlex,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useState, useMemo, useId } from '@wordpress/element';\nimport {\n\tBlockPreview,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { Icon, lockSmall } from '@wordpress/icons';\nimport { parse } from '@wordpress/blocks';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport { Async } from '../async';\nimport {\n\tPATTERN_TYPES,\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_SYNC_TYPES,\n\tOPERATOR_IS,\n} from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\nimport { useLink } from '../routes/link';\nimport { useAddedBy } from '../page-templates/hooks';\nimport { defaultGetTitle } from './search-items';\n\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nfunction PreviewWrapper( { item, onClick, ariaDescribedBy, children } ) {\n\treturn (\n\t\t<button\n\t\t\tclassName=\"page-patterns-preview-field__button\"\n\t\t\ttype=\"button\"\n\t\t\tonClick={ item.type !== PATTERN_TYPES.theme ? onClick : undefined }\n\t\t\taria-label={ item.title }\n\t\t\taria-describedby={ ariaDescribedBy }\n\t\t\taria-disabled={ item.type === PATTERN_TYPES.theme }\n\t\t>\n\t\t\t{ children }\n\t\t</button>\n\t);\n}\n\nfunction PreviewField( { item } ) {\n\tconst descriptionId = useId();\n\tconst description = item.description || item?.excerpt?.raw;\n\tconst isUserPattern = item.type === PATTERN_TYPES.user;\n\tconst isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst { onClick } = useLink( {\n\t\tpostType: item.type,\n\t\tpostId: isUserPattern || isTemplatePart ? item.id : item.name,\n\t\tcanvas: 'edit',\n\t} );\n\tconst blocks = useMemo( () => {\n\t\treturn (\n\t\t\titem.blocks ??\n\t\t\tparse( item.content.raw, {\n\t\t\t\t__unstableSkipMigrationLogs: true,\n\t\t\t} )\n\t\t);\n\t}, [ item?.content?.raw, item.blocks ] );\n\tconst isEmpty = ! blocks?.length;\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"page-patterns-preview-field\"\n\t\t\tstyle={ { backgroundColor } }\n\t\t>\n\t\t\t<PreviewWrapper\n\t\t\t\titem={ item }\n\t\t\t\tonClick={ onClick }\n\t\t\t\tariaDescribedBy={ !! description ? descriptionId : undefined }\n\t\t\t>\n\t\t\t\t{ isEmpty && isTemplatePart && __( 'Empty template part' ) }\n\t\t\t\t{ isEmpty && ! isTemplatePart && __( 'Empty pattern' ) }\n\t\t\t\t{ ! isEmpty && (\n\t\t\t\t\t<Async>\n\t\t\t\t\t\t<BlockPreview\n\t\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\t\tviewportWidth={ item.viewportWidth }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Async>\n\t\t\t\t) }\n\t\t\t</PreviewWrapper>\n\t\t\t{ !! description && (\n\t\t\t\t<div hidden id={ descriptionId }>\n\t\t\t\t\t{ description }\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport const previewField = {\n\tlabel: __( 'Preview' ),\n\tid: 'preview',\n\trender: PreviewField,\n\tenableSorting: false,\n};\n\nfunction TitleField( { item } ) {\n\tconst isUserPattern = item.type === PATTERN_TYPES.user;\n\tconst isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;\n\tconst { onClick } = useLink( {\n\t\tpostType: item.type,\n\t\tpostId: isUserPattern || isTemplatePart ? item.id : item.name,\n\t\tcanvas: 'edit',\n\t} );\n\tconst title = decodeEntities( defaultGetTitle( item ) );\n\treturn (\n\t\t<HStack alignment=\"center\" justify=\"flex-start\" spacing={ 2 }>\n\t\t\t<Flex\n\t\t\t\tas=\"div\"\n\t\t\t\tgap={ 0 }\n\t\t\t\tjustify=\"left\"\n\t\t\t\tclassName=\"edit-site-patterns__pattern-title\"\n\t\t\t>\n\t\t\t\t{ item.type === PATTERN_TYPES.theme ? (\n\t\t\t\t\ttitle\n\t\t\t\t) : (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t\t// Required for the grid's roving tab index system.\n\t\t\t\t\t\t// See https://github.com/WordPress/gutenberg/pull/51898#discussion_r1243399243.\n\t\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ title }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t</Flex>\n\t\t\t{ item.type === PATTERN_TYPES.theme && (\n\t\t\t\t<Tooltip\n\t\t\t\t\tplacement=\"top\"\n\t\t\t\t\ttext={ __( 'This pattern cannot be edited.' ) }\n\t\t\t\t>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tclassName=\"edit-site-patterns__pattern-lock-icon\"\n\t\t\t\t\t\ticon={ lockSmall }\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t</Tooltip>\n\t\t\t) }\n\t\t</HStack>\n\t);\n}\n\nexport const titleField = {\n\tlabel: __( 'Title' ),\n\tid: 'title',\n\tgetValue: ( { item } ) => item.title?.raw || item.title,\n\trender: TitleField,\n\tenableHiding: false,\n};\n\nconst SYNC_FILTERS = [\n\t{\n\t\tvalue: PATTERN_SYNC_TYPES.full,\n\t\tlabel: _x( 'Synced', 'pattern (singular)' ),\n\t\tdescription: __( 'Patterns that are kept in sync across the site.' ),\n\t},\n\t{\n\t\tvalue: PATTERN_SYNC_TYPES.unsynced,\n\t\tlabel: _x( 'Not synced', 'pattern (singular)' ),\n\t\tdescription: __(\n\t\t\t'Patterns that can be changed freely without affecting the site.'\n\t\t),\n\t},\n];\n\nexport const patternStatusField = {\n\tlabel: __( 'Sync status' ),\n\tid: 'sync-status',\n\trender: ( { item } ) => {\n\t\tconst syncStatus =\n\t\t\t'wp_pattern_sync_status' in item\n\t\t\t\t? item.wp_pattern_sync_status || PATTERN_SYNC_TYPES.full\n\t\t\t\t: PATTERN_SYNC_TYPES.unsynced;\n\t\t// User patterns can have their sync statuses checked directly.\n\t\t// Non-user patterns are all unsynced for the time being.\n\t\treturn (\n\t\t\t<span\n\t\t\t\tclassName={ `edit-site-patterns__field-sync-status-${ syncStatus }` }\n\t\t\t>\n\t\t\t\t{\n\t\t\t\t\tSYNC_FILTERS.find( ( { value } ) => value === syncStatus )\n\t\t\t\t\t\t.label\n\t\t\t\t}\n\t\t\t</span>\n\t\t);\n\t},\n\telements: SYNC_FILTERS,\n\tfilterBy: {\n\t\toperators: [ OPERATOR_IS ],\n\t\tisPrimary: true,\n\t},\n\tenableSorting: false,\n};\n\nfunction AuthorField( { item } ) {\n\tconst [ isImageLoaded, setIsImageLoaded ] = useState( false );\n\tconst { text, icon, imageUrl } = useAddedBy( item.type, item.id );\n\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=\"\"\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={ icon } />\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\nexport const templatePartAuthorField = {\n\tlabel: __( 'Author' ),\n\tid: 'author',\n\tgetValue: ( { item } ) => item.author_text,\n\trender: AuthorField,\n\tfilterBy: {\n\t\tisPrimary: true,\n\t},\n};\n"],"mappings":"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","ignoreList":[]}

package/build/components/page-patterns/header.js

@@ -67,7 +67,7 @@ function PatternsHeader({
           label: (0, _i18n.__)('Actions'),
           toggleProps: {
             className: 'edit-site-patterns__button',
-            describedBy: (0, _i18n.sprintf)( /* translators: %s: pattern category name */
+            description: (0, _i18n.sprintf)( /* translators: %s: pattern category name */
             (0, _i18n.__)('Action menu for %s pattern category'), title),
             size: 'compact'
           },

package/build/components/page-patterns/header.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_editor","_data","_i18n","_icons","_addNewPattern","_interopRequireDefault","_renameCategoryMenuItem","_deleteCategoryMenuItem","_usePatternCategories","_constants","_jsxRuntime","PatternsHeader","categoryId","type","titleId","descriptionId","patternCategories","usePatternCategories","templatePartAreas","useSelect","select","editorStore","__experimentalGetDefaultTemplatePartAreas","title","description","patternCategory","TEMPLATE_PART_POST_TYPE","templatePartArea","find","area","label","__","PATTERN_TYPES","user","category","name","jsxs","__experimentalVStack","className","spacing","children","__experimentalHStack","justify","jsx","__experimentalHeading","as","level","id","weight","truncate","expanded","default","DropdownMenu","icon","moreVertical","toggleProps","describedBy","sprintf","size","onClose","MenuGroup","__experimentalText","variant"],"sources":["@wordpress/edit-site/src/components/page-patterns/header.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tDropdownMenu,\n\tMenuGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { store as editorStore } from '@wordpress/editor';\nimport { useSelect } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { moreVertical } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport AddNewPattern from '../add-new-pattern';\nimport RenameCategoryMenuItem from './rename-category-menu-item';\nimport DeleteCategoryMenuItem from './delete-category-menu-item';\nimport usePatternCategories from '../sidebar-navigation-screen-patterns/use-pattern-categories';\nimport { TEMPLATE_PART_POST_TYPE, PATTERN_TYPES } from '../../utils/constants';\n\nexport default function PatternsHeader( {\n\tcategoryId,\n\ttype,\n\ttitleId,\n\tdescriptionId,\n} ) {\n\tconst { patternCategories } = usePatternCategories();\n\tconst templatePartAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).__experimentalGetDefaultTemplatePartAreas(),\n\t\t[]\n\t);\n\n\tlet title, description, patternCategory;\n\tif ( type === TEMPLATE_PART_POST_TYPE ) {\n\t\tconst templatePartArea = templatePartAreas.find(\n\t\t\t( area ) => area.area === categoryId\n\t\t);\n\t\ttitle = templatePartArea?.label || __( 'All Template Parts' );\n\t\tdescription =\n\t\t\ttemplatePartArea?.description ||\n\t\t\t__( 'Includes every template part defined for any area.' );\n\t} else if ( type === PATTERN_TYPES.user && !! categoryId ) {\n\t\tpatternCategory = patternCategories.find(\n\t\t\t( category ) => category.name === categoryId\n\t\t);\n\t\ttitle = patternCategory?.label;\n\t\tdescription = patternCategory?.description;\n\t}\n\n\tif ( ! title ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack className=\"edit-site-patterns__section-header\" spacing={ 1 }>\n\t\t\t<HStack\n\t\t\t\tjustify=\"space-between\"\n\t\t\t\tclassName=\"edit-site-patterns__title\"\n\t\t\t>\n\t\t\t\t<Heading\n\t\t\t\t\tas=\"h2\"\n\t\t\t\t\tlevel={ 3 }\n\t\t\t\t\tid={ titleId }\n\t\t\t\t\tweight={ 500 }\n\t\t\t\t\ttruncate\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t<HStack expanded={ false }>\n\t\t\t\t\t<AddNewPattern />\n\t\t\t\t\t{ !! patternCategory?.id && (\n\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\t\tclassName: 'edit-site-patterns__button',\n\t\t\t\t\t\t\t\tdescribedBy: sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %s: pattern category name */\n\t\t\t\t\t\t\t\t\t__( 'Action menu for %s pattern category' ),\n\t\t\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\tsize: 'compact',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t\t\t<RenameCategoryMenuItem\n\t\t\t\t\t\t\t\t\t\tcategory={ patternCategory }\n\t\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<DeleteCategoryMenuItem\n\t\t\t\t\t\t\t\t\t\tcategory={ patternCategory }\n\t\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t</HStack>\n\t\t\t{ description ? (\n\t\t\t\t<Text\n\t\t\t\t\tvariant=\"muted\"\n\t\t\t\t\tas=\"p\"\n\t\t\t\t\tid={ descriptionId }\n\t\t\t\t\tclassName=\"edit-site-patterns__sub-title\"\n\t\t\t\t>\n\t\t\t\t\t{ description }\n\t\t\t\t</Text>\n\t\t\t) : null }\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_components","require","_editor","_data","_i18n","_icons","_addNewPattern","_interopRequireDefault","_renameCategoryMenuItem","_deleteCategoryMenuItem","_usePatternCategories","_constants","_jsxRuntime","PatternsHeader","categoryId","type","titleId","descriptionId","patternCategories","usePatternCategories","templatePartAreas","useSelect","select","editorStore","__experimentalGetDefaultTemplatePartAreas","title","description","patternCategory","TEMPLATE_PART_POST_TYPE","templatePartArea","find","area","label","__","PATTERN_TYPES","user","category","name","jsxs","__experimentalVStack","className","spacing","children","__experimentalHStack","justify","jsx","__experimentalHeading","as","level","id","weight","truncate","expanded","default","DropdownMenu","icon","moreVertical","toggleProps","sprintf","size","onClose","MenuGroup","__experimentalText","variant"],"sources":["@wordpress/edit-site/src/components/page-patterns/header.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tDropdownMenu,\n\tMenuGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { store as editorStore } from '@wordpress/editor';\nimport { useSelect } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { moreVertical } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport AddNewPattern from '../add-new-pattern';\nimport RenameCategoryMenuItem from './rename-category-menu-item';\nimport DeleteCategoryMenuItem from './delete-category-menu-item';\nimport usePatternCategories from '../sidebar-navigation-screen-patterns/use-pattern-categories';\nimport { TEMPLATE_PART_POST_TYPE, PATTERN_TYPES } from '../../utils/constants';\n\nexport default function PatternsHeader( {\n\tcategoryId,\n\ttype,\n\ttitleId,\n\tdescriptionId,\n} ) {\n\tconst { patternCategories } = usePatternCategories();\n\tconst templatePartAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).__experimentalGetDefaultTemplatePartAreas(),\n\t\t[]\n\t);\n\n\tlet title, description, patternCategory;\n\tif ( type === TEMPLATE_PART_POST_TYPE ) {\n\t\tconst templatePartArea = templatePartAreas.find(\n\t\t\t( area ) => area.area === categoryId\n\t\t);\n\t\ttitle = templatePartArea?.label || __( 'All Template Parts' );\n\t\tdescription =\n\t\t\ttemplatePartArea?.description ||\n\t\t\t__( 'Includes every template part defined for any area.' );\n\t} else if ( type === PATTERN_TYPES.user && !! categoryId ) {\n\t\tpatternCategory = patternCategories.find(\n\t\t\t( category ) => category.name === categoryId\n\t\t);\n\t\ttitle = patternCategory?.label;\n\t\tdescription = patternCategory?.description;\n\t}\n\n\tif ( ! title ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack className=\"edit-site-patterns__section-header\" spacing={ 1 }>\n\t\t\t<HStack\n\t\t\t\tjustify=\"space-between\"\n\t\t\t\tclassName=\"edit-site-patterns__title\"\n\t\t\t>\n\t\t\t\t<Heading\n\t\t\t\t\tas=\"h2\"\n\t\t\t\t\tlevel={ 3 }\n\t\t\t\t\tid={ titleId }\n\t\t\t\t\tweight={ 500 }\n\t\t\t\t\ttruncate\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t<HStack expanded={ false }>\n\t\t\t\t\t<AddNewPattern />\n\t\t\t\t\t{ !! patternCategory?.id && (\n\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\t\tclassName: 'edit-site-patterns__button',\n\t\t\t\t\t\t\t\tdescription: sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %s: pattern category name */\n\t\t\t\t\t\t\t\t\t__( 'Action menu for %s pattern category' ),\n\t\t\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\tsize: 'compact',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t\t\t<RenameCategoryMenuItem\n\t\t\t\t\t\t\t\t\t\tcategory={ patternCategory }\n\t\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<DeleteCategoryMenuItem\n\t\t\t\t\t\t\t\t\t\tcategory={ patternCategory }\n\t\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t</HStack>\n\t\t\t{ description ? (\n\t\t\t\t<Text\n\t\t\t\t\tvariant=\"muted\"\n\t\t\t\t\tas=\"p\"\n\t\t\t\t\tid={ descriptionId }\n\t\t\t\t\tclassName=\"edit-site-patterns__sub-title\"\n\t\t\t\t>\n\t\t\t\t\t{ description }\n\t\t\t\t</Text>\n\t\t\t) : null }\n\t\t</VStack>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAKA,IAAAK,cAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,uBAAA,GAAAD,sBAAA,CAAAN,OAAA;AACA,IAAAQ,uBAAA,GAAAF,sBAAA,CAAAN,OAAA;AACA,IAAAS,qBAAA,GAAAH,sBAAA,CAAAN,OAAA;AACA,IAAAU,UAAA,GAAAV,OAAA;AAA+E,IAAAW,WAAA,GAAAX,OAAA;AAvB/E;AACA;AACA;;AAcA;AACA;AACA;;AAOe,SAASY,cAAcA,CAAE;EACvCC,UAAU;EACVC,IAAI;EACJC,OAAO;EACPC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC;EAAkB,CAAC,GAAG,IAAAC,6BAAoB,EAAC,CAAC;EACpD,MAAMC,iBAAiB,GAAG,IAAAC,eAAS,EAChCC,MAAM,IACPA,MAAM,CAAEC,aAAY,CAAC,CAACC,yCAAyC,CAAC,CAAC,EAClE,EACD,CAAC;EAED,IAAIC,KAAK,EAAEC,WAAW,EAAEC,eAAe;EACvC,IAAKZ,IAAI,KAAKa,kCAAuB,EAAG;IACvC,MAAMC,gBAAgB,GAAGT,iBAAiB,CAACU,IAAI,CAC5CC,IAAI,IAAMA,IAAI,CAACA,IAAI,KAAKjB,UAC3B,CAAC;IACDW,KAAK,GAAGI,gBAAgB,EAAEG,KAAK,IAAI,IAAAC,QAAE,EAAE,oBAAqB,CAAC;IAC7DP,WAAW,GACVG,gBAAgB,EAAEH,WAAW,IAC7B,IAAAO,QAAE,EAAE,oDAAqD,CAAC;EAC5D,CAAC,MAAM,IAAKlB,IAAI,KAAKmB,wBAAa,CAACC,IAAI,IAAI,CAAC,CAAErB,UAAU,EAAG;IAC1Da,eAAe,GAAGT,iBAAiB,CAACY,IAAI,CACrCM,QAAQ,IAAMA,QAAQ,CAACC,IAAI,KAAKvB,UACnC,CAAC;IACDW,KAAK,GAAGE,eAAe,EAAEK,KAAK;IAC9BN,WAAW,GAAGC,eAAe,EAAED,WAAW;EAC3C;EAEA,IAAK,CAAED,KAAK,EAAG;IACd,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAb,WAAA,CAAA0B,IAAA,EAACtC,WAAA,CAAAuC,oBAAM;IAACC,SAAS,EAAC,oCAAoC;IAACC,OAAO,EAAG,CAAG;IAAAC,QAAA,gBACnE,IAAA9B,WAAA,CAAA0B,IAAA,EAACtC,WAAA,CAAA2C,oBAAM;MACNC,OAAO,EAAC,eAAe;MACvBJ,SAAS,EAAC,2BAA2B;MAAAE,QAAA,gBAErC,IAAA9B,WAAA,CAAAiC,GAAA,EAAC7C,WAAA,CAAA8C,qBAAO;QACPC,EAAE,EAAC,IAAI;QACPC,KAAK,EAAG,CAAG;QACXC,EAAE,EAAGjC,OAAS;QACdkC,MAAM,EAAG,GAAK;QACdC,QAAQ;QAAAT,QAAA,EAENjB;MAAK,CACC,CAAC,eACV,IAAAb,WAAA,CAAA0B,IAAA,EAACtC,WAAA,CAAA2C,oBAAM;QAACS,QAAQ,EAAG,KAAO;QAAAV,QAAA,gBACzB,IAAA9B,WAAA,CAAAiC,GAAA,EAACvC,cAAA,CAAA+C,OAAa,IAAE,CAAC,EACf,CAAC,CAAE1B,eAAe,EAAEsB,EAAE,iBACvB,IAAArC,WAAA,CAAAiC,GAAA,EAAC7C,WAAA,CAAAsD,YAAY;UACZC,IAAI,EAAGC,mBAAc;UACrBxB,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;UACzBwB,WAAW,EAAG;YACbjB,SAAS,EAAE,4BAA4B;YACvCd,WAAW,EAAE,IAAAgC,aAAO,GACnB;YACA,IAAAzB,QAAE,EAAE,qCAAsC,CAAC,EAC3CR,KACD,CAAC;YACDkC,IAAI,EAAE;UACP,CAAG;UAAAjB,QAAA,EAEDA,CAAE;YAAEkB;UAAQ,CAAC,kBACd,IAAAhD,WAAA,CAAA0B,IAAA,EAACtC,WAAA,CAAA6D,SAAS;YAAAnB,QAAA,gBACT,IAAA9B,WAAA,CAAAiC,GAAA,EAACrC,uBAAA,CAAA6C,OAAsB;cACtBjB,QAAQ,EAAGT,eAAiB;cAC5BiC,OAAO,EAAGA;YAAS,CACnB,CAAC,eACF,IAAAhD,WAAA,CAAAiC,GAAA,EAACpC,uBAAA,CAAA4C,OAAsB;cACtBjB,QAAQ,EAAGT,eAAiB;cAC5BiC,OAAO,EAAGA;YAAS,CACnB,CAAC;UAAA,CACQ;QACX,CACY,CACd;MAAA,CACM,CAAC;IAAA,CACF,CAAC,EACPlC,WAAW,gBACZ,IAAAd,WAAA,CAAAiC,GAAA,EAAC7C,WAAA,CAAA8D,kBAAI;MACJC,OAAO,EAAC,OAAO;MACfhB,EAAE,EAAC,GAAG;MACNE,EAAE,EAAGhC,aAAe;MACpBuB,SAAS,EAAC,+BAA+B;MAAAE,QAAA,EAEvChB;IAAW,CACR,CAAC,GACJ,IAAI;EAAA,CACD,CAAC;AAEX","ignoreList":[]}

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

@@ -5,35 +5,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = DataviewsPatterns;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
 var _blockEditor = require("@wordpress/block-editor");
 var _dataviews = require("@wordpress/dataviews");
-var _icons = require("@wordpress/icons");
 var _compose = require("@wordpress/compose");
 var _coreData = require("@wordpress/core-data");
 var _editor = require("@wordpress/editor");
 var _router = require("@wordpress/router");
-var _blocks = require("@wordpress/blocks");
-var _htmlEntities = require("@wordpress/html-entities");
-var _async = require("../async");
 var _page = _interopRequireDefault(require("../page"));
 var _constants = require("../../utils/constants");
 var _usePatternSettings = _interopRequireDefault(require("./use-pattern-settings"));
 var _lockUnlock = require("../../lock-unlock");
 var _usePatterns = _interopRequireDefault(require("./use-patterns"));
 var _header = _interopRequireDefault(require("./header"));
-var _link = require("../routes/link");
-var _hooks = require("../page-templates/hooks");
 var _dataviewsActions = require("../dataviews-actions");
-var _searchItems = require("./search-items");
+var _fields2 = require("./fields");
 var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
 /**
  * WordPress dependencies
  */
@@ -43,8 +31,7 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 
 const {
-  ExperimentalBlockEditorProvider,
-  useGlobalStyle
+  ExperimentalBlockEditorProvider
 } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
 const {
   usePostActions
@@ -56,7 +43,15 @@ const EMPTY_ARRAY = [];
 const defaultLayouts = {
   [_constants.LAYOUT_TABLE]: {
     layout: {
-      primaryField: 'title'
+      primaryField: 'title',
+      styles: {
+        preview: {
+          width: '1%'
+        },
+        author: {
+          width: '1%'
+        }
+      }
     }
   },
   [_constants.LAYOUT_GRID]: {
@@ -76,152 +71,6 @@ const DEFAULT_VIEW = {
   fields: ['title', 'sync-status'],
   filters: []
 };
-const SYNC_FILTERS = [{
-  value: _constants.PATTERN_SYNC_TYPES.full,
-  label: (0, _i18n._x)('Synced', 'pattern (singular)'),
-  description: (0, _i18n.__)('Patterns that are kept in sync across the site.')
-}, {
-  value: _constants.PATTERN_SYNC_TYPES.unsynced,
-  label: (0, _i18n._x)('Not synced', 'pattern (singular)'),
-  description: (0, _i18n.__)('Patterns that can be changed freely without affecting the site.')
-}];
-function PreviewWrapper({
-  item,
-  onClick,
-  ariaDescribedBy,
-  children
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-    className: "page-patterns-preview-field__button",
-    type: "button",
-    onClick: item.type !== _constants.PATTERN_TYPES.theme ? onClick : undefined,
-    "aria-label": item.title,
-    "aria-describedby": ariaDescribedBy,
-    "aria-disabled": item.type === _constants.PATTERN_TYPES.theme,
-    children: children
-  });
-}
-function Preview({
-  item,
-  viewType
-}) {
-  const descriptionId = (0, _element.useId)();
-  const description = item.description || item?.excerpt?.raw;
-  const isUserPattern = item.type === _constants.PATTERN_TYPES.user;
-  const isTemplatePart = item.type === _constants.TEMPLATE_PART_POST_TYPE;
-  const [backgroundColor] = useGlobalStyle('color.background');
-  const {
-    onClick
-  } = (0, _link.useLink)({
-    postType: item.type,
-    postId: isUserPattern || isTemplatePart ? item.id : item.name,
-    canvas: 'edit'
-  });
-  const blocks = (0, _element.useMemo)(() => {
-    var _item$blocks;
-    return (_item$blocks = item.blocks) !== null && _item$blocks !== void 0 ? _item$blocks : (0, _blocks.parse)(item.content.raw, {
-      __unstableSkipMigrationLogs: true
-    });
-  }, [item?.content?.raw, item.blocks]);
-  const isEmpty = !blocks?.length;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: `page-patterns-preview-field is-viewtype-${viewType}`,
-    style: {
-      backgroundColor
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(PreviewWrapper, {
-      item: item,
-      onClick: onClick,
-      ariaDescribedBy: !!description ? descriptionId : undefined,
-      children: [isEmpty && isTemplatePart && (0, _i18n.__)('Empty template part'), isEmpty && !isTemplatePart && (0, _i18n.__)('Empty pattern'), !isEmpty && /*#__PURE__*/(0, _jsxRuntime.jsx)(_async.Async, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockPreview, {
-          blocks: blocks,
-          viewportWidth: item.viewportWidth
-        })
-      })]
-    }), !!description && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      hidden: true,
-      id: descriptionId,
-      children: description
-    })]
-  });
-}
-function Author({
-  item,
-  viewType
-}) {
-  const [isImageLoaded, setIsImageLoaded] = (0, _element.useState)(false);
-  const {
-    text,
-    icon,
-    imageUrl
-  } = (0, _hooks.useAddedBy)(item.type, item.id);
-  const withIcon = viewType !== _constants.LAYOUT_LIST;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-    alignment: "left",
-    spacing: 1,
-    children: [withIcon && 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: "",
-        src: imageUrl
-      })
-    }), withIcon && !imageUrl && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "page-templates-author-field__icon",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
-        icon: icon
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "page-templates-author-field__name",
-      children: text
-    })]
-  });
-}
-function Title({
-  item
-}) {
-  const isUserPattern = item.type === _constants.PATTERN_TYPES.user;
-  const isTemplatePart = item.type === _constants.TEMPLATE_PART_POST_TYPE;
-  const {
-    onClick
-  } = (0, _link.useLink)({
-    postType: item.type,
-    postId: isUserPattern || isTemplatePart ? item.id : item.name,
-    canvas: 'edit'
-  });
-  const title = (0, _htmlEntities.decodeEntities)((0, _searchItems.defaultGetTitle)(item));
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-    alignment: "center",
-    justify: "flex-start",
-    spacing: 2,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Flex, {
-      as: "div",
-      gap: 0,
-      justify: "left",
-      className: "edit-site-patterns__pattern-title",
-      children: item.type === _constants.PATTERN_TYPES.theme ? title : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-        variant: "link",
-        onClick: onClick
-        // Required for the grid's roving tab index system.
-        // See https://github.com/WordPress/gutenberg/pull/51898#discussion_r1243399243.
-        ,
-        tabIndex: "-1",
-        children: title
-      })
-    }), item.type === _constants.PATTERN_TYPES.theme && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, {
-      placement: "top",
-      text: (0, _i18n.__)('This pattern cannot be edited.'),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
-        className: "edit-site-patterns__pattern-lock-icon",
-        icon: _icons.lockSmall,
-        size: 24
-      })
-    })]
-  });
-}
 function DataviewsPatterns() {
   const {
     params: {
@@ -262,80 +111,25 @@ function DataviewsPatterns() {
     }));
   }, [records]);
   const fields = (0, _element.useMemo)(() => {
-    const _fields = [{
-      header: (0, _i18n.__)('Preview'),
-      id: 'preview',
-      render: ({
-        item
-      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Preview, {
-        item: item,
-        viewType: view.type
-      }),
-      enableSorting: false,
-      width: '1%'
-    }, {
-      header: (0, _i18n.__)('Title'),
-      id: 'title',
-      render: ({
-        item
-      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Title, {
-        item: item
-      }),
-      enableHiding: false
-    }];
+    const _fields = [_fields2.previewField, _fields2.titleField];
     if (type === _constants.PATTERN_TYPES.user) {
-      _fields.push({
-        header: (0, _i18n.__)('Sync status'),
-        id: 'sync-status',
-        render: ({
-          item
-        }) => {
-          const syncStatus = 'wp_pattern_sync_status' in item ? item.wp_pattern_sync_status || _constants.PATTERN_SYNC_TYPES.full : _constants.PATTERN_SYNC_TYPES.unsynced;
-          // User patterns can have their sync statuses checked directly.
-          // Non-user patterns are all unsynced for the time being.
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: `edit-site-patterns__field-sync-status-${syncStatus}`,
-            children: SYNC_FILTERS.find(({
-              value
-            }) => value === syncStatus).label
-          });
-        },
-        elements: SYNC_FILTERS,
-        filterBy: {
-          operators: [_constants.OPERATOR_IS],
-          isPrimary: true
-        },
-        enableSorting: false
-      });
+      _fields.push(_fields2.patternStatusField);
     } else if (type === _constants.TEMPLATE_PART_POST_TYPE) {
       _fields.push({
-        header: (0, _i18n.__)('Author'),
-        id: 'author',
-        getValue: ({
-          item
-        }) => item.author_text,
-        render: ({
-          item
-        }) => {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(Author, {
-            viewType: view.type,
-            item: item
-          });
-        },
-        elements: authors,
-        filterBy: {
-          isPrimary: true
-        },
-        width: '1%'
+        ..._fields2.templatePartAuthorField,
+        elements: authors
       });
     }
     return _fields;
-  }, [view.type, type, authors]);
+  }, [type, authors]);
 
   // Reset the page number when the category changes.
   (0, _element.useEffect)(() => {
     if (previousCategoryId !== categoryId) {
-      setView(DEFAULT_VIEW);
+      setView(prevView => ({
+        ...prevView,
+        page: 1
+      }));
     }
   }, [categoryId, previousCategoryId]);
   const {
@@ -397,7 +191,7 @@ function DataviewsPatterns() {
         view: view,
         onChangeView: setView,
         defaultLayouts: defaultLayouts
-      })]
+      }, categoryId + postType)]
     })
   });
 }