@wordpress/edit-site 5.35.0 → 6.0.1

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

@@ -5,16 +5,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = PatternsHeader;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _editor = require("@wordpress/editor");
 var _data = require("@wordpress/data");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
+var _addNewPattern = _interopRequireDefault(require("../add-new-pattern"));
 var _renameCategoryMenuItem = _interopRequireDefault(require("./rename-category-menu-item"));
 var _deleteCategoryMenuItem = _interopRequireDefault(require("./delete-category-menu-item"));
 var _usePatternCategories = _interopRequireDefault(require("../sidebar-navigation-screen-patterns/use-pattern-categories"));
 var _constants = require("../../utils/constants");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -38,7 +39,7 @@ function PatternsHeader({
     const templatePartArea = templatePartAreas.find(area => area.area === categoryId);
     title = templatePartArea?.label || (0, _i18n.__)('All Template Parts');
     description = templatePartArea?.description || (0, _i18n.__)('Includes every template part defined for any area.');
-  } else if (type === _constants.PATTERN_TYPES.theme) {
+  } else if (type === _constants.PATTERN_TYPES.user && !!categoryId) {
     patternCategory = patternCategories.find(category => category.name === categoryId);
     title = patternCategory?.label;
     description = patternCategory?.description;
@@ -46,35 +47,49 @@ function PatternsHeader({
   if (!title) {
     return null;
   }
-  return (0, _react.createElement)(_components.__experimentalVStack, {
-    className: "edit-site-patterns__section-header"
-  }, (0, _react.createElement)(_components.__experimentalHStack, {
-    justify: "space-between"
-  }, (0, _react.createElement)(_components.__experimentalHeading, {
-    as: "h2",
-    level: 4,
-    id: titleId
-  }, title), !!patternCategory?.id && (0, _react.createElement)(_components.DropdownMenu, {
-    icon: _icons.moreVertical,
-    label: (0, _i18n.__)('Actions'),
-    toggleProps: {
-      className: 'edit-site-patterns__button',
-      describedBy: (0, _i18n.sprintf)( /* translators: %s: pattern category name */
-      (0, _i18n.__)('Action menu for %s pattern category'), title),
-      size: 'compact'
-    }
-  }, ({
-    onClose
-  }) => (0, _react.createElement)(_components.MenuGroup, null, (0, _react.createElement)(_renameCategoryMenuItem.default, {
-    category: patternCategory,
-    onClose: onClose
-  }), (0, _react.createElement)(_deleteCategoryMenuItem.default, {
-    category: patternCategory,
-    onClose: onClose
-  })))), description ? (0, _react.createElement)(_components.__experimentalText, {
-    variant: "muted",
-    as: "p",
-    id: descriptionId
-  }, description) : null);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+    className: "edit-site-patterns__section-header",
+    spacing: 0,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+      justify: "space-between",
+      className: "edit-site-patterns__title",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHeading, {
+        as: "h2",
+        level: 3,
+        id: titleId,
+        weight: 500,
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+        expanded: false,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_addNewPattern.default, {}), !!patternCategory?.id && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DropdownMenu, {
+          icon: _icons.moreVertical,
+          label: (0, _i18n.__)('Actions'),
+          toggleProps: {
+            className: 'edit-site-patterns__button',
+            describedBy: (0, _i18n.sprintf)( /* translators: %s: pattern category name */
+            (0, _i18n.__)('Action menu for %s pattern category'), title),
+            size: 'compact'
+          },
+          children: ({
+            onClose
+          }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.MenuGroup, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_renameCategoryMenuItem.default, {
+              category: patternCategory,
+              onClose: onClose
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_deleteCategoryMenuItem.default, {
+              category: patternCategory,
+              onClose: onClose
+            })]
+          })
+        })]
+      })]
+    }), description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+      variant: "muted",
+      as: "p",
+      id: descriptionId,
+      className: "edit-site-patterns__sub-title",
+      children: description
+    }) : null]
+  });
 }
 //# sourceMappingURL=header.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_editor","_data","_i18n","_icons","_renameCategoryMenuItem","_interopRequireDefault","_deleteCategoryMenuItem","_usePatternCategories","_constants","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","theme","category","name","_react","createElement","__experimentalVStack","className","__experimentalHStack","justify","__experimentalHeading","as","level","id","DropdownMenu","icon","moreVertical","toggleProps","describedBy","sprintf","size","onClose","MenuGroup","default","__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 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":["_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","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={ 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/components/page-patterns/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = DataviewsPatterns;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -20,7 +19,6 @@ var _router = require("@wordpress/router");
 var _async = require("../async");
 var _page = _interopRequireDefault(require("../page"));
 var _constants = require("../../utils/constants");
-var _dataviewsPatternActions = require("./dataviews-pattern-actions");
 var _usePatternSettings = _interopRequireDefault(require("./use-pattern-settings"));
 var _lockUnlock = require("../../lock-unlock");
 var _usePatterns = _interopRequireDefault(require("./use-patterns"));
@@ -28,6 +26,7 @@ var _header = _interopRequireDefault(require("./header"));
 var _link = require("../routes/link");
 var _hooks = require("../page-templates/hooks");
 var _dataviewsActions = require("../dataviews-actions");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -74,11 +73,11 @@ const DEFAULT_VIEW = {
 };
 const SYNC_FILTERS = [{
   value: _constants.PATTERN_SYNC_TYPES.full,
-  label: (0, _i18n._x)('Synced', 'Option that shows all synchronized patterns'),
+  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', 'Option that shows all patterns that are not synchronized'),
+  label: (0, _i18n._x)('Not synced', 'pattern (singular)'),
   description: (0, _i18n.__)('Patterns that can be changed freely without affecting the site.')
 }];
 function PreviewWrapper({
@@ -87,18 +86,18 @@ function PreviewWrapper({
   ariaDescribedBy,
   children
 }) {
-  return (0, _react.createElement)("button", {
+  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);
+    "aria-disabled": item.type === _constants.PATTERN_TYPES.theme,
+    children: children
+  });
 }
 function Preview({
   item,
-  categoryId,
   viewType
 }) {
   const descriptionId = (0, _element.useId)();
@@ -111,26 +110,29 @@ function Preview({
   } = (0, _link.useLink)({
     postType: item.type,
     postId: isUserPattern ? item.id : item.name,
-    categoryId,
-    categoryType: isTemplatePart ? item.type : _constants.PATTERN_TYPES.theme,
     canvas: 'edit'
   });
-  return (0, _react.createElement)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: `page-patterns-preview-field is-viewtype-${viewType}`,
     style: {
       backgroundColor
-    }
-  }, (0, _react.createElement)(PreviewWrapper, {
-    item: item,
-    onClick: onClick,
-    ariaDescribedBy: item.description ? descriptionId : undefined
-  }, isEmpty && isTemplatePart && (0, _i18n.__)('Empty template part'), isEmpty && !isTemplatePart && (0, _i18n.__)('Empty pattern'), !isEmpty && (0, _react.createElement)(_async.Async, null, (0, _react.createElement)(_blockEditor.BlockPreview, {
-    blocks: item.blocks,
-    viewportWidth: item.viewportWidth
-  }))), item.description && (0, _react.createElement)("div", {
-    hidden: true,
-    id: descriptionId
-  }, item.description));
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(PreviewWrapper, {
+      item: item,
+      onClick: onClick,
+      ariaDescribedBy: item.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: item.blocks,
+          viewportWidth: item.viewportWidth
+        })
+      })]
+    }), item.description && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      hidden: true,
+      id: descriptionId,
+      children: item.description
+    })]
+  });
 }
 function Author({
   item,
@@ -143,76 +145,79 @@ function Author({
     imageUrl
   } = (0, _hooks.useAddedBy)(item.type, item.id);
   const withIcon = viewType !== _constants.LAYOUT_LIST;
-  return (0, _react.createElement)(_components.__experimentalHStack, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
     alignment: "left",
-    spacing: 1
-  }, withIcon && imageUrl && (0, _react.createElement)("div", {
-    className: (0, _clsx.default)('page-templates-author-field__avatar', {
-      'is-loaded': isImageLoaded
-    })
-  }, (0, _react.createElement)("img", {
-    onLoad: () => setIsImageLoaded(true),
-    alt: "",
-    src: imageUrl
-  })), withIcon && !imageUrl && (0, _react.createElement)("div", {
-    className: "page-templates-author-field__icon"
-  }, (0, _react.createElement)(_icons.Icon, {
-    icon: icon
-  })), (0, _react.createElement)("span", {
-    className: "page-templates-author-field__name"
-  }, text));
+    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,
-  categoryId
+  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 ? item.id : item.name,
-    categoryId,
-    categoryType: isTemplatePart ? item.type : _constants.PATTERN_TYPES.theme,
     canvas: 'edit'
   });
-  return (0, _react.createElement)(_components.__experimentalHStack, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
     alignment: "center",
     justify: "flex-start",
-    spacing: 2
-  }, (0, _react.createElement)(_components.Flex, {
-    as: "div",
-    gap: 0,
-    justify: "left",
-    className: "edit-site-patterns__pattern-title"
-  }, item.type === _constants.PATTERN_TYPES.theme ? item.title : (0, _react.createElement)(_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"
-  }, item.title || item.name)), item.type === _constants.PATTERN_TYPES.theme && (0, _react.createElement)(_components.Tooltip, {
-    placement: "top",
-    text: (0, _i18n.__)('This pattern cannot be edited.')
-  }, (0, _react.createElement)(_icons.Icon, {
-    className: "edit-site-patterns__pattern-lock-icon",
-    icon: _icons.lockSmall,
-    size: 24
-  })));
+    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 ? item.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: item.title || item.name
+      })
+    }), 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: {
-      categoryType,
+      postType,
       categoryId: categoryIdFromURL
     }
   } = useLocation();
-  const type = categoryType || _constants.PATTERN_TYPES.theme;
+  const type = postType || _constants.PATTERN_TYPES.user;
   const categoryId = categoryIdFromURL || _constants.PATTERN_DEFAULT_CATEGORY;
   const [view, setView] = (0, _element.useState)(DEFAULT_VIEW);
-  const isUncategorizedThemePatterns = type === _constants.PATTERN_TYPES.theme && categoryId === 'uncategorized';
   const previousCategoryId = (0, _compose.usePrevious)(categoryId);
   const viewSyncStatus = view.filters?.find(({
     field
@@ -220,7 +225,7 @@ function DataviewsPatterns() {
   const {
     patterns,
     isResolving
-  } = (0, _usePatterns.default)(type, isUncategorizedThemePatterns ? '' : categoryId, {
+  } = (0, _usePatterns.default)(type, categoryId, {
     search: view.search,
     syncStatus: viewSyncStatus
   });
@@ -248,9 +253,8 @@ function DataviewsPatterns() {
       id: 'preview',
       render: ({
         item
-      }) => (0, _react.createElement)(Preview, {
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Preview, {
         item: item,
-        categoryId: categoryId,
         viewType: view.type
       }),
       enableSorting: false,
@@ -261,13 +265,12 @@ function DataviewsPatterns() {
       id: 'title',
       render: ({
         item
-      }) => (0, _react.createElement)(Title, {
-        item: item,
-        categoryId: categoryId
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Title, {
+        item: item
       }),
       enableHiding: false
     }];
-    if (type === _constants.PATTERN_TYPES.theme) {
+    if (type === _constants.PATTERN_TYPES.user) {
       _fields.push({
         header: (0, _i18n.__)('Sync status'),
         id: 'sync-status',
@@ -276,13 +279,14 @@ function DataviewsPatterns() {
         }) => {
           // User patterns can have their sync statuses checked directly.
           // Non-user patterns are all unsynced for the time being.
-          return (0, _react.createElement)("span", {
-            className: `edit-site-patterns__field-sync-status-${item.syncStatus}`
-          }, SYNC_FILTERS.find(({
-            value
-          }) => value === item.syncStatus)?.label || SYNC_FILTERS.find(({
-            value
-          }) => value === _constants.PATTERN_SYNC_TYPES.unsynced).label);
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: `edit-site-patterns__field-sync-status-${item.syncStatus}`,
+            children: (SYNC_FILTERS.find(({
+              value
+            }) => value === item.syncStatus) || SYNC_FILTERS.find(({
+              value
+            }) => value === _constants.PATTERN_SYNC_TYPES.unsynced)).label
+          });
         },
         elements: SYNC_FILTERS,
         filterBy: {
@@ -301,7 +305,7 @@ function DataviewsPatterns() {
         render: ({
           item
         }) => {
-          return (0, _react.createElement)(Author, {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(Author, {
             viewType: view.type,
             item: item
           });
@@ -314,7 +318,7 @@ function DataviewsPatterns() {
       });
     }
     return _fields;
-  }, [view.type, categoryId, type, authors]);
+  }, [view.type, type, authors]);
 
   // Reset the page number when the category changes.
   (0, _element.useEffect)(() => {
@@ -342,9 +346,9 @@ function DataviewsPatterns() {
   const editAction = (0, _dataviewsActions.useEditPostAction)();
   const actions = (0, _element.useMemo)(() => {
     if (type === _constants.TEMPLATE_PART_POST_TYPE) {
-      return [editAction, ...templatePartActions, _dataviewsPatternActions.duplicateTemplatePartAction, _dataviewsPatternActions.resetAction, _dataviewsPatternActions.deleteAction].filter(Boolean);
+      return [editAction, ...templatePartActions].filter(Boolean);
     }
-    return [editAction, ...patternActions, _dataviewsPatternActions.duplicatePatternAction, _dataviewsPatternActions.exportJSONaction, _dataviewsPatternActions.resetAction, _dataviewsPatternActions.deleteAction].filter(Boolean);
+    return [editAction, ...patternActions].filter(Boolean);
   }, [editAction, type, templatePartActions, patternActions]);
   const onChangeView = (0, _element.useCallback)(newView => {
     if (newView.type !== view.type) {
@@ -362,27 +366,29 @@ 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 (0, _react.createElement)(ExperimentalBlockEditorProvider, {
-    settings: settings
-  }, (0, _react.createElement)(_page.default, {
-    title: (0, _i18n.__)('Patterns content'),
-    className: "edit-site-page-patterns-dataviews",
-    hideTitleFromUI: true
-  }, (0, _react.createElement)(_header.default, {
-    categoryId: categoryId,
-    type: type,
-    titleId: `${id}-title`,
-    descriptionId: `${id}-description`
-  }), (0, _react.createElement)(_dataviews.DataViews, {
-    paginationInfo: paginationInfo,
-    fields: fields,
-    actions: actions,
-    data: data || EMPTY_ARRAY,
-    getItemId: item => item.name,
-    isLoading: isResolving,
-    view: view,
-    onChangeView: onChangeView,
-    supportedLayouts: [_constants.LAYOUT_GRID, _constants.LAYOUT_TABLE]
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ExperimentalBlockEditorProvider, {
+    settings: settings,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_page.default, {
+      title: (0, _i18n.__)('Patterns content'),
+      className: "edit-site-page-patterns-dataviews",
+      hideTitleFromUI: true,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
+        categoryId: categoryId,
+        type: type,
+        titleId: `${id}-title`,
+        descriptionId: `${id}-description`
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataviews.DataViews, {
+        paginationInfo: paginationInfo,
+        fields: fields,
+        actions: actions,
+        data: data || EMPTY_ARRAY,
+        getItemId: item => item.name,
+        isLoading: isResolving,
+        view: view,
+        onChangeView: onChangeView,
+        supportedLayouts: [_constants.LAYOUT_GRID, _constants.LAYOUT_TABLE]
+      })]
+    })
+  });
 }
 //# sourceMappingURL=index.js.map