@strapi/i18n 5.0.0-beta.9 → 5.0.0-rc.1

package/dist/_chunks/{index-D--YX2ZY.js → index-5_LTJ7xw.js}

@@ -7,6 +7,7 @@ const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
 const reactIntl = require("react-intl");
 const styledComponents = require("styled-components");
+const query = require("@reduxjs/toolkit/query");
 const strapiAdmin = require("@strapi/admin/strapi-admin");
 const strapiAdmin$1 = require("@strapi/content-manager/strapi-admin");
 const reactRouterDom = require("react-router-dom");
@@ -71,9 +72,7 @@ const CheckboxConfirmation = ({
   };
   const handleConfirm = () => {
     onChange({ target: { name, value: false, type: "checkbox" } });
-    setIsOpen(false);
   };
-  const handleToggle = () => setIsOpen((prev) => !prev);
   const label = intlLabel.id ? formatMessage(
     { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },
     { ...intlLabel.values }
@@ -82,35 +81,36 @@ const CheckboxConfirmation = ({
     { id: description.id, defaultMessage: description.defaultMessage },
     { ...description.values }
   ) : "";
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Root, { open: isOpen, onOpenChange: setIsOpen, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { hint, name, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Checkbox, { onValueChange: handleChange, value, type: "checkbox", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Checkbox, { onCheckedChange: handleChange, checked: value, children: label }),
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
     ] }),
-    isOpen && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog, { onClose: handleToggle, title: "Confirmation", isOpen, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.DialogBody, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.WarningCircle, {}), children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(TextAlignTypography, { id: "confirm-description", children: formatMessage({
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Content, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Header, { children: formatMessage({
+        id: getTranslation("CheckboxConfirmation.Modal.title"),
+        defaultMessage: "Disable localization"
+      }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Body, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.WarningCircle, {}), children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(TextAlignTypography, { children: formatMessage({
           id: getTranslation("CheckboxConfirmation.Modal.content"),
           defaultMessage: "Disabling localization will engender the deletion of all your content but the one associated to your default locale (if existing)."
         }) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "semiBold", id: "confirm-description", children: formatMessage({
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "semiBold", children: formatMessage({
           id: getTranslation("CheckboxConfirmation.Modal.body"),
           defaultMessage: "Do you want to disable it?"
         }) }) })
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.DialogFooter,
-        {
-          startAction: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleToggle, variant: "tertiary", children: formatMessage({
-            id: "components.popUpWarning.button.cancel",
-            defaultMessage: "No, cancel"
-          }) }),
-          endAction: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "danger-light", onClick: handleConfirm, children: formatMessage({
-            id: getTranslation("CheckboxConfirmation.Modal.button-confirm"),
-            defaultMessage: "Yes, disable"
-          }) })
-        }
-      )
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Footer, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Cancel, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", children: formatMessage({
+          id: "components.popUpWarning.button.cancel",
+          defaultMessage: "No, cancel"
+        }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Action, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "danger-light", onClick: handleConfirm, children: formatMessage({
+          id: getTranslation("CheckboxConfirmation.Modal.button-confirm"),
+          defaultMessage: "Yes, disable"
+        }) }) })
+      ] })
     ] })
   ] });
 };
@@ -161,7 +161,7 @@ const useI18n = () => {
       model: params.slug
     },
     {
-      skip: !params.slug || !params.collectionType
+      skip: true
     }
   );
   if (doesPluginOptionsHaveI18nLocalized(schema?.pluginOptions)) {
@@ -403,7 +403,7 @@ const LocalePickerAction = ({
   documentId
 }) => {
   const { formatMessage } = reactIntl.useIntl();
-  const [{ query }, setQuery] = strapiAdmin.useQueryParams();
+  const [{ query: query2 }, setQuery] = strapiAdmin.useQueryParams();
   const { hasI18n, canCreate, canRead } = useI18n();
   const { data: locales = [] } = useGetLocalesQuery();
   const { schema } = strapiAdmin$1.unstable_useDocument({ model, collectionType, documentId });
@@ -411,30 +411,30 @@ const LocalePickerAction = ({
     (value) => {
       setQuery({
         plugins: {
-          ...query.plugins,
+          ...query2.plugins,
           i18n: {
             locale: value
           }
         }
       });
     },
-    [query.plugins, setQuery]
+    [query2.plugins, setQuery]
   );
   React__namespace.useEffect(() => {
     if (!Array.isArray(locales) || !hasI18n) {
       return;
     }
-    const currentDesiredLocale = query.plugins?.i18n?.locale;
+    const currentDesiredLocale = query2.plugins?.i18n?.locale;
     const doesLocaleExist = locales.find((loc) => loc.code === currentDesiredLocale);
     const defaultLocale = locales.find((locale) => locale.isDefault);
     if (!doesLocaleExist && defaultLocale?.code) {
       handleSelect(defaultLocale.code);
     }
-  }, [handleSelect, hasI18n, locales, query.plugins?.i18n?.locale]);
+  }, [handleSelect, hasI18n, locales, query2.plugins?.i18n?.locale]);
   if (!hasI18n || !Array.isArray(locales) || locales.length === 0) {
     return null;
   }
-  const currentLocale = query.plugins?.i18n?.locale || locales.find((loc) => loc.isDefault)?.code;
+  const currentLocale = query2.plugins?.i18n?.locale || locales.find((loc) => loc.isDefault)?.code;
   const allCurrentLocales = [
     { status: getDocumentStatus(document, meta), locale: currentLocale },
     ...meta?.availableLocales ?? []
@@ -556,30 +556,35 @@ const BulkLocalePublishAction = ({
   collectionType
 }) => {
   const baseLocale = baseDocument?.locale ?? null;
-  const [{ query }] = strapiAdmin.useQueryParams();
-  const params = React__namespace.useMemo(() => strapiAdmin$1.buildValidParams(query), [query]);
-  const isPublishedTab = query.status === "published";
+  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 { formatMessage } = reactIntl.useIntl();
   const { hasI18n, canPublish } = useI18n();
   const { toggleNotification } = strapiAdmin.useNotification();
   const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
   const [selectedRows, setSelectedRows] = React__namespace.useState([]);
-  const [isConfirmationOpen, setIsConfirmationOpen] = React__namespace.useState(false);
+  const [isDraftRelationConfirmationOpen, setIsDraftRelationConfirmationOpen] = React__namespace.useState(false);
   const { publishMany: publishManyAction } = strapiAdmin$1.unstable_useDocumentActions();
   const {
     document,
     meta: documentMeta,
     schema,
     validate
-  } = strapiAdmin$1.unstable_useDocument({
-    model,
-    collectionType,
-    documentId,
-    params: {
-      locale: baseLocale
+  } = strapiAdmin$1.unstable_useDocument(
+    {
+      model,
+      collectionType,
+      documentId,
+      params: {
+        locale: baseLocale
+      }
+    },
+    {
+      skip: !hasI18n
     }
-  });
-  const { data: localesMetadata = [] } = useGetLocalesQuery();
+  );
+  const { data: localesMetadata = [] } = useGetLocalesQuery(hasI18n ? void 0 : query.skipToken);
   const headers = [
     {
       label: formatMessage({
@@ -678,7 +683,7 @@ const BulkLocalePublishAction = ({
   };
   const handleAction = async () => {
     if (draftRelationsCount > 0) {
-      setIsConfirmationOpen(true);
+      setIsDraftRelationConfirmationOpen(true);
     } else {
       await publish();
     }
@@ -687,7 +692,7 @@ const BulkLocalePublishAction = ({
   if (isUnpublish) {
     console.warn(["I18N"], "Bulk locale unpublish modal not implemented");
   }
-  if (isConfirmationOpen) {
+  if (isDraftRelationConfirmationOpen) {
     return {
       label: formatMessage({
         id: "app.components.ConfirmDialog.title",
@@ -696,11 +701,11 @@ const BulkLocalePublishAction = ({
       variant: "danger",
       dialog: {
         onCancel: () => {
-          setIsConfirmationOpen(false);
+          setIsDraftRelationConfirmationOpen(false);
         },
         onConfirm: async () => {
           await publish();
-          setIsConfirmationOpen(false);
+          setIsDraftRelationConfirmationOpen(false);
         },
         type: "dialog",
         title: formatMessage({
@@ -710,20 +715,25 @@ const BulkLocalePublishAction = ({
         content: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "center", gap: 2, children: [
           /* @__PURE__ */ jsxRuntime.jsx(icons.WarningCircle, { width: "2.4rem", height: "2.4rem", fill: "danger600" }),
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textAlign: "center", children: formatMessage({
-            id: "content-manager.actions.discard.dialog.body",
-            defaultMessage: "Are you sure you want to discard the changes? This action is irreversible."
+            id: getTranslation("CMEditViewBulkLocale.draft-relation-warning"),
+            defaultMessage: "Some locales are related to draft entries. Publishing them could leave broken links in your app."
+          }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textAlign: "center", children: formatMessage({
+            id: getTranslation("CMEditViewBulkLocale.continue-confirmation"),
+            defaultMessage: "Are you sure you want to continue?"
           }) })
         ] })
       }
     };
   }
+  const hasPermission = selectedRows.map(({ locale }) => locale).every((locale) => canPublish.includes(locale));
   return {
     label: formatMessage({
       id: getTranslation("CMEditViewBulkLocale.publish-title"),
       defaultMessage: "Publish Multiple Locales"
     }),
     icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ListPlus, {}),
-    disabled: isPublishedTab || !canPublish,
+    disabled: isPublishedTab || canPublish.length === 0,
     position: ["panel"],
     variant: "secondary",
     dialog: {
@@ -755,11 +765,11 @@ const BulkLocalePublishAction = ({
           }
         );
       },
-      footer: () => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "flex-end", children: /* @__PURE__ */ jsxRuntime.jsx(
+      footer: () => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "flex-end", width: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(
         designSystem.Button,
         {
           loading: isDraftRelationsLoading,
-          disabled: localesToPublish.length === 0,
+          disabled: !hasPermission || localesToPublish.length === 0,
           variant: "default",
           onClick: handleAction,
           children: formatMessage({
@@ -827,16 +837,9 @@ const UnpublishModalAdditionalInfo = () => {
     }
   ) });
 };
-const Initializer = ({ setPlugin }) => {
-  const setPluginRef = React__namespace.useRef(setPlugin);
-  React__namespace.useEffect(() => {
-    setPluginRef.current(pluginId);
-  }, []);
-  return null;
-};
 const LocalePicker = () => {
   const { formatMessage } = reactIntl.useIntl();
-  const [{ query }, setQuery] = strapiAdmin.useQueryParams();
+  const [{ query: query2 }, setQuery] = strapiAdmin.useQueryParams();
   const { hasI18n, canRead, canCreate } = useI18n();
   const { data: locales = [] } = useGetLocalesQuery(void 0, {
     skip: !hasI18n
@@ -846,25 +849,25 @@ const LocalePicker = () => {
       setQuery(
         {
           page: 1,
-          plugins: { ...query.plugins, i18n: { locale: code } }
+          plugins: { ...query2.plugins, i18n: { locale: code } }
         },
         "push",
         replace
       );
     },
-    [query.plugins, setQuery]
+    [query2.plugins, setQuery]
   );
   React__namespace.useEffect(() => {
     if (!Array.isArray(locales) || !hasI18n) {
       return;
     }
-    const currentDesiredLocale = query.plugins?.i18n?.locale;
+    const currentDesiredLocale = query2.plugins?.i18n?.locale;
     const doesLocaleExist = locales.find((loc) => loc.code === currentDesiredLocale);
     const defaultLocale = locales.find((locale) => locale.isDefault);
     if (!doesLocaleExist && defaultLocale?.code) {
       handleChange(defaultLocale.code, true);
     }
-  }, [hasI18n, handleChange, locales, query.plugins?.i18n?.locale]);
+  }, [hasI18n, handleChange, locales, query2.plugins?.i18n?.locale]);
   if (!hasI18n || !Array.isArray(locales) || locales.length === 0) {
     return null;
   }
@@ -879,7 +882,7 @@ const LocalePicker = () => {
         id: getTranslation("actions.select-locale"),
         defaultMessage: "Select locale"
       }),
-      value: query.plugins?.i18n?.locale || locales.find((locale) => locale.isDefault)?.code,
+      value: query2.plugins?.i18n?.locale || locales.find((locale) => locale.isDefault)?.code,
       onChange: handleChange,
       children: displayedLocales.map((locale) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: locale.code, children: locale.name }, locale.id))
     }
@@ -974,13 +977,7 @@ const LocaleListCell = ({
     }
   });
   const { locale: language } = reactIntl.useIntl();
-  const [visible, setVisible] = React__namespace.useState(false);
-  const buttonRef = React__namespace.useRef(null);
   const { data: locales = [] } = useGetLocalesQuery();
-  const handleTogglePopover = (e) => {
-    e.stopPropagation();
-    setVisible((prev) => !prev);
-  };
   const formatter = designSystem.useCollator(language, {
     sensitivity: "base"
   });
@@ -1002,8 +999,8 @@ const LocaleListCell = ({
     }
     return locale.name;
   }).toSorted((a, b) => formatter.compare(a, b));
-  return /* @__PURE__ */ jsxRuntime.jsxs(Button, { type: "button", onClick: handleTogglePopover, ref: buttonRef, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
+  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%",
@@ -1016,17 +1013,8 @@ const LocaleListCell = ({
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { children: /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, {}) })
         ]
       }
-    ),
-    visible && /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.Popover,
-      {
-        onDismiss: () => setVisible(false),
-        source: buttonRef,
-        spacing: 16,
-        centered: true,
-        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)) })
-      }
-    )
+    ) }) }),
+    /* @__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`
@@ -1088,18 +1076,11 @@ const addColumnToTableHook = ({ displayedHeaders, layout }) => {
 const addLocaleToReleasesHook = ({ displayedHeaders = [] }) => {
   return {
     displayedHeaders: [
-      // TODO: Fix when migrating to v5
-      // ...displayedHeaders,
+      ...displayedHeaders,
       {
-        key: "__locale__",
-        fieldSchema: { type: "string" },
-        metadatas: {
-          label: {
-            id: "content-releases.page.ReleaseDetails.table.header.label.locale",
-            defaultMessage: "locale"
-          },
-          searchable: false,
-          sortable: false
+        label: {
+          id: "content-releases.page.ReleaseDetails.table.header.label.locale",
+          defaultMessage: "locale"
         },
         name: "locale"
       }
@@ -1247,8 +1228,6 @@ const index = {
     app.addRBACMiddleware([localeMiddleware]);
     app.registerPlugin({
       id: pluginId,
-      initializer: Initializer,
-      isReady: false,
       name: pluginId
     });
   },
@@ -1266,7 +1245,7 @@ const index = {
       },
       id: "internationalization",
       to: "internationalization",
-      Component: () => Promise.resolve().then(() => require("./SettingsPage-DjWupAff.js")).then((mod) => ({ default: mod.ProtectedSettingsPage })),
+      Component: () => Promise.resolve().then(() => require("./SettingsPage-CwD3sWFS.js")).then((mod) => ({ default: mod.ProtectedSettingsPage })),
       permissions: PERMISSIONS.accessMain
     });
     const contentManager = app.getPlugin("content-manager");
@@ -1383,7 +1362,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-Kv6y9zPQ.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-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 {
             data: prefixPluginTranslations(data, pluginId),
             locale
@@ -1407,4 +1386,4 @@ exports.useDeleteLocaleMutation = useDeleteLocaleMutation;
 exports.useGetDefaultLocalesQuery = useGetDefaultLocalesQuery;
 exports.useGetLocalesQuery = useGetLocalesQuery;
 exports.useUpdateLocaleMutation = useUpdateLocaleMutation;
-//# sourceMappingURL=index-D--YX2ZY.js.map
+//# sourceMappingURL=index-5_LTJ7xw.js.map