@wordpress/edit-site 5.34.0 → 6.0.0

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -11,10 +10,13 @@ import { moreVertical } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
+import AddNewPattern from '../add-new-pattern';
 import RenameCategoryMenuItem from './rename-category-menu-item';
 import DeleteCategoryMenuItem from './delete-category-menu-item';
 import usePatternCategories from '../sidebar-navigation-screen-patterns/use-pattern-categories';
 import { TEMPLATE_PART_POST_TYPE, PATTERN_TYPES } from '../../utils/constants';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function PatternsHeader({
   categoryId,
   type,
@@ -30,7 +32,7 @@ export default function PatternsHeader({
     const templatePartArea = templatePartAreas.find(area => area.area === categoryId);
     title = templatePartArea?.label || __('All Template Parts');
     description = templatePartArea?.description || __('Includes every template part defined for any area.');
-  } else if (type === PATTERN_TYPES.theme) {
+  } else if (type === PATTERN_TYPES.user && !!categoryId) {
     patternCategory = patternCategories.find(category => category.name === categoryId);
     title = patternCategory?.label;
     description = patternCategory?.description;
@@ -38,35 +40,49 @@ export default function PatternsHeader({
   if (!title) {
     return null;
   }
-  return createElement(VStack, {
-    className: "edit-site-patterns__section-header"
-  }, createElement(HStack, {
-    justify: "space-between"
-  }, createElement(Heading, {
-    as: "h2",
-    level: 4,
-    id: titleId
-  }, title), !!patternCategory?.id && createElement(DropdownMenu, {
-    icon: moreVertical,
-    label: __('Actions'),
-    toggleProps: {
-      className: 'edit-site-patterns__button',
-      describedBy: sprintf( /* translators: %s: pattern category name */
-      __('Action menu for %s pattern category'), title),
-      size: 'compact'
-    }
-  }, ({
-    onClose
-  }) => createElement(MenuGroup, null, createElement(RenameCategoryMenuItem, {
-    category: patternCategory,
-    onClose: onClose
-  }), createElement(DeleteCategoryMenuItem, {
-    category: patternCategory,
-    onClose: onClose
-  })))), description ? createElement(Text, {
-    variant: "muted",
-    as: "p",
-    id: descriptionId
-  }, description) : null);
+  return /*#__PURE__*/_jsxs(VStack, {
+    className: "edit-site-patterns__section-header",
+    spacing: 0,
+    children: [/*#__PURE__*/_jsxs(HStack, {
+      justify: "space-between",
+      className: "edit-site-patterns__title",
+      children: [/*#__PURE__*/_jsx(Heading, {
+        as: "h2",
+        level: 3,
+        id: titleId,
+        weight: 500,
+        children: title
+      }), /*#__PURE__*/_jsxs(HStack, {
+        expanded: false,
+        children: [/*#__PURE__*/_jsx(AddNewPattern, {}), !!patternCategory?.id && /*#__PURE__*/_jsx(DropdownMenu, {
+          icon: moreVertical,
+          label: __('Actions'),
+          toggleProps: {
+            className: 'edit-site-patterns__button',
+            describedBy: sprintf( /* translators: %s: pattern category name */
+            __('Action menu for %s pattern category'), title),
+            size: 'compact'
+          },
+          children: ({
+            onClose
+          }) => /*#__PURE__*/_jsxs(MenuGroup, {
+            children: [/*#__PURE__*/_jsx(RenameCategoryMenuItem, {
+              category: patternCategory,
+              onClose: onClose
+            }), /*#__PURE__*/_jsx(DeleteCategoryMenuItem, {
+              category: patternCategory,
+              onClose: onClose
+            })]
+          })
+        })]
+      })]
+    }), description ? /*#__PURE__*/_jsx(Text, {
+      variant: "muted",
+      as: "p",
+      id: descriptionId,
+      className: "edit-site-patterns__sub-title",
+      children: description
+    }) : null]
+  });
 }
 //# sourceMappingURL=header.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["DropdownMenu","MenuGroup","__experimentalHStack","HStack","__experimentalHeading","Heading","__experimentalText","Text","__experimentalVStack","VStack","store","editorStore","useSelect","__","sprintf","moreVertical","RenameCategoryMenuItem","DeleteCategoryMenuItem","usePatternCategories","TEMPLATE_PART_POST_TYPE","PATTERN_TYPES","PatternsHeader","categoryId","type","titleId","descriptionId","patternCategories","templatePartAreas","select","__experimentalGetDefaultTemplatePartAreas","title","description","patternCategory","templatePartArea","find","area","label","theme","category","name","createElement","className","justify","as","level","id","icon","toggleProps","describedBy","size","onClose","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 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.theme ) {\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\">\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<Heading as=\"h2\" level={ 4 } id={ titleId }>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t{ !! patternCategory?.id && (\n\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\tclassName: 'edit-site-patterns__button',\n\t\t\t\t\t\t\tdescribedBy: sprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: pattern category name */\n\t\t\t\t\t\t\t\t__( 'Action menu for %s pattern category' ),\n\t\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tsize: 'compact',\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t\t<RenameCategoryMenuItem\n\t\t\t\t\t\t\t\t\tcategory={ patternCategory }\n\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<DeleteCategoryMenuItem\n\t\t\t\t\t\t\t\t\tcategory={ patternCategory }\n\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</DropdownMenu>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t{ description ? (\n\t\t\t\t<Text variant=\"muted\" as=\"p\" id={ descriptionId }>\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":["DropdownMenu","MenuGroup","__experimentalHStack","HStack","__experimentalHeading","Heading","__experimentalText","Text","__experimentalVStack","VStack","store","editorStore","useSelect","__","sprintf","moreVertical","AddNewPattern","RenameCategoryMenuItem","DeleteCategoryMenuItem","usePatternCategories","TEMPLATE_PART_POST_TYPE","PATTERN_TYPES","jsx","_jsx","jsxs","_jsxs","PatternsHeader","categoryId","type","titleId","descriptionId","patternCategories","templatePartAreas","select","__experimentalGetDefaultTemplatePartAreas","title","description","patternCategory","templatePartArea","find","area","label","user","category","name","className","spacing","children","justify","as","level","id","weight","expanded","icon","toggleProps","describedBy","size","onClose","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={ 0 }>\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 as=\"h2\" level={ 3 } id={ titleId } weight={ 500 }>\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":[]}

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

@@ -1,8 +1,7 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -24,13 +23,15 @@ import { privateApis as routerPrivateApis } from '@wordpress/router';
 import { Async } from '../async';
 import Page from '../page';
 import { LAYOUT_GRID, LAYOUT_TABLE, LAYOUT_LIST, PATTERN_TYPES, TEMPLATE_PART_POST_TYPE, PATTERN_SYNC_TYPES, PATTERN_DEFAULT_CATEGORY, OPERATOR_IS } from '../../utils/constants';
-import { exportJSONaction, renameAction, resetAction, deleteAction, duplicatePatternAction, duplicateTemplatePartAction } from './dataviews-pattern-actions';
 import usePatternSettings from './use-pattern-settings';
 import { unlock } from '../../lock-unlock';
 import usePatterns from './use-patterns';
 import PatternsHeader from './header';
 import { useLink } from '../routes/link';
 import { useAddedBy } from '../page-templates/hooks';
+import { useEditPostAction } from '../dataviews-actions';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const {
   ExperimentalBlockEditorProvider,
   useGlobalStyle
@@ -39,7 +40,6 @@ const {
   usePostActions
 } = unlock(editorPrivateApis);
 const {
-  useHistory,
   useLocation
 } = unlock(routerPrivateApis);
 const EMPTY_ARRAY = [];
@@ -79,18 +79,18 @@ function PreviewWrapper({
   ariaDescribedBy,
   children
 }) {
-  return createElement("button", {
+  return /*#__PURE__*/_jsx("button", {
     className: "page-patterns-preview-field__button",
     type: "button",
     onClick: item.type !== PATTERN_TYPES.theme ? onClick : undefined,
     "aria-label": item.title,
     "aria-describedby": ariaDescribedBy,
-    "aria-disabled": item.type === PATTERN_TYPES.theme
-  }, children);
+    "aria-disabled": item.type === PATTERN_TYPES.theme,
+    children: children
+  });
 }
 function Preview({
   item,
-  categoryId,
   viewType
 }) {
   const descriptionId = useId();
@@ -103,26 +103,29 @@ function Preview({
   } = useLink({
     postType: item.type,
     postId: isUserPattern ? item.id : item.name,
-    categoryId,
-    categoryType: isTemplatePart ? item.type : PATTERN_TYPES.theme,
     canvas: 'edit'
   });
-  return createElement("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: `page-patterns-preview-field is-viewtype-${viewType}`,
     style: {
       backgroundColor
-    }
-  }, createElement(PreviewWrapper, {
-    item: item,
-    onClick: onClick,
-    ariaDescribedBy: item.description ? descriptionId : undefined
-  }, isEmpty && isTemplatePart && __('Empty template part'), isEmpty && !isTemplatePart && __('Empty pattern'), !isEmpty && createElement(Async, null, createElement(BlockPreview, {
-    blocks: item.blocks,
-    viewportWidth: item.viewportWidth
-  }))), item.description && createElement("div", {
-    hidden: true,
-    id: descriptionId
-  }, item.description));
+    },
+    children: [/*#__PURE__*/_jsxs(PreviewWrapper, {
+      item: item,
+      onClick: onClick,
+      ariaDescribedBy: item.description ? descriptionId : undefined,
+      children: [isEmpty && isTemplatePart && __('Empty template part'), isEmpty && !isTemplatePart && __('Empty pattern'), !isEmpty && /*#__PURE__*/_jsx(Async, {
+        children: /*#__PURE__*/_jsx(BlockPreview, {
+          blocks: item.blocks,
+          viewportWidth: item.viewportWidth
+        })
+      })]
+    }), item.description && /*#__PURE__*/_jsx("div", {
+      hidden: true,
+      id: descriptionId,
+      children: item.description
+    })]
+  });
 }
 function Author({
   item,
@@ -135,76 +138,79 @@ function Author({
     imageUrl
   } = useAddedBy(item.type, item.id);
   const withIcon = viewType !== LAYOUT_LIST;
-  return createElement(HStack, {
+  return /*#__PURE__*/_jsxs(HStack, {
     alignment: "left",
-    spacing: 1
-  }, withIcon && imageUrl && createElement("div", {
-    className: classnames('page-templates-author-field__avatar', {
-      'is-loaded': isImageLoaded
-    })
-  }, createElement("img", {
-    onLoad: () => setIsImageLoaded(true),
-    alt: "",
-    src: imageUrl
-  })), withIcon && !imageUrl && createElement("div", {
-    className: "page-templates-author-field__icon"
-  }, createElement(Icon, {
-    icon: icon
-  })), createElement("span", {
-    className: "page-templates-author-field__name"
-  }, text));
+    spacing: 1,
+    children: [withIcon && imageUrl && /*#__PURE__*/_jsx("div", {
+      className: clsx('page-templates-author-field__avatar', {
+        'is-loaded': isImageLoaded
+      }),
+      children: /*#__PURE__*/_jsx("img", {
+        onLoad: () => setIsImageLoaded(true),
+        alt: "",
+        src: imageUrl
+      })
+    }), withIcon && !imageUrl && /*#__PURE__*/_jsx("div", {
+      className: "page-templates-author-field__icon",
+      children: /*#__PURE__*/_jsx(Icon, {
+        icon: icon
+      })
+    }), /*#__PURE__*/_jsx("span", {
+      className: "page-templates-author-field__name",
+      children: text
+    })]
+  });
 }
 function Title({
-  item,
-  categoryId
+  item
 }) {
   const isUserPattern = item.type === PATTERN_TYPES.user;
-  const isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;
   const {
     onClick
   } = useLink({
     postType: item.type,
     postId: isUserPattern ? item.id : item.name,
-    categoryId,
-    categoryType: isTemplatePart ? item.type : PATTERN_TYPES.theme,
     canvas: 'edit'
   });
-  return createElement(HStack, {
+  return /*#__PURE__*/_jsxs(HStack, {
     alignment: "center",
     justify: "flex-start",
-    spacing: 2
-  }, createElement(Flex, {
-    as: "div",
-    gap: 0,
-    justify: "left",
-    className: "edit-site-patterns__pattern-title"
-  }, item.type === PATTERN_TYPES.theme ? item.title : createElement(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"
-  }, item.title || item.name)), item.type === PATTERN_TYPES.theme && createElement(Tooltip, {
-    placement: "top",
-    text: __('This pattern cannot be edited.')
-  }, createElement(Icon, {
-    className: "edit-site-patterns__pattern-lock-icon",
-    icon: lockSmall,
-    size: 24
-  })));
+    spacing: 2,
+    children: [/*#__PURE__*/_jsx(Flex, {
+      as: "div",
+      gap: 0,
+      justify: "left",
+      className: "edit-site-patterns__pattern-title",
+      children: item.type === PATTERN_TYPES.theme ? item.title : /*#__PURE__*/_jsx(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: item.title || item.name
+      })
+    }), item.type === PATTERN_TYPES.theme && /*#__PURE__*/_jsx(Tooltip, {
+      placement: "top",
+      text: __('This pattern cannot be edited.'),
+      children: /*#__PURE__*/_jsx(Icon, {
+        className: "edit-site-patterns__pattern-lock-icon",
+        icon: lockSmall,
+        size: 24
+      })
+    })]
+  });
 }
 export default function DataviewsPatterns() {
   const {
     params: {
-      categoryType,
+      postType,
       categoryId: categoryIdFromURL
     }
   } = useLocation();
-  const type = categoryType || PATTERN_TYPES.theme;
+  const type = postType || PATTERN_TYPES.user;
   const categoryId = categoryIdFromURL || PATTERN_DEFAULT_CATEGORY;
   const [view, setView] = useState(DEFAULT_VIEW);
-  const isUncategorizedThemePatterns = type === PATTERN_TYPES.theme && categoryId === 'uncategorized';
   const previousCategoryId = usePrevious(categoryId);
   const viewSyncStatus = view.filters?.find(({
     field
@@ -212,7 +218,7 @@ export default function DataviewsPatterns() {
   const {
     patterns,
     isResolving
-  } = usePatterns(type, isUncategorizedThemePatterns ? '' : categoryId, {
+  } = usePatterns(type, categoryId, {
     search: view.search,
     syncStatus: viewSyncStatus
   });
@@ -240,9 +246,8 @@ export default function DataviewsPatterns() {
       id: 'preview',
       render: ({
         item
-      }) => createElement(Preview, {
+      }) => /*#__PURE__*/_jsx(Preview, {
         item: item,
-        categoryId: categoryId,
         viewType: view.type
       }),
       enableSorting: false,
@@ -253,13 +258,12 @@ export default function DataviewsPatterns() {
       id: 'title',
       render: ({
         item
-      }) => createElement(Title, {
-        item: item,
-        categoryId: categoryId
+      }) => /*#__PURE__*/_jsx(Title, {
+        item: item
       }),
       enableHiding: false
     }];
-    if (type === PATTERN_TYPES.theme) {
+    if (type === PATTERN_TYPES.user) {
       _fields.push({
         header: __('Sync status'),
         id: 'sync-status',
@@ -268,13 +272,14 @@ export default function DataviewsPatterns() {
         }) => {
           // User patterns can have their sync statuses checked directly.
           // Non-user patterns are all unsynced for the time being.
-          return createElement("span", {
-            className: `edit-site-patterns__field-sync-status-${item.syncStatus}`
-          }, SYNC_FILTERS.find(({
-            value
-          }) => value === item.syncStatus)?.label || SYNC_FILTERS.find(({
-            value
-          }) => value === PATTERN_SYNC_TYPES.unsynced).label);
+          return /*#__PURE__*/_jsx("span", {
+            className: `edit-site-patterns__field-sync-status-${item.syncStatus}`,
+            children: SYNC_FILTERS.find(({
+              value
+            }) => value === item.syncStatus)?.label || SYNC_FILTERS.find(({
+              value
+            }) => value === PATTERN_SYNC_TYPES.unsynced).label
+          });
         },
         elements: SYNC_FILTERS,
         filterBy: {
@@ -293,7 +298,7 @@ export default function DataviewsPatterns() {
         render: ({
           item
         }) => {
-          return createElement(Author, {
+          return /*#__PURE__*/_jsx(Author, {
             viewType: view.type,
             item: item
           });
@@ -306,7 +311,7 @@ export default function DataviewsPatterns() {
       });
     }
     return _fields;
-  }, [view.type, categoryId, type, authors]);
+  }, [view.type, type, authors]);
 
   // Reset the page number when the category changes.
   useEffect(() => {
@@ -329,26 +334,15 @@ export default function DataviewsPatterns() {
     }
     return filterSortAndPaginate(patterns, viewWithoutFilters, fields);
   }, [patterns, view, fields, type]);
-  const history = useHistory();
-  const onActionPerformed = useCallback((actionId, items) => {
-    if (actionId === 'edit-post') {
-      const post = items[0];
-      history.push({
-        postId: post.id,
-        postType: post.type,
-        categoryId,
-        categoryType: type,
-        canvas: 'edit'
-      });
-    }
-  }, [history, categoryId, type]);
-  const [editAction, viewRevisionsAction] = usePostActions(onActionPerformed, ['edit-post', 'view-post-revisions']);
+  const templatePartActions = usePostActions(TEMPLATE_PART_POST_TYPE);
+  const patternActions = usePostActions(PATTERN_TYPES.user);
+  const editAction = useEditPostAction();
   const actions = useMemo(() => {
     if (type === TEMPLATE_PART_POST_TYPE) {
-      return [editAction, renameAction, duplicateTemplatePartAction, viewRevisionsAction, resetAction, deleteAction];
+      return [editAction, ...templatePartActions].filter(Boolean);
     }
-    return [renameAction, duplicatePatternAction, exportJSONaction, resetAction, deleteAction];
-  }, [type, editAction, viewRevisionsAction]);
+    return [editAction, ...patternActions].filter(Boolean);
+  }, [editAction, type, templatePartActions, patternActions]);
   const onChangeView = useCallback(newView => {
     if (newView.type !== view.type) {
       newView = {
@@ -365,27 +359,29 @@ export default function DataviewsPatterns() {
   // Wrap everything in a block editor provider.
   // This ensures 'styles' that are needed for the previews are synced
   // from the site editor store to the block editor store.
-  return createElement(ExperimentalBlockEditorProvider, {
-    settings: settings
-  }, createElement(Page, {
-    title: __('Patterns content'),
-    className: "edit-site-page-patterns-dataviews",
-    hideTitleFromUI: true
-  }, createElement(PatternsHeader, {
-    categoryId: categoryId,
-    type: type,
-    titleId: `${id}-title`,
-    descriptionId: `${id}-description`
-  }), createElement(DataViews, {
-    paginationInfo: paginationInfo,
-    fields: fields,
-    actions: actions,
-    data: data || EMPTY_ARRAY,
-    getItemId: item => item.name,
-    isLoading: isResolving,
-    view: view,
-    onChangeView: onChangeView,
-    supportedLayouts: [LAYOUT_GRID, LAYOUT_TABLE]
-  })));
+  return /*#__PURE__*/_jsx(ExperimentalBlockEditorProvider, {
+    settings: settings,
+    children: /*#__PURE__*/_jsxs(Page, {
+      title: __('Patterns content'),
+      className: "edit-site-page-patterns-dataviews",
+      hideTitleFromUI: true,
+      children: [/*#__PURE__*/_jsx(PatternsHeader, {
+        categoryId: categoryId,
+        type: type,
+        titleId: `${id}-title`,
+        descriptionId: `${id}-description`
+      }), /*#__PURE__*/_jsx(DataViews, {
+        paginationInfo: paginationInfo,
+        fields: fields,
+        actions: actions,
+        data: data || EMPTY_ARRAY,
+        getItemId: item => item.name,
+        isLoading: isResolving,
+        view: view,
+        onChangeView: onChangeView,
+        supportedLayouts: [LAYOUT_GRID, LAYOUT_TABLE]
+      })]
+    })
+  });
 }
 //# sourceMappingURL=index.js.map