@strapi/content-releases 5.0.0-rc.3 → 5.0.0-rc.30

package/dist/_chunks/{index-jnv9zdcE.js → index-DxkQGp4N.js}

@@ -2,11 +2,11 @@
 const icons = require("@strapi/icons");
 const jsxRuntime = require("react/jsx-runtime");
 const strapiAdmin = require("@strapi/admin/strapi-admin");
-const strapiAdmin$1 = require("@strapi/content-manager/strapi-admin");
 const designSystem = require("@strapi/design-system");
-const symbols = require("@strapi/icons/symbols");
 const formik = require("formik");
 const reactIntl = require("react-intl");
+const strapiAdmin$1 = require("@strapi/content-manager/strapi-admin");
+const symbols = require("@strapi/icons/symbols");
 const reactRouterDom = require("react-router-dom");
 const yup = require("yup");
 const styledComponents = require("styled-components");
@@ -124,7 +124,7 @@ const extendInvalidatesTags = (endpoint, extraTags) => {
   Object.assign(endpoint, { invalidatesTags: newInvalidatesTags });
 };
 const releaseApi = strapiAdmin.adminApi.enhanceEndpoints({
-  addTagTypes: ["Release", "ReleaseAction", "EntriesInRelease", "ReleaseSettings"],
+  addTagTypes: ["Release", "ReleaseAction", "EntriesInRelease", "ReleaseSettings", "Document"],
   endpoints: {
     updateDocument(endpoint) {
       extendInvalidatesTags(endpoint, [
@@ -219,7 +219,10 @@ const releaseApi = strapiAdmin.adminApi.enhanceEndpoints({
             method: "GET"
           };
         },
-        providesTags: (result, error, arg) => [{ type: "Release", id: arg.id }]
+        providesTags: (result, error, arg) => [
+          { type: "Release", id: "LIST" },
+          { type: "Release", id: arg.id }
+        ]
       }),
       getReleaseActions: build.query({
         query({ releaseId, ...params }) {
@@ -288,7 +291,11 @@ const releaseApi = strapiAdmin.adminApi.enhanceEndpoints({
             data: body
           };
         },
-        invalidatesTags: () => [{ type: "ReleaseAction", id: "LIST" }],
+        invalidatesTags: (res, error, arg) => [
+          { type: "ReleaseAction", id: "LIST" },
+          { type: "Release", id: "LIST" },
+          { type: "Release", id: arg.params.releaseId }
+        ],
         async onQueryStarted({ body, params, query, actionPath }, { dispatch, queryFulfilled }) {
           const paramsWithoutActionId = {
             releaseId: params.releaseId,
@@ -335,7 +342,10 @@ const releaseApi = strapiAdmin.adminApi.enhanceEndpoints({
             method: "POST"
           };
         },
-        invalidatesTags: (result, error, arg) => [{ type: "Release", id: arg.id }]
+        invalidatesTags: (result, error, arg) => [
+          { type: "Release", id: arg.id },
+          { type: "Document", id: `ALL_LIST` }
+        ]
       }),
       deleteRelease: build.mutation({
         query({ id }) {
@@ -373,7 +383,7 @@ const releaseApi = strapiAdmin.adminApi.enhanceEndpoints({
             data
           };
         },
-        invalidatesTags: (result, error, arg) => [{ type: "ReleaseSettings" }]
+        invalidatesTags: [{ type: "ReleaseSettings" }]
       })
     };
   }
@@ -598,6 +608,7 @@ const AddActionToReleaseModal = ({
 };
 const ReleaseActionModalForm = ({
   documentId,
+  document,
   model,
   collectionType
 }) => {
@@ -676,6 +687,8 @@ const ReleaseActionModalForm = ({
       defaultMessage: "Add to release"
     }),
     icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PaperPlane, {}),
+    // Entry is creating so we don't want to allow adding it to a release
+    disabled: !document,
     position: ["panel", "table-row"],
     dialog: {
       type: "modal",
@@ -714,6 +727,236 @@ const ReleaseActionModalForm = ({
     }
   };
 };
+const getContentPermissions = (subject) => {
+  const permissions = {
+    publish: [
+      {
+        action: "plugin::content-manager.explorer.publish",
+        subject,
+        id: "",
+        actionParameters: {},
+        properties: {},
+        conditions: []
+      }
+    ]
+  };
+  return permissions;
+};
+const ReleaseAction = ({ documents, model }) => {
+  const { formatMessage } = reactIntl.useIntl();
+  const { toggleNotification } = strapiAdmin.useNotification();
+  const { formatAPIError } = strapiAdmin.useAPIErrorHandler();
+  const [{ query }] = strapiAdmin.useQueryParams();
+  const contentPermissions = getContentPermissions(model);
+  const {
+    allowedActions: { canPublish }
+  } = strapiAdmin.useRBAC(contentPermissions);
+  const {
+    allowedActions: { canCreate }
+  } = strapiAdmin.useRBAC(PERMISSIONS);
+  const response = useGetReleasesQuery();
+  const releases = response.data?.data;
+  const [createManyReleaseActions, { isLoading }] = useCreateManyReleaseActionsMutation();
+  const documentIds = documents.map((doc) => doc.documentId);
+  const handleSubmit = async (values) => {
+    const locale = query.plugins?.i18n?.locale;
+    const releaseActionEntries = documentIds.map(
+      (entryDocumentId) => ({
+        type: values.type,
+        contentType: model,
+        entryDocumentId,
+        locale
+      })
+    );
+    const response2 = await createManyReleaseActions({
+      body: releaseActionEntries,
+      params: { releaseId: values.releaseId }
+    });
+    if ("data" in response2) {
+      const notificationMessage = formatMessage(
+        {
+          id: "content-releases.content-manager-list-view.add-to-release.notification.success.message",
+          defaultMessage: "{entriesAlreadyInRelease} out of {totalEntries} entries were already in the release."
+        },
+        {
+          entriesAlreadyInRelease: response2.data.meta.entriesAlreadyInRelease,
+          totalEntries: response2.data.meta.totalEntries
+        }
+      );
+      const notification = {
+        type: "success",
+        title: formatMessage(
+          {
+            id: "content-releases.content-manager-list-view.add-to-release.notification.success.title",
+            defaultMessage: "Successfully added to release."
+          },
+          {
+            entriesAlreadyInRelease: response2.data.meta.entriesAlreadyInRelease,
+            totalEntries: response2.data.meta.totalEntries
+          }
+        ),
+        message: response2.data.meta.entriesAlreadyInRelease ? notificationMessage : ""
+      };
+      toggleNotification(notification);
+      return true;
+    }
+    if ("error" in response2) {
+      if (strapiAdmin.isFetchError(response2.error)) {
+        toggleNotification({
+          type: "warning",
+          message: formatAPIError(response2.error)
+        });
+      } else {
+        toggleNotification({
+          type: "warning",
+          message: formatMessage({ id: "notification.error", defaultMessage: "An error occurred" })
+        });
+      }
+    }
+  };
+  if (!canCreate || !canPublish)
+    return null;
+  return {
+    actionType: "release",
+    variant: "tertiary",
+    label: formatMessage({
+      id: "content-manager-list-view.add-to-release",
+      defaultMessage: "Add to Release"
+    }),
+    dialog: {
+      type: "modal",
+      title: formatMessage({
+        id: "content-manager-list-view.add-to-release",
+        defaultMessage: "Add to Release"
+      }),
+      content: ({ onClose }) => {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          formik.Formik,
+          {
+            onSubmit: async (values) => {
+              const data = await handleSubmit(values);
+              if (data) {
+                return onClose();
+              }
+            },
+            validationSchema: RELEASE_ACTION_FORM_SCHEMA,
+            initialValues: INITIAL_VALUES,
+            children: ({ values, setFieldValue }) => /* @__PURE__ */ jsxRuntime.jsxs(formik.Form, { children: [
+              releases?.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(NoReleases, {}) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Body, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { required: true, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                    id: "content-releases.content-manager-list-view.add-to-release.select-label",
+                    defaultMessage: "Select a release"
+                  }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    designSystem.SingleSelect,
+                    {
+                      placeholder: formatMessage({
+                        id: "content-releases.content-manager-list-view.add-to-release.select-placeholder",
+                        defaultMessage: "Select"
+                      }),
+                      onChange: (value) => setFieldValue("releaseId", value),
+                      value: values.releaseId,
+                      children: releases?.map((release) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: release.id, children: release.name }, release.id))
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                  id: "content-releases.content-manager-list-view.add-to-release.action-type-label",
+                  defaultMessage: "What do you want to do with these entries?"
+                }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  ReleaseActionOptions,
+                  {
+                    selected: values.type,
+                    handleChange: (e) => setFieldValue("type", e.target.value),
+                    name: "type"
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Footer, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: onClose, variant: "tertiary", name: "cancel", children: formatMessage({
+                  id: "content-releases.content-manager-list-view.add-to-release.cancel-button",
+                  defaultMessage: "Cancel"
+                }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { type: "submit", disabled: !values.releaseId, loading: isLoading, children: formatMessage({
+                  id: "content-releases.content-manager-list-view.add-to-release.continue-button",
+                  defaultMessage: "Continue"
+                }) })
+              ] })
+            ] })
+          }
+        );
+      }
+    }
+  };
+};
+const useReleasesList = (contentTypeUid, documentId) => {
+  const listViewData = strapiAdmin.useTable("ListView", (state) => state.rows);
+  const documentIds = listViewData.map((entry) => entry.documentId);
+  const [{ query }] = strapiAdmin.useQueryParams();
+  const locale = query?.plugins?.i18n?.locale || void 0;
+  const response = useGetMappedEntriesInReleasesQuery(
+    { contentTypeUid, documentIds, locale },
+    { skip: !documentIds || !contentTypeUid || documentIds.length === 0 }
+  );
+  const mappedEntriesInReleases = response.data || {};
+  return mappedEntriesInReleases?.[documentId] || [];
+};
+const addColumnToTableHook = ({ displayedHeaders, layout }) => {
+  const { options } = layout;
+  if (!options?.draftAndPublish) {
+    return { displayedHeaders, layout };
+  }
+  return {
+    displayedHeaders: [
+      ...displayedHeaders,
+      {
+        searchable: false,
+        sortable: false,
+        name: "releases",
+        label: {
+          id: "content-releases.content-manager.list-view.releases.header",
+          defaultMessage: "To be released in"
+        },
+        cellFormatter: (props, _, { model }) => /* @__PURE__ */ jsxRuntime.jsx(ReleaseListCell, { ...props, model })
+      }
+    ],
+    layout
+  };
+};
+const ReleaseListCell = ({ documentId, model }) => {
+  const releases = useReleasesList(model, documentId);
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Popover.Root, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Button,
+      {
+        variant: "ghost",
+        onClick: (e) => e.stopPropagation(),
+        endIcon: releases.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, { width: "1.2rem", height: "1.2rem" }) : null,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Typography,
+          {
+            style: { maxWidth: "252px", cursor: "pointer" },
+            textColor: "neutral800",
+            fontWeight: "regular",
+            children: releases.length > 0 ? formatMessage(
+              {
+                id: "content-releases.content-manager.list-view.releases-number",
+                defaultMessage: "{number} {number, plural, one {release} other {releases}}"
+              },
+              {
+                number: releases.length
+              }
+            ) : "-"
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Content, { children: /* @__PURE__ */ jsxRuntime.jsx("ul", { children: releases.map(({ id, name }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 3, tag: "li", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Link, { href: `/admin/plugins/content-releases/${id}`, isExternal: false, children: name }) }, id)) }) })
+  ] });
+};
 const getTimezoneOffset = (timezone, date) => {
   try {
     const offsetPart = new Intl.DateTimeFormat("en", {
@@ -880,7 +1123,7 @@ const Root = ({ children }) => {
   return (
     // A user can access the dropdown if they have permissions to delete a release-action OR update a release
     allowedActions.canDeleteAction || allowedActions.canUpdate ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Menu.Root, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Menu.Trigger, { variant: "tertiary", endIcon: null, paddingLeft: 2, paddingRight: 2, children: /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(StyledMoreButton, { variant: "tertiary", endIcon: null, paddingLeft: "7px", paddingRight: "7px", children: /* @__PURE__ */ jsxRuntime.jsx(
         designSystem.AccessibleIcon,
         {
           label: formatMessage({
@@ -894,13 +1137,23 @@ const Root = ({ children }) => {
     ] }) : null
   );
 };
+const StyledMoreButton = styledComponents.styled(designSystem.Menu.Trigger)`
+  & > span {
+    display: flex;
+  }
+`;
 const ReleaseActionMenu = {
   Root,
   EditReleaseItem,
   DeleteReleaseActionItem,
   ReleaseActionEntryLinkItem
 };
-const Panel = ({ model, documentId, collectionType }) => {
+const Panel = ({
+  model,
+  document,
+  documentId,
+  collectionType
+}) => {
   const [{ query }] = strapiAdmin.useQueryParams();
   const locale = query.plugins?.i18n?.locale;
   const {
@@ -909,12 +1162,17 @@ const Panel = ({ model, documentId, collectionType }) => {
   const { formatMessage, formatDate, formatTime } = reactIntl.useIntl();
   const { allowedActions } = strapiAdmin.useRBAC(PERMISSIONS);
   const { canRead, canDeleteAction } = allowedActions;
-  const response = useGetReleasesForEntryQuery({
-    contentType: model,
-    entryDocumentId: documentId,
-    locale,
-    hasEntryAttached: true
-  });
+  const response = useGetReleasesForEntryQuery(
+    {
+      contentType: model,
+      entryDocumentId: documentId,
+      locale,
+      hasEntryAttached: true
+    },
+    {
+      skip: !document
+    }
+  );
   const releases = response.data?.data;
   const getReleaseColorVariant = (actionType, shade) => {
     if (actionType === "unpublish") {
@@ -928,7 +1186,7 @@ const Panel = ({ model, documentId, collectionType }) => {
   if (collectionType === "collection-types" && (!documentId || documentId === "create")) {
     return null;
   }
-  if (releases && releases.length === 0) {
+  if (!releases || releases.length === 0) {
     return null;
   }
   return {
@@ -1033,7 +1291,7 @@ const admin = {
           id: `${pluginId}.plugin.name`,
           defaultMessage: "Releases"
         },
-        Component: () => Promise.resolve().then(() => require("./App-D-lWdVb2.js")).then((mod) => ({ default: mod.App })),
+        Component: () => Promise.resolve().then(() => require("./App-D4Wira1X.js")).then((mod) => ({ default: mod.App })),
         permissions: PERMISSIONS.main,
         position: 2
       });
@@ -1057,10 +1315,18 @@ const admin = {
         },
         permissions: [],
         async Component() {
-          const { ProtectedReleasesSettingsPage } = await Promise.resolve().then(() => require("./ReleasesSettingsPage-xfAoY8N3.js"));
+          const { ProtectedReleasesSettingsPage } = await Promise.resolve().then(() => require("./ReleasesSettingsPage-xhFyRXCM.js"));
           return { default: ProtectedReleasesSettingsPage };
         }
       });
+      if ("addBulkAction" in contentManagerPluginApis && typeof contentManagerPluginApis.addBulkAction === "function") {
+        contentManagerPluginApis.addBulkAction((actions) => {
+          const deleteActionIndex = actions.findIndex((action) => action.type === "delete");
+          actions.splice(deleteActionIndex, 0, ReleaseAction);
+          return actions;
+        });
+      }
+      app.registerHook("Admin/CM/pages/ListView/inject-column-in-table", addColumnToTableHook);
     } else if (!window.strapi.features.isEnabled("cms-content-releases") && window.strapi?.flags?.promoteEE) {
       app.addSettingsLink("global", {
         id: pluginId,
@@ -1081,7 +1347,7 @@ const admin = {
   async registerTrads({ locales }) {
     const importedTrads = await Promise.all(
       locales.map((locale) => {
-        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => Promise.resolve().then(() => require("./en-BCDLTJn3.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => Promise.resolve().then(() => require("./en-CmYoEnA7.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
           return {
             data: prefixPluginTranslations(data, "content-releases"),
             locale
@@ -1115,4 +1381,4 @@ exports.usePublishReleaseMutation = usePublishReleaseMutation;
 exports.useUpdateReleaseActionMutation = useUpdateReleaseActionMutation;
 exports.useUpdateReleaseMutation = useUpdateReleaseMutation;
 exports.useUpdateReleaseSettingsMutation = useUpdateReleaseSettingsMutation;
-//# sourceMappingURL=index-jnv9zdcE.js.map
+//# sourceMappingURL=index-DxkQGp4N.js.map