@strapi/content-manager 0.0.0-next.e5d4b412da0d932b61b2fa5012d16513fda6de04 → 0.0.0-next.e7ae51b01f78ddeaa09c4aa3e3882f466a5b3188

package/dist/admin/pages/EditView/components/DocumentActions.js

@@ -90,6 +90,20 @@ const DocumentActions = ({ actions })=>{
     if (!primaryAction) {
         return null;
     }
+    const addHintTooltip = (action, children)=>{
+        return !action.disabled ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tooltip, {
+            label: formatMessage({
+                id: 'content-manager.containers.EditView.saveHint',
+                defaultMessage: 'Ctrl / Cmd + Enter to {action}'
+            }, {
+                action: action.label
+            }),
+            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                width: "100%",
+                children: children
+            })
+        }) : children;
+    };
     return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
         direction: "column",
         gap: 2,
@@ -100,13 +114,14 @@ const DocumentActions = ({ actions })=>{
                 children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
                     gap: 2,
                     children: [
-                        primaryAction.label === 'Publish' ? /*#__PURE__*/ jsxRuntime.jsx(DocumentActionButton, {
+                        primaryAction.label === 'Publish' ? addHintTooltip(primaryAction, /*#__PURE__*/ jsxRuntime.jsx(DocumentActionButton, {
                             ...primaryAction,
                             variant: primaryAction.variant || 'default'
-                        }) : /*#__PURE__*/ jsxRuntime.jsx(DocumentActionButton, {
+                        })) : addHintTooltip(primaryAction, /*#__PURE__*/ jsxRuntime.jsx(DocumentActionButton, {
                             ...primaryAction,
-                            variant: primaryAction.variant || 'default'
-                        }),
+                            variant: primaryAction.variant || 'default',
+                            buttonType: "submit"
+                        })),
                         restActions.length > 0 ? /*#__PURE__*/ jsxRuntime.jsx(DocumentActionsMenu, {
                             actions: restActions,
                             label: formatMessage({
@@ -124,12 +139,13 @@ const DocumentActions = ({ actions })=>{
                 })
             }) : /*#__PURE__*/ jsxRuntime.jsx(DocumentActionButton, {
                 ...secondaryAction,
-                variant: secondaryAction.variant || 'secondary'
+                variant: secondaryAction.variant || 'secondary',
+                buttonType: "submit"
             }) : null
         ]
     });
 };
-const DocumentActionButton = (action)=>{
+const DocumentActionButton = ({ buttonType = 'button', ...action })=>{
     const [dialogId, setDialogId] = React__namespace.useState(null);
     const { toggleNotification } = strapiAdmin.useNotification();
     const handleClick = (action)=>async (e)=>{
@@ -168,6 +184,7 @@ const DocumentActionButton = (action)=>{
                 paddingTop: "7px",
                 paddingBottom: "7px",
                 loading: action.loading,
+                type: buttonType,
                 children: action.label
             }),
             action.dialog?.type === 'dialog' ? /*#__PURE__*/ jsxRuntime.jsx(DocumentActionConfirmDialog, {
@@ -406,6 +423,7 @@ const transformData = (data)=>{
     const validate = strapiAdmin.useForm('PublishAction', (state)=>state.validate);
     const setErrors = strapiAdmin.useForm('PublishAction', (state)=>state.setErrors);
     const formValues = strapiAdmin.useForm('PublishAction', ({ values })=>values);
+    const initialValues = strapiAdmin.useForm('PublishAction', ({ initialValues })=>initialValues);
     const resetForm = strapiAdmin.useForm('PublishAction', ({ resetForm })=>resetForm);
     const { currentDocument: { components } } = useDocumentContext.useDocumentContext('PublishAction');
     // need to discriminate if the publish is coming from a relation modal or in the edit view
@@ -514,9 +532,7 @@ const transformData = (data)=>{
     });
     const { getInitialFormValues } = useDocument.useDoc();
     const isDocumentPublished = (document?.[attributes.PUBLISHED_AT_ATTRIBUTE_NAME] || meta?.availableStatus.some((doc)=>doc[attributes.PUBLISHED_AT_ATTRIBUTE_NAME] !== null)) && document?.status !== 'modified';
-    if (!schema?.options?.draftAndPublish) {
-        return null;
-    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     const performPublish = async ()=>{
         setSubmitting(true);
         try {
@@ -524,8 +540,14 @@ const transformData = (data)=>{
                 status: 'published'
             });
             if (errors) {
-                const hasUnreadableRequiredField = Object.keys(schema.attributes).some((fieldName)=>{
+                const hasUnreadableRequiredField = schema && Object.keys(schema.attributes).some((fieldName)=>{
                     const attribute = schema.attributes[fieldName];
+                    // For components, check if any of the component fields are readable
+                    if (attribute.type === 'component') {
+                        const componentFields = (canReadFields ?? []).filter((field)=>field.startsWith(`${fieldName}.`));
+                        return componentFields.length === 0;
+                    }
+                    // For regular fields, check if the field itself is readable
                     return attribute?.required && !(canReadFields ?? []).includes(fieldName);
                 });
                 if (hasUnreadableRequiredField) {
@@ -549,6 +571,7 @@ const transformData = (data)=>{
             }
             const { data: data$1 } = data.handleInvisibleAttributes(transformData(formValues), {
                 schema,
+                initialValues,
                 components
             });
             const res = await publish({
@@ -557,9 +580,9 @@ const transformData = (data)=>{
                 documentId,
                 params: currentDocumentMeta.params
             }, data$1);
-            // Reset form if successful
+            // Reset form with current values as new initial values (clears errors/submitting and sets modified to false)
             if ('data' in res) {
-                resetForm();
+                resetForm(formValues);
                 dispatchGuidedTour({
                     type: 'set_completed_actions',
                     payload: [
@@ -639,6 +662,31 @@ const transformData = (data)=>{
     // see RFC "Count draft relations" in Notion
     const enableDraftRelationsCount = false;
     const hasDraftRelations = enableDraftRelationsCount;
+    // Auto-publish on CMD+Enter on macOS, and CTRL+Enter on Windows/Linux
+    React__namespace.useEffect(()=>{
+        if (!schema?.options?.draftAndPublish) {
+            return;
+        }
+        const handleKeyDown = (e)=>{
+            if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {
+                e.preventDefault();
+                {
+                    performPublish();
+                }
+            }
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return ()=>{
+            window.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [
+        hasDraftRelations,
+        performPublish,
+        schema?.options?.draftAndPublish
+    ]);
+    if (!schema?.options?.draftAndPublish) {
+        return null;
+    }
     return {
         loading: isLoading,
         position: [
@@ -731,7 +779,7 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
         skip: !parentDocumentMetaToUpdate
     });
     const { schema } = useDocument.useDoc();
-    const handleUpdate = React__namespace.useCallback(async ()=>{
+    const handleUpdate = async ()=>{
         setSubmitting(true);
         try {
             if (!modified) {
@@ -781,7 +829,7 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
                 if ('error' in res && api.isBaseQueryError(res.error) && res.error.name === 'ValidationError') {
                     setErrors(formatValidationErrors(res.error));
                 } else {
-                    resetForm();
+                    resetForm(document);
                 }
             } else {
                 const { data: data$1 } = data.handleInvisibleAttributes(transformData(document), {
@@ -868,59 +916,7 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
                 onPreview();
             }
         }
-    }, [
-        setSubmitting,
-        modified,
-        validate,
-        isCloning,
-        documentId,
-        collectionType,
-        toggleNotification,
-        formatMessage,
-        clone,
-        model,
-        cloneMatch?.params.origin,
-        currentDocumentMeta.params,
-        document,
-        navigate,
-        rawQuery,
-        setErrors,
-        formatValidationErrors,
-        update,
-        resetForm,
-        create,
-        fromRelationModal,
-        fieldToConnect,
-        documentHistory,
-        parentDocumentMetaToUpdate,
-        dispatch,
-        getInitialFormValues,
-        parentDocumentData,
-        fieldToConnectUID,
-        updateDocumentMutation,
-        formatAPIError,
-        onPreview,
-        initialValues,
-        schema,
-        components,
-        relationalModalSchema,
-        dispatchGuidedTour
-    ]);
-    // Auto-save on CMD+S or CMD+Enter on macOS, and CTRL+S or CTRL+Enter on Windows/Linux
-    React__namespace.useEffect(()=>{
-        const handleKeyDown = (e)=>{
-            if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {
-                e.preventDefault();
-                handleUpdate();
-            }
-        };
-        window.addEventListener('keydown', handleKeyDown);
-        return ()=>{
-            window.removeEventListener('keydown', handleKeyDown);
-        };
-    }, [
-        handleUpdate
-    ]);
+    };
     return {
         loading: isLoading,
         /**