@strapi/content-manager 0.0.0-next.23a591758a1d192f794079bbe4821ef8d26e1555 → 0.0.0-next.24165c9d5cbc756c03fe23bc491569c77973f5ac

package/dist/admin/chunks/{index-Cs6qwFQu.mjs → index-njcS3gUl.mjs}

@@ -36,6 +36,9 @@ const INJECTION_ZONES = {
         deleteModalAdditionalInfos: [],
         publishModalAdditionalInfos: [],
         unpublishModalAdditionalInfos: []
+    },
+    preview: {
+        actions: []
     }
 };
 /**
@@ -1715,7 +1718,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
     const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
     const navigate = useNavigate();
     const setCurrentStep = useGuidedTour('useDocumentActions', (state)=>state.setCurrentStep);
-    const [deleteDocument] = useDeleteDocumentMutation();
+    const [deleteDocument, { isLoading: isDeleting }] = useDeleteDocumentMutation();
     const _delete = React.useCallback(async ({ collectionType, model, documentId, params }, trackerProperty)=>{
         try {
             trackUsage('willDeleteEntry', trackerProperty);
@@ -1761,7 +1764,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
         formatMessage,
         formatAPIError
     ]);
-    const [deleteManyDocuments] = useDeleteManyDocumentsMutation();
+    const [deleteManyDocuments, { isLoading: isDeletingMany }] = useDeleteManyDocumentsMutation();
     const deleteMany = React.useCallback(async ({ model, documentIds, params })=>{
         try {
             trackUsage('willBulkDeleteEntries');
@@ -1804,7 +1807,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
         formatMessage,
         formatAPIError
     ]);
-    const [discardDocument] = useDiscardDocumentMutation();
+    const [discardDocument, { isLoading: isDiscardingDocument }] = useDiscardDocumentMutation();
     const discard = React.useCallback(async ({ collectionType, model, documentId, params })=>{
         try {
             const res = await discardDocument({
@@ -1843,7 +1846,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
         formatMessage,
         toggleNotification
     ]);
-    const [publishDocument] = usePublishDocumentMutation();
+    const [publishDocument, { isLoading: isPublishing }] = usePublishDocumentMutation();
     const publish = React.useCallback(async ({ collectionType, model, documentId, params }, data)=>{
         try {
             trackUsage('willPublishEntry');
@@ -1886,7 +1889,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
         formatMessage,
         formatAPIError
     ]);
-    const [publishManyDocuments] = usePublishManyDocumentsMutation();
+    const [publishManyDocuments, { isLoading: isPublishingMany }] = usePublishManyDocumentsMutation();
     const publishMany = React.useCallback(async ({ model, documentIds, params })=>{
         try {
             // TODO Confirm tracking events for bulk publish?
@@ -1926,7 +1929,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
         formatMessage,
         formatAPIError
     ]);
-    const [updateDocument] = useUpdateDocumentMutation();
+    const [updateDocument, { isLoading: isUpdating }] = useUpdateDocumentMutation();
     const update = React.useCallback(async ({ collectionType, model, documentId, params }, data, trackerProperty)=>{
         try {
             trackUsage('willEditEntry', trackerProperty);
@@ -2022,7 +2025,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
         formatMessage,
         formatAPIError
     ]);
-    const [unpublishManyDocuments] = useUnpublishManyDocumentsMutation();
+    const [unpublishManyDocuments, { isLoading: isUnpublishingMany }] = useUnpublishManyDocumentsMutation();
     const unpublishMany = React.useCallback(async ({ model, documentIds, params })=>{
         try {
             trackUsage('willBulkUnpublishEntries');
@@ -2213,6 +2216,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
         getDoc
     ]);
     return {
+        isLoading: isPublishing || isUpdating || isDiscardingDocument || isDeleting || isDeletingMany || isUnpublishingMany || isPublishingMany,
         autoClone,
         clone,
         create,
@@ -2228,7 +2232,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
     };
 };
 
-const ProtectedHistoryPage = /*#__PURE__*/ React.lazy(()=>import('./History-C333pgXF.mjs').then((mod)=>({
+const ProtectedHistoryPage = /*#__PURE__*/ React.lazy(()=>import('./History-BIzCrHlU.mjs').then((mod)=>({
             default: mod.ProtectedHistoryPage
         })));
 /**
@@ -2244,7 +2248,7 @@ const ProtectedHistoryPage = /*#__PURE__*/ React.lazy(()=>import('./History-C333
     }
 ];
 
-const ProtectedPreviewPage = /*#__PURE__*/ React.lazy(()=>import('./Preview-BEq0FXda.mjs').then((mod)=>({
+const ProtectedPreviewPage = /*#__PURE__*/ React.lazy(()=>import('./Preview-DGQMt8XZ.mjs').then((mod)=>({
             default: mod.ProtectedPreviewPage
         })));
 const routes$1 = [
@@ -2258,25 +2262,25 @@ const routes$1 = [
     }
 ];
 
-const ProtectedEditViewPage = /*#__PURE__*/ lazy(()=>import('./EditViewPage-CYe7wAXF.mjs').then((mod)=>({
+const ProtectedEditViewPage = /*#__PURE__*/ lazy(()=>import('./EditViewPage-B9oaTSxh.mjs').then((mod)=>({
             default: mod.ProtectedEditViewPage
         })));
-const ProtectedListViewPage = /*#__PURE__*/ lazy(()=>import('./ListViewPage-BDeT3Dkk.mjs').then((mod)=>({
+const ProtectedListViewPage = /*#__PURE__*/ lazy(()=>import('./ListViewPage-lpuA2rS8.mjs').then((mod)=>({
             default: mod.ProtectedListViewPage
         })));
-const ProtectedListConfiguration = /*#__PURE__*/ lazy(()=>import('./ListConfigurationPage-BX2WR7MI.mjs').then((mod)=>({
+const ProtectedListConfiguration = /*#__PURE__*/ lazy(()=>import('./ListConfigurationPage-JWHsiJKb.mjs').then((mod)=>({
             default: mod.ProtectedListConfiguration
         })));
-const ProtectedEditConfigurationPage = /*#__PURE__*/ lazy(()=>import('./EditConfigurationPage-tMgOELQG.mjs').then((mod)=>({
+const ProtectedEditConfigurationPage = /*#__PURE__*/ lazy(()=>import('./EditConfigurationPage-DSSrKbwM.mjs').then((mod)=>({
             default: mod.ProtectedEditConfigurationPage
         })));
-const ProtectedComponentConfigurationPage = /*#__PURE__*/ lazy(()=>import('./ComponentConfigurationPage-BN2kOtDm.mjs').then((mod)=>({
+const ProtectedComponentConfigurationPage = /*#__PURE__*/ lazy(()=>import('./ComponentConfigurationPage-D6mjS3eX.mjs').then((mod)=>({
             default: mod.ProtectedComponentConfigurationPage
         })));
-const NoPermissions = /*#__PURE__*/ lazy(()=>import('./NoPermissionsPage-DTe9I47q.mjs').then((mod)=>({
+const NoPermissions = /*#__PURE__*/ lazy(()=>import('./NoPermissionsPage-CihsLbNC.mjs').then((mod)=>({
             default: mod.NoPermissions
         })));
-const NoContentType = /*#__PURE__*/ lazy(()=>import('./NoContentTypePage-9JHYpYVX.mjs').then((mod)=>({
+const NoContentType = /*#__PURE__*/ lazy(()=>import('./NoContentTypePage-mxdu7QG9.mjs').then((mod)=>({
             default: mod.NoContentType
         })));
 const CollectionTypePages = ()=>{
@@ -2412,6 +2416,7 @@ const DocumentActionButton = (action)=>{
                 variant: action.variant || 'default',
                 paddingTop: "7px",
                 paddingBottom: "7px",
+                loading: action.loading,
                 children: action.label
             }),
             action.dialog?.type === 'dialog' ? /*#__PURE__*/ jsx(DocumentActionConfirmDialog, {
@@ -2566,7 +2571,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 } = useIntl();
     const handleClose = async ()=>{
         if (onCancel) {
@@ -2607,6 +2612,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'
@@ -2671,7 +2677,7 @@ const transformData = (data)=>{
     const { id } = useParams();
     const { formatMessage } = 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.useState(0);
     const [serverCountOfDraftRelations, setServerCountOfDraftRelations] = React.useState(0);
@@ -2815,6 +2821,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.
@@ -2852,7 +2863,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 = useNavigate();
     const { toggleNotification } = useNotification();
@@ -2860,7 +2874,7 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
     const cloneMatch = useMatch(CLONE_PATH);
     const isCloning = cloneMatch !== null;
     const { formatMessage } = useIntl();
-    const { create, update, clone } = useDocumentActions();
+    const { create, update, clone, isLoading } = useDocumentActions();
     const [{ query, rawQuery }] = useQueryParams();
     const params = React.useMemo(()=>buildValidParams(query), [
         query
@@ -2977,6 +2991,7 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
         handleUpdate
     ]);
     return {
+        loading: isLoading,
         /**
      * Disabled when:
      * - the form is submitting
@@ -2987,11 +3002,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'
@@ -3141,7 +3163,7 @@ const DiscardAction = ({ activeTab, documentId, model, collectionType, document
     const { formatMessage } = useIntl();
     const { schema } = useDoc();
     const canUpdate = useDocumentRBAC('DiscardAction', ({ canUpdate })=>canUpdate);
-    const { discard } = useDocumentActions();
+    const { discard, isLoading } = useDocumentActions();
     const [{ query }] = useQueryParams();
     const params = React.useMemo(()=>buildValidParams(query), [
         query
@@ -3187,6 +3209,7 @@ const DiscardAction = ({ activeTab, documentId, model, collectionType, document
                     })
                 ]
             }),
+            loading: isLoading,
             onConfirm: async ()=>{
                 await discard({
                     collectionType,
@@ -3281,10 +3304,13 @@ const capitalise = (str)=>str.charAt(0).toUpperCase() + str.slice(1);
         ...restProps,
         size: size,
         variant: statusVariant,
+        role: "status",
+        "aria-labelledby": "document-status",
         children: /*#__PURE__*/ jsx(Typography, {
             tag: "span",
             variant: "omega",
             fontWeight: "bold",
+            id: "document-status",
             children: formatMessage({
                 id: `content-manager.containers.List.${status}`,
                 defaultMessage: capitalise(status)
@@ -3623,7 +3649,7 @@ const DeleteAction$1 = ({ documentId, model, collectionType, document })=>{
     const { formatMessage } = useIntl();
     const listViewPathMatch = useMatch(LIST_PATH);
     const canDelete = useDocumentRBAC('DeleteAction', (state)=>state.canDelete);
-    const { delete: deleteAction } = useDocumentActions();
+    const { delete: deleteAction, isLoading } = useDocumentActions();
     const { toggleNotification } = useNotification();
     const setSubmitting = useForm('DeleteAction', (state)=>state.setSubmitting);
     const isLocalized = document?.locale != null;
@@ -3662,6 +3688,7 @@ const DeleteAction$1 = ({ documentId, model, collectionType, document })=>{
                     })
                 ]
             }),
+            loading: isLoading,
             onConfirm: async ()=>{
                 /**
          * If we have a match, we're in the list view
@@ -4343,7 +4370,7 @@ const SelectedEntriesModalContent = ({ listViewSelectedEntries, toggleModal, set
         schema
     ]);
     const [isDialogOpen, setIsDialogOpen] = React.useState(false);
-    const { publishMany: bulkPublishAction } = useDocumentActions();
+    const { publishMany: bulkPublishAction, isLoading: isPublishing } = useDocumentActions();
     const [, { isLoading: isSubmittingForm }] = usePublishManyDocumentsMutation();
     const selectedRows = useTable('publishAction', (state)=>state.selectedRows);
     // Filter selected entries from the updated modal table rows
@@ -4415,7 +4442,7 @@ const SelectedEntriesModalContent = ({ listViewSelectedEntries, toggleModal, set
                             /*#__PURE__*/ jsx(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'
@@ -4428,7 +4455,7 @@ const SelectedEntriesModalContent = ({ listViewSelectedEntries, toggleModal, set
             /*#__PURE__*/ jsx(ConfirmDialogPublishAll, {
                 isOpen: isDialogOpen,
                 onToggleDialog: toggleDialog,
-                isConfirmButtonLoading: isSubmittingForm,
+                isConfirmButtonLoading: isPublishing || isSubmittingForm,
                 onConfirm: handleConfirmBulkPublish
             })
         ]
@@ -4520,7 +4547,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({
@@ -4545,6 +4572,7 @@ const SelectedEntriesModalContent = ({ listViewSelectedEntries, toggleModal, set
                 id: 'app.components.ConfirmDialog.title',
                 defaultMessage: 'Confirmation'
             }),
+            loading: isLoading,
             content: /*#__PURE__*/ jsxs(Flex, {
                 direction: "column",
                 alignItems: "stretch",
@@ -4593,7 +4621,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 }] = useQueryParams();
     const params = React.useMemo(()=>buildValidParams(query), [
@@ -4623,6 +4651,7 @@ const UnpublishAction = ({ documents, model })=>{
                 id: 'app.components.ConfirmDialog.title',
                 defaultMessage: 'Confirmation'
             }),
+            loading: isLoading,
             content: /*#__PURE__*/ jsxs(Flex, {
                 direction: "column",
                 alignItems: "stretch",
@@ -5004,9 +5033,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;
                 },
@@ -5258,7 +5289,7 @@ function __variableDynamicImportRuntime1__(path) {
     case './translations/ca.json': return import('./ca-DviY7mRj.mjs');
     case './translations/cs.json': return import('./cs-C7OSYFQ7.mjs');
     case './translations/de.json': return import('./de-5QRlDHyR.mjs');
-    case './translations/en.json': return import('./en-LfhocNG2.mjs');
+    case './translations/en.json': return import('./en-CImiNxXE.mjs');
     case './translations/es.json': return import('./es-DkoWSExG.mjs');
     case './translations/eu.json': return import('./eu-BG1xX7HK.mjs');
     case './translations/fr.json': return import('./fr-CFdRaRVj.mjs');
@@ -5312,7 +5343,7 @@ var index = {
         app.router.addRoute({
             path: 'content-manager/*',
             lazy: async ()=>{
-                const { Layout } = await import('./layout-DStNia_P.mjs');
+                const { Layout } = await import('./layout-os6F94Aa.mjs');
                 return {
                     Component: Layout
                 };
@@ -5347,5 +5378,5 @@ 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-Cs6qwFQu.mjs.map
+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, DocumentActionButton as N, useGetPreviewUrlQuery as O, Panels as P, index as Q, RelativeTime as R, SINGLE_TYPES as S, TableActions as T, useContentManagerContext as U, useDocumentActions as V, 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-njcS3gUl.mjs.map