@akemona-org/strapi-plugin-i18n 3.12.4 → 3.13.0

package/admin/src/components/CMEditViewCopyLocale/index.js

@@ -17,15 +17,15 @@ import {
 import { getTrad } from '../../utils';
 import { cleanData, generateOptions } from './utils';
 
-const CMEditViewCopyLocale = (props) => {
+function CMEditViewCopyLocale(props) {
   if (!props.localizations.length) {
     return null;
   }
 
   return <Content {...props} />;
-};
+}
 
-const Content = ({ appLocales, currentLocale, localizations, readPermissions }) => {
+function Content({ appLocales, currentLocale, localizations, readPermissions }) {
   const options = generateOptions(appLocales, currentLocale, localizations, readPermissions);
 
   const { formatMessage } = useIntl();
@@ -162,7 +162,7 @@ const Content = ({ appLocales, currentLocale, localizations, readPermissions })
       </ModalConfirm>
     </>
   );
-};
+}
 
 CMEditViewCopyLocale.propTypes = {
   localizations: PropTypes.array.isRequired,

package/admin/src/components/CMEditViewInjectedComponents/index.js

@@ -10,7 +10,7 @@ import selectI18NLocales from '../../selectors/selectI18nLocales';
 import useContentTypePermissions from '../../hooks/useContentTypePermissions';
 import CMEditViewLocalePicker from '../CMEditViewLocalePicker';
 
-const CMEditViewInjectedComponents = () => {
+function CMEditViewInjectedComponents() {
   const { layout, modifiedData, slug, isSingleType } = useContentManagerEditViewDataManager();
   const { createPermissions, readPermissions } = useContentTypePermissions(slug);
   const locales = useSelector(selectI18NLocales);
@@ -56,6 +56,6 @@ const CMEditViewInjectedComponents = () => {
       slug={slug}
     />
   );
-};
+}
 
 export default CMEditViewInjectedComponents;

package/admin/src/components/CMEditViewLocalePicker/Option.js

@@ -18,7 +18,7 @@ const statusToTitleMap = {
   'did-not-create-locale': getTrad('components.Select.locales.not-available'),
 };
 
-const Option = (props) => {
+function Option(props) {
   const { formatMessage } = useIntl();
   const Component = components.Option;
   const options = get(props, ['selectProps', 'options'], {});
@@ -45,7 +45,7 @@ const Option = (props) => {
       </Flex>
     </Component>
   );
-};
+}
 
 Option.defaultProps = {};
 

package/admin/src/components/CMEditViewLocalePicker/index.js

@@ -18,7 +18,7 @@ import CMEditViewCopyLocale from '../CMEditViewCopyLocale';
 import OptionComponent from './Option';
 import Wrapper from './Wrapper';
 
-const CMEditViewLocalePicker = ({
+function CMEditViewLocalePicker({
   appLocales,
   createPermissions,
   currentEntityId,
@@ -29,7 +29,7 @@ const CMEditViewLocalePicker = ({
   readPermissions,
   setQuery,
   slug,
-}) => {
+}) {
   const { formatMessage } = useIntl();
   const theme = useTheme();
   const currentLocale = get(query, 'plugins.i18n.locale', false);
@@ -137,7 +137,7 @@ const CMEditViewLocalePicker = ({
       </Padded>
     </Wrapper>
   );
-};
+}
 
 CMEditViewLocalePicker.defaultProps = {
   createPermissions: [],

package/admin/src/components/CheckboxConfirmation/index.js

@@ -6,7 +6,7 @@ import { ModalConfirm } from '@akemona-org/strapi-helper-plugin';
 import { getTrad } from '../../utils';
 import Wrapper from './Wrapper';
 
-const CheckboxConfirmation = ({ description, isCreating, label, name, onChange, ...rest }) => {
+function CheckboxConfirmation({ description, isCreating, label, name, onChange, ...rest }) {
   const { formatMessage } = useIntl();
   const [isOpen, setIsOpen] = useState(false);
 
@@ -52,7 +52,7 @@ const CheckboxConfirmation = ({ description, isCreating, label, name, onChange,
       </ModalConfirm>
     </>
   );
-};
+}
 
 CheckboxConfirmation.defaultProps = {
   description: null,

package/admin/src/components/DeleteModalAdditionalInfos/index.js

@@ -3,7 +3,7 @@ import { FormattedMessage } from 'react-intl';
 import { getTrad } from '../../utils';
 import useHasI18n from '../../hooks/useHasI18n';
 
-const DeleteModalAdditionalInfos = () => {
+function DeleteModalAdditionalInfos() {
   const hasI18nEnabled = useHasI18n();
 
   if (!hasI18nEnabled) {
@@ -20,6 +20,6 @@ const DeleteModalAdditionalInfos = () => {
       />
     </span>
   );
-};
+}
 
 export default DeleteModalAdditionalInfos;

package/admin/src/components/LocaleList/index.js

@@ -12,7 +12,7 @@ import ModalEdit from '../ModalEdit';
 import ModalDelete from '../ModalDelete';
 import ModalCreate from '../ModalCreate';
 
-const LocaleList = ({ canUpdateLocale, canDeleteLocale, onToggleCreateModal, isCreating }) => {
+function LocaleList({ canUpdateLocale, canDeleteLocale, onToggleCreateModal, isCreating }) {
   const [localeToDelete, setLocaleToDelete] = useState();
   const [localeToEdit, setLocaleToEdit] = useState();
   const { locales, isLoading } = useLocales();
@@ -85,7 +85,7 @@ const LocaleList = ({ canUpdateLocale, canDeleteLocale, onToggleCreateModal, isC
       <ModalCreate isOpened={isCreating} onClose={onToggleCreateModal} />
     </>
   );
-};
+}
 
 LocaleList.defaultProps = {
   onToggleCreateModal: undefined,

package/admin/src/components/LocaleListCell/LocaleListCell.js

@@ -18,7 +18,7 @@ const LocaleName = styled.div`
   white-space: nowrap;
 `;
 
-const LocaleListCell = ({ locales, localizations, locale: currentLocaleCode, id }) => {
+function LocaleListCell({ locales, localizations, locale: currentLocaleCode, id }) {
   const allLocalizations = [{ locale: currentLocaleCode }, ...localizations];
   const localizationNames = allLocalizations.map((locale) => locale.locale);
   const defaultLocale = locales.find((locale) => locale.isDefault);
@@ -68,7 +68,7 @@ const LocaleListCell = ({ locales, localizations, locale: currentLocaleCode, id
       </Tooltip>
     </div>
   );
-};
+}
 
 LocaleListCell.propTypes = {
   id: PropTypes.number.isRequired,

package/admin/src/components/LocalePicker/index.js

@@ -40,7 +40,7 @@ const EllipsisParagraph = styled(Text)`
   text-align: left;
 `;
 
-const LocalePicker = () => {
+function LocalePicker() {
   const dispatch = useDispatch();
   const locales = useSelector(selectI18NLocales);
   const [{ query }, setQuery] = useQueryParams();
@@ -121,6 +121,6 @@ const LocalePicker = () => {
       }}
     />
   );
-};
+}
 
 export default LocalePicker;

package/admin/src/components/LocaleRow/index.js

@@ -7,7 +7,7 @@ import { CustomRow } from '@buffetjs/styles';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { getTrad } from '../../utils';
 
-const LocaleSettingsPage = ({ locale, onDelete, onEdit }) => {
+function LocaleSettingsPage({ locale, onDelete, onEdit }) {
   const { formatMessage } = useIntl();
 
   const links = [];
@@ -57,7 +57,7 @@ const LocaleSettingsPage = ({ locale, onDelete, onEdit }) => {
       </td>
     </CustomRow>
   );
-};
+}
 
 LocaleSettingsPage.defaultProps = {
   onDelete: undefined,

package/admin/src/components/ModalCreate/AdvancedForm.js

@@ -5,7 +5,7 @@ import { useIntl } from 'react-intl';
 import { BaselineAlignment } from '@akemona-org/strapi-helper-plugin';
 import { getTrad } from '../../utils';
 
-const AdvancedForm = () => {
+function AdvancedForm() {
   const { values, setFieldValue } = useFormikContext();
   const { formatMessage } = useIntl();
 
@@ -40,6 +40,6 @@ const AdvancedForm = () => {
       </Text>
     </div>
   );
-};
+}
 
 export default AdvancedForm;

package/admin/src/components/ModalCreate/BaseForm.js

@@ -20,7 +20,7 @@ const reactSelectLocaleFilter = createFilter({
   matchFrom: 'start',
 });
 
-const BaseForm = ({ options, defaultOption }) => {
+function BaseForm({ options, defaultOption }) {
   const theme = useTheme();
   const { formatMessage } = useIntl();
   const { values, handleChange, setFieldValue } = useFormikContext();
@@ -88,7 +88,7 @@ const BaseForm = ({ options, defaultOption }) => {
       </Col>
     </Row>
   );
-};
+}
 
 BaseForm.defaultProps = {
   defaultOption: undefined,

package/admin/src/components/ModalCreate/index.js

@@ -12,7 +12,7 @@ import useAddLocale from '../../hooks/useAddLocale';
 import BaseForm from './BaseForm';
 import AdvancedForm from './AdvancedForm';
 
-const ModalCreate = ({ alreadyUsedLocales, onClose, isOpened }) => {
+function ModalCreate({ alreadyUsedLocales, onClose, isOpened }) {
   const { defaultLocales, isLoading } = useDefaultLocales();
   const { isAdding, addLocale } = useAddLocale();
   const { formatMessage } = useIntl();
@@ -74,7 +74,8 @@ const ModalCreate = ({ alreadyUsedLocales, onClose, isOpened }) => {
             })
             .then(() => {
               onClose();
-            })}
+            })
+        }
         validationSchema={localeFormSchema}
       >
         {({ handleSubmit, errors }) => (
@@ -121,7 +122,7 @@ const ModalCreate = ({ alreadyUsedLocales, onClose, isOpened }) => {
       </Formik>
     </Modal>
   );
-};
+}
 
 ModalCreate.defaultProps = {
   alreadyUsedLocales: [],

package/admin/src/components/ModalDelete/index.js

@@ -6,7 +6,7 @@ import { useIntl } from 'react-intl';
 import useDeleteLocale from '../../hooks/useDeleteLocale';
 import { getTrad } from '../../utils';
 
-const ModalDelete = ({ localeToDelete, onClose }) => {
+function ModalDelete({ localeToDelete, onClose }) {
   const { isDeleting, deleteLocale } = useDeleteLocale();
   const { formatMessage } = useIntl();
   const isOpened = Boolean(localeToDelete);
@@ -33,7 +33,7 @@ const ModalDelete = ({ localeToDelete, onClose }) => {
       </Text>
     </ModalConfirm>
   );
-};
+}
 
 ModalDelete.defaultProps = {
   localeToDelete: undefined,

package/admin/src/components/ModalEdit/AdvancedForm.js

@@ -6,7 +6,7 @@ import { useIntl } from 'react-intl';
 import { BaselineAlignment } from '@akemona-org/strapi-helper-plugin';
 import { getTrad } from '../../utils';
 
-const AdvancedForm = ({ isDefaultLocale }) => {
+function AdvancedForm({ isDefaultLocale }) {
   const { values, setFieldValue } = useFormikContext();
   const { formatMessage } = useIntl();
 
@@ -42,7 +42,7 @@ const AdvancedForm = ({ isDefaultLocale }) => {
       </Text>
     </div>
   );
-};
+}
 
 AdvancedForm.propTypes = {
   isDefaultLocale: PropTypes.bool.isRequired,

package/admin/src/components/ModalEdit/BaseForm.js

@@ -14,7 +14,7 @@ import {
 import { useFormikContext } from 'formik';
 import { getTrad } from '../../utils';
 
-const BaseForm = ({ options, defaultOption }) => {
+function BaseForm({ options, defaultOption }) {
   const { formatMessage } = useIntl();
   const { values, handleChange } = useFormikContext();
   const theme = useTheme();
@@ -76,7 +76,7 @@ const BaseForm = ({ options, defaultOption }) => {
       </Col>
     </Row>
   );
-};
+}
 
 BaseForm.defaultProps = {
   defaultOption: undefined,

package/admin/src/components/ModalEdit/index.js

@@ -11,7 +11,7 @@ import BaseForm from './BaseForm';
 import AdvancedForm from './AdvancedForm';
 import SettingsModal from '../SettingsModal';
 
-const ModalEdit = ({ localeToEdit, onClose, locales }) => {
+function ModalEdit({ localeToEdit, onClose, locales }) {
   const { isEditing, editLocale } = useEditLocale();
   const shouldUpdateMenu = useRef(false);
   const { updateMenu } = useGlobalContext();
@@ -95,7 +95,7 @@ const ModalEdit = ({ localeToEdit, onClose, locales }) => {
       </Formik>
     </Modal>
   );
-};
+}
 
 ModalEdit.defaultProps = {
   localeToEdit: undefined,

package/admin/src/components/SettingsModal.js

@@ -13,7 +13,7 @@ import {
 import { useIntl } from 'react-intl';
 import { getTrad } from '../utils';
 
-const SettingsModal = ({ children, title, breadCrumb, tabsAriaLabel, tabsId }) => {
+function SettingsModal({ children, title, breadCrumb, tabsAriaLabel, tabsId }) {
   const { formatMessage } = useIntl();
 
   return (
@@ -53,7 +53,7 @@ const SettingsModal = ({ children, title, breadCrumb, tabsAriaLabel, tabsId }) =
       </div>
     </>
   );
-};
+}
 
 SettingsModal.propTypes = {
   children: PropTypes.node.isRequired,

package/admin/src/containers/Initializer.js

@@ -9,7 +9,7 @@ import PropTypes from 'prop-types';
 import pluginId from '../pluginId';
 import useLocales from '../hooks/useLocales';
 
-const Initializer = ({ updatePlugin }) => {
+function Initializer({ updatePlugin }) {
   const { isLoading, locales } = useLocales();
   const ref = useRef();
 
@@ -22,7 +22,7 @@ const Initializer = ({ updatePlugin }) => {
   }, [isLoading, locales]);
 
   return null;
-};
+}
 
 Initializer.propTypes = {
   updatePlugin: PropTypes.func.isRequired,

package/admin/src/containers/SettingsPage/LocaleSettingsPage.js

@@ -7,12 +7,12 @@ import { Button } from '@buffetjs/core';
 import { getTrad } from '../../utils';
 import LocaleList from '../../components/LocaleList';
 
-const LocaleSettingsPage = ({
+function LocaleSettingsPage({
   canReadLocale,
   canCreateLocale,
   canDeleteLocale,
   canUpdateLocale,
-}) => {
+}) {
   const { formatMessage } = useIntl();
   const [isOpenedCreateModal, setIsOpenedCreateModal] = useState(false);
 
@@ -57,7 +57,7 @@ const LocaleSettingsPage = ({
       ) : null}
     </>
   );
-};
+}
 
 LocaleSettingsPage.propTypes = {
   canReadLocale: PropTypes.bool.isRequired,

package/admin/src/containers/SettingsPage/index.js

@@ -5,7 +5,7 @@ import LocaleSettingsPage from './LocaleSettingsPage';
 import i18nPermissions from '../../permissions';
 import { getTrad } from '../../utils';
 
-const ProtectedLocaleSettingsPage = () => {
+function ProtectedLocaleSettingsPage() {
   const { formatMessage } = useIntl();
   const {
     isLoading,
@@ -28,6 +28,6 @@ const ProtectedLocaleSettingsPage = () => {
       canDeleteLocale={canDelete}
     />
   );
-};
+}
 
 export default ProtectedLocaleSettingsPage;

package/admin/src/containers/SettingsPage/tests/SettingsPage.test.js

@@ -10,11 +10,11 @@ import { request, useUserPermissions } from '@akemona-org/strapi-helper-plugin';
 import { fireEvent, render, screen, within, waitFor } from '@testing-library/react';
 import { ThemeProvider } from 'styled-components';
 import { QueryClient, QueryClientProvider } from 'react-query';
+import themes from '@akemona-org/strapi-admin/admin/src/themes';
 import LocaleSettingsPage from '..';
-import themes from '../../../../../../strapi-admin/admin/src/themes';
 import i18nReducers, { initialState } from '../../../hooks/reducers';
 
-const TestWrapper = ({ children }) => {
+function TestWrapper({ children }) {
   const queryClient = new QueryClient();
 
   const initialStoreState = fromJS(initialState);
@@ -28,7 +28,7 @@ const TestWrapper = ({ children }) => {
       </QueryClientProvider>
     </Provider>
   );
-};
+}
 
 // TODO: we should not be forced to mock this module
 // but it bugs somehow when run with jest

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "3.12.4",
+  "version": "3.13.0",
   "description": "This plugin enables to create, to read and to update content in different languages, both from the Admin Panel and from the API",
   "strapi": {
     "name": "Internationalization",
@@ -12,7 +12,7 @@
     "required": false
   },
   "dependencies": {
-    "@akemona-org/strapi-utils": "3.12.4",
+    "@akemona-org/strapi-utils": "3.13.0",
     "lodash": "4.17.21",
     "p-map": "4.0.0",
     "pluralize": "8.0.0"
@@ -27,5 +27,5 @@
     "npm": ">=6.0.0"
   },
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "edf7db826c8babebcfa519e136874ba729667f8b"
+  "gitHead": "8bb7b41ae9cc2110f94b9338f0ec2df437e49161"
 }

package/services/localizations.js

@@ -23,7 +23,7 @@ const assignDefaultLocale = async (data) => {
  * @param {Object} options.model corresponding model
  */
 const syncLocalizations = async (entry, { model }) => {
-  if (Array.isArray(entry.localizations)) {
+  if (Array.isArray(entry?.localizations)) {
     const newLocalizations = [entry.id, ...entry.localizations.map(prop('id'))];
 
     const updateLocalization = (id) => {
@@ -45,7 +45,7 @@ const syncLocalizations = async (entry, { model }) => {
 const syncNonLocalizedAttributes = async (entry, { model }) => {
   const { copyNonLocalizedAttributes } = getService('content-types');
 
-  if (Array.isArray(entry.localizations)) {
+  if (Array.isArray(entry?.localizations)) {
     const nonLocalizedAttributes = copyNonLocalizedAttributes(model, entry);
 
     if (isEmpty(nonLocalizedAttributes)) {