@wordpress/edit-site 5.25.0 → 5.26.0

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

@@ -0,0 +1,292 @@
+import { createElement } from "react";
+/**
+ * External dependencies
+ */
+import { paramCase as kebabCase } from 'change-case';
+
+/**
+ * WordPress dependencies
+ */
+import { getQueryArgs } from '@wordpress/url';
+import { downloadBlob } from '@wordpress/blob';
+import { __, _x, sprintf } from '@wordpress/i18n';
+import { Button, TextControl, __experimentalHStack as HStack, __experimentalVStack as VStack, __experimentalText as Text } from '@wordpress/components';
+import { store as coreStore } from '@wordpress/core-data';
+import { useDispatch } from '@wordpress/data';
+import { useState } from '@wordpress/element';
+import { store as noticesStore } from '@wordpress/notices';
+import { decodeEntities } from '@wordpress/html-entities';
+import { store as reusableBlocksStore } from '@wordpress/reusable-blocks';
+import { privateApis as routerPrivateApis } from '@wordpress/router';
+import { privateApis as patternsPrivateApis } from '@wordpress/patterns';
+
+/**
+ * Internal dependencies
+ */
+import { unlock } from '../../lock-unlock';
+import { store as editSiteStore } from '../../store';
+import { PATTERN_TYPES, TEMPLATE_PART_POST_TYPE, PATTERN_DEFAULT_CATEGORY } from '../../utils/constants';
+import { CreateTemplatePartModalContents } from '../create-template-part-modal';
+const {
+  useHistory
+} = unlock(routerPrivateApis);
+const {
+  CreatePatternModalContents,
+  useDuplicatePatternProps
+} = unlock(patternsPrivateApis);
+export const exportJSONaction = {
+  id: 'export-pattern',
+  label: __('Export as JSON'),
+  isEligible: item => item.type === 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 downloadBlob(`${kebabCase(item.title || item.name)}.json`, JSON.stringify(json, null, 2), 'application/json');
+  }
+};
+export const renameAction = {
+  id: 'rename-pattern',
+  label: __('Rename'),
+  isEligible: item => {
+    const isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;
+    const isUserPattern = item.type === 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] = useState(() => item.title);
+    const {
+      editEntityRecord,
+      saveEditedEntityRecord
+    } = useDispatch(coreStore);
+    const {
+      createSuccessNotice,
+      createErrorNotice
+    } = useDispatch(noticesStore);
+    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 === TEMPLATE_PART_POST_TYPE ? __('Template part renamed.') : __('Pattern renamed.'), {
+          type: 'snackbar'
+        });
+      } catch (error) {
+        const fallbackErrorMessage = item.type === TEMPLATE_PART_POST_TYPE ? __('An error occurred while renaming the template part.') : __('An error occurred while renaming the pattern.');
+        const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : fallbackErrorMessage;
+        createErrorNotice(errorMessage, {
+          type: 'snackbar'
+        });
+      }
+    }
+    return createElement("form", {
+      onSubmit: onRename
+    }, createElement(VStack, {
+      spacing: "5"
+    }, createElement(TextControl, {
+      __nextHasNoMarginBottom: true,
+      __next40pxDefaultSize: true,
+      label: __('Name'),
+      value: title,
+      onChange: setTitle,
+      required: true
+    }), createElement(HStack, {
+      justify: "right"
+    }, createElement(Button, {
+      __next40pxDefaultSize: true,
+      variant: "tertiary",
+      onClick: () => {
+        closeModal();
+      }
+    }, __('Cancel')), createElement(Button, {
+      __next40pxDefaultSize: true,
+      variant: "primary",
+      type: "submit"
+    }, __('Save')))));
+  }
+};
+const canDeleteOrReset = item => {
+  const isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;
+  const isUserPattern = item.type === PATTERN_TYPES.user;
+  return isUserPattern || isTemplatePart && item.isCustom;
+};
+export const deleteAction = {
+  id: 'delete-pattern',
+  label: __('Delete'),
+  isEligible: item => {
+    const isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;
+    const hasThemeFile = isTemplatePart && item.templatePart.has_theme_file;
+    return canDeleteOrReset(item) && !hasThemeFile;
+  },
+  hideModalHeader: true,
+  RenderModal: ({
+    item,
+    closeModal
+  }) => {
+    const {
+      __experimentalDeleteReusableBlock
+    } = useDispatch(reusableBlocksStore);
+    const {
+      createErrorNotice,
+      createSuccessNotice
+    } = useDispatch(noticesStore);
+    const {
+      removeTemplate
+    } = useDispatch(editSiteStore);
+    const deletePattern = async () => {
+      try {
+        await __experimentalDeleteReusableBlock(item.id);
+        createSuccessNotice(sprintf(
+        // translators: %s: The pattern's title e.g. 'Call to action'.
+        __('"%s" deleted.'), item.title), {
+          type: 'snackbar',
+          id: 'edit-site-patterns-success'
+        });
+      } catch (error) {
+        const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : __('An error occurred while deleting the pattern.');
+        createErrorNotice(errorMessage, {
+          type: 'snackbar',
+          id: 'edit-site-patterns-error'
+        });
+      }
+    };
+    const deleteItem = () => item.type === TEMPLATE_PART_POST_TYPE ? removeTemplate(item) : deletePattern();
+    return createElement(VStack, {
+      spacing: "5"
+    }, createElement(Text, null, sprintf(
+    // translators: %s: The pattern or template part's title e.g. 'Call to action'.
+    __('Are you sure you want to delete "%s"?'), decodeEntities(item.title || item.name))), createElement(HStack, {
+      justify: "right"
+    }, createElement(Button, {
+      variant: "tertiary",
+      onClick: closeModal
+    }, __('Cancel')), createElement(Button, {
+      variant: "primary",
+      onClick: deleteItem
+    }, __('Delete'))));
+  }
+};
+export const resetAction = {
+  id: 'reset-action',
+  label: __('Clear customizations'),
+  isEligible: item => {
+    const isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;
+    const hasThemeFile = isTemplatePart && item.templatePart.has_theme_file;
+    return canDeleteOrReset(item) && hasThemeFile;
+  },
+  hideModalHeader: true,
+  RenderModal: ({
+    item,
+    closeModal
+  }) => {
+    const {
+      removeTemplate
+    } = useDispatch(editSiteStore);
+    return createElement(VStack, {
+      spacing: "5"
+    }, createElement(Text, null, __('Are you sure you want to clear these customizations?')), createElement(HStack, {
+      justify: "right"
+    }, createElement(Button, {
+      variant: "tertiary",
+      onClick: closeModal
+    }, __('Cancel')), createElement(Button, {
+      variant: "primary",
+      onClick: () => removeTemplate(item)
+    }, __('Clear'))));
+  }
+};
+export const duplicatePatternAction = {
+  id: 'duplicate-pattern',
+  label: _x('Duplicate', 'action label'),
+  isEligible: item => item.type !== TEMPLATE_PART_POST_TYPE,
+  modalHeader: _x('Duplicate pattern', 'action label'),
+  RenderModal: ({
+    item,
+    closeModal
+  }) => {
+    const {
+      categoryId = PATTERN_DEFAULT_CATEGORY
+    } = getQueryArgs(window.location.href);
+    const isThemePattern = item.type === PATTERN_TYPES.theme;
+    const history = useHistory();
+    function onPatternSuccess({
+      pattern
+    }) {
+      history.push({
+        categoryType: PATTERN_TYPES.theme,
+        categoryId,
+        postType: PATTERN_TYPES.user,
+        postId: pattern.id
+      });
+      closeModal();
+    }
+    const duplicatedProps = useDuplicatePatternProps({
+      pattern: isThemePattern ? item : item.patternPost,
+      onSuccess: onPatternSuccess
+    });
+    return createElement(CreatePatternModalContents, {
+      onClose: closeModal,
+      confirmLabel: _x('Duplicate', 'action label'),
+      ...duplicatedProps
+    });
+  }
+};
+export const duplicateTemplatePartAction = {
+  id: 'duplicate-template-part',
+  label: _x('Duplicate', 'action label'),
+  isEligible: item => item.type === TEMPLATE_PART_POST_TYPE,
+  modalHeader: _x('Duplicate template part', 'action label'),
+  RenderModal: ({
+    item,
+    closeModal
+  }) => {
+    const {
+      createSuccessNotice
+    } = useDispatch(noticesStore);
+    const {
+      categoryId = PATTERN_DEFAULT_CATEGORY
+    } = getQueryArgs(window.location.href);
+    const history = useHistory();
+    async function onTemplatePartSuccess(templatePart) {
+      createSuccessNotice(sprintf(
+      // translators: %s: The new template part's title e.g. 'Call to action (copy)'.
+      __('"%s" duplicated.'), item.title), {
+        type: 'snackbar',
+        id: 'edit-site-patterns-success'
+      });
+      history.push({
+        postType: TEMPLATE_PART_POST_TYPE,
+        postId: templatePart?.id,
+        categoryType: TEMPLATE_PART_POST_TYPE,
+        categoryId
+      });
+      closeModal();
+    }
+    return createElement(CreateTemplatePartModalContents, {
+      blocks: item.blocks,
+      defaultArea: item.templatePart.area,
+      defaultTitle: sprintf( /* translators: %s: Existing template part title */
+      __('%s (Copy)'), item.title),
+      onCreate: onTemplatePartSuccess,
+      onError: closeModal,
+      confirmLabel: _x('Duplicate', 'action label')
+    });
+  }
+};
+//# sourceMappingURL=dataviews-pattern-actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["paramCase","kebabCase","getQueryArgs","downloadBlob","__","_x","sprintf","Button","TextControl","__experimentalHStack","HStack","__experimentalVStack","VStack","__experimentalText","Text","store","coreStore","useDispatch","useState","noticesStore","decodeEntities","reusableBlocksStore","privateApis","routerPrivateApis","patternsPrivateApis","unlock","editSiteStore","PATTERN_TYPES","TEMPLATE_PART_POST_TYPE","PATTERN_DEFAULT_CATEGORY","CreateTemplatePartModalContents","useHistory","CreatePatternModalContents","useDuplicatePatternProps","exportJSONaction","id","label","isEligible","item","type","user","callback","json","__file","title","name","content","patternPost","raw","syncStatus","wp_pattern_sync_status","JSON","stringify","renameAction","isTemplatePart","isUserPattern","isCustomPattern","isCustom","hasThemeFile","templatePart","has_theme_file","RenderModal","closeModal","setTitle","editEntityRecord","saveEditedEntityRecord","createSuccessNotice","createErrorNotice","onRename","event","preventDefault","throwOnError","error","fallbackErrorMessage","errorMessage","message","code","createElement","onSubmit","spacing","__nextHasNoMarginBottom","__next40pxDefaultSize","value","onChange","required","justify","variant","onClick","canDeleteOrReset","deleteAction","hideModalHeader","__experimentalDeleteReusableBlock","removeTemplate","deletePattern","deleteItem","resetAction","duplicatePatternAction","modalHeader","categoryId","window","location","href","isThemePattern","theme","history","onPatternSuccess","pattern","push","categoryType","postType","postId","duplicatedProps","onSuccess","onClose","confirmLabel","duplicateTemplatePartAction","onTemplatePartSuccess","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-module/components/page-patterns/dataviews-patterns.js

@@ -0,0 +1,299 @@
+import { createElement, Fragment } from "react";
+/**
+ * WordPress dependencies
+ */
+import { __experimentalHStack as HStack, Button, __experimentalHeading as Heading, Tooltip, Flex } from '@wordpress/components';
+import { getQueryArgs } from '@wordpress/url';
+import { __, _x } from '@wordpress/i18n';
+import { useState, useMemo, useCallback, useId, useEffect } from '@wordpress/element';
+import { BlockPreview, privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
+import { DataViews, sortByTextFields, getPaginationResults } from '@wordpress/dataviews';
+import { Icon, header, footer, symbolFilled as uncategorized, symbol, lockSmall } from '@wordpress/icons';
+import { usePrevious } from '@wordpress/compose';
+
+/**
+ * Internal dependencies
+ */
+import Page from '../page';
+import { LAYOUT_GRID, PATTERN_TYPES, TEMPLATE_PART_POST_TYPE, PATTERN_SYNC_TYPES, PATTERN_DEFAULT_CATEGORY, ENUMERATION_TYPE, OPERATOR_IN } 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';
+const {
+  ExperimentalBlockEditorProvider,
+  useGlobalStyle
+} = unlock(blockEditorPrivateApis);
+const templatePartIcons = {
+  header,
+  footer,
+  uncategorized
+};
+const EMPTY_ARRAY = [];
+const defaultConfigPerViewType = {
+  [LAYOUT_GRID]: {
+    mediaField: 'preview',
+    primaryField: 'title'
+  }
+};
+const DEFAULT_VIEW = {
+  type: LAYOUT_GRID,
+  search: '',
+  page: 1,
+  perPage: 20,
+  hiddenFields: ['sync-status'],
+  layout: {
+    ...defaultConfigPerViewType[LAYOUT_GRID]
+  },
+  filters: []
+};
+const SYNC_FILTERS = [{
+  value: PATTERN_SYNC_TYPES.full,
+  label: _x('Synced', 'Option that shows all synchronized patterns'),
+  description: __('Patterns that are kept in sync across the site.')
+}, {
+  value: PATTERN_SYNC_TYPES.unsynced,
+  label: _x('Not synced', 'Option that shows all patterns that are not synchronized'),
+  description: __('Patterns that can be changed freely without affecting the site.')
+}];
+function Preview({
+  item,
+  viewType
+}) {
+  const descriptionId = useId();
+  const isUserPattern = item.type === PATTERN_TYPES.user;
+  const isNonUserPattern = item.type === PATTERN_TYPES.theme;
+  const isTemplatePart = item.type === 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(__('Press Enter to edit, or Delete to delete the pattern.'));
+  } else if (item.description) {
+    ariaDescriptions.push(item.description);
+  }
+  if (isNonUserPattern) {
+    ariaDescriptions.push(__('Theme & plugin patterns cannot be edited.'));
+  }
+  const [backgroundColor] = useGlobalStyle('color.background');
+  return createElement(Fragment, null, createElement("div", {
+    className: `page-patterns-preview-field is-viewtype-${viewType}`,
+    style: {
+      backgroundColor
+    }
+  }, isEmpty && isTemplatePart && __('Empty template part'), isEmpty && !isTemplatePart && __('Empty pattern'), !isEmpty && createElement(BlockPreview, {
+    blocks: item.blocks
+  })), ariaDescriptions.map((ariaDescription, index) => createElement("div", {
+    key: index,
+    hidden: true,
+    id: `${descriptionId}-${index}`
+  }, ariaDescription)));
+}
+function Title({
+  item,
+  categoryId
+}) {
+  const isUserPattern = item.type === PATTERN_TYPES.user;
+  const isNonUserPattern = item.type === PATTERN_TYPES.theme;
+  const isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;
+  let itemIcon;
+  const {
+    onClick
+  } = useLink({
+    postType: item.type,
+    postId: isUserPattern ? item.id : item.name,
+    categoryId,
+    categoryType: isTemplatePart ? item.type : PATTERN_TYPES.theme
+  });
+  if (!isUserPattern && templatePartIcons[categoryId]) {
+    itemIcon = templatePartIcons[categoryId];
+  } else {
+    itemIcon = item.syncStatus === PATTERN_SYNC_TYPES.full ? symbol : undefined;
+  }
+  return createElement(HStack, {
+    alignment: "center",
+    justify: "flex-start",
+    spacing: 2
+  }, itemIcon && !isNonUserPattern && createElement(Tooltip, {
+    placement: "top",
+    text: __('Editing this pattern will also update anywhere it is used')
+  }, createElement(Icon, {
+    className: "edit-site-patterns__pattern-icon",
+    icon: itemIcon
+  })), 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
+  })), createElement(Flex, {
+    as: "span",
+    gap: 0,
+    justify: "left"
+  }, item.type === PATTERN_TYPES.theme ? createElement("span", {
+    className: "dataviews-view-grid__title-field"
+  }, item.title) : createElement(Heading, {
+    level: 5
+  }, 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",
+    className: "dataviews-view-grid__title-field"
+  }, item.title || item.name))));
+}
+export default function DataviewsPatterns() {
+  const {
+    categoryType,
+    categoryId = PATTERN_DEFAULT_CATEGORY
+  } = getQueryArgs(window.location.href);
+  const type = categoryType || PATTERN_TYPES.theme;
+  const [view, setView] = useState(DEFAULT_VIEW);
+  const isUncategorizedThemePatterns = type === PATTERN_TYPES.theme && categoryId === 'uncategorized';
+  const previousCategoryId = usePrevious(categoryId);
+  const viewSyncStatus = view.filters?.find(({
+    field
+  }) => field === 'sync-status')?.value;
+  const {
+    patterns,
+    isResolving
+  } = usePatterns(type, isUncategorizedThemePatterns ? '' : categoryId, {
+    search: view.search,
+    syncStatus: viewSyncStatus
+  });
+  const fields = useMemo(() => {
+    const _fields = [{
+      header: __('Preview'),
+      id: 'preview',
+      render: ({
+        item
+      }) => createElement(Preview, {
+        item: item,
+        viewType: view.type
+      }),
+      enableSorting: false,
+      enableHiding: false
+    }, {
+      header: __('Title'),
+      id: 'title',
+      getValue: ({
+        item
+      }) => item.title,
+      render: ({
+        item
+      }) => createElement(Title, {
+        item: item,
+        categoryId: categoryId
+      }),
+      enableHiding: false
+    }];
+    if (type === PATTERN_TYPES.theme) {
+      _fields.push({
+        header: __('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 === PATTERN_SYNC_TYPES.unsynced).label;
+        },
+        type: ENUMERATION_TYPE,
+        elements: SYNC_FILTERS,
+        filterBy: {
+          operators: [OPERATOR_IN]
+        },
+        enableSorting: false
+      });
+    }
+    return _fields;
+  }, [view.type, categoryId, type]);
+  // Reset the page number when the category changes.
+  useEffect(() => {
+    if (previousCategoryId !== categoryId) {
+      setView(DEFAULT_VIEW);
+    }
+  }, [categoryId, previousCategoryId]);
+  const {
+    data,
+    paginationInfo
+  } = useMemo(() => {
+    if (!patterns) {
+      return {
+        data: EMPTY_ARRAY,
+        paginationInfo: {
+          totalItems: 0,
+          totalPages: 0
+        }
+      };
+    }
+    let filteredData = [...patterns];
+    // Handle sorting.
+    if (view.sort) {
+      filteredData = sortByTextFields({
+        data: filteredData,
+        view,
+        fields,
+        textFields: ['title', 'author']
+      });
+    }
+    // Handle pagination.
+    return getPaginationResults({
+      data: filteredData,
+      view
+    });
+  }, [patterns, view, fields]);
+  const actions = useMemo(() => [renameAction, duplicatePatternAction, duplicateTemplatePartAction, exportJSONaction, resetAction, deleteAction], []);
+  const onChangeView = useCallback(newView => {
+    if (newView.type !== view.type) {
+      newView = {
+        ...newView,
+        layout: {
+          ...defaultConfigPerViewType[newView.type]
+        }
+      };
+    }
+    setView(newView);
+  }, [view.type, setView]);
+  const id = useId();
+  const settings = usePatternSettings();
+  // 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 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,
+    deferredRendering: true,
+    supportedLayouts: [LAYOUT_GRID]
+  })));
+}
+//# sourceMappingURL=dataviews-patterns.js.map