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.
Files changed (84) hide show
  1. package/.idea/asma-doc-viewer.iml +9 -0
  2. package/.idea/inspectionProfiles/Project_Default.xml +6 -0
  3. package/.idea/misc.xml +6 -0
  4. package/.idea/modules.xml +8 -0
  5. package/.idea/vcs.xml +6 -0
  6. package/.idea/workspace.xml +66 -0
  7. package/README.md +3 -1
  8. package/package.json +62 -63
  9. package/build/components/DocumentNav.d.ts +0 -2
  10. package/build/components/DocumentNav.js +0 -60
  11. package/build/components/FileName.d.ts +0 -2
  12. package/build/components/FileName.js +0 -51
  13. package/build/components/HeaderBar.d.ts +0 -2
  14. package/build/components/HeaderBar.js +0 -54
  15. package/build/components/ProxyRenderer.d.ts +0 -2
  16. package/build/components/ProxyRenderer.js +0 -76
  17. package/build/components/common/Button.d.ts +0 -11
  18. package/build/components/common/Button.js +0 -34
  19. package/build/components/common/index.d.ts +0 -1
  20. package/build/components/common/index.js +0 -13
  21. package/build/components/icons/index.d.ts +0 -9
  22. package/build/components/icons/index.js +0 -45
  23. package/build/index.d.ts +0 -26
  24. package/build/index.js +0 -87
  25. package/build/plugins/bmp/index.d.ts +0 -3
  26. package/build/plugins/bmp/index.js +0 -22
  27. package/build/plugins/html/index.d.ts +0 -3
  28. package/build/plugins/html/index.js +0 -56
  29. package/build/plugins/image/index.d.ts +0 -3
  30. package/build/plugins/image/index.js +0 -34
  31. package/build/plugins/index.d.ts +0 -1
  32. package/build/plugins/index.js +0 -26
  33. package/build/plugins/jpg/index.d.ts +0 -3
  34. package/build/plugins/jpg/index.js +0 -22
  35. package/build/plugins/msdoc/index.d.ts +0 -3
  36. package/build/plugins/msdoc/index.js +0 -50
  37. package/build/plugins/msg/index.d.ts +0 -3
  38. package/build/plugins/msg/index.js +0 -89
  39. package/build/plugins/pdf/components/PDFControls.d.ts +0 -3
  40. package/build/plugins/pdf/components/PDFControls.js +0 -57
  41. package/build/plugins/pdf/components/PDFPagination.d.ts +0 -3
  42. package/build/plugins/pdf/components/PDFPagination.js +0 -53
  43. package/build/plugins/pdf/components/icons/index.d.ts +0 -9
  44. package/build/plugins/pdf/components/icons/index.js +0 -73
  45. package/build/plugins/pdf/components/pages/PDFAllPages.d.ts +0 -6
  46. package/build/plugins/pdf/components/pages/PDFAllPages.js +0 -37
  47. package/build/plugins/pdf/components/pages/PDFPages.d.ts +0 -3
  48. package/build/plugins/pdf/components/pages/PDFPages.js +0 -52
  49. package/build/plugins/pdf/components/pages/PDFSinglePage.d.ts +0 -6
  50. package/build/plugins/pdf/components/pages/PDFSinglePage.js +0 -49
  51. package/build/plugins/pdf/index.d.ts +0 -3
  52. package/build/plugins/pdf/index.js +0 -52
  53. package/build/plugins/pdf/state/actions.d.ts +0 -25
  54. package/build/plugins/pdf/state/actions.js +0 -31
  55. package/build/plugins/pdf/state/index.d.ts +0 -12
  56. package/build/plugins/pdf/state/index.js +0 -43
  57. package/build/plugins/pdf/state/reducer.d.ts +0 -12
  58. package/build/plugins/pdf/state/reducer.js +0 -45
  59. package/build/plugins/png/index.d.ts +0 -3
  60. package/build/plugins/png/index.js +0 -29
  61. package/build/plugins/tiff/index.d.ts +0 -3
  62. package/build/plugins/tiff/index.js +0 -73
  63. package/build/plugins/tiff/tiffToCanvas.d.ts +0 -1
  64. package/build/plugins/tiff/tiffToCanvas.js +0 -602
  65. package/build/plugins/txt/index.d.ts +0 -3
  66. package/build/plugins/txt/index.js +0 -22
  67. package/build/state/actions.d.ts +0 -42
  68. package/build/state/actions.js +0 -45
  69. package/build/state/index.d.ts +0 -10
  70. package/build/state/index.js +0 -51
  71. package/build/state/reducer.d.ts +0 -14
  72. package/build/state/reducer.js +0 -64
  73. package/build/theme/index.d.ts +0 -2
  74. package/build/theme/index.js +0 -12
  75. package/build/types/index.d.ts +0 -39
  76. package/build/types/index.js +0 -2
  77. package/build/utils/fileLoaders.d.ts +0 -12
  78. package/build/utils/fileLoaders.js +0 -105
  79. package/build/utils/useDocumentLoader.d.ts +0 -12
  80. package/build/utils/useDocumentLoader.js +0 -82
  81. package/build/utils/useRendererSelector.d.ts +0 -7
  82. package/build/utils/useRendererSelector.js +0 -40
  83. package/build/utils/useWindowSize.d.ts +0 -4
  84. 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,3 +0,0 @@
1
- import { DocRenderer } from "../../types";
2
- declare const BMPRenderer: DocRenderer;
3
- export default BMPRenderer;
@@ -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,3 +0,0 @@
1
- import { DocRenderer } from "../../types";
2
- declare const HTMLRenderer: DocRenderer;
3
- export default HTMLRenderer;
@@ -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,3 +0,0 @@
1
- import { DocRenderer } from "../../types";
2
- declare const ImageProxyRenderer: DocRenderer;
3
- export default ImageProxyRenderer;
@@ -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;
@@ -1 +0,0 @@
1
- export declare const DocViewerRenderers: import("..").DocRenderer[];
@@ -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,3 +0,0 @@
1
- import { DocRenderer } from "../../types";
2
- declare const JPGRenderer: DocRenderer;
3
- export default JPGRenderer;
@@ -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,3 +0,0 @@
1
- import { DocRenderer } from "../../types";
2
- declare const MSDocRenderer: DocRenderer;
3
- export default MSDocRenderer;
@@ -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,3 +0,0 @@
1
- import { DocRenderer } from "../../types";
2
- declare const MSGRenderer: DocRenderer;
3
- export default MSGRenderer;
@@ -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,3 +0,0 @@
1
- import { FC } from "react";
2
- declare const PDFControls: FC<{}>;
3
- export default PDFControls;
@@ -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,3 +0,0 @@
1
- import { FC } from "react";
2
- declare const PDFPagination: FC<{}>;
3
- export default PDFPagination;
@@ -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;