chore(Toaster): add close button label (#288)

src/components/Toaster/Toast/Toast.tsx

@@ -5,6 +5,7 @@ import {Icon, IconProps} from '../../Icon';
 import {Button} from '../../Button';
 import {Alarm, CrossIcon, Info, Success} from '../../icons';
 import type {ToastAction, ToastProps, ToastType} from '../types';
+import i18n from '../i18n';
 
 import './Toast.scss';
 
@@ -212,7 +213,12 @@ export function Toast(props: ToastUnitedProps) {
                 {renderIcon({type})}
                 <h3 className={b('title')}>{title}</h3>
                 {isClosable && (
-                    <Button view="flat-secondary" className={b('btn-close')} onClick={handleClose}>
+                    <Button
+                        view="flat-secondary"
+                        className={b('btn-close')}
+                        onClick={handleClose}
+                        extraProps={{'aria-label': i18n('label_close-button')}}
+                    >
                         <Icon data={CrossIcon} size={CROSS_ICON_SIZE} />
                     </Button>
                 )}

src/components/Toaster/i18n/en.json

@@ -0,0 +1,3 @@
+{
+    "label_close-button": "Close"
+}

src/components/Toaster/i18n/index.ts

@@ -0,0 +1,13 @@
+import {registerKeyset} from '../../utils/registerKeyset';
+import en from './en.json';
+import ru from './ru.json';
+
+const COMPONENT = 'Toaster';
+
+export default registerKeyset(
+    {
+        en,
+        ru,
+    },
+    COMPONENT,
+);

src/components/Toaster/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+    "label_close-button": "Закрыть"
+}

src/components/utils/registerKeyset.ts

@@ -0,0 +1,10 @@
+import {i18n} from '../../i18n';
+import {Lang} from './configure';
+
+type KeysData = Parameters<typeof i18n.registerKeyset>[2];
+
+export function registerKeyset<T extends KeysData>(data: Record<Lang, T>, keysetName: string) {
+    Object.entries(data).forEach(([lang, keys]) => i18n.registerKeyset(lang, keysetName, keys));
+
+    return i18n.keyset(keysetName);
+}

test-utils/setup-tests.ts

@@ -1,4 +1,4 @@
-import {configure as libConfigure, Lang} from '../src/components/utils/configure';
+import {configure as libConfigure, Lang} from '../src';
 import {configure} from '@testing-library/dom';
 
 libConfigure({