@zextras/carbonio-ui-preview 1.2.3 → 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 +47 -37
- 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,280 +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
|
-
var __assign = (this && this.__assign) || function () {
|
|
6
|
-
__assign = Object.assign || function(t) {
|
|
7
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
8
|
-
s = arguments[i];
|
|
9
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
10
|
-
t[p] = s[p];
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
|
-
return __assign.apply(this, arguments);
|
|
15
|
-
};
|
|
16
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
17
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
18
|
-
if (ar || !(i in from)) {
|
|
19
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
20
|
-
ar[i] = from[i];
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
24
|
-
};
|
|
25
|
-
/*
|
|
26
|
-
* SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
|
|
27
|
-
*
|
|
28
|
-
* SPDX-License-Identifier: AGPL-3.0-only
|
|
29
|
-
*/
|
|
30
|
-
import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
31
|
-
import { Container, Portal, useCombinedRefs, getColor } from '@zextras/carbonio-design-system';
|
|
32
|
-
import { size as lodashSize } from 'lodash';
|
|
33
|
-
import map from 'lodash/map';
|
|
34
|
-
import noop from 'lodash/noop';
|
|
35
|
-
import { Document, Page } from 'react-pdf/dist/esm/entry.webpack5';
|
|
36
|
-
import 'react-pdf/dist/esm/Page/TextLayer.css';
|
|
37
|
-
import 'react-pdf/dist/esm/Page/AnnotationLayer.css';
|
|
38
|
-
import styled from 'styled-components';
|
|
39
|
-
import FocusWithin from './FocusWithin';
|
|
40
|
-
import Header from './Header';
|
|
41
|
-
import { Navigator } from './Navigator';
|
|
42
|
-
import { PageController } from './PageController';
|
|
43
|
-
import { PreviewCriteriaAlternativeContent } from './PreviewCriteriaAlternativeContent';
|
|
44
|
-
import { AbsoluteLeftIconButton, AbsoluteRightIconButton } from './StyledComponents';
|
|
45
|
-
import { usePageScrollController } from './usePageScrollController';
|
|
46
|
-
import { useZoom } from './useZoom';
|
|
47
|
-
import { ZoomController } from './ZoomController';
|
|
48
|
-
import { SCROLL_STEP } from '../constants';
|
|
49
|
-
import { print } from '../utils/utils';
|
|
50
|
-
var Overlay = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\theight: 100vh;\n\tmax-height: 100vh;\n\twidth: 100%;\n\tmax-width: 100%;\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tbackground-color: rgba(0, 0, 0, 0.8);\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tz-index: 1003;\n"], ["\n\theight: 100vh;\n\tmax-height: 100vh;\n\twidth: 100%;\n\tmax-width: 100%;\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tbackground-color: rgba(0, 0, 0, 0.8);\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tz-index: 1003;\n"])));
|
|
51
|
-
var MiddleContainer = styled(Container)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\tflex-grow: 1;\n"], ["\n\tflex-grow: 1;\n"])));
|
|
52
|
-
var ExternalContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\theight: 100vh;\n\tmax-height: 100vh;\n\twidth: 100vw;\n\tmax-width: 100vw;\n\tdisplay: flex;\n\tflex-direction: column;\n\tposition: relative;\n"], ["\n\theight: 100vh;\n\tmax-height: 100vh;\n\twidth: 100vw;\n\tmax-width: 100vw;\n\tdisplay: flex;\n\tflex-direction: column;\n\tposition: relative;\n"])));
|
|
53
|
-
var PreviewContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex-grow: 1;\n\t// https://bhch.github.io/posts/2021/04/centring-flex-items-and-allowing-overflow-scroll/\n\t//justify-content: center;\n\t//align-items: center;\n\t// justify-content and align-items conflict with overflow management\n\toverflow: auto;\n\toutline: none;\n\n\t&::-webkit-scrollbar {\n\t\twidth: 7px;\n\t\theight: 7px;\n\t}\n\n\t&::-webkit-scrollbar-track {\n\t\tbackground-color: transparent;\n\t}\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground-color: ", ";\n\t\tborder-radius: 0.25rem;\n\t}\n\n\t& > .react-pdf__Document {\n\t\tpadding-bottom: 1rem;\n\t\tmargin: auto;\n\t\tdisplay: flex;\n\t\tgap: 1rem;\n\t\tflex-direction: column;\n\t}\n\n\t& .react-pdf__message {\n\t\tcolor: white;\n\t}\n"], ["\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex-grow: 1;\n\t// https://bhch.github.io/posts/2021/04/centring-flex-items-and-allowing-overflow-scroll/\n\t//justify-content: center;\n\t//align-items: center;\n\t// justify-content and align-items conflict with overflow management\n\toverflow: auto;\n\toutline: none;\n\n\t&::-webkit-scrollbar {\n\t\twidth: 7px;\n\t\theight: 7px;\n\t}\n\n\t&::-webkit-scrollbar-track {\n\t\tbackground-color: transparent;\n\t}\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground-color: ", ";\n\t\tborder-radius: 0.25rem;\n\t}\n\n\t& > .react-pdf__Document {\n\t\tpadding-bottom: 1rem;\n\t\tmargin: auto;\n\t\tdisplay: flex;\n\t\tgap: 1rem;\n\t\tflex-direction: column;\n\t}\n\n\t& .react-pdf__message {\n\t\tcolor: white;\n\t}\n"])), function (_a) {
|
|
54
|
-
var theme = _a.theme;
|
|
55
|
-
return theme.palette.gray3.regular;
|
|
56
|
-
});
|
|
57
|
-
var VerticalDivider = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n\twidth: 0.0625rem;\n\theight: 1.5rem;\n\tbackground-color: ", ";\n\tflex: 0 0 0.0625rem;\n"], ["\n\twidth: 0.0625rem;\n\theight: 1.5rem;\n\tbackground-color: ", ";\n\tflex: 0 0 0.0625rem;\n"])), function (_a) {
|
|
58
|
-
var $color = _a.$color, theme = _a.theme;
|
|
59
|
-
return getColor($color, theme);
|
|
60
|
-
});
|
|
61
|
-
var PdfPreview = React.forwardRef(function PreviewFn(_a, ref) {
|
|
62
|
-
var src = _a.src, _b = _a.forceCache, forceCache = _b === void 0 ? true : _b, show = _a.show, container = _a.container, disablePortal = _a.disablePortal, _c = _a.extension, extension = _c === void 0 ? '' : _c, _d = _a.filename, filename = _d === void 0 ? '' : _d, _e = _a.size, size = _e === void 0 ? '' : _e, _f = _a.actions, actionsProp = _f === void 0 ? [] : _f, closeAction = _a.closeAction, onClose = _a.onClose, _g = _a.useFallback, useFallback = _g === void 0 ? false : _g, customContent = _a.customContent, _h = _a.renderTextLayer, renderTextLayer = _h === void 0 ? false : _h, _j = _a.renderAnnotationLayer, renderAnnotationLayer = _j === void 0 ? false : _j, openSrc = _a.openSrc, titleLabel = _a.titleLabel, contentLabel = _a.contentLabel, downloadLabel = _a.downloadLabel, openLabel = _a.openLabel, noteLabel = _a.noteLabel, zoomOutLabel = _a.zoomOutLabel, fitToWidthLabel = _a.fitToWidthLabel, lowerLimitReachedLabel = _a.lowerLimitReachedLabel, resetZoomLabel = _a.resetZoomLabel, upperLimitReachedLabel = _a.upperLimitReachedLabel, zoomInLabel = _a.zoomInLabel, onNextPreview = _a.onNextPreview, onPreviousPreview = _a.onPreviousPreview, pageLabel = _a.pageLabel, _k = _a.errorLabel, errorLabel = _k === void 0 ? 'Failed to load document preview.' : _k, _l = _a.loadingLabel, loadingLabel = _l === void 0 ? 'Loading document preview…' : _l, _m = _a.printActionTooltipLabel, printActionTooltipLabel = _m === void 0 ? 'Print' : _m;
|
|
63
|
-
var _o = useState(null), documentFile = _o[0], setDocumentFile = _o[1];
|
|
64
|
-
var _p = useState(false), fetchFailed = _p[0], setFetchFailed = _p[1];
|
|
65
|
-
useEffect(function () {
|
|
66
|
-
// Check whether is a string but not a data URI.
|
|
67
|
-
if (typeof src === 'string' && !src.startsWith('data:')) {
|
|
68
|
-
var controller_1 = new AbortController();
|
|
69
|
-
fetch(src, { signal: controller_1.signal, cache: forceCache ? 'force-cache' : undefined })
|
|
70
|
-
.then(function (res) { return res.blob(); })
|
|
71
|
-
.then(function (file) { return setDocumentFile(file); })
|
|
72
|
-
.catch(function () {
|
|
73
|
-
setFetchFailed(true);
|
|
74
|
-
});
|
|
75
|
-
return function () { return controller_1.abort(); };
|
|
76
|
-
}
|
|
77
|
-
// ArrayBuffer - File - Blob - data URI string
|
|
78
|
-
setDocumentFile(src);
|
|
79
|
-
return noop;
|
|
80
|
-
}, [src, setDocumentFile, forceCache]);
|
|
81
|
-
var previewRef = useCombinedRefs(ref);
|
|
82
|
-
var documentLoaded = useRef(useFallback);
|
|
83
|
-
var pageRefs = useRef([]);
|
|
84
|
-
var pdfPageProxyListRef = useRef({});
|
|
85
|
-
var _q = useState(null), numPages = _q[0], setNumPages = _q[1];
|
|
86
|
-
var _r = useState(0), currentPage = _r[0], setCurrentPage = _r[1];
|
|
87
|
-
var _s = useZoom(previewRef), currentZoom = _s.currentZoom, incrementable = _s.incrementable, decrementable = _s.decrementable, increaseOfOneStep = _s.increaseOfOneStep, decreaseOfOneStep = _s.decreaseOfOneStep, fitToWidth = _s.fitToWidth, fitToWidthActive = _s.fitToWidthActive, reset = _s.reset;
|
|
88
|
-
var updatePageOnScroll = useCallback(function (pageElement) {
|
|
89
|
-
var _a;
|
|
90
|
-
if (pageElement) {
|
|
91
|
-
var currentPageIndex = (_a = pageRefs.current) === null || _a === void 0 ? void 0 : _a.findIndex(function (pageRef) { return pageRef.current === pageElement; });
|
|
92
|
-
if (currentPageIndex > -1) {
|
|
93
|
-
setCurrentPage(currentPageIndex + 1);
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
}, []);
|
|
97
|
-
var observePage = usePageScrollController(previewRef, updatePageOnScroll).observePage;
|
|
98
|
-
var $closeAction = useMemo(function () {
|
|
99
|
-
if (closeAction) {
|
|
100
|
-
return __assign(__assign({}, closeAction), { onClick: onClose });
|
|
101
|
-
}
|
|
102
|
-
return closeAction;
|
|
103
|
-
}, [closeAction, onClose]);
|
|
104
|
-
var onOverlayClick = useCallback(function (event) {
|
|
105
|
-
event.stopPropagation();
|
|
106
|
-
// close preview on click on overlay only if document is loaded (both success or error)
|
|
107
|
-
documentLoaded.current &&
|
|
108
|
-
previewRef.current &&
|
|
109
|
-
!event.isDefaultPrevented() &&
|
|
110
|
-
(previewRef.current === event.target ||
|
|
111
|
-
!previewRef.current.contains(event.target)) &&
|
|
112
|
-
onClose(event);
|
|
113
|
-
}, [onClose, previewRef]);
|
|
114
|
-
useEffect(function () {
|
|
115
|
-
if (!show) {
|
|
116
|
-
reset();
|
|
117
|
-
}
|
|
118
|
-
}, [reset, show]);
|
|
119
|
-
var resetWidth = useCallback(function (ev) {
|
|
120
|
-
ev.stopPropagation();
|
|
121
|
-
reset();
|
|
122
|
-
}, [reset]);
|
|
123
|
-
var registerPageObserver = useCallback(function (_a) {
|
|
124
|
-
var pageNumber = _a.pageNumber;
|
|
125
|
-
var pageRef = pageRefs.current[pageNumber - 1];
|
|
126
|
-
if (pageRef.current) {
|
|
127
|
-
observePage(pageRef.current);
|
|
128
|
-
}
|
|
129
|
-
}, [observePage]);
|
|
130
|
-
var _t = useState(false), printReady = _t[0], setPrintReady = _t[1];
|
|
131
|
-
var pageOnRenderSuccess = useCallback(function (page) {
|
|
132
|
-
registerPageObserver(page);
|
|
133
|
-
setPrintReady(lodashSize(pdfPageProxyListRef.current) === numPages);
|
|
134
|
-
}, [numPages, registerPageObserver]);
|
|
135
|
-
var pageOnLoadSuccess = useCallback(function (page) {
|
|
136
|
-
pdfPageProxyListRef.current[page._pageIndex] = page;
|
|
137
|
-
}, []);
|
|
138
|
-
var pageElements = useMemo(function () {
|
|
139
|
-
if (numPages) {
|
|
140
|
-
pageRefs.current = [];
|
|
141
|
-
return map(new Array(numPages), function (el, index) {
|
|
142
|
-
var pageRef = React.createRef();
|
|
143
|
-
pageRefs.current.push(pageRef);
|
|
144
|
-
return (React.createElement(Page, { key: "page_".concat(index + 1), pageNumber: index + 1, onRenderSuccess: pageOnRenderSuccess, onLoadSuccess: pageOnLoadSuccess, width: currentZoom, renderTextLayer: renderTextLayer, renderAnnotationLayer: renderAnnotationLayer, inputRef: pageRef }));
|
|
145
|
-
});
|
|
146
|
-
}
|
|
147
|
-
return [];
|
|
148
|
-
}, [
|
|
149
|
-
currentZoom,
|
|
150
|
-
numPages,
|
|
151
|
-
pageOnLoadSuccess,
|
|
152
|
-
pageOnRenderSuccess,
|
|
153
|
-
renderAnnotationLayer,
|
|
154
|
-
renderTextLayer
|
|
155
|
-
]);
|
|
156
|
-
var onDocumentLoadSuccess = useCallback(function (document) {
|
|
157
|
-
setNumPages(document.numPages);
|
|
158
|
-
setCurrentPage(1);
|
|
159
|
-
documentLoaded.current = true;
|
|
160
|
-
}, []);
|
|
161
|
-
var onDocumentLoadError = useCallback(function (error) {
|
|
162
|
-
console.error(error);
|
|
163
|
-
documentLoaded.current = true;
|
|
164
|
-
}, []);
|
|
165
|
-
var onDocumentLoadProgress = useCallback(function () {
|
|
166
|
-
documentLoaded.current = false;
|
|
167
|
-
}, []);
|
|
168
|
-
var $customContent = useMemo(function () {
|
|
169
|
-
if (useFallback) {
|
|
170
|
-
return (customContent !== null && customContent !== void 0 ? customContent : (React.createElement(PreviewCriteriaAlternativeContent, { downloadSrc: (typeof src === 'string' && src) ||
|
|
171
|
-
((src instanceof File || src instanceof Blob) && URL.createObjectURL(src)) ||
|
|
172
|
-
URL.createObjectURL(new Blob([src], { type: 'application/pdf' })), openSrc: openSrc, contentLabel: contentLabel, downloadLabel: downloadLabel, noteLabel: noteLabel, openLabel: openLabel, titleLabel: titleLabel, filename: filename })));
|
|
173
|
-
}
|
|
174
|
-
return undefined;
|
|
175
|
-
}, [
|
|
176
|
-
useFallback,
|
|
177
|
-
customContent,
|
|
178
|
-
src,
|
|
179
|
-
openSrc,
|
|
180
|
-
contentLabel,
|
|
181
|
-
downloadLabel,
|
|
182
|
-
noteLabel,
|
|
183
|
-
openLabel,
|
|
184
|
-
titleLabel,
|
|
185
|
-
filename
|
|
186
|
-
]);
|
|
187
|
-
var onPageChange = useCallback(function (newPage) {
|
|
188
|
-
var _a;
|
|
189
|
-
setCurrentPage(newPage);
|
|
190
|
-
(_a = pageRefs.current[newPage - 1].current) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
|
|
191
|
-
}, []);
|
|
192
|
-
var eventListener = useCallback(function (event) {
|
|
193
|
-
var _a, _b;
|
|
194
|
-
switch (event.key) {
|
|
195
|
-
case 'Escape':
|
|
196
|
-
onClose(event);
|
|
197
|
-
break;
|
|
198
|
-
case 'ArrowRight':
|
|
199
|
-
onNextPreview === null || onNextPreview === void 0 ? void 0 : onNextPreview(event);
|
|
200
|
-
break;
|
|
201
|
-
case 'ArrowLeft':
|
|
202
|
-
onPreviousPreview === null || onPreviousPreview === void 0 ? void 0 : onPreviousPreview(event);
|
|
203
|
-
break;
|
|
204
|
-
case 'Home':
|
|
205
|
-
if (currentPage > 1) {
|
|
206
|
-
onPageChange(1);
|
|
207
|
-
}
|
|
208
|
-
break;
|
|
209
|
-
case 'End':
|
|
210
|
-
if (numPages && currentPage < numPages) {
|
|
211
|
-
onPageChange(numPages);
|
|
212
|
-
}
|
|
213
|
-
break;
|
|
214
|
-
case 'PageUp':
|
|
215
|
-
if (currentPage > 1) {
|
|
216
|
-
onPageChange(currentPage - 1);
|
|
217
|
-
}
|
|
218
|
-
break;
|
|
219
|
-
case 'PageDown':
|
|
220
|
-
if (numPages && currentPage < numPages) {
|
|
221
|
-
onPageChange(currentPage + 1);
|
|
222
|
-
}
|
|
223
|
-
break;
|
|
224
|
-
case 'ArrowUp':
|
|
225
|
-
(_a = previewRef.current) === null || _a === void 0 ? void 0 : _a.scrollBy(0, -SCROLL_STEP);
|
|
226
|
-
break;
|
|
227
|
-
case 'ArrowDown':
|
|
228
|
-
(_b = previewRef.current) === null || _b === void 0 ? void 0 : _b.scrollBy(0, SCROLL_STEP);
|
|
229
|
-
break;
|
|
230
|
-
default:
|
|
231
|
-
break;
|
|
232
|
-
}
|
|
233
|
-
}, [currentPage, numPages, onClose, onNextPreview, onPageChange, onPreviousPreview, previewRef]);
|
|
234
|
-
useEffect(function () {
|
|
235
|
-
if (show) {
|
|
236
|
-
document.addEventListener('keydown', eventListener);
|
|
237
|
-
}
|
|
238
|
-
return function () {
|
|
239
|
-
document.removeEventListener('keydown', eventListener);
|
|
240
|
-
};
|
|
241
|
-
}, [eventListener, show]);
|
|
242
|
-
var printWithOpen = useCallback(function (e) {
|
|
243
|
-
e.stopPropagation();
|
|
244
|
-
if (documentFile) {
|
|
245
|
-
if (typeof documentFile === 'string') {
|
|
246
|
-
fetch(documentFile)
|
|
247
|
-
.then(function (res) { return res.blob(); })
|
|
248
|
-
.then(function (file) { return print(file); });
|
|
249
|
-
}
|
|
250
|
-
else {
|
|
251
|
-
print(documentFile);
|
|
252
|
-
}
|
|
253
|
-
}
|
|
254
|
-
}, [documentFile]);
|
|
255
|
-
var printAction = useMemo(function () { return ({
|
|
256
|
-
tooltipLabel: printActionTooltipLabel,
|
|
257
|
-
icon: 'PrinterOutline',
|
|
258
|
-
onClick: printWithOpen,
|
|
259
|
-
id: 'print-open',
|
|
260
|
-
disabled: !printReady
|
|
261
|
-
}); }, [printActionTooltipLabel, printReady, printWithOpen]);
|
|
262
|
-
var actions = useMemo(function () { return __spreadArray([printAction], actionsProp, true); }, [actionsProp, printAction]);
|
|
263
|
-
return (React.createElement(Portal, { show: show, disablePortal: disablePortal, container: container },
|
|
264
|
-
React.createElement(Overlay, { onClick: onOverlayClick },
|
|
265
|
-
React.createElement(FocusWithin, null,
|
|
266
|
-
React.createElement(ExternalContainer, null,
|
|
267
|
-
!$customContent && (React.createElement(Navigator, null,
|
|
268
|
-
React.createElement(PageController, { pageLabel: pageLabel, pagesNumber: numPages !== null && numPages !== void 0 ? numPages : 0, currentPage: currentPage, onPageChange: onPageChange }),
|
|
269
|
-
React.createElement(VerticalDivider, { "$color": "gray6" }),
|
|
270
|
-
React.createElement(ZoomController, { decrementable: decrementable, zoomOutLabel: zoomOutLabel, lowerLimitReachedLabel: lowerLimitReachedLabel, decreaseByStep: decreaseOfOneStep, fitToWidthActive: fitToWidthActive, resetZoomLabel: resetZoomLabel, fitToWidthLabel: fitToWidthLabel, resetWidth: resetWidth, fitToWidth: fitToWidth, incrementable: incrementable, zoomInLabel: zoomInLabel, upperLimitReachedLabel: upperLimitReachedLabel, increaseByStep: increaseOfOneStep }))),
|
|
271
|
-
React.createElement(Header, { actions: actions, filename: filename, extension: extension, size: size, closeAction: $closeAction }),
|
|
272
|
-
React.createElement(MiddleContainer, { orientation: "horizontal", crossAlignment: "unset", minHeight: 0 },
|
|
273
|
-
onPreviousPreview && (React.createElement(AbsoluteLeftIconButton, { icon: "ArrowBackOutline", size: "medium", backgroundColor: "gray0", iconColor: "gray6", borderRadius: "round", onClick: onPreviousPreview })),
|
|
274
|
-
React.createElement(PreviewContainer, { ref: previewRef, "data-testid": "pdf-preview-container" }, $customContent ||
|
|
275
|
-
(src && (React.createElement(Document, { file: documentFile, onLoadSuccess: onDocumentLoadSuccess, onLoadError: onDocumentLoadError, onLoadProgress: onDocumentLoadProgress, error: errorLabel, loading: loadingLabel, noData: (fetchFailed && errorLabel) || loadingLabel }, pageElements)))),
|
|
276
|
-
onNextPreview && (React.createElement(AbsoluteRightIconButton, { icon: "ArrowForwardOutline", size: "medium", backgroundColor: "gray0", iconColor: "gray6", borderRadius: "round", onClick: onNextPreview }))))))));
|
|
277
|
-
});
|
|
278
|
-
export { PdfPreview };
|
|
279
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
280
|
-
//# sourceMappingURL=PdfPreview.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PdfPreview.js","sourceRoot":"","sources":["../../src/preview/PdfPreview.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface PreviewCriteriaAlternativeContentProps {
|
|
3
|
-
downloadSrc?: string;
|
|
4
|
-
/** Src that allow open in separate tab */
|
|
5
|
-
openSrc?: string;
|
|
6
|
-
titleLabel?: string;
|
|
7
|
-
contentLabel?: string;
|
|
8
|
-
downloadLabel?: string;
|
|
9
|
-
openLabel?: string;
|
|
10
|
-
noteLabel?: string;
|
|
11
|
-
filename?: string;
|
|
12
|
-
}
|
|
13
|
-
export declare const PreviewCriteriaAlternativeContent: React.VFC<PreviewCriteriaAlternativeContentProps>;
|
|
@@ -1,42 +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
|
-
/*
|
|
6
|
-
* SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
|
|
7
|
-
*
|
|
8
|
-
* SPDX-License-Identifier: AGPL-3.0-only
|
|
9
|
-
*/
|
|
10
|
-
import React, { useCallback, useRef } from 'react';
|
|
11
|
-
import { Button, Container, Text } from '@zextras/carbonio-design-system';
|
|
12
|
-
import styled from 'styled-components';
|
|
13
|
-
var FakeModalContainer = styled(Container)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tborder-radius: 1rem;\n\tpadding: 2rem 4rem 2rem 4rem;\n\tmargin: auto;\n"], ["\n\tborder-radius: 1rem;\n\tpadding: 2rem 4rem 2rem 4rem;\n\tmargin: auto;\n"])));
|
|
14
|
-
var AttachmentLink = styled.a(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\ttext-decoration: none;\n\t//position: relative;\n"], ["\n\ttext-decoration: none;\n\t//position: relative;\n"])));
|
|
15
|
-
export var PreviewCriteriaAlternativeContent = function (_a) {
|
|
16
|
-
var downloadSrc = _a.downloadSrc, openSrc = _a.openSrc, _b = _a.titleLabel, titleLabel = _b === void 0 ? 'This item cannot be displayed' : _b, _c = _a.contentLabel, contentLabel = _c === void 0 ? 'The file size exceeds the limit allowed and cannot be displayed' : _c, _d = _a.downloadLabel, downloadLabel = _d === void 0 ? 'DOWNLOAD FILE' : _d, _e = _a.openLabel, openLabel = _e === void 0 ? 'OPEN IN A SEPARATE TAB' : _e, _f = _a.noteLabel, noteLabel = _f === void 0 ? 'Please, download it or open it in a separate tab' : _f, _g = _a.filename, filename = _g === void 0 ? '' : _g;
|
|
17
|
-
var ancRef = useRef(null);
|
|
18
|
-
var ancRef2 = useRef(null);
|
|
19
|
-
var downloadClick = useCallback(function (ev) {
|
|
20
|
-
ev.preventDefault();
|
|
21
|
-
if (ancRef.current) {
|
|
22
|
-
ancRef.current.click();
|
|
23
|
-
}
|
|
24
|
-
}, [ancRef]);
|
|
25
|
-
var openClick = useCallback(function (ev) {
|
|
26
|
-
ev.preventDefault();
|
|
27
|
-
if (ancRef2.current) {
|
|
28
|
-
ancRef2.current.click();
|
|
29
|
-
}
|
|
30
|
-
}, [ancRef2]);
|
|
31
|
-
return (React.createElement(FakeModalContainer, { background: "gray0", crossAlignment: "center", height: "fit", width: "fit", gap: "1rem" },
|
|
32
|
-
React.createElement(Text, { size: "large", color: "gray6" }, titleLabel),
|
|
33
|
-
React.createElement(Text, { size: "medium", color: "gray6", weight: "bold" }, contentLabel),
|
|
34
|
-
React.createElement(Container, { orientation: "horizontal", height: "fit", gap: "0.5rem" },
|
|
35
|
-
downloadSrc && (React.createElement(Button, { label: downloadLabel, icon: "DownloadOutline", width: "fill", onClick: downloadClick })),
|
|
36
|
-
openSrc && (React.createElement(Button, { label: openLabel, icon: "DiagonalArrowRightUp", width: "fill", onClick: openClick }))),
|
|
37
|
-
React.createElement(Text, { size: "small", color: "gray6" }, noteLabel),
|
|
38
|
-
downloadSrc && (React.createElement(AttachmentLink, { download: filename, rel: "noopener", ref: ancRef, href: downloadSrc })),
|
|
39
|
-
openSrc && React.createElement(AttachmentLink, { rel: "noopener", ref: ancRef2, href: openSrc })));
|
|
40
|
-
};
|
|
41
|
-
var templateObject_1, templateObject_2;
|
|
42
|
-
//# sourceMappingURL=PreviewCriteriaAlternativeContent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PreviewCriteriaAlternativeContent.js","sourceRoot":"","sources":["../../src/preview/PreviewCriteriaAlternativeContent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ImagePreviewProps } from './ImagePreview';
|
|
3
|
-
import { PdfPreviewProps } from './PdfPreview';
|
|
4
|
-
import { type MakeOptional } from '../utils/type-utils';
|
|
5
|
-
type PreviewArgType = (MakeOptional<Omit<ImagePreviewProps, 'show'>, 'onClose'> | MakeOptional<Omit<PdfPreviewProps, 'show'>, 'onClose'>) & {
|
|
6
|
-
previewType: 'pdf' | 'image';
|
|
7
|
-
id?: string;
|
|
8
|
-
};
|
|
9
|
-
export type PreviewManagerContextType = {
|
|
10
|
-
createPreview: (args: PreviewArgType) => void;
|
|
11
|
-
initPreview: (args: Array<PreviewArgType & {
|
|
12
|
-
id: string;
|
|
13
|
-
}>) => void;
|
|
14
|
-
openPreview: (id: string) => void;
|
|
15
|
-
emptyPreview: () => void;
|
|
16
|
-
};
|
|
17
|
-
declare const PreviewsManagerContext: React.Context<PreviewManagerContextType>;
|
|
18
|
-
declare const PreviewManager: React.FC;
|
|
19
|
-
export { PreviewsManagerContext, PreviewManager };
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* SPDX-FileCopyrightText: 2021 Zextras <https://www.zextras.com>
|
|
3
|
-
*
|
|
4
|
-
* SPDX-License-Identifier: AGPL-3.0-only
|
|
5
|
-
*/
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
|
-
var t = {};
|
|
19
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
20
|
-
t[p] = s[p];
|
|
21
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
22
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
24
|
-
t[p[i]] = s[p[i]];
|
|
25
|
-
}
|
|
26
|
-
return t;
|
|
27
|
-
};
|
|
28
|
-
import React, { useCallback, createContext, useReducer, useState, useMemo } from 'react';
|
|
29
|
-
import findIndex from 'lodash/findIndex';
|
|
30
|
-
import { PreviewWrapper } from './PreviewWrapper';
|
|
31
|
-
var PreviewsManagerContext = createContext({
|
|
32
|
-
createPreview: function () { return undefined; },
|
|
33
|
-
initPreview: function () { return undefined; },
|
|
34
|
-
openPreview: function () { return undefined; },
|
|
35
|
-
emptyPreview: function () { return undefined; }
|
|
36
|
-
});
|
|
37
|
-
var PreviewManager = function (_a) {
|
|
38
|
-
var children = _a.children;
|
|
39
|
-
var _b = useReducer(function (state, action) {
|
|
40
|
-
switch (action.type) {
|
|
41
|
-
case 'init': {
|
|
42
|
-
return action.value;
|
|
43
|
-
}
|
|
44
|
-
case 'empty': {
|
|
45
|
-
return [];
|
|
46
|
-
}
|
|
47
|
-
default: {
|
|
48
|
-
return state;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
}, []), previews = _b[0], dispatchPreviews = _b[1];
|
|
52
|
-
var _c = useState(-1), openArrayIndex = _c[0], setOpenArrayIndex = _c[1];
|
|
53
|
-
var previewElement = useMemo(function () {
|
|
54
|
-
if (openArrayIndex >= 0) {
|
|
55
|
-
var _a = previews[openArrayIndex], onClose_1 = _a.onClose, props = __rest(_a, ["onClose"]);
|
|
56
|
-
var closePreview = function (ev) {
|
|
57
|
-
if (onClose_1)
|
|
58
|
-
onClose_1(ev);
|
|
59
|
-
setOpenArrayIndex(-1);
|
|
60
|
-
};
|
|
61
|
-
var onPreviousPreviewCallback = openArrayIndex === 0
|
|
62
|
-
? undefined
|
|
63
|
-
: function (e) {
|
|
64
|
-
e.stopPropagation();
|
|
65
|
-
setOpenArrayIndex(openArrayIndex - 1);
|
|
66
|
-
};
|
|
67
|
-
var onNextPreviewCallback = openArrayIndex === previews.length - 1
|
|
68
|
-
? undefined
|
|
69
|
-
: function (e) {
|
|
70
|
-
e.stopPropagation();
|
|
71
|
-
setOpenArrayIndex(openArrayIndex + 1);
|
|
72
|
-
};
|
|
73
|
-
return (React.createElement(PreviewWrapper, __assign({}, props, { show: true, onClose: closePreview, onPreviousPreview: onPreviousPreviewCallback, onNextPreview: onNextPreviewCallback })));
|
|
74
|
-
}
|
|
75
|
-
return undefined;
|
|
76
|
-
}, [openArrayIndex, previews]);
|
|
77
|
-
var createPreview = useCallback(function (args) {
|
|
78
|
-
dispatchPreviews({
|
|
79
|
-
type: 'init',
|
|
80
|
-
value: [args]
|
|
81
|
-
});
|
|
82
|
-
setOpenArrayIndex(0);
|
|
83
|
-
}, [dispatchPreviews]);
|
|
84
|
-
var emptyPreview = useCallback(function () {
|
|
85
|
-
dispatchPreviews({
|
|
86
|
-
type: 'empty'
|
|
87
|
-
});
|
|
88
|
-
setOpenArrayIndex(-1);
|
|
89
|
-
}, [dispatchPreviews]);
|
|
90
|
-
var initPreview = useCallback(function (args) {
|
|
91
|
-
dispatchPreviews({
|
|
92
|
-
type: 'init',
|
|
93
|
-
value: args
|
|
94
|
-
});
|
|
95
|
-
}, [dispatchPreviews]);
|
|
96
|
-
var openPreview = useCallback(function (id) {
|
|
97
|
-
var index = findIndex(previews, function (preview) { return preview.id === id; });
|
|
98
|
-
if (index >= 0) {
|
|
99
|
-
setOpenArrayIndex(index);
|
|
100
|
-
}
|
|
101
|
-
}, [previews, setOpenArrayIndex]);
|
|
102
|
-
var previewManagerContextValue = useMemo(function () { return ({ createPreview: createPreview, initPreview: initPreview, openPreview: openPreview, emptyPreview: emptyPreview }); }, [createPreview, emptyPreview, initPreview, openPreview]);
|
|
103
|
-
return (React.createElement(React.Fragment, null,
|
|
104
|
-
React.createElement(PreviewsManagerContext.Provider, { value: previewManagerContextValue }, children),
|
|
105
|
-
previewElement));
|
|
106
|
-
};
|
|
107
|
-
export { PreviewsManagerContext, PreviewManager };
|
|
108
|
-
//# sourceMappingURL=PreviewManager.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PreviewManager.js","sourceRoot":"","sources":["../../src/preview/PreviewManager.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ImagePreviewProps } from './ImagePreview';
|
|
3
|
-
import { PdfPreviewProps } from './PdfPreview';
|
|
4
|
-
type PreviewsProps = ImagePreviewProps | PdfPreviewProps;
|
|
5
|
-
type PreviewWrapperProps = PreviewsProps & {
|
|
6
|
-
previewType: 'pdf' | 'image';
|
|
7
|
-
};
|
|
8
|
-
declare const PreviewWrapper: React.VFC<PreviewWrapperProps>;
|
|
9
|
-
export { PreviewWrapper, PreviewWrapperProps };
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
-
var t = {};
|
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
-
t[p] = s[p];
|
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
-
t[p[i]] = s[p[i]];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
23
|
-
/*
|
|
24
|
-
* SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
|
|
25
|
-
*
|
|
26
|
-
* SPDX-License-Identifier: AGPL-3.0-only
|
|
27
|
-
*/
|
|
28
|
-
import React from 'react';
|
|
29
|
-
import { ImagePreview } from './ImagePreview';
|
|
30
|
-
import { PdfPreview } from './PdfPreview';
|
|
31
|
-
var PreviewWrapper = function (_a) {
|
|
32
|
-
var previewType = _a.previewType, props = __rest(_a, ["previewType"]);
|
|
33
|
-
return previewType === 'pdf' ? (React.createElement(PdfPreview, __assign({}, props))) : (React.createElement(ImagePreview, __assign({}, props)));
|
|
34
|
-
};
|
|
35
|
-
export { PreviewWrapper };
|
|
36
|
-
//# sourceMappingURL=PreviewWrapper.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PreviewWrapper.js","sourceRoot":"","sources":["../../src/preview/PreviewWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;;GAIG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAQ3D,IAAM,cAAc,GAAmC,UAAC,EAAyB;IAAvB,IAAA,WAAW,iBAAA,EAAK,KAAK,cAAvB,eAAyB,CAAF;IAC9E,OAAA,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,CACvB,oBAAC,UAAU,eAAM,KAAyB,EAAI,CAC9C,CAAC,CAAC,CAAC,CACH,oBAAC,YAAY,eAAM,KAA2B,EAAI,CAClD,CAAA;CAAA,CAAC;AAEH,OAAO,EAAE,cAAc,EAAuB,CAAC"}
|
|
@@ -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,15 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
|
|
3
|
-
*
|
|
4
|
-
* SPDX-License-Identifier: AGPL-3.0-only
|
|
5
|
-
*/
|
|
6
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
7
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
8
|
-
return cooked;
|
|
9
|
-
};
|
|
10
|
-
import { IconButton } from '@zextras/carbonio-design-system';
|
|
11
|
-
import styled from 'styled-components';
|
|
12
|
-
export var AbsoluteLeftIconButton = styled(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"])));
|
|
13
|
-
export var AbsoluteRightIconButton = styled(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"])));
|
|
14
|
-
var templateObject_1, templateObject_2;
|
|
15
|
-
//# sourceMappingURL=StyledComponents.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StyledComponents.js","sourceRoot":"","sources":["../../src/preview/StyledComponents.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC,2IAAA,wEAKvD,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,UAAU,CAAC,6HAAA,0DAIxD,IAAA,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface ZoomControllerProps {
|
|
3
|
-
decrementable: boolean;
|
|
4
|
-
zoomOutLabel: string | undefined;
|
|
5
|
-
lowerLimitReachedLabel: string | undefined;
|
|
6
|
-
decreaseByStep: (event: React.MouseEvent<HTMLButtonElement> | KeyboardEvent) => void;
|
|
7
|
-
fitToWidthActive: boolean;
|
|
8
|
-
resetZoomLabel: string | undefined;
|
|
9
|
-
fitToWidthLabel: string | undefined;
|
|
10
|
-
resetWidth: (event: React.MouseEvent<HTMLButtonElement> | KeyboardEvent) => void;
|
|
11
|
-
fitToWidth: (ev: React.MouseEvent<HTMLButtonElement> | KeyboardEvent) => void;
|
|
12
|
-
incrementable: boolean;
|
|
13
|
-
zoomInLabel: string | undefined;
|
|
14
|
-
upperLimitReachedLabel: string | undefined;
|
|
15
|
-
increaseByStep: (event: React.MouseEvent<HTMLButtonElement> | KeyboardEvent) => void;
|
|
16
|
-
}
|
|
17
|
-
export declare const ZoomController: ({ decrementable, fitToWidth, fitToWidthActive, fitToWidthLabel, incrementable, lowerLimitReachedLabel, decreaseByStep, increaseByStep, resetWidth, resetZoomLabel, upperLimitReachedLabel, zoomInLabel, zoomOutLabel }: ZoomControllerProps) => React.JSX.Element;
|
|
@@ -1,28 +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
|
-
/*
|
|
6
|
-
* SPDX-FileCopyrightText: 2022 Zextras <https://www.zextras.com>
|
|
7
|
-
*
|
|
8
|
-
* SPDX-License-Identifier: AGPL-3.0-only
|
|
9
|
-
*/
|
|
10
|
-
import React from 'react';
|
|
11
|
-
import { Container, IconButton, Tooltip } from '@zextras/carbonio-design-system';
|
|
12
|
-
import styled, { css } from 'styled-components';
|
|
13
|
-
var CustomIconButton = styled(IconButton)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\t", ";\n\t& > svg {\n\t\twidth: 1.25rem;\n\t\theight: 1.25rem;\n\t}\n"], ["\n\t", ";\n\t& > svg {\n\t\twidth: 1.25rem;\n\t\theight: 1.25rem;\n\t}\n"])), function (_a) {
|
|
14
|
-
var disabled = _a.disabled;
|
|
15
|
-
return disabled && 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"])));
|
|
16
|
-
});
|
|
17
|
-
export var ZoomController = function (_a) {
|
|
18
|
-
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;
|
|
19
|
-
return (React.createElement(Container, { orientation: "horizontal", gap: "0.5rem", width: "fit" },
|
|
20
|
-
React.createElement(Tooltip, { label: decrementable ? zoomOutLabel : lowerLimitReachedLabel },
|
|
21
|
-
React.createElement(CustomIconButton, { disabled: !decrementable, icon: "Minus", size: "small", backgroundColor: "gray0", iconColor: "gray6", onClick: decreaseByStep })),
|
|
22
|
-
React.createElement(Tooltip, { label: fitToWidthActive ? resetZoomLabel : fitToWidthLabel },
|
|
23
|
-
React.createElement(CustomIconButton, { icon: fitToWidthActive ? 'MinimizeOutline' : 'MaximizeOutline', size: "small", backgroundColor: "gray0", iconColor: "gray6", onClick: fitToWidthActive ? resetWidth : fitToWidth })),
|
|
24
|
-
React.createElement(Tooltip, { label: incrementable ? zoomInLabel : upperLimitReachedLabel },
|
|
25
|
-
React.createElement(CustomIconButton, { icon: "Plus", size: "small", backgroundColor: "gray0", iconColor: "gray6", onClick: increaseByStep, disabled: !incrementable }))));
|
|
26
|
-
};
|
|
27
|
-
var templateObject_1, templateObject_2;
|
|
28
|
-
//# sourceMappingURL=ZoomController.js.map
|