@akemona-org/strapi-plugin-i18n 3.7.0

package/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2015-present Strapi Solutions SAS
+
+Portions of the Strapi software are licensed as follows:
+
+* All software that resides under an "ee/" directory (the “EE Software”), if that directory exists, is licensed under the license defined in "ee/LICENSE".
+
+* All software outside of the above-mentioned directories or restrictions above is available under the "MIT Expat" license as set forth below.
+
+MIT Expat License
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,19 @@
+# strapi-plugin-i18n
+
+---
+
+## Deprecation Warning :warning:
+
+Hello! We have some news to share,
+
+We’ve decided it’ll soon be time to end the support for `strapi-plugin-i18n`.
+
+After years of iterations, Strapi is going to V4 and we won’t maintain V3 packages when it’ll reach its end-of-support milestone (~end of Q3 2022).
+
+If you’ve been using `strapi-plugin-i18n` and have migrated to V4 (or if you want to), you can find the equivalent and updated version of this package at this [URL](https://github.com/strapi/strapi/tree/master/packages/plugins/i18n) and with the following name on NPM: `@strapi/plugin-i18n`.
+
+If you’ve contributed to the development of this package, thank you again for that! We hope to see you on the V4 soon.
+
+The Akemona team
+
+---

package/admin/src/assets/images/logo.svg

@@ -0,0 +1 @@
+<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><text transform="translate(-23 -7)" fill="#333740" fill-rule="evenodd" font-family="AppleColorEmoji, Apple Color Emoji" font-size="20" letter-spacing=".769"><tspan x="23" y="26">🌍</tspan></text></svg>

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

@@ -0,0 +1,183 @@
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import { Duplicate } from '@buffetjs/icons';
+import { Label, Padded, Text } from '@buffetjs/core';
+import Select from 'react-select';
+import { useDispatch } from 'react-redux';
+import { useTheme } from 'styled-components';
+import { useIntl } from 'react-intl';
+import {
+  BaselineAlignment,
+  DropdownIndicator,
+  ModalConfirm,
+  selectStyles,
+  useContentManagerEditViewDataManager,
+  request,
+} from 'strapi-helper-plugin';
+import { getTrad } from '../../utils';
+import { cleanData, generateOptions } from './utils';
+
+const CMEditViewCopyLocale = props => {
+  if (!props.localizations.length) {
+    return null;
+  }
+
+  return <Content {...props} />;
+};
+
+const Content = ({ appLocales, currentLocale, localizations, readPermissions }) => {
+  const options = generateOptions(appLocales, currentLocale, localizations, readPermissions);
+
+  const { formatMessage } = useIntl();
+  const dispatch = useDispatch();
+  const { allLayoutData, slug } = useContentManagerEditViewDataManager();
+  const [isLoading, setIsLoading] = useState(false);
+  const [isOpen, setIsOpen] = useState(false);
+  const [value, setValue] = useState(options[0]);
+  const theme = useTheme();
+
+  const handleConfirmCopyLocale = async () => {
+    if (!value) {
+      handleToggle();
+
+      return;
+    }
+
+    const requestURL = `/content-manager/collection-types/${slug}/${value.value}`;
+
+    try {
+      setIsLoading(true);
+      const response = await request(requestURL, { method: 'GET' });
+      const cleanedData = cleanData(response, allLayoutData, localizations);
+
+      dispatch({ type: 'ContentManager/CrudReducer/GET_DATA_SUCCEEDED', data: cleanedData });
+
+      strapi.notification.toggle({
+        type: 'success',
+        message: {
+          id: getTrad('CMEditViewCopyLocale.copy-success'),
+          defaultMessage: 'Locale copied!',
+        },
+      });
+    } catch (err) {
+      console.error(err);
+
+      strapi.notification.toggle({
+        type: 'warning',
+        message: {
+          id: getTrad('CMEditViewCopyLocale.copy-failure'),
+          defaultMessage: 'Failed to copy locale',
+        },
+      });
+    } finally {
+      setIsLoading(false);
+      handleToggle();
+    }
+  };
+
+  const handleChange = value => {
+    setValue(value);
+  };
+
+  const handleToggle = () => {
+    setIsOpen(prev => !prev);
+  };
+
+  const styles = selectStyles(theme);
+
+  return (
+    <>
+      <BaselineAlignment top size="12px" />
+      <Text
+        color="mediumBlue"
+        fontWeight="semiBold"
+        style={{ cursor: 'pointer' }}
+        onClick={handleToggle}
+      >
+        <span style={{ marginRight: 10 }}>
+          <Duplicate fill="#007EFF" />
+        </span>
+        {formatMessage({
+          id: getTrad('CMEditViewCopyLocale.copy-text'),
+          defaultMessage: 'Fill in from another locale',
+        })}
+      </Text>
+      <ModalConfirm
+        showButtonLoader={isLoading}
+        confirmButtonLabel={{
+          id: getTrad('CMEditViewCopyLocale.submit-text'),
+          defaultMessage: 'Yes, fill in',
+        }}
+        content={{
+          id: getTrad('CMEditViewCopyLocale.ModalConfirm.content'),
+          defaultMessage:
+            'Your current content will be erased and filled by the content of the selected locale:',
+        }}
+        isOpen={isOpen}
+        onConfirm={handleConfirmCopyLocale}
+        title={{
+          id: getTrad('CMEditViewCopyLocale.ModalConfirm.title'),
+          defaultMessage: 'Select Locale',
+        }}
+        toggle={handleToggle}
+        type="success"
+      >
+        <Padded style={{ marginTop: -3 }} bottom size="sm">
+          <span id="select-locale" style={{ textAlign: 'left' }}>
+            <Label htmlFor="">
+              {formatMessage({
+                id: getTrad('Settings.locales.modal.locales.label'),
+              })}
+            </Label>
+            <BaselineAlignment top size="3px" />
+            <Select
+              aria-labelledby="select-locale"
+              components={{ DropdownIndicator }}
+              isSearchable={false}
+              defaultValue={options[0]}
+              onChange={handleChange}
+              options={options}
+              styles={{
+                ...styles,
+                control: (base, state) => ({
+                  ...base,
+                  ...styles.control(base, state),
+                  height: '34px',
+                }),
+                indicatorsContainer: (base, state) => ({
+                  ...base,
+                  ...styles.indicatorsContainer(base, state),
+                  height: '32px',
+                }),
+                valueContainer: base => ({
+                  ...base,
+                  padding: '2px 0px 4px 10px',
+                  lineHeight: '18px',
+                }),
+              }}
+              value={value}
+            />
+          </span>
+        </Padded>
+      </ModalConfirm>
+    </>
+  );
+};
+
+CMEditViewCopyLocale.propTypes = {
+  localizations: PropTypes.array.isRequired,
+};
+
+Content.propTypes = {
+  appLocales: PropTypes.arrayOf(
+    PropTypes.shape({
+      code: PropTypes.string.isRequired,
+      name: PropTypes.string,
+    })
+  ).isRequired,
+  currentLocale: PropTypes.string.isRequired,
+  localizations: PropTypes.array.isRequired,
+  readPermissions: PropTypes.array.isRequired,
+};
+
+export default CMEditViewCopyLocale;

package/admin/src/components/CMEditViewCopyLocale/utils/cleanData.js

@@ -0,0 +1,36 @@
+import {
+  contentManagementUtilRemoveFieldsFromData,
+  formatComponentData,
+} from 'strapi-helper-plugin';
+import removePasswordAndRelationsFieldFromData from './removePasswordAndRelationsFieldFromData';
+
+const cleanData = (data, { contentType, components }, initialLocalizations) => {
+  const dataWithoutPasswordsAndRelations = removePasswordAndRelationsFieldFromData(
+    data,
+    contentType,
+    components
+  );
+
+  dataWithoutPasswordsAndRelations.localizations = initialLocalizations;
+
+  const fieldsToRemove = [
+    'created_by',
+    'updated_by',
+    'published_at',
+    'id',
+    '_id',
+    'updated_at',
+    'created_at',
+  ];
+
+  const cleanedClonedData = contentManagementUtilRemoveFieldsFromData(
+    dataWithoutPasswordsAndRelations,
+    contentType,
+    components,
+    fieldsToRemove
+  );
+
+  return formatComponentData(cleanedClonedData, contentType, components);
+};
+
+export default cleanData;

package/admin/src/components/CMEditViewCopyLocale/utils/generateOptions.js

@@ -0,0 +1,22 @@
+import get from 'lodash/get';
+
+const generateOptions = (appLocales, currentLocale, localizations, permissions) => {
+  return appLocales
+    .filter(({ code }) => {
+      return (
+        code !== currentLocale &&
+        (localizations || []).findIndex(({ locale }) => locale === code) !== -1
+      );
+    })
+    .filter(({ code }) => {
+      return permissions.some(({ properties }) => get(properties, 'locales', []).includes(code));
+    })
+    .map(locale => {
+      return {
+        label: locale.name,
+        value: localizations.find(loc => locale.code === loc.locale).id,
+      };
+    });
+};
+
+export default generateOptions;

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

@@ -0,0 +1,2 @@
+export { default as cleanData } from './cleanData';
+export { default as generateOptions } from './generateOptions';

package/admin/src/components/CMEditViewCopyLocale/utils/removePasswordAndRelationsFieldFromData.js

@@ -0,0 +1,54 @@
+import { get } from 'lodash';
+import { getType, getOtherInfos } from 'strapi-helper-plugin';
+
+const removePasswordAndRelationsFieldFromData = (data, contentTypeSchema, componentSchema) => {
+  const recursiveCleanData = (data, schema) => {
+    return Object.keys(data).reduce((acc, current) => {
+      const attrType = getType(schema, current);
+      const value = get(data, current);
+      const component = getOtherInfos(schema, [current, 'component']);
+      const isRepeatable = getOtherInfos(schema, [current, 'repeatable']);
+
+      if (attrType === 'dynamiczone') {
+        acc[current] = value.map(componentValue => {
+          const subCleanedData = recursiveCleanData(
+            componentValue,
+            componentSchema[componentValue.__component]
+          );
+
+          return subCleanedData;
+        });
+
+        return acc;
+      }
+
+      if (attrType === 'component') {
+        if (isRepeatable) {
+          /* eslint-disable indent */
+          acc[current] = value
+            ? value.map(compoData => {
+                const subCleanedData = recursiveCleanData(compoData, componentSchema[component]);
+
+                return subCleanedData;
+              })
+            : value;
+          /* eslint-enable indent */
+        } else {
+          acc[current] = value ? recursiveCleanData(value, componentSchema[component]) : value;
+        }
+
+        return acc;
+      }
+
+      if (attrType !== 'password' && attrType !== 'relation') {
+        acc[current] = value;
+      }
+
+      return acc;
+    }, {});
+  };
+
+  return recursiveCleanData(data, contentTypeSchema);
+};
+
+export default removePasswordAndRelationsFieldFromData;

package/admin/src/components/CMEditViewCopyLocale/utils/tests/cleanData.test.js

@@ -0,0 +1,83 @@
+import cleanData from '../cleanData';
+
+describe('i18n | Components | CMEditViewCopyLocale | utils', () => {
+  describe('cleanData', () => {
+    it('should change the localization key with the one passed in the argument', () => {
+      const data = {
+        address: 'test',
+        addresseses: [],
+        common: 'common',
+        created_at: '2021-03-17T15:34:05.866Z',
+        created_by: {
+          blocked: null,
+          email: 'cyril@strapi.io',
+          firstname: 'cyril',
+          id: 1,
+          isActive: true,
+          lastname: 'lopez',
+          preferedLanguage: null,
+          registrationToken: null,
+          resetPasswordToken: null,
+          username: null,
+        },
+        id: 14,
+        locale: 'fr-FR',
+        localizations: [
+          {
+            id: 13,
+            locale: 'en',
+            published_at: null,
+          },
+        ],
+        name: 'name',
+        published_at: null,
+        updated_at: '2021-03-17T15:34:18.958Z',
+        updated_by: {
+          blocked: null,
+          email: 'cyril@strapi.io',
+          firstname: 'cyril',
+          id: 1,
+          isActive: true,
+          lastname: 'lopez',
+          preferedLanguage: null,
+          registrationToken: null,
+          resetPasswordToken: null,
+          username: null,
+        },
+      };
+      const contentType = {
+        attributes: {
+          address: { type: 'relation' },
+          addresseses: { type: 'relation' },
+          common: { pluginOptions: { i18n: { localized: true } }, type: 'text' },
+          created_at: { type: 'timestamp' },
+          id: { type: 'integer' },
+          name: { pluginOptions: { i18n: { localized: true } } },
+          updated_at: { type: 'timestamp' },
+        },
+      };
+      const initLocalizations = [
+        {
+          id: 14,
+          locale: 'fr-FR',
+          published_at: null,
+        },
+      ];
+
+      const expected = {
+        common: 'common',
+        locale: 'fr-FR',
+        localizations: [
+          {
+            id: 14,
+            locale: 'fr-FR',
+            published_at: null,
+          },
+        ],
+        name: 'name',
+      };
+
+      expect(cleanData(data, { contentType, components: {} }, initLocalizations)).toEqual(expected);
+    });
+  });
+});

package/admin/src/components/CMEditViewCopyLocale/utils/tests/data.js

@@ -0,0 +1,219 @@
+const testData = {
+  contentType: {
+    uid: 'application::test.test',
+    apiID: 'test',
+    attributes: {
+      created_at: { type: 'timestamp' },
+      dz: { type: 'dynamiczone', components: ['compos.test-compo', 'compos.sub-compo'] },
+      id: { type: 'integer' },
+      name: { type: 'string' },
+      notrepeatable: {
+        type: 'component',
+        repeatable: false,
+        component: 'compos.test-compo',
+      },
+      password: { type: 'password' },
+      repeatable: { type: 'component', repeatable: true, component: 'compos.test-compo' },
+      updated_at: { type: 'timestamp' },
+    },
+  },
+  components: {
+    'compos.sub-compo': {
+      uid: 'compos.sub-compo',
+      category: 'compos',
+      attributes: {
+        id: { type: 'integer' },
+        name: { type: 'string' },
+        password: { type: 'password' },
+      },
+    },
+    'compos.test-compo': {
+      uid: 'compos.test-compo',
+      category: 'compos',
+      attributes: {
+        id: { type: 'integer' },
+        name: { type: 'string' },
+        password: { type: 'password' },
+        subcomponotrepeatable: {
+          type: 'component',
+          repeatable: false,
+          component: 'compos.sub-compo',
+        },
+        subrepeatable: {
+          type: 'component',
+          repeatable: true,
+          component: 'compos.sub-compo',
+        },
+      },
+    },
+  },
+  modifiedData: {
+    created_at: '2020-04-28T13:22:13.033Z',
+    dz: [
+      { __component: 'compos.sub-compo', id: 7, name: 'name', password: 'password' },
+      {
+        id: 4,
+        name: 'name',
+        password: 'password',
+        subcomponotrepeatable: null,
+        subrepeatable: [],
+        __component: 'compos.test-compo',
+      },
+      {
+        id: 5,
+        name: 'name',
+        password: 'password',
+        subcomponotrepeatable: { id: 9, name: 'name', password: 'password' },
+        subrepeatable: [{ id: 8, name: 'name', password: 'password' }],
+        __component: 'compos.test-compo',
+      },
+      {
+        id: 6,
+        name: null,
+        password: null,
+        subcomponotrepeatable: null,
+        subrepeatable: [],
+        __component: 'compos.test-compo',
+      },
+    ],
+    id: 1,
+    name: 'name',
+    notrepeatable: {
+      id: 1,
+      name: 'name',
+      password: 'password',
+      subcomponotrepeatable: { id: 4, name: 'name', password: 'password' },
+      subrepeatable: [
+        { id: 1, name: 'name', password: 'password' },
+        { id: 2, name: 'name', password: 'password' },
+        { id: 3, name: 'name', password: 'password' },
+      ],
+    },
+    password: 'password',
+    repeatable: [
+      {
+        id: 2,
+        name: 'name',
+        password: 'password',
+        subrepeatable: [{ id: 5, name: 'name', password: 'password' }],
+        subcomponotrepeatable: { id: 6, name: 'name', password: 'password' },
+      },
+      {
+        id: 3,
+        name: 'name',
+        password: 'password',
+        subrepeatable: [],
+        subcomponotrepeatable: null,
+      },
+    ],
+    updated_at: '2020-04-28T13:22:13.033Z',
+  },
+  expectedModifiedData: {
+    created_at: '2020-04-28T13:22:13.033Z',
+    dz: [
+      { __component: 'compos.sub-compo', id: 7, name: 'name' },
+      {
+        id: 4,
+        name: 'name',
+        subcomponotrepeatable: null,
+        subrepeatable: [],
+        __component: 'compos.test-compo',
+      },
+      {
+        id: 5,
+        name: 'name',
+        subcomponotrepeatable: { id: 9, name: 'name' },
+        subrepeatable: [{ id: 8, name: 'name' }],
+        __component: 'compos.test-compo',
+      },
+      {
+        id: 6,
+        name: null,
+        subcomponotrepeatable: null,
+        subrepeatable: [],
+        __component: 'compos.test-compo',
+      },
+    ],
+    id: 1,
+    name: 'name',
+    notrepeatable: {
+      id: 1,
+      name: 'name',
+      subcomponotrepeatable: { id: 4, name: 'name' },
+      subrepeatable: [
+        { id: 1, name: 'name' },
+        { id: 2, name: 'name' },
+        { id: 3, name: 'name' },
+      ],
+    },
+    repeatable: [
+      {
+        id: 2,
+        name: 'name',
+        subrepeatable: [{ id: 5, name: 'name' }],
+        subcomponotrepeatable: { id: 6, name: 'name' },
+      },
+      {
+        id: 3,
+        name: 'name',
+        subrepeatable: [],
+        subcomponotrepeatable: null,
+      },
+    ],
+    updated_at: '2020-04-28T13:22:13.033Z',
+  },
+  expectedNoFieldsModifiedData: {
+    dz: [
+      { __component: 'compos.sub-compo', name: 'name', password: 'password' },
+      {
+        name: 'name',
+        password: 'password',
+        subcomponotrepeatable: null,
+        subrepeatable: [],
+        __component: 'compos.test-compo',
+      },
+      {
+        name: 'name',
+        password: 'password',
+        subcomponotrepeatable: { name: 'name', password: 'password' },
+        subrepeatable: [{ name: 'name', password: 'password' }],
+        __component: 'compos.test-compo',
+      },
+      {
+        name: null,
+        password: null,
+        subcomponotrepeatable: null,
+        subrepeatable: [],
+        __component: 'compos.test-compo',
+      },
+    ],
+    name: 'name',
+    notrepeatable: {
+      name: 'name',
+      password: 'password',
+      subcomponotrepeatable: { name: 'name', password: 'password' },
+      subrepeatable: [
+        { name: 'name', password: 'password' },
+        { name: 'name', password: 'password' },
+        { name: 'name', password: 'password' },
+      ],
+    },
+    password: 'password',
+    repeatable: [
+      {
+        name: 'name',
+        password: 'password',
+        subrepeatable: [{ name: 'name', password: 'password' }],
+        subcomponotrepeatable: { name: 'name', password: 'password' },
+      },
+      {
+        name: 'name',
+        password: 'password',
+        subrepeatable: [],
+        subcomponotrepeatable: null,
+      },
+    ],
+  },
+};
+
+export default testData;