@wordpress/editor 13.33.0 → 13.35.0

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

@@ -48,8 +48,10 @@ const trashPostAction = {
   RenderModal: ({
     items: posts,
     closeModal,
+    onActionStart,
     onActionPerformed
   }) => {
+    const [isBusy, setIsBusy] = (0, _element.useState)(false);
     const {
       createSuccessNotice,
       createErrorNotice
@@ -67,10 +69,16 @@ const trashPostAction = {
       justify: "right"
     }, (0, _react.createElement)(_components.Button, {
       variant: "tertiary",
-      onClick: closeModal
+      onClick: closeModal,
+      disabled: isBusy,
+      __experimentalIsFocusable: true
     }, (0, _i18n.__)('Cancel')), (0, _react.createElement)(_components.Button, {
       variant: "primary",
       onClick: async () => {
+        setIsBusy(true);
+        if (onActionStart) {
+          onActionStart(posts);
+        }
         const promiseResult = await Promise.allSettled(posts.map(post => {
           return deleteEntityRecord('postType', post.type, post.id, {}, {
             throwOnError: true
@@ -84,12 +92,16 @@ const trashPostAction = {
           if (promiseResult.length === 1) {
             successMessage = (0, _i18n.sprintf)( /* translators: The posts's title. */
             (0, _i18n.__)('"%s" moved to the Trash.'), getItemTitle(posts[0]));
+          } else if (posts[0].type === 'page') {
+            successMessage = (0, _i18n.sprintf)( /* translators: The number of pages. */
+            (0, _i18n.__)('%s pages moved to the Trash.'), posts.length);
           } else {
-            successMessage = (0, _i18n.__)('Pages moved to the Trash.');
+            successMessage = (0, _i18n.sprintf)( /* translators: The number of posts. */
+            (0, _i18n.__)('%s posts moved to the Trash.'), posts.length);
           }
           createSuccessNotice(successMessage, {
             type: 'snackbar',
-            id: 'edit-site-page-trashed'
+            id: 'trash-post-action'
           });
         } else {
           // If there was at lease one failure.
@@ -129,8 +141,12 @@ const trashPostAction = {
         if (onActionPerformed) {
           onActionPerformed(posts);
         }
+        setIsBusy(false);
         closeModal();
-      }
+      },
+      isBusy: isBusy,
+      disabled: isBusy,
+      __experimentalIsFocusable: true
     }, (0, _i18n.__)('Delete'))));
   }
 };
@@ -172,7 +188,7 @@ function usePermanentlyDeletePostAction() {
         }
         createSuccessNotice(successMessage, {
           type: 'snackbar',
-          id: 'edit-site-post-permanently-deleted'
+          id: 'permanently-delete-post-action'
         });
         if (onActionPerformed) {
           onActionPerformed(posts);
@@ -236,32 +252,67 @@ function useRestorePostAction() {
       return status === 'trash';
     },
     async callback(posts, onActionPerformed) {
-      try {
-        for (const post of posts) {
-          await editEntityRecord('postType', post.type, post.id, {
-            status: 'draft'
-          });
-          await saveEditedEntityRecord('postType', post.type, post.id, {
-            throwOnError: true
-          });
+      await Promise.allSettled(posts.map(post => {
+        return editEntityRecord('postType', post.type, post.id, {
+          status: 'draft'
+        });
+      }));
+      const promiseResult = await Promise.allSettled(posts.map(post => {
+        return saveEditedEntityRecord('postType', post.type, post.id, {
+          throwOnError: true
+        });
+      }));
+      if (promiseResult.every(({
+        status
+      }) => status === 'fulfilled')) {
+        let successMessage;
+        if (posts.length === 1) {
+          successMessage = (0, _i18n.sprintf)( /* translators: The number of posts. */
+          (0, _i18n.__)('"%s" has been restored.'), getItemTitle(posts[0]));
+        } else if (posts[0].type === 'page') {
+          successMessage = (0, _i18n.sprintf)( /* translators: The number of posts. */
+          (0, _i18n.__)('%d pages have been restored.'), posts.length);
+        } else {
+          successMessage = (0, _i18n.sprintf)( /* translators: The number of posts. */
+          (0, _i18n.__)('%d posts have been restored.'), posts.length);
         }
-        createSuccessNotice(posts.length > 1 ? (0, _i18n.sprintf)( /* translators: The number of posts. */
-        (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])), {
+        createSuccessNotice(successMessage, {
           type: 'snackbar',
-          id: 'edit-site-post-restored'
+          id: 'restore-post-action'
         });
         if (onActionPerformed) {
           onActionPerformed(posts);
         }
-      } catch (error) {
+      } else {
+        // If there was at lease one failure.
         let errorMessage;
-        if (error.message && error.code !== 'unknown_error' && error.message) {
-          errorMessage = error.message;
-        } else if (posts.length > 1) {
-          errorMessage = (0, _i18n.__)('An error occurred while restoring the posts.');
+        // If we were trying to move a single post to the trash.
+        if (promiseResult.length === 1) {
+          if (promiseResult[0].reason?.message) {
+            errorMessage = promiseResult[0].reason.message;
+          } else {
+            errorMessage = (0, _i18n.__)('An error occurred while restoring the post.');
+          }
+          // If we were trying to move multiple posts to the trash
         } else {
-          errorMessage = (0, _i18n.__)('An error occurred while restoring the post.');
+          const errorMessages = new Set();
+          const failedPromises = promiseResult.filter(({
+            status
+          }) => status === 'rejected');
+          for (const failedPromise of failedPromises) {
+            if (failedPromise.reason?.message) {
+              errorMessages.add(failedPromise.reason.message);
+            }
+          }
+          if (errorMessages.size === 0) {
+            errorMessage = (0, _i18n.__)('An error occurred while restoring the posts.');
+          } else if (errorMessages.size === 1) {
+            errorMessage = (0, _i18n.sprintf)( /* translators: %s: an error message */
+            (0, _i18n.__)('An error occurred while restoring the posts: %s'), [...errorMessages][0]);
+          } else {
+            errorMessage = (0, _i18n.sprintf)( /* translators: %s: a list of comma separated error messages */
+            (0, _i18n.__)('Some errors occurred while restoring the posts: %s'), [...errorMessages].join(','));
+          }
         }
         createErrorNotice(errorMessage, {
           type: 'snackbar'
@@ -286,22 +337,6 @@ const viewPostAction = {
     }
   }
 };
-const editPostAction = {
-  id: 'edit-post',
-  label: (0, _i18n.__)('Edit'),
-  isPrimary: true,
-  icon: _icons.edit,
-  isEligible({
-    status
-  }) {
-    return status !== 'trash';
-  },
-  callback(posts, onActionPerformed) {
-    if (onActionPerformed) {
-      onActionPerformed(posts);
-    }
-  }
-};
 const postRevisionsAction = {
   id: 'view-post-revisions',
   label: (0, _i18n.__)('View revisions'),
@@ -398,17 +433,114 @@ const renamePostAction = {
     }, (0, _i18n.__)('Save')))));
   }
 };
+const 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,
+  icon: _icons.backup,
   supportsBulk: true,
   hideModalHeader: true,
   RenderModal: ({
     items,
     closeModal,
+    onActionStart,
     onActionPerformed
   }) => {
+    const [isBusy, setIsBusy] = (0, _element.useState)(false);
     const {
       revertTemplate
     } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
@@ -431,7 +563,7 @@ const resetTemplateAction = {
         (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: 'edit-site-template-reverted'
+          id: 'revert-template-action'
         });
       } catch (error) {
         let fallbackErrorMessage;
@@ -452,14 +584,24 @@ const resetTemplateAction = {
       justify: "right"
     }, (0, _react.createElement)(_components.Button, {
       variant: "tertiary",
-      onClick: closeModal
+      onClick: closeModal,
+      disabled: isBusy,
+      __experimentalIsFocusable: true
     }, (0, _i18n.__)('Cancel')), (0, _react.createElement)(_components.Button, {
       variant: "primary",
       onClick: async () => {
+        setIsBusy(true);
+        if (onActionStart) {
+          onActionStart(items);
+        }
         await onConfirm(items);
         onActionPerformed?.(items);
         closeModal();
-      }
+        isBusy(false);
+      },
+      isBusy: isBusy,
+      disabled: isBusy,
+      __experimentalIsFocusable: true
     }, (0, _i18n.__)('Reset'))));
   }
 };
@@ -481,13 +623,16 @@ const deleteTemplateAction = {
   id: 'delete-template',
   label: (0, _i18n.__)('Delete'),
   isEligible: isTemplateRemovable,
+  icon: _icons.trash,
   supportsBulk: true,
   hideModalHeader: true,
   RenderModal: ({
     items: templates,
     closeModal,
+    onActionStart,
     onActionPerformed
   }) => {
+    const [isBusy, setIsBusy] = (0, _element.useState)(false);
     const {
       removeTemplates
     } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
@@ -501,16 +646,26 @@ const deleteTemplateAction = {
       justify: "right"
     }, (0, _react.createElement)(_components.Button, {
       variant: "tertiary",
-      onClick: closeModal
+      onClick: closeModal,
+      disabled: isBusy,
+      __experimentalIsFocusable: true
     }, (0, _i18n.__)('Cancel')), (0, _react.createElement)(_components.Button, {
       variant: "primary",
       onClick: async () => {
+        setIsBusy(true);
+        if (onActionStart) {
+          onActionStart(templates);
+        }
         await removeTemplates(templates, {
           allowUndo: false
         });
         onActionPerformed?.(templates);
+        setIsBusy(false);
         closeModal();
-      }
+      },
+      isBusy: isBusy,
+      disabled: isBusy,
+      __experimentalIsFocusable: true
     }, (0, _i18n.__)('Delete'))));
   }
 };
@@ -592,18 +747,27 @@ const renameTemplateAction = {
     }, (0, _i18n.__)('Save')))));
   }
 };
-function usePostActions(onActionPerformed, actionIds = null) {
+function usePostActions(postType, onActionPerformed) {
+  const {
+    postTypeObject
+  } = (0, _data.useSelect)(select => {
+    const {
+      getPostType
+    } = select(_coreData.store);
+    return {
+      postTypeObject: getPostType(postType)
+    };
+  }, [postType]);
   const permanentlyDeletePostAction = usePermanentlyDeletePostAction();
   const restorePostAction = useRestorePostAction();
+  const isTemplateOrTemplatePart = [_constants.TEMPLATE_POST_TYPE, _constants.TEMPLATE_PART_POST_TYPE].includes(postType);
+  const isPattern = postType === _constants.PATTERN_POST_TYPE;
+  const isLoaded = !!postTypeObject;
   return (0, _element.useMemo)(() => {
-    // By default, return all actions...
-    const defaultActions = [editPostAction, resetTemplateAction, viewPostAction, restorePostAction, deleteTemplateAction, permanentlyDeletePostAction, postRevisionsAction, renamePostAction, renameTemplateAction, trashPostAction];
-
-    // ... unless `actionIds` was specified, in which case we find the
-    // actions matching the given IDs.
-    const actions = actionIds ? actionIds.map(actionId => defaultActions.find(({
-      id
-    }) => actionId === id)) : defaultActions;
+    if (!isLoaded) {
+      return [];
+    }
+    const actions = [isTemplateOrTemplatePart && resetTemplateAction, postTypeObject?.viewable && viewPostAction, !isTemplateOrTemplatePart && restorePostAction, isTemplateOrTemplatePart && deleteTemplateAction, !isTemplateOrTemplatePart && permanentlyDeletePostAction, postRevisionsAction, process.env.IS_GUTENBERG_PLUGIN ? !isTemplateOrTemplatePart && !isPattern && duplicatePostAction : false, !isTemplateOrTemplatePart && renamePostAction, isTemplateOrTemplatePart && renameTemplateAction, !isTemplateOrTemplatePart && trashPostAction].filter(Boolean);
     if (onActionPerformed) {
       for (let i = 0; i < actions.length; ++i) {
         if (actions[i].callback) {
@@ -626,8 +790,7 @@ function usePostActions(onActionPerformed, actionIds = null) {
             ...actions[i],
             RenderModal: props => {
               return (0, _react.createElement)(ExistingRenderModal, {
-                items: props.items,
-                closeModal: props.closeModal,
+                ...props,
                 onActionPerformed: _items => {
                   if (props.onActionPerformed) {
                     props.onActionPerformed(_items);
@@ -641,16 +804,6 @@ function usePostActions(onActionPerformed, actionIds = null) {
       }
     }
     return actions;
-  },
-  // Disable reason: if provided, `actionIds` is a shallow array of
-  // strings, and the strings themselves should be part of the useMemo
-  // dependencies. Two different disable statements are needed, as the
-  // first flags what it thinks are missing dependencies, and the second
-  // flags the array spread operation.
-  //
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  ...(actionIds || []), permanentlyDeletePostAction, restorePostAction, onActionPerformed]);
+  }, [isTemplateOrTemplatePart, isPattern, postTypeObject?.viewable, permanentlyDeletePostAction, restorePostAction, onActionPerformed, isLoaded]);
 }
 //# sourceMappingURL=actions.js.map