@skbkontur/react-ui 0.0.0-7dc91ef93e → 0.0.0-7f260475fb

package/components/Modal/__tests__/Modal-test.js

@@ -0,0 +1,254 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import React, { useState } from 'react';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { userEvent } from '@testing-library/user-event';
+import { LangCodes, LocaleContext } from '../../../lib/locale/index.js';
+import { StickyDataTids } from '../../Sticky/index.js';
+import { Modal, ModalDataTids } from '../Modal.js';
+import { componentsLocales as ModalLocalesRu } from '../locale/locales/ru.js';
+import { componentsLocales as ModalLocalesEn } from '../locale/locales/en.js';
+import { ModalStack } from '../../../lib/ModalStack.js';
+function emulateRealClick(mouseDownTarget, mouseUpTarget, clickTarget) {
+    var mouseElementTarget = mouseUpTarget || mouseDownTarget;
+    var clickElementTarget = clickTarget || mouseDownTarget;
+    if (mouseDownTarget && mouseElementTarget && clickElementTarget) {
+        var mouseDownEvent = document.createEvent('HTMLEvents');
+        var mouseUpEvent = document.createEvent('HTMLEvents');
+        var clickEvent = document.createEvent('HTMLEvents');
+        mouseDownEvent.initEvent('mousedown', true, true);
+        mouseUpEvent.initEvent('mouseup', true, true);
+        clickEvent.initEvent('click', true, true);
+        mouseDownTarget.dispatchEvent(mouseDownEvent);
+        mouseElementTarget.dispatchEvent(mouseUpEvent);
+        clickElementTarget.dispatchEvent(clickEvent);
+    }
+}
+describe('Modal', function () {
+    it('Simple render without crash', function () {
+        expect(function () {
+            return render(React.createElement(Modal, null,
+                React.createElement(Modal.Header, null, "Header"),
+                React.createElement(Modal.Body, null, "Body"),
+                React.createElement(Modal.Footer, null, "Footer")));
+        }).not.toThrow();
+    });
+    it('Non-sticky header works', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var Component;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    Component = function () {
+                        var _a = useState(true), isSticky = _a[0], setIsSticky = _a[1];
+                        return (React.createElement(React.Fragment, null,
+                            React.createElement("button", { onClick: function () { return setIsSticky(false); } }, "disable sticky"),
+                            React.createElement(Modal.Header, { sticky: isSticky }, "Footer")));
+                    };
+                    render(React.createElement(Component, null));
+                    expect(screen.getByTestId(StickyDataTids.root)).toBeInTheDocument();
+                    return [4 /*yield*/, userEvent.click(screen.getByRole('button'))];
+                case 1:
+                    _a.sent();
+                    expect(screen.queryByTestId(StickyDataTids.root)).not.toBeInTheDocument();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('Non-sticky footer works', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var Component;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    Component = function () {
+                        var _a = useState(true), isSticky = _a[0], setIsSticky = _a[1];
+                        return (React.createElement(React.Fragment, null,
+                            React.createElement("button", { onClick: function () { return setIsSticky(false); } }, "disable sticky"),
+                            React.createElement(Modal.Footer, { sticky: isSticky }, "Footer")));
+                    };
+                    render(React.createElement(Component, null));
+                    expect(screen.getByTestId(StickyDataTids.root)).toBeInTheDocument();
+                    return [4 /*yield*/, userEvent.click(screen.getByRole('button'))];
+                case 1:
+                    _a.sent();
+                    expect(screen.queryByTestId(StickyDataTids.root)).not.toBeInTheDocument();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('onClose handler works', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var onCloseHandler;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    onCloseHandler = vi.fn();
+                    render(React.createElement(Modal, { onClose: onCloseHandler },
+                        React.createElement(Modal.Body, null, "Modal content")));
+                    expect(onCloseHandler).not.toHaveBeenCalled();
+                    return [4 /*yield*/, userEvent.click(screen.getByTestId(ModalDataTids.close))];
+                case 1:
+                    _a.sent();
+                    expect(onCloseHandler).toHaveBeenCalledTimes(1);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('disableClose prop works', function () {
+        var onCloseHandler = vi.fn();
+        render(React.createElement(Modal, { onClose: onCloseHandler, disableClose: true },
+            React.createElement(Modal.Body, null, "Modal content")));
+        expect(onCloseHandler).not.toHaveBeenCalled();
+        fireEvent.click(screen.getByTestId(ModalDataTids.close));
+        expect(onCloseHandler).not.toHaveBeenCalled();
+    });
+    it('Close button show without header', function () {
+        render(React.createElement(Modal, null,
+            React.createElement(Modal.Body, null, "Modal content")));
+        expect(screen.getByTestId(ModalDataTids.close)).toBeInTheDocument();
+    });
+    it('noClose prop works', function () {
+        render(React.createElement(Modal, { noClose: true },
+            React.createElement(Modal.Body, null, "Modal content")));
+        expect(screen.queryByTestId(ModalDataTids.close)).not.toBeInTheDocument();
+    });
+    it('direct click on background calls onClose', function () {
+        var onCloseHandler = vi.fn();
+        render(React.createElement(Modal, { onClose: onCloseHandler },
+            React.createElement(Modal.Body, null, "Modal content")));
+        expect(onCloseHandler).toHaveBeenCalledTimes(0);
+        emulateRealClick(screen.getByTestId(ModalDataTids.container));
+        expect(onCloseHandler).toHaveBeenCalledTimes(1);
+    });
+    it("click on background doesn't call onClose if started/ended on modal content", function () {
+        var onCloseHandler = vi.fn();
+        render(React.createElement(Modal, { onClose: onCloseHandler },
+            React.createElement(Modal.Body, null,
+                React.createElement("div", { "data-tid": "modal-body-content" }))));
+        var containerNode = screen.getByTestId(ModalDataTids.container);
+        var contentNode = screen.getByTestId('modal-body-content');
+        expect(onCloseHandler).toHaveBeenCalledTimes(0);
+        emulateRealClick(contentNode, containerNode, containerNode);
+        expect(onCloseHandler).toHaveBeenCalledTimes(0);
+        emulateRealClick(containerNode, contentNode, containerNode);
+        expect(onCloseHandler).toHaveBeenCalledTimes(0);
+    });
+    it("click on content doesn't call onClose", function () {
+        var onCloseHandler = vi.fn();
+        render(React.createElement(Modal, { onClose: onCloseHandler },
+            React.createElement(Modal.Body, null,
+                React.createElement("div", { "data-tid": "modal-body-content" }))));
+        var contentNode = screen.getByTestId('modal-body-content');
+        expect(onCloseHandler).toHaveBeenCalledTimes(0);
+        emulateRealClick(contentNode);
+        expect(onCloseHandler).toHaveBeenCalledTimes(0);
+    });
+    it('click on background works if noClose is true', function () {
+        var onCloseHandler = vi.fn();
+        render(React.createElement(Modal, { noClose: true, onClose: onCloseHandler },
+            React.createElement(Modal.Body, null, "Modal content")));
+        var containerNode = screen.getByTestId(ModalDataTids.container);
+        expect(onCloseHandler).toHaveBeenCalledTimes(0);
+        emulateRealClick(containerNode);
+        expect(onCloseHandler).toHaveBeenCalledTimes(1);
+    });
+    it("click on background doesn't work if disableClose is true", function () {
+        var onCloseHandler = vi.fn();
+        render(React.createElement(Modal, { disableClose: true, onClose: onCloseHandler },
+            React.createElement(Modal.Body, null, "Modal content")));
+        var containerNode = screen.getByTestId(ModalDataTids.container);
+        expect(onCloseHandler).toHaveBeenCalledTimes(0);
+        emulateRealClick(containerNode);
+        expect(onCloseHandler).toHaveBeenCalledTimes(0);
+    });
+    it('ignoreBackgroundClick prop works', function () {
+        var onCloseHandler = vi.fn();
+        render(React.createElement(Modal, { ignoreBackgroundClick: true, onClose: onCloseHandler },
+            React.createElement(Modal.Body, null, "Modal content")));
+        var containerNode = screen.getByTestId(ModalDataTids.container);
+        expect(onCloseHandler).toHaveBeenCalledTimes(0);
+        emulateRealClick(containerNode);
+        expect(onCloseHandler).toHaveBeenCalledTimes(0);
+    });
+    it('correct position in stack', function () {
+        var modal1Ref = React.createRef();
+        var modal2Ref = React.createRef();
+        var add = vi.spyOn(ModalStack, 'add');
+        var rerender = render(React.createElement(Modal, { ref: modal1Ref })).rerender;
+        expect(add).toHaveBeenCalledTimes(1);
+        rerender(React.createElement(Modal, { ref: modal1Ref },
+            React.createElement(Modal, { ref: modal2Ref })));
+        expect(add).toHaveBeenCalledTimes(2);
+        var mounted = ModalStack.getStackInfo().mounted;
+        expect(mounted[0]).toStrictEqual(modal2Ref.current);
+        expect(mounted[1]).toStrictEqual(modal1Ref.current);
+    });
+    describe('a11y', function () {
+        it('should have `aria-modal` attribute set to `true`', function () {
+            render(React.createElement(Modal, null, "test"));
+            expect(screen.getAllByTestId(ModalDataTids.content)[0]).toHaveAttribute('aria-modal', 'true');
+        });
+        it('should change role to `alertdialog`', function () {
+            render(React.createElement(Modal, { role: "alertdialog" }));
+            expect(screen.getByRole('alertdialog')).toBeInTheDocument();
+        });
+        it('passes correct value to `aria-label` attribute', function () {
+            var label = 'label';
+            render(React.createElement(Modal, { "aria-label": label }));
+            expect(screen.getByLabelText(label)).toBeInTheDocument();
+        });
+        it('passes correct value to `aria-labelledby` attribute', function () {
+            var labelId = 'labelId';
+            render(React.createElement(Modal, { "aria-labelledby": labelId }));
+            expect(screen.getByTestId(ModalDataTids.container)).toHaveAttribute('aria-labelledby', labelId);
+        });
+        it('has correct value on close button aria-label attribute (ru)', function () {
+            render(React.createElement(Modal, null));
+            expect(screen.getAllByTestId(ModalDataTids.close)[0]).toHaveAttribute('aria-label', ModalLocalesRu.closeButtonAriaLabel);
+        });
+        it('has correct value on close button aria-label attribute (en)', function () {
+            render(React.createElement(LocaleContext.Provider, { value: { langCode: LangCodes.en_GB } },
+                React.createElement(Modal, null)));
+            expect(screen.getByTestId(ModalDataTids.close)).toHaveAttribute('aria-label', ModalLocalesEn.closeButtonAriaLabel);
+        });
+        it('sets custom value for `closeButtonAriaLabel` locale', function () {
+            var customAriaLabel = 'test';
+            render(React.createElement(LocaleContext.Provider, { value: { locale: { Modal: { closeButtonAriaLabel: customAriaLabel } } } },
+                React.createElement(Modal, null)));
+            expect(screen.getByTestId(ModalDataTids.close)).toHaveAttribute('aria-label', customAriaLabel);
+        });
+    });
+});
+//# sourceMappingURL=Modal-test.js.map

package/components/Modal/__tests__/Modal-test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal-test.js","sourceRoot":"","sources":["../../../../components/Modal/__tests__/Modal-test.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { fireEvent, render, screen } from '@testing-library/react';\nimport { userEvent } from '@testing-library/user-event';\n\nimport { LangCodes, LocaleContext } from '../../../lib/locale/index.js';\nimport { StickyDataTids } from '../../Sticky/index.js';\nimport { Modal, ModalDataTids } from '../Modal.js';\nimport { componentsLocales as ModalLocalesRu } from '../locale/locales/ru.js';\nimport { componentsLocales as ModalLocalesEn } from '../locale/locales/en.js';\nimport { ModalStack } from '../../../lib/ModalStack.js';\n\nfunction emulateRealClick(\n  mouseDownTarget: Element | null,\n  mouseUpTarget?: Element | null,\n  clickTarget?: Element | null,\n) {\n  const mouseElementTarget = mouseUpTarget || mouseDownTarget;\n  const clickElementTarget = clickTarget || mouseDownTarget;\n\n  if (mouseDownTarget && mouseElementTarget && clickElementTarget) {\n    const mouseDownEvent = document.createEvent('HTMLEvents');\n    const mouseUpEvent = document.createEvent('HTMLEvents');\n    const clickEvent = document.createEvent('HTMLEvents');\n\n    mouseDownEvent.initEvent('mousedown', true, true);\n    mouseUpEvent.initEvent('mouseup', true, true);\n    clickEvent.initEvent('click', true, true);\n\n    mouseDownTarget.dispatchEvent(mouseDownEvent);\n    mouseElementTarget.dispatchEvent(mouseUpEvent);\n    clickElementTarget.dispatchEvent(clickEvent);\n  }\n}\n\ndescribe('Modal', () => {\n  it('Simple render without crash', () => {\n    expect(() =>\n      render(\n        <Modal>\n          <Modal.Header>Header</Modal.Header>\n          <Modal.Body>Body</Modal.Body>\n          <Modal.Footer>Footer</Modal.Footer>\n        </Modal>,\n      ),\n    ).not.toThrow();\n  });\n\n  it('Non-sticky header works', async () => {\n    const Component = () => {\n      const [isSticky, setIsSticky] = useState(true);\n\n      return (\n        <>\n          <button onClick={() => setIsSticky(false)}>disable sticky</button>\n          <Modal.Header sticky={isSticky}>Footer</Modal.Header>\n        </>\n      );\n    };\n\n    render(<Component />);\n    expect(screen.getByTestId(StickyDataTids.root)).toBeInTheDocument();\n    await userEvent.click(screen.getByRole('button'));\n    expect(screen.queryByTestId(StickyDataTids.root)).not.toBeInTheDocument();\n  });\n\n  it('Non-sticky footer works', async () => {\n    const Component = () => {\n      const [isSticky, setIsSticky] = useState(true);\n\n      return (\n        <>\n          <button onClick={() => setIsSticky(false)}>disable sticky</button>\n          <Modal.Footer sticky={isSticky}>Footer</Modal.Footer>\n        </>\n      );\n    };\n\n    render(<Component />);\n    expect(screen.getByTestId(StickyDataTids.root)).toBeInTheDocument();\n    await userEvent.click(screen.getByRole('button'));\n    expect(screen.queryByTestId(StickyDataTids.root)).not.toBeInTheDocument();\n  });\n\n  it('onClose handler works', async () => {\n    const onCloseHandler = vi.fn();\n    render(\n      <Modal onClose={onCloseHandler}>\n        <Modal.Body>Modal content</Modal.Body>\n      </Modal>,\n    );\n    expect(onCloseHandler).not.toHaveBeenCalled();\n    await userEvent.click(screen.getByTestId(ModalDataTids.close));\n    expect(onCloseHandler).toHaveBeenCalledTimes(1);\n  });\n\n  it('disableClose prop works', () => {\n    const onCloseHandler = vi.fn();\n    render(\n      <Modal onClose={onCloseHandler} disableClose>\n        <Modal.Body>Modal content</Modal.Body>\n      </Modal>,\n    );\n\n    expect(onCloseHandler).not.toHaveBeenCalled();\n    fireEvent.click(screen.getByTestId(ModalDataTids.close));\n    expect(onCloseHandler).not.toHaveBeenCalled();\n  });\n\n  it('Close button show without header', () => {\n    render(\n      <Modal>\n        <Modal.Body>Modal content</Modal.Body>\n      </Modal>,\n    );\n\n    expect(screen.getByTestId(ModalDataTids.close)).toBeInTheDocument();\n  });\n\n  it('noClose prop works', () => {\n    render(\n      <Modal noClose>\n        <Modal.Body>Modal content</Modal.Body>\n      </Modal>,\n    );\n\n    expect(screen.queryByTestId(ModalDataTids.close)).not.toBeInTheDocument();\n  });\n\n  it('direct click on background calls onClose', () => {\n    const onCloseHandler = vi.fn();\n    render(\n      <Modal onClose={onCloseHandler}>\n        <Modal.Body>Modal content</Modal.Body>\n      </Modal>,\n    );\n    expect(onCloseHandler).toHaveBeenCalledTimes(0);\n    emulateRealClick(screen.getByTestId(ModalDataTids.container));\n    expect(onCloseHandler).toHaveBeenCalledTimes(1);\n  });\n\n  it(\"click on background doesn't call onClose if started/ended on modal content\", () => {\n    const onCloseHandler = vi.fn();\n    render(\n      <Modal onClose={onCloseHandler}>\n        <Modal.Body>\n          <div data-tid=\"modal-body-content\" />\n        </Modal.Body>\n      </Modal>,\n    );\n\n    const containerNode = screen.getByTestId(ModalDataTids.container);\n    const contentNode = screen.getByTestId('modal-body-content');\n\n    expect(onCloseHandler).toHaveBeenCalledTimes(0);\n    emulateRealClick(contentNode, containerNode, containerNode);\n    expect(onCloseHandler).toHaveBeenCalledTimes(0);\n    emulateRealClick(containerNode, contentNode, containerNode);\n    expect(onCloseHandler).toHaveBeenCalledTimes(0);\n  });\n\n  it(\"click on content doesn't call onClose\", () => {\n    const onCloseHandler = vi.fn();\n    render(\n      <Modal onClose={onCloseHandler}>\n        <Modal.Body>\n          <div data-tid=\"modal-body-content\" />\n        </Modal.Body>\n      </Modal>,\n    );\n\n    const contentNode = screen.getByTestId('modal-body-content');\n    expect(onCloseHandler).toHaveBeenCalledTimes(0);\n    emulateRealClick(contentNode);\n    expect(onCloseHandler).toHaveBeenCalledTimes(0);\n  });\n\n  it('click on background works if noClose is true', () => {\n    const onCloseHandler = vi.fn();\n    render(\n      <Modal noClose onClose={onCloseHandler}>\n        <Modal.Body>Modal content</Modal.Body>\n      </Modal>,\n    );\n\n    const containerNode = screen.getByTestId(ModalDataTids.container);\n    expect(onCloseHandler).toHaveBeenCalledTimes(0);\n    emulateRealClick(containerNode);\n    expect(onCloseHandler).toHaveBeenCalledTimes(1);\n  });\n\n  it(\"click on background doesn't work if disableClose is true\", () => {\n    const onCloseHandler = vi.fn();\n    render(\n      <Modal disableClose onClose={onCloseHandler}>\n        <Modal.Body>Modal content</Modal.Body>\n      </Modal>,\n    );\n\n    const containerNode = screen.getByTestId(ModalDataTids.container);\n    expect(onCloseHandler).toHaveBeenCalledTimes(0);\n    emulateRealClick(containerNode);\n    expect(onCloseHandler).toHaveBeenCalledTimes(0);\n  });\n\n  it('ignoreBackgroundClick prop works', () => {\n    const onCloseHandler = vi.fn();\n    render(\n      <Modal ignoreBackgroundClick onClose={onCloseHandler}>\n        <Modal.Body>Modal content</Modal.Body>\n      </Modal>,\n    );\n\n    const containerNode = screen.getByTestId(ModalDataTids.container);\n    expect(onCloseHandler).toHaveBeenCalledTimes(0);\n    emulateRealClick(containerNode);\n    expect(onCloseHandler).toHaveBeenCalledTimes(0);\n  });\n\n  it('correct position in stack', () => {\n    const modal1Ref = React.createRef<Modal>();\n    const modal2Ref = React.createRef<Modal>();\n    const add = vi.spyOn(ModalStack, 'add');\n    const { rerender } = render(<Modal ref={modal1Ref} />);\n\n    expect(add).toHaveBeenCalledTimes(1);\n\n    rerender(\n      <Modal ref={modal1Ref}>\n        <Modal ref={modal2Ref} />\n      </Modal>,\n    );\n\n    expect(add).toHaveBeenCalledTimes(2);\n\n    const { mounted } = ModalStack.getStackInfo();\n\n    expect(mounted[0]).toStrictEqual(modal2Ref.current);\n    expect(mounted[1]).toStrictEqual(modal1Ref.current);\n  });\n\n  describe('a11y', () => {\n    it('should have `aria-modal` attribute set to `true`', () => {\n      render(<Modal>test</Modal>);\n      expect(screen.getAllByTestId(ModalDataTids.content)[0]).toHaveAttribute('aria-modal', 'true');\n    });\n\n    it('should change role to `alertdialog`', () => {\n      render(<Modal role=\"alertdialog\" />);\n\n      expect(screen.getByRole('alertdialog')).toBeInTheDocument();\n    });\n\n    it('passes correct value to `aria-label` attribute', () => {\n      const label = 'label';\n      render(<Modal aria-label={label} />);\n\n      expect(screen.getByLabelText(label)).toBeInTheDocument();\n    });\n\n    it('passes correct value to `aria-labelledby` attribute', () => {\n      const labelId = 'labelId';\n      render(<Modal aria-labelledby={labelId} />);\n      expect(screen.getByTestId(ModalDataTids.container)).toHaveAttribute('aria-labelledby', labelId);\n    });\n\n    it('has correct value on close button aria-label attribute (ru)', () => {\n      render(<Modal />);\n\n      expect(screen.getAllByTestId(ModalDataTids.close)[0]).toHaveAttribute(\n        'aria-label',\n        ModalLocalesRu.closeButtonAriaLabel,\n      );\n    });\n\n    it('has correct value on close button aria-label attribute (en)', () => {\n      render(\n        <LocaleContext.Provider value={{ langCode: LangCodes.en_GB }}>\n          <Modal />\n        </LocaleContext.Provider>,\n      );\n\n      expect(screen.getByTestId(ModalDataTids.close)).toHaveAttribute(\n        'aria-label',\n        ModalLocalesEn.closeButtonAriaLabel,\n      );\n    });\n\n    it('sets custom value for `closeButtonAriaLabel` locale', () => {\n      const customAriaLabel = 'test';\n      render(\n        <LocaleContext.Provider value={{ locale: { Modal: { closeButtonAriaLabel: customAriaLabel } } }}>\n          <Modal />\n        </LocaleContext.Provider>,\n      );\n\n      expect(screen.getByTestId(ModalDataTids.close)).toHaveAttribute('aria-label', customAriaLabel);\n    });\n  });\n});\n"]}

package/components/Modal/getModalBodyTheme.d.ts

@@ -1,2 +1,2 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const getModalBodyTheme: (theme: Theme) => Theme;
+import type { Theme } from '../../lib/theming/Theme.js';
+export declare const getModalBodyTheme: (theme: Theme) => Theme;

package/components/Modal/getModalBodyTheme.js

@@ -0,0 +1,7 @@
+import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
+export var getModalBodyTheme = function (theme) {
+    return ThemeFactory.create({
+        loaderBorderRadius: theme.modalBodyBorderRadius,
+    }, theme);
+};
+//# sourceMappingURL=getModalBodyTheme.js.map

package/components/Modal/getModalBodyTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getModalBodyTheme.js","sourceRoot":"","sources":["../../../components/Modal/getModalBodyTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAGjE,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,KAAY;IAC5C,OAAO,YAAY,CAAC,MAAM,CACxB;QACE,kBAAkB,EAAE,KAAK,CAAC,qBAAqB;KAChD,EACD,KAAK,CACN,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getModalBodyTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      loaderBorderRadius: theme.modalBodyBorderRadius,\n    },\n    theme,\n  );\n};\n"]}

package/components/Modal/getModalTheme.d.ts

@@ -1,2 +1,2 @@
-import { Theme, ThemeIn } from '../../lib/theming/Theme';
-export declare const getModalTheme: (contextTheme: Theme, propsTheme?: ThemeIn) => Theme;
+import type { Theme, ThemeIn } from '../../lib/theming/Theme.js';
+export declare const getModalTheme: (contextTheme: Theme, propsTheme?: ThemeIn) => Theme;

package/components/Modal/getModalTheme.js

@@ -0,0 +1,9 @@
+import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
+export var getModalTheme = function (contextTheme, propsTheme) {
+    if (propsTheme === void 0) { propsTheme = {}; }
+    var theme = ThemeFactory.create(propsTheme, contextTheme);
+    return ThemeFactory.create(propsTheme, ThemeFactory.create({
+        loaderBorderRadius: theme.modalBorderRadius,
+    }, theme));
+};
+//# sourceMappingURL=getModalTheme.js.map

package/components/Modal/getModalTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getModalTheme.js","sourceRoot":"","sources":["../../../components/Modal/getModalTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAGjE,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,YAAmB,EAAE,UAAwB;IAAxB,2BAAA,EAAA,eAAwB;IACzE,IAAM,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;IAC5D,OAAO,YAAY,CAAC,MAAM,CACxB,UAAmB,EACnB,YAAY,CAAC,MAAM,CACjB;QACE,kBAAkB,EAAE,KAAK,CAAC,iBAAiB;KAC5C,EACD,KAAK,CACN,CACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme.js';\n\nexport const getModalTheme = (contextTheme: Theme, propsTheme: ThemeIn = {}): Theme => {\n  const theme = ThemeFactory.create(propsTheme, contextTheme);\n  return ThemeFactory.create(\n    propsTheme as Theme,\n    ThemeFactory.create(\n      {\n        loaderBorderRadius: theme.modalBorderRadius,\n      },\n      theme,\n    ),\n  );\n};\n"]}

package/components/Modal/index.d.ts

@@ -1,4 +1,4 @@
-export * from './Modal';
-export * from './ModalHeader';
-export * from './ModalBody';
-export * from './ModalFooter';
+export * from './Modal.js';
+export * from './ModalHeader.js';
+export * from './ModalBody.js';
+export * from './ModalFooter.js';

package/components/Modal/index.js

@@ -0,0 +1,5 @@
+export * from './Modal.js';
+export * from './ModalHeader.js';
+export * from './ModalBody.js';
+export * from './ModalFooter.js';
+//# sourceMappingURL=index.js.map

package/components/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/Modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './Modal.js';\nexport * from './ModalHeader.js';\nexport * from './ModalBody.js';\nexport * from './ModalFooter.js';\n"]}

package/components/Modal/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-import { ModalLocale } from './types';
-export * from './types';
-export declare const ModalLocaleHelper: LocaleHelper<ModalLocale>;
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper.js';
+import type { ModalLocale } from './types.js';
+export * from './types.js';
+export declare const ModalLocaleHelper: LocaleHelper<ModalLocale>;

package/components/Modal/locale/index.js

@@ -0,0 +1,9 @@
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper.js';
+import { componentsLocales as en_GB } from './locales/en.js';
+import { componentsLocales as ru_RU } from './locales/ru.js';
+export * from './types.js';
+export var ModalLocaleHelper = new LocaleHelper({
+    ru_RU: ru_RU,
+    en_GB: en_GB,
+});
+//# sourceMappingURL=index.js.map

package/components/Modal/locale/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/Modal/locale/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAEnE,OAAO,EAAE,iBAAiB,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAG7D,cAAc,YAAY,CAAC;AAE3B,MAAM,CAAC,IAAM,iBAAiB,GAAG,IAAI,YAAY,CAAc;IAC7D,KAAK,OAAA;IACL,KAAK,OAAA;CACN,CAAC,CAAC","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper.js';\n\nimport { componentsLocales as en_GB } from './locales/en.js';\nimport { componentsLocales as ru_RU } from './locales/ru.js';\nimport type { ModalLocale } from './types.js';\n\nexport * from './types.js';\n\nexport const ModalLocaleHelper = new LocaleHelper<ModalLocale>({\n  ru_RU,\n  en_GB,\n});\n"]}

package/components/Modal/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import { ModalLocale } from '../types';
-export declare const componentsLocales: ModalLocale;
+import type { ModalLocale } from '../types.js';
+export declare const componentsLocales: ModalLocale;

package/components/Modal/locale/locales/en.js

@@ -0,0 +1,4 @@
+export var componentsLocales = {
+    closeButtonAriaLabel: 'Close modal window',
+};
+//# sourceMappingURL=en.js.map

package/components/Modal/locale/locales/en.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../../../components/Modal/locale/locales/en.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,iBAAiB,GAAgB;IAC5C,oBAAoB,EAAE,oBAAoB;CAC3C,CAAC","sourcesContent":["import type { ModalLocale } from '../types.js';\n\nexport const componentsLocales: ModalLocale = {\n  closeButtonAriaLabel: 'Close modal window',\n};\n"]}

package/components/Modal/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import { ModalLocale } from '../types';
-export declare const componentsLocales: ModalLocale;
+import type { ModalLocale } from '../types.js';
+export declare const componentsLocales: ModalLocale;

package/components/Modal/locale/locales/ru.js

@@ -0,0 +1,4 @@
+export var componentsLocales = {
+    closeButtonAriaLabel: 'Закрыть модальное окно',
+};
+//# sourceMappingURL=ru.js.map

package/components/Modal/locale/locales/ru.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ru.js","sourceRoot":"","sources":["../../../../../components/Modal/locale/locales/ru.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,iBAAiB,GAAgB;IAC5C,oBAAoB,EAAE,wBAAwB;CAC/C,CAAC","sourcesContent":["import type { ModalLocale } from '../types.js';\n\nexport const componentsLocales: ModalLocale = {\n  closeButtonAriaLabel: 'Закрыть модальное окно',\n};\n"]}

package/components/Modal/locale/types.d.ts

@@ -1,3 +1,3 @@
-export interface ModalLocale {
-    closeButtonAriaLabel?: string;
-}
+export interface ModalLocale {
+    closeButtonAriaLabel?: string;
+}

package/components/Modal/locale/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/components/Modal/locale/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../components/Modal/locale/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface ModalLocale {\n  closeButtonAriaLabel?: string;\n}\n"]}

package/components/Paging/DotsIcon.d.ts

@@ -0,0 +1,3 @@
+export declare const DotsIcon: import("../../lib/forwardRefAndName.js").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon.js").IconProps, "size"> & {
+    size?: import("../../internal/icons2022/BaseIcon.js").IconProps["size"] | import("../../internal/icons2022/iconConstants.js").IconSizeAliases;
+}>;

package/components/Paging/DotsIcon.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { UiMenuDots3HIcon16Regular } from '../../internal/icons2022/UiMenuDots3HIcon/UiMenuDots3HIcon16Regular.js';
+import { iconSizer } from '../../internal/icons2022/iconSizer.js';
+export var DotsIcon = iconSizer({
+    small: function () { return React.createElement(UiMenuDots3HIcon16Regular, null); },
+    medium: function () { return React.createElement(UiMenuDots3HIcon16Regular, null); },
+    large: function () { return React.createElement(UiMenuDots3HIcon16Regular, null); },
+}, 'DotsIcon');
+//# sourceMappingURL=DotsIcon.js.map

package/components/Paging/DotsIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotsIcon.js","sourceRoot":"","sources":["../../../components/Paging/DotsIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,wEAAwE,CAAC;AACnH,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAElE,MAAM,CAAC,IAAM,QAAQ,GAAG,SAAS,CAC/B;IACE,KAAK,EAAE,cAAM,OAAA,oBAAC,yBAAyB,OAAG,EAA7B,CAA6B;IAC1C,MAAM,EAAE,cAAM,OAAA,oBAAC,yBAAyB,OAAG,EAA7B,CAA6B;IAC3C,KAAK,EAAE,cAAM,OAAA,oBAAC,yBAAyB,OAAG,EAA7B,CAA6B;CAC3C,EACD,UAAU,CACX,CAAC","sourcesContent":["import React from 'react';\n\nimport { UiMenuDots3HIcon16Regular } from '../../internal/icons2022/UiMenuDots3HIcon/UiMenuDots3HIcon16Regular.js';\nimport { iconSizer } from '../../internal/icons2022/iconSizer.js';\n\nexport const DotsIcon = iconSizer(\n  {\n    small: () => <UiMenuDots3HIcon16Regular />,\n    medium: () => <UiMenuDots3HIcon16Regular />,\n    large: () => <UiMenuDots3HIcon16Regular />,\n  },\n  'DotsIcon',\n);\n"]}

package/components/Paging/ForwardIcon.d.ts

@@ -1,3 +1,6 @@
-export declare const ForwardIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
-}>;
+export declare const ForwardIcon: import("../../lib/forwardRefAndName.js").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon.js").IconProps, "size"> & {
+    size?: import("../../internal/icons2022/BaseIcon.js").IconProps["size"] | import("../../internal/icons2022/iconConstants.js").IconSizeAliases;
+}>;
+export declare const ForwardIconMobile: import("../../lib/forwardRefAndName.js").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon.js").IconProps, "size"> & {
+    size?: import("../../internal/icons2022/BaseIcon.js").IconProps["size"] | import("../../internal/icons2022/iconConstants.js").IconSizeAliases;
+}>;

package/components/Paging/ForwardIcon.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ArrowARightIcon16Light } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon16Light.js';
+import { ArrowARightIcon20Light } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon20Light.js';
+import { ArrowARightIcon24Regular } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon24Regular.js';
+import { ArrowCRightIcon16Light } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon16Light.js';
+import { ArrowCRightIcon20Light } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon20Light.js';
+import { ArrowCRightIcon24Regular } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon24Regular.js';
+import { iconSizer } from '../../internal/icons2022/iconSizer.js';
+export var ForwardIcon = iconSizer({
+    small: function () { return React.createElement(ArrowCRightIcon16Light, null); },
+    medium: function () { return React.createElement(ArrowCRightIcon20Light, null); },
+    large: function () { return React.createElement(ArrowCRightIcon24Regular, null); },
+}, 'ForwardIcon');
+export var ForwardIconMobile = iconSizer({
+    small: function () { return React.createElement(ArrowARightIcon16Light, null); },
+    medium: function () { return React.createElement(ArrowARightIcon20Light, null); },
+    large: function () { return React.createElement(ArrowARightIcon24Regular, null); },
+}, 'ForwardIconMobile');
+//# sourceMappingURL=ForwardIcon.js.map

package/components/Paging/ForwardIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForwardIcon.js","sourceRoot":"","sources":["../../../components/Paging/ForwardIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,oEAAoE,CAAC;AAC5G,OAAO,EAAE,sBAAsB,EAAE,MAAM,oEAAoE,CAAC;AAC5G,OAAO,EAAE,wBAAwB,EAAE,MAAM,sEAAsE,CAAC;AAChH,OAAO,EAAE,sBAAsB,EAAE,MAAM,oEAAoE,CAAC;AAC5G,OAAO,EAAE,sBAAsB,EAAE,MAAM,oEAAoE,CAAC;AAC5G,OAAO,EAAE,wBAAwB,EAAE,MAAM,sEAAsE,CAAC;AAChH,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAElE,MAAM,CAAC,IAAM,WAAW,GAAG,SAAS,CAClC;IACE,KAAK,EAAE,cAAM,OAAA,oBAAC,sBAAsB,OAAG,EAA1B,CAA0B;IACvC,MAAM,EAAE,cAAM,OAAA,oBAAC,sBAAsB,OAAG,EAA1B,CAA0B;IACxC,KAAK,EAAE,cAAM,OAAA,oBAAC,wBAAwB,OAAG,EAA5B,CAA4B;CAC1C,EACD,aAAa,CACd,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,SAAS,CACxC;IACE,KAAK,EAAE,cAAM,OAAA,oBAAC,sBAAsB,OAAG,EAA1B,CAA0B;IACvC,MAAM,EAAE,cAAM,OAAA,oBAAC,sBAAsB,OAAG,EAA1B,CAA0B;IACxC,KAAK,EAAE,cAAM,OAAA,oBAAC,wBAAwB,OAAG,EAA5B,CAA4B;CAC1C,EACD,mBAAmB,CACpB,CAAC","sourcesContent":["import React from 'react';\n\nimport { ArrowARightIcon16Light } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon16Light.js';\nimport { ArrowARightIcon20Light } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon20Light.js';\nimport { ArrowARightIcon24Regular } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon24Regular.js';\nimport { ArrowCRightIcon16Light } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon16Light.js';\nimport { ArrowCRightIcon20Light } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon20Light.js';\nimport { ArrowCRightIcon24Regular } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon24Regular.js';\nimport { iconSizer } from '../../internal/icons2022/iconSizer.js';\n\nexport const ForwardIcon = iconSizer(\n  {\n    small: () => <ArrowCRightIcon16Light />,\n    medium: () => <ArrowCRightIcon20Light />,\n    large: () => <ArrowCRightIcon24Regular />,\n  },\n  'ForwardIcon',\n);\n\nexport const ForwardIconMobile = iconSizer(\n  {\n    small: () => <ArrowARightIcon16Light />,\n    medium: () => <ArrowARightIcon20Light />,\n    large: () => <ArrowARightIcon24Regular />,\n  },\n  'ForwardIconMobile',\n);\n"]}

package/components/Paging/NavigationHelper.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-export interface KeyDescriptionType {
-    name: string;
-    checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;
-}
-export declare const getKeyName: () => string;
-export declare const checkKeyPressed: (event: KeyboardEvent | React.KeyboardEvent<HTMLElement>) => boolean;
+import type React from 'react';
+export interface KeyDescriptionType {
+    name: string;
+    checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;
+}
+export declare const getKeyName: () => string;
+export declare const checkKeyPressed: (event: KeyboardEvent | React.KeyboardEvent<HTMLElement>) => boolean;

package/components/Paging/NavigationHelper.js

@@ -0,0 +1,18 @@
+import { isMac } from '../../lib/client.js';
+var createKeyDescription = function () {
+    return isMac
+        ? {
+            name: '⌥',
+            checkPressed: function (event) { return event.altKey; },
+        }
+        : {
+            name: 'Ctrl',
+            checkPressed: function (event) { return event.ctrlKey; },
+        };
+};
+var keyDescription = createKeyDescription();
+export var getKeyName = function () { return keyDescription.name; };
+export var checkKeyPressed = function (event) {
+    return keyDescription.checkPressed(event);
+};
+//# sourceMappingURL=NavigationHelper.js.map

package/components/Paging/NavigationHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationHelper.js","sourceRoot":"","sources":["../../../components/Paging/NavigationHelper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAQ5C,IAAM,oBAAoB,GAAG;IAC3B,OAAA,KAAK;QACH,CAAC,CAAC;YACE,IAAI,EAAE,GAAG;YACT,YAAY,EAAE,UAAC,KAAuD,IAAK,OAAA,KAAK,CAAC,MAAM,EAAZ,CAAY;SACxF;QACH,CAAC,CAAC;YACE,IAAI,EAAE,MAAM;YACZ,YAAY,EAAE,UAAC,KAAuD,IAAK,OAAA,KAAK,CAAC,OAAO,EAAb,CAAa;SACzF;AARL,CAQK,CAAC;AAER,IAAM,cAAc,GAAiC,oBAAoB,EAAE,CAAC;AAE5E,MAAM,CAAC,IAAM,UAAU,GAAG,cAAM,OAAA,cAAc,CAAC,IAAI,EAAnB,CAAmB,CAAC;AACpD,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,KAAuD;IACrF,OAAA,cAAc,CAAC,YAAY,CAAC,KAAK,CAAC;AAAlC,CAAkC,CAAC","sourcesContent":["import type React from 'react';\n\nimport { isMac } from '../../lib/client.js';\nimport type { Nullable } from '../../typings/utility-types.js';\n\nexport interface KeyDescriptionType {\n  name: string;\n  checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;\n}\n\nconst createKeyDescription = () =>\n  isMac\n    ? {\n        name: '⌥',\n        checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => event.altKey,\n      }\n    : {\n        name: 'Ctrl',\n        checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => event.ctrlKey,\n      };\n\nconst keyDescription: Nullable<KeyDescriptionType> = createKeyDescription();\n\nexport const getKeyName = () => keyDescription.name;\nexport const checkKeyPressed = (event: KeyboardEvent | React.KeyboardEvent<HTMLElement>) =>\n  keyDescription.checkPressed(event);\n"]}