asma-doc-viewer 1.0.4 → 1.0.6

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 (77) hide show
  1. package/.idea/workspace.xml +21 -14
  2. package/package.json +19 -18
  3. package/CHANGELOG.md +0 -293
  4. package/build/components/DocumentNav.d.ts +0 -2
  5. package/build/components/DocumentNav.js +0 -64
  6. package/build/components/FileName.d.ts +0 -2
  7. package/build/components/FileName.js +0 -61
  8. package/build/components/HeaderBar.d.ts +0 -2
  9. package/build/components/HeaderBar.js +0 -58
  10. package/build/components/ProxyRenderer.d.ts +0 -2
  11. package/build/components/ProxyRenderer.js +0 -80
  12. package/build/components/common/Button.d.ts +0 -11
  13. package/build/components/common/Button.js +0 -38
  14. package/build/components/common/index.d.ts +0 -1
  15. package/build/components/common/index.js +0 -17
  16. package/build/components/icons/index.d.ts +0 -8
  17. package/build/components/icons/index.js +0 -45
  18. package/build/index.d.ts +0 -25
  19. package/build/index.js +0 -89
  20. package/build/plugins/bmp/index.d.ts +0 -3
  21. package/build/plugins/bmp/index.js +0 -22
  22. package/build/plugins/html/index.d.ts +0 -3
  23. package/build/plugins/html/index.js +0 -60
  24. package/build/plugins/image/index.d.ts +0 -3
  25. package/build/plugins/image/index.js +0 -34
  26. package/build/plugins/index.d.ts +0 -1
  27. package/build/plugins/index.js +0 -24
  28. package/build/plugins/jpg/index.d.ts +0 -3
  29. package/build/plugins/jpg/index.js +0 -22
  30. package/build/plugins/msdoc/index.d.ts +0 -3
  31. package/build/plugins/msdoc/index.js +0 -54
  32. package/build/plugins/pdf/components/PDFControls.d.ts +0 -3
  33. package/build/plugins/pdf/components/PDFControls.js +0 -61
  34. package/build/plugins/pdf/components/PDFPagination.d.ts +0 -3
  35. package/build/plugins/pdf/components/PDFPagination.js +0 -57
  36. package/build/plugins/pdf/components/icons/index.d.ts +0 -8
  37. package/build/plugins/pdf/components/icons/index.js +0 -73
  38. package/build/plugins/pdf/components/pages/PDFAllPages.d.ts +0 -6
  39. package/build/plugins/pdf/components/pages/PDFAllPages.js +0 -41
  40. package/build/plugins/pdf/components/pages/PDFPages.d.ts +0 -3
  41. package/build/plugins/pdf/components/pages/PDFPages.js +0 -56
  42. package/build/plugins/pdf/components/pages/PDFSinglePage.d.ts +0 -6
  43. package/build/plugins/pdf/components/pages/PDFSinglePage.js +0 -53
  44. package/build/plugins/pdf/index.d.ts +0 -3
  45. package/build/plugins/pdf/index.js +0 -55
  46. package/build/plugins/pdf/state/actions.d.ts +0 -25
  47. package/build/plugins/pdf/state/actions.js +0 -31
  48. package/build/plugins/pdf/state/index.d.ts +0 -12
  49. package/build/plugins/pdf/state/index.js +0 -47
  50. package/build/plugins/pdf/state/reducer.d.ts +0 -12
  51. package/build/plugins/pdf/state/reducer.js +0 -45
  52. package/build/plugins/png/index.d.ts +0 -3
  53. package/build/plugins/png/index.js +0 -29
  54. package/build/plugins/tiff/index.d.ts +0 -3
  55. package/build/plugins/tiff/index.js +0 -77
  56. package/build/plugins/tiff/tiffToCanvas.d.ts +0 -1
  57. package/build/plugins/tiff/tiffToCanvas.js +0 -602
  58. package/build/plugins/txt/index.d.ts +0 -3
  59. package/build/plugins/txt/index.js +0 -22
  60. package/build/state/actions.d.ts +0 -42
  61. package/build/state/actions.js +0 -45
  62. package/build/state/index.d.ts +0 -10
  63. package/build/state/index.js +0 -54
  64. package/build/state/reducer.d.ts +0 -14
  65. package/build/state/reducer.js +0 -64
  66. package/build/theme/index.d.ts +0 -2
  67. package/build/theme/index.js +0 -12
  68. package/build/types/index.d.ts +0 -40
  69. package/build/types/index.js +0 -2
  70. package/build/utils/fileLoaders.d.ts +0 -12
  71. package/build/utils/fileLoaders.js +0 -105
  72. package/build/utils/useDocumentLoader.d.ts +0 -12
  73. package/build/utils/useDocumentLoader.js +0 -82
  74. package/build/utils/useRendererSelector.d.ts +0 -7
  75. package/build/utils/useRendererSelector.js +0 -40
  76. package/build/utils/useWindowSize.d.ts +0 -4
  77. package/build/utils/useWindowSize.js +0 -34
@@ -1,80 +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
- var desc = Object.getOwnPropertyDescriptor(m, k);
9
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
10
- desc = { enumerable: true, get: function() { return m[k]; } };
11
- }
12
- Object.defineProperty(o, k2, desc);
13
- }) : (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- o[k2] = m[k];
16
- }));
17
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
18
- Object.defineProperty(o, "default", { enumerable: true, value: v });
19
- }) : function(o, v) {
20
- o["default"] = v;
21
- });
22
- var __importStar = (this && this.__importStar) || function (mod) {
23
- if (mod && mod.__esModule) return mod;
24
- var result = {};
25
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
26
- __setModuleDefault(result, mod);
27
- return result;
28
- };
29
- Object.defineProperty(exports, "__esModule", { value: true });
30
- exports.ProxyRenderer = void 0;
31
- var react_1 = __importStar(require("react"));
32
- var styled_components_1 = __importStar(require("styled-components"));
33
- var actions_1 = require("../state/actions");
34
- var useDocumentLoader_1 = require("../utils/useDocumentLoader");
35
- var useWindowSize_1 = require("../utils/useWindowSize");
36
- var common_1 = require("./common");
37
- var icons_1 = require("./icons");
38
- var ProxyRenderer = function () {
39
- var _a = (0, useDocumentLoader_1.useDocumentLoader)(), state = _a.state, dispatch = _a.dispatch, CurrentRenderer = _a.CurrentRenderer;
40
- var documents = state.documents, documentLoading = state.documentLoading, currentDocument = state.currentDocument;
41
- var size = (0, useWindowSize_1.useWindowSize)();
42
- var containerRef = (0, react_1.useCallback)(function (node) {
43
- node && dispatch((0, actions_1.setRendererRect)(node === null || node === void 0 ? void 0 : node.getBoundingClientRect()));
44
- },
45
- // eslint-disable-next-line react-hooks/exhaustive-deps
46
- [size]);
47
- var Contents = function () {
48
- if (!documents.length) {
49
- return react_1.default.createElement("div", { id: "no-documents" });
50
- }
51
- else if (documentLoading) {
52
- return (react_1.default.createElement(LoadingContainer, { id: "loading-renderer", "data-testid": "loading-renderer" },
53
- react_1.default.createElement(LoadingIconContainer, null,
54
- react_1.default.createElement(icons_1.LoadingIcon, { color: "#444", size: 40 }))));
55
- }
56
- else {
57
- if (CurrentRenderer) {
58
- return react_1.default.createElement(CurrentRenderer, { mainState: state });
59
- }
60
- else if (CurrentRenderer === undefined) {
61
- return null;
62
- }
63
- else {
64
- return (react_1.default.createElement("div", { id: "no-renderer", "data-testid": "no-renderer" },
65
- "No Renderer for file type ", currentDocument === null || currentDocument === void 0 ? void 0 :
66
- currentDocument.fileType,
67
- react_1.default.createElement(DownloadButton, { id: "no-renderer-download", href: currentDocument === null || currentDocument === void 0 ? void 0 : currentDocument.uri, download: currentDocument === null || currentDocument === void 0 ? void 0 : currentDocument.uri }, "Download File")));
68
- }
69
- }
70
- };
71
- return (react_1.default.createElement(Container, { id: "proxy-renderer", ref: containerRef },
72
- react_1.default.createElement(Contents, null)));
73
- };
74
- exports.ProxyRenderer = ProxyRenderer;
75
- var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex: 1;\n overflow-y: auto;\n"], ["\n display: flex;\n flex: 1;\n overflow-y: auto;\n"])));
76
- var LoadingContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex: 1;\n height: 75px;\n align-items: center;\n justify-content: center;\n"], ["\n display: flex;\n flex: 1;\n height: 75px;\n align-items: center;\n justify-content: center;\n"])));
77
- var spinAnim = (0, styled_components_1.keyframes)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"], ["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"])));
78
- var LoadingIconContainer = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n animation-name: ", ";\n animation-duration: 4s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n"], ["\n animation-name: ", ";\n animation-duration: 4s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n"])), spinAnim);
79
- var DownloadButton = (0, styled_components_1.default)(common_1.LinkButton)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n width: 130px;\n height: 30px;\n background-color: ", ";\n @media (max-width: 768px) {\n width: 125px;\n height: 25px;\n }\n"], ["\n width: 130px;\n height: 30px;\n background-color: ", ";\n @media (max-width: 768px) {\n width: 125px;\n height: 25px;\n }\n"])), function (props) { return props.theme.primary; });
80
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
@@ -1,11 +0,0 @@
1
- import { IStyledProps } from "../../types";
2
- interface ButtonProps extends IStyledProps {
3
- disabled?: boolean;
4
- }
5
- export declare const ButtonPrimaryStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
6
- export declare const ButtonSecondaryStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
7
- export declare const Button: import("styled-components").StyledComponent<"button", any, ButtonProps, never>;
8
- export declare const LinkButton: import("styled-components").StyledComponent<"a", any, {}, never>;
9
- export declare const ButtonPrimary: import("styled-components").StyledComponent<"button", any, ButtonProps, never>;
10
- export declare const ButtonSecondary: import("styled-components").StyledComponent<"button", any, ButtonProps, never>;
11
- export {};
@@ -1,38 +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
- var desc = Object.getOwnPropertyDescriptor(m, k);
9
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
10
- desc = { enumerable: true, get: function() { return m[k]; } };
11
- }
12
- Object.defineProperty(o, k2, desc);
13
- }) : (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- o[k2] = m[k];
16
- }));
17
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
18
- Object.defineProperty(o, "default", { enumerable: true, value: v });
19
- }) : function(o, v) {
20
- o["default"] = v;
21
- });
22
- var __importStar = (this && this.__importStar) || function (mod) {
23
- if (mod && mod.__esModule) return mod;
24
- var result = {};
25
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
26
- __setModuleDefault(result, mod);
27
- return result;
28
- };
29
- Object.defineProperty(exports, "__esModule", { value: true });
30
- exports.ButtonSecondary = exports.ButtonPrimary = exports.LinkButton = exports.Button = exports.ButtonSecondaryStyle = exports.ButtonPrimaryStyle = void 0;
31
- var styled_components_1 = __importStar(require("styled-components"));
32
- exports.ButtonPrimaryStyle = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n"], ["\n background-color: ", ";\n color: ", ";\n"])), function (props) { return props.theme.primary; }, function (props) { return props.theme.text_primary; });
33
- exports.ButtonSecondaryStyle = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n"], ["\n background-color: ", ";\n color: ", ";\n"])), function (props) { return props.theme.secondary; }, function (props) { return props.theme.text_secondary; });
34
- exports.Button = styled_components_1.default.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n display: flex;\n justify-content: center;\n align-items: center;\n width: 35px;\n height: 35px;\n padding: 0;\n margin: 0 0 0 5px;\n text-align: center;\n font-size: 18px;\n border: 0;\n outline: none;\n cursor: pointer;\n text-decoration: none;\n border-radius: 35px;\n opacity: ", ";\n pointer-events: ", ";\n box-shadow: 2px 2px 3px #00000033;\n\n @media (max-width: 768px) {\n width: 30px;\n height: 30px;\n font-size: 15px;\n }\n"], ["\n ", "\n display: flex;\n justify-content: center;\n align-items: center;\n width: 35px;\n height: 35px;\n padding: 0;\n margin: 0 0 0 5px;\n text-align: center;\n font-size: 18px;\n border: 0;\n outline: none;\n cursor: pointer;\n text-decoration: none;\n border-radius: 35px;\n opacity: ", ";\n pointer-events: ", ";\n box-shadow: 2px 2px 3px #00000033;\n\n @media (max-width: 768px) {\n width: 30px;\n height: 30px;\n font-size: 15px;\n }\n"])), exports.ButtonPrimaryStyle, function (props) { return (props.disabled ? 0.4 : 1); }, function (props) { return (props.disabled ? "none" : "all"); });
35
- exports.LinkButton = styled_components_1.default.a(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n border: 0;\n outline: none;\n cursor: pointer;\n text-decoration: none;\n border-radius: 35px;\n background-color: ", ";\n color: ", ";\n box-shadow: 2px 2px 3px #00000033;\n\n width: 35px;\n height: 35px;\n font-size: 18px;\n @media (max-width: 768px) {\n width: 30px;\n height: 30px;\n font-size: 15px;\n }\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n border: 0;\n outline: none;\n cursor: pointer;\n text-decoration: none;\n border-radius: 35px;\n background-color: ", ";\n color: ", ";\n box-shadow: 2px 2px 3px #00000033;\n\n width: 35px;\n height: 35px;\n font-size: 18px;\n @media (max-width: 768px) {\n width: 30px;\n height: 30px;\n font-size: 15px;\n }\n"])), function (props) { return props.theme.primary; }, function (props) { return props.theme.text_primary; });
36
- exports.ButtonPrimary = (0, styled_components_1.default)(exports.Button)(templateObject_5 || (templateObject_5 = __makeTemplateObject([""], [""])));
37
- exports.ButtonSecondary = (0, styled_components_1.default)(exports.Button)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), exports.ButtonSecondaryStyle);
38
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
@@ -1 +0,0 @@
1
- export * from "./Button";
@@ -1,17 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./Button"), exports);
@@ -1,8 +0,0 @@
1
- export interface IIconProps {
2
- color?: string;
3
- size?: string | number | (string & {}) | undefined;
4
- reverse?: boolean;
5
- }
6
- export declare const PrevDocIcon: (props: IIconProps) => JSX.Element;
7
- export declare const NextDocIcon: (props: IIconProps) => JSX.Element;
8
- export declare const LoadingIcon: (props: IIconProps) => JSX.Element;
@@ -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: "".concat(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\r\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\r\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\r\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\r\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,25 +0,0 @@
1
- import { CSSProperties, FC } 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 PDFRenderer from "./plugins/pdf";
8
- import PNGRenderer from "./plugins/png";
9
- import TIFFRenderer from "./plugins/tiff";
10
- import TXTRenderer from "./plugins/txt";
11
- import { DocRenderer, IConfig, IDocument, ITheme } from "./types";
12
- export interface DocViewerProps {
13
- documents: IDocument[];
14
- className?: string;
15
- style?: CSSProperties;
16
- config?: IConfig;
17
- theme?: ITheme;
18
- pluginRenderers?: DocRenderer[];
19
- }
20
- declare const DocViewer: FC<DocViewerProps>;
21
- export default DocViewer;
22
- export { DocViewerRenderers } from "./plugins";
23
- export * from "./types";
24
- export * from "./utils/fileLoaders";
25
- export { BMPRenderer, HTMLRenderer, ImageProxyRenderer, JPGRenderer, MSDocRenderer, PDFRenderer, PNGRenderer, TIFFRenderer, TXTRenderer, };
package/build/index.js DELETED
@@ -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 __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
- var desc = Object.getOwnPropertyDescriptor(m, k);
20
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
21
- desc = { enumerable: true, get: function() { return m[k]; } };
22
- }
23
- Object.defineProperty(o, k2, desc);
24
- }) : (function(o, m, k, k2) {
25
- if (k2 === undefined) k2 = k;
26
- o[k2] = m[k];
27
- }));
28
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
29
- Object.defineProperty(o, "default", { enumerable: true, value: v });
30
- }) : function(o, v) {
31
- o["default"] = v;
32
- });
33
- var __importStar = (this && this.__importStar) || function (mod) {
34
- if (mod && mod.__esModule) return mod;
35
- var result = {};
36
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
37
- __setModuleDefault(result, mod);
38
- return result;
39
- };
40
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
41
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
42
- };
43
- var __importDefault = (this && this.__importDefault) || function (mod) {
44
- return (mod && mod.__esModule) ? mod : { "default": mod };
45
- };
46
- Object.defineProperty(exports, "__esModule", { value: true });
47
- exports.TXTRenderer = exports.TIFFRenderer = exports.PNGRenderer = exports.PDFRenderer = exports.MSDocRenderer = exports.JPGRenderer = exports.ImageProxyRenderer = exports.HTMLRenderer = exports.BMPRenderer = exports.DocViewerRenderers = void 0;
48
- var react_1 = __importDefault(require("react"));
49
- var styled_components_1 = __importStar(require("styled-components"));
50
- var HeaderBar_1 = require("./components/HeaderBar");
51
- var ProxyRenderer_1 = require("./components/ProxyRenderer");
52
- var bmp_1 = __importDefault(require("./plugins/bmp"));
53
- exports.BMPRenderer = bmp_1.default;
54
- var html_1 = __importDefault(require("./plugins/html"));
55
- exports.HTMLRenderer = html_1.default;
56
- var image_1 = __importDefault(require("./plugins/image"));
57
- exports.ImageProxyRenderer = image_1.default;
58
- var jpg_1 = __importDefault(require("./plugins/jpg"));
59
- exports.JPGRenderer = jpg_1.default;
60
- var msdoc_1 = __importDefault(require("./plugins/msdoc"));
61
- exports.MSDocRenderer = msdoc_1.default;
62
- var pdf_1 = __importDefault(require("./plugins/pdf"));
63
- exports.PDFRenderer = pdf_1.default;
64
- var png_1 = __importDefault(require("./plugins/png"));
65
- exports.PNGRenderer = png_1.default;
66
- var tiff_1 = __importDefault(require("./plugins/tiff"));
67
- exports.TIFFRenderer = tiff_1.default;
68
- var txt_1 = __importDefault(require("./plugins/txt"));
69
- exports.TXTRenderer = txt_1.default;
70
- var state_1 = require("./state");
71
- var theme_1 = require("./theme");
72
- var DocViewer = function (props) {
73
- var documents = props.documents, theme = props.theme;
74
- if (!documents || documents === undefined) {
75
- throw new Error("Please provide an array of documents to DocViewer.\ne.g. <DocViewer documents={[ { uri: 'https://mypdf.pdf' } ]} />");
76
- }
77
- return (react_1.default.createElement(state_1.AppProvider, __assign({}, props),
78
- react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme ? __assign(__assign({}, theme_1.defaultTheme), theme) : theme_1.defaultTheme },
79
- react_1.default.createElement(Container, __assign({ id: "react-doc-viewer", "data-testid": "react-doc-viewer" }, props),
80
- react_1.default.createElement(HeaderBar_1.HeaderBar, null),
81
- react_1.default.createElement(ProxyRenderer_1.ProxyRenderer, null)))));
82
- };
83
- exports.default = DocViewer;
84
- 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"])));
85
- var plugins_1 = require("./plugins");
86
- Object.defineProperty(exports, "DocViewerRenderers", { enumerable: true, get: function () { return plugins_1.DocViewerRenderers; } });
87
- __exportStar(require("./types"), exports);
88
- __exportStar(require("./utils/fileLoaders"), exports);
89
- 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,60 +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
- var desc = Object.getOwnPropertyDescriptor(m, k);
9
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
10
- desc = { enumerable: true, get: function() { return m[k]; } };
11
- }
12
- Object.defineProperty(o, k2, desc);
13
- }) : (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- o[k2] = m[k];
16
- }));
17
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
18
- Object.defineProperty(o, "default", { enumerable: true, value: v });
19
- }) : function(o, v) {
20
- o["default"] = v;
21
- });
22
- var __importStar = (this && this.__importStar) || function (mod) {
23
- if (mod && mod.__esModule) return mod;
24
- var result = {};
25
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
26
- __setModuleDefault(result, mod);
27
- return result;
28
- };
29
- var __importDefault = (this && this.__importDefault) || function (mod) {
30
- return (mod && mod.__esModule) ? mod : { "default": mod };
31
- };
32
- Object.defineProperty(exports, "__esModule", { value: true });
33
- var react_1 = __importStar(require("react"));
34
- var styled_components_1 = __importDefault(require("styled-components"));
35
- var fileLoaders_1 = require("../../utils/fileLoaders");
36
- var HTMLRenderer = function (_a) {
37
- var currentDocument = _a.mainState.currentDocument;
38
- (0, react_1.useEffect)(function () {
39
- var b64String = currentDocument === null || currentDocument === void 0 ? void 0 : currentDocument.fileData;
40
- var bodyBase64 = (b64String === null || b64String === void 0 ? void 0 : b64String.replace("data:text/html;base64,", "")) || "";
41
- var body = window.atob(bodyBase64);
42
- var iframeCont = document.getElementById("html-body");
43
- var iframe = (iframeCont === null || iframeCont === void 0 ? void 0 : iframeCont.contentWindow) && iframeCont.contentWindow;
44
- if (!iframe)
45
- return;
46
- var iframeDoc = iframe.document;
47
- iframeDoc.open();
48
- iframeDoc.write("".concat(body));
49
- iframeDoc.close();
50
- }, []);
51
- return (react_1.default.createElement(Container, { id: "html-renderer" },
52
- react_1.default.createElement(BodyIFrame, { id: "html-body", sandbox: "allow-same-origin" })));
53
- };
54
- exports.default = HTMLRenderer;
55
- HTMLRenderer.fileTypes = ["htm", "html", "text/htm", "text/html"];
56
- HTMLRenderer.weight = 0;
57
- HTMLRenderer.fileLoader = fileLoaders_1.dataURLFileLoader;
58
- 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"])));
59
- 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; });
60
- 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,24 +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 pdf_1 = __importDefault(require("./pdf"));
12
- var png_1 = __importDefault(require("./png"));
13
- var tiff_1 = __importDefault(require("./tiff"));
14
- var txt_1 = __importDefault(require("./txt"));
15
- exports.DocViewerRenderers = [
16
- bmp_1.default,
17
- html_1.default,
18
- jpg_1.default,
19
- msdoc_1.default,
20
- pdf_1.default,
21
- png_1.default,
22
- tiff_1.default,
23
- txt_1.default,
24
- ];
@@ -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,54 +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, pack) {
7
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
8
- if (ar || !(i in from)) {
9
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
10
- ar[i] = from[i];
11
- }
12
- }
13
- return to.concat(ar || Array.prototype.slice.call(from));
14
- };
15
- var __importDefault = (this && this.__importDefault) || function (mod) {
16
- return (mod && mod.__esModule) ? mod : { "default": mod };
17
- };
18
- Object.defineProperty(exports, "__esModule", { value: true });
19
- var react_1 = __importDefault(require("react"));
20
- var styled_components_1 = __importDefault(require("styled-components"));
21
- var MSDocRenderer = function (_a) {
22
- var currentDocument = _a.mainState.currentDocument;
23
- if (!currentDocument)
24
- return null;
25
- return (react_1.default.createElement(Container, { id: "msdoc-renderer" },
26
- react_1.default.createElement(IFrame, { id: "msdoc-iframe", title: "msdoc-iframe", src: "https://view.officeapps.live.com/op/embed.aspx?src=".concat(encodeURIComponent(currentDocument.uri)), frameBorder: "0" })));
27
- };
28
- exports.default = MSDocRenderer;
29
- var MSDocFTMaps = {
30
- doc: ["doc", "application/msword"],
31
- docx: [
32
- "docx",
33
- "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
34
- ],
35
- xls: ["xls", "application/vnd.ms-excel"],
36
- xlsx: [
37
- "xlsx",
38
- "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
39
- ],
40
- ppt: ["ppt", "application/vnd.ms-powerpoint"],
41
- pptx: [
42
- "pptx",
43
- "application/vnd.openxmlformats-officedocument.presentationml.presentation",
44
- ],
45
- };
46
- MSDocRenderer.fileTypes = __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], MSDocFTMaps.doc, true), MSDocFTMaps.docx, true), MSDocFTMaps.xls, true), MSDocFTMaps.xlsx, true), MSDocFTMaps.ppt, true), MSDocFTMaps.pptx, true);
47
- MSDocRenderer.weight = 0;
48
- MSDocRenderer.fileLoader = function (_a) {
49
- var fileLoaderComplete = _a.fileLoaderComplete;
50
- return fileLoaderComplete();
51
- };
52
- var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
53
- 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"])));
54
- var templateObject_1, templateObject_2;
@@ -1,3 +0,0 @@
1
- import { FC } from "react";
2
- declare const PDFControls: FC<{}>;
3
- export default PDFControls;