@zextras/carbonio-ui-preview 1.2.2 → 1.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +62 -0
- package/THIRDPARTIES +388 -0
- package/lib/constants/index.js +2 -5
- package/lib/constants/index.js.map +1 -1
- package/lib/index.d.ts +9 -6
- package/lib/index.js +11 -22
- package/lib/index.js.map +1 -1
- package/lib/preview/FocusWithin.d.ts +5 -0
- package/lib/preview/FocusWithin.js +26 -57
- package/lib/preview/FocusWithin.js.map +1 -1
- package/lib/preview/FocusWithin.module.css +13 -0
- package/lib/preview/Header.d.ts +37 -4
- package/lib/preview/Header.js +17 -38
- package/lib/preview/Header.js.map +1 -1
- package/lib/preview/Header.module.css +37 -0
- package/lib/preview/ImagePreview.d.ts +7 -47
- package/lib/preview/ImagePreview.js +17 -96
- package/lib/preview/ImagePreview.js.map +1 -1
- package/lib/preview/ImagePreview.module.css +29 -0
- package/lib/preview/Navigator.d.ts +1 -0
- package/lib/preview/Navigator.js +7 -21
- package/lib/preview/Navigator.js.map +1 -1
- package/lib/preview/Navigator.module.css +18 -0
- package/lib/preview/PageController.d.ts +8 -0
- package/lib/preview/PageController.js +29 -67
- package/lib/preview/PageController.js.map +1 -1
- package/lib/preview/PageController.module.css +19 -0
- package/lib/preview/PdfPreview.d.ts +21 -69
- package/lib/preview/PdfPreview.js +79 -161
- package/lib/preview/PdfPreview.js.map +1 -1
- package/lib/preview/PdfPreview.module.css +46 -0
- package/lib/preview/PreviewCriteriaAlternativeContent.d.ts +13 -1
- package/lib/preview/PreviewCriteriaAlternativeContent.js +22 -55
- package/lib/preview/PreviewCriteriaAlternativeContent.js.map +1 -1
- package/lib/preview/PreviewCriteriaAlternativeContent.module.css +15 -0
- package/lib/preview/PreviewManager.d.ts +38 -15
- package/lib/preview/PreviewManager.js +40 -74
- package/lib/preview/PreviewManager.js.map +1 -1
- package/lib/preview/PreviewNavigator.d.ts +42 -0
- package/lib/preview/PreviewNavigator.js +29 -0
- package/lib/preview/PreviewNavigator.js.map +1 -0
- package/lib/preview/PreviewNavigator.module.css +43 -0
- package/lib/preview/PreviewWrapper.d.ts +14 -8
- package/lib/preview/PreviewWrapper.js +12 -24
- package/lib/preview/PreviewWrapper.js.map +1 -1
- package/lib/preview/ZoomController.d.ts +1 -0
- package/lib/preview/ZoomController.js +11 -52
- package/lib/preview/ZoomController.js.map +1 -1
- package/lib/preview/ZoomController.module.css +18 -0
- package/lib/preview/usePageScrollController.js +18 -22
- package/lib/preview/usePageScrollController.js.map +1 -1
- package/lib/preview/useZoom.js +31 -39
- package/lib/preview/useZoom.js.map +1 -1
- package/lib/types/utils.d.ts +4 -0
- package/lib/types/utils.js +2 -0
- package/lib/types/utils.js.map +1 -0
- package/lib/utils/utils.js +5 -9
- package/lib/utils/utils.js.map +1 -1
- package/package.json +55 -44
- package/lib/preview/StyledComponents.d.ts +0 -2
- package/lib/preview/StyledComponents.js +0 -21
- package/lib/preview/StyledComponents.js.map +0 -1
- package/lib/utils/type-utils.d.ts +0 -3
- package/lib/utils/type-utils.js +0 -3
- package/lib/utils/type-utils.js.map +0 -1
- package/lib-esm/constants/index.d.ts +0 -2
- package/lib-esm/constants/index.js +0 -8
- package/lib-esm/constants/index.js.map +0 -1
- package/lib-esm/index.d.ts +0 -6
- package/lib-esm/index.js +0 -12
- package/lib-esm/index.js.map +0 -1
- package/lib-esm/preview/FocusWithin.d.ts +0 -7
- package/lib-esm/preview/FocusWithin.js +0 -57
- package/lib-esm/preview/FocusWithin.js.map +0 -1
- package/lib-esm/preview/Header.d.ts +0 -29
- package/lib-esm/preview/Header.js +0 -39
- package/lib-esm/preview/Header.js.map +0 -1
- package/lib-esm/preview/ImagePreview.d.ts +0 -50
- package/lib-esm/preview/ImagePreview.js +0 -105
- package/lib-esm/preview/ImagePreview.js.map +0 -1
- package/lib-esm/preview/Navigator.d.ts +0 -5
- package/lib-esm/preview/Navigator.js +0 -21
- package/lib-esm/preview/Navigator.js.map +0 -1
- package/lib-esm/preview/PageController.d.ts +0 -8
- package/lib-esm/preview/PageController.js +0 -82
- package/lib-esm/preview/PageController.js.map +0 -1
- package/lib-esm/preview/PdfPreview.d.ts +0 -89
- package/lib-esm/preview/PdfPreview.js +0 -280
- package/lib-esm/preview/PdfPreview.js.map +0 -1
- package/lib-esm/preview/PreviewCriteriaAlternativeContent.d.ts +0 -13
- package/lib-esm/preview/PreviewCriteriaAlternativeContent.js +0 -42
- package/lib-esm/preview/PreviewCriteriaAlternativeContent.js.map +0 -1
- package/lib-esm/preview/PreviewManager.d.ts +0 -19
- package/lib-esm/preview/PreviewManager.js +0 -108
- package/lib-esm/preview/PreviewManager.js.map +0 -1
- package/lib-esm/preview/PreviewWrapper.d.ts +0 -9
- package/lib-esm/preview/PreviewWrapper.js +0 -36
- package/lib-esm/preview/PreviewWrapper.js.map +0 -1
- package/lib-esm/preview/StyledComponents.d.ts +0 -2
- package/lib-esm/preview/StyledComponents.js +0 -15
- package/lib-esm/preview/StyledComponents.js.map +0 -1
- package/lib-esm/preview/ZoomController.d.ts +0 -17
- package/lib-esm/preview/ZoomController.js +0 -28
- package/lib-esm/preview/ZoomController.js.map +0 -1
- package/lib-esm/preview/usePageScrollController.d.ts +0 -4
- package/lib-esm/preview/usePageScrollController.js +0 -67
- package/lib-esm/preview/usePageScrollController.js.map +0 -1
- package/lib-esm/preview/useZoom.d.ts +0 -13
- package/lib-esm/preview/useZoom.js +0 -78
- package/lib-esm/preview/useZoom.js.map +0 -1
- package/lib-esm/utils/type-utils.d.ts +0 -3
- package/lib-esm/utils/type-utils.js +0 -2
- package/lib-esm/utils/type-utils.js.map +0 -1
- package/lib-esm/utils/utils.d.ts +0 -1
- package/lib-esm/utils/utils.js +0 -18
- package/lib-esm/utils/utils.js.map +0 -1
|
@@ -1,34 +1,31 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.usePageScrollController = void 0;
|
|
4
1
|
/*
|
|
5
2
|
* SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
|
|
6
3
|
*
|
|
7
4
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
8
5
|
*/
|
|
9
|
-
|
|
10
|
-
function usePageScrollController(scrollContainerRef, onPageChange) {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
6
|
+
import { useCallback, useEffect, useRef } from 'react';
|
|
7
|
+
export function usePageScrollController(scrollContainerRef, onPageChange) {
|
|
8
|
+
const updatePageObserverRef = useRef();
|
|
9
|
+
const currentPageIntersectionEntryRef = useRef();
|
|
10
|
+
const observedPagesRef = useRef([]);
|
|
11
|
+
const destroyObserver = useCallback(() => {
|
|
15
12
|
var _a;
|
|
16
13
|
(_a = updatePageObserverRef.current) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
17
14
|
}, []);
|
|
18
|
-
|
|
15
|
+
const initObserver = useCallback(() => {
|
|
19
16
|
// destroy before creating a new one
|
|
20
17
|
destroyObserver();
|
|
21
18
|
if (scrollContainerRef.current) {
|
|
22
|
-
|
|
23
|
-
|
|
19
|
+
const { clientHeight } = scrollContainerRef.current;
|
|
20
|
+
const options = {
|
|
24
21
|
root: scrollContainerRef.current,
|
|
25
22
|
// set root margin to be a line at ~30% of the scrollable area visible height
|
|
26
|
-
rootMargin:
|
|
23
|
+
rootMargin: `-${clientHeight * 0.3}px 0px -${clientHeight * 0.65}px 0px`,
|
|
27
24
|
threshold: 0
|
|
28
25
|
};
|
|
29
|
-
updatePageObserverRef.current = new IntersectionObserver(
|
|
26
|
+
updatePageObserverRef.current = new IntersectionObserver((entries) => {
|
|
30
27
|
var _a;
|
|
31
|
-
entries.forEach(
|
|
28
|
+
entries.forEach((entry) => {
|
|
32
29
|
if (entry.isIntersecting) {
|
|
33
30
|
currentPageIntersectionEntryRef.current = entry;
|
|
34
31
|
}
|
|
@@ -37,19 +34,19 @@ function usePageScrollController(scrollContainerRef, onPageChange) {
|
|
|
37
34
|
}, options);
|
|
38
35
|
}
|
|
39
36
|
}, [destroyObserver, onPageChange, scrollContainerRef]);
|
|
40
|
-
|
|
37
|
+
const reObserveAll = useCallback(() => {
|
|
41
38
|
initObserver();
|
|
42
|
-
observedPagesRef.current.forEach(
|
|
39
|
+
observedPagesRef.current.forEach((observedPage) => {
|
|
43
40
|
if (updatePageObserverRef.current) {
|
|
44
41
|
updatePageObserverRef.current.observe(observedPage);
|
|
45
42
|
}
|
|
46
43
|
});
|
|
47
44
|
}, [initObserver]);
|
|
48
|
-
|
|
45
|
+
useEffect(() => {
|
|
49
46
|
window.addEventListener('resize', reObserveAll);
|
|
50
47
|
// first run
|
|
51
48
|
initObserver();
|
|
52
|
-
return
|
|
49
|
+
return () => {
|
|
53
50
|
// on unmount
|
|
54
51
|
// destroy observer
|
|
55
52
|
destroyObserver();
|
|
@@ -59,13 +56,12 @@ function usePageScrollController(scrollContainerRef, onPageChange) {
|
|
|
59
56
|
observedPagesRef.current = [];
|
|
60
57
|
};
|
|
61
58
|
}, [initObserver, reObserveAll, destroyObserver]);
|
|
62
|
-
|
|
59
|
+
const observePage = useCallback((pageElement) => {
|
|
63
60
|
if (updatePageObserverRef.current) {
|
|
64
61
|
updatePageObserverRef.current.observe(pageElement);
|
|
65
62
|
observedPagesRef.current.push(pageElement);
|
|
66
63
|
}
|
|
67
64
|
}, []);
|
|
68
|
-
return { observePage
|
|
65
|
+
return { observePage };
|
|
69
66
|
}
|
|
70
|
-
exports.usePageScrollController = usePageScrollController;
|
|
71
67
|
//# sourceMappingURL=usePageScrollController.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePageScrollController.js","sourceRoot":"","sources":["../../src/preview/usePageScrollController.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"usePageScrollController.js","sourceRoot":"","sources":["../../src/preview/usePageScrollController.ts"],"names":[],"mappings":"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"}
|
package/lib/preview/useZoom.js
CHANGED
|
@@ -1,35 +1,28 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.useZoom = void 0;
|
|
7
1
|
/*
|
|
8
2
|
* SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
|
|
9
3
|
*
|
|
10
4
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
11
5
|
*/
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
setCurrentZoom(constants_1.ZOOM_STEPS[0]);
|
|
6
|
+
import { useCallback, useEffect, useState } from 'react';
|
|
7
|
+
import { findLastIndex } from 'lodash';
|
|
8
|
+
import { ZOOM_STEPS } from '../constants/index.js';
|
|
9
|
+
export function useZoom(previewRef) {
|
|
10
|
+
const [currentZoom, setCurrentZoom] = useState(ZOOM_STEPS[0]);
|
|
11
|
+
const [incrementable, setIncrementable] = useState(true);
|
|
12
|
+
const [decrementable, setDecrementable] = useState(false);
|
|
13
|
+
const [fitToWidthActive, setFitToWidthActive] = useState(false);
|
|
14
|
+
const reset = useCallback(() => {
|
|
15
|
+
setCurrentZoom(ZOOM_STEPS[0]);
|
|
23
16
|
setIncrementable(true);
|
|
24
17
|
setDecrementable(false);
|
|
25
18
|
setFitToWidthActive(false);
|
|
26
19
|
}, []);
|
|
27
|
-
|
|
20
|
+
const increaseOfOneStep = useCallback(() => {
|
|
28
21
|
if (incrementable) {
|
|
29
|
-
|
|
22
|
+
const targetIndex = ZOOM_STEPS.findIndex((step) => step > currentZoom);
|
|
30
23
|
if (targetIndex >= 0) {
|
|
31
|
-
setCurrentZoom(
|
|
32
|
-
if (targetIndex ===
|
|
24
|
+
setCurrentZoom(ZOOM_STEPS[targetIndex]);
|
|
25
|
+
if (targetIndex === ZOOM_STEPS.length - 1) {
|
|
33
26
|
setIncrementable(false);
|
|
34
27
|
}
|
|
35
28
|
if (targetIndex > 0) {
|
|
@@ -39,47 +32,46 @@ function useZoom(previewRef) {
|
|
|
39
32
|
}
|
|
40
33
|
setFitToWidthActive(false);
|
|
41
34
|
}, [currentZoom, incrementable]);
|
|
42
|
-
|
|
35
|
+
const decreaseOfOneStep = useCallback(() => {
|
|
43
36
|
if (decrementable) {
|
|
44
|
-
|
|
37
|
+
const targetIndex = findLastIndex(ZOOM_STEPS, (step) => step < currentZoom);
|
|
45
38
|
if (targetIndex >= 0) {
|
|
46
|
-
setCurrentZoom(
|
|
39
|
+
setCurrentZoom(ZOOM_STEPS[targetIndex]);
|
|
47
40
|
if (targetIndex === 0) {
|
|
48
41
|
setDecrementable(false);
|
|
49
42
|
}
|
|
50
|
-
if (targetIndex <
|
|
43
|
+
if (targetIndex < ZOOM_STEPS.length - 1) {
|
|
51
44
|
setIncrementable(true);
|
|
52
45
|
}
|
|
53
46
|
}
|
|
54
47
|
}
|
|
55
48
|
setFitToWidthActive(false);
|
|
56
49
|
}, [currentZoom, decrementable]);
|
|
57
|
-
|
|
50
|
+
const fitToWidth = useCallback(() => {
|
|
58
51
|
if (previewRef.current) {
|
|
59
52
|
setCurrentZoom(previewRef.current.clientWidth);
|
|
60
|
-
setIncrementable(previewRef.current.clientWidth <
|
|
61
|
-
setDecrementable(previewRef.current.clientWidth >
|
|
53
|
+
setIncrementable(previewRef.current.clientWidth < ZOOM_STEPS[ZOOM_STEPS.length - 1]);
|
|
54
|
+
setDecrementable(previewRef.current.clientWidth > ZOOM_STEPS[0]);
|
|
62
55
|
setFitToWidthActive(true);
|
|
63
56
|
}
|
|
64
57
|
}, [previewRef]);
|
|
65
|
-
|
|
58
|
+
useEffect(() => {
|
|
66
59
|
if (fitToWidthActive) {
|
|
67
60
|
window.addEventListener('resize', fitToWidth);
|
|
68
61
|
}
|
|
69
|
-
return
|
|
62
|
+
return () => {
|
|
70
63
|
window.removeEventListener('resize', fitToWidth);
|
|
71
64
|
};
|
|
72
65
|
}, [fitToWidth, fitToWidthActive]);
|
|
73
66
|
return {
|
|
74
|
-
currentZoom
|
|
75
|
-
incrementable
|
|
76
|
-
decrementable
|
|
77
|
-
increaseOfOneStep
|
|
78
|
-
decreaseOfOneStep
|
|
79
|
-
reset
|
|
80
|
-
fitToWidth
|
|
81
|
-
fitToWidthActive
|
|
67
|
+
currentZoom,
|
|
68
|
+
incrementable,
|
|
69
|
+
decrementable,
|
|
70
|
+
increaseOfOneStep,
|
|
71
|
+
decreaseOfOneStep,
|
|
72
|
+
reset,
|
|
73
|
+
fitToWidth,
|
|
74
|
+
fitToWidthActive
|
|
82
75
|
};
|
|
83
76
|
}
|
|
84
|
-
exports.useZoom = useZoom;
|
|
85
77
|
//# sourceMappingURL=useZoom.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useZoom.js","sourceRoot":"","sources":["../../src/preview/useZoom.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useZoom.js","sourceRoot":"","sources":["../../src/preview/useZoom.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/types/utils.ts"],"names":[],"mappings":""}
|
package/lib/utils/utils.js
CHANGED
|
@@ -1,22 +1,18 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.print = void 0;
|
|
4
1
|
/*
|
|
5
2
|
* SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
|
|
6
3
|
*
|
|
7
4
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
8
5
|
*/
|
|
9
|
-
function print(documentFile) {
|
|
10
|
-
|
|
11
|
-
|
|
6
|
+
export function print(documentFile) {
|
|
7
|
+
const documentUrl = URL.createObjectURL((documentFile instanceof Blob && documentFile) || new Blob([documentFile]));
|
|
8
|
+
const printWin = window.open(documentUrl, '');
|
|
12
9
|
if (printWin) {
|
|
13
|
-
printWin.onload =
|
|
10
|
+
printWin.onload = () => {
|
|
14
11
|
printWin.focus();
|
|
15
|
-
setTimeout(
|
|
12
|
+
setTimeout(() => {
|
|
16
13
|
printWin.print();
|
|
17
14
|
}, 1000);
|
|
18
15
|
};
|
|
19
16
|
}
|
|
20
17
|
}
|
|
21
|
-
exports.print = print;
|
|
22
18
|
//# sourceMappingURL=utils.js.map
|
package/lib/utils/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,UAAU,KAAK,CAAC,YAAgC;IACrD,MAAM,WAAW,GAAG,GAAG,CAAC,eAAe,CACtC,CAAC,YAAY,YAAY,IAAI,IAAI,YAAY,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC,CAC1E,CAAC;IACF,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAC9C,IAAI,QAAQ,EAAE,CAAC;QACd,QAAQ,CAAC,MAAM,GAAG,GAAS,EAAE;YAC5B,QAAQ,CAAC,KAAK,EAAE,CAAC;YACjB,UAAU,CAAC,GAAG,EAAE;gBACf,QAAQ,CAAC,KAAK,EAAE,CAAC;YAClB,CAAC,EAAE,IAAI,CAAC,CAAC;QACV,CAAC,CAAC;IACH,CAAC;AACF,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,75 +1,86 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zextras/carbonio-ui-preview",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.4",
|
|
4
4
|
"description": "Preview ui utility for Zextras Carbonio",
|
|
5
|
-
"main": "lib/index.js",
|
|
6
|
-
"module": "lib
|
|
7
|
-
"types": "lib/index.d.ts",
|
|
5
|
+
"main": "./lib/index.js",
|
|
6
|
+
"module": "./lib/index.js",
|
|
7
|
+
"types": "./lib/index.d.ts",
|
|
8
|
+
"type": "module",
|
|
9
|
+
"exports": {
|
|
10
|
+
"import": "./lib/index.js"
|
|
11
|
+
},
|
|
8
12
|
"files": [
|
|
9
|
-
"
|
|
10
|
-
"
|
|
13
|
+
"lib",
|
|
14
|
+
"COPYING",
|
|
15
|
+
"THIRDPARTIES",
|
|
16
|
+
"README.md"
|
|
11
17
|
],
|
|
12
18
|
"scripts": {
|
|
13
|
-
"
|
|
14
|
-
"build
|
|
15
|
-
"
|
|
16
|
-
"build": "
|
|
17
|
-
"
|
|
19
|
+
"prebuild:lib": "rm -rf lib",
|
|
20
|
+
"build:lib": "tsc -p tsconfig.lib.json && npm run copy-styles",
|
|
21
|
+
"prebuild:docs": "rm -rf docs",
|
|
22
|
+
"build:docs": "npx api-extractor run --verbose && npx api-documenter generate -i ./temp/ -o ./docs",
|
|
23
|
+
"prebuild:docs:local": "rm -rf docs",
|
|
24
|
+
"build:docs:local": "npx api-extractor run --verbose --local && npx api-documenter generate -i ./temp/ -o ./docs",
|
|
25
|
+
"build:local": "npm run build:lib && npm run build:docs:local",
|
|
26
|
+
"build": "npm run build:lib && npm run build:docs",
|
|
27
|
+
"prepare": "is-ci || husky",
|
|
18
28
|
"prepack": "npm run build",
|
|
19
|
-
"type-check": "tsc
|
|
29
|
+
"type-check": "tsc",
|
|
20
30
|
"type-check:watch": "npm run type-check -- --watch",
|
|
21
31
|
"lint": "eslint --ext .js,.jsx,.ts,.tsx --resolve-plugins-relative-to node_modules/@zextras/carbonio-ui-configs src",
|
|
22
32
|
"packTo": "npm pack --pack-destination $PKG_PATH && cd $PKG_PATH && npm i zextras-carbonio-ui-preview-$npm_package_version.tgz",
|
|
23
33
|
"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",
|
|
24
34
|
"test": "jest",
|
|
25
|
-
"postbuild": "is-ci || ./scripts/check-build.sh"
|
|
35
|
+
"postbuild": "is-ci || ./scripts/check-build.sh",
|
|
36
|
+
"copy-styles": "cp src/preview/*.css lib/preview/"
|
|
26
37
|
},
|
|
27
38
|
"keywords": [],
|
|
28
|
-
"author": "Zextras
|
|
39
|
+
"author": "Zextras DEV Team <https://www.zextras.com/carbonio/>",
|
|
29
40
|
"license": "AGPL-3.0-only",
|
|
30
41
|
"devDependencies": {
|
|
31
|
-
"@babel/core": "^7.
|
|
32
|
-
"@babel/
|
|
33
|
-
"@babel/preset-
|
|
34
|
-
"@babel/preset-
|
|
35
|
-
"@
|
|
36
|
-
"@commitlint/
|
|
37
|
-
"@
|
|
42
|
+
"@babel/core": "^7.24.7",
|
|
43
|
+
"@babel/plugin-transform-modules-commonjs": "^7.24.7",
|
|
44
|
+
"@babel/preset-env": "^7.24.7",
|
|
45
|
+
"@babel/preset-react": "^7.24.7",
|
|
46
|
+
"@babel/preset-typescript": "^7.24.7",
|
|
47
|
+
"@commitlint/cli": "^19.3.0",
|
|
48
|
+
"@commitlint/config-conventional": "^19.2.2",
|
|
49
|
+
"@faker-js/faker": "^8.4.1",
|
|
50
|
+
"@microsoft/api-documenter": "^7.25.3",
|
|
51
|
+
"@microsoft/api-extractor": "^7.47.0",
|
|
38
52
|
"@testing-library/dom": "^8.20.1",
|
|
39
|
-
"@testing-library/jest-dom": "^6.
|
|
53
|
+
"@testing-library/jest-dom": "^6.4.5",
|
|
40
54
|
"@testing-library/react": "^12.1.5",
|
|
41
|
-
"@testing-library/user-event": "^14.
|
|
42
|
-
"@types/jest": "^29.5.
|
|
43
|
-
"@types/lodash": "^4.
|
|
44
|
-
"@types/
|
|
45
|
-
"@types/react
|
|
46
|
-
"@types/react-
|
|
47
|
-
"@
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"babel-plugin-styled-components": "^2.1.4",
|
|
55
|
+
"@testing-library/user-event": "^14.5.2",
|
|
56
|
+
"@types/jest": "^29.5.12",
|
|
57
|
+
"@types/lodash": "^4.17.4",
|
|
58
|
+
"@types/node": "^18.19.34",
|
|
59
|
+
"@types/react": "^17.0.80",
|
|
60
|
+
"@types/react-dom": "^17.0.25",
|
|
61
|
+
"@zextras/carbonio-ui-configs": "^1.0.1",
|
|
62
|
+
"babel-jest": "^29.7.0",
|
|
63
|
+
"eslint-import-resolver-typescript": "^3.6.1",
|
|
51
64
|
"eslint-plugin-notice": "^0.9.10",
|
|
52
|
-
"
|
|
65
|
+
"eslint-plugin-tsdoc": "^0.3.0",
|
|
66
|
+
"husky": "^9.0.11",
|
|
67
|
+
"identity-obj-proxy": "^3.0.0",
|
|
53
68
|
"is-ci": "^3.0.1",
|
|
54
|
-
"jest": "^29.
|
|
55
|
-
"jest-
|
|
56
|
-
"jest-
|
|
57
|
-
"jest-fail-on-console": "^3.1.1",
|
|
58
|
-
"jest-fetch-mock": "^3.0.3",
|
|
69
|
+
"jest": "^29.7.0",
|
|
70
|
+
"jest-environment-jsdom": "^29.7.0",
|
|
71
|
+
"jest-fail-on-console": "^3.3.0",
|
|
59
72
|
"jest-junit": "^16.0.0",
|
|
60
|
-
"ts-node": "^10.9.
|
|
61
|
-
"web-streams-polyfill": "^3.2.1"
|
|
73
|
+
"ts-node": "^10.9.2"
|
|
62
74
|
},
|
|
63
75
|
"dependencies": {
|
|
64
|
-
"core-js": "^3.
|
|
65
|
-
"react-pdf": "^
|
|
76
|
+
"core-js": "^3.37.1",
|
|
77
|
+
"react-pdf": "^7.7.3"
|
|
66
78
|
},
|
|
67
79
|
"peerDependencies": {
|
|
68
80
|
"@zextras/carbonio-design-system": ">=1.0.0",
|
|
69
81
|
"lodash": "^4.17.21",
|
|
70
82
|
"react": "^17.0.2",
|
|
71
|
-
"react-dom": "^17.0.2"
|
|
72
|
-
"styled-components": "^5.3.11"
|
|
83
|
+
"react-dom": "^17.0.2"
|
|
73
84
|
},
|
|
74
85
|
"browserslist": [
|
|
75
86
|
">1%",
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export declare const AbsoluteLeftIconButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zextras/carbonio-design-system").IconButtonProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
|
|
2
|
-
export declare const AbsoluteRightIconButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zextras/carbonio-design-system").IconButtonProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
/*
|
|
3
|
-
* SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
|
|
4
|
-
*
|
|
5
|
-
* SPDX-License-Identifier: AGPL-3.0-only
|
|
6
|
-
*/
|
|
7
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
8
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
9
|
-
return cooked;
|
|
10
|
-
};
|
|
11
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
12
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
13
|
-
};
|
|
14
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
15
|
-
exports.AbsoluteRightIconButton = exports.AbsoluteLeftIconButton = void 0;
|
|
16
|
-
var carbonio_design_system_1 = require("@zextras/carbonio-design-system");
|
|
17
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
18
|
-
exports.AbsoluteLeftIconButton = (0, styled_components_1.default)(carbonio_design_system_1.IconButton)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tposition: absolute;\n\tleft: 0.5rem;\n\ttop: 50%;\n\tz-index: 1;\n"], ["\n\tposition: absolute;\n\tleft: 0.5rem;\n\ttop: 50%;\n\tz-index: 1;\n"])));
|
|
19
|
-
exports.AbsoluteRightIconButton = (0, styled_components_1.default)(carbonio_design_system_1.IconButton)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\tposition: absolute;\n\tright: 0.5rem;\n\ttop: 50%;\n"], ["\n\tposition: absolute;\n\tright: 0.5rem;\n\ttop: 50%;\n"])));
|
|
20
|
-
var templateObject_1, templateObject_2;
|
|
21
|
-
//# sourceMappingURL=StyledComponents.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StyledComponents.js","sourceRoot":"","sources":["../../src/preview/StyledComponents.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;;;;;;AAEH,0EAA6D;AAC7D,wEAAuC;AAE1B,QAAA,sBAAsB,GAAG,IAAA,2BAAM,EAAC,mCAAU,CAAC,2IAAA,wEAKvD,KAAC;AAEW,QAAA,uBAAuB,GAAG,IAAA,2BAAM,EAAC,mCAAU,CAAC,6HAAA,0DAIxD,KAAC"}
|
package/lib/utils/type-utils.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"type-utils.js","sourceRoot":"","sources":["../../src/utils/type-utils.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,IAAM,UAAU,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAC1E,MAAM,CAAC,IAAM,WAAW,GAAG,EAAE,CAAC"}
|
package/lib-esm/index.d.ts
DELETED
package/lib-esm/index.js
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* SPDX-FileCopyrightText: 2021 Zextras <https://www.zextras.com>
|
|
3
|
-
*
|
|
4
|
-
* SPDX-License-Identifier: AGPL-3.0-only
|
|
5
|
-
*/
|
|
6
|
-
/** Base components */
|
|
7
|
-
export * from './preview/ImagePreview';
|
|
8
|
-
export * from './preview/PdfPreview';
|
|
9
|
-
/** Utils */
|
|
10
|
-
export * from './preview/PreviewManager';
|
|
11
|
-
export * from './preview/PreviewWrapper';
|
|
12
|
-
//# sourceMappingURL=index.js.map
|
package/lib-esm/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,sBAAsB;AACtB,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,YAAY;AACZ,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface FocusContainerProps {
|
|
3
|
-
returnFocus?: boolean;
|
|
4
|
-
children: React.ReactChild | React.ReactChildren;
|
|
5
|
-
}
|
|
6
|
-
declare const FocusWithin: ({ children, returnFocus }: FocusContainerProps) => React.JSX.Element;
|
|
7
|
-
export default FocusWithin;
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
|
-
/* eslint-disable jsx-a11y/no-noninteractive-tabindex */
|
|
6
|
-
/*
|
|
7
|
-
* SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
|
|
8
|
-
*
|
|
9
|
-
* SPDX-License-Identifier: AGPL-3.0-only
|
|
10
|
-
*/
|
|
11
|
-
import React, { useCallback, useEffect, useRef } from 'react';
|
|
12
|
-
import last from 'lodash/last';
|
|
13
|
-
import styled from 'styled-components';
|
|
14
|
-
var FocusContainer = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\toutline: none;\n\t& > * {\n\t\toutline: none;\n\t}\n"], ["\n\toutline: none;\n\t& > * {\n\t\toutline: none;\n\t}\n"])));
|
|
15
|
-
var FocusWithin = function (_a) {
|
|
16
|
-
var children = _a.children, _b = _a.returnFocus, returnFocus = _b === void 0 ? true : _b;
|
|
17
|
-
var contentRef = useRef(null);
|
|
18
|
-
var startSentinelRef = useRef(null);
|
|
19
|
-
var endSentinelRef = useRef(null);
|
|
20
|
-
var onStartSentinelFocus = useCallback(function () {
|
|
21
|
-
if (contentRef.current) {
|
|
22
|
-
var node = last(contentRef.current.querySelectorAll('[tabindex]'));
|
|
23
|
-
node === null || node === void 0 ? void 0 : node.focus();
|
|
24
|
-
}
|
|
25
|
-
}, []);
|
|
26
|
-
var onEndSentinelFocus = useCallback(function () {
|
|
27
|
-
if (contentRef.current) {
|
|
28
|
-
var node = contentRef.current.querySelector('[tabindex]');
|
|
29
|
-
node === null || node === void 0 ? void 0 : node.focus();
|
|
30
|
-
}
|
|
31
|
-
}, []);
|
|
32
|
-
useEffect(function () {
|
|
33
|
-
var _a, _b, _c, _d, _e;
|
|
34
|
-
var documentElement = (_b = (_a = window.top) === null || _a === void 0 ? void 0 : _a.document) !== null && _b !== void 0 ? _b : document;
|
|
35
|
-
var focusedElement = documentElement.activeElement;
|
|
36
|
-
(_c = contentRef.current) === null || _c === void 0 ? void 0 : _c.focus();
|
|
37
|
-
(_d = startSentinelRef.current) === null || _d === void 0 ? void 0 : _d.addEventListener('focus', onStartSentinelFocus);
|
|
38
|
-
(_e = endSentinelRef.current) === null || _e === void 0 ? void 0 : _e.addEventListener('focus', onEndSentinelFocus);
|
|
39
|
-
var startSentinelRefSave = startSentinelRef.current;
|
|
40
|
-
var endSentinelRefSave = endSentinelRef.current;
|
|
41
|
-
return function () {
|
|
42
|
-
startSentinelRefSave === null || startSentinelRefSave === void 0 ? void 0 : startSentinelRefSave.removeEventListener('focus', onStartSentinelFocus);
|
|
43
|
-
endSentinelRefSave === null || endSentinelRefSave === void 0 ? void 0 : endSentinelRefSave.removeEventListener('focus', onEndSentinelFocus);
|
|
44
|
-
// return focus to previous initial element
|
|
45
|
-
if (focusedElement && returnFocus) {
|
|
46
|
-
focusedElement.focus();
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
}, [onStartSentinelFocus, onEndSentinelFocus, returnFocus]);
|
|
50
|
-
return (React.createElement(FocusContainer, null,
|
|
51
|
-
React.createElement("span", { tabIndex: 0, ref: startSentinelRef }),
|
|
52
|
-
React.createElement("div", { tabIndex: -1, ref: contentRef }, children),
|
|
53
|
-
React.createElement("span", { tabIndex: 0, ref: endSentinelRef })));
|
|
54
|
-
};
|
|
55
|
-
export default FocusWithin;
|
|
56
|
-
var templateObject_1;
|
|
57
|
-
//# sourceMappingURL=FocusWithin.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FocusWithin.js","sourceRoot":"","sources":["../../src/preview/FocusWithin.tsx"],"names":[],"mappings":";;;;AAAA,wDAAwD;AACxD;;;;GAIG;AACH,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,IAAM,cAAc,GAAG,MAAM,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,MAAM,CAAwB,IAAI,CAAC,CAAC;IACvD,IAAM,gBAAgB,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC7D,IAAM,cAAc,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAE3D,IAAM,oBAAoB,GAAG,WAAW,CAAC;QACxC,IAAI,UAAU,CAAC,OAAO,EAAE;YACvB,IAAM,IAAI,GAAG,IAAI,CAAC,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,WAAW,CAAC;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,SAAS,CAAC;;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,oBAAC,cAAc;QACd,8BAAM,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,gBAAgB,GAAI;QAC5C,6BAAK,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,IAChC,QAAQ,CACJ;QACN,8BAAM,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,cAAc,GAAI,CAC1B,CACjB,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Tooltip } from '@zextras/carbonio-design-system';
|
|
3
|
-
export interface HeaderAction {
|
|
4
|
-
/** id used as key */
|
|
5
|
-
id: string;
|
|
6
|
-
/** Action called on click */
|
|
7
|
-
onClick: (ev: React.MouseEvent<HTMLButtonElement> | KeyboardEvent) => void;
|
|
8
|
-
/** Icon from the theme */
|
|
9
|
-
icon: string;
|
|
10
|
-
/** Label to show as tooltip for the action */
|
|
11
|
-
tooltipLabel?: string;
|
|
12
|
-
tooltipPlacement?: React.ComponentPropsWithRef<typeof Tooltip>['placement'];
|
|
13
|
-
/** Disabled status for the action */
|
|
14
|
-
disabled?: boolean;
|
|
15
|
-
}
|
|
16
|
-
export interface HeaderProps {
|
|
17
|
-
/** Left Action for the preview */
|
|
18
|
-
closeAction?: HeaderAction;
|
|
19
|
-
/** Actions for the preview */
|
|
20
|
-
actions: HeaderAction[];
|
|
21
|
-
/** Extension of the file, shown as info */
|
|
22
|
-
extension: string;
|
|
23
|
-
/** Name of the file, shown as info */
|
|
24
|
-
filename: string;
|
|
25
|
-
/** Size of the file, shown as info */
|
|
26
|
-
size: string;
|
|
27
|
-
}
|
|
28
|
-
declare const Header: React.VFC<HeaderProps>;
|
|
29
|
-
export default Header;
|