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

package/dist/admin/chunks/{index-CKZHZ3ir.js → index-ZIwOPk6p.js}

@@ -2247,7 +2247,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
     };
 };
 
-const ProtectedHistoryPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./History-SRih7tGq.js'); }).then((mod)=>({
+const ProtectedHistoryPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./History-BlLKDZSw.js'); }).then((mod)=>({
             default: mod.ProtectedHistoryPage
         })));
 /**
@@ -2263,7 +2263,7 @@ const ProtectedHistoryPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.res
     }
 ];
 
-const ProtectedPreviewPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./Preview-DRtWRrYn.js'); }).then((mod)=>({
+const ProtectedPreviewPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./Preview-H74FQ9Cq.js'); }).then((mod)=>({
             default: mod.ProtectedPreviewPage
         })));
 const routes$1 = [
@@ -2277,25 +2277,25 @@ const routes$1 = [
     }
 ];
 
-const ProtectedEditViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditViewPage-CRu2G4OS.js'); }).then((mod)=>({
+const ProtectedEditViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditViewPage-zSnDwLz3.js'); }).then((mod)=>({
             default: mod.ProtectedEditViewPage
         })));
-const ProtectedListViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListViewPage-9jad22KO.js'); }).then((mod)=>({
+const ProtectedListViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListViewPage-BtXYjEYz.js'); }).then((mod)=>({
             default: mod.ProtectedListViewPage
         })));
-const ProtectedListConfiguration = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListConfigurationPage-DBWZlkHs.js'); }).then((mod)=>({
+const ProtectedListConfiguration = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListConfigurationPage-DdTp-HxB.js'); }).then((mod)=>({
             default: mod.ProtectedListConfiguration
         })));
-const ProtectedEditConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditConfigurationPage-CIKO27N8.js'); }).then((mod)=>({
+const ProtectedEditConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditConfigurationPage-D0Ng758X.js'); }).then((mod)=>({
             default: mod.ProtectedEditConfigurationPage
         })));
-const ProtectedComponentConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ComponentConfigurationPage-CM3vQxyp.js'); }).then((mod)=>({
+const ProtectedComponentConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ComponentConfigurationPage-DXwOtpq1.js'); }).then((mod)=>({
             default: mod.ProtectedComponentConfigurationPage
         })));
-const NoPermissions = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoPermissionsPage-CRS0hARz.js'); }).then((mod)=>({
+const NoPermissions = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoPermissionsPage-C5yWg70d.js'); }).then((mod)=>({
             default: mod.NoPermissions
         })));
-const NoContentType = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoContentTypePage-B5xX6Br5.js'); }).then((mod)=>({
+const NoContentType = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoContentTypePage-CVvVpwj4.js'); }).then((mod)=>({
             default: mod.NoContentType
         })));
 const CollectionTypePages = ()=>{
@@ -3899,7 +3899,7 @@ const ConfirmBulkActionDialog = ({ onToggleDialog, isOpen = false, dialogBody, e
 };
 /* -------------------------------------------------------------------------------------------------
  * BoldChunk
- * -----------------------------------------------------------------------------------------------*/ const BoldChunk$1 = (chunks)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+ * -----------------------------------------------------------------------------------------------*/ const BoldChunk = (chunks)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
         fontWeight: "bold",
         children: chunks
     });
@@ -3948,7 +3948,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
                         }),
@@ -3986,6 +3986,16 @@ const ConfirmDialogPublishAll = ({ isOpen, onToggleDialog, isConfirmButtonLoadin
 const TypographyMaxWidth = styledComponents.styled(designSystem.Typography)`
   max-width: 300px;
 `;
+const TableComponent = styledComponents.styled(designSystem.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)=>{
@@ -4122,7 +4132,7 @@ const SelectedEntriesTableContent = ({ isPublishing, rowsToDisplay = [], entries
             }),
             /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Table.Loading, {}),
             /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Table.Body, {
-                children: rowsToDisplay.map((row, index)=>/*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.Table.Row, {
+                children: rowsToDisplay.map((row)=>/*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.Table.Row, {
                         children: [
                             /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Table.CheckboxCell, {
                                 id: row.id
@@ -4193,12 +4203,99 @@ const SelectedEntriesTableContent = ({ isPublishing, rowsToDisplay = [], entries
         ]
     });
 };
-/* -------------------------------------------------------------------------------------------------
- * BoldChunk
- * -----------------------------------------------------------------------------------------------*/ const BoldChunk = (chunks)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-        fontWeight: "bold",
-        children: chunks
+const PublicationStatusSummary = ({ count, icon, message })=>{
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        justifyContent: "space-between",
+        flex: 1,
+        gap: 3,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                gap: 2,
+                children: [
+                    icon,
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        children: message
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                fontWeight: "bold",
+                children: count
+            })
+        ]
+    });
+};
+const PublicationStatusGrid = ({ entriesReadyToPublishCount, entriesPublishedCount, entriesModifiedCount, entriesWithErrorsCount })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+        hasRadius: true,
+        borderColor: "neutral150",
+        children: /*#__PURE__*/ jsxRuntime.jsx(TableComponent, {
+            colCount: 2,
+            rowCount: 2,
+            children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tbody, {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tr, {
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                children: /*#__PURE__*/ jsxRuntime.jsx(PublicationStatusSummary, {
+                                    count: entriesReadyToPublishCount,
+                                    icon: /*#__PURE__*/ jsxRuntime.jsx(Icons.CheckCircle, {
+                                        fill: "success600"
+                                    }),
+                                    message: formatMessage({
+                                        id: 'app.utils.ready-to-publish',
+                                        defaultMessage: 'Ready to publish'
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                children: /*#__PURE__*/ jsxRuntime.jsx(PublicationStatusSummary, {
+                                    count: entriesPublishedCount,
+                                    icon: /*#__PURE__*/ jsxRuntime.jsx(Icons.CheckCircle, {
+                                        fill: "success600"
+                                    }),
+                                    message: formatMessage({
+                                        id: 'app.utils.already-published',
+                                        defaultMessage: 'Already published'
+                                    })
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tr, {
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                children: /*#__PURE__*/ jsxRuntime.jsx(PublicationStatusSummary, {
+                                    count: entriesModifiedCount,
+                                    icon: /*#__PURE__*/ jsxRuntime.jsx(Icons.ArrowsCounterClockwise, {
+                                        fill: "alternative600"
+                                    }),
+                                    message: formatMessage({
+                                        id: 'content-manager.bulk-publish.modified',
+                                        defaultMessage: 'Ready to publish changes'
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                children: /*#__PURE__*/ jsxRuntime.jsx(PublicationStatusSummary, {
+                                    count: entriesWithErrorsCount,
+                                    icon: /*#__PURE__*/ jsxRuntime.jsx(Icons.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 } = reactIntl.useIntl();
     const { schema, components } = useContentTypeSchema(model);
@@ -4264,7 +4361,6 @@ const SelectedEntriesModalContent = ({ listViewSelectedEntries, toggleModal, set
         data,
         schema
     ]);
-    const [publishedCount, setPublishedCount] = React__namespace.useState(0);
     const [isDialogOpen, setIsDialogOpen] = React__namespace.useState(false);
     const { publishMany: bulkPublishAction } = useDocumentActions();
     const [, { isLoading: isSubmittingForm }] = usePublishManyDocumentsMutation();
@@ -4273,8 +4369,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();
@@ -4284,8 +4381,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);
             });
@@ -4293,36 +4388,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__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [
             /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Modal.Body, {
                 children: [
-                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                        children: getFormattedCountMessage()
+                    /*#__PURE__*/ jsxRuntime.jsx(PublicationStatusGrid, {
+                        entriesReadyToPublishCount: selectedEntriesWithNoErrorsCount - selectedEntriesModifiedCount,
+                        entriesPublishedCount: selectedEntriesPublishedCount,
+                        entriesModifiedCount: selectedEntriesModifiedCount,
+                        entriesWithErrorsCount: selectedEntriesWithErrorsCount
                     }),
                     /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-                        marginTop: 5,
+                        marginTop: 7,
                         children: /*#__PURE__*/ jsxRuntime.jsx(SelectedEntriesTableContent, {
                             isPublishing: isSubmittingForm,
                             rowsToDisplay: rows,
@@ -4356,7 +4433,7 @@ const SelectedEntriesModalContent = ({ listViewSelectedEntries, toggleModal, set
                             }),
                             /*#__PURE__*/ jsxRuntime.jsx(designSystem.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',
@@ -5200,10 +5277,10 @@ function __variableDynamicImportRuntime1__(path) {
     case './translations/ca.json': return Promise.resolve().then(function () { return require('./ca-ClDTvatJ.js'); });
     case './translations/cs.json': return Promise.resolve().then(function () { return require('./cs-BJFxwIWj.js'); });
     case './translations/de.json': return Promise.resolve().then(function () { return require('./de-CbImAUA5.js'); });
-    case './translations/en.json': return Promise.resolve().then(function () { return require('./en-1xHet_GV.js'); });
+    case './translations/en.json': return Promise.resolve().then(function () { return require('./en-C1CjdAtC.js'); });
     case './translations/es.json': return Promise.resolve().then(function () { return require('./es-C8vLuvZL.js'); });
     case './translations/eu.json': return Promise.resolve().then(function () { return require('./eu-BJW3AvXu.js'); });
-    case './translations/fr.json': return Promise.resolve().then(function () { return require('./fr-CqAyDOmo.js'); });
+    case './translations/fr.json': return Promise.resolve().then(function () { return require('./fr-gQSilC7w.js'); });
     case './translations/gu.json': return Promise.resolve().then(function () { return require('./gu-DPU4wyx7.js'); });
     case './translations/hi.json': return Promise.resolve().then(function () { return require('./hi-Dp4omeBb.js'); });
     case './translations/hu.json': return Promise.resolve().then(function () { return require('./hu-CtFJuhTd.js'); });
@@ -5254,7 +5331,7 @@ var index = {
         app.router.addRoute({
             path: 'content-manager/*',
             lazy: async ()=>{
-                const { Layout } = await Promise.resolve().then(function () { return require('./layout-CX-A0s3P.js'); });
+                const { Layout } = await Promise.resolve().then(function () { return require('./layout-ameRNiAM.js'); });
                 return {
                     Component: Layout
                 };
@@ -5336,4 +5413,4 @@ exports.useGetContentTypeConfigurationQuery = useGetContentTypeConfigurationQuer
 exports.useGetInitialDataQuery = useGetInitialDataQuery;
 exports.useGetPreviewUrlQuery = useGetPreviewUrlQuery;
 exports.useUpdateContentTypeConfigurationMutation = useUpdateContentTypeConfigurationMutation;
-//# sourceMappingURL=index-CKZHZ3ir.js.map
+//# sourceMappingURL=index-ZIwOPk6p.js.map