@zextras/carbonio-ui-preview 1.1.0 → 1.2.0

package/lib-esm/{preview → src/preview}/PdfPreview.js

@@ -13,6 +13,15 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 /*
  * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
  *
@@ -20,6 +29,7 @@ var __assign = (this && this.__assign) || function () {
  */
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Container, Portal, useCombinedRefs, getColor } from '@zextras/carbonio-design-system';
+import { size as lodashSize } from 'lodash';
 import map from 'lodash/map';
 import noop from 'lodash/noop';
 import { Document, Page } from 'react-pdf/dist/esm/entry.webpack5';
@@ -35,6 +45,8 @@ import { AbsoluteLeftIconButton, AbsoluteRightIconButton } from './StyledCompone
 import { usePageScrollController } from './usePageScrollController';
 import { useZoom } from './useZoom';
 import { ZoomController } from './ZoomController';
+import { SCROLL_STEP } from '../constants';
+import { print } from '../utils/utils';
 var Overlay = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\theight: 100vh;\n\tmax-height: 100vh;\n\twidth: 100%;\n\tmax-width: 100%;\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tbackground-color: rgba(0, 0, 0, 0.8);\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tz-index: 1003;\n"], ["\n\theight: 100vh;\n\tmax-height: 100vh;\n\twidth: 100%;\n\tmax-width: 100%;\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tbackground-color: rgba(0, 0, 0, 0.8);\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tz-index: 1003;\n"])));
 var MiddleContainer = styled(Container)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\tflex-grow: 1;\n"], ["\n\tflex-grow: 1;\n"])));
 var ExternalContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\theight: 100vh;\n\tmax-height: 100vh;\n\twidth: 100vw;\n\tmax-width: 100vw;\n\tdisplay: flex;\n\tflex-direction: column;\n\tposition: relative;\n"], ["\n\theight: 100vh;\n\tmax-height: 100vh;\n\twidth: 100vw;\n\tmax-width: 100vw;\n\tdisplay: flex;\n\tflex-direction: column;\n\tposition: relative;\n"])));
@@ -47,12 +59,12 @@ var VerticalDivider = styled.div(templateObject_5 || (templateObject_5 = __makeT
     return getColor($color, theme);
 });
 var PdfPreview = React.forwardRef(function PreviewFn(_a, ref) {
-    var src = _a.src, _b = _a.forceCache, forceCache = _b === void 0 ? true : _b, show = _a.show, container = _a.container, disablePortal = _a.disablePortal, _c = _a.extension, extension = _c === void 0 ? '' : _c, _d = _a.filename, filename = _d === void 0 ? '' : _d, _e = _a.size, size = _e === void 0 ? '' : _e, _f = _a.actions, actions = _f === void 0 ? [] : _f, closeAction = _a.closeAction, onClose = _a.onClose, _g = _a.useFallback, useFallback = _g === void 0 ? false : _g, customContent = _a.customContent, _h = _a.renderTextLayer, renderTextLayer = _h === void 0 ? false : _h, _j = _a.renderAnnotationLayer, renderAnnotationLayer = _j === void 0 ? false : _j, openSrc = _a.openSrc, titleLabel = _a.titleLabel, contentLabel = _a.contentLabel, downloadLabel = _a.downloadLabel, openLabel = _a.openLabel, noteLabel = _a.noteLabel, zoomOutLabel = _a.zoomOutLabel, fitToWidthLabel = _a.fitToWidthLabel, lowerLimitReachedLabel = _a.lowerLimitReachedLabel, resetZoomLabel = _a.resetZoomLabel, upperLimitReachedLabel = _a.upperLimitReachedLabel, zoomInLabel = _a.zoomInLabel, onNextPreview = _a.onNextPreview, onPreviousPreview = _a.onPreviousPreview, pageLabel = _a.pageLabel, _k = _a.errorLabel, errorLabel = _k === void 0 ? 'Failed to load document preview.' : _k, _l = _a.loadingLabel, loadingLabel = _l === void 0 ? 'Loading document preview…' : _l;
-    var _m = useState(null), documentFile = _m[0], setDocumentFile = _m[1];
-    var _o = useState(false), fetchFailed = _o[0], setFetchFailed = _o[1];
+    var src = _a.src, _b = _a.forceCache, forceCache = _b === void 0 ? true : _b, show = _a.show, container = _a.container, disablePortal = _a.disablePortal, _c = _a.extension, extension = _c === void 0 ? '' : _c, _d = _a.filename, filename = _d === void 0 ? '' : _d, _e = _a.size, size = _e === void 0 ? '' : _e, _f = _a.actions, actionsProp = _f === void 0 ? [] : _f, closeAction = _a.closeAction, onClose = _a.onClose, _g = _a.useFallback, useFallback = _g === void 0 ? false : _g, customContent = _a.customContent, _h = _a.renderTextLayer, renderTextLayer = _h === void 0 ? false : _h, _j = _a.renderAnnotationLayer, renderAnnotationLayer = _j === void 0 ? false : _j, openSrc = _a.openSrc, titleLabel = _a.titleLabel, contentLabel = _a.contentLabel, downloadLabel = _a.downloadLabel, openLabel = _a.openLabel, noteLabel = _a.noteLabel, zoomOutLabel = _a.zoomOutLabel, fitToWidthLabel = _a.fitToWidthLabel, lowerLimitReachedLabel = _a.lowerLimitReachedLabel, resetZoomLabel = _a.resetZoomLabel, upperLimitReachedLabel = _a.upperLimitReachedLabel, zoomInLabel = _a.zoomInLabel, onNextPreview = _a.onNextPreview, onPreviousPreview = _a.onPreviousPreview, pageLabel = _a.pageLabel, _k = _a.errorLabel, errorLabel = _k === void 0 ? 'Failed to load document preview.' : _k, _l = _a.loadingLabel, loadingLabel = _l === void 0 ? 'Loading document preview…' : _l, _m = _a.printActionTooltipLabel, printActionTooltipLabel = _m === void 0 ? 'Print' : _m;
+    var _o = useState(null), documentFile = _o[0], setDocumentFile = _o[1];
+    var _p = useState(false), fetchFailed = _p[0], setFetchFailed = _p[1];
     useEffect(function () {
-        // Checks whether is a string but not a data URI.
-        if (typeof src === 'string' && !/^data:/.test(src)) {
+        // Check whether is a string but not a data URI.
+        if (typeof src === 'string' && !src.startsWith('data:')) {
             var controller_1 = new AbortController();
             fetch(src, { signal: controller_1.signal, cache: forceCache ? 'force-cache' : undefined })
                 .then(function (res) { return res.blob(); })
@@ -69,9 +81,10 @@ var PdfPreview = React.forwardRef(function PreviewFn(_a, ref) {
     var previewRef = useCombinedRefs(ref);
     var documentLoaded = useRef(useFallback);
     var pageRefs = useRef([]);
-    var _p = useState(null), numPages = _p[0], setNumPages = _p[1];
-    var _q = useState(0), currentPage = _q[0], setCurrentPage = _q[1];
-    var _r = useZoom(previewRef), currentZoom = _r.currentZoom, incrementable = _r.incrementable, decrementable = _r.decrementable, increaseOfOneStep = _r.increaseOfOneStep, decreaseOfOneStep = _r.decreaseOfOneStep, fitToWidth = _r.fitToWidth, fitToWidthActive = _r.fitToWidthActive, reset = _r.reset;
+    var pdfPageProxyListRef = useRef({});
+    var _q = useState(null), numPages = _q[0], setNumPages = _q[1];
+    var _r = useState(0), currentPage = _r[0], setCurrentPage = _r[1];
+    var _s = useZoom(previewRef), currentZoom = _s.currentZoom, incrementable = _s.incrementable, decrementable = _s.decrementable, increaseOfOneStep = _s.increaseOfOneStep, decreaseOfOneStep = _s.decreaseOfOneStep, fitToWidth = _s.fitToWidth, fitToWidthActive = _s.fitToWidthActive, reset = _s.reset;
     var updatePageOnScroll = useCallback(function (pageElement) {
         var _a;
         if (pageElement) {
@@ -114,17 +127,32 @@ var PdfPreview = React.forwardRef(function PreviewFn(_a, ref) {
             observePage(pageRef.current);
         }
     }, [observePage]);
+    var _t = useState(false), printReady = _t[0], setPrintReady = _t[1];
+    var pageOnRenderSuccess = useCallback(function (page) {
+        registerPageObserver(page);
+        setPrintReady(lodashSize(pdfPageProxyListRef.current) === numPages);
+    }, [numPages, registerPageObserver]);
+    var pageOnLoadSuccess = useCallback(function (page) {
+        pdfPageProxyListRef.current[page._pageIndex] = page;
+    }, []);
     var pageElements = useMemo(function () {
         if (numPages) {
             pageRefs.current = [];
             return map(new Array(numPages), function (el, index) {
                 var pageRef = React.createRef();
                 pageRefs.current.push(pageRef);
-                return (React.createElement(Page, { key: "page_".concat(index + 1), pageNumber: index + 1, onRenderSuccess: registerPageObserver, width: currentZoom, renderTextLayer: renderTextLayer, renderAnnotationLayer: renderAnnotationLayer, inputRef: pageRef }));
+                return (React.createElement(Page, { key: "page_".concat(index + 1), pageNumber: index + 1, onRenderSuccess: pageOnRenderSuccess, onLoadSuccess: pageOnLoadSuccess, width: currentZoom, renderTextLayer: renderTextLayer, renderAnnotationLayer: renderAnnotationLayer, inputRef: pageRef }));
             });
         }
         return [];
-    }, [currentZoom, numPages, registerPageObserver, renderAnnotationLayer, renderTextLayer]);
+    }, [
+        currentZoom,
+        numPages,
+        pageOnLoadSuccess,
+        pageOnRenderSuccess,
+        renderAnnotationLayer,
+        renderTextLayer
+    ]);
     var onDocumentLoadSuccess = useCallback(function (document) {
         setNumPages(document.numPages);
         setCurrentPage(1);
@@ -139,7 +167,7 @@ var PdfPreview = React.forwardRef(function PreviewFn(_a, ref) {
     }, []);
     var $customContent = useMemo(function () {
         if (useFallback) {
-            return (customContent || (React.createElement(PreviewCriteriaAlternativeContent, { downloadSrc: (typeof src === 'string' && src) ||
+            return (customContent !== null && customContent !== void 0 ? customContent : (React.createElement(PreviewCriteriaAlternativeContent, { downloadSrc: (typeof src === 'string' && src) ||
                     ((src instanceof File || src instanceof Blob) && URL.createObjectURL(src)) ||
                     URL.createObjectURL(new Blob([src], { type: 'application/pdf' })), openSrc: openSrc, contentLabel: contentLabel, downloadLabel: downloadLabel, noteLabel: noteLabel, openLabel: openLabel, titleLabel: titleLabel, filename: filename })));
         }
@@ -163,40 +191,44 @@ var PdfPreview = React.forwardRef(function PreviewFn(_a, ref) {
     }, []);
     var eventListener = useCallback(function (event) {
         var _a, _b;
-        if (event.key === 'Escape') {
-            onClose(event);
-        }
-        else if (event.key === 'ArrowRight' && onNextPreview) {
-            onNextPreview(event);
-        }
-        else if (event.key === 'ArrowLeft' && onPreviousPreview) {
-            onPreviousPreview(event);
-        }
-        else if (event.key === 'Home') {
-            if (currentPage > 1) {
-                onPageChange(1);
-            }
-        }
-        else if (event.key === 'End') {
-            if (numPages && currentPage < numPages) {
-                onPageChange(numPages);
-            }
-        }
-        else if (event.key === 'PageUp') {
-            if (currentPage > 1) {
-                onPageChange(currentPage - 1);
-            }
-        }
-        else if (event.key === 'PageDown') {
-            if (numPages && currentPage < numPages) {
-                onPageChange(currentPage + 1);
-            }
-        }
-        else if (event.key === 'ArrowUp') {
-            (_a = previewRef.current) === null || _a === void 0 ? void 0 : _a.scrollBy(0, -40);
-        }
-        else if (event.key === 'ArrowDown') {
-            (_b = previewRef.current) === null || _b === void 0 ? void 0 : _b.scrollBy(0, 40);
+        switch (event.key) {
+            case 'Escape':
+                onClose(event);
+                break;
+            case 'ArrowRight':
+                onNextPreview === null || onNextPreview === void 0 ? void 0 : onNextPreview(event);
+                break;
+            case 'ArrowLeft':
+                onPreviousPreview === null || onPreviousPreview === void 0 ? void 0 : onPreviousPreview(event);
+                break;
+            case 'Home':
+                if (currentPage > 1) {
+                    onPageChange(1);
+                }
+                break;
+            case 'End':
+                if (numPages && currentPage < numPages) {
+                    onPageChange(numPages);
+                }
+                break;
+            case 'PageUp':
+                if (currentPage > 1) {
+                    onPageChange(currentPage - 1);
+                }
+                break;
+            case 'PageDown':
+                if (numPages && currentPage < numPages) {
+                    onPageChange(currentPage + 1);
+                }
+                break;
+            case 'ArrowUp':
+                (_a = previewRef.current) === null || _a === void 0 ? void 0 : _a.scrollBy(0, -SCROLL_STEP);
+                break;
+            case 'ArrowDown':
+                (_b = previewRef.current) === null || _b === void 0 ? void 0 : _b.scrollBy(0, SCROLL_STEP);
+                break;
+            default:
+                break;
         }
     }, [currentPage, numPages, onClose, onNextPreview, onPageChange, onPreviousPreview, previewRef]);
     useEffect(function () {
@@ -207,12 +239,33 @@ var PdfPreview = React.forwardRef(function PreviewFn(_a, ref) {
             document.removeEventListener('keydown', eventListener);
         };
     }, [eventListener, show]);
+    var printWithOpen = useCallback(function (e) {
+        e.stopPropagation();
+        if (documentFile) {
+            if (typeof documentFile === 'string') {
+                fetch(documentFile)
+                    .then(function (res) { return res.blob(); })
+                    .then(function (file) { return print(file); });
+            }
+            else {
+                print(documentFile);
+            }
+        }
+    }, [documentFile]);
+    var printAction = useMemo(function () { return ({
+        tooltipLabel: printActionTooltipLabel,
+        icon: 'PrinterOutline',
+        onClick: printWithOpen,
+        id: 'print-open',
+        disabled: !printReady
+    }); }, [printActionTooltipLabel, printReady, printWithOpen]);
+    var actions = useMemo(function () { return __spreadArray([printAction], actionsProp, true); }, [actionsProp, printAction]);
     return (React.createElement(Portal, { show: show, disablePortal: disablePortal, container: container },
         React.createElement(Overlay, { onClick: onOverlayClick },
             React.createElement(FocusWithin, null,
                 React.createElement(ExternalContainer, null,
                     !$customContent && (React.createElement(Navigator, null,
-                        React.createElement(PageController, { pageLabel: pageLabel, pagesNumber: numPages || 0, currentPage: currentPage, onPageChange: onPageChange }),
+                        React.createElement(PageController, { pageLabel: pageLabel, pagesNumber: numPages !== null && numPages !== void 0 ? numPages : 0, currentPage: currentPage, onPageChange: onPageChange }),
                         React.createElement(VerticalDivider, { "$color": "gray6" }),
                         React.createElement(ZoomController, { decrementable: decrementable, zoomOutLabel: zoomOutLabel, lowerLimitReachedLabel: lowerLimitReachedLabel, decreaseByStep: decreaseOfOneStep, fitToWidthActive: fitToWidthActive, resetZoomLabel: resetZoomLabel, fitToWidthLabel: fitToWidthLabel, resetWidth: resetWidth, fitToWidth: fitToWidth, incrementable: incrementable, zoomInLabel: zoomInLabel, upperLimitReachedLabel: upperLimitReachedLabel, increaseByStep: increaseOfOneStep }))),
                     React.createElement(Header, { actions: actions, filename: filename, extension: extension, size: size, closeAction: $closeAction }),

package/lib-esm/src/preview/PdfPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdfPreview.js","sourceRoot":"","sources":["../../../src/preview/PdfPreview.tsx"],"names":[],"mappings":"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"}

package/lib-esm/{preview → src/preview}/PdfPreview.test.js

@@ -43,8 +43,9 @@ import React from 'react';
 import { act, screen, waitFor, waitForElementToBeRemoved } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import fetch from 'jest-fetch-mock';
-import { ZOOM_STEPS } from './constants';
 import { PdfPreview } from './PdfPreview';
+import { ZOOM_STEPS } from '../constants';
+import { KEYBOARD_KEY, SELECTORS } from '../constants/test';
 import { loadPDF, setup, triggerObserver } from 'test-utils';
 var pdfFile = loadPDF('./__mocks__/_pdf.pdf');
 var zoomInIcon = 'icon: Plus';
@@ -66,8 +67,8 @@ describe('Pdf Preview', function () {
                 case 1:
                     _a.sent();
                     expect(screen.queryByText(/Loading document preview…/i)).not.toBeInTheDocument();
-                    expect(screen.getByTestId('pdf-preview-container')).toBeInTheDocument();
-                    pageElement = document.querySelector('[data-page-number="1"]');
+                    expect(screen.getByTestId(SELECTORS.previewContainer)).toBeInTheDocument();
+                    pageElement = document.querySelector(SELECTORS.pdfPage(1));
                     expect(pageElement).toBeDefined();
                     expect(pageElement).not.toBeNull();
                     expect(pageElement).toBeInTheDocument();
@@ -91,8 +92,8 @@ describe('Pdf Preview', function () {
                     return [4 /*yield*/, waitForElementToBeRemoved(loadingElement)];
                 case 2:
                     _a.sent();
-                    expect(screen.getByTestId('pdf-preview-container')).toBeInTheDocument();
-                    pageElement = document.querySelector('[data-page-number="1"]');
+                    expect(screen.getByTestId(SELECTORS.previewContainer)).toBeInTheDocument();
+                    pageElement = document.querySelector(SELECTORS.pdfPage(1));
                     expect(pageElement).toBeDefined();
                     expect(pageElement).not.toBeNull();
                     expect(pageElement).toBeInTheDocument();
@@ -116,8 +117,8 @@ describe('Pdf Preview', function () {
                     return [4 /*yield*/, waitForElementToBeRemoved(loadingElement)];
                 case 2:
                     _a.sent();
-                    expect(screen.getByTestId('pdf-preview-container')).toBeInTheDocument();
-                    pageElement = document.querySelector('[data-page-number="1"]');
+                    expect(screen.getByTestId(SELECTORS.previewContainer)).toBeInTheDocument();
+                    pageElement = document.querySelector(SELECTORS.pdfPage(1));
                     expect(pageElement).toBeDefined();
                     expect(pageElement).not.toBeNull();
                     expect(pageElement).toBeInTheDocument();
@@ -133,7 +134,7 @@ describe('Pdf Preview', function () {
                 setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
             });
             expect(screen.queryByText(/Loading document preview…/i)).not.toBeInTheDocument();
-            expect(screen.queryByTestId('pdf-preview-container')).not.toBeInTheDocument();
+            expect(screen.queryByTestId(SELECTORS.previewContainer)).not.toBeInTheDocument();
             return [2 /*return*/];
         });
     }); });
@@ -154,7 +155,7 @@ describe('Pdf Preview', function () {
                 case 2:
                     _a.sent();
                     expect(screen.queryByText(/Loading document preview…/i)).not.toBeInTheDocument();
-                    expect(screen.getByTestId('pdf-preview-container')).toBeInTheDocument();
+                    expect(screen.getByTestId(SELECTORS.previewContainer)).toBeInTheDocument();
                     return [2 /*return*/];
             }
         });
@@ -223,7 +224,7 @@ describe('Pdf Preview', function () {
                 case 1:
                     _a.sent();
                     expect(screen.queryByText(/Loading document preview…/i)).not.toBeInTheDocument();
-                    return [4 /*yield*/, user.keyboard('{Escape}')];
+                    return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.ESC)];
                 case 2:
                     _a.sent();
                     expect(onClose).toHaveBeenCalled();
@@ -303,7 +304,7 @@ describe('Pdf Preview', function () {
                     _a.sent();
                     return [4 /*yield*/, waitFor(function () {
                             // eslint-disable-next-line testing-library/no-node-access
-                            return expect(document.querySelector('[data-page-number="1"]')).toBeInTheDocument();
+                            return expect(document.querySelector(SELECTORS.pdfPage(1))).toBeInTheDocument();
                         })];
                 case 2:
                     _a.sent();
@@ -838,7 +839,7 @@ describe('Pdf Preview', function () {
                         return [4 /*yield*/, user.type(pageInput, '2')];
                     case 3:
                         _a.sent();
-                        return [4 /*yield*/, user.type(pageInput, '{Enter}')];
+                        return [4 /*yield*/, user.type(pageInput, KEYBOARD_KEY.ENTER)];
                     case 4:
                         _a.sent();
                         expect(pageInput).not.toHaveFocus();
@@ -935,7 +936,7 @@ describe('Pdf Preview', function () {
                         expect(screen.getByText(/page/i)).toBeVisible();
                         pageInput = screen.getByRole('textbox', { name: /current page/i });
                         expect(pageInput).toHaveDisplayValue('1');
-                        page2Element = document.querySelector('[data-page-number="2"]');
+                        page2Element = document.querySelector(SELECTORS.pdfPage(2));
                         expect(page2Element).not.toBeNull();
                         return [4 /*yield*/, triggerObserver(page2Element)];
                     case 2:
@@ -969,7 +970,7 @@ describe('Pdf Preview', function () {
                     case 3:
                         _a.sent();
                         expect(pageInput).toHaveFocus();
-                        page2Element = document.querySelector('[data-page-number="2"]');
+                        page2Element = document.querySelector(SELECTORS.pdfPage(2));
                         expect(page2Element).not.toBeNull();
                         return [4 /*yield*/, triggerObserver(page2Element)];
                     case 4:
@@ -1004,11 +1005,11 @@ describe('Pdf Preview', function () {
                     case 3:
                         _a.sent();
                         expect(pageInput).toHaveFocus();
-                        return [4 /*yield*/, user.keyboard('{Escape}')];
+                        return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.ESC)];
                     case 4:
                         _a.sent();
                         expect(onClose).not.toHaveBeenCalled();
-                        return [4 /*yield*/, user.keyboard('{Escape}')];
+                        return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.ESC)];
                     case 5:
                         _a.sent();
                         expect(onClose).toHaveBeenCalledTimes(1);
@@ -1036,11 +1037,11 @@ describe('Pdf Preview', function () {
                             expect(screen.getByText(/page/i)).toBeVisible();
                             pageInput = screen.getByRole('textbox', { name: /current page/i });
                             expect(pageInput).toHaveDisplayValue('1');
-                            return [4 /*yield*/, user.keyboard('{End}')];
+                            return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.END)];
                         case 2:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('4');
-                            return [4 /*yield*/, user.keyboard('{Home}')];
+                            return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.HOME)];
                         case 3:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('1');
@@ -1069,18 +1070,18 @@ describe('Pdf Preview', function () {
                         case 2:
                             _a.sent();
                             expect(pageInput).toHaveFocus();
-                            return [4 /*yield*/, user.keyboard('{End}')];
+                            return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.END)];
                         case 3:
                             _a.sent();
                             expect(pageInput).not.toHaveDisplayValue('4');
                             expect(pageInput).toHaveDisplayValue('1');
                             // remove focus
-                            return [4 /*yield*/, user.keyboard('{Escape}')];
+                            return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.ESC)];
                         case 4:
                             // remove focus
                             _a.sent();
                             expect(pageInput).not.toHaveFocus();
-                            return [4 /*yield*/, user.keyboard('{End}')];
+                            return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.END)];
                         case 5:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('4');
@@ -1090,18 +1091,18 @@ describe('Pdf Preview', function () {
                             // focus input again
                             _a.sent();
                             expect(pageInput).toHaveFocus();
-                            return [4 /*yield*/, user.keyboard('{Home}')];
+                            return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.HOME)];
                         case 7:
                             _a.sent();
                             expect(pageInput).not.toHaveDisplayValue('1');
                             expect(pageInput).toHaveDisplayValue('4');
                             // remove focus
-                            return [4 /*yield*/, user.keyboard('{Escape}')];
+                            return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.ESC)];
                         case 8:
                             // remove focus
                             _a.sent();
                             expect(pageInput).not.toHaveFocus();
-                            return [4 /*yield*/, user.keyboard('{Home}')];
+                            return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.HOME)];
                         case 9:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('1');
@@ -1128,35 +1129,35 @@ describe('Pdf Preview', function () {
                             expect(screen.getByText(/page/i)).toBeVisible();
                             pageInput = screen.getByRole('textbox', { name: /current page/i });
                             expect(pageInput).toHaveDisplayValue('1');
-                            return [4 /*yield*/, user.keyboard('{PageDown}')];
+                            return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.PAGE_DOWN)];
                         case 2:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('2');
-                            return [4 /*yield*/, user.keyboard('{PageDown}')];
+                            return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.PAGE_DOWN)];
                         case 3:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('3');
-                            return [4 /*yield*/, user.keyboard('{PageDown}')];
+                            return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.PAGE_DOWN)];
                         case 4:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('4');
-                            return [4 /*yield*/, user.keyboard('{PageDown}')];
+                            return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.PAGE_DOWN)];
                         case 5:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('4');
-                            return [4 /*yield*/, user.keyboard('{PageUp}')];
+                            return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.PAGE_UP)];
                         case 6:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('3');
-                            return [4 /*yield*/, user.keyboard('{PageUp}')];
+                            return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.PAGE_UP)];
                         case 7:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('2');
-                            return [4 /*yield*/, user.keyboard('{PageUp}')];
+                            return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.PAGE_UP)];
                         case 8:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('1');
-                            return [4 /*yield*/, user.keyboard('{PageUp}')];
+                            return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.PAGE_UP)];
                         case 9:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('1');
@@ -1185,18 +1186,18 @@ describe('Pdf Preview', function () {
                         case 2:
                             _a.sent();
                             expect(pageInput).toHaveFocus();
-                            return [4 /*yield*/, user.keyboard('{PageDown}')];
+                            return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.PAGE_DOWN)];
                         case 3:
                             _a.sent();
                             expect(pageInput).not.toHaveDisplayValue('2');
                             expect(pageInput).toHaveDisplayValue('1');
                             // remove focus
-                            return [4 /*yield*/, user.keyboard('{Escape}')];
+                            return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.ESC)];
                         case 4:
                             // remove focus
                             _a.sent();
                             expect(pageInput).not.toHaveFocus();
-                            return [4 /*yield*/, user.keyboard('{PageDown}')];
+                            return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.PAGE_DOWN)];
                         case 5:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('2');
@@ -1206,18 +1207,18 @@ describe('Pdf Preview', function () {
                             // focus input again
                             _a.sent();
                             expect(pageInput).toHaveFocus();
-                            return [4 /*yield*/, user.keyboard('{PageUp}')];
+                            return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.PAGE_UP)];
                         case 7:
                             _a.sent();
                             expect(pageInput).not.toHaveDisplayValue('1');
                             expect(pageInput).toHaveDisplayValue('2');
                             // remove focus
-                            return [4 /*yield*/, user.keyboard('{Escape}')];
+                            return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.ESC)];
                         case 8:
                             // remove focus
                             _a.sent();
                             expect(pageInput).not.toHaveFocus();
-                            return [4 /*yield*/, user.keyboard('{PageUp}')];
+                            return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.PAGE_UP)];
                         case 9:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('1');
@@ -1249,17 +1250,17 @@ describe('Pdf Preview', function () {
                     case 2:
                         _a.sent();
                         expect(pageInput).toHaveFocus();
-                        return [4 /*yield*/, user.keyboard('{ArrowDown}')];
+                        return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.ARROW_DOWN)];
                     case 3:
                         _a.sent();
                         expect(scrollByFn).not.toHaveBeenCalled();
                         // remove focus
-                        return [4 /*yield*/, user.keyboard('{Escape}')];
+                        return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.ESC)];
                     case 4:
                         // remove focus
                         _a.sent();
                         expect(pageInput).not.toHaveFocus();
-                        return [4 /*yield*/, user.keyboard('{ArrowDown}')];
+                        return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.ARROW_DOWN)];
                     case 5:
                         _a.sent();
                         expect(scrollByFn).toHaveBeenCalledTimes(1);
@@ -1268,17 +1269,17 @@ describe('Pdf Preview', function () {
                     case 6:
                         _a.sent();
                         expect(pageInput).toHaveFocus();
-                        return [4 /*yield*/, user.keyboard('{ArrowUp}')];
+                        return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.ARROW_UP)];
                     case 7:
                         _a.sent();
                         expect(scrollByFn).toHaveBeenCalledTimes(1);
                         // remove focus
-                        return [4 /*yield*/, user.keyboard('{Escape}')];
+                        return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.ESC)];
                     case 8:
                         // remove focus
                         _a.sent();
                         expect(pageInput).not.toHaveFocus();
-                        return [4 /*yield*/, user.keyboard('{ArrowUp}')];
+                        return [4 /*yield*/, user.keyboard(KEYBOARD_KEY.ARROW_UP)];
                     case 9:
                         _a.sent();
                         expect(scrollByFn).toHaveBeenCalledTimes(2);