asma-doc-viewer 0.1.2 → 1.0.3
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/.idea/asma-doc-viewer.iml +9 -0
- package/.idea/inspectionProfiles/Project_Default.xml +6 -0
- package/.idea/misc.xml +6 -0
- package/.idea/modules.xml +8 -0
- package/.idea/vcs.xml +6 -0
- package/.idea/workspace.xml +66 -0
- package/README.md +3 -1
- package/package.json +62 -63
- package/build/components/DocumentNav.d.ts +0 -2
- package/build/components/DocumentNav.js +0 -60
- package/build/components/FileName.d.ts +0 -2
- package/build/components/FileName.js +0 -51
- package/build/components/HeaderBar.d.ts +0 -2
- package/build/components/HeaderBar.js +0 -54
- package/build/components/ProxyRenderer.d.ts +0 -2
- package/build/components/ProxyRenderer.js +0 -76
- package/build/components/common/Button.d.ts +0 -11
- package/build/components/common/Button.js +0 -34
- package/build/components/common/index.d.ts +0 -1
- package/build/components/common/index.js +0 -13
- package/build/components/icons/index.d.ts +0 -9
- package/build/components/icons/index.js +0 -45
- package/build/index.d.ts +0 -26
- package/build/index.js +0 -87
- package/build/plugins/bmp/index.d.ts +0 -3
- package/build/plugins/bmp/index.js +0 -22
- package/build/plugins/html/index.d.ts +0 -3
- package/build/plugins/html/index.js +0 -56
- package/build/plugins/image/index.d.ts +0 -3
- package/build/plugins/image/index.js +0 -34
- package/build/plugins/index.d.ts +0 -1
- package/build/plugins/index.js +0 -26
- package/build/plugins/jpg/index.d.ts +0 -3
- package/build/plugins/jpg/index.js +0 -22
- package/build/plugins/msdoc/index.d.ts +0 -3
- package/build/plugins/msdoc/index.js +0 -50
- package/build/plugins/msg/index.d.ts +0 -3
- package/build/plugins/msg/index.js +0 -89
- package/build/plugins/pdf/components/PDFControls.d.ts +0 -3
- package/build/plugins/pdf/components/PDFControls.js +0 -57
- package/build/plugins/pdf/components/PDFPagination.d.ts +0 -3
- package/build/plugins/pdf/components/PDFPagination.js +0 -53
- package/build/plugins/pdf/components/icons/index.d.ts +0 -9
- package/build/plugins/pdf/components/icons/index.js +0 -73
- package/build/plugins/pdf/components/pages/PDFAllPages.d.ts +0 -6
- package/build/plugins/pdf/components/pages/PDFAllPages.js +0 -37
- package/build/plugins/pdf/components/pages/PDFPages.d.ts +0 -3
- package/build/plugins/pdf/components/pages/PDFPages.js +0 -52
- package/build/plugins/pdf/components/pages/PDFSinglePage.d.ts +0 -6
- package/build/plugins/pdf/components/pages/PDFSinglePage.js +0 -49
- package/build/plugins/pdf/index.d.ts +0 -3
- package/build/plugins/pdf/index.js +0 -52
- package/build/plugins/pdf/state/actions.d.ts +0 -25
- package/build/plugins/pdf/state/actions.js +0 -31
- package/build/plugins/pdf/state/index.d.ts +0 -12
- package/build/plugins/pdf/state/index.js +0 -43
- package/build/plugins/pdf/state/reducer.d.ts +0 -12
- package/build/plugins/pdf/state/reducer.js +0 -45
- package/build/plugins/png/index.d.ts +0 -3
- package/build/plugins/png/index.js +0 -29
- package/build/plugins/tiff/index.d.ts +0 -3
- package/build/plugins/tiff/index.js +0 -73
- package/build/plugins/tiff/tiffToCanvas.d.ts +0 -1
- package/build/plugins/tiff/tiffToCanvas.js +0 -602
- package/build/plugins/txt/index.d.ts +0 -3
- package/build/plugins/txt/index.js +0 -22
- package/build/state/actions.d.ts +0 -42
- package/build/state/actions.js +0 -45
- package/build/state/index.d.ts +0 -10
- package/build/state/index.js +0 -51
- package/build/state/reducer.d.ts +0 -14
- package/build/state/reducer.js +0 -64
- package/build/theme/index.d.ts +0 -2
- package/build/theme/index.js +0 -12
- package/build/types/index.d.ts +0 -39
- package/build/types/index.js +0 -2
- package/build/utils/fileLoaders.d.ts +0 -12
- package/build/utils/fileLoaders.js +0 -105
- package/build/utils/useDocumentLoader.d.ts +0 -12
- package/build/utils/useDocumentLoader.js +0 -82
- package/build/utils/useRendererSelector.d.ts +0 -7
- package/build/utils/useRendererSelector.js +0 -40
- package/build/utils/useWindowSize.d.ts +0 -4
- package/build/utils/useWindowSize.js +0 -34
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.LoadingIcon = exports.NextDocIcon = exports.PrevDocIcon = void 0;
|
|
18
|
-
var react_1 = __importDefault(require("react"));
|
|
19
|
-
var PrevDocIcon = function (props) {
|
|
20
|
-
return react_1.default.createElement(DocNavIcon, __assign({}, props));
|
|
21
|
-
};
|
|
22
|
-
exports.PrevDocIcon = PrevDocIcon;
|
|
23
|
-
var NextDocIcon = function (props) {
|
|
24
|
-
return react_1.default.createElement(DocNavIcon, __assign({}, props, { reverse: true }));
|
|
25
|
-
};
|
|
26
|
-
exports.NextDocIcon = NextDocIcon;
|
|
27
|
-
var DocNavIcon = function (props) {
|
|
28
|
-
var color = props.color, size = props.size, reverse = props.reverse;
|
|
29
|
-
return (react_1.default.createElement("svg", { width: size || "100%", height: size || "100%", style: { transform: "" + (reverse ? "rotate(180deg)" : "") }, id: "arrow_left", version: "1.1", viewBox: "0 0 32 32", xmlSpace: "preserve" },
|
|
30
|
-
react_1.default.createElement("path", { clipRule: "evenodd", d: "M31.106,15H3.278l8.325-8.293 c0.391-0.391,0.391-1.024,0-1.414c-0.391-0.391-1.024-0.391-1.414,0l-9.9,9.899c-0.385,0.385-0.385,1.029,0,1.414l9.9,9.9 c0.391,0.391,1.024,0.391,1.414,0c0.391-0.391,0.391-1.024,0-1.414L3.278,17h27.828c0.552,0,1-0.448,1-1 C32.106,15.448,31.658,15,31.106,15z", fill: color || "#aaa", fillRule: "evenodd", id: "Arrow_Back" })));
|
|
31
|
-
};
|
|
32
|
-
var LoadingIcon = function (props) {
|
|
33
|
-
var color = props.color, size = props.size;
|
|
34
|
-
return (react_1.default.createElement("svg", { width: size || "100%", height: size || "100%", version: "1.1", id: "Icons", viewBox: "0 0 32 32", xmlSpace: "preserve", style: { alignSelf: "center", justifySelf: "center" } },
|
|
35
|
-
react_1.default.createElement("g", null,
|
|
36
|
-
react_1.default.createElement("path", { fill: color || "#aaa", d: "M16,2c-0.6,0-1,0.4-1,1v5c0,0.6,0.4,1,1,1s1-0.4,1-1V3C17,2.4,16.6,2,16,2z" }),
|
|
37
|
-
react_1.default.createElement("path", { fill: color || "#aaa", d: "M7.5,6.1c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l3.5,3.5c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L7.5,6.1\n\t\tz" }),
|
|
38
|
-
react_1.default.createElement("path", { fill: color || "#aaa", d: "M9,16c0-0.6-0.4-1-1-1H3c-0.6,0-1,0.4-1,1s0.4,1,1,1h5C8.6,17,9,16.6,9,16z" }),
|
|
39
|
-
react_1.default.createElement("path", { fill: color || "#aaa", d: "M9.6,20.9l-3.5,3.5c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3l3.5-3.5c0.4-0.4,0.4-1,0-1.4\n\t\tS10,20.6,9.6,20.9z" }),
|
|
40
|
-
react_1.default.createElement("path", { fill: color || "#aaa", d: "M16,23c-0.6,0-1,0.4-1,1v5c0,0.6,0.4,1,1,1s1-0.4,1-1v-5C17,23.4,16.6,23,16,23z" }),
|
|
41
|
-
react_1.default.createElement("path", { fill: color || "#aaa", d: "M22.4,20.9c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l3.5,3.5c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4\n\t\tL22.4,20.9z" }),
|
|
42
|
-
react_1.default.createElement("path", { fill: color || "#aaa", d: "M29,15h-5c-0.6,0-1,0.4-1,1s0.4,1,1,1h5c0.6,0,1-0.4,1-1S29.6,15,29,15z" }),
|
|
43
|
-
react_1.default.createElement("path", { fill: color || "#aaa", d: "M21.7,11.3c0.3,0,0.5-0.1,0.7-0.3l3.5-3.5c0.4-0.4,0.4-1,0-1.4s-1-0.4-1.4,0l-3.5,3.5c-0.4,0.4-0.4,1,0,1.4\n\t\tC21.1,11.2,21.4,11.3,21.7,11.3z" }))));
|
|
44
|
-
};
|
|
45
|
-
exports.LoadingIcon = LoadingIcon;
|
package/build/index.d.ts
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { CSSProperties } from "react";
|
|
2
|
-
import BMPRenderer from "./plugins/bmp";
|
|
3
|
-
import HTMLRenderer from "./plugins/html";
|
|
4
|
-
import ImageProxyRenderer from "./plugins/image";
|
|
5
|
-
import JPGRenderer from "./plugins/jpg";
|
|
6
|
-
import MSDocRenderer from "./plugins/msdoc";
|
|
7
|
-
import MSGRenderer from "./plugins/msg";
|
|
8
|
-
import PDFRenderer from "./plugins/pdf";
|
|
9
|
-
import PNGRenderer from "./plugins/png";
|
|
10
|
-
import TIFFRenderer from "./plugins/tiff";
|
|
11
|
-
import TXTRenderer from "./plugins/txt";
|
|
12
|
-
import { DocRenderer, IConfig, IDocument, ITheme } from "./types";
|
|
13
|
-
export interface DocViewerProps {
|
|
14
|
-
documents: IDocument[];
|
|
15
|
-
className?: string;
|
|
16
|
-
style?: CSSProperties;
|
|
17
|
-
config?: IConfig;
|
|
18
|
-
theme?: ITheme;
|
|
19
|
-
pluginRenderers?: DocRenderer[];
|
|
20
|
-
}
|
|
21
|
-
declare const DocViewer: (props: DocViewerProps) => JSX.Element;
|
|
22
|
-
export default DocViewer;
|
|
23
|
-
export { DocViewerRenderers } from "./plugins";
|
|
24
|
-
export * from "./types";
|
|
25
|
-
export * from "./utils/fileLoaders";
|
|
26
|
-
export { BMPRenderer, HTMLRenderer, ImageProxyRenderer, JPGRenderer, MSDocRenderer, MSGRenderer, PDFRenderer, PNGRenderer, TIFFRenderer, TXTRenderer, };
|
package/build/index.js
DELETED
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
-
if (k2 === undefined) k2 = k;
|
|
19
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
37
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
38
|
-
};
|
|
39
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
40
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
41
|
-
};
|
|
42
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
43
|
-
exports.TXTRenderer = exports.TIFFRenderer = exports.PNGRenderer = exports.PDFRenderer = exports.MSGRenderer = exports.MSDocRenderer = exports.JPGRenderer = exports.ImageProxyRenderer = exports.HTMLRenderer = exports.BMPRenderer = exports.DocViewerRenderers = void 0;
|
|
44
|
-
var react_1 = __importDefault(require("react"));
|
|
45
|
-
var styled_components_1 = __importStar(require("styled-components"));
|
|
46
|
-
var HeaderBar_1 = require("./components/HeaderBar");
|
|
47
|
-
var ProxyRenderer_1 = require("./components/ProxyRenderer");
|
|
48
|
-
var bmp_1 = __importDefault(require("./plugins/bmp"));
|
|
49
|
-
exports.BMPRenderer = bmp_1.default;
|
|
50
|
-
var html_1 = __importDefault(require("./plugins/html"));
|
|
51
|
-
exports.HTMLRenderer = html_1.default;
|
|
52
|
-
var image_1 = __importDefault(require("./plugins/image"));
|
|
53
|
-
exports.ImageProxyRenderer = image_1.default;
|
|
54
|
-
var jpg_1 = __importDefault(require("./plugins/jpg"));
|
|
55
|
-
exports.JPGRenderer = jpg_1.default;
|
|
56
|
-
var msdoc_1 = __importDefault(require("./plugins/msdoc"));
|
|
57
|
-
exports.MSDocRenderer = msdoc_1.default;
|
|
58
|
-
var msg_1 = __importDefault(require("./plugins/msg"));
|
|
59
|
-
exports.MSGRenderer = msg_1.default;
|
|
60
|
-
var pdf_1 = __importDefault(require("./plugins/pdf"));
|
|
61
|
-
exports.PDFRenderer = pdf_1.default;
|
|
62
|
-
var png_1 = __importDefault(require("./plugins/png"));
|
|
63
|
-
exports.PNGRenderer = png_1.default;
|
|
64
|
-
var tiff_1 = __importDefault(require("./plugins/tiff"));
|
|
65
|
-
exports.TIFFRenderer = tiff_1.default;
|
|
66
|
-
var txt_1 = __importDefault(require("./plugins/txt"));
|
|
67
|
-
exports.TXTRenderer = txt_1.default;
|
|
68
|
-
var state_1 = require("./state");
|
|
69
|
-
var theme_1 = require("./theme");
|
|
70
|
-
var DocViewer = function (props) {
|
|
71
|
-
var documents = props.documents, theme = props.theme;
|
|
72
|
-
if (!documents || documents === undefined) {
|
|
73
|
-
throw new Error("Please provide an array of documents to DocViewer.\ne.g. <DocViewer documents={[ { uri: 'https://mypdf.pdf' } ]} />");
|
|
74
|
-
}
|
|
75
|
-
return (react_1.default.createElement(state_1.AppProvider, __assign({}, props),
|
|
76
|
-
react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme ? __assign(__assign({}, theme_1.defaultTheme), theme) : theme_1.defaultTheme },
|
|
77
|
-
react_1.default.createElement(Container, __assign({ id: "react-doc-viewer", "data-testid": "react-doc-viewer" }, props),
|
|
78
|
-
react_1.default.createElement(HeaderBar_1.HeaderBar, null),
|
|
79
|
-
react_1.default.createElement(ProxyRenderer_1.ProxyRenderer, null)))));
|
|
80
|
-
};
|
|
81
|
-
exports.default = DocViewer;
|
|
82
|
-
var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n overflow: hidden;\n background: #eee;\n"], ["\n display: flex;\n flex-direction: column;\n overflow: hidden;\n background: #eee;\n"])));
|
|
83
|
-
var plugins_1 = require("./plugins");
|
|
84
|
-
Object.defineProperty(exports, "DocViewerRenderers", { enumerable: true, get: function () { return plugins_1.DocViewerRenderers; } });
|
|
85
|
-
__exportStar(require("./types"), exports);
|
|
86
|
-
__exportStar(require("./utils/fileLoaders"), exports);
|
|
87
|
-
var templateObject_1;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
var react_1 = __importDefault(require("react"));
|
|
18
|
-
var image_1 = __importDefault(require("../image"));
|
|
19
|
-
var BMPRenderer = function (props) { return react_1.default.createElement(image_1.default, __assign({}, props)); };
|
|
20
|
-
BMPRenderer.fileTypes = ["bmp", "image/bmp"];
|
|
21
|
-
BMPRenderer.weight = 0;
|
|
22
|
-
exports.default = BMPRenderer;
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
|
-
if (k2 === undefined) k2 = k;
|
|
8
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
var react_1 = __importStar(require("react"));
|
|
30
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
31
|
-
var fileLoaders_1 = require("../../utils/fileLoaders");
|
|
32
|
-
var HTMLRenderer = function (_a) {
|
|
33
|
-
var currentDocument = _a.mainState.currentDocument;
|
|
34
|
-
react_1.useEffect(function () {
|
|
35
|
-
var b64String = currentDocument === null || currentDocument === void 0 ? void 0 : currentDocument.fileData;
|
|
36
|
-
var bodyBase64 = (b64String === null || b64String === void 0 ? void 0 : b64String.replace("data:text/html;base64,", "")) || "";
|
|
37
|
-
var body = window.atob(bodyBase64);
|
|
38
|
-
var iframeCont = document.getElementById("html-body");
|
|
39
|
-
var iframe = (iframeCont === null || iframeCont === void 0 ? void 0 : iframeCont.contentWindow) && iframeCont.contentWindow;
|
|
40
|
-
if (!iframe)
|
|
41
|
-
return;
|
|
42
|
-
var iframeDoc = iframe.document;
|
|
43
|
-
iframeDoc.open();
|
|
44
|
-
iframeDoc.write("" + body);
|
|
45
|
-
iframeDoc.close();
|
|
46
|
-
}, []);
|
|
47
|
-
return (react_1.default.createElement(Container, { id: "html-renderer" },
|
|
48
|
-
react_1.default.createElement(BodyIFrame, { id: "html-body", sandbox: "allow-same-origin" })));
|
|
49
|
-
};
|
|
50
|
-
exports.default = HTMLRenderer;
|
|
51
|
-
HTMLRenderer.fileTypes = ["htm", "html", "text/htm", "text/html"];
|
|
52
|
-
HTMLRenderer.weight = 0;
|
|
53
|
-
HTMLRenderer.fileLoader = fileLoaders_1.dataURLFileLoader;
|
|
54
|
-
var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: 100%;\n padding: 0 30px;\n"], ["\n display: flex;\n flex-direction: column;\n width: 100%;\n padding: 0 30px;\n"])));
|
|
55
|
-
var BodyIFrame = styled_components_1.default.iframe(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 100%;\n padding: 15px;\n margin: 20px 0 20px 0;\n border: 1px solid ", ";\n"], ["\n height: 100%;\n padding: 15px;\n margin: 20px 0 20px 0;\n border: 1px solid ", ";\n"])), function (props) { return props.theme.secondary; });
|
|
56
|
-
var templateObject_1, templateObject_2;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
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 __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
|
-
};
|
|
20
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
-
var react_1 = __importDefault(require("react"));
|
|
22
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
23
|
-
var ImageProxyRenderer = function (props) {
|
|
24
|
-
var currentDocument = props.mainState.currentDocument, children = props.children;
|
|
25
|
-
if (!currentDocument)
|
|
26
|
-
return null;
|
|
27
|
-
return (react_1.default.createElement(Container, __assign({ id: "image-renderer" }, props), children || (react_1.default.createElement(Img, { id: "image-img", src: currentDocument.fileData }))));
|
|
28
|
-
};
|
|
29
|
-
exports.default = ImageProxyRenderer;
|
|
30
|
-
ImageProxyRenderer.fileTypes = [];
|
|
31
|
-
ImageProxyRenderer.weight = 0;
|
|
32
|
-
var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex: 1;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n background-color: #fff;\n"], ["\n display: flex;\n flex: 1;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n background-color: #fff;\n"])));
|
|
33
|
-
var Img = styled_components_1.default.img(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-width: 95%;\n max-height: 95%;\n"], ["\n max-width: 95%;\n max-height: 95%;\n"])));
|
|
34
|
-
var templateObject_1, templateObject_2;
|
package/build/plugins/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const DocViewerRenderers: import("..").DocRenderer[];
|
package/build/plugins/index.js
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
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.DocViewerRenderers = void 0;
|
|
7
|
-
var bmp_1 = __importDefault(require("./bmp"));
|
|
8
|
-
var html_1 = __importDefault(require("./html"));
|
|
9
|
-
var jpg_1 = __importDefault(require("./jpg"));
|
|
10
|
-
var msdoc_1 = __importDefault(require("./msdoc"));
|
|
11
|
-
var msg_1 = __importDefault(require("./msg"));
|
|
12
|
-
var pdf_1 = __importDefault(require("./pdf"));
|
|
13
|
-
var png_1 = __importDefault(require("./png"));
|
|
14
|
-
var tiff_1 = __importDefault(require("./tiff"));
|
|
15
|
-
var txt_1 = __importDefault(require("./txt"));
|
|
16
|
-
exports.DocViewerRenderers = [
|
|
17
|
-
bmp_1.default,
|
|
18
|
-
html_1.default,
|
|
19
|
-
jpg_1.default,
|
|
20
|
-
msdoc_1.default,
|
|
21
|
-
msg_1.default,
|
|
22
|
-
pdf_1.default,
|
|
23
|
-
png_1.default,
|
|
24
|
-
tiff_1.default,
|
|
25
|
-
txt_1.default,
|
|
26
|
-
];
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
var react_1 = __importDefault(require("react"));
|
|
18
|
-
var image_1 = __importDefault(require("../image"));
|
|
19
|
-
var JPGRenderer = function (props) { return react_1.default.createElement(image_1.default, __assign({}, props)); };
|
|
20
|
-
JPGRenderer.fileTypes = ["jpg", "jpeg", "image/jpg", "image/jpeg"];
|
|
21
|
-
JPGRenderer.weight = 0;
|
|
22
|
-
exports.default = JPGRenderer;
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from) {
|
|
7
|
-
for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
|
|
8
|
-
to[j] = from[i];
|
|
9
|
-
return to;
|
|
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
|
-
var react_1 = __importDefault(require("react"));
|
|
16
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
17
|
-
var MSDocRenderer = function (_a) {
|
|
18
|
-
var currentDocument = _a.mainState.currentDocument;
|
|
19
|
-
if (!currentDocument)
|
|
20
|
-
return null;
|
|
21
|
-
return (react_1.default.createElement(Container, { id: "msdoc-renderer" },
|
|
22
|
-
react_1.default.createElement(IFrame, { id: "msdoc-iframe", title: "msdoc-iframe", src: "https://view.officeapps.live.com/op/embed.aspx?src=" + encodeURIComponent(currentDocument.uri), frameBorder: "0" })));
|
|
23
|
-
};
|
|
24
|
-
exports.default = MSDocRenderer;
|
|
25
|
-
var MSDocFTMaps = {
|
|
26
|
-
doc: ["doc", "application/msword"],
|
|
27
|
-
docx: [
|
|
28
|
-
"docx",
|
|
29
|
-
"application/vnd.openxmlformats-officedocument.wordprocessingml.document",
|
|
30
|
-
],
|
|
31
|
-
xls: ["xls", "application/vnd.ms-excel"],
|
|
32
|
-
xlsx: [
|
|
33
|
-
"xlsx",
|
|
34
|
-
"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
|
|
35
|
-
],
|
|
36
|
-
ppt: ["ppt", "application/vnd.ms-powerpoint"],
|
|
37
|
-
pptx: [
|
|
38
|
-
"pptx",
|
|
39
|
-
"application/vnd.openxmlformats-officedocument.presentationml.presentation",
|
|
40
|
-
],
|
|
41
|
-
};
|
|
42
|
-
MSDocRenderer.fileTypes = __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], MSDocFTMaps.doc), MSDocFTMaps.docx), MSDocFTMaps.xls), MSDocFTMaps.xlsx), MSDocFTMaps.ppt), MSDocFTMaps.pptx);
|
|
43
|
-
MSDocRenderer.weight = 0;
|
|
44
|
-
MSDocRenderer.fileLoader = function (_a) {
|
|
45
|
-
var fileLoaderComplete = _a.fileLoaderComplete;
|
|
46
|
-
return fileLoaderComplete();
|
|
47
|
-
};
|
|
48
|
-
var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
49
|
-
var IFrame = styled_components_1.default.iframe(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n border: 0;\n"], ["\n width: 100%;\n height: 100%;\n border: 0;\n"])));
|
|
50
|
-
var templateObject_1, templateObject_2;
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
|
-
if (k2 === undefined) k2 = k;
|
|
8
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
var react_1 = __importStar(require("react"));
|
|
30
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
31
|
-
var wl_msg_reader_1 = require("wl-msg-reader");
|
|
32
|
-
var fileLoaders_1 = require("../../utils/fileLoaders");
|
|
33
|
-
var MSGRenderer = function (_a) {
|
|
34
|
-
var _b;
|
|
35
|
-
var currentDocument = _a.mainState.currentDocument;
|
|
36
|
-
var _c = react_1.useState(), fileData = _c[0], setFileData = _c[1];
|
|
37
|
-
react_1.useEffect(function () {
|
|
38
|
-
if (!currentDocument || !currentDocument.fileData)
|
|
39
|
-
return;
|
|
40
|
-
var _fd = new wl_msg_reader_1.MSGReader(currentDocument.fileData).getFileData();
|
|
41
|
-
setFileData(_fd);
|
|
42
|
-
}, [currentDocument === null || currentDocument === void 0 ? void 0 : currentDocument.fileData]);
|
|
43
|
-
react_1.useEffect(function () {
|
|
44
|
-
if (!fileData || fileData.hasOwnProperty("error"))
|
|
45
|
-
return;
|
|
46
|
-
var iframeCont = document.getElementById("msg-body");
|
|
47
|
-
var iframe = (iframeCont === null || iframeCont === void 0 ? void 0 : iframeCont.contentWindow) && iframeCont.contentWindow;
|
|
48
|
-
if (!iframe)
|
|
49
|
-
return;
|
|
50
|
-
var iframeDoc = iframe.document;
|
|
51
|
-
var body = fileData.body.replace(/(\r\n|\n|\r)/gm, "<br />");
|
|
52
|
-
iframeDoc.open();
|
|
53
|
-
iframeDoc.write("" + body);
|
|
54
|
-
iframeDoc.close();
|
|
55
|
-
}, [fileData]);
|
|
56
|
-
if (!fileData || fileData.hasOwnProperty("error")) {
|
|
57
|
-
return react_1.default.createElement("span", null, (_b = fileData) === null || _b === void 0 ? void 0 : _b.error);
|
|
58
|
-
}
|
|
59
|
-
var _d = fileData, recipients = _d.recipients, subject = _d.subject, senderEmail = _d.senderEmail, senderName = _d.senderName;
|
|
60
|
-
return (react_1.default.createElement(Container, { id: "msg-renderer" },
|
|
61
|
-
react_1.default.createElement("h2", { id: "msg-subject-title", style: { marginBottom: 0 } }, subject),
|
|
62
|
-
react_1.default.createElement(Sender, { name: senderName, email: senderEmail }),
|
|
63
|
-
react_1.default.createElement(RecipientContainer, { id: "msg-recipient" },
|
|
64
|
-
react_1.default.createElement("h3", { id: "msg-recipient-title" }, "Recipients"),
|
|
65
|
-
react_1.default.createElement("ul", { id: "msg-recipient-ul" }, recipients.map(function (r, i) { return (react_1.default.createElement("li", { key: i, id: "msg-recipient-li" },
|
|
66
|
-
react_1.default.createElement("span", { id: "msg-recipient-name" }, r.name),
|
|
67
|
-
r.hasOwnProperty("email") && (react_1.default.createElement("span", { id: "msg-recipient-email" },
|
|
68
|
-
" - ",
|
|
69
|
-
r.email)))); }))),
|
|
70
|
-
react_1.default.createElement(BodyIFrame, { id: "msg-body", sandbox: "allow-same-origin" })));
|
|
71
|
-
};
|
|
72
|
-
var Sender = function (_a) {
|
|
73
|
-
var name = _a.name, email = _a.email;
|
|
74
|
-
if (!name && !email)
|
|
75
|
-
return null;
|
|
76
|
-
return (react_1.default.createElement(SenderContainer, { id: "msg-sender" },
|
|
77
|
-
react_1.default.createElement("h3", { id: "msg-sender-title" }, "Sender"),
|
|
78
|
-
name !== undefined && react_1.default.createElement("div", { id: "msg-sender-name" }, name),
|
|
79
|
-
email !== undefined && react_1.default.createElement("div", { id: "msg-sender-email" }, email)));
|
|
80
|
-
};
|
|
81
|
-
exports.default = MSGRenderer;
|
|
82
|
-
MSGRenderer.fileTypes = ["msg", "application/vnd.ms-outlook"];
|
|
83
|
-
MSGRenderer.weight = 0;
|
|
84
|
-
MSGRenderer.fileLoader = fileLoaders_1.arrayBufferFileLoader;
|
|
85
|
-
var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: 100%;\n padding: 0 30px;\n"], ["\n display: flex;\n flex-direction: column;\n width: 100%;\n padding: 0 30px;\n"])));
|
|
86
|
-
var SenderContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding: 0 15px 15px 15px;\n margin-top: 20px;\n border: 1px solid ", ";\n"], ["\n padding: 0 15px 15px 15px;\n margin-top: 20px;\n border: 1px solid ", ";\n"])), function (props) { return props.theme.secondary; });
|
|
87
|
-
var RecipientContainer = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding: 0 15px;\n margin-top: 20px;\n border: 1px solid ", ";\n"], ["\n padding: 0 15px;\n margin-top: 20px;\n border: 1px solid ", ";\n"])), function (props) { return props.theme.secondary; });
|
|
88
|
-
var BodyIFrame = styled_components_1.default.iframe(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 100%;\n padding: 15px;\n margin: 20px 0 20px 0;\n border: 1px solid ", ";\n"], ["\n height: 100%;\n padding: 15px;\n margin: 20px 0 20px 0;\n border: 1px solid ", ";\n"])), function (props) { return props.theme.secondary; });
|
|
89
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
|
-
if (k2 === undefined) k2 = k;
|
|
8
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
var react_1 = __importStar(require("react"));
|
|
30
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
31
|
-
var common_1 = require("../../../components/common");
|
|
32
|
-
var state_1 = require("../state");
|
|
33
|
-
var actions_1 = require("../state/actions");
|
|
34
|
-
var reducer_1 = require("../state/reducer");
|
|
35
|
-
var icons_1 = require("./icons");
|
|
36
|
-
var PDFPagination_1 = __importDefault(require("./PDFPagination"));
|
|
37
|
-
var PDFControls = function () {
|
|
38
|
-
var _a = react_1.useContext(state_1.PDFContext), _b = _a.state, mainState = _b.mainState, paginated = _b.paginated, zoomLevel = _b.zoomLevel, numPages = _b.numPages, dispatch = _a.dispatch;
|
|
39
|
-
var currentDocument = (mainState === null || mainState === void 0 ? void 0 : mainState.currentDocument) || null;
|
|
40
|
-
return (react_1.default.createElement(Container, { id: "pdf-controls" },
|
|
41
|
-
paginated && numPages > 1 && react_1.default.createElement(PDFPagination_1.default, null),
|
|
42
|
-
(currentDocument === null || currentDocument === void 0 ? void 0 : currentDocument.fileData) && (react_1.default.createElement(DownloadButton, { id: "pdf-download", href: currentDocument === null || currentDocument === void 0 ? void 0 : currentDocument.fileData, download: currentDocument === null || currentDocument === void 0 ? void 0 : currentDocument.uri },
|
|
43
|
-
react_1.default.createElement(icons_1.DownloadPDFIcon, { color: "#000", size: "75%" }))),
|
|
44
|
-
react_1.default.createElement(ControlButton, { id: "pdf-zoom-out", onMouseDown: function () { return dispatch(actions_1.setZoomLevel(zoomLevel - 0.1)); } },
|
|
45
|
-
react_1.default.createElement(icons_1.ZoomOutPDFIcon, { color: "#000", size: "80%" })),
|
|
46
|
-
react_1.default.createElement(ControlButton, { id: "pdf-zoom-in", onMouseDown: function () { return dispatch(actions_1.setZoomLevel(zoomLevel + 0.1)); } },
|
|
47
|
-
react_1.default.createElement(icons_1.ZoomInPDFIcon, { color: "#000", size: "80%" })),
|
|
48
|
-
react_1.default.createElement(ControlButton, { id: "pdf-zoom-reset", onMouseDown: function () { return dispatch(actions_1.setZoomLevel(reducer_1.initialPDFState.zoomLevel)); }, disabled: zoomLevel === reducer_1.initialPDFState.zoomLevel },
|
|
49
|
-
react_1.default.createElement(icons_1.ResetZoomPDFIcon, { color: "#000", size: "70%" })),
|
|
50
|
-
numPages > 1 && (react_1.default.createElement(ControlButton, { id: "pdf-toggle-pagination", onMouseDown: function () { return dispatch(actions_1.setPDFPaginated(!paginated)); } },
|
|
51
|
-
react_1.default.createElement(icons_1.TogglePaginationPDFIcon, { color: "#000", size: "70%", reverse: paginated })))));
|
|
52
|
-
};
|
|
53
|
-
exports.default = PDFControls;
|
|
54
|
-
var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n position: sticky;\n top: 0;\n left: 0;\n z-index: 1;\n justify-content: flex-end;\n padding: 8px;\n background-color: ", ";\n box-shadow: 0px 2px 3px #00000033;\n\n @media (max-width: 768px) {\n padding: 6px;\n }\n"], ["\n display: flex;\n position: sticky;\n top: 0;\n left: 0;\n z-index: 1;\n justify-content: flex-end;\n padding: 8px;\n background-color: ", ";\n box-shadow: 0px 2px 3px #00000033;\n\n @media (max-width: 768px) {\n padding: 6px;\n }\n"])), function (props) { return props.theme.tertiary; });
|
|
55
|
-
var ControlButton = styled_components_1.default(common_1.Button)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 30px;\n height: 30px;\n @media (max-width: 768px) {\n width: 25px;\n height: 25px;\n }\n"], ["\n width: 30px;\n height: 30px;\n @media (max-width: 768px) {\n width: 25px;\n height: 25px;\n }\n"])));
|
|
56
|
-
var DownloadButton = styled_components_1.default(common_1.LinkButton)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n width: 30px;\n height: 30px;\n @media (max-width: 768px) {\n width: 25px;\n height: 25px;\n }\n"], ["\n width: 30px;\n height: 30px;\n @media (max-width: 768px) {\n width: 25px;\n height: 25px;\n }\n"])));
|
|
57
|
-
var templateObject_1, templateObject_2, templateObject_3;
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
|
-
if (k2 === undefined) k2 = k;
|
|
8
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
var react_1 = __importStar(require("react"));
|
|
30
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
31
|
-
var common_1 = require("../../../components/common");
|
|
32
|
-
var state_1 = require("../state");
|
|
33
|
-
var actions_1 = require("../state/actions");
|
|
34
|
-
var icons_1 = require("./icons");
|
|
35
|
-
var PDFPagination = function () {
|
|
36
|
-
var _a = react_1.useContext(state_1.PDFContext), _b = _a.state, currentPage = _b.currentPage, numPages = _b.numPages, dispatch = _a.dispatch;
|
|
37
|
-
return (react_1.default.createElement(Container, { id: "pdf-pagination" },
|
|
38
|
-
react_1.default.createElement(PageNavButtonLeft, { id: "pdf-pagination-prev", onClick: function () { return dispatch(actions_1.setCurrentPage(currentPage - 1)); }, disabled: currentPage === 1 },
|
|
39
|
-
react_1.default.createElement(icons_1.PrevPDFNavIcon, { color: "#000", size: "50%" })),
|
|
40
|
-
react_1.default.createElement(PageTag, { id: "pdf-pagination-info" },
|
|
41
|
-
"Page ",
|
|
42
|
-
currentPage,
|
|
43
|
-
"/",
|
|
44
|
-
numPages),
|
|
45
|
-
react_1.default.createElement(PageNavButtonRight, { id: "pdf-pagination-next", onClick: function () { return dispatch(actions_1.setCurrentPage(currentPage + 1)); }, disabled: currentPage >= numPages },
|
|
46
|
-
react_1.default.createElement(icons_1.NextPDFNavIcon, { color: "#000", size: "50%" }))));
|
|
47
|
-
};
|
|
48
|
-
exports.default = PDFPagination;
|
|
49
|
-
var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
|
|
50
|
-
var PageNavButtonLeft = styled_components_1.default(common_1.Button)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 30px;\n height: 30px;\n margin: 0 5px;\n\n @media (max-width: 768px) {\n width: 25px;\n height: 25px;\n }\n"], ["\n width: 30px;\n height: 30px;\n margin: 0 5px;\n\n @media (max-width: 768px) {\n width: 25px;\n height: 25px;\n }\n"])));
|
|
51
|
-
var PageNavButtonRight = styled_components_1.default(PageNavButtonLeft)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin: 0 20px 0 5px;\n"], ["\n margin: 0 20px 0 5px;\n"])));
|
|
52
|
-
var PageTag = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: ", ";\n font-size: 14px;\n text-align: left;\n\n @media (max-width: 768px) {\n font-size: 10px;\n }\n"], ["\n color: ", ";\n font-size: 14px;\n text-align: left;\n\n @media (max-width: 768px) {\n font-size: 10px;\n }\n"])), function (props) { return props.theme.text_primary; });
|
|
53
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|