draft: bulk release injection zone added

packages/core/admin/admin/src/components/InjectionZone.tsx

@@ -16,6 +16,7 @@ const INJECTION_ZONES = {
       deleteModalAdditionalInfos: [],
       publishModalAdditionalInfos: [],
       unpublishModalAdditionalInfos: [],
+      bulkRelease: [],
     },
   },
 } satisfies InjectionZones;
@@ -46,6 +47,7 @@ interface InjectionZones {
       deleteModalAdditionalInfos: InjectionZoneComponent[];
       publishModalAdditionalInfos: InjectionZoneComponent[];
       unpublishModalAdditionalInfos: InjectionZoneComponent[];
+      bulkRelease: InjectionZoneComponent[];
     };
   };
 }
@@ -58,7 +60,8 @@ type InjectionZoneArea =
   | 'contentManager.listView.unpublishModalAdditionalInfos'
   | 'contentManager.listView.deleteModalAdditionalInfos'
   | 'contentManager.listView.publishModalAdditionalInfos'
-  | 'contentManager.listView.deleteModalAdditionalInfos';
+  | 'contentManager.listView.deleteModalAdditionalInfos'
+  | 'contentManager.listView.bulkRelease';
 
 type InjectionZoneModule = InjectionZoneArea extends `${infer Word}.${string}` ? Word : never;
 type InjectionZoneContainer = InjectionZoneArea extends `${string}.${infer Word}.${string}`

packages/core/admin/admin/src/content-manager/pages/ListView/components/BulkActions/Buttons.tsx

@@ -4,9 +4,9 @@ import { Button, Typography } from '@strapi/design-system';
 import { useTracking, useTableContext } from '@strapi/helper-plugin';
 import { Check, Trash } from '@strapi/icons';
 import { Entity } from '@strapi/types';
-import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
 
+import { InjectionZone } from '../../../../../components/InjectionZone';
 import { useTypedSelector } from '../../../../../core/store/hooks';
 import { getTranslation } from '../../../../utils/translations';
 import { InjectionZoneList } from '../InjectionZoneList';
@@ -205,6 +205,7 @@ const BulkActionButtons = ({
           />
         </>
       )}
+      <InjectionZone area="contentManager.listView.bulkRelease" />
       {showDelete && (
         <>
           <Button variant="danger-light" onClick={toggleDeleteDialog}>
@@ -222,20 +223,4 @@ const BulkActionButtons = ({
   );
 };
 
-BulkActionButtons.defaultProps = {
-  showPublish: false,
-  showDelete: false,
-  onConfirmDeleteAll() {},
-  onConfirmUnpublishAll() {},
-  refetchData() {},
-};
-
-BulkActionButtons.propTypes = {
-  showPublish: PropTypes.bool,
-  showDelete: PropTypes.bool,
-  onConfirmDeleteAll: PropTypes.func,
-  onConfirmUnpublishAll: PropTypes.func,
-  refetchData: PropTypes.func,
-};
-
 export { BulkActionButtons };

packages/core/content-releases/admin/src/components/CMBulkRelease.tsx

@@ -0,0 +1,48 @@
+import * as React from 'react';
+
+import { Button } from '@strapi/design-system';
+import { useCMEditViewDataManager, CheckPermissions } from '@strapi/helper-plugin';
+import { Common } from '@strapi/types';
+import { useIntl } from 'react-intl';
+
+import { PERMISSIONS } from '../constants';
+
+import { AddActionToReleaseModal } from './CMReleasesContainer';
+
+export const CMBulkRelease = () => {
+  const [isModalOpen, setIsModalOpen] = React.useState(false);
+  const { formatMessage } = useIntl();
+  //TODO: find a way to get entryIds and contentTypeUid
+  const {
+    initialData: { id: entryId },
+    slug,
+  } = useCMEditViewDataManager();
+
+  const contentTypeUid = slug as Common.UID.ContentType;
+
+  const toggleAddToReleaseDialog = () => {
+    if (isModalOpen) {
+      setIsModalOpen(false);
+    } else {
+      setIsModalOpen(true);
+    }
+  };
+
+  return (
+    <CheckPermissions permissions={PERMISSIONS.createAction}>
+      <Button variant="tertiary" onClick={toggleAddToReleaseDialog}>
+        {formatMessage({
+          id: 'content-releases.content-manager-list-view.add-to-release',
+          defaultMessage: 'Add to release',
+        })}
+      </Button>
+      {isModalOpen && (
+        <AddActionToReleaseModal
+          handleClose={() => setIsModalOpen(false)}
+          contentTypeUid={contentTypeUid}
+          entryId={entryId}
+        />
+      )}
+    </CheckPermissions>
+  );
+};

packages/core/content-releases/admin/src/components/CMReleasesContainer.tsx

@@ -106,8 +106,8 @@ const AddActionToReleaseModal = ({
   // Get all 'pending' releases that do not have the entry attached
   const response = useGetReleasesForEntryQuery({
     contentTypeUid,
-    entryId,
-    hasEntryAttached: false,
+    entryId, // TODO: there will be list of selectedEntries
+    hasEntryAttached: false, // TODO: for bulk releases hasEntryAttached should not be checked
   });
 
   const releases = response.data?.data;
@@ -121,7 +121,7 @@ const AddActionToReleaseModal = ({
       locale,
     };
     const response = await createReleaseAction({
-      body: { type: values.type, entry: releaseActionEntry },
+      body: { type: values.type, entry: releaseActionEntry }, // TODO: there will be list of selectedEntries
       params: { releaseId: values.releaseId },
     });
 
@@ -134,6 +134,7 @@ const AddActionToReleaseModal = ({
           defaultMessage: 'Entry added to release',
         }),
       });
+      // trackUsage('willBulkReleaseEntries'); //TODO: Do we need tracking event name "willBulkReleaseEntries"
 
       handleClose();
       return;
@@ -248,7 +249,7 @@ const AddActionToReleaseModal = ({
  * CMReleasesContainer
  * -----------------------------------------------------------------------------------------------*/
 
-export const CMReleasesContainer = () => {
+const CMReleasesContainer = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
   const { formatMessage, formatDate, formatTime } = useIntl();
   const {
@@ -428,3 +429,5 @@ export const CMReleasesContainer = () => {
     </CheckPermissions>
   );
 };
+
+export { AddActionToReleaseModal, CMReleasesContainer };

packages/core/content-releases/admin/src/index.ts

@@ -1,6 +1,7 @@
 import { prefixPluginTranslations } from '@strapi/helper-plugin';
 import { PaperPlane } from '@strapi/icons';
 
+import { CMBulkRelease } from './components/CMBulkRelease';
 import { CMReleasesContainer } from './components/CMReleasesContainer';
 import { PERMISSIONS } from './constants';
 import { pluginId } from './pluginId';
@@ -42,6 +43,11 @@ const admin: Plugin.Config.AdminInput = {
         name: `${pluginId}-link`,
         Component: CMReleasesContainer,
       });
+      // Insert the Releases container in the 'bulkRelease' zone of the Content Manager's list view
+      app.injectContentManagerComponent('listView', 'bulkRelease', {
+        name: `${pluginId}-link`,
+        Component: CMBulkRelease,
+      });
     } else if (
       !window.strapi.features.isEnabled('cms-content-releases') &&
       window.strapi?.flags?.promoteEE

packages/core/content-releases/admin/src/translations/en.json

@@ -15,6 +15,7 @@
   "content-releases.content-manager-edit-view.edit-entry": "Edit entry",
   "content-manager-edit-view.remove-from-release.notification.success": "Entry removed from release",
   "content-manager-edit-view.release-action-menu": "Release action options",
+  "content-manager-list-view.add-to-release": "Add to release",
   "content-manager.notification.entry-error": "Failed to get entry data",
   "plugin.name": "Releases",
   "pages.Releases.title": "Releases",

packages/core/helper-plugin/src/features/StrapiApp.tsx

@@ -38,7 +38,8 @@ type InjectionZoneArea =
   | 'contentManager.listView.unpublishModalAdditionalInfos'
   | 'contentManager.listView.deleteModalAdditionalInfos'
   | 'contentManager.listView.publishModalAdditionalInfos'
-  | 'contentManager.listView.deleteModalAdditionalInfos';
+  | 'contentManager.listView.deleteModalAdditionalInfos'
+  | 'contentManager.listView.bulkRelease';
 
 type InjectionZoneModule = InjectionZoneArea extends `${infer Word}.${string}` ? Word : never;
 type InjectionZoneContainer = InjectionZoneArea extends `${string}.${infer Word}.${string}`