@wordpress/editor 14.3.0 → 14.5.0

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

@@ -38,18 +38,26 @@ const {
   useDuplicatePatternProps
 } = (0, _lockUnlock.unlock)(_patterns.privateApis);
 
-// TODO: this should be shared with other components (page-pages).
+// TODO: this should be shared with other components (see post-fields in edit-site).
 const fields = [{
   type: 'text',
-  header: (0, _i18n.__)('Title'),
   id: 'title',
+  label: (0, _i18n.__)('Title'),
   placeholder: (0, _i18n.__)('No title'),
   getValue: ({
     item
   }) => item.title
+}, {
+  type: 'integer',
+  id: 'menu_order',
+  label: (0, _i18n.__)('Order'),
+  description: (0, _i18n.__)('Determines the order of pages.')
 }];
-const form = {
-  visibleFields: ['title']
+const formDuplicateAction = {
+  fields: ['title']
+};
+const formOrderAction = {
+  fields: ['menu_order']
 };
 
 /**
@@ -67,307 +75,6 @@ function isTemplateRemovable(template) {
   // two props whether is custom or has a theme file.
   return template?.source === _constants.TEMPLATE_ORIGINS.custom && !template?.has_theme_file;
 }
-const trashPostAction = {
-  id: 'move-to-trash',
-  label: (0, _i18n.__)('Move to Trash'),
-  isPrimary: true,
-  icon: _icons.trash,
-  isEligible(item) {
-    return !['auto-draft', 'trash'].includes(item.status);
-  },
-  supportsBulk: true,
-  hideModalHeader: true,
-  RenderModal: ({
-    items,
-    closeModal,
-    onActionPerformed
-  }) => {
-    const [isBusy, setIsBusy] = (0, _element.useState)(false);
-    const {
-      createSuccessNotice,
-      createErrorNotice
-    } = (0, _data.useDispatch)(_notices.store);
-    const {
-      deleteEntityRecord
-    } = (0, _data.useDispatch)(_coreData.store);
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-      spacing: "5",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
-        children: items.length === 1 ? (0, _i18n.sprintf)(
-        // translators: %s: The item's title.
-        (0, _i18n.__)('Are you sure you want to move to trash "%s"?'), (0, _utils.getItemTitle)(items[0])) : (0, _i18n.sprintf)(
-        // translators: %d: The number of items (2 or more).
-        (0, _i18n._n)('Are you sure you want to move to trash %d item?', 'Are you sure you want to move to trash %d items?', items.length), items.length)
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-        justify: "right",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-          variant: "tertiary",
-          onClick: closeModal,
-          disabled: isBusy,
-          accessibleWhenDisabled: true,
-          children: (0, _i18n.__)('Cancel')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-          variant: "primary",
-          onClick: async () => {
-            setIsBusy(true);
-            const promiseResult = await Promise.allSettled(items.map(item => deleteEntityRecord('postType', item.type, item.id, {}, {
-              throwOnError: true
-            })));
-            // If all the promises were fulfilled with success.
-            if (promiseResult.every(({
-              status
-            }) => status === 'fulfilled')) {
-              let successMessage;
-              if (promiseResult.length === 1) {
-                successMessage = (0, _i18n.sprintf)( /* translators: The item's title. */
-                (0, _i18n.__)('"%s" moved to trash.'), (0, _utils.getItemTitle)(items[0]));
-              } else {
-                successMessage = (0, _i18n.sprintf)( /* translators: The number of items. */
-                (0, _i18n._n)('%s item moved to trash.', '%s items moved to trash.', items.length), items.length);
-              }
-              createSuccessNotice(successMessage, {
-                type: 'snackbar',
-                id: 'move-to-trash-action'
-              });
-            } else {
-              // If there was at least one failure.
-              let errorMessage;
-              // If we were trying to delete a single item.
-              if (promiseResult.length === 1) {
-                if (promiseResult[0].reason?.message) {
-                  errorMessage = promiseResult[0].reason.message;
-                } else {
-                  errorMessage = (0, _i18n.__)('An error occurred while moving to trash the item.');
-                }
-                // If we were trying to delete multiple items.
-              } else {
-                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 moving to trash the items.');
-                } else if (errorMessages.size === 1) {
-                  errorMessage = (0, _i18n.sprintf)( /* translators: %s: an error message */
-                  (0, _i18n.__)('An error occurred while moving to trash the item: %s'), [...errorMessages][0]);
-                } else {
-                  errorMessage = (0, _i18n.sprintf)( /* translators: %s: a list of comma separated error messages */
-                  (0, _i18n.__)('Some errors occurred while moving to trash the items: %s'), [...errorMessages].join(','));
-                }
-              }
-              createErrorNotice(errorMessage, {
-                type: 'snackbar'
-              });
-            }
-            if (onActionPerformed) {
-              onActionPerformed(items);
-            }
-            setIsBusy(false);
-            closeModal();
-          },
-          isBusy: isBusy,
-          disabled: isBusy,
-          accessibleWhenDisabled: true,
-          children: (0, _i18n.__)('Trash')
-        })]
-      })]
-    });
-  }
-};
-function useCanUserEligibilityCheckPostType(capability, resource, action) {
-  const registry = (0, _data.useRegistry)();
-  return (0, _element.useMemo)(() => ({
-    ...action,
-    isEligible(item) {
-      return action.isEligible(item) && registry.select(_coreData.store).canUser(capability, resource, item.id);
-    }
-  }), [action, registry, capability, resource]);
-}
-function useTrashPostAction(resource) {
-  return useCanUserEligibilityCheckPostType('delete', resource, trashPostAction);
-}
-const permanentlyDeletePostAction = {
-  id: 'permanently-delete',
-  label: (0, _i18n.__)('Permanently delete'),
-  supportsBulk: true,
-  isEligible({
-    status
-  }) {
-    return status === 'trash';
-  },
-  async callback(posts, {
-    registry,
-    onActionPerformed
-  }) {
-    const {
-      createSuccessNotice,
-      createErrorNotice
-    } = registry.dispatch(_notices.store);
-    const {
-      deleteEntityRecord
-    } = registry.dispatch(_coreData.store);
-    const promiseResult = await Promise.allSettled(posts.map(post => {
-      return deleteEntityRecord('postType', post.type, post.id, {
-        force: true
-      }, {
-        throwOnError: true
-      });
-    }));
-    // If all the promises were fulfilled with success.
-    if (promiseResult.every(({
-      status
-    }) => status === 'fulfilled')) {
-      let successMessage;
-      if (promiseResult.length === 1) {
-        successMessage = (0, _i18n.sprintf)( /* translators: The posts's title. */
-        (0, _i18n.__)('"%s" permanently deleted.'), (0, _utils.getItemTitle)(posts[0]));
-      } else {
-        successMessage = (0, _i18n.__)('The posts were permanently deleted.');
-      }
-      createSuccessNotice(successMessage, {
-        type: 'snackbar',
-        id: 'permanently-delete-post-action'
-      });
-      onActionPerformed?.(posts);
-    } else {
-      // If there was at lease one failure.
-      let errorMessage;
-      // If we were trying to permanently delete a single post.
-      if (promiseResult.length === 1) {
-        if (promiseResult[0].reason?.message) {
-          errorMessage = promiseResult[0].reason.message;
-        } else {
-          errorMessage = (0, _i18n.__)('An error occurred while permanently deleting the post.');
-        }
-        // If we were trying to permanently delete multiple posts
-      } else {
-        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 permanently deleting the posts.');
-        } else if (errorMessages.size === 1) {
-          errorMessage = (0, _i18n.sprintf)( /* translators: %s: an error message */
-          (0, _i18n.__)('An error occurred while permanently deleting 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 permanently deleting the posts: %s'), [...errorMessages].join(','));
-        }
-      }
-      createErrorNotice(errorMessage, {
-        type: 'snackbar'
-      });
-    }
-  }
-};
-function usePermanentlyDeletePostAction(resource) {
-  return useCanUserEligibilityCheckPostType('delete', resource, permanentlyDeletePostAction);
-}
-const restorePostAction = {
-  id: 'restore',
-  label: (0, _i18n.__)('Restore'),
-  isPrimary: true,
-  icon: _icons.backup,
-  supportsBulk: true,
-  isEligible({
-    status
-  }) {
-    return status === 'trash';
-  },
-  async callback(posts, {
-    registry,
-    onActionPerformed
-  }) {
-    const {
-      createSuccessNotice,
-      createErrorNotice
-    } = registry.dispatch(_notices.store);
-    const {
-      editEntityRecord,
-      saveEditedEntityRecord
-    } = registry.dispatch(_coreData.store);
-    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.'), (0, _utils.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(successMessage, {
-        type: 'snackbar',
-        id: 'restore-post-action'
-      });
-      if (onActionPerformed) {
-        onActionPerformed(posts);
-      }
-    } else {
-      // If there was at lease one failure.
-      let errorMessage;
-      // 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 {
-        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'
-      });
-    }
-  }
-};
-function useRestorePostAction(resource) {
-  return useCanUserEligibilityCheckPostType('update', resource, restorePostAction);
-}
 const viewPostAction = {
   id: 'view-post',
   label: (0, _i18n.__)('View'),
@@ -426,11 +133,11 @@ const renamePostAction = {
     }
     // Templates, template parts and patterns have special checks for renaming.
     if (![_constants.TEMPLATE_POST_TYPE, _constants.TEMPLATE_PART_POST_TYPE, ...Object.values(PATTERN_TYPES)].includes(post.type)) {
-      return true;
+      return post.permissions?.update;
     }
     // In the case of templates, we can only rename custom templates.
     if (post.type === _constants.TEMPLATE_POST_TYPE) {
-      return isTemplateRemovable(post) && post.is_custom;
+      return isTemplateRemovable(post) && post.is_custom && post.permissions?.update;
     }
     // Make necessary checks for template parts and patterns.
     const isTemplatePart = post.type === _constants.TEMPLATE_PART_POST_TYPE;
@@ -440,7 +147,7 @@ const renamePostAction = {
     // two props whether is custom or has a theme file.
     const isCustomPattern = isUserPattern || isTemplatePart && post.source === _constants.TEMPLATE_ORIGINS.custom;
     const hasThemeFile = post?.has_theme_file;
-    return isCustomPattern && !hasThemeFile;
+    return isCustomPattern && !hasThemeFile && post.permissions?.update;
   },
   RenderModal: ({
     items,
@@ -512,21 +219,105 @@ const renamePostAction = {
     });
   }
 };
-function useRenamePostAction(resource) {
-  return useCanUserEligibilityCheckPostType('update', resource, renamePostAction);
-}
-const useDuplicatePostAction = postType => {
+function ReorderModal({
+  items,
+  closeModal,
+  onActionPerformed
+}) {
+  const [item, setItem] = (0, _element.useState)(items[0]);
+  const orderInput = item.menu_order;
   const {
-    userCanCreatePost
-  } = (0, _data.useSelect)(select => {
+    editEntityRecord,
+    saveEditedEntityRecord
+  } = (0, _data.useDispatch)(_coreData.store);
+  const {
+    createSuccessNotice,
+    createErrorNotice
+  } = (0, _data.useDispatch)(_notices.store);
+  async function onOrder(event) {
+    event.preventDefault();
+    if (!(0, _dataviews.isItemValid)(item, fields, formOrderAction)) {
+      return;
+    }
+    try {
+      await editEntityRecord('postType', item.type, item.id, {
+        menu_order: orderInput
+      });
+      closeModal();
+      // Persist edited entity.
+      await saveEditedEntityRecord('postType', item.type, item.id, {
+        throwOnError: true
+      });
+      createSuccessNotice((0, _i18n.__)('Order 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 order');
+      createErrorNotice(errorMessage, {
+        type: 'snackbar'
+      });
+    }
+  }
+  const isSaveDisabled = !(0, _dataviews.isItemValid)(item, fields, formOrderAction);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("form", {
+    onSubmit: onOrder,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+      spacing: "5",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: (0, _i18n.__)('Determines the order of pages. Pages with the same order value are sorted alphabetically. Negative order values are supported.')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataviews.DataForm, {
+        data: item,
+        fields: fields,
+        form: formOrderAction,
+        onChange: setItem
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+        justify: "right",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          __next40pxDefaultSize: true,
+          variant: "tertiary",
+          onClick: () => {
+            closeModal();
+          },
+          children: (0, _i18n.__)('Cancel')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          __next40pxDefaultSize: true,
+          variant: "primary",
+          type: "submit",
+          accessibleWhenDisabled: true,
+          disabled: isSaveDisabled,
+          __experimentalIsFocusable: true,
+          children: (0, _i18n.__)('Save')
+        })]
+      })]
+    })
+  });
+}
+function useReorderPagesAction(postType) {
+  const supportsPageAttributes = (0, _data.useSelect)(select => {
     const {
-      getPostType,
-      canUser
+      getPostType
     } = select(_coreData.store);
-    const resource = getPostType(postType)?.rest_base || '';
-    return {
-      userCanCreatePost: canUser('create', resource)
-    };
+    const postTypeObject = getPostType(postType);
+    return !!postTypeObject?.supports?.['page-attributes'];
+  }, [postType]);
+  return (0, _element.useMemo)(() => supportsPageAttributes && {
+    id: 'order-pages',
+    label: (0, _i18n.__)('Order'),
+    isEligible({
+      status
+    }) {
+      return status !== 'trash';
+    },
+    RenderModal: ReorderModal
+  }, [supportsPageAttributes]);
+}
+const useDuplicatePostAction = postType => {
+  const userCanCreatePost = (0, _data.useSelect)(select => {
+    return select(_coreData.store).canUser('create', {
+      kind: 'postType',
+      name: postType
+    });
   }, [postType]);
   return (0, _element.useMemo)(() => userCanCreatePost && {
     id: 'duplicate-post',
@@ -615,7 +406,7 @@ const useDuplicatePostAction = postType => {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_dataviews.DataForm, {
             data: item,
             fields: fields,
-            form: form,
+            form: formDuplicateAction,
             onChange: setItem
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
             spacing: 2,
@@ -672,10 +463,10 @@ const duplicateTemplatePartAction = exports.duplicateTemplatePartAction = {
     const [item] = items;
     const blocks = (0, _element.useMemo)(() => {
       var _item$blocks;
-      return (_item$blocks = item.blocks) !== null && _item$blocks !== void 0 ? _item$blocks : (0, _blocks.parse)(item.content.raw, {
+      return (_item$blocks = item.blocks) !== null && _item$blocks !== void 0 ? _item$blocks : (0, _blocks.parse)(typeof item.content === 'string' ? item.content : item.content.raw, {
         __unstableSkipMigrationLogs: true
       });
-    }, [item?.content?.raw, item.blocks]);
+    }, [item.content, item.blocks]);
     const {
       createSuccessNotice
     } = (0, _data.useDispatch)(_notices.store);
@@ -707,33 +498,32 @@ function usePostActions({
   const {
     defaultActions,
     postTypeObject,
-    userCanCreatePostType,
-    resource,
-    cachedCanUserResolvers
+    userCanCreatePostType
   } = (0, _data.useSelect)(select => {
     const {
       getPostType,
-      canUser,
-      getCachedResolvers
+      canUser
     } = select(_coreData.store);
     const {
       getEntityActions
     } = (0, _lockUnlock.unlock)(select(_store.store));
-    const _postTypeObject = getPostType(postType);
-    const _resource = _postTypeObject?.rest_base || '';
     return {
-      postTypeObject: _postTypeObject,
+      postTypeObject: getPostType(postType),
       defaultActions: getEntityActions('postType', postType),
-      userCanCreatePostType: canUser('create', _resource),
-      resource: _resource,
-      cachedCanUserResolvers: getCachedResolvers()?.canUser
+      userCanCreatePostType: canUser('create', {
+        kind: 'postType',
+        name: postType
+      })
     };
   }, [postType]);
+  const {
+    registerPostTypeActions
+  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
+  (0, _element.useEffect)(() => {
+    registerPostTypeActions(postType);
+  }, [registerPostTypeActions, postType]);
   const duplicatePostAction = useDuplicatePostAction(postType);
-  const trashPostActionForPostType = useTrashPostAction(resource);
-  const permanentlyDeletePostActionForPostType = usePermanentlyDeletePostAction(resource);
-  const renamePostActionForPostType = useRenamePostAction(resource);
-  const restorePostActionForPostType = useRestorePostAction(resource);
+  const reorderPagesAction = useReorderPagesAction(postType);
   const isTemplateOrTemplatePart = [_constants.TEMPLATE_POST_TYPE, _constants.TEMPLATE_PART_POST_TYPE].includes(postType);
   const isPattern = postType === _constants.PATTERN_POST_TYPE;
   const isLoaded = !!postTypeObject;
@@ -743,7 +533,7 @@ function usePostActions({
     if (!isLoaded) {
       return [];
     }
-    let actions = [postTypeObject?.viewable && viewPostAction, supportsRevisions && postRevisionsAction, globalThis.IS_GUTENBERG_PLUGIN ? !isTemplateOrTemplatePart && !isPattern && duplicatePostAction : false, isTemplateOrTemplatePart && userCanCreatePostType && duplicateTemplatePartAction, isPattern && userCanCreatePostType && duplicatePatternAction, supportsTitle && renamePostActionForPostType, !isTemplateOrTemplatePart && restorePostActionForPostType, !isTemplateOrTemplatePart && !isPattern && trashPostActionForPostType, !isTemplateOrTemplatePart && permanentlyDeletePostActionForPostType, ...defaultActions].filter(Boolean);
+    let actions = [postTypeObject?.viewable && viewPostAction, supportsRevisions && postRevisionsAction, globalThis.IS_GUTENBERG_PLUGIN ? !isTemplateOrTemplatePart && !isPattern && duplicatePostAction : false, isTemplateOrTemplatePart && userCanCreatePostType && duplicateTemplatePartAction, isPattern && userCanCreatePostType && duplicatePatternAction, supportsTitle && renamePostAction, reorderPagesAction, ...defaultActions].filter(Boolean);
     // Filter actions based on provided context. If not provided
     // all actions are returned. We'll have a single entry for getting the actions
     // and the consumer should provide the context to filter the actions, if needed.
@@ -766,7 +556,7 @@ function usePostActions({
               existingCallback(items, {
                 ...argsObject,
                 onActionPerformed: _items => {
-                  if (argsObject.onActionPerformed) {
+                  if (argsObject?.onActionPerformed) {
                     argsObject.onActionPerformed(_items);
                   }
                   onActionPerformed(actions[i].id, _items);
@@ -795,9 +585,6 @@ function usePostActions({
       }
     }
     return actions;
-    // We are making this use memo depend on cachedCanUserResolvers as a way to make the component using this hook re-render
-    // when user capabilities are resolved. This makes sure the isEligible functions of actions dependent on capabilities are re-evaluated.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [defaultActions, userCanCreatePostType, isTemplateOrTemplatePart, isPattern, postTypeObject?.viewable, duplicatePostAction, trashPostActionForPostType, restorePostActionForPostType, renamePostActionForPostType, permanentlyDeletePostActionForPostType, onActionPerformed, isLoaded, supportsRevisions, supportsTitle, context, cachedCanUserResolvers]);
+  }, [defaultActions, userCanCreatePostType, isTemplateOrTemplatePart, isPattern, postTypeObject?.viewable, duplicatePostAction, reorderPagesAction, onActionPerformed, isLoaded, supportsRevisions, supportsTitle, context]);
 }
 //# sourceMappingURL=actions.js.map