asma-doc-viewer 1.0.3 → 1.0.4

package/build/components/DocumentNav.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const DocumentNav: FC<{}>;

package/build/components/DocumentNav.js

@@ -0,0 +1,64 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocumentNav = void 0;
+var react_1 = __importStar(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var state_1 = require("../state");
+var actions_1 = require("../state/actions");
+var Button_1 = require("./common/Button");
+var icons_1 = require("./icons");
+var DocumentNav = function () {
+    var _a = (0, react_1.useContext)(state_1.DocViewerContext), _b = _a.state, currentDocument = _b.currentDocument, currentFileNo = _b.currentFileNo, documents = _b.documents, dispatch = _a.dispatch;
+    if (documents.length <= 1 || !currentDocument)
+        return null;
+    var fileName = currentDocument.uri;
+    var splitURL = fileName.split("/");
+    if (splitURL.length) {
+        fileName = splitURL[splitURL.length - 1];
+    }
+    return (react_1.default.createElement(Container, { id: "doc-nav" },
+        react_1.default.createElement("p", { id: "doc-nav-info" },
+            "Doc ",
+            currentFileNo + 1,
+            " of ",
+            documents.length),
+        react_1.default.createElement(ButtonPrev, { id: "doc-nav-prev", onClick: function () { return dispatch((0, actions_1.previousDocument)()); }, disabled: currentFileNo === 0 },
+            react_1.default.createElement(icons_1.PrevDocIcon, { color: "#fff", size: "60%" })),
+        react_1.default.createElement(ButtonNext, { id: "doc-nav-next", onClick: function () { return dispatch((0, actions_1.nextDocument)()); }, disabled: currentFileNo >= documents.length - 1 },
+            react_1.default.createElement(icons_1.NextDocIcon, { color: "#fff", size: "60%" }))));
+};
+exports.DocumentNav = DocumentNav;
+var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  min-width: 150px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n  margin: 0 10px;\n  color: ", ";\n"], ["\n  min-width: 150px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n  margin: 0 10px;\n  color: ", ";\n"])), function (props) { return props.theme.text_primary; });
+var ButtonPrev = (0, styled_components_1.default)(Button_1.ButtonSecondary)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 30px;\n  height: 30px;\n  margin: 0 5px 0 10px;\n\n  @media (max-width: 768px) {\n    width: 25px;\n    height: 25px;\n  }\n"], ["\n  width: 30px;\n  height: 30px;\n  margin: 0 5px 0 10px;\n\n  @media (max-width: 768px) {\n    width: 25px;\n    height: 25px;\n  }\n"])));
+var ButtonNext = (0, styled_components_1.default)(ButtonPrev)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin: 0 5px;\n"], ["\n  margin: 0 5px;\n"])));
+var templateObject_1, templateObject_2, templateObject_3;

package/build/components/FileName.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const FileName: FC<{}>;

package/build/components/FileName.js

@@ -0,0 +1,61 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileName = void 0;
+var react_1 = __importStar(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var state_1 = require("../state");
+var FileName = function () {
+    var _a, _b;
+    var _c = (0, react_1.useContext)(state_1.DocViewerContext).state, config = _c.config, currentDocument = _c.currentDocument;
+    if (!currentDocument || ((_a = config === null || config === void 0 ? void 0 : config.header) === null || _a === void 0 ? void 0 : _a.disableFileName))
+        return null;
+    var fileName = '';
+    if (currentDocument.fileName) {
+        fileName = currentDocument.fileName;
+    }
+    else {
+        fileName = currentDocument.uri || '';
+        fileName = decodeURI(fileName);
+        if (!((_b = config === null || config === void 0 ? void 0 : config.header) === null || _b === void 0 ? void 0 : _b.retainURLParams)) {
+            fileName = fileName.split('?')[0];
+        }
+        var splitURL = fileName.split('/');
+        if (splitURL.length) {
+            fileName = splitURL[splitURL.length - 1];
+        }
+    }
+    return (react_1.default.createElement(Container, { id: 'file-name', "data-testid": 'file-name' }, fileName));
+};
+exports.FileName = FileName;
+var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  flex: 1;\n  text-align: left;\n  color: ", ";\n  font-weight: bold;\n  margin: 0 10px;\n  overflow: hidden;\n"], ["\n  flex: 1;\n  text-align: left;\n  color: ", ";\n  font-weight: bold;\n  margin: 0 10px;\n  overflow: hidden;\n"])), function (props) { return props.theme.text_primary; });
+var templateObject_1;

package/build/components/HeaderBar.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const HeaderBar: FC<{}>;

package/build/components/HeaderBar.js

@@ -0,0 +1,58 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderBar = void 0;
+var react_1 = __importStar(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var state_1 = require("../state");
+var actions_1 = require("../state/actions");
+var DocumentNav_1 = require("./DocumentNav");
+var FileName_1 = require("./FileName");
+var HeaderBar = function () {
+    var _a, _b, _c;
+    var _d = (0, react_1.useContext)(state_1.DocViewerContext), state = _d.state, dispatch = _d.dispatch;
+    var config = state.config;
+    if ((_a = config === null || config === void 0 ? void 0 : config.header) === null || _a === void 0 ? void 0 : _a.disableHeader)
+        return null;
+    var override = (_c = (_b = config === null || config === void 0 ? void 0 : config.header) === null || _b === void 0 ? void 0 : _b.overrideComponent) === null || _c === void 0 ? void 0 : _c.call(_b, state, function () { return dispatch((0, actions_1.previousDocument)()); }, function () { return dispatch((0, actions_1.nextDocument)()); });
+    if (override) {
+        return override;
+    }
+    else {
+        return (react_1.default.createElement(Container, { id: "header-bar", "data-testid": "header-bar" },
+            react_1.default.createElement(FileName_1.FileName, null),
+            react_1.default.createElement(DocumentNav_1.DocumentNav, null)));
+    }
+};
+exports.HeaderBar = HeaderBar;
+var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  z-index: 1;\n  padding: 0 10px;\n  background-color: ", ";\n  font-size: 16px;\n  min-height: 50px;\n\n  @media (max-width: 768px) {\n    min-height: 30px;\n    padding: 5px;\n    font-size: 10px;\n  }\n"], ["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  z-index: 1;\n  padding: 0 10px;\n  background-color: ", ";\n  font-size: 16px;\n  min-height: 50px;\n\n  @media (max-width: 768px) {\n    min-height: 30px;\n    padding: 5px;\n    font-size: 10px;\n  }\n"])), function (props) { return props.theme.primary; });
+var templateObject_1;

package/build/components/ProxyRenderer.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const ProxyRenderer: FC<{}>;

package/build/components/ProxyRenderer.js

@@ -0,0 +1,80 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProxyRenderer = void 0;
+var react_1 = __importStar(require("react"));
+var styled_components_1 = __importStar(require("styled-components"));
+var actions_1 = require("../state/actions");
+var useDocumentLoader_1 = require("../utils/useDocumentLoader");
+var useWindowSize_1 = require("../utils/useWindowSize");
+var common_1 = require("./common");
+var icons_1 = require("./icons");
+var ProxyRenderer = function () {
+    var _a = (0, useDocumentLoader_1.useDocumentLoader)(), state = _a.state, dispatch = _a.dispatch, CurrentRenderer = _a.CurrentRenderer;
+    var documents = state.documents, documentLoading = state.documentLoading, currentDocument = state.currentDocument;
+    var size = (0, useWindowSize_1.useWindowSize)();
+    var containerRef = (0, react_1.useCallback)(function (node) {
+        node && dispatch((0, actions_1.setRendererRect)(node === null || node === void 0 ? void 0 : node.getBoundingClientRect()));
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [size]);
+    var Contents = function () {
+        if (!documents.length) {
+            return react_1.default.createElement("div", { id: "no-documents" });
+        }
+        else if (documentLoading) {
+            return (react_1.default.createElement(LoadingContainer, { id: "loading-renderer", "data-testid": "loading-renderer" },
+                react_1.default.createElement(LoadingIconContainer, null,
+                    react_1.default.createElement(icons_1.LoadingIcon, { color: "#444", size: 40 }))));
+        }
+        else {
+            if (CurrentRenderer) {
+                return react_1.default.createElement(CurrentRenderer, { mainState: state });
+            }
+            else if (CurrentRenderer === undefined) {
+                return null;
+            }
+            else {
+                return (react_1.default.createElement("div", { id: "no-renderer", "data-testid": "no-renderer" },
+                    "No Renderer for file type ", currentDocument === null || currentDocument === void 0 ? void 0 :
+                    currentDocument.fileType,
+                    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")));
+            }
+        }
+    };
+    return (react_1.default.createElement(Container, { id: "proxy-renderer", ref: containerRef },
+        react_1.default.createElement(Contents, null)));
+};
+exports.ProxyRenderer = ProxyRenderer;
+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"])));
+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"])));
+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"])));
+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);
+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; });
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/build/components/common/Button.d.ts

@@ -0,0 +1,11 @@
+import { IStyledProps } from "../../types";
+interface ButtonProps extends IStyledProps {
+    disabled?: boolean;
+}
+export declare const ButtonPrimaryStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+export declare const ButtonSecondaryStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+export declare const Button: import("styled-components").StyledComponent<"button", any, ButtonProps, never>;
+export declare const LinkButton: import("styled-components").StyledComponent<"a", any, {}, never>;
+export declare const ButtonPrimary: import("styled-components").StyledComponent<"button", any, ButtonProps, never>;
+export declare const ButtonSecondary: import("styled-components").StyledComponent<"button", any, ButtonProps, never>;
+export {};

package/build/components/common/Button.js

@@ -0,0 +1,38 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonSecondary = exports.ButtonPrimary = exports.LinkButton = exports.Button = exports.ButtonSecondaryStyle = exports.ButtonPrimaryStyle = void 0;
+var styled_components_1 = __importStar(require("styled-components"));
+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; });
+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; });
+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"); });
+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; });
+exports.ButtonPrimary = (0, styled_components_1.default)(exports.Button)(templateObject_5 || (templateObject_5 = __makeTemplateObject([""], [""])));
+exports.ButtonSecondary = (0, styled_components_1.default)(exports.Button)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), exports.ButtonSecondaryStyle);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/build/components/common/index.d.ts

@@ -0,0 +1 @@
+export * from "./Button";

package/build/components/common/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Button"), exports);

package/build/components/icons/index.d.ts

@@ -0,0 +1,8 @@
+export interface IIconProps {
+    color?: string;
+    size?: string | number | (string & {}) | undefined;
+    reverse?: boolean;
+}
+export declare const PrevDocIcon: (props: IIconProps) => JSX.Element;
+export declare const NextDocIcon: (props: IIconProps) => JSX.Element;
+export declare const LoadingIcon: (props: IIconProps) => JSX.Element;

package/build/components/icons/index.js

@@ -0,0 +1,45 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingIcon = exports.NextDocIcon = exports.PrevDocIcon = void 0;
+var react_1 = __importDefault(require("react"));
+var PrevDocIcon = function (props) {
+    return react_1.default.createElement(DocNavIcon, __assign({}, props));
+};
+exports.PrevDocIcon = PrevDocIcon;
+var NextDocIcon = function (props) {
+    return react_1.default.createElement(DocNavIcon, __assign({}, props, { reverse: true }));
+};
+exports.NextDocIcon = NextDocIcon;
+var DocNavIcon = function (props) {
+    var color = props.color, size = props.size, reverse = props.reverse;
+    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" },
+        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" })));
+};
+var LoadingIcon = function (props) {
+    var color = props.color, size = props.size;
+    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" } },
+        react_1.default.createElement("g", null,
+            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" }),
+            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" }),
+            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" }),
+            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" }),
+            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" }),
+            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" }),
+            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" }),
+            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" }))));
+};
+exports.LoadingIcon = LoadingIcon;

package/build/index.d.ts

@@ -0,0 +1,25 @@
+import { CSSProperties, FC } from "react";
+import BMPRenderer from "./plugins/bmp";
+import HTMLRenderer from "./plugins/html";
+import ImageProxyRenderer from "./plugins/image";
+import JPGRenderer from "./plugins/jpg";
+import MSDocRenderer from "./plugins/msdoc";
+import PDFRenderer from "./plugins/pdf";
+import PNGRenderer from "./plugins/png";
+import TIFFRenderer from "./plugins/tiff";
+import TXTRenderer from "./plugins/txt";
+import { DocRenderer, IConfig, IDocument, ITheme } from "./types";
+export interface DocViewerProps {
+    documents: IDocument[];
+    className?: string;
+    style?: CSSProperties;
+    config?: IConfig;
+    theme?: ITheme;
+    pluginRenderers?: DocRenderer[];
+}
+declare const DocViewer: FC<DocViewerProps>;
+export default DocViewer;
+export { DocViewerRenderers } from "./plugins";
+export * from "./types";
+export * from "./utils/fileLoaders";
+export { BMPRenderer, HTMLRenderer, ImageProxyRenderer, JPGRenderer, MSDocRenderer, PDFRenderer, PNGRenderer, TIFFRenderer, TXTRenderer, };

package/build/index.js

@@ -0,0 +1,89 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TXTRenderer = exports.TIFFRenderer = exports.PNGRenderer = exports.PDFRenderer = exports.MSDocRenderer = exports.JPGRenderer = exports.ImageProxyRenderer = exports.HTMLRenderer = exports.BMPRenderer = exports.DocViewerRenderers = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importStar(require("styled-components"));
+var HeaderBar_1 = require("./components/HeaderBar");
+var ProxyRenderer_1 = require("./components/ProxyRenderer");
+var bmp_1 = __importDefault(require("./plugins/bmp"));
+exports.BMPRenderer = bmp_1.default;
+var html_1 = __importDefault(require("./plugins/html"));
+exports.HTMLRenderer = html_1.default;
+var image_1 = __importDefault(require("./plugins/image"));
+exports.ImageProxyRenderer = image_1.default;
+var jpg_1 = __importDefault(require("./plugins/jpg"));
+exports.JPGRenderer = jpg_1.default;
+var msdoc_1 = __importDefault(require("./plugins/msdoc"));
+exports.MSDocRenderer = msdoc_1.default;
+var pdf_1 = __importDefault(require("./plugins/pdf"));
+exports.PDFRenderer = pdf_1.default;
+var png_1 = __importDefault(require("./plugins/png"));
+exports.PNGRenderer = png_1.default;
+var tiff_1 = __importDefault(require("./plugins/tiff"));
+exports.TIFFRenderer = tiff_1.default;
+var txt_1 = __importDefault(require("./plugins/txt"));
+exports.TXTRenderer = txt_1.default;
+var state_1 = require("./state");
+var theme_1 = require("./theme");
+var DocViewer = function (props) {
+    var documents = props.documents, theme = props.theme;
+    if (!documents || documents === undefined) {
+        throw new Error("Please provide an array of documents to DocViewer.\ne.g. <DocViewer documents={[ { uri: 'https://mypdf.pdf' } ]} />");
+    }
+    return (react_1.default.createElement(state_1.AppProvider, __assign({}, props),
+        react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme ? __assign(__assign({}, theme_1.defaultTheme), theme) : theme_1.defaultTheme },
+            react_1.default.createElement(Container, __assign({ id: "react-doc-viewer", "data-testid": "react-doc-viewer" }, props),
+                react_1.default.createElement(HeaderBar_1.HeaderBar, null),
+                react_1.default.createElement(ProxyRenderer_1.ProxyRenderer, null)))));
+};
+exports.default = DocViewer;
+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"])));
+var plugins_1 = require("./plugins");
+Object.defineProperty(exports, "DocViewerRenderers", { enumerable: true, get: function () { return plugins_1.DocViewerRenderers; } });
+__exportStar(require("./types"), exports);
+__exportStar(require("./utils/fileLoaders"), exports);
+var templateObject_1;

package/build/plugins/bmp/index.d.ts

@@ -0,0 +1,3 @@
+import { DocRenderer } from "../../types";
+declare const BMPRenderer: DocRenderer;
+export default BMPRenderer;

package/build/plugins/bmp/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var image_1 = __importDefault(require("../image"));
+var BMPRenderer = function (props) { return react_1.default.createElement(image_1.default, __assign({}, props)); };
+BMPRenderer.fileTypes = ["bmp", "image/bmp"];
+BMPRenderer.weight = 0;
+exports.default = BMPRenderer;

package/build/plugins/html/index.d.ts

@@ -0,0 +1,3 @@
+import { DocRenderer } from "../../types";
+declare const HTMLRenderer: DocRenderer;
+export default HTMLRenderer;

package/build/plugins/html/index.js

@@ -0,0 +1,60 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var fileLoaders_1 = require("../../utils/fileLoaders");
+var HTMLRenderer = function (_a) {
+    var currentDocument = _a.mainState.currentDocument;
+    (0, react_1.useEffect)(function () {
+        var b64String = currentDocument === null || currentDocument === void 0 ? void 0 : currentDocument.fileData;
+        var bodyBase64 = (b64String === null || b64String === void 0 ? void 0 : b64String.replace("data:text/html;base64,", "")) || "";
+        var body = window.atob(bodyBase64);
+        var iframeCont = document.getElementById("html-body");
+        var iframe = (iframeCont === null || iframeCont === void 0 ? void 0 : iframeCont.contentWindow) && iframeCont.contentWindow;
+        if (!iframe)
+            return;
+        var iframeDoc = iframe.document;
+        iframeDoc.open();
+        iframeDoc.write("".concat(body));
+        iframeDoc.close();
+    }, []);
+    return (react_1.default.createElement(Container, { id: "html-renderer" },
+        react_1.default.createElement(BodyIFrame, { id: "html-body", sandbox: "allow-same-origin" })));
+};
+exports.default = HTMLRenderer;
+HTMLRenderer.fileTypes = ["htm", "html", "text/htm", "text/html"];
+HTMLRenderer.weight = 0;
+HTMLRenderer.fileLoader = fileLoaders_1.dataURLFileLoader;
+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"])));
+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; });
+var templateObject_1, templateObject_2;

package/build/plugins/image/index.d.ts

@@ -0,0 +1,3 @@
+import { DocRenderer } from "../../types";
+declare const ImageProxyRenderer: DocRenderer;
+export default ImageProxyRenderer;