feat(translations): add Japanese 'ja' support for UI-kit (#1191)

* feat(translations): add 'ja' support for UI-kit

* Update src/index.bundlespec.js

Co-Authored-By: Abel Almeida <[email protected]>

* chore: fix prettier probelm

Author: Amin Benselim

.storybook/configs/intl-context.js

@@ -28,6 +28,8 @@ const namifyLocale = locale => {
       return 'Français';
     case 'zhCN':
       return '简化字';
+    case 'ja':
+      return '日本人';
     default:
       return locale;
   }

.storybook/webpack.config.js

@@ -11,7 +11,9 @@ const sourceFolders = [
 
 module.exports = ({ config }) => {
   config.plugins.push(
-    new MomentLocalesPlugin({ localesToKeep: ['de', 'es', 'fr', 'zh-cn'] })
+    new MomentLocalesPlugin({
+      localesToKeep: ['de', 'es', 'fr', 'zh-cn', 'ja'],
+    })
   );
 
   if (process.env.NODE_ENV === 'production') {

i18n/data/ja.json

@@ -0,0 +1,2 @@
+{
+}

i18n/index.js

@@ -3,5 +3,6 @@ import de from './data/de.json';
 import es from './data/es.json';
 import frFR from './data/fr-FR.json';
 import zhCN from './data/zh-CN.json';
+import ja from './data/ja.json';
 
-export { en, de, es, frFR, zhCN };
+export { en, de, es, frFR, zhCN, ja };

scripts/extract-intl.js

@@ -46,7 +46,7 @@ const { presets, plugins } = babelConfig;
 // Resolve the absolute path of the caller location. This is necessary
 // to point to files within that folder.
 const rootPath = process.cwd();
-const locales = ['en', 'de', 'es', 'fr-FR', 'zh-CN'];
+const locales = ['en', 'de', 'es', 'fr-FR', 'zh-CN', 'ja'];
 const defaultLocale = flags.locale;
 const outputPath = flags['output-path'];
 const globFilesToParse = commands[0];

src/index.bundlespec.js

@@ -1,8 +1,8 @@
 import { i18n, customProperties, version } from 'ui-kit';
 
 describe('exports', () => {
-  it('should export i18n for five languages', () => {
-    expect(Object.keys(i18n)).toEqual(['en', 'de', 'es', 'frFR', 'zhCN']);
+  it('should export i18n for six languages', () => {
+    expect(Object.keys(i18n)).toEqual(['en', 'de', 'es', 'frFR', 'zhCN', 'ja']);
   });
 
   it('should export custom-properties', () => {

src/test-utils.js

@@ -15,6 +15,8 @@ const getMessagesForLocale = locale => {
       return require('../i18n/data/fr-FR.json');
     case 'zh-CN':
       return require('../i18n/data/zh-CN.json');
+    case 'ja':
+      return require('../i18n/data/ja.json');
     default:
       return require('../i18n/data/en.json');
   }