@strapi/content-manager 5.10.3 → 5.10.4

package/dist/admin/chunks/{index-BHimg6jW.js → index-D7EkCTnw.js}

@@ -56,6 +56,9 @@ const INJECTION_ZONES = {
         deleteModalAdditionalInfos: [],
         publishModalAdditionalInfos: [],
         unpublishModalAdditionalInfos: []
+    },
+    preview: {
+        actions: []
     }
 };
 /**
@@ -1735,7 +1738,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
     const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
     const navigate = reactRouterDom.useNavigate();
     const setCurrentStep = strapiAdmin.useGuidedTour('useDocumentActions', (state)=>state.setCurrentStep);
-    const [deleteDocument] = useDeleteDocumentMutation();
+    const [deleteDocument, { isLoading: isDeleting }] = useDeleteDocumentMutation();
     const _delete = React__namespace.useCallback(async ({ collectionType, model, documentId, params }, trackerProperty)=>{
         try {
             trackUsage('willDeleteEntry', trackerProperty);
@@ -1781,7 +1784,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
         formatMessage,
         formatAPIError
     ]);
-    const [deleteManyDocuments] = useDeleteManyDocumentsMutation();
+    const [deleteManyDocuments, { isLoading: isDeletingMany }] = useDeleteManyDocumentsMutation();
     const deleteMany = React__namespace.useCallback(async ({ model, documentIds, params })=>{
         try {
             trackUsage('willBulkDeleteEntries');
@@ -1824,7 +1827,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
         formatMessage,
         formatAPIError
     ]);
-    const [discardDocument] = useDiscardDocumentMutation();
+    const [discardDocument, { isLoading: isDiscardingDocument }] = useDiscardDocumentMutation();
     const discard = React__namespace.useCallback(async ({ collectionType, model, documentId, params })=>{
         try {
             const res = await discardDocument({
@@ -1863,7 +1866,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
         formatMessage,
         toggleNotification
     ]);
-    const [publishDocument] = usePublishDocumentMutation();
+    const [publishDocument, { isLoading: isPublishing }] = usePublishDocumentMutation();
     const publish = React__namespace.useCallback(async ({ collectionType, model, documentId, params }, data)=>{
         try {
             trackUsage('willPublishEntry');
@@ -1906,7 +1909,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
         formatMessage,
         formatAPIError
     ]);
-    const [publishManyDocuments] = usePublishManyDocumentsMutation();
+    const [publishManyDocuments, { isLoading: isPublishingMany }] = usePublishManyDocumentsMutation();
     const publishMany = React__namespace.useCallback(async ({ model, documentIds, params })=>{
         try {
             // TODO Confirm tracking events for bulk publish?
@@ -1946,7 +1949,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
         formatMessage,
         formatAPIError
     ]);
-    const [updateDocument] = useUpdateDocumentMutation();
+    const [updateDocument, { isLoading: isUpdating }] = useUpdateDocumentMutation();
     const update = React__namespace.useCallback(async ({ collectionType, model, documentId, params }, data, trackerProperty)=>{
         try {
             trackUsage('willEditEntry', trackerProperty);
@@ -2042,7 +2045,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
         formatMessage,
         formatAPIError
     ]);
-    const [unpublishManyDocuments] = useUnpublishManyDocumentsMutation();
+    const [unpublishManyDocuments, { isLoading: isUnpublishingMany }] = useUnpublishManyDocumentsMutation();
     const unpublishMany = React__namespace.useCallback(async ({ model, documentIds, params })=>{
         try {
             trackUsage('willBulkUnpublishEntries');
@@ -2233,6 +2236,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
         getDoc
     ]);
     return {
+        isLoading: isPublishing || isUpdating || isDiscardingDocument || isDeleting || isDeletingMany || isUnpublishingMany || isPublishingMany,
         autoClone,
         clone,
         create,
@@ -2248,7 +2252,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
     };
 };
 
-const ProtectedHistoryPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./History-CQznK1pG.js'); }).then((mod)=>({
+const ProtectedHistoryPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./History-D8x3KfXk.js'); }).then((mod)=>({
             default: mod.ProtectedHistoryPage
         })));
 /**
@@ -2264,7 +2268,7 @@ const ProtectedHistoryPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.res
     }
 ];
 
-const ProtectedPreviewPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./Preview-CXtc9yEV.js'); }).then((mod)=>({
+const ProtectedPreviewPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./Preview-CMoqDEKI.js'); }).then((mod)=>({
             default: mod.ProtectedPreviewPage
         })));
 const routes$1 = [
@@ -2278,25 +2282,25 @@ const routes$1 = [
     }
 ];
 
-const ProtectedEditViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditViewPage-DFkloeMZ.js'); }).then((mod)=>({
+const ProtectedEditViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditViewPage-Cyt_AqcH.js'); }).then((mod)=>({
             default: mod.ProtectedEditViewPage
         })));
-const ProtectedListViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListViewPage-DV3heO4F.js'); }).then((mod)=>({
+const ProtectedListViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListViewPage-38RhQMrO.js'); }).then((mod)=>({
             default: mod.ProtectedListViewPage
         })));
-const ProtectedListConfiguration = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListConfigurationPage-71I_stAM.js'); }).then((mod)=>({
+const ProtectedListConfiguration = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListConfigurationPage-C1HEB6A1.js'); }).then((mod)=>({
             default: mod.ProtectedListConfiguration
         })));
-const ProtectedEditConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditConfigurationPage-BExtZuB7.js'); }).then((mod)=>({
+const ProtectedEditConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditConfigurationPage-C5E6D6NI.js'); }).then((mod)=>({
             default: mod.ProtectedEditConfigurationPage
         })));
-const ProtectedComponentConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ComponentConfigurationPage-C5H-5L1u.js'); }).then((mod)=>({
+const ProtectedComponentConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ComponentConfigurationPage-Cgjg4CQj.js'); }).then((mod)=>({
             default: mod.ProtectedComponentConfigurationPage
         })));
-const NoPermissions = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoPermissionsPage-DGAwRIlN.js'); }).then((mod)=>({
+const NoPermissions = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoPermissionsPage-B_p7s1uj.js'); }).then((mod)=>({
             default: mod.NoPermissions
         })));
-const NoContentType = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoContentTypePage-COih9y2J.js'); }).then((mod)=>({
+const NoContentType = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoContentTypePage-q48fU1h9.js'); }).then((mod)=>({
             default: mod.NoContentType
         })));
 const CollectionTypePages = ()=>{
@@ -2432,6 +2436,7 @@ const DocumentActionButton = (action)=>{
                 variant: action.variant || 'default',
                 paddingTop: "7px",
                 paddingBottom: "7px",
+                loading: action.loading,
                 children: action.label
             }),
             action.dialog?.type === 'dialog' ? /*#__PURE__*/ jsxRuntime.jsx(DocumentActionConfirmDialog, {
@@ -2586,7 +2591,7 @@ const convertActionVariantToIconColor = (variant = 'secondary')=>{
             return 'primary600';
     }
 };
-const DocumentActionConfirmDialog = ({ onClose, onCancel, onConfirm, title, content, isOpen, variant = 'secondary' })=>{
+const DocumentActionConfirmDialog = ({ onClose, onCancel, onConfirm, title, content, isOpen, variant = 'secondary', loading })=>{
     const { formatMessage } = reactIntl.useIntl();
     const handleClose = async ()=>{
         if (onCancel) {
@@ -2627,6 +2632,7 @@ const DocumentActionConfirmDialog = ({ onClose, onCancel, onConfirm, title, cont
                             onClick: handleConfirm,
                             variant: variant,
                             fullWidth: true,
+                            loading: loading,
                             children: formatMessage({
                                 id: 'app.components.Button.confirm',
                                 defaultMessage: 'Confirm'
@@ -2691,7 +2697,7 @@ const transformData = (data)=>{
     const { id } = reactRouterDom.useParams();
     const { formatMessage } = reactIntl.useIntl();
     const canPublish = useDocumentRBAC('PublishAction', ({ canPublish })=>canPublish);
-    const { publish } = useDocumentActions();
+    const { publish, isLoading } = useDocumentActions();
     const [countDraftRelations, { isLoading: isLoadingDraftRelations, isError: isErrorDraftRelations }] = useLazyGetDraftRelationCountQuery();
     const [localCountOfDraftRelations, setLocalCountOfDraftRelations] = React__namespace.useState(0);
     const [serverCountOfDraftRelations, setServerCountOfDraftRelations] = React__namespace.useState(0);
@@ -2835,6 +2841,11 @@ const transformData = (data)=>{
     const enableDraftRelationsCount = false;
     const hasDraftRelations = enableDraftRelationsCount;
     return {
+        loading: isLoading,
+        position: [
+            'panel',
+            'preview'
+        ],
         /**
      * Disabled when:
      *  - currently if you're cloning a document we don't support publish & clone at the same time.
@@ -2872,7 +2883,10 @@ const transformData = (data)=>{
     };
 };
 PublishAction$1.type = 'publish';
-PublishAction$1.position = 'panel';
+PublishAction$1.position = [
+    'panel',
+    'preview'
+];
 const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
     const navigate = reactRouterDom.useNavigate();
     const { toggleNotification } = strapiAdmin.useNotification();
@@ -2880,7 +2894,7 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
     const cloneMatch = reactRouterDom.useMatch(CLONE_PATH);
     const isCloning = cloneMatch !== null;
     const { formatMessage } = reactIntl.useIntl();
-    const { create, update, clone } = useDocumentActions();
+    const { create, update, clone, isLoading } = useDocumentActions();
     const [{ query, rawQuery }] = strapiAdmin.useQueryParams();
     const params = React__namespace.useMemo(()=>buildValidParams(query), [
         query
@@ -2997,6 +3011,7 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
         handleUpdate
     ]);
     return {
+        loading: isLoading,
         /**
      * Disabled when:
      * - the form is submitting
@@ -3007,11 +3022,18 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
             id: 'global.save',
             defaultMessage: 'Save'
         }),
-        onClick: handleUpdate
+        onClick: handleUpdate,
+        position: [
+            'panel',
+            'preview'
+        ]
     };
 };
 UpdateAction.type = 'update';
-UpdateAction.position = 'panel';
+UpdateAction.position = [
+    'panel',
+    'preview'
+];
 const UNPUBLISH_DRAFT_OPTIONS = {
     KEEP: 'keep',
     DISCARD: 'discard'
@@ -3161,7 +3183,7 @@ const DiscardAction = ({ activeTab, documentId, model, collectionType, document
     const { formatMessage } = reactIntl.useIntl();
     const { schema } = useDoc();
     const canUpdate = useDocumentRBAC('DiscardAction', ({ canUpdate })=>canUpdate);
-    const { discard } = useDocumentActions();
+    const { discard, isLoading } = useDocumentActions();
     const [{ query }] = strapiAdmin.useQueryParams();
     const params = React__namespace.useMemo(()=>buildValidParams(query), [
         query
@@ -3207,6 +3229,7 @@ const DiscardAction = ({ activeTab, documentId, model, collectionType, document
                     })
                 ]
             }),
+            loading: isLoading,
             onConfirm: async ()=>{
                 await discard({
                     collectionType,
@@ -3301,10 +3324,13 @@ const capitalise = (str)=>str.charAt(0).toUpperCase() + str.slice(1);
         ...restProps,
         size: size,
         variant: statusVariant,
+        role: "status",
+        "aria-labelledby": "document-status",
         children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
             tag: "span",
             variant: "omega",
             fontWeight: "bold",
+            id: "document-status",
             children: formatMessage({
                 id: `content-manager.containers.List.${status}`,
                 defaultMessage: capitalise(status)
@@ -3643,7 +3669,7 @@ const DeleteAction$1 = ({ documentId, model, collectionType, document })=>{
     const { formatMessage } = reactIntl.useIntl();
     const listViewPathMatch = reactRouterDom.useMatch(LIST_PATH);
     const canDelete = useDocumentRBAC('DeleteAction', (state)=>state.canDelete);
-    const { delete: deleteAction } = useDocumentActions();
+    const { delete: deleteAction, isLoading } = useDocumentActions();
     const { toggleNotification } = strapiAdmin.useNotification();
     const setSubmitting = strapiAdmin.useForm('DeleteAction', (state)=>state.setSubmitting);
     const isLocalized = document?.locale != null;
@@ -3682,6 +3708,7 @@ const DeleteAction$1 = ({ documentId, model, collectionType, document })=>{
                     })
                 ]
             }),
+            loading: isLoading,
             onConfirm: async ()=>{
                 /**
          * If we have a match, we're in the list view
@@ -4363,7 +4390,7 @@ const SelectedEntriesModalContent = ({ listViewSelectedEntries, toggleModal, set
         schema
     ]);
     const [isDialogOpen, setIsDialogOpen] = React__namespace.useState(false);
-    const { publishMany: bulkPublishAction } = useDocumentActions();
+    const { publishMany: bulkPublishAction, isLoading: isPublishing } = useDocumentActions();
     const [, { isLoading: isSubmittingForm }] = usePublishManyDocumentsMutation();
     const selectedRows = strapiAdmin.useTable('publishAction', (state)=>state.selectedRows);
     // Filter selected entries from the updated modal table rows
@@ -4435,7 +4462,7 @@ const SelectedEntriesModalContent = ({ listViewSelectedEntries, toggleModal, set
                             /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
                                 onClick: toggleDialog,
                                 disabled: selectedEntries.length === 0 || selectedEntries.length === selectedEntriesWithErrorsCount || selectedEntriesPublishedCount === selectedEntries.length || isLoading,
-                                loading: isSubmittingForm,
+                                loading: isPublishing || isSubmittingForm,
                                 children: formatMessage({
                                     id: 'app.utils.publish',
                                     defaultMessage: 'Publish'
@@ -4448,7 +4475,7 @@ const SelectedEntriesModalContent = ({ listViewSelectedEntries, toggleModal, set
             /*#__PURE__*/ jsxRuntime.jsx(ConfirmDialogPublishAll, {
                 isOpen: isDialogOpen,
                 onToggleDialog: toggleDialog,
-                isConfirmButtonLoading: isSubmittingForm,
+                isConfirmButtonLoading: isPublishing || isSubmittingForm,
                 onConfirm: handleConfirmBulkPublish
             })
         ]
@@ -4540,7 +4567,7 @@ const SelectedEntriesModalContent = ({ listViewSelectedEntries, toggleModal, set
         query
     ]);
     const hasDeletePermission = useDocumentRBAC('deleteAction', (state)=>state.canDelete);
-    const { deleteMany: bulkDeleteAction } = useDocumentActions();
+    const { deleteMany: bulkDeleteAction, isLoading } = useDocumentActions();
     const documentIds = documents.map(({ documentId })=>documentId);
     const handleConfirmBulkDelete = async ()=>{
         const res = await bulkDeleteAction({
@@ -4565,6 +4592,7 @@ const SelectedEntriesModalContent = ({ listViewSelectedEntries, toggleModal, set
                 id: 'app.components.ConfirmDialog.title',
                 defaultMessage: 'Confirmation'
             }),
+            loading: isLoading,
             content: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
                 direction: "column",
                 alignItems: "stretch",
@@ -4613,7 +4641,7 @@ const UnpublishAction = ({ documents, model })=>{
     const hasPublishPermission = useDocumentRBAC('unpublishAction', (state)=>state.canPublish);
     const hasI18nEnabled = Boolean(schema?.pluginOptions?.i18n);
     const hasDraftAndPublishEnabled = Boolean(schema?.options?.draftAndPublish);
-    const { unpublishMany: bulkUnpublishAction } = useDocumentActions();
+    const { unpublishMany: bulkUnpublishAction, isLoading } = useDocumentActions();
     const documentIds = documents.map(({ documentId })=>documentId);
     const [{ query }] = strapiAdmin.useQueryParams();
     const params = React__namespace.useMemo(()=>buildValidParams(query), [
@@ -4643,6 +4671,7 @@ const UnpublishAction = ({ documents, model })=>{
                 id: 'app.components.ConfirmDialog.title',
                 defaultMessage: 'Confirmation'
             }),
+            loading: isLoading,
             content: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
                 direction: "column",
                 alignItems: "stretch",
@@ -5024,9 +5053,11 @@ const DEFAULT_TABLE_ROW_ACTIONS = [
            * The response should still be filtered by the position, as the static property is new
            * and not mandatory to avoid a breaking change.
            */ if (position) {
-                        return this.documentActions.filter((action)=>action.position == undefined || [
+                        return this.documentActions.filter((action)=>{
+                            return action.position == undefined || [
                                 action.position
-                            ].flat().includes(position));
+                            ].flat().includes(position);
+                        });
                     }
                     return this.documentActions;
                 },
@@ -5278,7 +5309,7 @@ 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-CLf4SuMQ.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'); });
@@ -5332,7 +5363,7 @@ var index = {
         app.router.addRoute({
             path: 'content-manager/*',
             lazy: async ()=>{
-                const { Layout } = await Promise.resolve().then(function () { return require('./layout-Dtahn4Ue.js'); });
+                const { Layout } = await Promise.resolve().then(function () { return require('./layout-Ccv9FwbI.js'); });
                 return {
                     Component: Layout
                 };
@@ -5373,6 +5404,7 @@ exports.CLONE_PATH = CLONE_PATH;
 exports.COLLECTION_TYPES = COLLECTION_TYPES;
 exports.CREATOR_FIELDS = CREATOR_FIELDS;
 exports.DEFAULT_SETTINGS = DEFAULT_SETTINGS;
+exports.DocumentActionButton = DocumentActionButton;
 exports.DocumentRBAC = DocumentRBAC;
 exports.DocumentStatus = DocumentStatus;
 exports.HOOKS = HOOKS;
@@ -5414,4 +5446,4 @@ exports.useGetContentTypeConfigurationQuery = useGetContentTypeConfigurationQuer
 exports.useGetInitialDataQuery = useGetInitialDataQuery;
 exports.useGetPreviewUrlQuery = useGetPreviewUrlQuery;
 exports.useUpdateContentTypeConfigurationMutation = useUpdateContentTypeConfigurationMutation;
-//# sourceMappingURL=index-BHimg6jW.js.map
+//# sourceMappingURL=index-D7EkCTnw.js.map