@strapi/content-manager 0.0.0-next.fc9d26d995624dc886b29f563e1de655d47e6609 → 0.0.0-next.fdac61dd05ca665168f51f655f1d165b55ec4231

package/dist/admin/chunks/{index-BERMAQwA.js → index-BRXoE5Bv.js}

@@ -15,6 +15,7 @@ var pipe = require('lodash/fp/pipe');
 var qs = require('qs');
 var dateFns = require('date-fns');
 var toolkit = require('@reduxjs/toolkit');
+require('prismjs');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -1734,7 +1735,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);
@@ -1780,7 +1781,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');
@@ -1823,7 +1824,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({
@@ -1862,7 +1863,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');
@@ -1905,7 +1906,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?
@@ -1945,7 +1946,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);
@@ -2041,7 +2042,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');
@@ -2232,6 +2233,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
         getDoc
     ]);
     return {
+        isLoading: isPublishing || isUpdating || isDiscardingDocument || isDeleting || isDeletingMany || isUnpublishingMany || isPublishingMany,
         autoClone,
         clone,
         create,
@@ -2247,7 +2249,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
     };
 };
 
-const ProtectedHistoryPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./History-B8UudJwA.js'); }).then((mod)=>({
+const ProtectedHistoryPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./History-BNHiyUWB.js'); }).then((mod)=>({
             default: mod.ProtectedHistoryPage
         })));
 /**
@@ -2263,7 +2265,7 @@ const ProtectedHistoryPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.res
     }
 ];
 
-const ProtectedPreviewPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./Preview-B-Qxu3nw.js'); }).then((mod)=>({
+const ProtectedPreviewPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./Preview-BJkZ6x1-.js'); }).then((mod)=>({
             default: mod.ProtectedPreviewPage
         })));
 const routes$1 = [
@@ -2277,25 +2279,25 @@ const routes$1 = [
     }
 ];
 
-const ProtectedEditViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditViewPage-CzwW9usH.js'); }).then((mod)=>({
+const ProtectedEditViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditViewPage-BDutXAUN.js'); }).then((mod)=>({
             default: mod.ProtectedEditViewPage
         })));
-const ProtectedListViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListViewPage-C2jqACsH.js'); }).then((mod)=>({
+const ProtectedListViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListViewPage-DJroapZV.js'); }).then((mod)=>({
             default: mod.ProtectedListViewPage
         })));
-const ProtectedListConfiguration = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListConfigurationPage-CqNUcBK5.js'); }).then((mod)=>({
+const ProtectedListConfiguration = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListConfigurationPage-BalGY7W3.js'); }).then((mod)=>({
             default: mod.ProtectedListConfiguration
         })));
-const ProtectedEditConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditConfigurationPage-BwmBhyl0.js'); }).then((mod)=>({
+const ProtectedEditConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditConfigurationPage-M30RR8U2.js'); }).then((mod)=>({
             default: mod.ProtectedEditConfigurationPage
         })));
-const ProtectedComponentConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ComponentConfigurationPage-BcLDueh-.js'); }).then((mod)=>({
+const ProtectedComponentConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ComponentConfigurationPage-BBM3VdRz.js'); }).then((mod)=>({
             default: mod.ProtectedComponentConfigurationPage
         })));
-const NoPermissions = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoPermissionsPage-DdE7dHGN.js'); }).then((mod)=>({
+const NoPermissions = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoPermissionsPage-CxrNSIIg.js'); }).then((mod)=>({
             default: mod.NoPermissions
         })));
-const NoContentType = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoContentTypePage-DP8WmGnH.js'); }).then((mod)=>({
+const NoContentType = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoContentTypePage-DZm2YCb6.js'); }).then((mod)=>({
             default: mod.NoContentType
         })));
 const CollectionTypePages = ()=>{
@@ -2431,6 +2433,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, {
@@ -2585,7 +2588,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) {
@@ -2626,6 +2629,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'
@@ -2690,7 +2694,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);
@@ -2834,6 +2838,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.
@@ -2871,7 +2880,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();
@@ -2879,7 +2891,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
@@ -2996,6 +3008,7 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
         handleUpdate
     ]);
     return {
+        loading: isLoading,
         /**
      * Disabled when:
      * - the form is submitting
@@ -3006,11 +3019,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'
@@ -3160,7 +3180,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
@@ -3206,6 +3226,7 @@ const DiscardAction = ({ activeTab, documentId, model, collectionType, document
                     })
                 ]
             }),
+            loading: isLoading,
             onConfirm: async ()=>{
                 await discard({
                     collectionType,
@@ -3300,10 +3321,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)
@@ -3642,7 +3666,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;
@@ -3681,6 +3705,7 @@ const DeleteAction$1 = ({ documentId, model, collectionType, document })=>{
                     })
                 ]
             }),
+            loading: isLoading,
             onConfirm: async ()=>{
                 /**
          * If we have a match, we're in the list view
@@ -4362,7 +4387,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
@@ -4434,7 +4459,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'
@@ -4447,7 +4472,7 @@ const SelectedEntriesModalContent = ({ listViewSelectedEntries, toggleModal, set
             /*#__PURE__*/ jsxRuntime.jsx(ConfirmDialogPublishAll, {
                 isOpen: isDialogOpen,
                 onToggleDialog: toggleDialog,
-                isConfirmButtonLoading: isSubmittingForm,
+                isConfirmButtonLoading: isPublishing || isSubmittingForm,
                 onConfirm: handleConfirmBulkPublish
             })
         ]
@@ -4539,7 +4564,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({
@@ -4564,6 +4589,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",
@@ -4612,7 +4638,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), [
@@ -4642,6 +4668,7 @@ const UnpublishAction = ({ documents, model })=>{
                 id: 'app.components.ConfirmDialog.title',
                 defaultMessage: 'Confirmation'
             }),
+            loading: isLoading,
             content: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
                 direction: "column",
                 alignItems: "stretch",
@@ -5023,9 +5050,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;
                 },
@@ -5277,7 +5306,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'); });
@@ -5331,7 +5360,7 @@ var index = {
         app.router.addRoute({
             path: 'content-manager/*',
             lazy: async ()=>{
-                const { Layout } = await Promise.resolve().then(function () { return require('./layout-BU6D6F6_.js'); });
+                const { Layout } = await Promise.resolve().then(function () { return require('./layout-Bp7Wxdg6.js'); });
                 return {
                     Component: Layout
                 };
@@ -5372,6 +5401,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;
@@ -5413,4 +5443,4 @@ exports.useGetContentTypeConfigurationQuery = useGetContentTypeConfigurationQuer
 exports.useGetInitialDataQuery = useGetInitialDataQuery;
 exports.useGetPreviewUrlQuery = useGetPreviewUrlQuery;
 exports.useUpdateContentTypeConfigurationMutation = useUpdateContentTypeConfigurationMutation;
-//# sourceMappingURL=index-BERMAQwA.js.map
+//# sourceMappingURL=index-BRXoE5Bv.js.map