@strapi/content-manager 0.0.0-experimental.cffeb3f30bb8beaa0d2a247ba56da461781c6690 → 0.0.0-experimental.d1602f22dc638a4c3c5084965fd6126fff5e9d4f

package/dist/admin/chunks/{index-DfEfFmQC.js → index-BRlRBRLb.js}

@@ -1,9 +1,9 @@
-import { Cross, WarningCircle, More, ListPlus, Pencil, Trash, Check, CrossCircle, CheckCircle, ArrowsCounterClockwise, ChevronRight, Duplicate, ClockCounterClockwise, Feather } from '@strapi/icons';
+import { Cross, WarningCircle, More, ListPlus, Pencil, Trash, Check, CheckCircle, ArrowsCounterClockwise, CrossCircle, ChevronRight, Duplicate, ClockCounterClockwise, Feather } from '@strapi/icons';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useStrapiApp, createContext, useQueryParams, useAuth, useRBAC, Page, adminApi, translatedErrors, useNotification, useAPIErrorHandler, getYupValidationErrors, useForm, useTracking, useGuidedTour, BackButton, DescriptionComponentRenderer, useTable, Table } from '@strapi/admin/strapi-admin';
 import * as React from 'react';
 import { lazy } from 'react';
-import { Menu, Flex, Typography, Radio, Button, VisuallyHidden, Dialog, Modal, Status, Box, SingleSelect, SingleSelectOption, IconButton, Loader, Tooltip, LinkButton } from '@strapi/design-system';
+import { Menu, Flex, Typography, Radio, Button, VisuallyHidden, Dialog, Modal, Status, Box, SingleSelect, SingleSelectOption, IconButton, RawTable, Loader, Tbody, Tr, Td, Tooltip, LinkButton } from '@strapi/design-system';
 import mapValues from 'lodash/fp/mapValues';
 import { useIntl } from 'react-intl';
 import { useParams, useNavigate, Navigate, useMatch, useLocation, Link, NavLink } from 'react-router-dom';
@@ -2227,7 +2227,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
     };
 };
 
-const ProtectedHistoryPage = /*#__PURE__*/ React.lazy(()=>import('./History-VVVFEAnd.js').then((mod)=>({
+const ProtectedHistoryPage = /*#__PURE__*/ React.lazy(()=>import('./History-CPYXgxkS.js').then((mod)=>({
             default: mod.ProtectedHistoryPage
         })));
 /**
@@ -2243,7 +2243,7 @@ const ProtectedHistoryPage = /*#__PURE__*/ React.lazy(()=>import('./History-VVVF
     }
 ];
 
-const ProtectedPreviewPage = /*#__PURE__*/ React.lazy(()=>import('./Preview-BcggSPwn.js').then((mod)=>({
+const ProtectedPreviewPage = /*#__PURE__*/ React.lazy(()=>import('./Preview-DEuQgQg2.js').then((mod)=>({
             default: mod.ProtectedPreviewPage
         })));
 const routes$1 = [
@@ -2257,25 +2257,25 @@ const routes$1 = [
     }
 ];
 
-const ProtectedEditViewPage = /*#__PURE__*/ lazy(()=>import('./EditViewPage-DaY9aMeu.js').then((mod)=>({
+const ProtectedEditViewPage = /*#__PURE__*/ lazy(()=>import('./EditViewPage-jCZnUuCR.js').then((mod)=>({
             default: mod.ProtectedEditViewPage
         })));
-const ProtectedListViewPage = /*#__PURE__*/ lazy(()=>import('./ListViewPage-Dq2zuPYL.js').then((mod)=>({
+const ProtectedListViewPage = /*#__PURE__*/ lazy(()=>import('./ListViewPage-MJNfQTp-.js').then((mod)=>({
             default: mod.ProtectedListViewPage
         })));
-const ProtectedListConfiguration = /*#__PURE__*/ lazy(()=>import('./ListConfigurationPage-BMBxgLtZ.js').then((mod)=>({
+const ProtectedListConfiguration = /*#__PURE__*/ lazy(()=>import('./ListConfigurationPage-CNvotSqe.js').then((mod)=>({
             default: mod.ProtectedListConfiguration
         })));
-const ProtectedEditConfigurationPage = /*#__PURE__*/ lazy(()=>import('./EditConfigurationPage-CYQ6mJWy.js').then((mod)=>({
+const ProtectedEditConfigurationPage = /*#__PURE__*/ lazy(()=>import('./EditConfigurationPage-DDuPch5d.js').then((mod)=>({
             default: mod.ProtectedEditConfigurationPage
         })));
-const ProtectedComponentConfigurationPage = /*#__PURE__*/ lazy(()=>import('./ComponentConfigurationPage-BqW-t7Lr.js').then((mod)=>({
+const ProtectedComponentConfigurationPage = /*#__PURE__*/ lazy(()=>import('./ComponentConfigurationPage-DhYZp4nN.js').then((mod)=>({
             default: mod.ProtectedComponentConfigurationPage
         })));
-const NoPermissions = /*#__PURE__*/ lazy(()=>import('./NoPermissionsPage-HnOCsRtG.js').then((mod)=>({
+const NoPermissions = /*#__PURE__*/ lazy(()=>import('./NoPermissionsPage-BulvG4hB.js').then((mod)=>({
             default: mod.NoPermissions
         })));
-const NoContentType = /*#__PURE__*/ lazy(()=>import('./NoContentTypePage-BtpSxTZs.js').then((mod)=>({
+const NoContentType = /*#__PURE__*/ lazy(()=>import('./NoContentTypePage-BJrZvYPY.js').then((mod)=>({
             default: mod.NoContentType
         })));
 const CollectionTypePages = ()=>{
@@ -3879,7 +3879,7 @@ const ConfirmBulkActionDialog = ({ onToggleDialog, isOpen = false, dialogBody, e
 };
 /* -------------------------------------------------------------------------------------------------
  * BoldChunk
- * -----------------------------------------------------------------------------------------------*/ const BoldChunk$1 = (chunks)=>/*#__PURE__*/ jsx(Typography, {
+ * -----------------------------------------------------------------------------------------------*/ const BoldChunk = (chunks)=>/*#__PURE__*/ jsx(Typography, {
         fontWeight: "bold",
         children: chunks
     });
@@ -3928,7 +3928,7 @@ const ConfirmDialogPublishAll = ({ isOpen, onToggleDialog, isConfirmButtonLoadin
                             id: getTranslation(`popUpwarning.warning.bulk-has-draft-relations.message`),
                             defaultMessage: '<b>{count} {count, plural, one { relation } other { relations } } out of {entities} { entities, plural, one { entry } other { entries } } {count, plural, one { is } other { are } }</b> not published yet and might lead to unexpected behavior. '
                         }, {
-                            b: BoldChunk$1,
+                            b: BoldChunk,
                             count: countDraftRelations,
                             entities: selectedEntries.length
                         }),
@@ -3966,6 +3966,16 @@ const ConfirmDialogPublishAll = ({ isOpen, onToggleDialog, isConfirmButtonLoadin
 const TypographyMaxWidth = styled(Typography)`
   max-width: 300px;
 `;
+const TableComponent = styled(RawTable)`
+  width: 100%;
+  table-layout: fixed;
+  td:first-child {
+    border-right: 1px solid ${({ theme })=>theme.colors.neutral150};
+  }
+  td:first-of-type {
+    padding: ${({ theme })=>theme.spaces[4]};
+  }
+`;
 /* -------------------------------------------------------------------------------------------------
  * EntryValidationText
  * -----------------------------------------------------------------------------------------------*/ const formatErrorMessages = (errors, parentKey, formatMessage)=>{
@@ -4102,7 +4112,7 @@ const SelectedEntriesTableContent = ({ isPublishing, rowsToDisplay = [], entries
             }),
             /*#__PURE__*/ jsx(Table.Loading, {}),
             /*#__PURE__*/ jsx(Table.Body, {
-                children: rowsToDisplay.map((row, index)=>/*#__PURE__*/ jsxs(Table.Row, {
+                children: rowsToDisplay.map((row)=>/*#__PURE__*/ jsxs(Table.Row, {
                         children: [
                             /*#__PURE__*/ jsx(Table.CheckboxCell, {
                                 id: row.id
@@ -4173,12 +4183,99 @@ const SelectedEntriesTableContent = ({ isPublishing, rowsToDisplay = [], entries
         ]
     });
 };
-/* -------------------------------------------------------------------------------------------------
- * BoldChunk
- * -----------------------------------------------------------------------------------------------*/ const BoldChunk = (chunks)=>/*#__PURE__*/ jsx(Typography, {
-        fontWeight: "bold",
-        children: chunks
+const PublicationStatusSummary = ({ count, icon, message })=>{
+    return /*#__PURE__*/ jsxs(Flex, {
+        justifyContent: "space-between",
+        flex: 1,
+        gap: 3,
+        children: [
+            /*#__PURE__*/ jsxs(Flex, {
+                gap: 2,
+                children: [
+                    icon,
+                    /*#__PURE__*/ jsx(Typography, {
+                        children: message
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Typography, {
+                fontWeight: "bold",
+                children: count
+            })
+        ]
+    });
+};
+const PublicationStatusGrid = ({ entriesReadyToPublishCount, entriesPublishedCount, entriesModifiedCount, entriesWithErrorsCount })=>{
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsx(Box, {
+        hasRadius: true,
+        borderColor: "neutral150",
+        children: /*#__PURE__*/ jsx(TableComponent, {
+            colCount: 2,
+            rowCount: 2,
+            children: /*#__PURE__*/ jsxs(Tbody, {
+                children: [
+                    /*#__PURE__*/ jsxs(Tr, {
+                        children: [
+                            /*#__PURE__*/ jsx(Td, {
+                                children: /*#__PURE__*/ jsx(PublicationStatusSummary, {
+                                    count: entriesReadyToPublishCount,
+                                    icon: /*#__PURE__*/ jsx(CheckCircle, {
+                                        fill: "success600"
+                                    }),
+                                    message: formatMessage({
+                                        id: 'app.utils.ready-to-publish',
+                                        defaultMessage: 'Ready to publish'
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Td, {
+                                children: /*#__PURE__*/ jsx(PublicationStatusSummary, {
+                                    count: entriesPublishedCount,
+                                    icon: /*#__PURE__*/ jsx(CheckCircle, {
+                                        fill: "success600"
+                                    }),
+                                    message: formatMessage({
+                                        id: 'app.utils.already-published',
+                                        defaultMessage: 'Already published'
+                                    })
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs(Tr, {
+                        children: [
+                            /*#__PURE__*/ jsx(Td, {
+                                children: /*#__PURE__*/ jsx(PublicationStatusSummary, {
+                                    count: entriesModifiedCount,
+                                    icon: /*#__PURE__*/ jsx(ArrowsCounterClockwise, {
+                                        fill: "alternative600"
+                                    }),
+                                    message: formatMessage({
+                                        id: 'content-manager.bulk-publish.modified',
+                                        defaultMessage: 'Ready to publish changes'
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Td, {
+                                children: /*#__PURE__*/ jsx(PublicationStatusSummary, {
+                                    count: entriesWithErrorsCount,
+                                    icon: /*#__PURE__*/ jsx(CrossCircle, {
+                                        fill: "danger600"
+                                    }),
+                                    message: formatMessage({
+                                        id: 'content-manager.bulk-publish.waiting-for-action',
+                                        defaultMessage: 'Waiting for action'
+                                    })
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
     });
+};
 const SelectedEntriesModalContent = ({ listViewSelectedEntries, toggleModal, setListViewSelectedDocuments, model })=>{
     const { formatMessage } = useIntl();
     const { schema, components } = useContentTypeSchema(model);
@@ -4244,7 +4341,6 @@ const SelectedEntriesModalContent = ({ listViewSelectedEntries, toggleModal, set
         data,
         schema
     ]);
-    const [publishedCount, setPublishedCount] = React.useState(0);
     const [isDialogOpen, setIsDialogOpen] = React.useState(false);
     const { publishMany: bulkPublishAction } = useDocumentActions();
     const [, { isLoading: isSubmittingForm }] = usePublishManyDocumentsMutation();
@@ -4253,8 +4349,9 @@ const SelectedEntriesModalContent = ({ listViewSelectedEntries, toggleModal, set
     const selectedEntries = rows.filter((entry)=>selectedRows.some((selectedEntry)=>selectedEntry.documentId === entry.documentId));
     const entriesToPublish = selectedEntries.filter((entry)=>!validationErrors[entry.documentId]).map((entry)=>entry.documentId);
     const selectedEntriesWithErrorsCount = selectedEntries.filter(({ documentId })=>validationErrors[documentId]).length;
-    const selectedEntriesPublished = selectedEntries.filter(({ status })=>status === 'published').length;
-    const selectedEntriesWithNoErrorsCount = selectedEntries.length - selectedEntriesWithErrorsCount - selectedEntriesPublished;
+    const selectedEntriesPublishedCount = selectedEntries.filter(({ status })=>status === 'published').length;
+    const selectedEntriesModifiedCount = selectedEntries.filter(({ status, documentId })=>status === 'modified' && !validationErrors[documentId]).length;
+    const selectedEntriesWithNoErrorsCount = selectedEntries.length - selectedEntriesWithErrorsCount - selectedEntriesPublishedCount;
     const toggleDialog = ()=>setIsDialogOpen((prev)=>!prev);
     const handleConfirmBulkPublish = async ()=>{
         toggleDialog();
@@ -4264,8 +4361,6 @@ const SelectedEntriesModalContent = ({ listViewSelectedEntries, toggleModal, set
             params
         });
         if (!('error' in res)) {
-            // @ts-expect-error TODO: check with BE why response is not consistent with other actions
-            setPublishedCount(res.count);
             const unpublishedEntries = rows.filter((row)=>{
                 return !entriesToPublish.includes(row.documentId);
             });
@@ -4273,36 +4368,18 @@ const SelectedEntriesModalContent = ({ listViewSelectedEntries, toggleModal, set
             setListViewSelectedDocuments(unpublishedEntries);
         }
     };
-    const getFormattedCountMessage = ()=>{
-        if (publishedCount) {
-            return formatMessage({
-                id: getTranslation('containers.list.selectedEntriesModal.publishedCount'),
-                defaultMessage: '<b>{publishedCount}</b> {publishedCount, plural, =0 {entries} one {entry} other {entries}} published. <b>{withErrorsCount}</b> {withErrorsCount, plural, =0 {entries} one {entry} other {entries}} waiting for action.'
-            }, {
-                publishedCount,
-                withErrorsCount: selectedEntriesWithErrorsCount,
-                b: BoldChunk
-            });
-        }
-        return formatMessage({
-            id: getTranslation('containers.list.selectedEntriesModal.selectedCount'),
-            defaultMessage: '<b>{alreadyPublishedCount}</b> {alreadyPublishedCount, plural, =0 {entries} one {entry} other {entries}} already published. <b>{readyToPublishCount}</b> {readyToPublishCount, plural, =0 {entries} one {entry} other {entries}} ready to publish. <b>{withErrorsCount}</b> {withErrorsCount, plural, =0 {entries} one {entry} other {entries}} waiting for action.'
-        }, {
-            readyToPublishCount: selectedEntriesWithNoErrorsCount,
-            withErrorsCount: selectedEntriesWithErrorsCount,
-            alreadyPublishedCount: selectedEntriesPublished,
-            b: BoldChunk
-        });
-    };
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsxs(Modal.Body, {
                 children: [
-                    /*#__PURE__*/ jsx(Typography, {
-                        children: getFormattedCountMessage()
+                    /*#__PURE__*/ jsx(PublicationStatusGrid, {
+                        entriesReadyToPublishCount: selectedEntriesWithNoErrorsCount - selectedEntriesModifiedCount,
+                        entriesPublishedCount: selectedEntriesPublishedCount,
+                        entriesModifiedCount: selectedEntriesModifiedCount,
+                        entriesWithErrorsCount: selectedEntriesWithErrorsCount
                     }),
                     /*#__PURE__*/ jsx(Box, {
-                        marginTop: 5,
+                        marginTop: 7,
                         children: /*#__PURE__*/ jsx(SelectedEntriesTableContent, {
                             isPublishing: isSubmittingForm,
                             rowsToDisplay: rows,
@@ -4336,7 +4413,7 @@ const SelectedEntriesModalContent = ({ listViewSelectedEntries, toggleModal, set
                             }),
                             /*#__PURE__*/ jsx(Button, {
                                 onClick: toggleDialog,
-                                disabled: selectedEntries.length === 0 || selectedEntries.length === selectedEntriesWithErrorsCount || selectedEntriesPublished === selectedEntries.length || isLoading,
+                                disabled: selectedEntries.length === 0 || selectedEntries.length === selectedEntriesWithErrorsCount || selectedEntriesPublishedCount === selectedEntries.length || isLoading,
                                 loading: isSubmittingForm,
                                 children: formatMessage({
                                     id: 'app.utils.publish',
@@ -5180,10 +5257,10 @@ function __variableDynamicImportRuntime1__(path) {
     case './translations/ca.json': return import('./ca-DviY7mRj.js');
     case './translations/cs.json': return import('./cs-C7OSYFQ7.js');
     case './translations/de.json': return import('./de-5QRlDHyR.js');
-    case './translations/en.json': return import('./en-DB7sPJVj.js');
+    case './translations/en.json': return import('./en-LfhocNG2.js');
     case './translations/es.json': return import('./es-DkoWSExG.js');
     case './translations/eu.json': return import('./eu-BG1xX7HK.js');
-    case './translations/fr.json': return import('./fr-Dm1xiZI5.js');
+    case './translations/fr.json': return import('./fr-CFdRaRVj.js');
     case './translations/gu.json': return import('./gu-D5MMMXRs.js');
     case './translations/hi.json': return import('./hi-lp17SCjr.js');
     case './translations/hu.json': return import('./hu-CLka1U2C.js');
@@ -5234,7 +5311,7 @@ var index = {
         app.router.addRoute({
             path: 'content-manager/*',
             lazy: async ()=>{
-                const { Layout } = await import('./layout-BN6DSZ4t.js');
+                const { Layout } = await import('./layout-B3-guCPG.js');
                 return {
                     Component: Layout
                 };
@@ -5270,4 +5347,4 @@ var index = {
 };
 
 export { useUpdateContentTypeConfigurationMutation as A, BulkActionsRenderer as B, COLLECTION_TYPES as C, DocumentStatus as D, ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD as E, extractContentTypeComponents as F, DEFAULT_SETTINGS as G, HOOKS as H, InjectionZone as I, convertEditLayoutToFieldLayouts as J, removeFieldsThatDontExistOnSchema as K, prepareTempKeys as L, useDocument as M, useGetPreviewUrlQuery as N, index as O, Panels as P, useContentManagerContext as Q, RelativeTime as R, SINGLE_TYPES as S, TableActions as T, useDocumentActions as U, useGetInitialDataQuery as a, useGetAllContentTypeSettingsQuery as b, useDoc as c, buildValidParams as d, contentManagerApi as e, useDocumentRBAC as f, getTranslation as g, useDocumentLayout as h, createYupSchema as i, Header as j, PERMISSIONS as k, DocumentRBAC as l, useDocLayout as m, createDefaultForm as n, CLONE_PATH as o, useGetContentTypeConfigurationQuery as p, CREATOR_FIELDS as q, getMainField as r, setInitialData as s, transformDocument as t, useContentTypeSchema as u, getDisplayName as v, checkIfAttributeIsDisplayable as w, useGetAllDocumentsQuery as x, convertListLayoutToFieldLayouts as y, capitalise as z };
-//# sourceMappingURL=index-DfEfFmQC.js.map
+//# sourceMappingURL=index-BRlRBRLb.js.map