@zextras/carbonio-ui-preview 0.1.5 → 0.2.1

package/lib-esm/preview/usePageScrollController.js

@@ -0,0 +1,66 @@
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+import { useCallback, useEffect, useRef } from 'react';
+export function usePageScrollController(scrollContainerRef, onPageChange) {
+    var updatePageObserverRef = useRef();
+    var currentPageIntersectionEntryRef = useRef();
+    var observedPagesRef = useRef([]);
+    var destroyObserver = useCallback(function () {
+        updatePageObserverRef.current && updatePageObserverRef.current.disconnect();
+    }, []);
+    var initObserver = 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 = useCallback(function () {
+        initObserver();
+        observedPagesRef.current.forEach(function (observedPage) {
+            if (updatePageObserverRef.current) {
+                updatePageObserverRef.current.observe(observedPage);
+            }
+        });
+    }, [initObserver]);
+    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 = useCallback(function (pageElement) {
+        if (updatePageObserverRef.current) {
+            updatePageObserverRef.current.observe(pageElement);
+            observedPagesRef.current.push(pageElement);
+        }
+    }, []);
+    return { observePage: observePage };
+}
+//# sourceMappingURL=usePageScrollController.js.map

package/lib-esm/preview/usePageScrollController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePageScrollController.js","sourceRoot":"","sources":["../../src/preview/usePageScrollController.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,UAAU,uBAAuB,CACtC,kBAAgD,EAChD,YAAwD;IAIxD,IAAM,qBAAqB,GAAG,MAAM,EAAwB,CAAC;IAC7D,IAAM,+BAA+B,GAAG,MAAM,EAA6B,CAAC;IAC5E,IAAM,gBAAgB,GAAG,MAAM,CAAgB,EAAE,CAAC,CAAC;IAEnD,IAAM,eAAe,GAAG,WAAW,CAAC;QACnC,qBAAqB,CAAC,OAAO,IAAI,qBAAqB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;IAC7E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,YAAY,GAAG,WAAW,CAAC;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,WAAW,CAAC;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,SAAS,CAAC;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,WAAW,CAAC,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"}

package/lib-esm/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-esm/preview/useZoom.js

@@ -0,0 +1,78 @@
+/*
+ * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+import { useCallback, useEffect, useState } from 'react';
+import findIndex from 'lodash/findIndex';
+import findLastIndex from 'lodash/findLastIndex';
+import { ZOOM_STEPS } from './constants';
+export function useZoom(previewRef) {
+    var _a = useState(ZOOM_STEPS[0]), currentZoom = _a[0], setCurrentZoom = _a[1];
+    var _b = useState(true), incrementable = _b[0], setIncrementable = _b[1];
+    var _c = useState(false), decrementable = _c[0], setDecrementable = _c[1];
+    var _d = useState(false), fitToWidthActive = _d[0], setFitToWidthActive = _d[1];
+    var reset = useCallback(function () {
+        setCurrentZoom(ZOOM_STEPS[0]);
+        setIncrementable(true);
+        setDecrementable(false);
+        setFitToWidthActive(false);
+    }, []);
+    var increaseOfOneStep = useCallback(function () {
+        if (incrementable) {
+            var targetIndex = findIndex(ZOOM_STEPS, function (step) { return step > currentZoom; });
+            if (targetIndex >= 0) {
+                setCurrentZoom(ZOOM_STEPS[targetIndex]);
+                if (targetIndex === ZOOM_STEPS.length - 1) {
+                    setIncrementable(false);
+                }
+                if (targetIndex > 0) {
+                    setDecrementable(true);
+                }
+            }
+        }
+        setFitToWidthActive(false);
+    }, [currentZoom, incrementable]);
+    var decreaseOfOneStep = useCallback(function () {
+        if (decrementable) {
+            var targetIndex = findLastIndex(ZOOM_STEPS, function (step) { return step < currentZoom; });
+            if (targetIndex >= 0) {
+                setCurrentZoom(ZOOM_STEPS[targetIndex]);
+                if (targetIndex === 0) {
+                    setDecrementable(false);
+                }
+                if (targetIndex < ZOOM_STEPS.length - 1) {
+                    setIncrementable(true);
+                }
+            }
+        }
+        setFitToWidthActive(false);
+    }, [currentZoom, decrementable]);
+    var fitToWidth = useCallback(function () {
+        if (previewRef.current) {
+            setCurrentZoom(previewRef.current.clientWidth);
+            setIncrementable(previewRef.current.clientWidth < ZOOM_STEPS[ZOOM_STEPS.length - 1]);
+            setDecrementable(previewRef.current.clientWidth > ZOOM_STEPS[0]);
+            setFitToWidthActive(true);
+        }
+    }, [previewRef]);
+    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
+    };
+}
+//# sourceMappingURL=useZoom.js.map

package/lib-esm/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-esm/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-esm/utils/test-utils.js

@@ -0,0 +1,116 @@
+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 __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 { render, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { ThemeProvider } from '@zextras/carbonio-design-system';
+import * as fs from 'fs';
+var ProvidersWrapper = function (_a) {
+    var children = _a.children;
+    return (React.createElement(ThemeProvider, null, children));
+};
+function customRender(ui, options) {
+    return render(ui, __assign({ wrapper: ProvidersWrapper }, options));
+}
+export function setup(ui, options) {
+    return __assign({ user: userEvent.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));
+}
+/*
+ * Copied from https://github.com/wojtekmaj/react-pdf/blob/main/test-utils.js
+ */
+export 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' });
+        }
+    };
+};
+export 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*/, waitFor(function () {
+                            return onChange([
+                                {
+                                    target: observedElement,
+                                    isIntersecting: true
+                                }
+                            ]);
+                        })];
+                case 1:
+                    // trigger the intersection on the observed element
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    });
+}
+//# sourceMappingURL=test-utils.js.map

package/lib-esm/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,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAA+B,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACtF,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,KAAK,EAAE,MAAM,IAAI,CAAC;AAMzB,IAAM,gBAAgB,GAAG,UAAC,EAAmC;QAAjC,QAAQ,cAAA;IAA2C,OAAA,CAC9E,oBAAC,aAAa,QAAE,QAAQ,CAAiB,CACzC;AAF8E,CAE9E,CAAC;AAEF,SAAS,YAAY,CACpB,EAAsB,EACtB,OAAwC;IAExC,OAAO,MAAM,CAAC,EAAE,aACf,OAAO,EAAE,gBAAgB,IACtB,OAAO,EACT,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,KAAK,CACpB,EAAsC,EACtC,OAGC;IAED,kBACC,IAAI,EAAE,SAAS,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;AAED;;GAEG;AACH,MAAM,CAAC,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;AAEF,MAAM,UAAgB,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,OAAO,CAAC;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"}

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@zextras/carbonio-ui-preview",
-	"version": "0.1.5",
+	"version": "0.2.1",
 	"description": "Preview ui utility for Zextras Carbonio",
 	"main": "lib/index.js",
 	"module": "lib-esm/index.js",
@@ -12,48 +12,63 @@
 	"scripts": {
 		"build": "tsc",
 		"build-esm": "tsc -m es6 --outDir lib-esm",
-		"clean": "rm -rf lib",
+		"clean": "rm -rf lib lib-esm",
 		"build-all": "npm run clean && npm run build && npm run build-esm",
-		"_postinstall": "is-ci || husky install",
-		"prepack": "pinst --disable && npm run build-all",
-		"postpack": "pinst --enable",
+		"prepare": "is-ci || husky install",
+		"prepack": "npm run build-all",
 		"type-check": "tsc --noEmit",
 		"type-check:watch": "npm run type-check -- --watch",
 		"lint": "eslint --ext .js,.jsx,.ts,.tsx --resolve-plugins-relative-to node_modules/@zextras/carbonio-ui-configs src",
-		"test": "echo jest"
+		"packTo": "npm pack --pack-destination $PKG_PATH && cd $PKG_PATH && npm i zextras-carbonio-ui-preview-$npm_package_version.tgz",
+		"deploy": "npm pack && rm -rf $PKG_PATH/node_modules/@zextras/carbonio-ui-preview/* && tar -xf zextras-carbonio-ui-preview-$npm_package_version.tgz -C $PKG_PATH/node_modules/@zextras/carbonio-ui-preview/ --strip-components 1",
+		"test": "jest"
 	},
 	"keywords": [],
 	"author": "Zextras SF Team <https://www.zextras.com/carbonio/>",
 	"license": "AGPL-3.0-only",
 	"devDependencies": {
-		"@babel/core": "7.16.0",
-		"@babel/plugin-proposal-class-properties": "7.16.0",
-		"@babel/plugin-transform-runtime": "7.16.4",
-		"@babel/preset-env": "7.16.4",
-		"@babel/preset-react": "7.16.0",
-		"@babel/preset-typescript": "7.16.0",
-		"@commitlint/cli": "14.1.0",
-		"@commitlint/config-conventional": "14.1.0",
+		"@babel/core": "^7.16.0",
+		"@babel/plugin-proposal-class-properties": "^7.16.0",
+		"@babel/plugin-transform-runtime": "^7.16.4",
+		"@babel/preset-env": "^7.16.4",
+		"@babel/preset-react": "^7.16.0",
+		"@babel/preset-typescript": "^7.16.0",
+		"@commitlint/cli": "^17.0.3",
+		"@commitlint/config-conventional": "^17.0.3",
+		"@faker-js/faker": "^7.3.0",
+		"@testing-library/jest-dom": "^5.16.4",
+		"@testing-library/react": "^12.1.5",
+		"@testing-library/user-event": "^14.4.0",
+		"@types/jest": "^28.1.6",
 		"@types/lodash": "^4.14.181",
-		"@types/react": "17.0.36",
-		"@types/react-dom": "17.0.11",
+		"@types/react": "^17.0.36",
+		"@types/react-dom": "^17.0.11",
 		"@types/react-pdf": "^5.0.9",
 		"@types/styled-components": "^5.1.15",
 		"@zextras/carbonio-ui-configs": "^0.1.11",
-		"babel-jest": "27.3.1",
-		"babel-plugin-i18next-extract": "0.8.3",
-		"babel-plugin-styled-components": "2.0.1",
+		"babel-jest": "^28.1.3",
+		"babel-plugin-i18next-extract": "^0.8.3",
+		"babel-plugin-styled-components": "^2.0.1",
+		"eslint": "^8.23.0",
+		"eslint-plugin-import": "^2.26.0",
+		"eslint-plugin-jest-dom": "^4.0.2",
 		"eslint-plugin-notice": "^0.9.10",
-		"husky": "^5.2.0",
-		"is-ci": "3.0.1",
-		"pinst": "2.1.6"
+		"eslint-plugin-testing-library": "^5.6.0",
+		"eslint-plugin-unused-imports": "^2.0.0",
+		"husky": "^8.0.1",
+		"is-ci": "^3.0.1",
+		"jest": "^28.1.3",
+		"jest-canvas-mock": "^2.4.0",
+		"jest-environment-jsdom": "^28.1.3",
+		"jest-fail-on-console": "^3.0.1",
+		"jest-junit": "^14.0.0"
 	},
 	"dependencies": {
-		"core-js": "3.19.1",
-		"react-pdf": "^5.7.1"
+		"core-js": "^3.19.1",
+		"react-pdf": "^5.7.2"
 	},
 	"peerDependencies": {
-		"@zextras/carbonio-design-system": "^0.3.0",
+		"@zextras/carbonio-design-system": "^0.4.0",
 		"lodash": "^4.17.21",
 		"react": "^17.0.2",
 		"react-dom": "^17.0.2",

package/lib/preview/ContainerWithGap.d.ts

@@ -1 +0,0 @@
-export declare const ContainerWithGap: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/lib/preview/ContainerWithGap.js

@@ -1,23 +0,0 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContainerWithGap = void 0;
-/*
- * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
- *
- * SPDX-License-Identifier: AGPL-3.0-only
- */
-var carbonio_design_system_1 = require("@zextras/carbonio-design-system");
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.ContainerWithGap = (0, styled_components_1.default)(carbonio_design_system_1.Container)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tgap: ", ";\n"], ["\n\tgap: ", ";\n"])), function (_a) {
-    var gap = _a.gap;
-    return gap;
-});
-var templateObject_1;
-//# sourceMappingURL=ContainerWithGap.js.map

package/lib/preview/ContainerWithGap.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContainerWithGap.js","sourceRoot":"","sources":["../../src/preview/ContainerWithGap.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA;;;;GAIG;AACH,0EAA4D;AAC5D,wEAAuC;AAE1B,QAAA,gBAAgB,GAAG,IAAA,2BAAM,EAAC,kCAAS,CAAC,qFAAA,WACzC,EAAwB,KAC/B,KADO,UAAC,EAAO;QAAL,GAAG,SAAA;IAAe,OAAA,GAAG;AAAH,CAAG,EAC9B"}

package/lib/utils.js.map

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

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

@@ -1 +0,0 @@
-export declare const ContainerWithGap: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/lib-esm/preview/ContainerWithGap.js

@@ -1,17 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-/*
- * SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
- *
- * SPDX-License-Identifier: AGPL-3.0-only
- */
-import { Container } from '@zextras/carbonio-design-system';
-import styled from 'styled-components';
-export var ContainerWithGap = styled(Container)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tgap: ", ";\n"], ["\n\tgap: ", ";\n"])), function (_a) {
-    var gap = _a.gap;
-    return gap;
-});
-var templateObject_1;
-//# sourceMappingURL=ContainerWithGap.js.map

package/lib-esm/preview/ContainerWithGap.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContainerWithGap.js","sourceRoot":"","sources":["../../src/preview/ContainerWithGap.tsx"],"names":[],"mappings":";;;;AAAA;;;;GAIG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,SAAS,CAAC,qFAAA,WACzC,EAAwB,KAC/B,KADO,UAAC,EAAO;QAAL,GAAG,SAAA;IAAe,OAAA,GAAG;AAAH,CAAG,CAC/B,CAAC"}

package/lib-esm/utils.js.map

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