@zextras/carbonio-ui-preview 0.2.0 → 0.2.2

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

@@ -17,4 +17,5 @@ export declare const loadPDF: (path: string) => {
     dataURI: string;
     file: File;
 };
+export declare function triggerObserver(observedElement: HTMLElement): Promise<void>;
 export {};

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

@@ -9,13 +9,49 @@ var __assign = (this && this.__assign) || function () {
     };
     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 } from '@testing-library/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';
@@ -52,4 +88,29 @@ export var loadPDF = function (path) {
         }
     };
 };
+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

@@ -1 +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,MAAM,wBAAwB,CAAC;AAC7E,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"}
+{"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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@zextras/carbonio-ui-preview",
-	"version": "0.2.0",
+	"version": "0.2.2",
 	"description": "Preview ui utility for Zextras Carbonio",
 	"main": "lib/index.js",
 	"module": "lib-esm/index.js",
@@ -49,6 +49,7 @@
 		"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",
@@ -59,7 +60,7 @@
 		"jest": "^28.1.3",
 		"jest-canvas-mock": "^2.4.0",
 		"jest-environment-jsdom": "^28.1.3",
-		"jest-fail-on-console": "^2.4.2",
+		"jest-fail-on-console": "^3.0.1",
 		"jest-junit": "^14.0.0"
 	},
 	"dependencies": {