fix(admin): fix admin panel failing to build due to direct imports from plugin-i18n

The i18n plugin has added the "exports" field to its package.json file, preventing direct import of
some utilities that need here. Instead of the import, the needed functions are now added here
directly with some minor modifications

fix #378

Author: layaxx

plugin/admin/src/components/CMEditViewTranslateLocale/index.js

@@ -47,9 +47,6 @@ import {
   CheckPermissions,
   request,
 } from '@strapi/helper-plugin'
-import { generateOptions } from '@strapi/plugin-i18n/admin/src/components/CMEditViewInjectedComponents/CMEditViewCopyLocale/utils'
-import useContentTypePermissions from '@strapi/plugin-i18n/admin/src/hooks/useContentTypePermissions'
-import selectI18NLocales from '@strapi/plugin-i18n/admin/src/selectors/selectI18nLocales'
 import _ from 'lodash'
 import { getTrad } from '../../utils'
 import permissions from '../../permissions'
@@ -73,9 +70,12 @@ const CenteredTypography = styled(Typography)`
 
 const CMEditViewTranslateLocale = () => {
   const [{ query }] = useQueryParams()
-  const locales = useSelector(selectI18NLocales)
+  const locales = useSelector((state) => state.i18n_locales.locales)
   const { layout, modifiedData, slug } = useCMEditViewDataManager()
-  const { readPermissions } = useContentTypePermissions(slug)
+  const readPermissions =
+    (useSelector(
+      (state) => state.rbacProvider.collectionTypesRelatedPermissions
+    )[slug] || [])['plugin::content-manager.explorer.read'] || []
 
   const defaultLocale = locales.find((loc) => loc.isDefault)
   const currentLocale = get(query, 'plugins.i18n.locale', defaultLocale.code)
@@ -90,6 +90,8 @@ const CMEditViewTranslateLocale = () => {
     return null
   }
 
+  console.log(readPermissions)
+
   return (
     <CheckPermissions permissions={permissions.translate}>
       <Content
@@ -113,12 +115,22 @@ const Content = ({
   const { allLayoutData, initialData, slug, onChange } =
     useCMEditViewDataManager()
 
-  const options = generateOptions(
-    appLocales,
-    currentLocale,
-    localizations,
-    readPermissions
-  )
+  const options = appLocales
+    .filter(({ code }) => {
+      return (
+        code !== currentLocale &&
+        localizations.map(({ locale }) => locale).includes(code) &&
+        readPermissions.some(({ properties }) =>
+          get(properties, 'locales', []).includes(code)
+        )
+      )
+    })
+    .map(({ name, code }) => {
+      return {
+        label: name,
+        value: localizations.find(({ locale }) => code === locale).id,
+      }
+    })
 
   const toggleNotification = useNotification()
   const { formatMessage } = useIntl()