@wordpress/editor 13.32.0 → 13.34.0

package/build/components/post-actions/actions.js

@@ -1,13 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.trashPostAction = exports.renamePostAction = exports.postRevisionsAction = exports.editPostAction = void 0;
-exports.usePermanentlyDeletePostAction = usePermanentlyDeletePostAction;
+exports.duplicatePostAction = void 0;
 exports.usePostActions = usePostActions;
-exports.useRestorePostAction = useRestorePostAction;
-exports.viewPostAction = void 0;
 var _react = require("react");
 var _icons = require("@wordpress/icons");
 var _url = require("@wordpress/url");
@@ -18,17 +16,25 @@ var _i18n = require("@wordpress/i18n");
 var _notices = require("@wordpress/notices");
 var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
+var _constants = require("../../store/constants");
+var _store = require("../../store");
+var _lockUnlock = require("../../lock-unlock");
+var _isTemplateRevertable = _interopRequireDefault(require("../../store/utils/is-template-revertable"));
 /**
  * WordPress dependencies
  */
 
+/**
+ * Internal dependencies
+ */
+
 function getItemTitle(item) {
   if (typeof item.title === 'string') {
     return (0, _htmlEntities.decodeEntities)(item.title);
   }
   return (0, _htmlEntities.decodeEntities)(item.title?.rendered || '');
 }
-const trashPostAction = exports.trashPostAction = {
+const trashPostAction = {
   id: 'move-to-trash',
   label: (0, _i18n.__)('Move to Trash'),
   isPrimary: true,
@@ -84,7 +90,7 @@ const trashPostAction = exports.trashPostAction = {
           }
           createSuccessNotice(successMessage, {
             type: 'snackbar',
-            id: 'edit-site-page-trashed'
+            id: 'trash-post-action'
           });
         } else {
           // If there was at lease one failure.
@@ -116,10 +122,10 @@ const trashPostAction = exports.trashPostAction = {
               errorMessage = (0, _i18n.sprintf)( /* translators: %s: a list of comma separated error messages */
               (0, _i18n.__)('Some errors occurred while moving the pages to the trash: %s'), [...errorMessages].join(','));
             }
-            createErrorNotice(errorMessage, {
-              type: 'snackbar'
-            });
           }
+          createErrorNotice(errorMessage, {
+            type: 'snackbar'
+          });
         }
         if (onActionPerformed) {
           onActionPerformed(posts);
@@ -167,7 +173,7 @@ function usePermanentlyDeletePostAction() {
         }
         createSuccessNotice(successMessage, {
           type: 'snackbar',
-          id: 'edit-site-post-permanently-deleted'
+          id: 'permanently-delete-post-action'
         });
         if (onActionPerformed) {
           onActionPerformed(posts);
@@ -202,10 +208,10 @@ function usePermanentlyDeletePostAction() {
             errorMessage = (0, _i18n.sprintf)( /* translators: %s: a list of comma separated error messages */
             (0, _i18n.__)('Some errors occurred while permanently deleting the posts: %s'), [...errorMessages].join(','));
           }
-          createErrorNotice(errorMessage, {
-            type: 'snackbar'
-          });
         }
+        createErrorNotice(errorMessage, {
+          type: 'snackbar'
+        });
       }
     }
   }), [createSuccessNotice, createErrorNotice, deleteEntityRecord]);
@@ -244,7 +250,7 @@ function useRestorePostAction() {
         (0, _i18n.__)('%d posts have been restored.'), posts.length) : (0, _i18n.sprintf)( /* translators: The number of posts. */
         (0, _i18n.__)('"%s" has been restored.'), getItemTitle(posts[0])), {
           type: 'snackbar',
-          id: 'edit-site-post-restored'
+          id: 'restore-post-action'
         });
         if (onActionPerformed) {
           onActionPerformed(posts);
@@ -265,7 +271,7 @@ function useRestorePostAction() {
     }
   }), [createSuccessNotice, createErrorNotice, editEntityRecord, saveEditedEntityRecord]);
 }
-const viewPostAction = exports.viewPostAction = {
+const viewPostAction = {
   id: 'view-post',
   label: (0, _i18n.__)('View'),
   isPrimary: true,
@@ -281,7 +287,7 @@ const viewPostAction = exports.viewPostAction = {
     }
   }
 };
-const editPostAction = exports.editPostAction = {
+const editPostAction = {
   id: 'edit-post',
   label: (0, _i18n.__)('Edit'),
   isPrimary: true,
@@ -297,7 +303,7 @@ const editPostAction = exports.editPostAction = {
     }
   }
 };
-const postRevisionsAction = exports.postRevisionsAction = {
+const postRevisionsAction = {
   id: 'view-post-revisions',
   label: (0, _i18n.__)('View revisions'),
   isPrimary: false,
@@ -321,7 +327,7 @@ const postRevisionsAction = exports.postRevisionsAction = {
     }
   }
 };
-const renamePostAction = exports.renamePostAction = {
+const renamePostAction = {
   id: 'rename-post',
   label: (0, _i18n.__)('Rename'),
   isEligible(post) {
@@ -329,7 +335,8 @@ const renamePostAction = exports.renamePostAction = {
   },
   RenderModal: ({
     items,
-    closeModal
+    closeModal,
+    onActionPerformed
   }) => {
     const [item] = items;
     const originalTitle = (0, _htmlEntities.decodeEntities)(typeof item.title === 'string' ? item.title : item.title.rendered);
@@ -358,6 +365,7 @@ const renamePostAction = exports.renamePostAction = {
         createSuccessNotice((0, _i18n.__)('Name updated'), {
           type: 'snackbar'
         });
+        onActionPerformed?.(items);
       } catch (error) {
         const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : (0, _i18n.__)('An error occurred while updating the name');
         createErrorNotice(errorMessage, {
@@ -391,12 +399,300 @@ const renamePostAction = exports.renamePostAction = {
     }, (0, _i18n.__)('Save')))));
   }
 };
+const duplicatePostAction = exports.duplicatePostAction = {
+  id: 'duplicate-post',
+  label: (0, _i18n._x)('Duplicate', 'action label'),
+  isEligible({
+    status
+  }) {
+    return status !== 'trash';
+  },
+  RenderModal: ({
+    items,
+    closeModal,
+    onActionPerformed
+  }) => {
+    const [item] = items;
+    const [isCreatingPage, setIsCreatingPage] = (0, _element.useState)(false);
+    const [title, setTitle] = (0, _element.useState)((0, _i18n.sprintf)( /* translators: %s: Existing item title */
+    (0, _i18n.__)('%s (Copy)'), getItemTitle(item)));
+    const {
+      saveEntityRecord
+    } = (0, _data.useDispatch)(_coreData.store);
+    const {
+      createSuccessNotice,
+      createErrorNotice
+    } = (0, _data.useDispatch)(_notices.store);
+    async function createPage(event) {
+      event.preventDefault();
+      if (isCreatingPage) {
+        return;
+      }
+      setIsCreatingPage(true);
+      try {
+        const newItem = await saveEntityRecord('postType', item.type, {
+          status: 'draft',
+          title,
+          slug: title || (0, _i18n.__)('No title'),
+          author: item.author,
+          comment_status: item.comment_status,
+          content: typeof item.content === 'string' ? item.content : item.content.raw,
+          excerpt: item.excerpt.raw,
+          meta: item.meta,
+          parent: item.parent,
+          password: item.password,
+          template: item.template,
+          format: item.format,
+          featured_media: item.featured_media,
+          menu_order: item.menu_order,
+          ping_status: item.ping_status,
+          categories: item.categories,
+          tags: item.tags
+        }, {
+          throwOnError: true
+        });
+        createSuccessNotice((0, _i18n.sprintf)(
+        // translators: %s: Title of the created template e.g: "Category".
+        (0, _i18n.__)('"%s" successfully created.'), newItem.title?.rendered || title), {
+          id: 'duplicate-post-action',
+          type: 'snackbar'
+        });
+        if (onActionPerformed) {
+          onActionPerformed([newItem]);
+        }
+      } catch (error) {
+        const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : (0, _i18n.__)('An error occurred while duplicating the page.');
+        createErrorNotice(errorMessage, {
+          type: 'snackbar'
+        });
+      } finally {
+        setIsCreatingPage(false);
+        closeModal();
+      }
+    }
+    return (0, _react.createElement)("form", {
+      onSubmit: createPage
+    }, (0, _react.createElement)(_components.__experimentalVStack, {
+      spacing: 3
+    }, (0, _react.createElement)(_components.TextControl, {
+      label: (0, _i18n.__)('Title'),
+      onChange: setTitle,
+      placeholder: (0, _i18n.__)('No title'),
+      value: title
+    }), (0, _react.createElement)(_components.__experimentalHStack, {
+      spacing: 2,
+      justify: "end"
+    }, (0, _react.createElement)(_components.Button, {
+      variant: "tertiary",
+      onClick: closeModal
+    }, (0, _i18n.__)('Cancel')), (0, _react.createElement)(_components.Button, {
+      variant: "primary",
+      type: "submit",
+      isBusy: isCreatingPage,
+      "aria-disabled": isCreatingPage
+    }, (0, _i18n._x)('Duplicate', 'action label')))));
+  }
+};
+const resetTemplateAction = {
+  id: 'reset-template',
+  label: (0, _i18n.__)('Reset'),
+  isEligible: _isTemplateRevertable.default,
+  supportsBulk: true,
+  hideModalHeader: true,
+  RenderModal: ({
+    items,
+    closeModal,
+    onActionPerformed
+  }) => {
+    const {
+      revertTemplate
+    } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
+    const {
+      saveEditedEntityRecord
+    } = (0, _data.useDispatch)(_coreData.store);
+    const {
+      createSuccessNotice,
+      createErrorNotice
+    } = (0, _data.useDispatch)(_notices.store);
+    const onConfirm = async () => {
+      try {
+        for (const template of items) {
+          await revertTemplate(template, {
+            allowUndo: false
+          });
+          await saveEditedEntityRecord('postType', template.type, template.id);
+        }
+        createSuccessNotice(items.length > 1 ? (0, _i18n.sprintf)( /* translators: The number of items. */
+        (0, _i18n.__)('%s items reset.'), items.length) : (0, _i18n.sprintf)( /* translators: The template/part's name. */
+        (0, _i18n.__)('"%s" reset.'), (0, _htmlEntities.decodeEntities)(items[0].title.rendered)), {
+          type: 'snackbar',
+          id: 'revert-template-action'
+        });
+      } catch (error) {
+        let fallbackErrorMessage;
+        if (items[0].type === _constants.TEMPLATE_POST_TYPE) {
+          fallbackErrorMessage = items.length === 1 ? (0, _i18n.__)('An error occurred while reverting the template.') : (0, _i18n.__)('An error occurred while reverting the templates.');
+        } else {
+          fallbackErrorMessage = items.length === 1 ? (0, _i18n.__)('An error occurred while reverting the template part.') : (0, _i18n.__)('An error occurred while reverting the template parts.');
+        }
+        const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : fallbackErrorMessage;
+        createErrorNotice(errorMessage, {
+          type: 'snackbar'
+        });
+      }
+    };
+    return (0, _react.createElement)(_components.__experimentalVStack, {
+      spacing: "5"
+    }, (0, _react.createElement)(_components.__experimentalText, null, (0, _i18n.__)('Reset to default and clear all 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: async () => {
+        await onConfirm(items);
+        onActionPerformed?.(items);
+        closeModal();
+      }
+    }, (0, _i18n.__)('Reset'))));
+  }
+};
+
+/**
+ * Check if a template is removable.
+ * Copy from packages/edit-site/src/utils/is-template-removable.js.
+ *
+ * @param {Object} template The template entity to check.
+ * @return {boolean} Whether the template is revertable.
+ */
+function isTemplateRemovable(template) {
+  if (!template) {
+    return false;
+  }
+  return template.source === _constants.TEMPLATE_ORIGINS.custom && !template.has_theme_file;
+}
+const deleteTemplateAction = {
+  id: 'delete-template',
+  label: (0, _i18n.__)('Delete'),
+  isEligible: isTemplateRemovable,
+  supportsBulk: true,
+  hideModalHeader: true,
+  RenderModal: ({
+    items: templates,
+    closeModal,
+    onActionPerformed
+  }) => {
+    const {
+      removeTemplates
+    } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
+    return (0, _react.createElement)(_components.__experimentalVStack, {
+      spacing: "5"
+    }, (0, _react.createElement)(_components.__experimentalText, null, templates.length > 1 ? (0, _i18n.sprintf)(
+    // translators: %d: number of items to delete.
+    (0, _i18n._n)('Delete %d item?', 'Delete %d items?', templates.length), templates.length) : (0, _i18n.sprintf)(
+    // translators: %s: The template or template part's titles
+    (0, _i18n.__)('Delete "%s"?'), (0, _htmlEntities.decodeEntities)(templates?.[0]?.title?.rendered))), (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: async () => {
+        await removeTemplates(templates, {
+          allowUndo: false
+        });
+        onActionPerformed?.(templates);
+        closeModal();
+      }
+    }, (0, _i18n.__)('Delete'))));
+  }
+};
+const renameTemplateAction = {
+  id: 'rename-template',
+  label: (0, _i18n.__)('Rename'),
+  isEligible: template => {
+    // We can only remove templates or template parts that can be removed.
+    // Additionally in the case of templates, we can only remove custom templates.
+    if (!isTemplateRemovable(template) || template.type === _constants.TEMPLATE_POST_TYPE && !template.is_custom) {
+      return false;
+    }
+    return true;
+  },
+  RenderModal: ({
+    items: templates,
+    closeModal,
+    onActionPerformed
+  }) => {
+    const template = templates[0];
+    const title = (0, _htmlEntities.decodeEntities)(template.title.rendered);
+    const [editedTitle, setEditedTitle] = (0, _element.useState)(title);
+    const {
+      editEntityRecord,
+      __experimentalSaveSpecifiedEntityEdits: saveSpecifiedEntityEdits
+    } = (0, _data.useDispatch)(_coreData.store);
+    const {
+      createSuccessNotice,
+      createErrorNotice
+    } = (0, _data.useDispatch)(_notices.store);
+    async function onTemplateRename(event) {
+      event.preventDefault();
+      try {
+        await editEntityRecord('postType', template.type, template.id, {
+          title: editedTitle
+        });
+        // Update state before saving rerenders the list.
+        setEditedTitle('');
+        closeModal();
+        // Persist edited entity.
+        await saveSpecifiedEntityEdits('postType', template.type, template.id, ['title'],
+        // Only save title to avoid persisting other edits.
+        {
+          throwOnError: true
+        });
+        createSuccessNotice(template.type === _constants.TEMPLATE_POST_TYPE ? (0, _i18n.__)('Template renamed.') : (0, _i18n.__)('Template part renamed.'), {
+          type: 'snackbar'
+        });
+        onActionPerformed?.(templates);
+      } catch (error) {
+        const fallbackErrorMessage = template.type === _constants.TEMPLATE_POST_TYPE ? (0, _i18n.__)('An error occurred while renaming the template.') : (0, _i18n.__)('An error occurred while renaming the template part.');
+        const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : fallbackErrorMessage;
+        createErrorNotice(errorMessage, {
+          type: 'snackbar'
+        });
+      }
+    }
+    return (0, _react.createElement)("form", {
+      onSubmit: onTemplateRename
+    }, (0, _react.createElement)(_components.__experimentalVStack, {
+      spacing: "5"
+    }, (0, _react.createElement)(_components.TextControl, {
+      __nextHasNoMarginBottom: true,
+      __next40pxDefaultSize: true,
+      label: (0, _i18n.__)('Name'),
+      value: editedTitle,
+      onChange: setEditedTitle,
+      required: true
+    }), (0, _react.createElement)(_components.__experimentalHStack, {
+      justify: "right"
+    }, (0, _react.createElement)(_components.Button, {
+      variant: "tertiary",
+      onClick: closeModal,
+      __next40pxDefaultSize: true
+    }, (0, _i18n.__)('Cancel')), (0, _react.createElement)(_components.Button, {
+      variant: "primary",
+      type: "submit",
+      __next40pxDefaultSize: true
+    }, (0, _i18n.__)('Save')))));
+  }
+};
 function usePostActions(onActionPerformed, actionIds = null) {
   const permanentlyDeletePostAction = usePermanentlyDeletePostAction();
   const restorePostAction = useRestorePostAction();
   return (0, _element.useMemo)(() => {
     // By default, return all actions...
-    const defaultActions = [editPostAction, viewPostAction, restorePostAction, permanentlyDeletePostAction, postRevisionsAction, renamePostAction, trashPostAction];
+    const defaultActions = [editPostAction, resetTemplateAction, viewPostAction, restorePostAction, deleteTemplateAction, permanentlyDeletePostAction, postRevisionsAction, duplicatePostAction, renamePostAction, renameTemplateAction, trashPostAction];
 
     // ... unless `actionIds` was specified, in which case we find the
     // actions matching the given IDs.