feat: remove local configure, use uikit/i18n (#177)

.storybook/decorators/withLang.tsx

@@ -1,13 +1,17 @@
 import React from 'react';
 import type {Decorator} from '@storybook/react';
-import {Lang, configure} from '../../src';
+import {Lang, configure} from '@gravity-ui/uikit';
 
 export const withLang: Decorator = (Story, context) => {
     const lang = context.globals.lang;
+    const [key, forceRender] = React.useState(0);
 
-    configure({
-        lang: lang as Lang,
-    });
+    React.useEffect(() => {
+        configure({
+            lang: lang as Lang,
+        });
 
-    return <Story key={lang} {...context} />;
+        forceRender((c) => c + 1);
+    }, [lang]);
+    return <Story key={key} {...context} />;
 };

.storybook/preview.tsx

@@ -5,13 +5,9 @@ import React from 'react';
 import type {Decorator, Preview} from '@storybook/react';
 import {ThemeProvider, MobileProvider, Lang, configure as uiKitConfigure} from '@gravity-ui/uikit';
 import {configure as componentsConfigure} from '@gravity-ui/components';
-import {configure} from '../src';
 import {withMobile} from './decorators/withMobile';
 import {withLang} from './decorators/withLang';
 
-configure({
-    lang: Lang.En,
-});
 uiKitConfigure({
     lang: Lang.En,
 });

src/components/AllPagesPanel/i18n/index.ts

@@ -1,7 +1,8 @@
-import {registerKeyset} from '../../utils/registerKeyset';
+import {addComponentKeysets} from '@gravity-ui/uikit/i18n';
+import {NAMESPACE} from '../../utils/cn';
 
 import en from './en.json';
 import ru from './ru.json';
 
 const COMPONENT = 'AllPagesPanel';
-export default registerKeyset({en, ru}, COMPONENT);
+export default addComponentKeysets({en, ru}, `${NAMESPACE}${COMPONENT}`);

src/components/AsideHeader/i18n/index.ts

@@ -1,7 +1,8 @@
-import {registerKeyset} from '../../utils/registerKeyset';
+import {addComponentKeysets} from '@gravity-ui/uikit/i18n';
+import {NAMESPACE} from '../../utils/cn';
 
 import en from './en.json';
 import ru from './ru.json';
 
 const COMPONENT = 'AsideHeader';
-export default registerKeyset({en, ru}, COMPONENT);
+export default addComponentKeysets({en, ru}, `${NAMESPACE}${COMPONENT}`);

src/components/MobileHeader/i18n/index.ts

@@ -1,7 +1,8 @@
-import {registerKeyset} from '../../utils/registerKeyset';
+import {addComponentKeysets} from '@gravity-ui/uikit/i18n';
+import {NAMESPACE} from '../../utils/cn';
 
 import en from './en.json';
 import ru from './ru.json';
 
 const COMPONENT = 'MobileHeader';
-export default registerKeyset({en, ru}, COMPONENT);
+export default addComponentKeysets({en, ru}, `${NAMESPACE}${COMPONENT}`);

src/components/Settings/i18n/index.ts

@@ -1,7 +1,8 @@
-import {registerKeyset} from '../../utils/registerKeyset';
+import {addComponentKeysets} from '@gravity-ui/uikit/i18n';
+import {NAMESPACE} from '../../utils/cn';
 
 import en from './en.json';
 import ru from './ru.json';
 
 const COMPONENT = 'Settings';
-export default registerKeyset({en, ru}, COMPONENT);
+export default addComponentKeysets({en, ru}, `${NAMESPACE}${COMPONENT}`);

src/components/Title/i18n/index.ts

@@ -1,7 +1,8 @@
-import {registerKeyset} from '../../utils/registerKeyset';
+import {addComponentKeysets} from '@gravity-ui/uikit/i18n';
+import {NAMESPACE} from '../../utils/cn';
 
 import en from './en.json';
 import ru from './ru.json';
 
 const COMPONENT = 'Title';
-export default registerKeyset({en, ru}, COMPONENT);
+export default addComponentKeysets({en, ru}, `${NAMESPACE}${COMPONENT}`);

src/components/index.ts

@@ -12,5 +12,3 @@ export * from './HotkeysPanel';
 export * from './Settings';
 export * from './MobileHeader';
 export * from './types';
-
-export {Lang, configure} from './utils/configure';