asma-doc-viewer 1.0.3 → 1.0.4

package/build/plugins/image/index.js

@@ -0,0 +1,34 @@
+"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 __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 styled_components_1 = __importDefault(require("styled-components"));
+var ImageProxyRenderer = function (props) {
+    var currentDocument = props.mainState.currentDocument, children = props.children;
+    if (!currentDocument)
+        return null;
+    return (react_1.default.createElement(Container, __assign({ id: "image-renderer" }, props), children || (react_1.default.createElement(Img, { id: "image-img", src: currentDocument.fileData }))));
+};
+exports.default = ImageProxyRenderer;
+ImageProxyRenderer.fileTypes = [];
+ImageProxyRenderer.weight = 0;
+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"])));
+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"])));
+var templateObject_1, templateObject_2;

package/build/plugins/index.d.ts

@@ -0,0 +1 @@
+export declare const DocViewerRenderers: import("..").DocRenderer[];

package/build/plugins/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocViewerRenderers = void 0;
+var bmp_1 = __importDefault(require("./bmp"));
+var html_1 = __importDefault(require("./html"));
+var jpg_1 = __importDefault(require("./jpg"));
+var msdoc_1 = __importDefault(require("./msdoc"));
+var pdf_1 = __importDefault(require("./pdf"));
+var png_1 = __importDefault(require("./png"));
+var tiff_1 = __importDefault(require("./tiff"));
+var txt_1 = __importDefault(require("./txt"));
+exports.DocViewerRenderers = [
+    bmp_1.default,
+    html_1.default,
+    jpg_1.default,
+    msdoc_1.default,
+    pdf_1.default,
+    png_1.default,
+    tiff_1.default,
+    txt_1.default,
+];

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

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

package/build/plugins/jpg/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 JPGRenderer = function (props) { return react_1.default.createElement(image_1.default, __assign({}, props)); };
+JPGRenderer.fileTypes = ["jpg", "jpeg", "image/jpg", "image/jpeg"];
+JPGRenderer.weight = 0;
+exports.default = JPGRenderer;

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

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

package/build/plugins/msdoc/index.js

@@ -0,0 +1,54 @@
+"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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+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 styled_components_1 = __importDefault(require("styled-components"));
+var MSDocRenderer = function (_a) {
+    var currentDocument = _a.mainState.currentDocument;
+    if (!currentDocument)
+        return null;
+    return (react_1.default.createElement(Container, { id: "msdoc-renderer" },
+        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" })));
+};
+exports.default = MSDocRenderer;
+var MSDocFTMaps = {
+    doc: ["doc", "application/msword"],
+    docx: [
+        "docx",
+        "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+    ],
+    xls: ["xls", "application/vnd.ms-excel"],
+    xlsx: [
+        "xlsx",
+        "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    ],
+    ppt: ["ppt", "application/vnd.ms-powerpoint"],
+    pptx: [
+        "pptx",
+        "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+    ],
+};
+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);
+MSDocRenderer.weight = 0;
+MSDocRenderer.fileLoader = function (_a) {
+    var fileLoaderComplete = _a.fileLoaderComplete;
+    return fileLoaderComplete();
+};
+var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
+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"])));
+var templateObject_1, templateObject_2;

package/build/plugins/pdf/components/PDFControls.d.ts

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

package/build/plugins/pdf/components/PDFControls.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 });
+var react_1 = __importStar(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var common_1 = require("../../../components/common");
+var state_1 = require("../state");
+var actions_1 = require("../state/actions");
+var reducer_1 = require("../state/reducer");
+var icons_1 = require("./icons");
+var PDFPagination_1 = __importDefault(require("./PDFPagination"));
+var PDFControls = function () {
+    var _a = (0, react_1.useContext)(state_1.PDFContext), _b = _a.state, mainState = _b.mainState, paginated = _b.paginated, zoomLevel = _b.zoomLevel, numPages = _b.numPages, dispatch = _a.dispatch;
+    var currentDocument = (mainState === null || mainState === void 0 ? void 0 : mainState.currentDocument) || null;
+    return (react_1.default.createElement(Container, { id: "pdf-controls" },
+        paginated && numPages > 1 && react_1.default.createElement(PDFPagination_1.default, null),
+        (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.fileName) || (currentDocument === null || currentDocument === void 0 ? void 0 : currentDocument.uri) },
+            react_1.default.createElement(icons_1.DownloadPDFIcon, { color: "#000", size: "75%" }))),
+        react_1.default.createElement(ControlButton, { id: "pdf-zoom-out", onMouseDown: function () { return dispatch((0, actions_1.setZoomLevel)(zoomLevel - 0.1)); } },
+            react_1.default.createElement(icons_1.ZoomOutPDFIcon, { color: "#000", size: "80%" })),
+        react_1.default.createElement(ControlButton, { id: "pdf-zoom-in", onMouseDown: function () { return dispatch((0, actions_1.setZoomLevel)(zoomLevel + 0.1)); } },
+            react_1.default.createElement(icons_1.ZoomInPDFIcon, { color: "#000", size: "80%" })),
+        react_1.default.createElement(ControlButton, { id: "pdf-zoom-reset", onMouseDown: function () { return dispatch((0, actions_1.setZoomLevel)(reducer_1.initialPDFState.zoomLevel)); }, disabled: zoomLevel === reducer_1.initialPDFState.zoomLevel },
+            react_1.default.createElement(icons_1.ResetZoomPDFIcon, { color: "#000", size: "70%" })),
+        numPages > 1 && (react_1.default.createElement(ControlButton, { id: "pdf-toggle-pagination", onMouseDown: function () { return dispatch((0, actions_1.setPDFPaginated)(!paginated)); } },
+            react_1.default.createElement(icons_1.TogglePaginationPDFIcon, { color: "#000", size: "70%", reverse: paginated })))));
+};
+exports.default = PDFControls;
+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; });
+var ControlButton = (0, 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"])));
+var DownloadButton = (0, 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"])));
+var templateObject_1, templateObject_2, templateObject_3;

package/build/plugins/pdf/components/PDFPagination.d.ts

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

package/build/plugins/pdf/components/PDFPagination.js

@@ -0,0 +1,57 @@
+"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 common_1 = require("../../../components/common");
+var state_1 = require("../state");
+var actions_1 = require("../state/actions");
+var icons_1 = require("./icons");
+var PDFPagination = function () {
+    var _a = (0, react_1.useContext)(state_1.PDFContext), _b = _a.state, currentPage = _b.currentPage, numPages = _b.numPages, dispatch = _a.dispatch;
+    return (react_1.default.createElement(Container, { id: "pdf-pagination" },
+        react_1.default.createElement(PageNavButtonLeft, { id: "pdf-pagination-prev", onClick: function () { return dispatch((0, actions_1.setCurrentPage)(currentPage - 1)); }, disabled: currentPage === 1 },
+            react_1.default.createElement(icons_1.PrevPDFNavIcon, { color: "#000", size: "50%" })),
+        react_1.default.createElement(PageTag, { id: "pdf-pagination-info" },
+            "Page ",
+            currentPage,
+            "/",
+            numPages),
+        react_1.default.createElement(PageNavButtonRight, { id: "pdf-pagination-next", onClick: function () { return dispatch((0, actions_1.setCurrentPage)(currentPage + 1)); }, disabled: currentPage >= numPages },
+            react_1.default.createElement(icons_1.NextPDFNavIcon, { color: "#000", size: "50%" }))));
+};
+exports.default = PDFPagination;
+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"])));
+var PageNavButtonLeft = (0, 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"])));
+var PageNavButtonRight = (0, styled_components_1.default)(PageNavButtonLeft)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin: 0 20px 0 5px;\n"], ["\n  margin: 0 20px 0 5px;\n"])));
+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; });
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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

@@ -0,0 +1,8 @@
+import { IIconProps } from "../../../../components/icons";
+export declare const PrevPDFNavIcon: (props: IIconProps) => JSX.Element;
+export declare const NextPDFNavIcon: (props: IIconProps) => JSX.Element;
+export declare const DownloadPDFIcon: (props: IIconProps) => JSX.Element;
+export declare const ZoomInPDFIcon: (props: IIconProps) => JSX.Element;
+export declare const ZoomOutPDFIcon: (props: IIconProps) => JSX.Element;
+export declare const ResetZoomPDFIcon: (props: IIconProps) => JSX.Element;
+export declare const TogglePaginationPDFIcon: (props: IIconProps) => JSX.Element;

package/build/plugins/pdf/components/icons/index.js

@@ -0,0 +1,73 @@
+"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.TogglePaginationPDFIcon = exports.ResetZoomPDFIcon = exports.ZoomOutPDFIcon = exports.ZoomInPDFIcon = exports.DownloadPDFIcon = exports.NextPDFNavIcon = exports.PrevPDFNavIcon = void 0;
+var react_1 = __importDefault(require("react"));
+var PrevPDFNavIcon = function (props) {
+    return react_1.default.createElement(PDFNavArrow, __assign({}, props, { reverse: true }));
+};
+exports.PrevPDFNavIcon = PrevPDFNavIcon;
+var NextPDFNavIcon = function (props) {
+    return react_1.default.createElement(PDFNavArrow, __assign({}, props));
+};
+exports.NextPDFNavIcon = NextPDFNavIcon;
+var PDFNavArrow = 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)" : "") }, viewBox: "0 0 12 12", version: "1.1" },
+        react_1.default.createElement("g", { id: "Icons", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("g", { id: "Rounded", transform: "translate(-548.000000, -1000.000000)" },
+                react_1.default.createElement("g", { id: "AV", transform: "translate(100.000000, 852.000000)" },
+                    react_1.default.createElement("g", { id: "-Round-/-AV-/-skip_next", transform: "translate(442.000000, 142.000000)" },
+                        react_1.default.createElement("g", null,
+                            react_1.default.createElement("rect", { id: "Rectangle-Copy-52", x: "0", y: "0", width: "24", height: "24" }),
+                            react_1.default.createElement("path", { d: "M7.58,16.89 L13.35,12.82 C13.91,12.42 13.91,11.58 13.35,11.19 L7.58,7.11 C6.91,6.65 6,7.12 6,7.93 L6,16.07 C6,16.88 6.91,17.35 7.58,16.89 Z M16,7 L16,17 C16,17.55 16.45,18 17,18 C17.55,18 18,17.55 18,17 L18,7 C18,6.45 17.55,6 17,6 C16.45,6 16,6.45 16,7 Z", id: "icon_color", fill: color || "#aaa" }))))))));
+};
+var DownloadPDFIcon = 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: "Layer_1", viewBox: "0 0 24 24" },
+        react_1.default.createElement("path", { d: "M20.57,9.43A8,8,0,0,0,5.26,10,5,5,0,1,0,5,20h5V18H5a3,3,0,0,1,0-6,3.1,3.1,0,0,1,.79.12l1.12.31.14-1.15a6,6,0,0,1,11.74-.82l.15.54.54.16A3.46,3.46,0,0,1,22,14.5,3.5,3.5,0,0,1,18.5,18H16v2h2.5A5.48,5.48,0,0,0,20.57,9.43Z", fill: color || "#aaa" }),
+        react_1.default.createElement("polygon", { points: "12 11 12 15.59 10.71 14.29 9.29 15.71 13 19.41 16.71 15.71 15.29 14.29 14 15.59 14 11 12 11", fill: color || "#aaa" })));
+};
+exports.DownloadPDFIcon = DownloadPDFIcon;
+var ZoomInPDFIcon = function (props) {
+    return react_1.default.createElement(ZoomPDFIcon, __assign({}, props));
+};
+exports.ZoomInPDFIcon = ZoomInPDFIcon;
+var ZoomOutPDFIcon = function (props) {
+    return react_1.default.createElement(ZoomPDFIcon, __assign({}, props, { reverse: true }));
+};
+exports.ZoomOutPDFIcon = ZoomOutPDFIcon;
+var ZoomPDFIcon = function (props) {
+    var color = props.color, size = props.size, reverse = props.reverse;
+    return (react_1.default.createElement("svg", { width: size || "100%", height: size || "100%", viewBox: "0 0 32 32", version: "1.1" },
+        react_1.default.createElement("g", { id: "Page-1", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("g", { id: "search-plus-icon", fill: color || "#aaa" },
+                react_1.default.createElement("path", { id: "search-plus", d: reverse
+                        ? "M 13 13 L 16 13 L 19 13 L 19 16 L 16 16 L 13 16 L 10 16 L 10 13 Z M 19.4271 21.4271 C 18.0372 22.4175 16.3367 23 14.5 23 C 9.8056 23 6 19.1944 6 14.5 C 6 9.8056 9.8056 6 14.5 6 C 19.1944 6 23 9.8056 23 14.5 C 23 16.3367 22.4175 18.0372 21.4271 19.4271 L 27.0119 25.0119 C 27.5621 25.5621 27.5575 26.4425 27.0117 26.9883 L 26.9883 27.0117 C 26.4439 27.5561 25.5576 27.5576 25.0119 27.0119 L 19.4271 21.4271 L 19.4271 21.4271 L 19.4271 21.4271 Z M 14.5 21 C 18.0899 21 21 18.0899 21 14.5 C 21 10.9101 18.0899 8 14.5 8 C 10.9101 8 8 10.9101 8 14.5 C 8 18.0899 10.9101 21 14.5 21 L 14.5 21 Z"
+                        : "M 13 13 L 13 10 L 16 10 L 16 13 L 19 13 L 19 16 L 16 16 L 16 19 L 13 19 L 13 16 L 10 16 L 10 13 Z M 19.4271 21.4271 C 18.0372 22.4175 16.3367 23 14.5 23 C 9.8056 23 6 19.1944 6 14.5 C 6 9.8056 9.8056 6 14.5 6 C 19.1944 6 23 9.8056 23 14.5 C 23 16.3367 22.4175 18.0372 21.4271 19.4271 L 27.0119 25.0119 C 27.5621 25.5621 27.5575 26.4425 27.0117 26.9883 L 26.9883 27.0117 C 26.4439 27.5561 25.5576 27.5576 25.0119 27.0119 L 19.4271 21.4271 L 19.4271 21.4271 L 19.4271 21.4271 Z M 14.5 21 C 18.0899 21 21 18.0899 21 14.5 C 21 10.9101 18.0899 8 14.5 8 C 10.9101 8 8 10.9101 8 14.5 C 8 18.0899 10.9101 21 14.5 21 L 14.5 21 Z" })))));
+};
+var ResetZoomPDFIcon = function (props) {
+    var color = props.color, size = props.size;
+    return (react_1.default.createElement("svg", { width: size || "100%", height: size || "100%", viewBox: "0 0 24 24" },
+        react_1.default.createElement("path", { fill: color || "#aaa", d: "M9.29,13.29,4,18.59V17a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,3,22H7a1,1,0,0,0,0-2H5.41l5.3-5.29a1,1,0,0,0-1.42-1.42ZM5.41,4H7A1,1,0,0,0,7,2H3a1,1,0,0,0-.38.08,1,1,0,0,0-.54.54A1,1,0,0,0,2,3V7A1,1,0,0,0,4,7V5.41l5.29,5.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42ZM21,16a1,1,0,0,0-1,1v1.59l-5.29-5.3a1,1,0,0,0-1.42,1.42L18.59,20H17a1,1,0,0,0,0,2h4a1,1,0,0,0,.38-.08,1,1,0,0,0,.54-.54A1,1,0,0,0,22,21V17A1,1,0,0,0,21,16Zm.92-13.38a1,1,0,0,0-.54-.54A1,1,0,0,0,21,2H17a1,1,0,0,0,0,2h1.59l-5.3,5.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L20,5.41V7a1,1,0,0,0,2,0V3A1,1,0,0,0,21.92,2.62Z" })));
+};
+exports.ResetZoomPDFIcon = ResetZoomPDFIcon;
+var TogglePaginationPDFIcon = 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(90deg)" : "") }, version: "1.1", id: "Scroll_1", viewBox: "0 0 297 297", xmlSpace: "preserve" },
+        react_1.default.createElement("path", { fill: color || "#aaa", d: "M206.004,200.723h-31.231V96.277h31.231c0.005,0,0.014,0,0.019,0c5.289,0,9.575-4.287,9.575-9.574\r\n  c0-2.342-0.841-4.488-2.236-6.151L156.168,3.851C154.36,1.428,151.515,0,148.492,0c-3.023,0-5.868,1.428-7.675,3.851L83.302,80.98\r\n  c-2.166,2.902-2.507,6.779-0.883,10.017c1.624,3.236,4.936,5.28,8.559,5.28h31.231v104.445H90.978c-3.623,0-6.934,2.044-8.559,5.28\r\n  c-1.624,3.237-1.283,7.114,0.883,10.017l57.513,77.129c1.808,2.424,4.652,3.852,7.675,3.852c3.023,0,5.868-1.428,7.676-3.852\r\n  l57.514-77.129c2.164-2.902,2.507-6.779,0.883-10.017C212.938,202.767,209.627,200.723,206.004,200.723z" })));
+};
+exports.TogglePaginationPDFIcon = TogglePaginationPDFIcon;

package/build/plugins/pdf/components/pages/PDFAllPages.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+interface Props {
+    pageNum?: number;
+}
+export declare const PDFAllPages: FC<Props>;
+export {};

package/build/plugins/pdf/components/pages/PDFAllPages.js

@@ -0,0 +1,41 @@
+"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 __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.PDFAllPages = void 0;
+var react_1 = __importStar(require("react"));
+var state_1 = require("../../state");
+var PDFSinglePage_1 = __importDefault(require("./PDFSinglePage"));
+var PDFAllPages = function (props) {
+    var numPages = (0, react_1.useContext)(state_1.PDFContext).state.numPages;
+    var PagesArray = [];
+    for (var i = 0; i < numPages; i++) {
+        PagesArray.push(react_1.default.createElement(PDFSinglePage_1.default, { key: i + 1, pageNum: i + 1 }));
+    }
+    return react_1.default.createElement(react_1.default.Fragment, null, PagesArray);
+};
+exports.PDFAllPages = PDFAllPages;

package/build/plugins/pdf/components/pages/PDFPages.d.ts

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

package/build/plugins/pdf/components/pages/PDFPages.js

@@ -0,0 +1,56 @@
+"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 react_pdf_1 = require("react-pdf");
+var styled_components_1 = __importDefault(require("styled-components"));
+var state_1 = require("../../state");
+var actions_1 = require("../../state/actions");
+var reducer_1 = require("../../state/reducer");
+var PDFAllPages_1 = require("./PDFAllPages");
+var PDFSinglePage_1 = __importDefault(require("./PDFSinglePage"));
+var PDFPages = function () {
+    var _a = (0, react_1.useContext)(state_1.PDFContext), _b = _a.state, mainState = _b.mainState, paginated = _b.paginated, dispatch = _a.dispatch;
+    var currentDocument = (mainState === null || mainState === void 0 ? void 0 : mainState.currentDocument) || null;
+    (0, react_1.useEffect)(function () {
+        dispatch((0, actions_1.setNumPages)(reducer_1.initialPDFState.numPages));
+    }, [currentDocument]);
+    if (!currentDocument || currentDocument.fileData === undefined)
+        return null;
+    return (react_1.default.createElement(DocumentPDF, { file: currentDocument.fileData, onLoadSuccess: function (_a) {
+            var numPages = _a.numPages;
+            return dispatch((0, actions_1.setNumPages)(numPages));
+        }, loading: react_1.default.createElement("span", null, "Loading...") }, paginated ? react_1.default.createElement(PDFSinglePage_1.default, null) : react_1.default.createElement(PDFAllPages_1.PDFAllPages, null)));
+};
+var DocumentPDF = (0, styled_components_1.default)(react_pdf_1.Document)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  margin: 0 auto;\n"], ["\n  display: flex;\n  flex-direction: column;\n  margin: 0 auto;\n"])));
+exports.default = PDFPages;
+var templateObject_1;

package/build/plugins/pdf/components/pages/PDFSinglePage.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+interface Props {
+    pageNum?: number;
+}
+declare const PDFSinglePage: FC<Props>;
+export default PDFSinglePage;

package/build/plugins/pdf/components/pages/PDFSinglePage.js

@@ -0,0 +1,53 @@
+"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 react_pdf_1 = require("react-pdf");
+var styled_components_1 = __importDefault(require("styled-components"));
+var state_1 = require("../../state");
+var PDFSinglePage = function (props) {
+    var pageNum = props.pageNum;
+    var _a = (0, react_1.useContext)(state_1.PDFContext).state, mainState = _a.mainState, paginated = _a.paginated, zoomLevel = _a.zoomLevel, numPages = _a.numPages, currentPage = _a.currentPage;
+    var rendererRect = (mainState === null || mainState === void 0 ? void 0 : mainState.rendererRect) || null;
+    var _pageNum = pageNum || currentPage;
+    return (react_1.default.createElement(PageWrapper, { id: "pdf-page-wrapper", last: _pageNum >= numPages },
+        !paginated && (react_1.default.createElement(PageTag, { id: "pdf-page-info" },
+            "Page ",
+            _pageNum,
+            "/",
+            numPages)),
+        react_1.default.createElement(react_pdf_1.Page, { pageNumber: _pageNum || currentPage, scale: zoomLevel, height: ((rendererRect === null || rendererRect === void 0 ? void 0 : rendererRect.height) || 100) - 100, width: ((rendererRect === null || rendererRect === void 0 ? void 0 : rendererRect.width) || 100) - 100 })));
+};
+exports.default = PDFSinglePage;
+var PageWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 20px 0;\n"], ["\n  margin: 20px 0;\n"])));
+var PageTag = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 0 0 10px 10px;\n  color: ", ";\n  font-size: 14px;\n  text-align: left;\n\n  @media (max-width: 768px) {\n    font-size: 10px;\n  }\n"], ["\n  padding: 0 0 10px 10px;\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_tertiary; });
+var templateObject_1, templateObject_2;

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

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

package/build/plugins/pdf/index.js

@@ -0,0 +1,55 @@
+"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 });
+// @ts-ignore
+var pdfjsWorker = __importStar(require("pdfjs-dist/build/pdf.worker.entry"));
+var react_1 = __importDefault(require("react"));
+var react_pdf_1 = require("react-pdf");
+var styled_components_1 = __importDefault(require("styled-components"));
+var PDFPages_1 = __importDefault(require("./components/pages/PDFPages"));
+var PDFControls_1 = __importDefault(require("./components/PDFControls"));
+var state_1 = require("./state");
+react_pdf_1.pdfjs.GlobalWorkerOptions.workerSrc = pdfjsWorker;
+var PDFRenderer = function (_a) {
+    var mainState = _a.mainState;
+    return (react_1.default.createElement(state_1.PDFProvider, { mainState: mainState },
+        react_1.default.createElement(Container, { id: "pdf-renderer", "data-testid": "pdf-renderer" },
+            react_1.default.createElement(PDFControls_1.default, null),
+            react_1.default.createElement(PDFPages_1.default, null))));
+};
+exports.default = PDFRenderer;
+PDFRenderer.fileTypes = ["pdf", "application/pdf"];
+PDFRenderer.weight = 0;
+var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow-y: auto;\n\n  /* width */\n  &::-webkit-scrollbar {\n    ", ";\n  }\n  /* Track */\n  &::-webkit-scrollbar-track {\n    /* background: ", "; */\n  }\n  /* Handle */\n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n  }\n  /* Handle on hover */\n  &::-webkit-scrollbar-thumb:hover {\n    background: ", ";\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow-y: auto;\n\n  /* width */\n  &::-webkit-scrollbar {\n    ", ";\n  }\n  /* Track */\n  &::-webkit-scrollbar-track {\n    /* background: ", "; */\n  }\n  /* Handle */\n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n  }\n  /* Handle on hover */\n  &::-webkit-scrollbar-thumb:hover {\n    background: ", ";\n  }\n"])), function (props) {
+    return props.theme.disableThemeScrollbar ? "" : "width: 10px";
+}, function (props) { return props.theme.secondary; }, function (props) { return props.theme.tertiary; }, function (props) { return props.theme.primary; });
+var templateObject_1;

package/build/plugins/pdf/state/actions.d.ts

@@ -0,0 +1,25 @@
+export declare const SET_ZOOM_LEVEL: string;
+export interface SetZoomLevel {
+    type: typeof SET_ZOOM_LEVEL;
+    value: number;
+}
+export declare const setZoomLevel: (value: number) => SetZoomLevel;
+export declare const SET_PDF_PAGINATED: string;
+export interface SetPDFPaginated {
+    type: typeof SET_PDF_PAGINATED;
+    value: boolean;
+}
+export declare const setPDFPaginated: (value: boolean) => SetPDFPaginated;
+export declare const SET_NUM_PAGES: string;
+export interface SetNumPages {
+    type: typeof SET_NUM_PAGES;
+    value: number;
+}
+export declare const setNumPages: (value: number) => SetNumPages;
+export declare const SET_CURRENT_PAGE: string;
+export interface SetCurrentPage {
+    type: typeof SET_CURRENT_PAGE;
+    value: number;
+}
+export declare const setCurrentPage: (value: number) => SetCurrentPage;
+export declare type PDFActions = SetZoomLevel | SetPDFPaginated | SetNumPages | SetCurrentPage;