@zextras/carbonio-ui-preview 1.1.0 → 1.2.0

package/lib/jest-setup.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+import 'web-streams-polyfill/es6';

package/lib/jest-setup.js

@@ -0,0 +1,78 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+require("@testing-library/jest-dom");
+var react_1 = require("@testing-library/react");
+var jest_fail_on_console_1 = __importDefault(require("jest-fail-on-console"));
+var jest_fetch_mock_1 = __importDefault(require("jest-fetch-mock"));
+var lodash_1 = require("lodash");
+require("web-streams-polyfill/es6");
+jest_fetch_mock_1.default.enableMocks();
+(0, jest_fail_on_console_1.default)({
+    shouldFailOnError: false,
+    shouldFailOnWarn: false
+});
+beforeAll(function () {
+    // https://jestjs.io/docs/en/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom
+    Object.defineProperty(window, 'matchMedia', {
+        writable: true,
+        value: jest.fn().mockImplementation(function (query) { return ({
+            matches: false,
+            media: query,
+            onchange: null,
+            addListener: jest.fn(),
+            removeListener: jest.fn(),
+            addEventListener: jest.fn(),
+            removeEventListener: jest.fn(),
+            dispatchEvent: jest.fn()
+        }); })
+    });
+    window.resizeTo = function resizeTo(width, height) {
+        Object.assign(this, {
+            innerWidth: width,
+            innerHeight: height,
+            outerWidth: width,
+            outerHeight: height
+        }).dispatchEvent(new this.Event('resize'));
+    };
+    Object.defineProperty(window, 'IntersectionObserver', {
+        writable: true,
+        value: jest.fn().mockImplementation(function (callback, options) { return ({
+            thresholds: options.threshold,
+            root: options.root,
+            rootMargin: options.rootMargin,
+            observe: jest.fn(),
+            unobserve: jest.fn(),
+            disconnect: jest.fn()
+        }); })
+    });
+    Object.defineProperty(window.HTMLElement.prototype, 'scrollIntoView', {
+        writable: true,
+        value: jest.fn()
+    });
+    Object.defineProperty(window.HTMLElement.prototype, 'scrollBy', {
+        writable: true,
+        value: jest.fn()
+    });
+    // available since node 17, used by pdf-js
+    global.structuredClone = lodash_1.cloneDeep;
+});
+beforeEach(function () {
+    // before each
+});
+afterEach(function () {
+    (0, react_1.act)(function () {
+        window.resizeTo(1024, 768);
+    });
+});
+afterAll(function () {
+    // after all
+});
+//# sourceMappingURL=jest-setup.js.map

package/lib/jest-setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jest-setup.js","sourceRoot":"","sources":["../jest-setup.ts"],"names":[],"mappings":";;;;;AAAA;;;;GAIG;AACH,qCAAmC;AACnC,gDAA6C;AAC7C,8EAAiD;AACjD,oEAAwC;AACxC,iCAAmC;AACnC,oCAAkC;AAElC,yBAAS,CAAC,WAAW,EAAE,CAAC;AAExB,IAAA,8BAAa,EAAC;IACb,iBAAiB,EAAE,KAAK;IACxB,gBAAgB,EAAE,KAAK;CACvB,CAAC,CAAC;AAEH,SAAS,CAAC;IACT,4FAA4F;IAC5F,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,YAAY,EAAE;QAC3C,QAAQ,EAAE,IAAI;QACd,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;YAC/C,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,IAAI;YACd,WAAW,EAAE,IAAI,CAAC,EAAE,EAAE;YACtB,cAAc,EAAE,IAAI,CAAC,EAAE,EAAE;YACzB,gBAAgB,EAAE,IAAI,CAAC,EAAE,EAAE;YAC3B,mBAAmB,EAAE,IAAI,CAAC,EAAE,EAAE;YAC9B,aAAa,EAAE,IAAI,CAAC,EAAE,EAAE;SACxB,CAAC,EAT6C,CAS7C,CAAC;KACH,CAAC,CAAC;IAEH,MAAM,CAAC,QAAQ,GAAG,SAAS,QAAQ,CAAC,KAAK,EAAE,MAAM;QAChD,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;YACnB,UAAU,EAAE,KAAK;YACjB,WAAW,EAAE,MAAM;YACnB,UAAU,EAAE,KAAK;YACjB,WAAW,EAAE,MAAM;SACnB,CAAC,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC5C,CAAC,CAAC;IAEF,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,sBAAsB,EAAE;QACrD,QAAQ,EAAE,IAAI;QACd,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,UAAC,QAAQ,EAAE,OAAO,IAAK,OAAA,CAAC;YAC3D,UAAU,EAAE,OAAO,CAAC,SAAS;YAC7B,IAAI,EAAE,OAAO,CAAC,IAAI;YAClB,UAAU,EAAE,OAAO,CAAC,UAAU;YAC9B,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE;YAClB,SAAS,EAAE,IAAI,CAAC,EAAE,EAAE;YACpB,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE;SACrB,CAAC,EAPyD,CAOzD,CAAC;KACH,CAAC,CAAC;IAEH,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,EAAE,gBAAgB,EAAE;QACrE,QAAQ,EAAE,IAAI;QACd,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;KAChB,CAAC,CAAC;IAEH,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,EAAE,UAAU,EAAE;QAC/D,QAAQ,EAAE,IAAI;QACd,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;KAChB,CAAC,CAAC;IAEH,0CAA0C;IAC1C,MAAM,CAAC,eAAe,GAAG,kBAAS,CAAC;AACpC,CAAC,CAAC,CAAC;AAEH,UAAU,CAAC;IACV,cAAc;AACf,CAAC,CAAC,CAAC;AAEH,SAAS,CAAC;IACT,IAAA,WAAG,EAAC;QACH,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAC5B,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC;IACR,YAAY;AACb,CAAC,CAAC,CAAC"}

package/lib/{preview/constants.d.ts → src/constants/index.d.ts}

@@ -1 +1,2 @@
 export declare const ZOOM_STEPS: number[];
+export declare const SCROLL_STEP = 40;

package/lib/{preview/constants.js → src/constants/index.js}

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZOOM_STEPS = void 0;
+exports.SCROLL_STEP = exports.ZOOM_STEPS = void 0;
 /*
  * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 exports.ZOOM_STEPS = [800, 1000, 1200, 1400, 1600, 2000, 2400, 3200];
-//# sourceMappingURL=constants.js.map
+exports.SCROLL_STEP = 40;
+//# sourceMappingURL=index.js.map

package/lib/src/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/constants/index.ts"],"names":[],"mappings":";;;AAAA;;;;GAIG;AACU,QAAA,UAAU,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAC7D,QAAA,WAAW,GAAG,EAAE,CAAC"}

package/lib/src/constants/test.d.ts

@@ -0,0 +1,16 @@
+export declare const SELECTORS: {
+    readonly previewContainer: "pdf-preview-container";
+    readonly pdfPage: (pageNum: number) => string;
+};
+export declare const KEYBOARD_KEY: {
+    readonly PAGE_DOWN: "{PageDown}";
+    readonly PAGE_UP: "{PageUp}";
+    readonly END: "{End}";
+    readonly HOME: "{Home}";
+    readonly ESC: "{Escape}";
+    readonly ARROW_DOWN: "{ArrowDown}";
+    readonly ARROW_UP: "{ArrowUp}";
+    readonly ARROW_RIGHT: "{ArrowRight}";
+    readonly ARROW_LEFT: "{ArrowLeft}";
+    readonly ENTER: "{Enter}";
+};

package/lib/src/constants/test.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KEYBOARD_KEY = exports.SELECTORS = void 0;
+/*
+ * SPDX-FileCopyrightText: 2023 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+exports.SELECTORS = {
+    previewContainer: 'pdf-preview-container',
+    pdfPage: function (pageNum) {
+        return "[data-page-number=\"".concat(pageNum, "\"]");
+    }
+};
+exports.KEYBOARD_KEY = {
+    PAGE_DOWN: '{PageDown}',
+    PAGE_UP: '{PageUp}',
+    END: '{End}',
+    HOME: '{Home}',
+    ESC: '{Escape}',
+    ARROW_DOWN: '{ArrowDown}',
+    ARROW_UP: '{ArrowUp}',
+    ARROW_RIGHT: '{ArrowRight}',
+    ARROW_LEFT: '{ArrowLeft}',
+    ENTER: '{Enter}'
+};
+//# sourceMappingURL=test.js.map

package/lib/src/constants/test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test.js","sourceRoot":"","sources":["../../../src/constants/test.ts"],"names":[],"mappings":";;;AAAA;;;;GAIG;AACU,QAAA,SAAS,GAAG;IACxB,gBAAgB,EAAE,uBAAuB;IACzC,OAAO,YAAC,OAAe;QACtB,OAAO,8BAAsB,OAAO,QAAI,CAAC;IAC1C,CAAC;CACQ,CAAC;AAEE,QAAA,YAAY,GAAG;IAC3B,SAAS,EAAE,YAAY;IACvB,OAAO,EAAE,UAAU;IACnB,GAAG,EAAE,OAAO;IACZ,IAAI,EAAE,QAAQ;IACd,GAAG,EAAE,UAAU;IACf,UAAU,EAAE,aAAa;IACzB,QAAQ,EAAE,WAAW;IACrB,WAAW,EAAE,cAAc;IAC3B,UAAU,EAAE,aAAa;IACzB,KAAK,EAAE,SAAS;CACP,CAAC"}

package/lib/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;;;;;;;;;;;;AAEH,sBAAsB;AACtB,yDAAuC;AACvC,uDAAqC;AACrC,YAAY;AACZ,2DAAyC;AACzC,2DAAyC"}

package/{lib-esm → lib/src}/preview/FocusWithin.d.ts

@@ -3,5 +3,5 @@ interface FocusContainerProps {
     returnFocus?: boolean;
     children: React.ReactChild | React.ReactChildren;
 }
-declare const FocusWithin: ({ children, returnFocus }: FocusContainerProps) => JSX.Element;
+declare const FocusWithin: ({ children, returnFocus }: FocusContainerProps) => React.JSX.Element;
 export default FocusWithin;

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

@@ -48,29 +48,27 @@ var FocusWithin = function (_a) {
     var onStartSentinelFocus = (0, react_1.useCallback)(function () {
         if (contentRef.current) {
             var node = (0, last_1.default)(contentRef.current.querySelectorAll('[tabindex]'));
-            node && node.focus();
+            node === null || node === void 0 ? void 0 : node.focus();
         }
     }, []);
     var onEndSentinelFocus = (0, react_1.useCallback)(function () {
         if (contentRef.current) {
             var node = contentRef.current.querySelector('[tabindex]');
-            node && node.focus();
+            node === null || node === void 0 ? void 0 : node.focus();
         }
     }, []);
     (0, react_1.useEffect)(function () {
-        var _a;
-        var documentElement = ((_a = window.top) === null || _a === void 0 ? void 0 : _a.document) || document;
+        var _a, _b, _c, _d, _e;
+        var documentElement = (_b = (_a = window.top) === null || _a === void 0 ? void 0 : _a.document) !== null && _b !== void 0 ? _b : document;
         var focusedElement = documentElement.activeElement;
-        contentRef.current && contentRef.current.focus();
-        startSentinelRef.current &&
-            startSentinelRef.current.addEventListener('focus', onStartSentinelFocus);
-        endSentinelRef.current && endSentinelRef.current.addEventListener('focus', onEndSentinelFocus);
+        (_c = contentRef.current) === null || _c === void 0 ? void 0 : _c.focus();
+        (_d = startSentinelRef.current) === null || _d === void 0 ? void 0 : _d.addEventListener('focus', onStartSentinelFocus);
+        (_e = endSentinelRef.current) === null || _e === void 0 ? void 0 : _e.addEventListener('focus', onEndSentinelFocus);
         var startSentinelRefSave = startSentinelRef.current;
         var endSentinelRefSave = endSentinelRef.current;
         return function () {
-            startSentinelRefSave &&
-                startSentinelRefSave.removeEventListener('focus', onStartSentinelFocus);
-            endSentinelRefSave && endSentinelRefSave.removeEventListener('focus', onEndSentinelFocus);
+            startSentinelRefSave === null || startSentinelRefSave === void 0 ? void 0 : startSentinelRefSave.removeEventListener('focus', onStartSentinelFocus);
+            endSentinelRefSave === null || endSentinelRefSave === void 0 ? void 0 : endSentinelRefSave.removeEventListener('focus', onEndSentinelFocus);
             // return focus to previous initial element
             if (focusedElement && returnFocus) {
                 focusedElement.focus();

package/lib/src/preview/FocusWithin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusWithin.js","sourceRoot":"","sources":["../../../src/preview/FocusWithin.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAwD;AACxD;;;;GAIG;AACH,6CAA8D;AAE9D,qDAA+B;AAC/B,wEAAuC;AAEvC,IAAM,cAAc,GAAG,2BAAM,CAAC,IAAI,6HAAA,0DAKjC,IAAA,CAAC;AAOF,IAAM,WAAW,GAAG,UAAC,EAAqD;QAAnD,QAAQ,cAAA,EAAE,mBAAkB,EAAlB,WAAW,mBAAG,IAAI,KAAA;IAClD,IAAM,UAAU,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACvD,IAAM,gBAAgB,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAC7D,IAAM,cAAc,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAE3D,IAAM,oBAAoB,GAAG,IAAA,mBAAW,EAAC;QACxC,IAAI,UAAU,CAAC,OAAO,EAAE;YACvB,IAAM,IAAI,GAAG,IAAA,cAAI,EAAC,UAAU,CAAC,OAAO,CAAC,gBAAgB,CAAc,YAAY,CAAC,CAAC,CAAC;YAClF,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,EAAE,CAAC;SACd;IACF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,kBAAkB,GAAG,IAAA,mBAAW,EAAC;QACtC,IAAI,UAAU,CAAC,OAAO,EAAE;YACvB,IAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,aAAa,CAAc,YAAY,CAAC,CAAC;YACzE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,EAAE,CAAC;SACd;IACF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC;;QACT,IAAM,eAAe,GAAG,MAAA,MAAA,MAAM,CAAC,GAAG,0CAAE,QAAQ,mCAAI,QAAQ,CAAC;QACzD,IAAM,cAAc,GAAG,eAAe,CAAC,aAA4B,CAAC;QAEpE,MAAA,UAAU,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QAC5B,MAAA,gBAAgB,CAAC,OAAO,0CAAE,gBAAgB,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAC;QAC1E,MAAA,cAAc,CAAC,OAAO,0CAAE,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;QACtE,IAAM,oBAAoB,GAAG,gBAAgB,CAAC,OAAO,CAAC;QACtD,IAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,CAAC;QAElD,OAAO;YACN,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,mBAAmB,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAC;YACzE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;YACrE,2CAA2C;YAC3C,IAAI,cAAc,IAAI,WAAW,EAAE;gBAClC,cAAc,CAAC,KAAK,EAAE,CAAC;aACvB;QACF,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,oBAAoB,EAAE,kBAAkB,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5D,OAAO,CACN,8BAAC,cAAc;QACd,wCAAM,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,gBAAgB,GAAI;QAC5C,uCAAK,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,IAChC,QAAQ,CACJ;QACN,wCAAM,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,cAAc,GAAI,CAC1B,CACjB,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/lib/src/preview/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/preview/Header.tsx"],"names":[],"mappings":";;;;;;;;;AAAA;;;;GAIG;AACH,gDAA0B;AAE1B,0EAA4E;AAC5E,mDAA6B;AAC7B,wEAAuC;AAEvC,IAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,8IAAA,2EAIjC,IAAA,CAAC;AAEF,IAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,iKAAA,8FAK/B,IAAA,CAAC;AAEF,IAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,+JAAA,4FAKhC,IAAA,CAAC;AAEF,IAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,qIAAA,kEAK/B,IAAA,CAAC;AAEF,IAAM,aAAa,GAAG,IAAA,2BAAM,EAAC,6BAAI,CAAC,qGAAA,kCAEjC,IAAA,CAAC;AA6BF,IAAM,MAAM,GAA2B,UAAC,EAAmD;QAAjD,WAAW,iBAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,IAAI,UAAA;IAAO,OAAA,CAC/F,8BAAC,eAAe;QACf,8BAAC,aAAa;YACZ,WAAW,IAAI,CACf,8BAAC,gCAAO,IACP,KAAK,EAAE,WAAW,CAAC,YAAY,EAC/B,QAAQ,EAAE,CAAC,WAAW,CAAC,YAAY,EACnC,GAAG,EAAE,WAAW,CAAC,EAAE,EACnB,SAAS,EAAE,WAAW,CAAC,gBAAgB;gBAEvC,8BAAC,mCAAU,IACV,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,IAAI,EAAE,WAAW,CAAC,IAAI,EACtB,IAAI,EAAC,QAAQ,EACb,eAAe,EAAC,aAAa,EAC7B,SAAS,EAAC,OAAO,GAChB,CACO,CACV;YACD,8BAAC,aAAa;gBACb,8BAAC,6BAAI,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,IAC9B,QAAQ,CACH;gBACP,8BAAC,aAAa,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO;oBACvC,SAAS;oBACT,SAAS,IAAI,IAAI,IAAI,yEAAe;oBACpC,IAAI,CACU,CACD,CACD;QAChB,8BAAC,cAAc,QACb,IAAA,aAAG,EAAC,OAAO,EAAE,UAAC,EAA+D;gBAA7D,EAAE,QAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,YAAY,kBAAA,EAAE,gBAAgB,sBAAA;YAAO,OAAA,CAClF,8BAAC,gCAAO,IACP,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,CAAC,YAAY,EACvB,GAAG,EAAE,EAAE,EACP,SAAS,EAAE,gBAAgB;gBAE3B,8BAAC,mCAAU,IACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,QAAQ,EACb,eAAe,EAAC,aAAa,EAC7B,SAAS,EAAC,OAAO,GAChB,CACO,CACV;QAhBkF,CAgBlF,CAAC,CACc,CACA,CAClB;AAlD+F,CAkD/F,CAAC;AAEF,kBAAe,MAAM,CAAC"}

package/lib/src/preview/Header.test.js.map

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

package/{lib-esm → lib/src}/preview/ImagePreview.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { HeaderAction, HeaderProps } from './Header';
-import { MakeOptional } from '../utils/utils';
+import { type MakeOptional } from '../utils/type-utils';
 type ImagePreviewProps = Partial<Omit<HeaderProps, 'closeAction'>> & {
     /** Left Action for the preview */
     closeAction?: MakeOptional<HeaderAction, 'onClick'>;

package/lib/src/preview/ImagePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePreview.js","sourceRoot":"","sources":["../../../src/preview/ImagePreview.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;GAIG;AACH,6CAAiF;AAEjF,0EAAqF;AACrF,wEAAuC;AAEvC,8DAAwC;AACxC,oDAA6D;AAC7D,uDAAqF;AAGrF,IAAM,OAAO,GAAG,2BAAM,CAAC,GAAG,+TAAA,4PAazB,IAAA,CAAC;AAEF,IAAM,iBAAiB,GAAG,2BAAM,CAAC,GAAG,yNAAA,sJAQnC,IAAA,CAAC;AAEF,IAAM,eAAe,GAAG,IAAA,2BAAM,EAAC,kCAAS,CAAC,wFAAA,qBAExC,IAAA,CAAC;AAEF,IAAM,KAAK,GAAG,2BAAM,CAAC,GAAG,+PAAA,4LAQvB,IAAA,CAAC;AAEF,IAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAC,KAAK,CAAC;IACzC,gBAAgB,EAAE,MAAM;IACxB,kBAAkB,EAAE,MAAM;IAC1B,IAAI,EAAE,QAAQ;CACd,CAAC,2TAAA,qEAG0B,EAAkD,4CAEtE,EAA0B,yFAItB,EACiC,wCAG5C,KAV2B,UAAC,EAAoB;QAAlB,gBAAgB,sBAAA;IAAe,OAAA,gBAAgB;AAAhB,CAAgB,EAEtE,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAe,OAAA,IAAI;AAAJ,CAAI,EAItB,UAAC,EAAwC;QAAtC,gBAAgB,sBAAA,EAAE,kBAAkB,wBAAA;IACjD,OAAA,UAAG,gBAAgB,cAAI,kBAAkB,CAAE;AAA3C,CAA2C,CAG5C,CAAC;AA0BF,IAAM,YAAY,GAAG,eAAK,CAAC,UAAU,CAAoC,SAAS,SAAS,CAC1F,EAcC,EACD,GAAG;QAdF,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,GAAG,SAAA,EACH,aAAa,mBAAA,EACb,iBAAiB,uBAAA;IAIZ,IAAA,KAAgC,IAAA,gBAAQ,EAAqB,SAAS,CAAC,EAAtE,WAAW,QAAA,EAAE,cAAc,QAA2C,CAAC;IAE9E,IAAA,iBAAS,EAAC;QACT,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;YAC5B,cAAc,CAAC,GAAG,CAAC,CAAC;SACpB;QACD,IAAI,GAAG,YAAY,IAAI,IAAI,GAAG,YAAY,IAAI,EAAE;YAC/C,cAAc,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC;SACzC;IACF,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC;IAE1B,IAAM,UAAU,GAAG,IAAA,wCAAe,EAAiB,GAAG,CAAC,CAAC;IACxD,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAEhD,IAAM,YAAY,GAAG,IAAA,eAAO,EAAC;QAC5B,IAAI,WAAW,EAAE;YAChB,kBACC,OAAO,EAAE,OAAO,IACb,WAAW,EACb;SACF;QACD,OAAO,WAAW,CAAC;IACpB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3B,IAAM,aAAa,GAAG,IAAA,mBAAW,EAChC,UAAC,KAAK;QACL,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;YAC3B,OAAO,CAAC,KAAK,CAAC,CAAC;SACf;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY,IAAI,aAAa,EAAE;YACvD,aAAa,CAAC,KAAK,CAAC,CAAC;SACrB;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,iBAAiB,EAAE;YAC1D,iBAAiB,CAAC,KAAK,CAAC,CAAC;SACzB;IACF,CAAC,EACD,CAAC,OAAO,EAAE,aAAa,EAAE,iBAAiB,CAAC,CAC3C,CAAC;IAEF,IAAA,iBAAS,EAAC;QACT,IAAI,IAAI,EAAE;YACT,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;SACpD;QAED,OAAO;YACN,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACxD,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC;IAE1B,IAAM,cAAc,GAAG,IAAA,mBAAW,EACjC,UAAC,KAAK;QACL,iCAAiC;QACjC,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,UAAU,CAAC,OAAO;YACjB,CAAC,KAAK,CAAC,kBAAkB,EAAE;YAC3B,CAAC,UAAU,CAAC,OAAO,KAAK,KAAK,CAAC,MAAM;gBACnC,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAC;YACpD,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACrB,CAAC;IAEF,OAAO,CACN,8BAAC,+BAAM,IAAC,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS;QACrE,8BAAC,OAAO,IAAC,OAAO,EAAE,cAAc;YAC/B,8BAAC,qBAAW;gBACX,8BAAC,iBAAiB;oBACjB,8BAAC,gBAAM,IACN,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,YAAY,GACxB;oBACF,8BAAC,eAAe,IAAC,WAAW,EAAC,YAAY,EAAC,cAAc,EAAC,OAAO,EAAC,SAAS,EAAE,CAAC;wBAC3E,iBAAiB,IAAI,CACrB,8BAAC,yCAAsB,IACtB,IAAI,EAAC,kBAAkB,EACvB,IAAI,EAAC,QAAQ,EACb,eAAe,EAAC,OAAO,EACvB,SAAS,EAAC,OAAO,EACjB,YAAY,EAAC,OAAO,EACpB,OAAO,EAAE,iBAAiB,GACzB,CACF;wBACD,8BAAC,gBAAgB,IAAC,GAAG,EAAE,UAAU;4BAChC,8BAAC,KAAK,IACL,GAAG,EAAE,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,QAAQ,EACpB,GAAG,EAAE,WAAW,EAChB,OAAO,EAAE,UAAC,KAAK,IAAW,OAAA,OAAO,CAAC,KAAK,CAAC,mBAAmB,EAAE,KAAK,CAAC,EAAzC,CAAyC,EACnE,GAAG,EAAE,QAAQ,GACZ,CACgB;wBAClB,aAAa,IAAI,CACjB,8BAAC,0CAAuB,IACvB,IAAI,EAAC,qBAAqB,EAC1B,IAAI,EAAC,QAAQ,EACb,eAAe,EAAC,OAAO,EACvB,SAAS,EAAC,OAAO,EACjB,YAAY,EAAC,OAAO,EACpB,OAAO,EAAE,aAAa,GACrB,CACF,CACgB,CACC,CACP,CACL,CACF,CACT,CAAC;AACH,CAAC,CAAC,CAAC;AAEM,oCAAY"}

package/lib/{preview → src/preview}/ImagePreview.test.js

@@ -48,22 +48,23 @@ var react_1 = __importDefault(require("react"));
 var faker_1 = require("@faker-js/faker");
 var react_2 = require("@testing-library/react");
 var ImagePreview_1 = require("./ImagePreview");
-var test_utils_1 = require("../utils/test-utils");
+var test_1 = require("../constants/test");
+var test_utils_1 = require("test-utils");
 describe('Image Preview', function () {
     test('Render an image', function () {
-        var img = faker_1.faker.image.image();
+        var img = faker_1.faker.image.url();
         var onClose = jest.fn();
         (0, test_utils_1.setup)(react_1.default.createElement(ImagePreview_1.ImagePreview, { show: true, src: img, onClose: onClose }));
         expect(react_2.screen.getByRole('img')).toBeVisible();
     });
     test('If show is false does not render an image', function () {
-        var img = faker_1.faker.image.image();
+        var img = faker_1.faker.image.url();
         var onClose = jest.fn();
         (0, test_utils_1.setup)(react_1.default.createElement(ImagePreview_1.ImagePreview, { show: false, src: img, onClose: onClose }));
         expect(react_2.screen.queryByRole('img')).not.toBeInTheDocument();
     });
     test('Additional data are visible', function () {
-        var img = faker_1.faker.image.image();
+        var img = faker_1.faker.image.url();
         var onClose = jest.fn();
         (0, test_utils_1.setup)(react_1.default.createElement(ImagePreview_1.ImagePreview, { show: true, src: img, onClose: onClose, filename: "image file name", alt: "this is an image", extension: "png", size: "18KB" }));
         expect(react_2.screen.getByText(/image file name/i)).toBeVisible();
@@ -77,10 +78,10 @@ describe('Image Preview', function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    img = faker_1.faker.image.image();
+                    img = faker_1.faker.image.url();
                     onClose = jest.fn();
                     user = (0, test_utils_1.setup)(react_1.default.createElement(ImagePreview_1.ImagePreview, { show: true, src: img, onClose: onClose })).user;
-                    return [4 /*yield*/, user.keyboard('{Escape}')];
+                    return [4 /*yield*/, user.keyboard(test_1.KEYBOARD_KEY.ESC)];
                 case 1:
                     _a.sent();
                     expect(onClose).toHaveBeenCalled();
@@ -93,7 +94,7 @@ describe('Image Preview', function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    img = faker_1.faker.image.image();
+                    img = faker_1.faker.image.url();
                     onClose = jest.fn();
                     actions = [
                         {

package/lib/src/preview/ImagePreview.test.js.map

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

package/lib/{preview → src/preview}/Navigator.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 export interface NavigatorProps {
     children: React.ReactElement | React.ReactElement[];
 }
-export declare const Navigator: ({ children }: NavigatorProps) => JSX.Element;
+export declare const Navigator: ({ children }: NavigatorProps) => React.JSX.Element;

package/lib/src/preview/Navigator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigator.js","sourceRoot":"","sources":["../../../src/preview/Navigator.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA;;;;GAIG;AACH,gDAA0B;AAE1B,wEAAuC;AAEvC,IAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,wTAAA,qJAOb,EAAkD,8FAKtE,KALoB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAe,OAAA,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO;AAA3B,CAA2B,CAKtE,CAAC;AAMK,IAAM,SAAS,GAAG,UAAC,EAA4B;QAA1B,QAAQ,cAAA;IAA0C,OAAA,CAC7E,8BAAC,eAAe,IAAC,OAAO,EAAE,UAAC,EAAE,IAAW,OAAA,EAAE,CAAC,eAAe,EAAE,EAApB,CAAoB,IAAG,QAAQ,CAAmB,CAC1F;AAF6E,CAE7E,CAAC;AAFW,QAAA,SAAS,aAEpB"}

package/{lib-esm → lib/src}/preview/PageController.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 export interface PageControllerProps {
     pageLabel?: string;
     currentPage: number;
     pagesNumber: number;
     onPageChange: (newPage: number) => void;
 }
-export declare const PageController: ({ pageLabel, currentPage, pagesNumber, onPageChange }: PageControllerProps) => JSX.Element;
+export declare const PageController: ({ pageLabel, currentPage, pagesNumber, onPageChange }: PageControllerProps) => React.JSX.Element;

package/lib/src/preview/PageController.js.map

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

package/lib/{preview → src/preview}/PdfPreview.d.ts

@@ -3,7 +3,7 @@ import 'react-pdf/dist/esm/Page/TextLayer.css';
 import 'react-pdf/dist/esm/Page/AnnotationLayer.css';
 import { HeaderAction, HeaderProps } from './Header';
 import { PreviewCriteriaAlternativeContentProps } from './PreviewCriteriaAlternativeContent';
-import { MakeOptional } from '../utils/utils';
+import { type MakeOptional } from '../utils/type-utils';
 type PdfPreviewProps = Partial<Omit<HeaderProps, 'closeAction'>> & {
     /** Left Action for the preview */
     closeAction?: MakeOptional<HeaderAction, 'onClick'>;
@@ -43,6 +43,7 @@ type PdfPreviewProps = Partial<Omit<HeaderProps, 'closeAction'>> & {
     pageLabel?: string;
     errorLabel?: string;
     loadingLabel?: string;
+    printActionTooltipLabel?: string;
 } & Omit<PreviewCriteriaAlternativeContentProps, 'downloadSrc'>;
 declare const PdfPreview: React.ForwardRefExoticComponent<Partial<Omit<HeaderProps, "closeAction">> & {
     /** Left Action for the preview */
@@ -83,5 +84,6 @@ declare const PdfPreview: React.ForwardRefExoticComponent<Partial<Omit<HeaderPro
     pageLabel?: string | undefined;
     errorLabel?: string | undefined;
     loadingLabel?: string | undefined;
+    printActionTooltipLabel?: string | undefined;
 } & Omit<PreviewCriteriaAlternativeContentProps, "downloadSrc"> & React.RefAttributes<HTMLDivElement>>;
 export { PdfPreview, PdfPreviewProps };

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,6 +58,7 @@ 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_webpack5_1 = require("react-pdf/dist/esm/entry.webpack5");
@@ -64,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"])));
@@ -76,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, _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 = (0, react_1.useState)(null), documentFile = _m[0], setDocumentFile = _m[1];
-    var _o = (0, react_1.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 = (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(); })
@@ -98,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 _p = (0, react_1.useState)(null), numPages = _p[0], setNumPages = _p[1];
-    var _q = (0, react_1.useState)(0), currentPage = _q[0], setCurrentPage = _q[1];
-    var _r = (0, useZoom_1.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 = (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) {
@@ -143,17 +156,32 @@ 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_webpack5_1.Page, { key: "page_".concat(index + 1), pageNumber: index + 1, onRenderSuccess: registerPageObserver, width: currentZoom, renderTextLayer: renderTextLayer, renderAnnotationLayer: renderAnnotationLayer, 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, renderAnnotationLayer, renderTextLayer]);
+    }, [
+        currentZoom,
+        numPages,
+        pageOnLoadSuccess,
+        pageOnRenderSuccess,
+        renderAnnotationLayer,
+        renderTextLayer
+    ]);
     var onDocumentLoadSuccess = (0, react_1.useCallback)(function (document) {
         setNumPages(document.numPages);
         setCurrentPage(1);
@@ -168,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 })));
         }
@@ -192,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 () {
@@ -236,12 +268,33 @@ 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 }),