@wordpress/edit-site 5.25.0 → 5.26.0

package/build/components/page-patterns/dataviews-pattern-actions.js

@@ -0,0 +1,305 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resetAction = exports.renameAction = exports.exportJSONaction = exports.duplicateTemplatePartAction = exports.duplicatePatternAction = exports.deleteAction = void 0;
+var _react = require("react");
+var _changeCase = require("change-case");
+var _url = require("@wordpress/url");
+var _blob = require("@wordpress/blob");
+var _i18n = require("@wordpress/i18n");
+var _components = require("@wordpress/components");
+var _coreData = require("@wordpress/core-data");
+var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
+var _notices = require("@wordpress/notices");
+var _htmlEntities = require("@wordpress/html-entities");
+var _reusableBlocks = require("@wordpress/reusable-blocks");
+var _router = require("@wordpress/router");
+var _patterns = require("@wordpress/patterns");
+var _lockUnlock = require("../../lock-unlock");
+var _store = require("../../store");
+var _constants = require("../../utils/constants");
+var _createTemplatePartModal = require("../create-template-part-modal");
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  useHistory
+} = (0, _lockUnlock.unlock)(_router.privateApis);
+const {
+  CreatePatternModalContents,
+  useDuplicatePatternProps
+} = (0, _lockUnlock.unlock)(_patterns.privateApis);
+const exportJSONaction = {
+  id: 'export-pattern',
+  label: (0, _i18n.__)('Export as JSON'),
+  isEligible: item => item.type === _constants.PATTERN_TYPES.user,
+  callback: item => {
+    const json = {
+      __file: item.type,
+      title: item.title || item.name,
+      content: item.patternPost.content.raw,
+      syncStatus: item.patternPost.wp_pattern_sync_status
+    };
+    return (0, _blob.downloadBlob)(`${(0, _changeCase.paramCase)(item.title || item.name)}.json`, JSON.stringify(json, null, 2), 'application/json');
+  }
+};
+exports.exportJSONaction = exportJSONaction;
+const renameAction = {
+  id: 'rename-pattern',
+  label: (0, _i18n.__)('Rename'),
+  isEligible: item => {
+    const isTemplatePart = item.type === _constants.TEMPLATE_PART_POST_TYPE;
+    const isUserPattern = item.type === _constants.PATTERN_TYPES.user;
+    const isCustomPattern = isUserPattern || isTemplatePart && item.isCustom;
+    const hasThemeFile = isTemplatePart && item.templatePart.has_theme_file;
+    return isCustomPattern && !hasThemeFile;
+  },
+  RenderModal: ({
+    item,
+    closeModal
+  }) => {
+    const [title, setTitle] = (0, _element.useState)(() => item.title);
+    const {
+      editEntityRecord,
+      saveEditedEntityRecord
+    } = (0, _data.useDispatch)(_coreData.store);
+    const {
+      createSuccessNotice,
+      createErrorNotice
+    } = (0, _data.useDispatch)(_notices.store);
+    async function onRename(event) {
+      event.preventDefault();
+      try {
+        await editEntityRecord('postType', item.type, item.id, {
+          title
+        });
+        // Update state before saving rerenders the list.
+        setTitle('');
+        closeModal();
+        // Persist edited entity.
+        await saveEditedEntityRecord('postType', item.type, item.id, {
+          throwOnError: true
+        });
+        createSuccessNotice(item.type === _constants.TEMPLATE_PART_POST_TYPE ? (0, _i18n.__)('Template part renamed.') : (0, _i18n.__)('Pattern renamed.'), {
+          type: 'snackbar'
+        });
+      } catch (error) {
+        const fallbackErrorMessage = item.type === _constants.TEMPLATE_PART_POST_TYPE ? (0, _i18n.__)('An error occurred while renaming the template part.') : (0, _i18n.__)('An error occurred while renaming the pattern.');
+        const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : fallbackErrorMessage;
+        createErrorNotice(errorMessage, {
+          type: 'snackbar'
+        });
+      }
+    }
+    return (0, _react.createElement)("form", {
+      onSubmit: onRename
+    }, (0, _react.createElement)(_components.__experimentalVStack, {
+      spacing: "5"
+    }, (0, _react.createElement)(_components.TextControl, {
+      __nextHasNoMarginBottom: true,
+      __next40pxDefaultSize: true,
+      label: (0, _i18n.__)('Name'),
+      value: title,
+      onChange: setTitle,
+      required: true
+    }), (0, _react.createElement)(_components.__experimentalHStack, {
+      justify: "right"
+    }, (0, _react.createElement)(_components.Button, {
+      __next40pxDefaultSize: true,
+      variant: "tertiary",
+      onClick: () => {
+        closeModal();
+      }
+    }, (0, _i18n.__)('Cancel')), (0, _react.createElement)(_components.Button, {
+      __next40pxDefaultSize: true,
+      variant: "primary",
+      type: "submit"
+    }, (0, _i18n.__)('Save')))));
+  }
+};
+exports.renameAction = renameAction;
+const canDeleteOrReset = item => {
+  const isTemplatePart = item.type === _constants.TEMPLATE_PART_POST_TYPE;
+  const isUserPattern = item.type === _constants.PATTERN_TYPES.user;
+  return isUserPattern || isTemplatePart && item.isCustom;
+};
+const deleteAction = {
+  id: 'delete-pattern',
+  label: (0, _i18n.__)('Delete'),
+  isEligible: item => {
+    const isTemplatePart = item.type === _constants.TEMPLATE_PART_POST_TYPE;
+    const hasThemeFile = isTemplatePart && item.templatePart.has_theme_file;
+    return canDeleteOrReset(item) && !hasThemeFile;
+  },
+  hideModalHeader: true,
+  RenderModal: ({
+    item,
+    closeModal
+  }) => {
+    const {
+      __experimentalDeleteReusableBlock
+    } = (0, _data.useDispatch)(_reusableBlocks.store);
+    const {
+      createErrorNotice,
+      createSuccessNotice
+    } = (0, _data.useDispatch)(_notices.store);
+    const {
+      removeTemplate
+    } = (0, _data.useDispatch)(_store.store);
+    const deletePattern = async () => {
+      try {
+        await __experimentalDeleteReusableBlock(item.id);
+        createSuccessNotice((0, _i18n.sprintf)(
+        // translators: %s: The pattern's title e.g. 'Call to action'.
+        (0, _i18n.__)('"%s" deleted.'), item.title), {
+          type: 'snackbar',
+          id: 'edit-site-patterns-success'
+        });
+      } catch (error) {
+        const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : (0, _i18n.__)('An error occurred while deleting the pattern.');
+        createErrorNotice(errorMessage, {
+          type: 'snackbar',
+          id: 'edit-site-patterns-error'
+        });
+      }
+    };
+    const deleteItem = () => item.type === _constants.TEMPLATE_PART_POST_TYPE ? removeTemplate(item) : deletePattern();
+    return (0, _react.createElement)(_components.__experimentalVStack, {
+      spacing: "5"
+    }, (0, _react.createElement)(_components.__experimentalText, null, (0, _i18n.sprintf)(
+    // translators: %s: The pattern or template part's title e.g. 'Call to action'.
+    (0, _i18n.__)('Are you sure you want to delete "%s"?'), (0, _htmlEntities.decodeEntities)(item.title || item.name))), (0, _react.createElement)(_components.__experimentalHStack, {
+      justify: "right"
+    }, (0, _react.createElement)(_components.Button, {
+      variant: "tertiary",
+      onClick: closeModal
+    }, (0, _i18n.__)('Cancel')), (0, _react.createElement)(_components.Button, {
+      variant: "primary",
+      onClick: deleteItem
+    }, (0, _i18n.__)('Delete'))));
+  }
+};
+exports.deleteAction = deleteAction;
+const resetAction = {
+  id: 'reset-action',
+  label: (0, _i18n.__)('Clear customizations'),
+  isEligible: item => {
+    const isTemplatePart = item.type === _constants.TEMPLATE_PART_POST_TYPE;
+    const hasThemeFile = isTemplatePart && item.templatePart.has_theme_file;
+    return canDeleteOrReset(item) && hasThemeFile;
+  },
+  hideModalHeader: true,
+  RenderModal: ({
+    item,
+    closeModal
+  }) => {
+    const {
+      removeTemplate
+    } = (0, _data.useDispatch)(_store.store);
+    return (0, _react.createElement)(_components.__experimentalVStack, {
+      spacing: "5"
+    }, (0, _react.createElement)(_components.__experimentalText, null, (0, _i18n.__)('Are you sure you want to clear these customizations?')), (0, _react.createElement)(_components.__experimentalHStack, {
+      justify: "right"
+    }, (0, _react.createElement)(_components.Button, {
+      variant: "tertiary",
+      onClick: closeModal
+    }, (0, _i18n.__)('Cancel')), (0, _react.createElement)(_components.Button, {
+      variant: "primary",
+      onClick: () => removeTemplate(item)
+    }, (0, _i18n.__)('Clear'))));
+  }
+};
+exports.resetAction = resetAction;
+const duplicatePatternAction = {
+  id: 'duplicate-pattern',
+  label: (0, _i18n._x)('Duplicate', 'action label'),
+  isEligible: item => item.type !== _constants.TEMPLATE_PART_POST_TYPE,
+  modalHeader: (0, _i18n._x)('Duplicate pattern', 'action label'),
+  RenderModal: ({
+    item,
+    closeModal
+  }) => {
+    const {
+      categoryId = _constants.PATTERN_DEFAULT_CATEGORY
+    } = (0, _url.getQueryArgs)(window.location.href);
+    const isThemePattern = item.type === _constants.PATTERN_TYPES.theme;
+    const history = useHistory();
+    function onPatternSuccess({
+      pattern
+    }) {
+      history.push({
+        categoryType: _constants.PATTERN_TYPES.theme,
+        categoryId,
+        postType: _constants.PATTERN_TYPES.user,
+        postId: pattern.id
+      });
+      closeModal();
+    }
+    const duplicatedProps = useDuplicatePatternProps({
+      pattern: isThemePattern ? item : item.patternPost,
+      onSuccess: onPatternSuccess
+    });
+    return (0, _react.createElement)(CreatePatternModalContents, {
+      onClose: closeModal,
+      confirmLabel: (0, _i18n._x)('Duplicate', 'action label'),
+      ...duplicatedProps
+    });
+  }
+};
+exports.duplicatePatternAction = duplicatePatternAction;
+const duplicateTemplatePartAction = {
+  id: 'duplicate-template-part',
+  label: (0, _i18n._x)('Duplicate', 'action label'),
+  isEligible: item => item.type === _constants.TEMPLATE_PART_POST_TYPE,
+  modalHeader: (0, _i18n._x)('Duplicate template part', 'action label'),
+  RenderModal: ({
+    item,
+    closeModal
+  }) => {
+    const {
+      createSuccessNotice
+    } = (0, _data.useDispatch)(_notices.store);
+    const {
+      categoryId = _constants.PATTERN_DEFAULT_CATEGORY
+    } = (0, _url.getQueryArgs)(window.location.href);
+    const history = useHistory();
+    async function onTemplatePartSuccess(templatePart) {
+      createSuccessNotice((0, _i18n.sprintf)(
+      // translators: %s: The new template part's title e.g. 'Call to action (copy)'.
+      (0, _i18n.__)('"%s" duplicated.'), item.title), {
+        type: 'snackbar',
+        id: 'edit-site-patterns-success'
+      });
+      history.push({
+        postType: _constants.TEMPLATE_PART_POST_TYPE,
+        postId: templatePart?.id,
+        categoryType: _constants.TEMPLATE_PART_POST_TYPE,
+        categoryId
+      });
+      closeModal();
+    }
+    return (0, _react.createElement)(_createTemplatePartModal.CreateTemplatePartModalContents, {
+      blocks: item.blocks,
+      defaultArea: item.templatePart.area,
+      defaultTitle: (0, _i18n.sprintf)( /* translators: %s: Existing template part title */
+      (0, _i18n.__)('%s (Copy)'), item.title),
+      onCreate: onTemplatePartSuccess,
+      onError: closeModal,
+      confirmLabel: (0, _i18n._x)('Duplicate', 'action label')
+    });
+  }
+};
+exports.duplicateTemplatePartAction = duplicateTemplatePartAction;
+//# sourceMappingURL=dataviews-pattern-actions.js.map

package/build/components/page-patterns/dataviews-pattern-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_changeCase","require","_url","_blob","_i18n","_components","_coreData","_data","_element","_notices","_htmlEntities","_reusableBlocks","_router","_patterns","_lockUnlock","_store","_constants","_createTemplatePartModal","useHistory","unlock","routerPrivateApis","CreatePatternModalContents","useDuplicatePatternProps","patternsPrivateApis","exportJSONaction","id","label","__","isEligible","item","type","PATTERN_TYPES","user","callback","json","__file","title","name","content","patternPost","raw","syncStatus","wp_pattern_sync_status","downloadBlob","kebabCase","JSON","stringify","exports","renameAction","isTemplatePart","TEMPLATE_PART_POST_TYPE","isUserPattern","isCustomPattern","isCustom","hasThemeFile","templatePart","has_theme_file","RenderModal","closeModal","setTitle","useState","editEntityRecord","saveEditedEntityRecord","useDispatch","coreStore","createSuccessNotice","createErrorNotice","noticesStore","onRename","event","preventDefault","throwOnError","error","fallbackErrorMessage","errorMessage","message","code","_react","createElement","onSubmit","__experimentalVStack","spacing","TextControl","__nextHasNoMarginBottom","__next40pxDefaultSize","value","onChange","required","__experimentalHStack","justify","Button","variant","onClick","canDeleteOrReset","deleteAction","hideModalHeader","__experimentalDeleteReusableBlock","reusableBlocksStore","removeTemplate","editSiteStore","deletePattern","sprintf","deleteItem","__experimentalText","decodeEntities","resetAction","duplicatePatternAction","_x","modalHeader","categoryId","PATTERN_DEFAULT_CATEGORY","getQueryArgs","window","location","href","isThemePattern","theme","history","onPatternSuccess","pattern","push","categoryType","postType","postId","duplicatedProps","onSuccess","onClose","confirmLabel","duplicateTemplatePartAction","onTemplatePartSuccess","CreateTemplatePartModalContents","blocks","defaultArea","area","defaultTitle","onCreate","onError"],"sources":["@wordpress/edit-site/src/components/page-patterns/dataviews-pattern-actions.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { paramCase as kebabCase } from 'change-case';\n\n/**\n * WordPress dependencies\n */\nimport { getQueryArgs } from '@wordpress/url';\nimport { downloadBlob } from '@wordpress/blob';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport {\n\tButton,\n\tTextControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalText as Text,\n} from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useDispatch } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { store as reusableBlocksStore } from '@wordpress/reusable-blocks';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { privateApis as patternsPrivateApis } from '@wordpress/patterns';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tPATTERN_TYPES,\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_DEFAULT_CATEGORY,\n} from '../../utils/constants';\nimport { CreateTemplatePartModalContents } from '../create-template-part-modal';\n\nconst { useHistory } = unlock( routerPrivateApis );\nconst { CreatePatternModalContents, useDuplicatePatternProps } =\n\tunlock( patternsPrivateApis );\n\nexport const exportJSONaction = {\n\tid: 'export-pattern',\n\tlabel: __( 'Export as JSON' ),\n\tisEligible: ( item ) => item.type === PATTERN_TYPES.user,\n\tcallback: ( item ) => {\n\t\tconst json = {\n\t\t\t__file: item.type,\n\t\t\ttitle: item.title || item.name,\n\t\t\tcontent: item.patternPost.content.raw,\n\t\t\tsyncStatus: item.patternPost.wp_pattern_sync_status,\n\t\t};\n\t\treturn downloadBlob(\n\t\t\t`${ kebabCase( item.title || item.name ) }.json`,\n\t\t\tJSON.stringify( json, null, 2 ),\n\t\t\t'application/json'\n\t\t);\n\t},\n};\n\nexport const renameAction = {\n\tid: 'rename-pattern',\n\tlabel: __( 'Rename' ),\n\tisEligible: ( item ) => {\n\t\tconst isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;\n\t\tconst isUserPattern = item.type === PATTERN_TYPES.user;\n\t\tconst isCustomPattern =\n\t\t\tisUserPattern || ( isTemplatePart && item.isCustom );\n\t\tconst hasThemeFile = isTemplatePart && item.templatePart.has_theme_file;\n\t\treturn isCustomPattern && ! hasThemeFile;\n\t},\n\tRenderModal: ( { item, closeModal } ) => {\n\t\tconst [ title, setTitle ] = useState( () => item.title );\n\t\tconst { editEntityRecord, saveEditedEntityRecord } =\n\t\t\tuseDispatch( coreStore );\n\t\tconst { createSuccessNotice, createErrorNotice } =\n\t\t\tuseDispatch( noticesStore );\n\t\tasync function onRename( event ) {\n\t\t\tevent.preventDefault();\n\t\t\ttry {\n\t\t\t\tawait editEntityRecord( 'postType', item.type, item.id, {\n\t\t\t\t\ttitle,\n\t\t\t\t} );\n\t\t\t\t// Update state before saving rerenders the list.\n\t\t\t\tsetTitle( '' );\n\t\t\t\tcloseModal();\n\t\t\t\t// Persist edited entity.\n\t\t\t\tawait saveEditedEntityRecord( 'postType', item.type, item.id, {\n\t\t\t\t\tthrowOnError: true,\n\t\t\t\t} );\n\t\t\t\tcreateSuccessNotice(\n\t\t\t\t\titem.type === TEMPLATE_PART_POST_TYPE\n\t\t\t\t\t\t? __( 'Template part renamed.' )\n\t\t\t\t\t\t: __( 'Pattern renamed.' ),\n\t\t\t\t\t{ type: 'snackbar' }\n\t\t\t\t);\n\t\t\t} catch ( error ) {\n\t\t\t\tconst fallbackErrorMessage =\n\t\t\t\t\titem.type === TEMPLATE_PART_POST_TYPE\n\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t'An error occurred while renaming the template part.'\n\t\t\t\t\t\t  )\n\t\t\t\t\t\t: __( 'An error occurred while renaming the pattern.' );\n\t\t\t\tconst errorMessage =\n\t\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t\t? error.message\n\t\t\t\t\t\t: fallbackErrorMessage;\n\t\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t\t}\n\t\t}\n\t\treturn (\n\t\t\t<form onSubmit={ onRename }>\n\t\t\t\t<VStack spacing=\"5\">\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t\trequired\n\t\t\t\t\t/>\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tcloseModal();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</form>\n\t\t);\n\t},\n};\n\nconst canDeleteOrReset = ( item ) => {\n\tconst isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;\n\tconst isUserPattern = item.type === PATTERN_TYPES.user;\n\treturn isUserPattern || ( isTemplatePart && item.isCustom );\n};\n\nexport const deleteAction = {\n\tid: 'delete-pattern',\n\tlabel: __( 'Delete' ),\n\tisEligible: ( item ) => {\n\t\tconst isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;\n\t\tconst hasThemeFile = isTemplatePart && item.templatePart.has_theme_file;\n\t\treturn canDeleteOrReset( item ) && ! hasThemeFile;\n\t},\n\thideModalHeader: true,\n\tRenderModal: ( { item, closeModal } ) => {\n\t\tconst { __experimentalDeleteReusableBlock } =\n\t\t\tuseDispatch( reusableBlocksStore );\n\t\tconst { createErrorNotice, createSuccessNotice } =\n\t\t\tuseDispatch( noticesStore );\n\t\tconst { removeTemplate } = useDispatch( editSiteStore );\n\n\t\tconst deletePattern = async () => {\n\t\t\ttry {\n\t\t\t\tawait __experimentalDeleteReusableBlock( item.id );\n\t\t\t\tcreateSuccessNotice(\n\t\t\t\t\tsprintf(\n\t\t\t\t\t\t// translators: %s: The pattern's title e.g. 'Call to action'.\n\t\t\t\t\t\t__( '\"%s\" deleted.' ),\n\t\t\t\t\t\titem.title\n\t\t\t\t\t),\n\t\t\t\t\t{ type: 'snackbar', id: 'edit-site-patterns-success' }\n\t\t\t\t);\n\t\t\t} catch ( error ) {\n\t\t\t\tconst errorMessage =\n\t\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t\t? error.message\n\t\t\t\t\t\t: __( 'An error occurred while deleting the pattern.' );\n\t\t\t\tcreateErrorNotice( errorMessage, {\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tid: 'edit-site-patterns-error',\n\t\t\t\t} );\n\t\t\t}\n\t\t};\n\t\tconst deleteItem = () =>\n\t\t\titem.type === TEMPLATE_PART_POST_TYPE\n\t\t\t\t? removeTemplate( item )\n\t\t\t\t: deletePattern();\n\t\treturn (\n\t\t\t<VStack spacing=\"5\">\n\t\t\t\t<Text>\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t// translators: %s: The pattern or template part's title e.g. 'Call to action'.\n\t\t\t\t\t\t__( 'Are you sure you want to delete \"%s\"?' ),\n\t\t\t\t\t\tdecodeEntities( item.title || item.name )\n\t\t\t\t\t) }\n\t\t\t\t</Text>\n\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t<Button variant=\"tertiary\" onClick={ closeModal }>\n\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button variant=\"primary\" onClick={ deleteItem }>\n\t\t\t\t\t\t{ __( 'Delete' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t);\n\t},\n};\n\nexport const resetAction = {\n\tid: 'reset-action',\n\tlabel: __( 'Clear customizations' ),\n\tisEligible: ( item ) => {\n\t\tconst isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;\n\t\tconst hasThemeFile = isTemplatePart && item.templatePart.has_theme_file;\n\t\treturn canDeleteOrReset( item ) && hasThemeFile;\n\t},\n\thideModalHeader: true,\n\tRenderModal: ( { item, closeModal } ) => {\n\t\tconst { removeTemplate } = useDispatch( editSiteStore );\n\t\treturn (\n\t\t\t<VStack spacing=\"5\">\n\t\t\t\t<Text>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Are you sure you want to clear these customizations?'\n\t\t\t\t\t) }\n\t\t\t\t</Text>\n\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t<Button variant=\"tertiary\" onClick={ closeModal }>\n\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tonClick={ () => removeTemplate( item ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Clear' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t);\n\t},\n};\n\nexport const duplicatePatternAction = {\n\tid: 'duplicate-pattern',\n\tlabel: _x( 'Duplicate', 'action label' ),\n\tisEligible: ( item ) => item.type !== TEMPLATE_PART_POST_TYPE,\n\tmodalHeader: _x( 'Duplicate pattern', 'action label' ),\n\tRenderModal: ( { item, closeModal } ) => {\n\t\tconst { categoryId = PATTERN_DEFAULT_CATEGORY } = getQueryArgs(\n\t\t\twindow.location.href\n\t\t);\n\t\tconst isThemePattern = item.type === PATTERN_TYPES.theme;\n\t\tconst history = useHistory();\n\t\tfunction onPatternSuccess( { pattern } ) {\n\t\t\thistory.push( {\n\t\t\t\tcategoryType: PATTERN_TYPES.theme,\n\t\t\t\tcategoryId,\n\t\t\t\tpostType: PATTERN_TYPES.user,\n\t\t\t\tpostId: pattern.id,\n\t\t\t} );\n\t\t\tcloseModal();\n\t\t}\n\t\tconst duplicatedProps = useDuplicatePatternProps( {\n\t\t\tpattern: isThemePattern ? item : item.patternPost,\n\t\t\tonSuccess: onPatternSuccess,\n\t\t} );\n\t\treturn (\n\t\t\t<CreatePatternModalContents\n\t\t\t\tonClose={ closeModal }\n\t\t\t\tconfirmLabel={ _x( 'Duplicate', 'action label' ) }\n\t\t\t\t{ ...duplicatedProps }\n\t\t\t/>\n\t\t);\n\t},\n};\n\nexport const duplicateTemplatePartAction = {\n\tid: 'duplicate-template-part',\n\tlabel: _x( 'Duplicate', 'action label' ),\n\tisEligible: ( item ) => item.type === TEMPLATE_PART_POST_TYPE,\n\tmodalHeader: _x( 'Duplicate template part', 'action label' ),\n\tRenderModal: ( { item, closeModal } ) => {\n\t\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\t\tconst { categoryId = PATTERN_DEFAULT_CATEGORY } = getQueryArgs(\n\t\t\twindow.location.href\n\t\t);\n\t\tconst history = useHistory();\n\t\tasync function onTemplatePartSuccess( templatePart ) {\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t// translators: %s: The new template part's title e.g. 'Call to action (copy)'.\n\t\t\t\t\t__( '\"%s\" duplicated.' ),\n\t\t\t\t\titem.title\n\t\t\t\t),\n\t\t\t\t{ type: 'snackbar', id: 'edit-site-patterns-success' }\n\t\t\t);\n\t\t\thistory.push( {\n\t\t\t\tpostType: TEMPLATE_PART_POST_TYPE,\n\t\t\t\tpostId: templatePart?.id,\n\t\t\t\tcategoryType: TEMPLATE_PART_POST_TYPE,\n\t\t\t\tcategoryId,\n\t\t\t} );\n\t\t\tcloseModal();\n\t\t}\n\t\treturn (\n\t\t\t<CreateTemplatePartModalContents\n\t\t\t\tblocks={ item.blocks }\n\t\t\t\tdefaultArea={ item.templatePart.area }\n\t\t\t\tdefaultTitle={ sprintf(\n\t\t\t\t\t/* translators: %s: Existing template part title */\n\t\t\t\t\t__( '%s (Copy)' ),\n\t\t\t\t\titem.title\n\t\t\t\t) }\n\t\t\t\tonCreate={ onTemplatePartSuccess }\n\t\t\t\tonError={ closeModal }\n\t\t\t\tconfirmLabel={ _x( 'Duplicate', 'action label' ) }\n\t\t\t/>\n\t\t);\n\t},\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,307 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DataviewsPatterns;
+var _react = require("react");
+var _components = require("@wordpress/components");
+var _url = require("@wordpress/url");
+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 _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"));
+var _header = _interopRequireDefault(require("./header"));
+var _link = require("../routes/link");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  ExperimentalBlockEditorProvider,
+  useGlobalStyle
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+const templatePartIcons = {
+  header: _icons.header,
+  footer: _icons.footer,
+  uncategorized: _icons.symbolFilled
+};
+const EMPTY_ARRAY = [];
+const defaultConfigPerViewType = {
+  [_constants.LAYOUT_GRID]: {
+    mediaField: 'preview',
+    primaryField: 'title'
+  }
+};
+const DEFAULT_VIEW = {
+  type: _constants.LAYOUT_GRID,
+  search: '',
+  page: 1,
+  perPage: 20,
+  hiddenFields: ['sync-status'],
+  layout: {
+    ...defaultConfigPerViewType[_constants.LAYOUT_GRID]
+  },
+  filters: []
+};
+const SYNC_FILTERS = [{
+  value: _constants.PATTERN_SYNC_TYPES.full,
+  label: (0, _i18n._x)('Synced', 'Option that shows all synchronized patterns'),
+  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'),
+  description: (0, _i18n.__)('Patterns that can be changed freely without affecting the site.')
+}];
+function Preview({
+  item,
+  viewType
+}) {
+  const descriptionId = (0, _element.useId)();
+  const isUserPattern = item.type === _constants.PATTERN_TYPES.user;
+  const isNonUserPattern = item.type === _constants.PATTERN_TYPES.theme;
+  const isTemplatePart = item.type === _constants.TEMPLATE_PART_POST_TYPE;
+  const isEmpty = !item.blocks?.length;
+  // Only custom patterns or custom template parts can be renamed or deleted.
+  const isCustomPattern = isUserPattern || isTemplatePart && item.isCustom;
+  const ariaDescriptions = [];
+  if (isCustomPattern) {
+    // User patterns don't have descriptions, but can be edited and deleted, so include some help text.
+    ariaDescriptions.push((0, _i18n.__)('Press Enter to edit, or Delete to delete the pattern.'));
+  } else if (item.description) {
+    ariaDescriptions.push(item.description);
+  }
+  if (isNonUserPattern) {
+    ariaDescriptions.push((0, _i18n.__)('Theme & plugin patterns cannot be edited.'));
+  }
+  const [backgroundColor] = useGlobalStyle('color.background');
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("div", {
+    className: `page-patterns-preview-field is-viewtype-${viewType}`,
+    style: {
+      backgroundColor
+    }
+  }, isEmpty && isTemplatePart && (0, _i18n.__)('Empty template part'), isEmpty && !isTemplatePart && (0, _i18n.__)('Empty pattern'), !isEmpty && (0, _react.createElement)(_blockEditor.BlockPreview, {
+    blocks: item.blocks
+  })), ariaDescriptions.map((ariaDescription, index) => (0, _react.createElement)("div", {
+    key: index,
+    hidden: true,
+    id: `${descriptionId}-${index}`
+  }, ariaDescription)));
+}
+function Title({
+  item,
+  categoryId
+}) {
+  const isUserPattern = item.type === _constants.PATTERN_TYPES.user;
+  const isNonUserPattern = item.type === _constants.PATTERN_TYPES.theme;
+  const isTemplatePart = item.type === _constants.TEMPLATE_PART_POST_TYPE;
+  let itemIcon;
+  const {
+    onClick
+  } = (0, _link.useLink)({
+    postType: item.type,
+    postId: isUserPattern ? item.id : item.name,
+    categoryId,
+    categoryType: isTemplatePart ? item.type : _constants.PATTERN_TYPES.theme
+  });
+  if (!isUserPattern && templatePartIcons[categoryId]) {
+    itemIcon = templatePartIcons[categoryId];
+  } else {
+    itemIcon = item.syncStatus === _constants.PATTERN_SYNC_TYPES.full ? _icons.symbol : undefined;
+  }
+  return (0, _react.createElement)(_components.__experimentalHStack, {
+    alignment: "center",
+    justify: "flex-start",
+    spacing: 2
+  }, itemIcon && !isNonUserPattern && (0, _react.createElement)(_components.Tooltip, {
+    placement: "top",
+    text: (0, _i18n.__)('Editing this pattern will also update anywhere it is used')
+  }, (0, _react.createElement)(_icons.Icon, {
+    className: "edit-site-patterns__pattern-icon",
+    icon: itemIcon
+  })), 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
+  })), (0, _react.createElement)(_components.Flex, {
+    as: "span",
+    gap: 0,
+    justify: "left"
+  }, item.type === _constants.PATTERN_TYPES.theme ? (0, _react.createElement)("span", {
+    className: "dataviews-view-grid__title-field"
+  }, item.title) : (0, _react.createElement)(_components.__experimentalHeading, {
+    level: 5
+  }, (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",
+    className: "dataviews-view-grid__title-field"
+  }, item.title || item.name))));
+}
+function DataviewsPatterns() {
+  const {
+    categoryType,
+    categoryId = _constants.PATTERN_DEFAULT_CATEGORY
+  } = (0, _url.getQueryArgs)(window.location.href);
+  const type = categoryType || _constants.PATTERN_TYPES.theme;
+  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
+  }) => field === 'sync-status')?.value;
+  const {
+    patterns,
+    isResolving
+  } = (0, _usePatterns.default)(type, isUncategorizedThemePatterns ? '' : categoryId, {
+    search: view.search,
+    syncStatus: viewSyncStatus
+  });
+  const fields = (0, _element.useMemo)(() => {
+    const _fields = [{
+      header: (0, _i18n.__)('Preview'),
+      id: 'preview',
+      render: ({
+        item
+      }) => (0, _react.createElement)(Preview, {
+        item: item,
+        viewType: view.type
+      }),
+      enableSorting: false,
+      enableHiding: false
+    }, {
+      header: (0, _i18n.__)('Title'),
+      id: 'title',
+      getValue: ({
+        item
+      }) => item.title,
+      render: ({
+        item
+      }) => (0, _react.createElement)(Title, {
+        item: item,
+        categoryId: categoryId
+      }),
+      enableHiding: false
+    }];
+    if (type === _constants.PATTERN_TYPES.theme) {
+      _fields.push({
+        header: (0, _i18n.__)('Sync Status'),
+        id: 'sync-status',
+        render: ({
+          item
+        }) => {
+          // User patterns can have their sync statuses checked directly.
+          // Non-user patterns are all unsynced for the time being.
+          return SYNC_FILTERS.find(({
+            value
+          }) => value === item.syncStatus)?.label || SYNC_FILTERS.find(({
+            value
+          }) => value === _constants.PATTERN_SYNC_TYPES.unsynced).label;
+        },
+        type: _constants.ENUMERATION_TYPE,
+        elements: SYNC_FILTERS,
+        filterBy: {
+          operators: [_constants.OPERATOR_IN]
+        },
+        enableSorting: false
+      });
+    }
+    return _fields;
+  }, [view.type, categoryId, type]);
+  // Reset the page number when the category changes.
+  (0, _element.useEffect)(() => {
+    if (previousCategoryId !== categoryId) {
+      setView(DEFAULT_VIEW);
+    }
+  }, [categoryId, previousCategoryId]);
+  const {
+    data,
+    paginationInfo
+  } = (0, _element.useMemo)(() => {
+    if (!patterns) {
+      return {
+        data: EMPTY_ARRAY,
+        paginationInfo: {
+          totalItems: 0,
+          totalPages: 0
+        }
+      };
+    }
+    let filteredData = [...patterns];
+    // Handle sorting.
+    if (view.sort) {
+      filteredData = (0, _dataviews.sortByTextFields)({
+        data: filteredData,
+        view,
+        fields,
+        textFields: ['title', 'author']
+      });
+    }
+    // Handle pagination.
+    return (0, _dataviews.getPaginationResults)({
+      data: filteredData,
+      view
+    });
+  }, [patterns, view, fields]);
+  const actions = (0, _element.useMemo)(() => [_dataviewsPatternActions.renameAction, _dataviewsPatternActions.duplicatePatternAction, _dataviewsPatternActions.duplicateTemplatePartAction, _dataviewsPatternActions.exportJSONaction, _dataviewsPatternActions.resetAction, _dataviewsPatternActions.deleteAction], []);
+  const onChangeView = (0, _element.useCallback)(newView => {
+    if (newView.type !== view.type) {
+      newView = {
+        ...newView,
+        layout: {
+          ...defaultConfigPerViewType[newView.type]
+        }
+      };
+    }
+    setView(newView);
+  }, [view.type, setView]);
+  const id = (0, _element.useId)();
+  const settings = (0, _usePatternSettings.default)();
+  // 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.
+  // TODO: check if I add the provider in every preview like in templates...
+  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,
+    deferredRendering: true,
+    supportedLayouts: [_constants.LAYOUT_GRID]
+  })));
+}
+//# sourceMappingURL=dataviews-patterns.js.map