@wordpress/editor 14.4.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,311 +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, postType, action) {
-  const registry = (0, _data.useRegistry)();
-  return (0, _element.useMemo)(() => ({
-    ...action,
-    isEligible(item) {
-      return action.isEligible(item) && registry.select(_coreData.store).canUser(capability, {
-        kind: 'postType',
-        name: postType,
-        id: item.id
-      });
-    }
-  }), [action, registry, capability, postType]);
-}
-function useTrashPostAction(postType) {
-  return useCanUserEligibilityCheckPostType('delete', postType, 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(postType) {
-  return useCanUserEligibilityCheckPostType('delete', postType, 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(postType) {
-  return useCanUserEligibilityCheckPostType('update', postType, restorePostAction);
-}
 const viewPostAction = {
   id: 'view-post',
   label: (0, _i18n.__)('View'),
@@ -430,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;
@@ -444,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,
@@ -516,15 +219,13 @@ const renamePostAction = {
     });
   }
 };
-function useRenamePostAction(postType) {
-  return useCanUserEligibilityCheckPostType('update', postType, renamePostAction);
-}
 function ReorderModal({
   items,
   closeModal,
   onActionPerformed
 }) {
-  const [item] = items;
+  const [item, setItem] = (0, _element.useState)(items[0]);
+  const orderInput = item.menu_order;
   const {
     editEntityRecord,
     saveEditedEntityRecord
@@ -533,10 +234,9 @@ function ReorderModal({
     createSuccessNotice,
     createErrorNotice
   } = (0, _data.useDispatch)(_notices.store);
-  const [orderInput, setOrderInput] = (0, _element.useState)(item.menu_order);
   async function onOrder(event) {
     event.preventDefault();
-    if (!Number.isInteger(Number(orderInput)) || orderInput?.trim?.() === '') {
+    if (!(0, _dataviews.isItemValid)(item, fields, formOrderAction)) {
       return;
     }
     try {
@@ -559,19 +259,18 @@ function ReorderModal({
       });
     }
   }
-  const saveIsDisabled = !Number.isInteger(Number(orderInput)) || orderInput?.trim?.() === '';
+  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)(_components.__experimentalNumberControl, {
-        __next40pxDefaultSize: true,
-        label: (0, _i18n.__)('Order'),
-        help: (0, _i18n.__)('Set the page order.'),
-        value: orderInput,
-        onChange: setOrderInput
+      }), /*#__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, {
@@ -586,7 +285,7 @@ function ReorderModal({
           variant: "primary",
           type: "submit",
           accessibleWhenDisabled: true,
-          disabled: saveIsDisabled,
+          disabled: isSaveDisabled,
           __experimentalIsFocusable: true,
           children: (0, _i18n.__)('Save')
         })]
@@ -707,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,
@@ -799,33 +498,31 @@ function usePostActions({
   const {
     defaultActions,
     postTypeObject,
-    userCanCreatePostType,
-    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);
     return {
-      postTypeObject: _postTypeObject,
+      postTypeObject: getPostType(postType),
       defaultActions: getEntityActions('postType', postType),
       userCanCreatePostType: canUser('create', {
         kind: 'postType',
         name: postType
-      }),
-      cachedCanUserResolvers: getCachedResolvers()?.canUser
+      })
     };
   }, [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(postType);
-  const permanentlyDeletePostActionForPostType = usePermanentlyDeletePostAction(postType);
-  const renamePostActionForPostType = useRenamePostAction(postType);
-  const restorePostActionForPostType = useRestorePostAction(postType);
   const reorderPagesAction = useReorderPagesAction(postType);
   const isTemplateOrTemplatePart = [_constants.TEMPLATE_POST_TYPE, _constants.TEMPLATE_PART_POST_TYPE].includes(postType);
   const isPattern = postType === _constants.PATTERN_POST_TYPE;
@@ -836,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, reorderPagesAction, !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.
@@ -888,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, reorderPagesAction, 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