@strapi/content-manager 0.0.0-experimental.f37a0ea0333947b6879c4608fae75646d63c07a1 → 0.0.0-experimental.f3ec579d505563eb88e01308248766a76e49d9b3

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

@@ -11,6 +11,7 @@ var merge = require('lodash/merge');
 var set = require('lodash/set');
 var reactIntl = require('react-intl');
 var reactRouterDom = require('react-router-dom');
+var styledComponents = require('styled-components');
 var attributes = require('../../../constants/attributes.js');
 var collections = require('../../../constants/collections.js');
 var DocumentRBAC = require('../../../features/DocumentRBAC.js');
@@ -22,7 +23,6 @@ var router = require('../../../router.js');
 var documents = require('../../../services/documents.js');
 var api = require('../../../utils/api.js');
 var translations = require('../../../utils/translations.js');
-var data = require('../utils/data.js');
 var RelationModal = require('./FormInputs/Relations/RelationModal.js');
 
 function _interopNamespaceDefault(e) {
@@ -96,33 +96,23 @@ const DocumentActions = ({ actions })=>{
         alignItems: "stretch",
         width: "100%",
         children: [
-            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.unstable_tours.contentManager.Publish, {
-                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-                    gap: 2,
-                    children: [
-                        primaryAction.label === 'Publish' ? /*#__PURE__*/ jsxRuntime.jsx(DocumentActionButton, {
-                            ...primaryAction,
-                            variant: primaryAction.variant || 'default'
-                        }) : /*#__PURE__*/ jsxRuntime.jsx(DocumentActionButton, {
-                            ...primaryAction,
-                            variant: primaryAction.variant || 'default'
-                        }),
-                        restActions.length > 0 ? /*#__PURE__*/ jsxRuntime.jsx(DocumentActionsMenu, {
-                            actions: restActions,
-                            label: formatMessage({
-                                id: 'content-manager.containers.edit.panels.default.more-actions',
-                                defaultMessage: 'More document actions'
-                            })
-                        }) : null
-                    ]
-                })
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                gap: 2,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(DocumentActionButton, {
+                        ...primaryAction,
+                        variant: primaryAction.variant || 'default'
+                    }),
+                    restActions.length > 0 ? /*#__PURE__*/ jsxRuntime.jsx(DocumentActionsMenu, {
+                        actions: restActions,
+                        label: formatMessage({
+                            id: 'content-manager.containers.edit.panels.default.more-actions',
+                            defaultMessage: 'More document actions'
+                        })
+                    }) : null
+                ]
             }),
-            secondaryAction ? secondaryAction.label === 'Publish' ? /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.unstable_tours.contentManager.Publish, {
-                children: /*#__PURE__*/ jsxRuntime.jsx(DocumentActionButton, {
-                    ...secondaryAction,
-                    variant: secondaryAction.variant || 'secondary'
-                })
-            }) : /*#__PURE__*/ jsxRuntime.jsx(DocumentActionButton, {
+            secondaryAction ? /*#__PURE__*/ jsxRuntime.jsx(DocumentActionButton, {
                 ...secondaryAction,
                 variant: secondaryAction.variant || 'secondary'
             }) : null
@@ -184,6 +174,11 @@ const DocumentActionButton = (action)=>{
         ]
     });
 };
+const MenuItem = styledComponents.styled(designSystem.Menu.Item)`
+  &:hover {
+    background: ${({ theme, isVariantDanger, isDisabled })=>isVariantDanger && !isDisabled ? theme.colors.danger100 : 'neutral'};
+  }
+`;
 const DocumentActionsMenu = ({ actions, children, label, variant = 'tertiary' })=>{
     const [isOpen, setIsOpen] = React__namespace.useState(false);
     const [dialogId, setDialogId] = React__namespace.useState(null);
@@ -245,19 +240,27 @@ const DocumentActionsMenu = ({ actions, children, label, variant = 'tertiary' })
                 popoverPlacement: "bottom-end",
                 children: [
                     actions.map((action)=>{
-                        return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Item, {
+                        return /*#__PURE__*/ jsxRuntime.jsx(MenuItem, {
                             disabled: action.disabled,
                             /* @ts-expect-error – TODO: this is an error in the DS where it is most likely a synthetic event, not regular. */ onSelect: handleClick(action),
                             display: "block",
-                            variant: action.variant === 'danger' ? action.variant : 'default',
-                            startIcon: action.icon,
+                            isVariantDanger: action.variant === 'danger',
+                            isDisabled: action.disabled,
                             children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
                                 justifyContent: "space-between",
                                 gap: 4,
-                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                    color: !action.disabled ? convertActionVariantToColor(action.variant) : 'inherit',
                                     gap: 2,
                                     tag: "span",
-                                    children: action.label
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                                            tag: "span",
+                                            color: !action.disabled ? convertActionVariantToIconColor(action.variant) : 'inherit',
+                                            children: action.icon
+                                        }),
+                                        action.label
+                                    ]
                                 })
                             })
                         }, action.id);
@@ -285,6 +288,30 @@ const DocumentActionsMenu = ({ actions, children, label, variant = 'tertiary' })
         ]
     });
 };
+const convertActionVariantToColor = (variant = 'secondary')=>{
+    switch(variant){
+        case 'danger':
+            return 'danger600';
+        case 'secondary':
+            return undefined;
+        case 'success':
+            return 'success600';
+        default:
+            return 'primary600';
+    }
+};
+const convertActionVariantToIconColor = (variant = 'secondary')=>{
+    switch(variant){
+        case 'danger':
+            return 'danger600';
+        case 'secondary':
+            return 'neutral500';
+        case 'success':
+            return 'success600';
+        default:
+            return 'primary600';
+    }
+};
 const DocumentActionConfirmDialog = ({ onClose, onCancel, onConfirm, title, content, isOpen, variant = 'secondary', loading })=>{
     const { formatMessage } = reactIntl.useIntl();
     const handleClose = async ()=>{
@@ -407,7 +434,6 @@ const transformData = (data)=>{
     const setErrors = strapiAdmin.useForm('PublishAction', (state)=>state.setErrors);
     const formValues = strapiAdmin.useForm('PublishAction', ({ values })=>values);
     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
     const relationContext = RelationModal.useRelationModal('PublishAction', ()=>true, false);
     const fromRelationModal = relationContext != undefined;
@@ -546,16 +572,12 @@ const transformData = (data)=>{
                 }
                 return;
             }
-            const { data: data$1 } = data.handleInvisibleAttributes(transformData(formValues), {
-                schema,
-                components
-            });
             const res = await publish({
                 collectionType,
                 model,
                 documentId,
                 params: currentDocumentMeta.params
-            }, data$1);
+            }, transformData(formValues));
             // Reset form if successful
             if ('data' in res) {
                 resetForm();
@@ -689,14 +711,12 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
     const isCloning = cloneMatch !== null;
     const { formatMessage } = reactIntl.useIntl();
     const { create, update, clone, isLoading } = useDocumentActions.useDocumentActions();
-    const { currentDocument: { components } } = useDocumentContext.useDocumentContext('UpdateAction');
     const [{ rawQuery }] = strapiAdmin.useQueryParams();
     const onPreview = Preview.usePreviewContext('UpdateAction', (state)=>state.onPreview, false);
     const { getInitialFormValues } = useDocument.useDoc();
     const isSubmitting = strapiAdmin.useForm('UpdateAction', ({ isSubmitting })=>isSubmitting);
     const modified = strapiAdmin.useForm('UpdateAction', ({ modified })=>modified);
     const setSubmitting = strapiAdmin.useForm('UpdateAction', ({ setSubmitting })=>setSubmitting);
-    const initialValues = strapiAdmin.useForm('UpdateAction', ({ initialValues })=>initialValues);
     const document = strapiAdmin.useForm('UpdateAction', ({ values })=>values);
     const validate = strapiAdmin.useForm('UpdateAction', (state)=>state.validate);
     const setErrors = strapiAdmin.useForm('UpdateAction', (state)=>state.setErrors);
@@ -704,7 +724,6 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
     const dispatch = RelationModal.useRelationModal('UpdateAction', (state)=>state.dispatch);
     // need to discriminate if the update is coming from a relation modal or in the edit view
     const relationContext = RelationModal.useRelationModal('UpdateAction', ()=>true, false);
-    const relationalModalSchema = RelationModal.useRelationModal('UpdateAction', (state)=>state.currentDocument.schema, false);
     const fieldToConnect = RelationModal.useRelationModal('UpdateAction', (state)=>state.state.fieldToConnect, false);
     const fieldToConnectUID = RelationModal.useRelationModal('PublishAction', (state)=>state.state.fieldToConnectUID, false);
     const documentHistory = RelationModal.useRelationModal('UpdateAction', (state)=>state.state.documentHistory, false);
@@ -722,7 +741,6 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
     }, {
         skip: !parentDocumentMetaToUpdate
     });
-    const { schema } = useDocument.useDoc();
     const handleUpdate = React__namespace.useCallback(async ()=>{
         setSubmitting(true);
         try {
@@ -759,32 +777,22 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
                     setErrors(formatValidationErrors(res.error));
                 }
             } else if (documentId || collectionType === collections.SINGLE_TYPES) {
-                const { data: data$1 } = data.handleInvisibleAttributes(transformData(document), {
-                    schema: fromRelationModal ? relationalModalSchema : schema,
-                    initialValues,
-                    components
-                });
                 const res = await update({
                     collectionType,
                     model,
                     documentId,
                     params: currentDocumentMeta.params
-                }, data$1);
+                }, transformData(document));
                 if ('error' in res && api.isBaseQueryError(res.error) && res.error.name === 'ValidationError') {
                     setErrors(formatValidationErrors(res.error));
                 } else {
                     resetForm();
                 }
             } else {
-                const { data: data$1 } = data.handleInvisibleAttributes(transformData(document), {
-                    schema: fromRelationModal ? relationalModalSchema : schema,
-                    initialValues,
-                    components
-                });
                 const res = await create({
                     model,
                     params: currentDocumentMeta.params
-                }, data$1);
+                }, transformData(document));
                 if ('data' in res && collectionType !== collections.SINGLE_TYPES) {
                     if (fromRelationModal) {
                         const createdRelation = {
@@ -885,11 +893,7 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
         fieldToConnectUID,
         updateDocumentMutation,
         formatAPIError,
-        onPreview,
-        initialValues,
-        schema,
-        components,
-        relationalModalSchema
+        onPreview
     ]);
     // Auto-save on CMD+S or CMD+Enter on macOS, and CTRL+S or CTRL+Enter on Windows/Linux
     React__namespace.useEffect(()=>{