@zextras/carbonio-ui-preview 0.1.5 → 0.2.1

package/lib/preview/ZoomController.js

@@ -0,0 +1,58 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ZoomController = void 0;
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+var react_1 = __importDefault(require("react"));
+var carbonio_design_system_1 = require("@zextras/carbonio-design-system");
+var styled_components_1 = __importStar(require("styled-components"));
+var CustomIconButton = (0, styled_components_1.default)(carbonio_design_system_1.IconButton)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\t", ";\n\t& > svg {\n\t\twidth: 20px;\n\t\theight: 20px;\n\t}\n"], ["\n\t", ";\n\t& > svg {\n\t\twidth: 20px;\n\t\theight: 20px;\n\t}\n"])), function (_a) {
+    var disabled = _a.disabled;
+    return disabled && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t\t\tbackground: rgba(204, 204, 204, 0.2);\n\t\t\t& > svg {\n\t\t\t\tbackground: unset;\n\t\t\t}\n\t\t"], ["\n\t\t\tbackground: rgba(204, 204, 204, 0.2);\n\t\t\t& > svg {\n\t\t\t\tbackground: unset;\n\t\t\t}\n\t\t"])));
+});
+var ZoomController = function (_a) {
+    var decrementable = _a.decrementable, fitToWidth = _a.fitToWidth, fitToWidthActive = _a.fitToWidthActive, _b = _a.fitToWidthLabel, fitToWidthLabel = _b === void 0 ? 'Fit to width' : _b, incrementable = _a.incrementable, _c = _a.lowerLimitReachedLabel, lowerLimitReachedLabel = _c === void 0 ? 'Minimum zoom level reached' : _c, decreaseByStep = _a.decreaseByStep, increaseByStep = _a.increaseByStep, resetWidth = _a.resetWidth, _d = _a.resetZoomLabel, resetZoomLabel = _d === void 0 ? 'Reset zoom' : _d, _e = _a.upperLimitReachedLabel, upperLimitReachedLabel = _e === void 0 ? 'Maximum zoom level reached' : _e, _f = _a.zoomInLabel, zoomInLabel = _f === void 0 ? 'Zoom in' : _f, _g = _a.zoomOutLabel, zoomOutLabel = _g === void 0 ? 'Zoom out' : _g;
+    return (react_1.default.createElement(carbonio_design_system_1.Container, { orientation: "horizontal", gap: "8px", width: "fit" },
+        react_1.default.createElement(carbonio_design_system_1.Tooltip, { label: decrementable ? zoomOutLabel : lowerLimitReachedLabel },
+            react_1.default.createElement(CustomIconButton, { disabled: !decrementable, icon: "Minus", size: "small", backgroundColor: "gray0", iconColor: "gray6", onClick: decreaseByStep })),
+        react_1.default.createElement(carbonio_design_system_1.Tooltip, { label: fitToWidthActive ? resetZoomLabel : fitToWidthLabel },
+            react_1.default.createElement(CustomIconButton, { icon: fitToWidthActive ? 'MinimizeOutline' : 'MaximizeOutline', size: "small", backgroundColor: "gray0", iconColor: "gray6", onClick: fitToWidthActive ? resetWidth : fitToWidth })),
+        react_1.default.createElement(carbonio_design_system_1.Tooltip, { label: incrementable ? zoomInLabel : upperLimitReachedLabel },
+            react_1.default.createElement(CustomIconButton, { icon: "Plus", size: "small", backgroundColor: "gray0", iconColor: "gray6", onClick: increaseByStep, disabled: !incrementable }))));
+};
+exports.ZoomController = ZoomController;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=ZoomController.js.map

package/lib/preview/ZoomController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomController.js","sourceRoot":"","sources":["../../src/preview/ZoomController.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;GAIG;AACH,gDAA0B;AAE1B,0EAAiF;AACjF,qEAAqE;AAErE,IAAM,gBAAgB,GAAG,IAAA,2BAAM,EAAC,mCAAU,CAAC,uIAAA,MACxC,EAOA,4DAKF,KAZE,UAAC,EAAY;QAAV,QAAQ,cAAA;IACZ,OAAA,QAAQ,QACR,uBAAG,+KAAA,2GAKF,IAAA;AAND,CAMC,CAKF,CAAC;AAkBK,IAAM,cAAc,GAAG,UAAC,EAcT;QAbrB,aAAa,mBAAA,EACb,UAAU,gBAAA,EACV,gBAAgB,sBAAA,EAChB,uBAAgC,EAAhC,eAAe,mBAAG,cAAc,KAAA,EAChC,aAAa,mBAAA,EACb,8BAAqD,EAArD,sBAAsB,mBAAG,4BAA4B,KAAA,EACrD,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,sBAA6B,EAA7B,cAAc,mBAAG,YAAY,KAAA,EAC7B,8BAAqD,EAArD,sBAAsB,mBAAG,4BAA4B,KAAA,EACrD,mBAAuB,EAAvB,WAAW,mBAAG,SAAS,KAAA,EACvB,oBAAyB,EAAzB,YAAY,mBAAG,UAAU,KAAA;IACc,OAAA,CACvC,8BAAC,kCAAS,IAAC,WAAW,EAAC,YAAY,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK;QACxD,8BAAC,gCAAO,IAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,sBAAsB;YACpE,8BAAC,gBAAgB,IAChB,QAAQ,EAAE,CAAC,aAAa,EACxB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,OAAO,EACZ,eAAe,EAAC,OAAO,EACvB,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,cAAc,GACtB,CACO;QACV,8BAAC,gCAAO,IAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe;YAClE,8BAAC,gBAAgB,IAChB,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EAC9D,IAAI,EAAC,OAAO,EACZ,eAAe,EAAC,OAAO,EACvB,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,GAClD,CACO;QACV,8BAAC,gCAAO,IAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,sBAAsB;YACnE,8BAAC,gBAAgB,IAChB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,OAAO,EACZ,eAAe,EAAC,OAAO,EACvB,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,CAAC,aAAa,GACvB,CACO,CACC,CACZ;AAhCuC,CAgCvC,CAAC;AA9CW,QAAA,cAAc,kBA8CzB"}

package/lib/preview/constants.d.ts

@@ -0,0 +1 @@
+export declare const ZOOM_STEPS: number[];

package/lib/preview/constants.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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

package/lib/preview/constants.js.map

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

package/lib/preview/usePageScrollController.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare function usePageScrollController(scrollContainerRef: React.RefObject<HTMLElement>, onPageChange: (pageElement: Element | undefined) => void): {
+    observePage: (pageElement: HTMLElement) => void;
+};

package/lib/preview/usePageScrollController.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePageScrollController = void 0;
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+var react_1 = require("react");
+function usePageScrollController(scrollContainerRef, onPageChange) {
+    var updatePageObserverRef = (0, react_1.useRef)();
+    var currentPageIntersectionEntryRef = (0, react_1.useRef)();
+    var observedPagesRef = (0, react_1.useRef)([]);
+    var destroyObserver = (0, react_1.useCallback)(function () {
+        updatePageObserverRef.current && updatePageObserverRef.current.disconnect();
+    }, []);
+    var initObserver = (0, react_1.useCallback)(function () {
+        // destroy before creating a new one
+        destroyObserver();
+        if (scrollContainerRef.current) {
+            var clientHeight = scrollContainerRef.current.clientHeight;
+            var options = {
+                root: scrollContainerRef.current,
+                // set root margin to be a line at ~30% of the scrollable area visible height
+                rootMargin: "-".concat(clientHeight * 0.3, "px 0px -").concat(clientHeight * 0.65, "px 0px"),
+                threshold: 0
+            };
+            updatePageObserverRef.current = new IntersectionObserver(function (entries) {
+                var _a;
+                entries.forEach(function (entry) {
+                    if (entry.isIntersecting) {
+                        currentPageIntersectionEntryRef.current = entry;
+                    }
+                });
+                onPageChange((_a = currentPageIntersectionEntryRef.current) === null || _a === void 0 ? void 0 : _a.target);
+            }, options);
+        }
+    }, [destroyObserver, onPageChange, scrollContainerRef]);
+    var reObserveAll = (0, react_1.useCallback)(function () {
+        initObserver();
+        observedPagesRef.current.forEach(function (observedPage) {
+            if (updatePageObserverRef.current) {
+                updatePageObserverRef.current.observe(observedPage);
+            }
+        });
+    }, [initObserver]);
+    (0, react_1.useEffect)(function () {
+        window.addEventListener('resize', reObserveAll);
+        // first run
+        initObserver();
+        return function () {
+            // on unmount
+            // destroy observer
+            destroyObserver();
+            // unregister listener
+            window.removeEventListener('resize', reObserveAll);
+            // cleanup observed pages
+            observedPagesRef.current = [];
+        };
+    }, [initObserver, reObserveAll, destroyObserver]);
+    var observePage = (0, react_1.useCallback)(function (pageElement) {
+        if (updatePageObserverRef.current) {
+            updatePageObserverRef.current.observe(pageElement);
+            observedPagesRef.current.push(pageElement);
+        }
+    }, []);
+    return { observePage: observePage };
+}
+exports.usePageScrollController = usePageScrollController;
+//# sourceMappingURL=usePageScrollController.js.map

package/lib/preview/usePageScrollController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePageScrollController.js","sourceRoot":"","sources":["../../src/preview/usePageScrollController.ts"],"names":[],"mappings":";;;AAAA;;;;GAIG;AACH,+BAA8D;AAE9D,SAAgB,uBAAuB,CACtC,kBAAgD,EAChD,YAAwD;IAIxD,IAAM,qBAAqB,GAAG,IAAA,cAAM,GAAwB,CAAC;IAC7D,IAAM,+BAA+B,GAAG,IAAA,cAAM,GAA6B,CAAC;IAC5E,IAAM,gBAAgB,GAAG,IAAA,cAAM,EAAgB,EAAE,CAAC,CAAC;IAEnD,IAAM,eAAe,GAAG,IAAA,mBAAW,EAAC;QACnC,qBAAqB,CAAC,OAAO,IAAI,qBAAqB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;IAC7E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,YAAY,GAAG,IAAA,mBAAW,EAAC;QAChC,oCAAoC;QACpC,eAAe,EAAE,CAAC;QAElB,IAAI,kBAAkB,CAAC,OAAO,EAAE;YACvB,IAAA,YAAY,GAAK,kBAAkB,CAAC,OAAO,aAA/B,CAAgC;YACpD,IAAM,OAAO,GAA6B;gBACzC,IAAI,EAAE,kBAAkB,CAAC,OAAO;gBAChC,6EAA6E;gBAC7E,UAAU,EAAE,WAAI,YAAY,GAAG,GAAG,qBAAW,YAAY,GAAG,IAAI,WAAQ;gBACxE,SAAS,EAAE,CAAC;aACZ,CAAC;YACF,qBAAqB,CAAC,OAAO,GAAG,IAAI,oBAAoB,CAAC,UAAC,OAAO;;gBAChE,OAAO,CAAC,OAAO,CAAC,UAAC,KAAK;oBACrB,IAAI,KAAK,CAAC,cAAc,EAAE;wBACzB,+BAA+B,CAAC,OAAO,GAAG,KAAK,CAAC;qBAChD;gBACF,CAAC,CAAC,CAAC;gBACH,YAAY,CAAC,MAAA,+BAA+B,CAAC,OAAO,0CAAE,MAAM,CAAC,CAAC;YAC/D,CAAC,EAAE,OAAO,CAAC,CAAC;SACZ;IACF,CAAC,EAAE,CAAC,eAAe,EAAE,YAAY,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAExD,IAAM,YAAY,GAAG,IAAA,mBAAW,EAAC;QAChC,YAAY,EAAE,CAAC;QACf,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,UAAC,YAAY;YAC7C,IAAI,qBAAqB,CAAC,OAAO,EAAE;gBAClC,qBAAqB,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;aACpD;QACF,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,IAAA,iBAAS,EAAC;QACT,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,YAAY;QACZ,YAAY,EAAE,CAAC;QAEf,OAAO;YACN,aAAa;YACb,mBAAmB;YACnB,eAAe,EAAE,CAAC;YAClB,sBAAsB;YACtB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YACnD,yBAAyB;YACzB,gBAAgB,CAAC,OAAO,GAAG,EAAE,CAAC;QAC/B,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;IAElD,IAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,UAAC,WAAwB;QACxD,IAAI,qBAAqB,CAAC,OAAO,EAAE;YAClC,qBAAqB,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;YACnD,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SAC3C;IACF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,WAAW,aAAA,EAAE,CAAC;AACxB,CAAC;AAtED,0DAsEC"}

package/lib/preview/useZoom.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+declare type UseZoomReturnType = {
+    currentZoom: number;
+    incrementable: boolean;
+    decrementable: boolean;
+    increaseOfOneStep: () => void;
+    decreaseOfOneStep: () => void;
+    reset: () => void;
+    fitToWidth: () => void;
+    fitToWidthActive: boolean;
+};
+export declare function useZoom(previewRef: React.RefObject<Element>): UseZoomReturnType;
+export {};

package/lib/preview/useZoom.js

@@ -0,0 +1,85 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useZoom = void 0;
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+var react_1 = require("react");
+var findIndex_1 = __importDefault(require("lodash/findIndex"));
+var findLastIndex_1 = __importDefault(require("lodash/findLastIndex"));
+var constants_1 = require("./constants");
+function useZoom(previewRef) {
+    var _a = (0, react_1.useState)(constants_1.ZOOM_STEPS[0]), currentZoom = _a[0], setCurrentZoom = _a[1];
+    var _b = (0, react_1.useState)(true), incrementable = _b[0], setIncrementable = _b[1];
+    var _c = (0, react_1.useState)(false), decrementable = _c[0], setDecrementable = _c[1];
+    var _d = (0, react_1.useState)(false), fitToWidthActive = _d[0], setFitToWidthActive = _d[1];
+    var reset = (0, react_1.useCallback)(function () {
+        setCurrentZoom(constants_1.ZOOM_STEPS[0]);
+        setIncrementable(true);
+        setDecrementable(false);
+        setFitToWidthActive(false);
+    }, []);
+    var increaseOfOneStep = (0, react_1.useCallback)(function () {
+        if (incrementable) {
+            var targetIndex = (0, findIndex_1.default)(constants_1.ZOOM_STEPS, function (step) { return step > currentZoom; });
+            if (targetIndex >= 0) {
+                setCurrentZoom(constants_1.ZOOM_STEPS[targetIndex]);
+                if (targetIndex === constants_1.ZOOM_STEPS.length - 1) {
+                    setIncrementable(false);
+                }
+                if (targetIndex > 0) {
+                    setDecrementable(true);
+                }
+            }
+        }
+        setFitToWidthActive(false);
+    }, [currentZoom, incrementable]);
+    var decreaseOfOneStep = (0, react_1.useCallback)(function () {
+        if (decrementable) {
+            var targetIndex = (0, findLastIndex_1.default)(constants_1.ZOOM_STEPS, function (step) { return step < currentZoom; });
+            if (targetIndex >= 0) {
+                setCurrentZoom(constants_1.ZOOM_STEPS[targetIndex]);
+                if (targetIndex === 0) {
+                    setDecrementable(false);
+                }
+                if (targetIndex < constants_1.ZOOM_STEPS.length - 1) {
+                    setIncrementable(true);
+                }
+            }
+        }
+        setFitToWidthActive(false);
+    }, [currentZoom, decrementable]);
+    var fitToWidth = (0, react_1.useCallback)(function () {
+        if (previewRef.current) {
+            setCurrentZoom(previewRef.current.clientWidth);
+            setIncrementable(previewRef.current.clientWidth < constants_1.ZOOM_STEPS[constants_1.ZOOM_STEPS.length - 1]);
+            setDecrementable(previewRef.current.clientWidth > constants_1.ZOOM_STEPS[0]);
+            setFitToWidthActive(true);
+        }
+    }, [previewRef]);
+    (0, react_1.useEffect)(function () {
+        if (fitToWidthActive) {
+            window.addEventListener('resize', fitToWidth);
+        }
+        return function () {
+            window.removeEventListener('resize', fitToWidth);
+        };
+    }, [fitToWidth, fitToWidthActive]);
+    return {
+        currentZoom: currentZoom,
+        incrementable: incrementable,
+        decrementable: decrementable,
+        increaseOfOneStep: increaseOfOneStep,
+        decreaseOfOneStep: decreaseOfOneStep,
+        reset: reset,
+        fitToWidth: fitToWidth,
+        fitToWidthActive: fitToWidthActive
+    };
+}
+exports.useZoom = useZoom;
+//# sourceMappingURL=useZoom.js.map

package/lib/preview/useZoom.js.map

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

package/lib/utils/test-utils.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="node" />
+import React from 'react';
+import { render, RenderOptions, RenderResult } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+declare function customRender(ui: React.ReactElement, options?: Omit<RenderOptions, 'wrapper'>): RenderResult;
+export declare function setup(ui: Parameters<typeof customRender>[0], options?: {
+    renderOptions?: Parameters<typeof customRender>[1];
+    setupOptions?: Parameters<typeof userEvent['setup']>[0];
+}): {
+    user: ReturnType<typeof userEvent['setup']>;
+} & ReturnType<typeof render>;
+export declare const loadPDF: (path: string) => {
+    raw: Buffer;
+    arrayBuffer: ArrayBuffer;
+    blob: Blob;
+    data: Uint8Array;
+    dataURI: string;
+    file: File;
+};
+export declare function triggerObserver(observedElement: HTMLElement): Promise<void>;
+export {};

package/lib/utils/test-utils.js

@@ -0,0 +1,148 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.triggerObserver = exports.loadPDF = exports.setup = void 0;
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+var react_1 = __importDefault(require("react"));
+var react_2 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
+var carbonio_design_system_1 = require("@zextras/carbonio-design-system");
+var fs = __importStar(require("fs"));
+var ProvidersWrapper = function (_a) {
+    var children = _a.children;
+    return (react_1.default.createElement(carbonio_design_system_1.ThemeProvider, null, children));
+};
+function customRender(ui, options) {
+    return (0, react_2.render)(ui, __assign({ wrapper: ProvidersWrapper }, options));
+}
+function setup(ui, options) {
+    return __assign({ user: user_event_1.default.setup(__assign({ advanceTimers: jest.advanceTimersByTime }, options === null || options === void 0 ? void 0 : options.setupOptions)) }, customRender(ui, options === null || options === void 0 ? void 0 : options.renderOptions));
+}
+exports.setup = setup;
+/*
+ * Copied from https://github.com/wojtekmaj/react-pdf/blob/main/test-utils.js
+ */
+var loadPDF = function (path) {
+    var raw = fs.readFileSync(path);
+    var arrayBuffer = raw.buffer;
+    return {
+        raw: raw,
+        arrayBuffer: arrayBuffer,
+        get blob() {
+            return new Blob([arrayBuffer], { type: 'application/pdf' });
+        },
+        get data() {
+            return new Uint8Array(raw);
+        },
+        get dataURI() {
+            return "data:application/pdf;base64,".concat(raw.toString('base64'));
+        },
+        get file() {
+            return new File([arrayBuffer], 'test.pdf', { type: 'application/pdf' });
+        }
+    };
+};
+exports.loadPDF = loadPDF;
+function triggerObserver(observedElement) {
+    return __awaiter(this, void 0, void 0, function () {
+        var calls, onChange;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    calls = window.IntersectionObserver.mock.calls;
+                    onChange = calls[calls.length - 1][0];
+                    // trigger the intersection on the observed element
+                    return [4 /*yield*/, (0, react_2.waitFor)(function () {
+                            return onChange([
+                                {
+                                    target: observedElement,
+                                    isIntersecting: true
+                                }
+                            ]);
+                        })];
+                case 1:
+                    // trigger the intersection on the observed element
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    });
+}
+exports.triggerObserver = triggerObserver;
+//# sourceMappingURL=test-utils.js.map

package/lib/utils/test-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-utils.js","sourceRoot":"","sources":["../../src/utils/test-utils.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;GAIG;AACH,gDAA0B;AAE1B,gDAAsF;AACtF,2EAAoD;AACpD,0EAAgE;AAChE,qCAAyB;AAMzB,IAAM,gBAAgB,GAAG,UAAC,EAAmC;QAAjC,QAAQ,cAAA;IAA2C,OAAA,CAC9E,8BAAC,sCAAa,QAAE,QAAQ,CAAiB,CACzC;AAF8E,CAE9E,CAAC;AAEF,SAAS,YAAY,CACpB,EAAsB,EACtB,OAAwC;IAExC,OAAO,IAAA,cAAM,EAAC,EAAE,aACf,OAAO,EAAE,gBAAgB,IACtB,OAAO,EACT,CAAC;AACJ,CAAC;AAED,SAAgB,KAAK,CACpB,EAAsC,EACtC,OAGC;IAED,kBACC,IAAI,EAAE,oBAAS,CAAC,KAAK,YAAG,aAAa,EAAE,IAAI,CAAC,mBAAmB,IAAK,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,EAAG,IACzF,YAAY,CAAC,EAAE,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,CAAC,EAC1C;AACH,CAAC;AAXD,sBAWC;AAED;;GAEG;AACI,IAAM,OAAO,GAAG,UACtB,IAAY;IASZ,IAAM,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IAClC,IAAM,WAAW,GAAG,GAAG,CAAC,MAAM,CAAC;IAE/B,OAAO;QACN,GAAG,KAAA;QACH,WAAW,aAAA;QACX,IAAI,IAAI;YACP,OAAO,IAAI,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC,CAAC;QAC7D,CAAC;QACD,IAAI,IAAI;YACP,OAAO,IAAI,UAAU,CAAC,GAAG,CAAC,CAAC;QAC5B,CAAC;QACD,IAAI,OAAO;YACV,OAAO,sCAA+B,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAE,CAAC;QAChE,CAAC;QACD,IAAI,IAAI;YACP,OAAO,IAAI,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,UAAU,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC,CAAC;QACzE,CAAC;KACD,CAAC;AACH,CAAC,CAAC;AA7BW,QAAA,OAAO,WA6BlB;AAEF,SAAsB,eAAe,CAAC,eAA4B;;;;;;oBACzD,KAAK,GAAM,MAAM,CAAC,oBAAwD,CAAC,IAAI,MAA1E,CAA2E;oBACjF,QAAQ,GAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,GAA3B,CAA4B;oBAC3C,mDAAmD;oBACnD,qBAAM,IAAA,eAAO,EAAC;4BACb,OAAA,QAAQ,CAAC;gCACR;oCACC,MAAM,EAAE,eAAe;oCACvB,cAAc,EAAE,IAAI;iCACpB;6BACD,CAAC;wBALF,CAKE,CACF,EAAA;;oBARD,mDAAmD;oBACnD,SAOC,CAAC;;;;;CACF;AAZD,0CAYC"}

package/lib/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":";AAAA;;;;GAIG"}

package/lib-esm/preview/Header.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import { Tooltip } from '@zextras/carbonio-design-system';
-interface HeaderAction {
+export interface HeaderAction {
     /** id used as key */
     id: string;
     /** Action called on click */
-    onClick?: React.ReactEventHandler;
+    onClick: (ev: React.MouseEvent<HTMLButtonElement> | KeyboardEvent) => void;
     /** Icon from the theme */
     icon: string;
     /** Label to show as tooltip for the action */

package/lib-esm/preview/Header.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib-esm/preview/Header.test.js

@@ -0,0 +1,138 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+import React from 'react';
+import { screen } from '@testing-library/react';
+import { setup } from '../utils/test-utils';
+import Header from './Header';
+describe('Header', function () {
+    test('Render a header with all information', function () {
+        var actions = [
+            {
+                id: 'action1',
+                icon: 'ActivityOutline',
+                onClick: jest.fn()
+            }
+        ];
+        var closeAction = {
+            id: 'closeAction',
+            icon: 'CloseOutline',
+            onClick: jest.fn()
+        };
+        setup(React.createElement(Header, { actions: actions, extension: "ext", filename: "some file name", size: "85 GB", closeAction: closeAction }));
+        expect(screen.getByText(/some file name/i)).toBeVisible();
+        expect(screen.getByText(/ext/i)).toBeVisible();
+        expect(screen.getByText(/85 GB/i)).toBeVisible();
+        expect(screen.getByTestId('icon: ActivityOutline')).toBeVisible();
+        expect(screen.getByTestId('icon: CloseOutline')).toBeVisible();
+    });
+    test('Tooltip is shown for actions when provided', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var actions, closeAction, user, action1, action2, action3, actionClose;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    actions = [
+                        {
+                            id: 'action1',
+                            icon: 'ActivityOutline',
+                            onClick: jest.fn(),
+                            tooltipLabel: 'Activity One'
+                        },
+                        {
+                            id: 'action2',
+                            icon: 'PeopleOutline',
+                            onClick: jest.fn(),
+                            tooltipLabel: ''
+                        },
+                        {
+                            id: 'action3',
+                            icon: 'Airplane',
+                            onClick: jest.fn(),
+                            disabled: true,
+                            tooltipLabel: 'Airplane tooltip action'
+                        }
+                    ];
+                    closeAction = {
+                        id: 'closeAction',
+                        icon: 'CloseOutline',
+                        onClick: jest.fn(),
+                        tooltipLabel: 'Close'
+                    };
+                    user = setup(React.createElement(Header, { actions: actions, extension: "ext", filename: "some file name", size: "85 GB", closeAction: closeAction })).user;
+                    action1 = screen.getByTestId("icon: ".concat(actions[0].icon));
+                    action2 = screen.getByTestId("icon: ".concat(actions[1].icon));
+                    action3 = screen.getByTestId("icon: ".concat(actions[2].icon));
+                    actionClose = screen.getByTestId("icon: ".concat(closeAction.icon));
+                    // register listeners
+                    jest.runOnlyPendingTimers();
+                    expect(screen.queryByText(/activity one/i)).not.toBeInTheDocument();
+                    return [4 /*yield*/, user.hover(action1)];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, screen.findByText(/activity one/i)];
+                case 2:
+                    _a.sent();
+                    expect(screen.getByText(/activity one/i)).toBeVisible();
+                    return [4 /*yield*/, user.hover(action2)];
+                case 3:
+                    _a.sent();
+                    expect(screen.queryByText(/activity one/i)).not.toBeInTheDocument();
+                    return [4 /*yield*/, user.hover(action3)];
+                case 4:
+                    _a.sent();
+                    return [4 /*yield*/, screen.findByText(/airplane tooltip action/i)];
+                case 5:
+                    _a.sent();
+                    expect(screen.getByText(/airplane tooltip action/i)).toBeVisible();
+                    return [4 /*yield*/, user.hover(actionClose)];
+                case 6:
+                    _a.sent();
+                    return [4 /*yield*/, screen.findByText(/close/i)];
+                case 7:
+                    _a.sent();
+                    expect(screen.queryByText(/airplane tooltip action/i)).not.toBeInTheDocument();
+                    expect(screen.getByText(/close/i)).toBeVisible();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});
+//# sourceMappingURL=Header.test.js.map

package/lib-esm/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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"}