TASK: Move <I18n/>-component into separate module

packages/neos-ui-i18n/package.json

@@ -3,7 +3,7 @@
   "version": "",
   "description": "I18n utilities and components for Neos CMS UI.",
   "private": true,
-  "main": "./src/index.tsx",
+  "main": "./src/index.ts",
   "devDependencies": {
     "@neos-project/jest-preset-neos-ui": "workspace:*",
     "enzyme": "^3.8.0",

packages/neos-ui-i18n/src/component/I18n.spec.tsx

@@ -0,0 +1,41 @@
+/*
+ * This file is part of the Neos.Neos.Ui package.
+ *
+ * (c) Contributors of the Neos Project - www.neos.io
+ *
+ * This package is Open Source Software. For the full copyright and license
+ * information, please view the LICENSE file which was distributed with this
+ * source code.
+ */
+import React from 'react';
+import {mount} from 'enzyme';
+
+import {i18nRegistry} from '../registry';
+
+import {I18n} from './I18n';
+
+describe('<I18n/>', () => {
+    beforeEach(() => {
+        jest.spyOn(i18nRegistry, 'translate');
+        (jest as any)
+            .mocked(i18nRegistry.translate)
+            .mockImplementation((key: string) => {
+                return key;
+            });
+    });
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it(`should render a <span> node.`, () => {
+        const original = mount(<I18n />);
+
+        expect(original.html()).toBe('<span></span>');
+    });
+
+    it(`should call translation service with key.`, () => {
+        const original = mount(<I18n id="My key" />);
+
+        expect(original.html()).toBe('<span>My key</span>');
+    });
+});

packages/neos-ui-i18n/src/index.tsx → packages/neos-ui-i18n/src/component/I18n.tsx

@@ -1,11 +1,15 @@
+/*
+ * This file is part of the Neos.Neos.Ui package.
+ *
+ * (c) Contributors of the Neos Project - www.neos.io
+ *
+ * This package is Open Source Software. For the full copyright and license
+ * information, please view the LICENSE file which was distributed with this
+ * source code.
+ */
 import React from 'react';
-import {LegacyParameters, i18nRegistry} from './registry';
 
-export {initializeI18n, setupI18n, teardownI18n} from './global';
-
-export type {I18nRegistry} from './registry';
-
-export {translate} from './translate';
+import {LegacyParameters, i18nRegistry} from '../registry';
 
 interface I18nProps {
     // Fallback key which gets rendered once the i18n service doesn't return a translation.
@@ -25,7 +29,7 @@ interface I18nProps {
     className?: string;
 }
 
-export default class I18n extends React.PureComponent<I18nProps> {
+export class I18n extends React.PureComponent<I18nProps> {
     public render(): JSX.Element {
         const {packageKey, sourceName, params, id, fallback} = this.props;
 

packages/neos-ui-i18n/src/component/index.ts

@@ -0,0 +1,10 @@
+/*
+ * This file is part of the Neos.Neos.Ui package.
+ *
+ * (c) Contributors of the Neos Project - www.neos.io
+ *
+ * This package is Open Source Software. For the full copyright and license
+ * information, please view the LICENSE file which was distributed with this
+ * source code.
+ */
+export {I18n} from './I18n';

packages/neos-ui-i18n/src/index.ts

@@ -0,0 +1,16 @@
+/*
+ * This file is part of the Neos.Neos.Ui package.
+ *
+ * (c) Contributors of the Neos Project - www.neos.io
+ *
+ * This package is Open Source Software. For the full copyright and license
+ * information, please view the LICENSE file which was distributed with this
+ * source code.
+ */
+export {I18n as default} from './component';
+
+export {initializeI18n, setupI18n, teardownI18n} from './global';
+
+export type {I18nRegistry} from './registry';
+
+export {translate} from './translate';