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

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

@@ -2247,7 +2247,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
     };
 };
 
-const ProtectedHistoryPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./History-DBQ96jv2.js'); }).then((mod)=>({
+const ProtectedHistoryPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./History-SRih7tGq.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-DBvmhR7Q.js'); }).then((mod)=>({
+const ProtectedPreviewPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./Preview-DRtWRrYn.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-DsBKmSPb.js'); }).then((mod)=>({
+const ProtectedEditViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditViewPage-CRu2G4OS.js'); }).then((mod)=>({
             default: mod.ProtectedEditViewPage
         })));
-const ProtectedListViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListViewPage-CS1ED-vI.js'); }).then((mod)=>({
+const ProtectedListViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListViewPage-9jad22KO.js'); }).then((mod)=>({
             default: mod.ProtectedListViewPage
         })));
-const ProtectedListConfiguration = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListConfigurationPage-8d3BsQIr.js'); }).then((mod)=>({
+const ProtectedListConfiguration = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListConfigurationPage-DBWZlkHs.js'); }).then((mod)=>({
             default: mod.ProtectedListConfiguration
         })));
-const ProtectedEditConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditConfigurationPage-Dm5woBp9.js'); }).then((mod)=>({
+const ProtectedEditConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditConfigurationPage-CIKO27N8.js'); }).then((mod)=>({
             default: mod.ProtectedEditConfigurationPage
         })));
-const ProtectedComponentConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ComponentConfigurationPage-Dj1bNvEF.js'); }).then((mod)=>({
+const ProtectedComponentConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ComponentConfigurationPage-CM3vQxyp.js'); }).then((mod)=>({
             default: mod.ProtectedComponentConfigurationPage
         })));
-const NoPermissions = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoPermissionsPage-C5dC0MtL.js'); }).then((mod)=>({
+const NoPermissions = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoPermissionsPage-CRS0hARz.js'); }).then((mod)=>({
             default: mod.NoPermissions
         })));
-const NoContentType = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoContentTypePage-C5Qxz3I4.js'); }).then((mod)=>({
+const NoContentType = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoContentTypePage-B5xX6Br5.js'); }).then((mod)=>({
             default: mod.NoContentType
         })));
 const CollectionTypePages = ()=>{
@@ -3899,7 +3899,7 @@ const ConfirmBulkActionDialog = ({ onToggleDialog, isOpen = false, dialogBody, e
 };
 /* -------------------------------------------------------------------------------------------------
  * BoldChunk
- * -----------------------------------------------------------------------------------------------*/ const BoldChunk = (chunks)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+ * -----------------------------------------------------------------------------------------------*/ const BoldChunk$1 = (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,
+                            b: BoldChunk$1,
                             count: countDraftRelations,
                             entities: selectedEntries.length
                         }),
@@ -3986,16 +3986,6 @@ 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)=>{
@@ -4132,7 +4122,7 @@ const SelectedEntriesTableContent = ({ isPublishing, rowsToDisplay = [], entries
             }),
             /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Table.Loading, {}),
             /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Table.Body, {
-                children: rowsToDisplay.map((row)=>/*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.Table.Row, {
+                children: rowsToDisplay.map((row, index)=>/*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.Table.Row, {
                         children: [
                             /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Table.CheckboxCell, {
                                 id: row.id
@@ -4203,99 +4193,12 @@ const SelectedEntriesTableContent = ({ isPublishing, rowsToDisplay = [], entries
         ]
     });
 };
-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'
-                                    })
-                                })
-                            })
-                        ]
-                    })
-                ]
-            })
-        })
+/* -------------------------------------------------------------------------------------------------
+ * BoldChunk
+ * -----------------------------------------------------------------------------------------------*/ const BoldChunk = (chunks)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+        fontWeight: "bold",
+        children: chunks
     });
-};
 const SelectedEntriesModalContent = ({ listViewSelectedEntries, toggleModal, setListViewSelectedDocuments, model })=>{
     const { formatMessage } = reactIntl.useIntl();
     const { schema, components } = useContentTypeSchema(model);
@@ -4361,6 +4264,7 @@ 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();
@@ -4369,9 +4273,8 @@ 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 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 selectedEntriesPublished = selectedEntries.filter(({ status })=>status === 'published').length;
+    const selectedEntriesWithNoErrorsCount = selectedEntries.length - selectedEntriesWithErrorsCount - selectedEntriesPublished;
     const toggleDialog = ()=>setIsDialogOpen((prev)=>!prev);
     const handleConfirmBulkPublish = async ()=>{
         toggleDialog();
@@ -4381,6 +4284,8 @@ 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);
             });
@@ -4388,18 +4293,36 @@ 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(PublicationStatusGrid, {
-                        entriesReadyToPublishCount: selectedEntriesWithNoErrorsCount - selectedEntriesModifiedCount,
-                        entriesPublishedCount: selectedEntriesPublishedCount,
-                        entriesModifiedCount: selectedEntriesModifiedCount,
-                        entriesWithErrorsCount: selectedEntriesWithErrorsCount
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        children: getFormattedCountMessage()
                     }),
                     /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-                        marginTop: 7,
+                        marginTop: 5,
                         children: /*#__PURE__*/ jsxRuntime.jsx(SelectedEntriesTableContent, {
                             isPublishing: isSubmittingForm,
                             rowsToDisplay: rows,
@@ -4433,7 +4356,7 @@ const SelectedEntriesModalContent = ({ listViewSelectedEntries, toggleModal, set
                             }),
                             /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
                                 onClick: toggleDialog,
-                                disabled: selectedEntries.length === 0 || selectedEntries.length === selectedEntriesWithErrorsCount || selectedEntriesPublishedCount === selectedEntries.length || isLoading,
+                                disabled: selectedEntries.length === 0 || selectedEntries.length === selectedEntriesWithErrorsCount || selectedEntriesPublished === selectedEntries.length || isLoading,
                                 loading: isSubmittingForm,
                                 children: formatMessage({
                                     id: 'app.utils.publish',
@@ -5277,10 +5200,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-C1CjdAtC.js'); });
+    case './translations/en.json': return Promise.resolve().then(function () { return require('./en-1xHet_GV.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-gQSilC7w.js'); });
+    case './translations/fr.json': return Promise.resolve().then(function () { return require('./fr-CqAyDOmo.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'); });
@@ -5331,7 +5254,7 @@ var index = {
         app.router.addRoute({
             path: 'content-manager/*',
             lazy: async ()=>{
-                const { Layout } = await Promise.resolve().then(function () { return require('./layout-DcDoRT8g.js'); });
+                const { Layout } = await Promise.resolve().then(function () { return require('./layout-CX-A0s3P.js'); });
                 return {
                     Component: Layout
                 };
@@ -5413,4 +5336,4 @@ exports.useGetContentTypeConfigurationQuery = useGetContentTypeConfigurationQuer
 exports.useGetInitialDataQuery = useGetInitialDataQuery;
 exports.useGetPreviewUrlQuery = useGetPreviewUrlQuery;
 exports.useUpdateContentTypeConfigurationMutation = useUpdateContentTypeConfigurationMutation;
-//# sourceMappingURL=index-BczuAULz.js.map
+//# sourceMappingURL=index-CKZHZ3ir.js.map