@zextras/carbonio-ui-preview 0.2.3 → 1.0.0
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/lib/preview/Header.js +3 -3
- package/lib/preview/Header.js.map +1 -1
- package/lib/preview/ImagePreview.d.ts +2 -2
- package/lib/preview/ImagePreview.js +14 -5
- package/lib/preview/ImagePreview.js.map +1 -1
- package/lib/preview/Navigator.js +1 -1
- package/lib/preview/Navigator.js.map +1 -1
- package/lib/preview/PageController.js +2 -2
- package/lib/preview/PageController.js.map +1 -1
- package/lib/preview/PdfPreview.d.ts +8 -4
- package/lib/preview/PdfPreview.js +34 -12
- package/lib/preview/PdfPreview.js.map +1 -1
- package/lib/preview/PdfPreview.test.js +52 -0
- package/lib/preview/PdfPreview.test.js.map +1 -1
- package/lib/preview/PreviewCriteriaAlternativeContent.d.ts +1 -0
- package/lib/preview/PreviewCriteriaAlternativeContent.js +5 -5
- package/lib/preview/PreviewCriteriaAlternativeContent.js.map +1 -1
- package/lib/preview/PreviewManager.js +1 -1
- package/lib/preview/PreviewManager.js.map +1 -1
- package/lib/preview/PreviewWrapper.js +1 -1
- package/lib/preview/PreviewWrapper.js.map +1 -1
- package/lib/preview/StyledComponents.js +2 -2
- package/lib/preview/StyledComponents.js.map +1 -1
- package/lib/preview/ZoomController.js +2 -2
- package/lib/preview/ZoomController.js.map +1 -1
- package/lib-esm/preview/Header.js +3 -3
- package/lib-esm/preview/Header.js.map +1 -1
- package/lib-esm/preview/ImagePreview.d.ts +2 -2
- package/lib-esm/preview/ImagePreview.js +15 -6
- package/lib-esm/preview/ImagePreview.js.map +1 -1
- package/lib-esm/preview/Navigator.js +1 -1
- package/lib-esm/preview/Navigator.js.map +1 -1
- package/lib-esm/preview/PageController.js +2 -2
- package/lib-esm/preview/PageController.js.map +1 -1
- package/lib-esm/preview/PdfPreview.d.ts +8 -4
- package/lib-esm/preview/PdfPreview.js +34 -12
- package/lib-esm/preview/PdfPreview.js.map +1 -1
- package/lib-esm/preview/PdfPreview.test.js +53 -1
- package/lib-esm/preview/PdfPreview.test.js.map +1 -1
- package/lib-esm/preview/PreviewCriteriaAlternativeContent.d.ts +1 -0
- package/lib-esm/preview/PreviewCriteriaAlternativeContent.js +5 -5
- package/lib-esm/preview/PreviewCriteriaAlternativeContent.js.map +1 -1
- package/lib-esm/preview/PreviewManager.js +1 -1
- package/lib-esm/preview/PreviewManager.js.map +1 -1
- package/lib-esm/preview/PreviewWrapper.js +1 -1
- package/lib-esm/preview/PreviewWrapper.js.map +1 -1
- package/lib-esm/preview/StyledComponents.js +2 -2
- package/lib-esm/preview/StyledComponents.js.map +1 -1
- package/lib-esm/preview/ZoomController.js +2 -2
- package/lib-esm/preview/ZoomController.js.map +1 -1
- package/package.json +3 -2
package/lib/preview/Header.js
CHANGED
|
@@ -16,9 +16,9 @@ var react_1 = __importDefault(require("react"));
|
|
|
16
16
|
var carbonio_design_system_1 = require("@zextras/carbonio-design-system");
|
|
17
17
|
var map_1 = __importDefault(require("lodash/map"));
|
|
18
18
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
19
|
-
var HeaderContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tpadding:
|
|
20
|
-
var LeftContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tgap:
|
|
21
|
-
var RightContainer = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tgap:
|
|
19
|
+
var HeaderContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tpadding: 1rem;\n"], ["\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tpadding: 1rem;\n"])));
|
|
20
|
+
var LeftContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tgap: 0.5rem;\n"], ["\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tgap: 0.5rem;\n"])));
|
|
21
|
+
var RightContainer = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tgap: 0.5rem;\n"], ["\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tgap: 0.5rem;\n"])));
|
|
22
22
|
var InfoContainer = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\twidth: fit-content;\n\t& div {\n\t\tline-height: 1.5;\n\t}\n"], ["\n\twidth: fit-content;\n\t& div {\n\t\tline-height: 1.5;\n\t}\n"])));
|
|
23
23
|
var UpperCaseText = (0, styled_components_1.default)(carbonio_design_system_1.Text)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n\ttext-transform: uppercase;\n"], ["\n\ttext-transform: uppercase;\n"])));
|
|
24
24
|
var Header = function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../src/preview/Header.tsx"],"names":[],"mappings":";;;;;;;;;AAAA;;;;GAIG;AACH,gDAA0B;AAE1B,0EAA4E;AAC5E,mDAA6B;AAC7B,wEAAuC;AAEvC,IAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,8IAAA,2EAIjC,IAAA,CAAC;AAEF,IAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../src/preview/Header.tsx"],"names":[],"mappings":";;;;;;;;;AAAA;;;;GAIG;AACH,gDAA0B;AAE1B,0EAA4E;AAC5E,mDAA6B;AAC7B,wEAAuC;AAEvC,IAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,8IAAA,2EAIjC,IAAA,CAAC;AAEF,IAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,iKAAA,8FAK/B,IAAA,CAAC;AAEF,IAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,+JAAA,4FAKhC,IAAA,CAAC;AAEF,IAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,qIAAA,kEAK/B,IAAA,CAAC;AAEF,IAAM,aAAa,GAAG,IAAA,2BAAM,EAAC,6BAAI,CAAC,qGAAA,kCAEjC,IAAA,CAAC;AA6BF,IAAM,MAAM,GAA2B,UAAC,EAAmD;QAAjD,WAAW,iBAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,IAAI,UAAA;IAAO,OAAA,CAC/F,8BAAC,eAAe;QACf,8BAAC,aAAa;YACZ,WAAW,IAAI,CACf,8BAAC,gCAAO,IACP,KAAK,EAAE,WAAW,CAAC,YAAY,EAC/B,QAAQ,EAAE,CAAC,WAAW,CAAC,YAAY,EACnC,GAAG,EAAE,WAAW,CAAC,EAAE,EACnB,SAAS,EAAE,WAAW,CAAC,gBAAgB;gBAEvC,8BAAC,mCAAU,IACV,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,IAAI,EAAE,WAAW,CAAC,IAAI,EACtB,IAAI,EAAC,QAAQ,EACb,eAAe,EAAC,aAAa,EAC7B,SAAS,EAAC,OAAO,GAChB,CACO,CACV;YACD,8BAAC,aAAa;gBACb,8BAAC,6BAAI,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,IAC9B,QAAQ,CACH;gBACP,8BAAC,aAAa,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO;oBACvC,SAAS;oBACT,SAAS,IAAI,IAAI,IAAI,yEAAe;oBACpC,IAAI,CACU,CACD,CACD;QAChB,8BAAC,cAAc,QACb,IAAA,aAAG,EAAC,OAAO,EAAE,UAAC,EAA+D;gBAA7D,EAAE,QAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,YAAY,kBAAA,EAAE,gBAAgB,sBAAA;YAAO,OAAA,CAClF,8BAAC,gCAAO,IACP,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,CAAC,YAAY,EACvB,GAAG,EAAE,EAAE,EACP,SAAS,EAAE,gBAAgB;gBAE3B,8BAAC,mCAAU,IACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,QAAQ,EACb,eAAe,EAAC,aAAa,EAC7B,SAAS,EAAC,OAAO,GAChB,CACO,CACV;QAhBkF,CAgBlF,CAAC,CACc,CACA,CAClB;AAlD+F,CAkD/F,CAAC;AAEF,kBAAe,MAAM,CAAC"}
|
|
@@ -14,7 +14,7 @@ declare type ImagePreviewProps = Partial<Omit<HeaderProps, 'closeAction'>> & {
|
|
|
14
14
|
/** Flag to show or hide Portal's content */
|
|
15
15
|
show: boolean;
|
|
16
16
|
/** preview img source */
|
|
17
|
-
src: string;
|
|
17
|
+
src: string | File | Blob;
|
|
18
18
|
/** Callback to hide the preview */
|
|
19
19
|
onClose: (e: React.SyntheticEvent | KeyboardEvent) => void;
|
|
20
20
|
/** Alternative text for image */
|
|
@@ -37,7 +37,7 @@ declare const ImagePreview: React.ForwardRefExoticComponent<Partial<Omit<HeaderP
|
|
|
37
37
|
/** Flag to show or hide Portal's content */
|
|
38
38
|
show: boolean;
|
|
39
39
|
/** preview img source */
|
|
40
|
-
src: string;
|
|
40
|
+
src: string | File | Blob;
|
|
41
41
|
/** Callback to hide the preview */
|
|
42
42
|
onClose: (e: React.SyntheticEvent | KeyboardEvent) => void;
|
|
43
43
|
/** Alternative text for image */
|
|
@@ -56,11 +56,11 @@ var StyledComponents_1 = require("./StyledComponents");
|
|
|
56
56
|
var Overlay = styled_components_1.default.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"])));
|
|
57
57
|
var ExternalContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __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"])));
|
|
58
58
|
var MiddleContainer = (0, styled_components_1.default)(carbonio_design_system_1.Container)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\tflex-grow: 1;\n"], ["\n\tflex-grow: 1;\n"])));
|
|
59
|
-
var Image = styled_components_1.default.img(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\tmax-height: 100%;\n\tmax-width: 100%;\n\tmin-height: 0;\n\tmin-width: 0;\n\talign-self: center;\n\tfilter: drop-shadow(0px 5px 14px rgba(0, 0, 0, 0.35));\n\tborder-radius:
|
|
59
|
+
var Image = styled_components_1.default.img(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\tmax-height: 100%;\n\tmax-width: 100%;\n\tmin-height: 0;\n\tmin-width: 0;\n\talign-self: center;\n\tfilter: drop-shadow(0px 5px 14px rgba(0, 0, 0, 0.35));\n\tborder-radius: 0.25rem;\n"], ["\n\tmax-height: 100%;\n\tmax-width: 100%;\n\tmin-height: 0;\n\tmin-width: 0;\n\talign-self: center;\n\tfilter: drop-shadow(0px 5px 14px rgba(0, 0, 0, 0.35));\n\tborder-radius: 0.25rem;\n"])));
|
|
60
60
|
var PreviewContainer = styled_components_1.default.div.attrs({
|
|
61
|
-
$paddingVertical: '
|
|
62
|
-
$paddingHorizontal: '
|
|
63
|
-
$gap: '
|
|
61
|
+
$paddingVertical: '2rem',
|
|
62
|
+
$paddingHorizontal: '1rem',
|
|
63
|
+
$gap: '0.5rem'
|
|
64
64
|
})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n\tdisplay: flex;\n\tmax-width: 100%;\n\tmax-height: calc(100vh - ", " * 2);\n\tflex-direction: column;\n\tgap: ", ";\n\tjustify-content: center;\n\talign-items: center;\n\toverflow: hidden;\n\tpadding: ", ";\n\toutline: none;\n\tflex-grow: 1;\n"], ["\n\tdisplay: flex;\n\tmax-width: 100%;\n\tmax-height: calc(100vh - ", " * 2);\n\tflex-direction: column;\n\tgap: ", ";\n\tjustify-content: center;\n\talign-items: center;\n\toverflow: hidden;\n\tpadding: ", ";\n\toutline: none;\n\tflex-grow: 1;\n"])), function (_a) {
|
|
65
65
|
var $paddingVertical = _a.$paddingVertical;
|
|
66
66
|
return $paddingVertical;
|
|
@@ -73,6 +73,15 @@ var PreviewContainer = styled_components_1.default.div.attrs({
|
|
|
73
73
|
});
|
|
74
74
|
var ImagePreview = react_1.default.forwardRef(function PreviewFn(_a, ref) {
|
|
75
75
|
var src = _a.src, show = _a.show, container = _a.container, disablePortal = _a.disablePortal, _b = _a.extension, extension = _b === void 0 ? '' : _b, _c = _a.filename, filename = _c === void 0 ? '' : _c, _d = _a.size, size = _d === void 0 ? '' : _d, _e = _a.actions, actions = _e === void 0 ? [] : _e, closeAction = _a.closeAction, onClose = _a.onClose, alt = _a.alt, onNextPreview = _a.onNextPreview, onPreviousPreview = _a.onPreviousPreview;
|
|
76
|
+
var _f = (0, react_1.useState)(undefined), computedSrc = _f[0], setComputedSrc = _f[1];
|
|
77
|
+
(0, react_1.useEffect)(function () {
|
|
78
|
+
if (typeof src === 'string') {
|
|
79
|
+
setComputedSrc(src);
|
|
80
|
+
}
|
|
81
|
+
if (src instanceof File || src instanceof Blob) {
|
|
82
|
+
setComputedSrc(URL.createObjectURL(src));
|
|
83
|
+
}
|
|
84
|
+
}, [src, setComputedSrc]);
|
|
76
85
|
var previewRef = (0, carbonio_design_system_1.useCombinedRefs)(ref);
|
|
77
86
|
var imageRef = (0, react_1.useRef)(null);
|
|
78
87
|
var $closeAction = (0, react_1.useMemo)(function () {
|
|
@@ -117,7 +126,7 @@ var ImagePreview = react_1.default.forwardRef(function PreviewFn(_a, ref) {
|
|
|
117
126
|
react_1.default.createElement(MiddleContainer, { orientation: "horizontal", crossAlignment: "unset", minHeight: 0 },
|
|
118
127
|
onPreviousPreview && (react_1.default.createElement(StyledComponents_1.AbsoluteLeftIconButton, { icon: "ArrowBackOutline", size: "medium", backgroundColor: "gray0", iconColor: "gray6", borderRadius: "round", onClick: onPreviousPreview })),
|
|
119
128
|
react_1.default.createElement(PreviewContainer, { ref: previewRef },
|
|
120
|
-
react_1.default.createElement(Image, { alt: alt !== null && alt !== void 0 ? alt : filename, src:
|
|
129
|
+
react_1.default.createElement(Image, { alt: alt !== null && alt !== void 0 ? alt : filename, src: computedSrc, onError: function (error) { return console.error('TODO handle error', error); }, ref: imageRef })),
|
|
121
130
|
onNextPreview && (react_1.default.createElement(StyledComponents_1.AbsoluteRightIconButton, { icon: "ArrowForwardOutline", size: "medium", backgroundColor: "gray0", iconColor: "gray6", borderRadius: "round", onClick: onNextPreview }))))))));
|
|
122
131
|
});
|
|
123
132
|
exports.ImagePreview = ImagePreview;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImagePreview.js","sourceRoot":"","sources":["../../src/preview/ImagePreview.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;GAIG;AACH,
|
|
1
|
+
{"version":3,"file":"ImagePreview.js","sourceRoot":"","sources":["../../src/preview/ImagePreview.tsx"],"names":[],"mappings":"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"}
|
package/lib/preview/Navigator.js
CHANGED
|
@@ -15,7 +15,7 @@ exports.Navigator = void 0;
|
|
|
15
15
|
*/
|
|
16
16
|
var react_1 = __importDefault(require("react"));
|
|
17
17
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
18
|
-
var StyledContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tposition: absolute;\n\tz-index: 1;\n\tbottom:
|
|
18
|
+
var StyledContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tposition: absolute;\n\tz-index: 1;\n\tbottom: 1rem;\n\tbackground-color: ", ";\n\talign-self: center;\n\tborder-radius: 0.25rem;\n\tgap: 1rem;\n\tpadding: 0.5rem 1rem;\n"], ["\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tposition: absolute;\n\tz-index: 1;\n\tbottom: 1rem;\n\tbackground-color: ", ";\n\talign-self: center;\n\tborder-radius: 0.25rem;\n\tgap: 1rem;\n\tpadding: 0.5rem 1rem;\n"])), function (_a) {
|
|
19
19
|
var theme = _a.theme;
|
|
20
20
|
return theme.palette.gray0.regular;
|
|
21
21
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Navigator.js","sourceRoot":"","sources":["../../src/preview/Navigator.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA;;;;GAIG;AACH,gDAA0B;AAE1B,wEAAuC;AAEvC,IAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"Navigator.js","sourceRoot":"","sources":["../../src/preview/Navigator.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA;;;;GAIG;AACH,gDAA0B;AAE1B,wEAAuC;AAEvC,IAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,wTAAA,qJAOb,EAAkD,8FAKtE,KALoB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAe,OAAA,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO;AAA3B,CAA2B,CAKtE,CAAC;AAMK,IAAM,SAAS,GAAG,UAAC,EAA4B;QAA1B,QAAQ,cAAA;IAAoC,OAAA,CACvE,8BAAC,eAAe,IAAC,OAAO,EAAE,UAAC,EAAE,IAAW,OAAA,EAAE,CAAC,eAAe,EAAE,EAApB,CAAoB,IAAG,QAAQ,CAAmB,CAC1F;AAFuE,CAEvE,CAAC;AAFW,QAAA,SAAS,aAEpB"}
|
|
@@ -39,7 +39,7 @@ exports.PageController = void 0;
|
|
|
39
39
|
var react_1 = __importStar(require("react"));
|
|
40
40
|
var carbonio_design_system_1 = require("@zextras/carbonio-design-system");
|
|
41
41
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
42
|
-
var StyledInput = styled_components_1.default.input(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tbackground-color: inherit;\n\tborder: none;\n\toutline: none;\n\tmin-width:
|
|
42
|
+
var StyledInput = styled_components_1.default.input(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tbackground-color: inherit;\n\tborder: none;\n\toutline: none;\n\tmin-width: 0.5rem;\n\tfont-family: inherit;\n\tfont-size: ", ";\n\tcolor: ", ";\n\ttext-align: center;\n\tpadding: 0;\n\t&:hover,\n\t&:focus {\n\t\ttext-decoration: underline;\n\t}\n"], ["\n\tbackground-color: inherit;\n\tborder: none;\n\toutline: none;\n\tmin-width: 0.5rem;\n\tfont-family: inherit;\n\tfont-size: ", ";\n\tcolor: ", ";\n\ttext-align: center;\n\tpadding: 0;\n\t&:hover,\n\t&:focus {\n\t\ttext-decoration: underline;\n\t}\n"])), function (_a) {
|
|
43
43
|
var theme = _a.theme, $size = _a.$size;
|
|
44
44
|
return theme.sizes.font[$size];
|
|
45
45
|
}, function (_a) {
|
|
@@ -101,7 +101,7 @@ var PageController = function (_a) {
|
|
|
101
101
|
e.currentTarget.blur();
|
|
102
102
|
}
|
|
103
103
|
}, [onConfirm]);
|
|
104
|
-
return (react_1.default.createElement(carbonio_design_system_1.Container, { orientation: "horizontal", gap: "
|
|
104
|
+
return (react_1.default.createElement(carbonio_design_system_1.Container, { orientation: "horizontal", gap: "0.5rem", crossAlignment: "baseline" },
|
|
105
105
|
react_1.default.createElement(carbonio_design_system_1.Text, { size: "small", color: "gray6" }, pageLabel),
|
|
106
106
|
react_1.default.createElement(StyledInput, { "$color": "gray6", "$size": "small", onBlur: onBlur, onKeyDown: onKeyDown, onInput: resizeInput, ref: inputRef, "aria-label": "current page" }),
|
|
107
107
|
react_1.default.createElement(carbonio_design_system_1.Text, { size: "small", color: "gray6" }, "/"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageController.js","sourceRoot":"","sources":["../../src/preview/PageController.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;GAIG;AACH,6CAA8D;AAE9D,0EAA4E;AAC5E,wEAAuC;AAEvC,IAAM,WAAW,GAAG,2BAAM,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"PageController.js","sourceRoot":"","sources":["../../src/preview/PageController.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,8 +14,10 @@ declare type PdfPreviewProps = Partial<Omit<HeaderProps, 'closeAction'>> & {
|
|
|
14
14
|
disablePortal?: boolean;
|
|
15
15
|
/** Flag to show or hide Portal's content */
|
|
16
16
|
show: boolean;
|
|
17
|
-
/** preview
|
|
18
|
-
src: string;
|
|
17
|
+
/** preview source */
|
|
18
|
+
src: string | File | Blob | ArrayBuffer;
|
|
19
|
+
/** Whether force cache */
|
|
20
|
+
forceCache?: boolean;
|
|
19
21
|
/** Callback to hide the preview */
|
|
20
22
|
onClose: (e: React.SyntheticEvent | KeyboardEvent) => void;
|
|
21
23
|
/** use fallback content if you don't want to view the pdf for some reason; content can be customizable with customContent */
|
|
@@ -50,8 +52,10 @@ declare const PdfPreview: React.ForwardRefExoticComponent<Partial<Omit<HeaderPro
|
|
|
50
52
|
disablePortal?: boolean | undefined;
|
|
51
53
|
/** Flag to show or hide Portal's content */
|
|
52
54
|
show: boolean;
|
|
53
|
-
/** preview
|
|
54
|
-
src: string;
|
|
55
|
+
/** preview source */
|
|
56
|
+
src: string | File | Blob | ArrayBuffer;
|
|
57
|
+
/** Whether force cache */
|
|
58
|
+
forceCache?: boolean | undefined;
|
|
55
59
|
/** Callback to hide the preview */
|
|
56
60
|
onClose: (e: React.SyntheticEvent | KeyboardEvent) => void;
|
|
57
61
|
/** use fallback content if you don't want to view the pdf for some reason; content can be customizable with customContent */
|
|
@@ -50,6 +50,7 @@ exports.PdfPreview = void 0;
|
|
|
50
50
|
var react_1 = __importStar(require("react"));
|
|
51
51
|
var carbonio_design_system_1 = require("@zextras/carbonio-design-system");
|
|
52
52
|
var map_1 = __importDefault(require("lodash/map"));
|
|
53
|
+
var noop_1 = __importDefault(require("lodash/noop"));
|
|
53
54
|
var entry_webpack_1 = require("react-pdf/dist/esm/entry.webpack");
|
|
54
55
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
55
56
|
var FocusWithin_1 = __importDefault(require("./FocusWithin"));
|
|
@@ -64,22 +65,40 @@ var ZoomController_1 = require("./ZoomController");
|
|
|
64
65
|
var Overlay = styled_components_1.default.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"])));
|
|
65
66
|
var MiddleContainer = (0, styled_components_1.default)(carbonio_design_system_1.Container)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\tflex-grow: 1;\n"], ["\n\tflex-grow: 1;\n"])));
|
|
66
67
|
var ExternalContainer = styled_components_1.default.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"])));
|
|
67
|
-
var PreviewContainer = styled_components_1.default.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:
|
|
68
|
+
var PreviewContainer = styled_components_1.default.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) {
|
|
68
69
|
var theme = _a.theme;
|
|
69
70
|
return theme.palette.gray3.regular;
|
|
70
71
|
});
|
|
71
|
-
var VerticalDivider = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n\twidth:
|
|
72
|
+
var VerticalDivider = styled_components_1.default.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) {
|
|
72
73
|
var $color = _a.$color, theme = _a.theme;
|
|
73
74
|
return (0, carbonio_design_system_1.getColor)($color, theme);
|
|
74
75
|
});
|
|
75
76
|
var PdfPreview = react_1.default.forwardRef(function PreviewFn(_a, ref) {
|
|
76
|
-
var src = _a.src, show = _a.show, container = _a.container, disablePortal = _a.disablePortal,
|
|
77
|
+
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, actions = _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, 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, _j = _a.errorLabel, errorLabel = _j === void 0 ? 'Failed to load document preview.' : _j, _k = _a.loadingLabel, loadingLabel = _k === void 0 ? 'Loading document preview…' : _k;
|
|
78
|
+
var _l = (0, react_1.useState)(null), documentFile = _l[0], setDocumentFile = _l[1];
|
|
79
|
+
var _m = (0, react_1.useState)(false), fetchFailed = _m[0], setFetchFailed = _m[1];
|
|
80
|
+
(0, react_1.useEffect)(function () {
|
|
81
|
+
// Checks whether is a string but not a data URI.
|
|
82
|
+
if (typeof src === 'string' && !/^data:/.test(src)) {
|
|
83
|
+
var controller_1 = new AbortController();
|
|
84
|
+
fetch(src, { signal: controller_1.signal, cache: forceCache ? 'force-cache' : undefined })
|
|
85
|
+
.then(function (res) { return res.blob(); })
|
|
86
|
+
.then(function (file) { return setDocumentFile(file); })
|
|
87
|
+
.catch(function () {
|
|
88
|
+
setFetchFailed(true);
|
|
89
|
+
});
|
|
90
|
+
return function () { return controller_1.abort(); };
|
|
91
|
+
}
|
|
92
|
+
// ArrayBuffer - File - Blob - data URI string
|
|
93
|
+
setDocumentFile(src);
|
|
94
|
+
return noop_1.default;
|
|
95
|
+
}, [src, setDocumentFile, forceCache]);
|
|
77
96
|
var previewRef = (0, carbonio_design_system_1.useCombinedRefs)(ref);
|
|
78
97
|
var documentLoaded = (0, react_1.useRef)(useFallback);
|
|
79
98
|
var pageRefs = (0, react_1.useRef)([]);
|
|
80
|
-
var
|
|
81
|
-
var
|
|
82
|
-
var
|
|
99
|
+
var _o = (0, react_1.useState)(null), numPages = _o[0], setNumPages = _o[1];
|
|
100
|
+
var _p = (0, react_1.useState)(0), currentPage = _p[0], setCurrentPage = _p[1];
|
|
101
|
+
var _q = (0, useZoom_1.useZoom)(previewRef), currentZoom = _q.currentZoom, incrementable = _q.incrementable, decrementable = _q.decrementable, increaseOfOneStep = _q.increaseOfOneStep, decreaseOfOneStep = _q.decreaseOfOneStep, fitToWidth = _q.fitToWidth, fitToWidthActive = _q.fitToWidthActive, reset = _q.reset;
|
|
83
102
|
var updatePageOnScroll = (0, react_1.useCallback)(function (pageElement) {
|
|
84
103
|
var _a;
|
|
85
104
|
if (pageElement) {
|
|
@@ -144,22 +163,24 @@ var PdfPreview = react_1.default.forwardRef(function PreviewFn(_a, ref) {
|
|
|
144
163
|
var onDocumentLoadProgress = (0, react_1.useCallback)(function () {
|
|
145
164
|
documentLoaded.current = false;
|
|
146
165
|
}, []);
|
|
147
|
-
var file = (0, react_1.useMemo)(function () { return ({ url: src }); }, [src]);
|
|
148
166
|
var $customContent = (0, react_1.useMemo)(function () {
|
|
149
167
|
if (useFallback) {
|
|
150
|
-
return (customContent || (react_1.default.createElement(PreviewCriteriaAlternativeContent_1.PreviewCriteriaAlternativeContent, { downloadSrc: src
|
|
168
|
+
return (customContent || (react_1.default.createElement(PreviewCriteriaAlternativeContent_1.PreviewCriteriaAlternativeContent, { downloadSrc: (typeof src === 'string' && src) ||
|
|
169
|
+
((src instanceof File || src instanceof Blob) && URL.createObjectURL(src)) ||
|
|
170
|
+
URL.createObjectURL(new Blob([src], { type: 'application/pdf' })), openSrc: openSrc, contentLabel: contentLabel, downloadLabel: downloadLabel, noteLabel: noteLabel, openLabel: openLabel, titleLabel: titleLabel, filename: filename })));
|
|
151
171
|
}
|
|
152
172
|
return undefined;
|
|
153
173
|
}, [
|
|
174
|
+
useFallback,
|
|
154
175
|
customContent,
|
|
155
|
-
openSrc,
|
|
156
176
|
src,
|
|
157
|
-
|
|
177
|
+
openSrc,
|
|
158
178
|
contentLabel,
|
|
159
179
|
downloadLabel,
|
|
160
180
|
noteLabel,
|
|
161
181
|
openLabel,
|
|
162
|
-
titleLabel
|
|
182
|
+
titleLabel,
|
|
183
|
+
filename
|
|
163
184
|
]);
|
|
164
185
|
var onPageChange = (0, react_1.useCallback)(function (newPage) {
|
|
165
186
|
var _a;
|
|
@@ -223,7 +244,8 @@ var PdfPreview = react_1.default.forwardRef(function PreviewFn(_a, ref) {
|
|
|
223
244
|
react_1.default.createElement(Header_1.default, { actions: actions, filename: filename, extension: extension, size: size, closeAction: $closeAction }),
|
|
224
245
|
react_1.default.createElement(MiddleContainer, { orientation: "horizontal", crossAlignment: "unset", minHeight: 0 },
|
|
225
246
|
onPreviousPreview && (react_1.default.createElement(StyledComponents_1.AbsoluteLeftIconButton, { icon: "ArrowBackOutline", size: "medium", backgroundColor: "gray0", iconColor: "gray6", borderRadius: "round", onClick: onPreviousPreview })),
|
|
226
|
-
react_1.default.createElement(PreviewContainer, { ref: previewRef, "data-testid": "pdf-preview-container" }, $customContent ||
|
|
247
|
+
react_1.default.createElement(PreviewContainer, { ref: previewRef, "data-testid": "pdf-preview-container" }, $customContent ||
|
|
248
|
+
(src && (react_1.default.createElement(entry_webpack_1.Document, { file: documentFile, onLoadSuccess: onDocumentLoadSuccess, onLoadError: onDocumentLoadError, onLoadProgress: onDocumentLoadProgress, error: errorLabel, loading: loadingLabel, noData: (fetchFailed && errorLabel) || loadingLabel }, pageElements)))),
|
|
227
249
|
onNextPreview && (react_1.default.createElement(StyledComponents_1.AbsoluteRightIconButton, { icon: "ArrowForwardOutline", size: "medium", backgroundColor: "gray0", iconColor: "gray6", borderRadius: "round", onClick: onNextPreview }))))))));
|
|
228
250
|
});
|
|
229
251
|
exports.PdfPreview = PdfPreview;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PdfPreview.js","sourceRoot":"","sources":["../../src/preview/PdfPreview.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;GAIG;AACH,6CAAiF;AAEjF,0EAA+F;AAC/F,mDAA6B;
|
|
1
|
+
{"version":3,"file":"PdfPreview.js","sourceRoot":"","sources":["../../src/preview/PdfPreview.tsx"],"names":[],"mappings":"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"}
|
|
@@ -47,6 +47,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
47
47
|
var react_1 = __importDefault(require("react"));
|
|
48
48
|
var react_2 = require("@testing-library/react");
|
|
49
49
|
var user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
50
|
+
var jest_fetch_mock_1 = __importDefault(require("jest-fetch-mock"));
|
|
50
51
|
var constants_1 = require("./constants");
|
|
51
52
|
var PdfPreview_1 = require("./PdfPreview");
|
|
52
53
|
var test_utils_1 = require("test-utils");
|
|
@@ -79,6 +80,56 @@ describe('Pdf Preview', function () {
|
|
|
79
80
|
}
|
|
80
81
|
});
|
|
81
82
|
}); });
|
|
83
|
+
test('Render a pdf document from File', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
84
|
+
var onClose, loadingElement, pageElement;
|
|
85
|
+
return __generator(this, function (_a) {
|
|
86
|
+
switch (_a.label) {
|
|
87
|
+
case 0:
|
|
88
|
+
onClose = jest.fn();
|
|
89
|
+
(0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.file, onClose: onClose }), {
|
|
90
|
+
setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
|
|
91
|
+
});
|
|
92
|
+
return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
|
|
93
|
+
case 1:
|
|
94
|
+
loadingElement = _a.sent();
|
|
95
|
+
expect(loadingElement).toBeInTheDocument();
|
|
96
|
+
return [4 /*yield*/, (0, react_2.waitForElementToBeRemoved)(loadingElement)];
|
|
97
|
+
case 2:
|
|
98
|
+
_a.sent();
|
|
99
|
+
expect(react_2.screen.getByTestId('pdf-preview-container')).toBeInTheDocument();
|
|
100
|
+
pageElement = document.querySelector('[data-page-number="1"]');
|
|
101
|
+
expect(pageElement).toBeDefined();
|
|
102
|
+
expect(pageElement).not.toBeNull();
|
|
103
|
+
expect(pageElement).toBeInTheDocument();
|
|
104
|
+
return [2 /*return*/];
|
|
105
|
+
}
|
|
106
|
+
});
|
|
107
|
+
}); });
|
|
108
|
+
test('Render a pdf document from Blob', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
109
|
+
var onClose, loadingElement, pageElement;
|
|
110
|
+
return __generator(this, function (_a) {
|
|
111
|
+
switch (_a.label) {
|
|
112
|
+
case 0:
|
|
113
|
+
onClose = jest.fn();
|
|
114
|
+
(0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: pdfFile.blob, onClose: onClose }), {
|
|
115
|
+
setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
|
|
116
|
+
});
|
|
117
|
+
return [4 /*yield*/, react_2.screen.findByText(/Loading document preview…/i)];
|
|
118
|
+
case 1:
|
|
119
|
+
loadingElement = _a.sent();
|
|
120
|
+
expect(loadingElement).toBeInTheDocument();
|
|
121
|
+
return [4 /*yield*/, (0, react_2.waitForElementToBeRemoved)(loadingElement)];
|
|
122
|
+
case 2:
|
|
123
|
+
_a.sent();
|
|
124
|
+
expect(react_2.screen.getByTestId('pdf-preview-container')).toBeInTheDocument();
|
|
125
|
+
pageElement = document.querySelector('[data-page-number="1"]');
|
|
126
|
+
expect(pageElement).toBeDefined();
|
|
127
|
+
expect(pageElement).not.toBeNull();
|
|
128
|
+
expect(pageElement).toBeInTheDocument();
|
|
129
|
+
return [2 /*return*/];
|
|
130
|
+
}
|
|
131
|
+
});
|
|
132
|
+
}); });
|
|
82
133
|
test('If show is false does not render the pdf', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
83
134
|
var onClose;
|
|
84
135
|
return __generator(this, function (_a) {
|
|
@@ -96,6 +147,7 @@ describe('Pdf Preview', function () {
|
|
|
96
147
|
return __generator(this, function (_a) {
|
|
97
148
|
switch (_a.label) {
|
|
98
149
|
case 0:
|
|
150
|
+
jest_fetch_mock_1.default.mockReject(function () { return Promise.reject(new Error('API is down')); });
|
|
99
151
|
onClose = jest.fn();
|
|
100
152
|
(0, test_utils_1.setup)(react_1.default.createElement(PdfPreview_1.PdfPreview, { show: true, src: "invalid-pdf.pdf", onClose: onClose }), {
|
|
101
153
|
setupOptions: { advanceTimers: function () { return Promise.resolve(); } }
|