@strapi/i18n 5.0.0-rc.11 → 5.0.0-rc.12

package/dist/_chunks/{index-C0i3v7QQ.js → index-jpk39Rxo.js}

@@ -244,7 +244,11 @@ const { useGetManyDraftRelationCountQuery } = relationsApi;
 const isErrorMessageDescriptor = (object) => {
   return typeof object === "object" && object !== null && "id" in object && "defaultMessage" in object;
 };
-const EntryValidationText = ({ status = "draft", validationErrors }) => {
+const EntryValidationText = ({
+  status = "draft",
+  validationErrors,
+  action
+}) => {
   const { formatMessage } = reactIntl.useIntl();
   const getErrorStr = (key, value) => {
     if (typeof value === "string") {
@@ -278,30 +282,63 @@ const EntryValidationText = ({ status = "draft", validationErrors }) => {
       ) })
     ] });
   }
-  if (status === "published") {
-    return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "success600", fontWeight: "bold", children: formatMessage({
-        id: "content-manager.bulk-publish.already-published",
-        defaultMessage: "Already Published"
-      }) })
-    ] });
-  }
-  if (status === "modified") {
-    return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowsCounterClockwise, { fill: "alternative600" }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage({
-        id: "app.utils.ready-to-publish-changes",
-        defaultMessage: "Ready to publish changes"
-      }) })
-    ] });
-  }
+  const getStatusMessage = () => {
+    if (action === "bulk-publish") {
+      if (status === "published") {
+        return {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
+          text: formatMessage({
+            id: "content-manager.bulk-publish.already-published",
+            defaultMessage: "Already Published"
+          }),
+          textColor: "success600",
+          fontWeight: "bold"
+        };
+      } else if (status === "modified") {
+        return {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowsCounterClockwise, { fill: "alternative600" }),
+          text: formatMessage({
+            id: "app.utils.ready-to-publish-changes",
+            defaultMessage: "Ready to publish changes"
+          })
+        };
+      } else {
+        return {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
+          text: formatMessage({
+            id: "app.utils.ready-to-publish",
+            defaultMessage: "Ready to publish"
+          })
+        };
+      }
+    } else {
+      if (status === "draft") {
+        return {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
+          text: formatMessage({
+            id: "content-manager.bulk-unpublish.already-unpublished",
+            defaultMessage: "Already Unpublished"
+          }),
+          textColor: "success600",
+          fontWeight: "bold"
+        };
+      } else {
+        return {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
+          text: formatMessage({
+            id: "app.utils.ready-to-unpublish-changes",
+            defaultMessage: "Ready to unpublish"
+          }),
+          textColor: "success600",
+          fontWeight: "bold"
+        };
+      }
+    }
+  };
+  const { icon, text, textColor = "success600", fontWeight = "normal" } = getStatusMessage();
   return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage({
-      id: "app.utils.ready-to-publish",
-      defaultMessage: "Ready to publish"
-    }) })
+    icon,
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor, fontWeight, children: text })
   ] });
 };
 const BoldChunk = (chunks) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", children: chunks });
@@ -309,7 +346,8 @@ const BulkLocaleActionModal = ({
   headers,
   rows,
   localesMetadata,
-  validationErrors = {}
+  validationErrors = {},
+  action
 }) => {
   const { formatMessage } = reactIntl.useIntl();
   const selectedRows = strapiAdmin.useTable(
@@ -322,22 +360,24 @@ const BulkLocaleActionModal = ({
       return acc;
     }, {});
     const localesWithErrors = Object.keys(validationErrors);
-    const alreadyPublishedCount = selectedRows.filter(
+    const publishedCount = selectedRows.filter(
       ({ locale }) => currentStatusByLocale[locale] === "published"
     ).length;
-    const readyToPublishCount = selectedRows.filter(
+    const draftCount = selectedRows.filter(
       ({ locale }) => (currentStatusByLocale[locale] === "draft" || currentStatusByLocale[locale] === "modified") && !localesWithErrors.includes(locale)
     ).length;
     const withErrorsCount = localesWithErrors.length;
+    const messageId = action === "bulk-publish" ? "content-manager.containers.list.selectedEntriesModal.selectedCount.publish" : "content-manager.containers.list.selectedEntriesModal.selectedCount.unpublish";
+    const defaultMessage = action === "bulk-publish" ? "<b>{publishedCount}</b> {publishedCount, plural, =0 {entries} one {entry} other {entries}} already published. <b>{draftCount}</b> {draftCount, plural, =0 {entries} one {entry} other {entries}} ready to publish. <b>{withErrorsCount}</b> {withErrorsCount, plural, =0 {entries} one {entry} other {entries}} waiting for action." : "<b>{draftCount}</b> {draftCount, plural, =0 {entries} one {entry} other {entries}} already unpublished. <b>{publishedCount}</b> {publishedCount, plural, =0 {entries} one {entry} other {entries}} ready to unpublish.";
     return formatMessage(
       {
-        id: "content-manager.containers.list.selectedEntriesModal.selectedCount",
-        defaultMessage: "<b>{alreadyPublishedCount}</b> {alreadyPublishedCount, plural, =0 {entries} one {entry} other {entries}} already published. <b>{readyToPublishCount}</b> {readyToPublishCount, plural, =0 {entries} one {entry} other {entries}} ready to publish. <b>{withErrorsCount}</b> {withErrorsCount, plural, =0 {entries} one {entry} other {entries}} waiting for action."
+        id: messageId,
+        defaultMessage
       },
       {
         withErrorsCount,
-        readyToPublishCount,
-        alreadyPublishedCount,
+        draftCount,
+        publishedCount,
         b: BoldChunk
       }
     );
@@ -369,7 +409,7 @@ const BulkLocaleActionModal = ({
               children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "span", variant: "pi", fontWeight: "bold", children: capitalize(status) })
             }
           ) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(EntryValidationText, { validationErrors: error, status }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(EntryValidationText, { validationErrors: error, status, action }) }),
           /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(
             designSystem.IconButton,
             {
@@ -549,23 +589,24 @@ const DeleteLocaleAction = ({
     }
   };
 };
-const BulkLocalePublishAction = ({
+const BulkLocaleAction = ({
   document: baseDocument,
   documentId,
   model,
-  collectionType
+  collectionType,
+  action
 }) => {
   const baseLocale = baseDocument?.locale ?? null;
   const [{ query: query$1 }] = strapiAdmin.useQueryParams();
   const params = React__namespace.useMemo(() => strapiAdmin$1.buildValidParams(query$1), [query$1]);
-  const isPublishedTab = query$1.status === "published";
+  const isOnPublishedTab = query$1.status === "published";
   const { formatMessage } = reactIntl.useIntl();
   const { hasI18n, canPublish } = useI18n();
   const { toggleNotification } = strapiAdmin.useNotification();
   const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
   const [selectedRows, setSelectedRows] = React__namespace.useState([]);
   const [isDraftRelationConfirmationOpen, setIsDraftRelationConfirmationOpen] = React__namespace.useState(false);
-  const { publishMany: publishManyAction } = strapiAdmin$1.unstable_useDocumentActions();
+  const { publishMany: publishManyAction, unpublishMany: unpublishManyAction } = strapiAdmin$1.unstable_useDocumentActions();
   const {
     document,
     meta: documentMeta,
@@ -633,12 +674,19 @@ const BulkLocalePublishAction = ({
     }, {});
     return [rowsFromMeta, errors];
   }, [document, documentMeta?.availableLocales, validate]);
-  const localesToPublish = selectedRows.reduce((acc, selectedRow) => {
-    if (selectedRow.status !== "published" && !Object.keys(validationErrors).includes(selectedRow.locale)) {
+  const isBulkPublish = action === "bulk-publish";
+  const localesForAction = selectedRows.reduce((acc, selectedRow) => {
+    const isValidLocale = (
+      // Validation errors are irrelevant if we are trying to unpublish
+      !isBulkPublish || !Object.keys(validationErrors).includes(selectedRow.locale)
+    );
+    const shouldAddLocale = isBulkPublish ? selectedRow.status !== "published" && isValidLocale : selectedRow.status !== "draft" && isValidLocale;
+    if (shouldAddLocale) {
       acc.push(selectedRow.locale);
     }
     return acc;
   }, []);
+  const enableDraftRelationsCount = false;
   const {
     data: draftRelationsCount = 0,
     isLoading: isDraftRelationsLoading,
@@ -647,10 +695,10 @@ const BulkLocalePublishAction = ({
     {
       model,
       documentIds: [documentId],
-      locale: localesToPublish
+      locale: localesForAction
     },
     {
-      skip: !documentId || localesToPublish.length === 0
+      skip: !enableDraftRelationsCount
     }
   );
   React__namespace.useEffect(() => {
@@ -676,7 +724,18 @@ const BulkLocalePublishAction = ({
       documentIds: [documentId],
       params: {
         ...params,
-        locale: localesToPublish
+        locale: localesForAction
+      }
+    });
+    setSelectedRows([]);
+  };
+  const unpublish = async () => {
+    await unpublishManyAction({
+      model,
+      documentIds: [documentId],
+      params: {
+        ...params,
+        locale: localesForAction
       }
     });
     setSelectedRows([]);
@@ -684,14 +743,12 @@ const BulkLocalePublishAction = ({
   const handleAction = async () => {
     if (draftRelationsCount > 0) {
       setIsDraftRelationConfirmationOpen(true);
-    } else {
+    } else if (isBulkPublish) {
       await publish();
+    } else {
+      await unpublish();
     }
   };
-  const isUnpublish = document?.status === "published";
-  if (isUnpublish) {
-    console.warn(["I18N"], "Bulk locale unpublish modal not implemented");
-  }
   if (isDraftRelationConfirmationOpen) {
     return {
       label: formatMessage({
@@ -729,18 +786,18 @@ const BulkLocalePublishAction = ({
   const hasPermission = selectedRows.map(({ locale }) => locale).every((locale) => canPublish.includes(locale));
   return {
     label: formatMessage({
-      id: getTranslation("CMEditViewBulkLocale.publish-title"),
-      defaultMessage: "Publish Multiple Locales"
+      id: getTranslation(`CMEditViewBulkLocale.${isBulkPublish ? "publish" : "unpublish"}-title`),
+      defaultMessage: `${isBulkPublish ? "Publish" : "Unpublish"} Multiple Locales`
     }),
-    icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ListPlus, {}),
-    disabled: isPublishedTab || canPublish.length === 0,
+    variant: isBulkPublish ? "secondary" : "danger",
+    icon: isBulkPublish ? /* @__PURE__ */ jsxRuntime.jsx(icons.ListPlus, {}) : /* @__PURE__ */ jsxRuntime.jsx(icons.Cross, {}),
+    disabled: isOnPublishedTab || canPublish.length === 0,
     position: ["panel"],
-    variant: "secondary",
     dialog: {
       type: "modal",
       title: formatMessage({
-        id: getTranslation("CMEditViewBulkLocale.publish-title"),
-        defaultMessage: "Publish Multiple Locales"
+        id: getTranslation(`CMEditViewBulkLocale.${isBulkPublish ? "publish" : "unpublish"}-title`),
+        defaultMessage: `${isBulkPublish ? "Publish" : "Unpublish"} Multiple Locales`
       }),
       content: () => {
         return /* @__PURE__ */ jsxRuntime.jsx(
@@ -759,7 +816,8 @@ const BulkLocalePublishAction = ({
                 validationErrors,
                 headers,
                 rows,
-                localesMetadata
+                localesMetadata,
+                action: action ?? "bulk-publish"
               }
             )
           }
@@ -769,18 +827,24 @@ const BulkLocalePublishAction = ({
         designSystem.Button,
         {
           loading: isDraftRelationsLoading,
-          disabled: !hasPermission || localesToPublish.length === 0,
+          disabled: !hasPermission || localesForAction.length === 0,
           variant: "default",
           onClick: handleAction,
           children: formatMessage({
-            id: "app.utils.publish",
-            defaultMessage: "Publish"
+            id: isBulkPublish ? "app.utils.publish" : "app.utils.unpublish",
+            defaultMessage: isBulkPublish ? "Publish" : "Unpublish"
           })
         }
       ) })
     }
   };
 };
+const BulkLocalePublishAction = (props) => {
+  return BulkLocaleAction({ action: "bulk-publish", ...props });
+};
+const BulkLocaleUnpublishAction = (props) => {
+  return BulkLocaleAction({ action: "bulk-unpublish", ...props });
+};
 const StyledTrash = styledComponents.styled(icons.Trash)`
   path {
     fill: currentColor;
@@ -1000,54 +1064,13 @@ const LocaleListCell = ({
     return locale.name;
   }).toSorted((a, b) => formatter.compare(a, b));
   return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Popover.Root, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxRuntime.jsxs(
-      ActionWrapper,
-      {
-        minWidth: "100%",
-        alignItems: "center",
-        justifyContent: "center",
-        height: "3.2rem",
-        width: "3.2rem",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", ellipsis: true, children: localesForDocument.join(", ") }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { children: /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, {}) })
-        ]
-      }
-    ) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "ghost", type: "button", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { minWidth: "100%", alignItems: "center", justifyContent: "center", fontWeight: "regular", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", ellipsis: true, marginRight: 2, children: localesForDocument.join(", ") }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { children: /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, { width: "1.2rem", height: "1.2rem" }) })
+    ] }) }) }),
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Content, { sideOffset: 16, children: /* @__PURE__ */ jsxRuntime.jsx("ul", { children: localesForDocument.map((name) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 3, tag: "li", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: name }) }, name)) }) })
   ] });
 };
-const Button = styledComponents.styled.button`
-  width: 100%;
-
-  svg {
-    > g,
-    path {
-      fill: ${({ theme }) => theme.colors.neutral500};
-    }
-  }
-  &:hover {
-    svg {
-      > g,
-      path {
-        fill: ${({ theme }) => theme.colors.neutral600};
-      }
-    }
-  }
-  &:active {
-    svg {
-      > g,
-      path {
-        fill: ${({ theme }) => theme.colors.neutral400};
-      }
-    }
-  }
-`;
-const ActionWrapper = styledComponents.styled(designSystem.Flex)`
-  svg {
-    height: 0.4rem;
-  }
-`;
 const addColumnToTableHook = ({ displayedHeaders, layout }) => {
   const { options } = layout;
   const isFieldLocalized = doesPluginOptionsHaveI18nLocalized(options) ? options.i18n.localized : false;
@@ -1245,7 +1268,7 @@ const index = {
       },
       id: "internationalization",
       to: "internationalization",
-      Component: () => Promise.resolve().then(() => require("./SettingsPage-C0l7c5fn.js")).then((mod) => ({ default: mod.ProtectedSettingsPage })),
+      Component: () => Promise.resolve().then(() => require("./SettingsPage-C-1h_H38.js")).then((mod) => ({ default: mod.ProtectedSettingsPage })),
       permissions: PERMISSIONS.accessMain
     });
     const contentManager = app.getPlugin("content-manager");
@@ -1257,6 +1280,7 @@ const index = {
     });
     contentManager.apis.addDocumentAction((actions) => {
       actions.splice(2, 0, BulkLocalePublishAction);
+      actions.splice(5, 0, BulkLocaleUnpublishAction);
       return actions;
     });
     contentManager.injectComponent("listView", "actions", {
@@ -1362,7 +1386,7 @@ const index = {
   async registerTrads({ locales }) {
     const importedTrads = await Promise.all(
       locales.map((locale) => {
-        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => Promise.resolve().then(() => require("./de-DtWiGdHl.js")), "./translations/dk.json": () => Promise.resolve().then(() => require("./dk-D8C-casx.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-BsOU9o5z.js")), "./translations/es.json": () => Promise.resolve().then(() => require("./es-DS-XFGSw.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-BTjekDpq.js")), "./translations/ko.json": () => Promise.resolve().then(() => require("./ko-DmcGUBQ3.js")), "./translations/pl.json": () => Promise.resolve().then(() => require("./pl-Cn5RYonZ.js")), "./translations/ru.json": () => Promise.resolve().then(() => require("./ru-BMBgVL3s.js")), "./translations/tr.json": () => Promise.resolve().then(() => require("./tr-CarUU76c.js")), "./translations/zh-Hans.json": () => Promise.resolve().then(() => require("./zh-Hans-DSHIXAa3.js")), "./translations/zh.json": () => Promise.resolve().then(() => require("./zh-CukOviB0.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => Promise.resolve().then(() => require("./de-DtWiGdHl.js")), "./translations/dk.json": () => Promise.resolve().then(() => require("./dk-D8C-casx.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-CwI88-PP.js")), "./translations/es.json": () => Promise.resolve().then(() => require("./es-DS-XFGSw.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-BTjekDpq.js")), "./translations/ko.json": () => Promise.resolve().then(() => require("./ko-DmcGUBQ3.js")), "./translations/pl.json": () => Promise.resolve().then(() => require("./pl-Cn5RYonZ.js")), "./translations/ru.json": () => Promise.resolve().then(() => require("./ru-BMBgVL3s.js")), "./translations/tr.json": () => Promise.resolve().then(() => require("./tr-CarUU76c.js")), "./translations/zh-Hans.json": () => Promise.resolve().then(() => require("./zh-Hans-DSHIXAa3.js")), "./translations/zh.json": () => Promise.resolve().then(() => require("./zh-CukOviB0.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
           return {
             data: prefixPluginTranslations(data, pluginId),
             locale
@@ -1386,4 +1410,4 @@ exports.useDeleteLocaleMutation = useDeleteLocaleMutation;
 exports.useGetDefaultLocalesQuery = useGetDefaultLocalesQuery;
 exports.useGetLocalesQuery = useGetLocalesQuery;
 exports.useUpdateLocaleMutation = useUpdateLocaleMutation;
-//# sourceMappingURL=index-C0i3v7QQ.js.map
+//# sourceMappingURL=index-jpk39Rxo.js.map