@zextras/carbonio-ui-preview 1.0.0 → 1.2.0

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

@@ -37,6 +37,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+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));
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -49,9 +58,12 @@ exports.PdfPreview = void 0;
  */
 var react_1 = __importStar(require("react"));
 var carbonio_design_system_1 = require("@zextras/carbonio-design-system");
+var lodash_1 = require("lodash");
 var map_1 = __importDefault(require("lodash/map"));
 var noop_1 = __importDefault(require("lodash/noop"));
-var entry_webpack_1 = require("react-pdf/dist/esm/entry.webpack");
+var entry_webpack5_1 = require("react-pdf/dist/esm/entry.webpack5");
+require("react-pdf/dist/esm/Page/TextLayer.css");
+require("react-pdf/dist/esm/Page/AnnotationLayer.css");
 var styled_components_1 = __importDefault(require("styled-components"));
 var FocusWithin_1 = __importDefault(require("./FocusWithin"));
 var Header_1 = __importDefault(require("./Header"));
@@ -62,6 +74,8 @@ var StyledComponents_1 = require("./StyledComponents");
 var usePageScrollController_1 = require("./usePageScrollController");
 var useZoom_1 = require("./useZoom");
 var ZoomController_1 = require("./ZoomController");
+var constants_1 = require("../constants");
+var utils_1 = require("../utils/utils");
 var Overlay = styled_components_1.default.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 = (0, styled_components_1.default)(carbonio_design_system_1.Container)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\tflex-grow: 1;\n"], ["\n\tflex-grow: 1;\n"])));
 var ExternalContainer = styled_components_1.default.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"])));
@@ -74,12 +88,12 @@ var VerticalDivider = styled_components_1.default.div(templateObject_5 || (templ
     return (0, carbonio_design_system_1.getColor)($color, theme);
 });
 var PdfPreview = react_1.default.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, 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, _j = _a.errorLabel, errorLabel = _j === void 0 ? 'Failed to load document preview.' : _j, _k = _a.loadingLabel, loadingLabel = _k === void 0 ? 'Loading document preview…' : _k;
-    var _l = (0, react_1.useState)(null), documentFile = _l[0], setDocumentFile = _l[1];
-    var _m = (0, react_1.useState)(false), fetchFailed = _m[0], setFetchFailed = _m[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 = (0, react_1.useState)(null), documentFile = _o[0], setDocumentFile = _o[1];
+    var _p = (0, react_1.useState)(false), fetchFailed = _p[0], setFetchFailed = _p[1];
     (0, react_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(); })
@@ -96,9 +110,10 @@ var PdfPreview = react_1.default.forwardRef(function PreviewFn(_a, ref) {
     var previewRef = (0, carbonio_design_system_1.useCombinedRefs)(ref);
     var documentLoaded = (0, react_1.useRef)(useFallback);
     var pageRefs = (0, react_1.useRef)([]);
-    var _o = (0, react_1.useState)(null), numPages = _o[0], setNumPages = _o[1];
-    var _p = (0, react_1.useState)(0), currentPage = _p[0], setCurrentPage = _p[1];
-    var _q = (0, useZoom_1.useZoom)(previewRef), currentZoom = _q.currentZoom, incrementable = _q.incrementable, decrementable = _q.decrementable, increaseOfOneStep = _q.increaseOfOneStep, decreaseOfOneStep = _q.decreaseOfOneStep, fitToWidth = _q.fitToWidth, fitToWidthActive = _q.fitToWidthActive, reset = _q.reset;
+    var pdfPageProxyListRef = (0, react_1.useRef)({});
+    var _q = (0, react_1.useState)(null), numPages = _q[0], setNumPages = _q[1];
+    var _r = (0, react_1.useState)(0), currentPage = _r[0], setCurrentPage = _r[1];
+    var _s = (0, useZoom_1.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 = (0, react_1.useCallback)(function (pageElement) {
         var _a;
         if (pageElement) {
@@ -141,23 +156,39 @@ var PdfPreview = react_1.default.forwardRef(function PreviewFn(_a, ref) {
             observePage(pageRef.current);
         }
     }, [observePage]);
+    var _t = (0, react_1.useState)(false), printReady = _t[0], setPrintReady = _t[1];
+    var pageOnRenderSuccess = (0, react_1.useCallback)(function (page) {
+        registerPageObserver(page);
+        setPrintReady((0, lodash_1.size)(pdfPageProxyListRef.current) === numPages);
+    }, [numPages, registerPageObserver]);
+    var pageOnLoadSuccess = (0, react_1.useCallback)(function (page) {
+        pdfPageProxyListRef.current[page._pageIndex] = page;
+    }, []);
     var pageElements = (0, react_1.useMemo)(function () {
         if (numPages) {
             pageRefs.current = [];
             return (0, map_1.default)(new Array(numPages), function (el, index) {
                 var pageRef = react_1.default.createRef();
                 pageRefs.current.push(pageRef);
-                return (react_1.default.createElement(entry_webpack_1.Page, { key: "page_".concat(index + 1), pageNumber: index + 1, onRenderSuccess: registerPageObserver, width: currentZoom, renderTextLayer: renderTextLayer, inputRef: pageRef }));
+                return (react_1.default.createElement(entry_webpack5_1.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, renderTextLayer]);
+    }, [
+        currentZoom,
+        numPages,
+        pageOnLoadSuccess,
+        pageOnRenderSuccess,
+        renderAnnotationLayer,
+        renderTextLayer
+    ]);
     var onDocumentLoadSuccess = (0, react_1.useCallback)(function (document) {
         setNumPages(document.numPages);
         setCurrentPage(1);
         documentLoaded.current = true;
     }, []);
-    var onDocumentLoadError = (0, react_1.useCallback)(function () {
+    var onDocumentLoadError = (0, react_1.useCallback)(function (error) {
+        console.error(error);
         documentLoaded.current = true;
     }, []);
     var onDocumentLoadProgress = (0, react_1.useCallback)(function () {
@@ -165,7 +196,7 @@ var PdfPreview = react_1.default.forwardRef(function PreviewFn(_a, ref) {
     }, []);
     var $customContent = (0, react_1.useMemo)(function () {
         if (useFallback) {
-            return (customContent || (react_1.default.createElement(PreviewCriteriaAlternativeContent_1.PreviewCriteriaAlternativeContent, { downloadSrc: (typeof src === 'string' && src) ||
+            return (customContent !== null && customContent !== void 0 ? customContent : (react_1.default.createElement(PreviewCriteriaAlternativeContent_1.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 })));
         }
@@ -189,40 +220,44 @@ var PdfPreview = react_1.default.forwardRef(function PreviewFn(_a, ref) {
     }, []);
     var eventListener = (0, react_1.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, -constants_1.SCROLL_STEP);
+                break;
+            case 'ArrowDown':
+                (_b = previewRef.current) === null || _b === void 0 ? void 0 : _b.scrollBy(0, constants_1.SCROLL_STEP);
+                break;
+            default:
+                break;
         }
     }, [currentPage, numPages, onClose, onNextPreview, onPageChange, onPreviousPreview, previewRef]);
     (0, react_1.useEffect)(function () {
@@ -233,19 +268,40 @@ var PdfPreview = react_1.default.forwardRef(function PreviewFn(_a, ref) {
             document.removeEventListener('keydown', eventListener);
         };
     }, [eventListener, show]);
+    var printWithOpen = (0, react_1.useCallback)(function (e) {
+        e.stopPropagation();
+        if (documentFile) {
+            if (typeof documentFile === 'string') {
+                fetch(documentFile)
+                    .then(function (res) { return res.blob(); })
+                    .then(function (file) { return (0, utils_1.print)(file); });
+            }
+            else {
+                (0, utils_1.print)(documentFile);
+            }
+        }
+    }, [documentFile]);
+    var printAction = (0, react_1.useMemo)(function () { return ({
+        tooltipLabel: printActionTooltipLabel,
+        icon: 'PrinterOutline',
+        onClick: printWithOpen,
+        id: 'print-open',
+        disabled: !printReady
+    }); }, [printActionTooltipLabel, printReady, printWithOpen]);
+    var actions = (0, react_1.useMemo)(function () { return __spreadArray([printAction], actionsProp, true); }, [actionsProp, printAction]);
     return (react_1.default.createElement(carbonio_design_system_1.Portal, { show: show, disablePortal: disablePortal, container: container },
         react_1.default.createElement(Overlay, { onClick: onOverlayClick },
             react_1.default.createElement(FocusWithin_1.default, null,
                 react_1.default.createElement(ExternalContainer, null,
                     !$customContent && (react_1.default.createElement(Navigator_1.Navigator, null,
-                        react_1.default.createElement(PageController_1.PageController, { pageLabel: pageLabel, pagesNumber: numPages || 0, currentPage: currentPage, onPageChange: onPageChange }),
+                        react_1.default.createElement(PageController_1.PageController, { pageLabel: pageLabel, pagesNumber: numPages !== null && numPages !== void 0 ? numPages : 0, currentPage: currentPage, onPageChange: onPageChange }),
                         react_1.default.createElement(VerticalDivider, { "$color": "gray6" }),
                         react_1.default.createElement(ZoomController_1.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_1.default.createElement(Header_1.default, { actions: actions, filename: filename, extension: extension, size: size, closeAction: $closeAction }),
                     react_1.default.createElement(MiddleContainer, { orientation: "horizontal", crossAlignment: "unset", minHeight: 0 },
                         onPreviousPreview && (react_1.default.createElement(StyledComponents_1.AbsoluteLeftIconButton, { icon: "ArrowBackOutline", size: "medium", backgroundColor: "gray0", iconColor: "gray6", borderRadius: "round", onClick: onPreviousPreview })),
                         react_1.default.createElement(PreviewContainer, { ref: previewRef, "data-testid": "pdf-preview-container" }, $customContent ||
-                            (src && (react_1.default.createElement(entry_webpack_1.Document, { file: documentFile, onLoadSuccess: onDocumentLoadSuccess, onLoadError: onDocumentLoadError, onLoadProgress: onDocumentLoadProgress, error: errorLabel, loading: loadingLabel, noData: (fetchFailed && errorLabel) || loadingLabel }, pageElements)))),
+                            (src && (react_1.default.createElement(entry_webpack5_1.Document, { file: documentFile, onLoadSuccess: onDocumentLoadSuccess, onLoadError: onDocumentLoadError, onLoadProgress: onDocumentLoadProgress, error: errorLabel, loading: loadingLabel, noData: (fetchFailed && errorLabel) || loadingLabel }, pageElements)))),
                         onNextPreview && (react_1.default.createElement(StyledComponents_1.AbsoluteRightIconButton, { icon: "ArrowForwardOutline", size: "medium", backgroundColor: "gray0", iconColor: "gray6", borderRadius: "round", onClick: onNextPreview }))))))));
 });
 exports.PdfPreview = PdfPreview;

package/lib/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/{preview → src/preview}/PdfPreview.test.js

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        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]) {
@@ -48,8 +48,9 @@ var react_1 = __importDefault(require("react"));
 var react_2 = require("@testing-library/react");
 var user_event_1 = __importDefault(require("@testing-library/user-event"));
 var jest_fetch_mock_1 = __importDefault(require("jest-fetch-mock"));
-var constants_1 = require("./constants");
 var PdfPreview_1 = require("./PdfPreview");
+var constants_1 = require("../constants");
+var test_1 = require("../constants/test");
 var test_utils_1 = require("test-utils");
 var pdfFile = (0, test_utils_1.loadPDF)('./__mocks__/_pdf.pdf');
 var zoomInIcon = 'icon: Plus';
@@ -71,8 +72,8 @@ describe('Pdf Preview', function () {
                 case 1:
                     _a.sent();
                     expect(react_2.screen.queryByText(/Loading document preview…/i)).not.toBeInTheDocument();
-                    expect(react_2.screen.getByTestId('pdf-preview-container')).toBeInTheDocument();
-                    pageElement = document.querySelector('[data-page-number="1"]');
+                    expect(react_2.screen.getByTestId(test_1.SELECTORS.previewContainer)).toBeInTheDocument();
+                    pageElement = document.querySelector(test_1.SELECTORS.pdfPage(1));
                     expect(pageElement).toBeDefined();
                     expect(pageElement).not.toBeNull();
                     expect(pageElement).toBeInTheDocument();
@@ -96,8 +97,8 @@ describe('Pdf Preview', function () {
                     return [4 /*yield*/, (0, react_2.waitForElementToBeRemoved)(loadingElement)];
                 case 2:
                     _a.sent();
-                    expect(react_2.screen.getByTestId('pdf-preview-container')).toBeInTheDocument();
-                    pageElement = document.querySelector('[data-page-number="1"]');
+                    expect(react_2.screen.getByTestId(test_1.SELECTORS.previewContainer)).toBeInTheDocument();
+                    pageElement = document.querySelector(test_1.SELECTORS.pdfPage(1));
                     expect(pageElement).toBeDefined();
                     expect(pageElement).not.toBeNull();
                     expect(pageElement).toBeInTheDocument();
@@ -121,8 +122,8 @@ describe('Pdf Preview', function () {
                     return [4 /*yield*/, (0, react_2.waitForElementToBeRemoved)(loadingElement)];
                 case 2:
                     _a.sent();
-                    expect(react_2.screen.getByTestId('pdf-preview-container')).toBeInTheDocument();
-                    pageElement = document.querySelector('[data-page-number="1"]');
+                    expect(react_2.screen.getByTestId(test_1.SELECTORS.previewContainer)).toBeInTheDocument();
+                    pageElement = document.querySelector(test_1.SELECTORS.pdfPage(1));
                     expect(pageElement).toBeDefined();
                     expect(pageElement).not.toBeNull();
                     expect(pageElement).toBeInTheDocument();
@@ -138,7 +139,7 @@ describe('Pdf Preview', function () {
                 setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
             });
             expect(react_2.screen.queryByText(/Loading document preview…/i)).not.toBeInTheDocument();
-            expect(react_2.screen.queryByTestId('pdf-preview-container')).not.toBeInTheDocument();
+            expect(react_2.screen.queryByTestId(test_1.SELECTORS.previewContainer)).not.toBeInTheDocument();
             return [2 /*return*/];
         });
     }); });
@@ -159,7 +160,7 @@ describe('Pdf Preview', function () {
                 case 2:
                     _a.sent();
                     expect(react_2.screen.queryByText(/Loading document preview…/i)).not.toBeInTheDocument();
-                    expect(react_2.screen.getByTestId('pdf-preview-container')).toBeInTheDocument();
+                    expect(react_2.screen.getByTestId(test_1.SELECTORS.previewContainer)).toBeInTheDocument();
                     return [2 /*return*/];
             }
         });
@@ -228,7 +229,7 @@ describe('Pdf Preview', function () {
                 case 1:
                     _a.sent();
                     expect(react_2.screen.queryByText(/Loading document preview…/i)).not.toBeInTheDocument();
-                    return [4 /*yield*/, user.keyboard('{Escape}')];
+                    return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.ESC)];
                 case 2:
                     _a.sent();
                     expect(onClose).toHaveBeenCalled();
@@ -308,7 +309,7 @@ describe('Pdf Preview', function () {
                     _a.sent();
                     return [4 /*yield*/, (0, react_2.waitFor)(function () {
                             // eslint-disable-next-line testing-library/no-node-access
-                            return expect(document.querySelector('[data-page-number="1"]')).toBeInTheDocument();
+                            return expect(document.querySelector(test_1.SELECTORS.pdfPage(1))).toBeInTheDocument();
                         })];
                 case 2:
                     _a.sent();
@@ -843,7 +844,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, test_1.KEYBOARD_KEY.ENTER)];
                     case 4:
                         _a.sent();
                         expect(pageInput).not.toHaveFocus();
@@ -940,7 +941,7 @@ describe('Pdf Preview', function () {
                         expect(react_2.screen.getByText(/page/i)).toBeVisible();
                         pageInput = react_2.screen.getByRole('textbox', { name: /current page/i });
                         expect(pageInput).toHaveDisplayValue('1');
-                        page2Element = document.querySelector('[data-page-number="2"]');
+                        page2Element = document.querySelector(test_1.SELECTORS.pdfPage(2));
                         expect(page2Element).not.toBeNull();
                         return [4 /*yield*/, (0, test_utils_1.triggerObserver)(page2Element)];
                     case 2:
@@ -974,7 +975,7 @@ describe('Pdf Preview', function () {
                     case 3:
                         _a.sent();
                         expect(pageInput).toHaveFocus();
-                        page2Element = document.querySelector('[data-page-number="2"]');
+                        page2Element = document.querySelector(test_1.SELECTORS.pdfPage(2));
                         expect(page2Element).not.toBeNull();
                         return [4 /*yield*/, (0, test_utils_1.triggerObserver)(page2Element)];
                     case 4:
@@ -1009,11 +1010,11 @@ describe('Pdf Preview', function () {
                     case 3:
                         _a.sent();
                         expect(pageInput).toHaveFocus();
-                        return [4 /*yield*/, user.keyboard('{Escape}')];
+                        return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.ESC)];
                     case 4:
                         _a.sent();
                         expect(onClose).not.toHaveBeenCalled();
-                        return [4 /*yield*/, user.keyboard('{Escape}')];
+                        return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.ESC)];
                     case 5:
                         _a.sent();
                         expect(onClose).toHaveBeenCalledTimes(1);
@@ -1041,11 +1042,11 @@ describe('Pdf Preview', function () {
                             expect(react_2.screen.getByText(/page/i)).toBeVisible();
                             pageInput = react_2.screen.getByRole('textbox', { name: /current page/i });
                             expect(pageInput).toHaveDisplayValue('1');
-                            return [4 /*yield*/, user.keyboard('{End}')];
+                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.END)];
                         case 2:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('4');
-                            return [4 /*yield*/, user.keyboard('{Home}')];
+                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.HOME)];
                         case 3:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('1');
@@ -1074,18 +1075,18 @@ describe('Pdf Preview', function () {
                         case 2:
                             _a.sent();
                             expect(pageInput).toHaveFocus();
-                            return [4 /*yield*/, user.keyboard('{End}')];
+                            return [4 /*yield*/, user.keyboard(test_1.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(test_1.KEYBOARD_KEY.ESC)];
                         case 4:
                             // remove focus
                             _a.sent();
                             expect(pageInput).not.toHaveFocus();
-                            return [4 /*yield*/, user.keyboard('{End}')];
+                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.END)];
                         case 5:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('4');
@@ -1095,18 +1096,18 @@ describe('Pdf Preview', function () {
                             // focus input again
                             _a.sent();
                             expect(pageInput).toHaveFocus();
-                            return [4 /*yield*/, user.keyboard('{Home}')];
+                            return [4 /*yield*/, user.keyboard(test_1.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(test_1.KEYBOARD_KEY.ESC)];
                         case 8:
                             // remove focus
                             _a.sent();
                             expect(pageInput).not.toHaveFocus();
-                            return [4 /*yield*/, user.keyboard('{Home}')];
+                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.HOME)];
                         case 9:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('1');
@@ -1133,35 +1134,35 @@ describe('Pdf Preview', function () {
                             expect(react_2.screen.getByText(/page/i)).toBeVisible();
                             pageInput = react_2.screen.getByRole('textbox', { name: /current page/i });
                             expect(pageInput).toHaveDisplayValue('1');
-                            return [4 /*yield*/, user.keyboard('{PageDown}')];
+                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.PAGE_DOWN)];
                         case 2:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('2');
-                            return [4 /*yield*/, user.keyboard('{PageDown}')];
+                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.PAGE_DOWN)];
                         case 3:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('3');
-                            return [4 /*yield*/, user.keyboard('{PageDown}')];
+                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.PAGE_DOWN)];
                         case 4:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('4');
-                            return [4 /*yield*/, user.keyboard('{PageDown}')];
+                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.PAGE_DOWN)];
                         case 5:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('4');
-                            return [4 /*yield*/, user.keyboard('{PageUp}')];
+                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.PAGE_UP)];
                         case 6:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('3');
-                            return [4 /*yield*/, user.keyboard('{PageUp}')];
+                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.PAGE_UP)];
                         case 7:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('2');
-                            return [4 /*yield*/, user.keyboard('{PageUp}')];
+                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.PAGE_UP)];
                         case 8:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('1');
-                            return [4 /*yield*/, user.keyboard('{PageUp}')];
+                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.PAGE_UP)];
                         case 9:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('1');
@@ -1190,18 +1191,18 @@ describe('Pdf Preview', function () {
                         case 2:
                             _a.sent();
                             expect(pageInput).toHaveFocus();
-                            return [4 /*yield*/, user.keyboard('{PageDown}')];
+                            return [4 /*yield*/, user.keyboard(test_1.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(test_1.KEYBOARD_KEY.ESC)];
                         case 4:
                             // remove focus
                             _a.sent();
                             expect(pageInput).not.toHaveFocus();
-                            return [4 /*yield*/, user.keyboard('{PageDown}')];
+                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.PAGE_DOWN)];
                         case 5:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('2');
@@ -1211,18 +1212,18 @@ describe('Pdf Preview', function () {
                             // focus input again
                             _a.sent();
                             expect(pageInput).toHaveFocus();
-                            return [4 /*yield*/, user.keyboard('{PageUp}')];
+                            return [4 /*yield*/, user.keyboard(test_1.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(test_1.KEYBOARD_KEY.ESC)];
                         case 8:
                             // remove focus
                             _a.sent();
                             expect(pageInput).not.toHaveFocus();
-                            return [4 /*yield*/, user.keyboard('{PageUp}')];
+                            return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.PAGE_UP)];
                         case 9:
                             _a.sent();
                             expect(pageInput).toHaveDisplayValue('1');
@@ -1254,17 +1255,17 @@ describe('Pdf Preview', function () {
                     case 2:
                         _a.sent();
                         expect(pageInput).toHaveFocus();
-                        return [4 /*yield*/, user.keyboard('{ArrowDown}')];
+                        return [4 /*yield*/, user.keyboard(test_1.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(test_1.KEYBOARD_KEY.ESC)];
                     case 4:
                         // remove focus
                         _a.sent();
                         expect(pageInput).not.toHaveFocus();
-                        return [4 /*yield*/, user.keyboard('{ArrowDown}')];
+                        return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.ARROW_DOWN)];
                     case 5:
                         _a.sent();
                         expect(scrollByFn).toHaveBeenCalledTimes(1);
@@ -1273,17 +1274,17 @@ describe('Pdf Preview', function () {
                     case 6:
                         _a.sent();
                         expect(pageInput).toHaveFocus();
-                        return [4 /*yield*/, user.keyboard('{ArrowUp}')];
+                        return [4 /*yield*/, user.keyboard(test_1.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(test_1.KEYBOARD_KEY.ESC)];
                     case 8:
                         // remove focus
                         _a.sent();
                         expect(pageInput).not.toHaveFocus();
-                        return [4 /*yield*/, user.keyboard('{ArrowUp}')];
+                        return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.ARROW_UP)];
                     case 9:
                         _a.sent();
                         expect(scrollByFn).toHaveBeenCalledTimes(2);