asma-doc-viewer 1.0.1 → 1.0.2

package/README.md

@@ -378,6 +378,7 @@ const myHeader: IHeaderOverride = (state, previousDocument, nextDocument) => {
 | --------- | -------- |
 | uri       | `string` |
 | fileType? | `string` |
+| fileName? | `string` |
 | fileData? | `string  | ArrayBuffer` - **Used Internally - Ignored if passed into props** |
 
 ---

package/build/components/DocumentNav.js

@@ -18,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    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;
 };
@@ -33,8 +33,8 @@ var state_1 = require("../state");
 var actions_1 = require("../state/actions");
 var Button_1 = require("./common/Button");
 var icons_1 = require("./icons");
-exports.DocumentNav = function () {
-    var _a = react_1.useContext(state_1.DocViewerContext), _b = _a.state, currentDocument = _b.currentDocument, currentFileNo = _b.currentFileNo, documents = _b.documents, dispatch = _a.dispatch;
+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;
@@ -48,12 +48,13 @@ exports.DocumentNav = function () {
             currentFileNo + 1,
             " of ",
             documents.length),
-        react_1.default.createElement(ButtonPrev, { id: "doc-nav-prev", onClick: function () { return dispatch(actions_1.previousDocument()); }, disabled: currentFileNo === 0 },
+        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(actions_1.nextDocument()); }, disabled: currentFileNo >= documents.length - 1 },
+        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 = 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 = styled_components_1.default(ButtonPrev)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin: 0 5px;\n"], ["\n  margin: 0 5px;\n"])));
+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

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

package/build/components/FileName.js

@@ -18,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    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;
 };
@@ -30,21 +30,28 @@ exports.FileName = void 0;
 var react_1 = __importStar(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var state_1 = require("../state");
-exports.FileName = function () {
+var FileName = function () {
     var _a, _b;
-    var _c = react_1.useContext(state_1.DocViewerContext).state, config = _c.config, currentDocument = _c.currentDocument;
+    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 = 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 fileName = '';
+    if (currentDocument.fileName) {
+        fileName = currentDocument.fileName;
     }
-    var splitURL = fileName.split("/");
-    if (splitURL.length) {
-        fileName = splitURL[splitURL.length - 1];
+    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));
+    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.js

@@ -18,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    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;
 };
@@ -33,13 +33,13 @@ var state_1 = require("../state");
 var actions_1 = require("../state/actions");
 var DocumentNav_1 = require("./DocumentNav");
 var FileName_1 = require("./FileName");
-exports.HeaderBar = function () {
+var HeaderBar = function () {
     var _a, _b, _c;
-    var _d = react_1.useContext(state_1.DocViewerContext), state = _d.state, dispatch = _d.dispatch;
+    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(actions_1.previousDocument()); }, function () { return dispatch(actions_1.nextDocument()); });
+    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;
     }
@@ -49,5 +49,6 @@ exports.HeaderBar = function () {
             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.js

@@ -18,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    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;
 };
@@ -31,12 +31,12 @@ var useDocumentLoader_1 = require("../utils/useDocumentLoader");
 var useWindowSize_1 = require("../utils/useWindowSize");
 var common_1 = require("./common");
 var icons_1 = require("./icons");
-exports.ProxyRenderer = function () {
-    var _a = useDocumentLoader_1.useDocumentLoader(), state = _a.state, dispatch = _a.dispatch, CurrentRenderer = _a.CurrentRenderer;
+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 = useWindowSize_1.useWindowSize();
-    var containerRef = react_1.useCallback(function (node) {
-        node && dispatch(actions_1.setRendererRect(node === null || node === void 0 ? void 0 : node.getBoundingClientRect()));
+    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]);
@@ -67,9 +67,10 @@ exports.ProxyRenderer = function () {
     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 = 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 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 = 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 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.js

@@ -18,17 +18,17 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    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 = 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 = 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.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 = styled_components_1.default(exports.Button)(templateObject_5 || (templateObject_5 = __makeTemplateObject([""], [""])));
-exports.ButtonSecondary = styled_components_1.default(exports.Button)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), exports.ButtonSecondaryStyle);
+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.js

@@ -7,7 +7,7 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     o[k2] = m[k];
 }));
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    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.js

@@ -16,18 +16,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoadingIcon = exports.NextDocIcon = exports.PrevDocIcon = void 0;
 var react_1 = __importDefault(require("react"));
-exports.PrevDocIcon = function (props) {
+var PrevDocIcon = function (props) {
     return react_1.default.createElement(DocNavIcon, __assign({}, props));
 };
-exports.NextDocIcon = function (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: "" + (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" })));
 };
-exports.LoadingIcon = function (props) {
+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,
@@ -40,3 +42,4 @@ exports.LoadingIcon = function (props) {
             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\n\t\tC21.1,11.2,21.4,11.3,21.7,11.3z" }))));
 };
+exports.LoadingIcon = LoadingIcon;

package/build/index.js

@@ -29,18 +29,18 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    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" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    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 = void 0;
+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");

package/build/plugins/html/index.js

@@ -18,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    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;
 };
@@ -31,7 +31,7 @@ var styled_components_1 = __importDefault(require("styled-components"));
 var fileLoaders_1 = require("../../utils/fileLoaders");
 var HTMLRenderer = function (_a) {
     var currentDocument = _a.mainState.currentDocument;
-    react_1.useEffect(function () {
+    (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);

package/build/plugins/msdoc/index.js

@@ -3,12 +3,14 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
+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 };
@@ -41,7 +43,7 @@ var MSDocFTMaps = {
         "application/vnd.openxmlformats-officedocument.presentationml.presentation",
     ],
 };
-MSDocRenderer.fileTypes = __spreadArrays(MSDocFTMaps.doc, MSDocFTMaps.docx, MSDocFTMaps.xls, MSDocFTMaps.xlsx, MSDocFTMaps.ppt, MSDocFTMaps.pptx);
+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;

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

@@ -18,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    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;
 };
@@ -35,23 +35,23 @@ var reducer_1 = require("../state/reducer");
 var icons_1 = require("./icons");
 var PDFPagination_1 = __importDefault(require("./PDFPagination"));
 var PDFControls = function () {
-    var _a = react_1.useContext(state_1.PDFContext), _b = _a.state, mainState = _b.mainState, paginated = _b.paginated, zoomLevel = _b.zoomLevel, numPages = _b.numPages, dispatch = _a.dispatch;
+    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.uri },
+        (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(actions_1.setZoomLevel(zoomLevel - 0.1)); } },
+        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(actions_1.setZoomLevel(zoomLevel + 0.1)); } },
+        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(actions_1.setZoomLevel(reducer_1.initialPDFState.zoomLevel)); }, disabled: zoomLevel === reducer_1.initialPDFState.zoomLevel },
+        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(actions_1.setPDFPaginated(!paginated)); } },
+        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 = 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 = 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 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.js

@@ -18,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    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;
 };
@@ -33,21 +33,21 @@ var state_1 = require("../state");
 var actions_1 = require("../state/actions");
 var icons_1 = require("./icons");
 var PDFPagination = function () {
-    var _a = react_1.useContext(state_1.PDFContext), _b = _a.state, currentPage = _b.currentPage, numPages = _b.numPages, dispatch = _a.dispatch;
+    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(actions_1.setCurrentPage(currentPage - 1)); }, disabled: currentPage === 1 },
+        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(actions_1.setCurrentPage(currentPage + 1)); }, disabled: 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 = 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 = 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 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.js

@@ -16,12 +16,14 @@ var __importDefault = (this && this.__importDefault) || function (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"));
-exports.PrevPDFNavIcon = function (props) {
+var PrevPDFNavIcon = function (props) {
     return react_1.default.createElement(PDFNavArrow, __assign({}, props, { reverse: true }));
 };
-exports.NextPDFNavIcon = function (props) {
+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: "" + (reverse ? "rotate(180deg)" : "") }, viewBox: "0 0 12 12", version: "1.1" },
@@ -33,18 +35,21 @@ var PDFNavArrow = function (props) {
                             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" }))))))));
 };
-exports.DownloadPDFIcon = function (props) {
+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: "" + (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.ZoomInPDFIcon = function (props) {
+exports.DownloadPDFIcon = DownloadPDFIcon;
+var ZoomInPDFIcon = function (props) {
     return react_1.default.createElement(ZoomPDFIcon, __assign({}, props));
 };
-exports.ZoomOutPDFIcon = function (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" },
@@ -54,13 +59,15 @@ var ZoomPDFIcon = function (props) {
                         ? "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" })))));
 };
-exports.ResetZoomPDFIcon = function (props) {
+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.TogglePaginationPDFIcon = function (props) {
+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: "" + (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\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\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\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\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.js

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    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;
 };
@@ -26,11 +26,12 @@ exports.PDFAllPages = void 0;
 var react_1 = __importStar(require("react"));
 var state_1 = require("../../state");
 var PDFSinglePage_1 = __importDefault(require("./PDFSinglePage"));
-exports.PDFAllPages = function (props) {
-    var numPages = react_1.useContext(state_1.PDFContext).state.numPages;
+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.js

@@ -18,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    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;
 };
@@ -35,18 +35,18 @@ var reducer_1 = require("../../state/reducer");
 var PDFAllPages_1 = require("./PDFAllPages");
 var PDFSinglePage_1 = __importDefault(require("./PDFSinglePage"));
 var PDFPages = function () {
-    var _a = react_1.useContext(state_1.PDFContext), _b = _a.state, mainState = _b.mainState, paginated = _b.paginated, dispatch = _a.dispatch;
+    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;
-    react_1.useEffect(function () {
-        dispatch(actions_1.setNumPages(reducer_1.initialPDFState.numPages));
+    (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(actions_1.setNumPages(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 = 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"])));
+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.js

@@ -18,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    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;
 };
@@ -32,7 +32,7 @@ var styled_components_1 = __importDefault(require("styled-components"));
 var state_1 = require("../../state");
 var PDFSinglePage = function (props) {
     var pageNum = props.pageNum;
-    var _a = react_1.useContext(state_1.PDFContext).state, mainState = _a.mainState, paginated = _a.paginated, zoomLevel = _a.zoomLevel, numPages = _a.numPages, currentPage = _a.currentPage;
+    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 },

package/build/plugins/pdf/index.js

@@ -18,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    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;
 };
@@ -45,8 +45,7 @@ var PDFRenderer = function (_a) {
 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) {
+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.js

@@ -3,25 +3,29 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.setCurrentPage = exports.SET_CURRENT_PAGE = exports.setNumPages = exports.SET_NUM_PAGES = exports.setPDFPaginated = exports.SET_PDF_PAGINATED = exports.setZoomLevel = exports.SET_ZOOM_LEVEL = void 0;
 // SET_ZOOM_LEVEL
 exports.SET_ZOOM_LEVEL = "SET_ZOOM_LEVEL";
-exports.setZoomLevel = function (value) { return ({
+var setZoomLevel = function (value) { return ({
     type: exports.SET_ZOOM_LEVEL,
     value: value,
 }); };
+exports.setZoomLevel = setZoomLevel;
 // SET_PAGINATED
 exports.SET_PDF_PAGINATED = "SET_PDF_PAGINATED";
-exports.setPDFPaginated = function (value) { return ({
+var setPDFPaginated = function (value) { return ({
     type: exports.SET_PDF_PAGINATED,
     value: value,
 }); };
+exports.setPDFPaginated = setPDFPaginated;
 // SET_NUM_PAGES
 exports.SET_NUM_PAGES = "SET_NUM_PAGES";
-exports.setNumPages = function (value) { return ({
+var setNumPages = function (value) { return ({
     type: exports.SET_NUM_PAGES,
     value: value,
 }); };
+exports.setNumPages = setNumPages;
 // SET_CURRENT_PAGE
 exports.SET_CURRENT_PAGE = "SET_CURRENT_PAGE";
-exports.setCurrentPage = function (value) { return ({
+var setCurrentPage = function (value) { return ({
     type: exports.SET_CURRENT_PAGE,
     value: value,
 }); };
+exports.setCurrentPage = setCurrentPage;

package/build/plugins/pdf/state/index.js

@@ -25,7 +25,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    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;
 };
@@ -33,11 +33,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PDFProvider = exports.PDFContext = void 0;
 var react_1 = __importStar(require("react"));
 var reducer_1 = require("./reducer");
-var PDFContext = react_1.createContext({ state: reducer_1.initialPDFState, dispatch: function () { return null; } });
+var PDFContext = (0, react_1.createContext)({ state: reducer_1.initialPDFState, dispatch: function () { return null; } });
 exports.PDFContext = PDFContext;
 var PDFProvider = function (_a) {
     var children = _a.children, mainState = _a.mainState;
-    var _b = react_1.useReducer(reducer_1.reducer, __assign(__assign({}, reducer_1.initialPDFState), { mainState: mainState })), state = _b[0], dispatch = _b[1];
+    var _b = (0, react_1.useReducer)(reducer_1.reducer, __assign(__assign({}, reducer_1.initialPDFState), { mainState: mainState })), state = _b[0], dispatch = _b[1];
     return (react_1.default.createElement(PDFContext.Provider, { value: { state: state, dispatch: dispatch } }, children));
 };
 exports.PDFProvider = PDFProvider;

package/build/plugins/pdf/state/reducer.js

@@ -19,7 +19,7 @@ exports.initialPDFState = {
     numPages: 0,
     currentPage: 1,
 };
-exports.reducer = function (state, action) {
+var reducer = function (state, action) {
     if (state === void 0) { state = exports.initialPDFState; }
     switch (action.type) {
         case actions_1.SET_ZOOM_LEVEL: {
@@ -42,3 +42,4 @@ exports.reducer = function (state, action) {
             return state;
     }
 };
+exports.reducer = reducer;

package/build/plugins/png/index.js

@@ -21,7 +21,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var image_1 = __importDefault(require("../image"));
-var StyledImageRenderer = styled_components_1.default(image_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  background-color: white;\n  background-image: linear-gradient(45deg, #e0e0e0 25%, transparent 25%),\n    linear-gradient(-45deg, #e0e0e0 25%, transparent 25%),\n    linear-gradient(45deg, transparent 75%, #e0e0e0 75%),\n    linear-gradient(-45deg, transparent 75%, #e0e0e0 75%);\n  background-size: 20px 20px;\n  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\n"], ["\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  background-color: white;\n  background-image: linear-gradient(45deg, #e0e0e0 25%, transparent 25%),\n    linear-gradient(-45deg, #e0e0e0 25%, transparent 25%),\n    linear-gradient(45deg, transparent 75%, #e0e0e0 75%),\n    linear-gradient(-45deg, transparent 75%, #e0e0e0 75%);\n  background-size: 20px 20px;\n  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\n"])));
+var StyledImageRenderer = (0, styled_components_1.default)(image_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  background-color: white;\n  background-image: linear-gradient(45deg, #e0e0e0 25%, transparent 25%),\n    linear-gradient(-45deg, #e0e0e0 25%, transparent 25%),\n    linear-gradient(45deg, transparent 75%, #e0e0e0 75%),\n    linear-gradient(-45deg, transparent 75%, #e0e0e0 75%);\n  background-size: 20px 20px;\n  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\n"], ["\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  background-color: white;\n  background-image: linear-gradient(45deg, #e0e0e0 25%, transparent 25%),\n    linear-gradient(-45deg, #e0e0e0 25%, transparent 25%),\n    linear-gradient(45deg, transparent 75%, #e0e0e0 75%),\n    linear-gradient(-45deg, transparent 75%, #e0e0e0 75%);\n  background-size: 20px 20px;\n  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\n"])));
 var PNGRenderer = function (props) { return react_1.default.createElement(StyledImageRenderer, __assign({}, props)); };
 PNGRenderer.fileTypes = ["png", "image/png"];
 PNGRenderer.weight = 0;

package/build/plugins/tiff/index.js

@@ -29,7 +29,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    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;
 };
@@ -44,14 +44,14 @@ var image_1 = __importDefault(require("../image"));
 var tiffToCanvas_1 = require("./tiffToCanvas");
 var TIFFRenderer = function (props) {
     var currentDocument = props.mainState.currentDocument;
-    var _a = react_1.useState(false), loadedCanvas = _a[0], setLoadedCanvas = _a[1];
-    var _b = react_1.useState(false), corruptedFile = _b[0], setCorruptedFile = _b[1];
-    react_1.useEffect(function () {
+    var _a = (0, react_1.useState)(false), loadedCanvas = _a[0], setLoadedCanvas = _a[1];
+    var _b = (0, react_1.useState)(false), corruptedFile = _b[0], setCorruptedFile = _b[1];
+    (0, react_1.useEffect)(function () {
         if (!currentDocument || loadedCanvas)
             return;
         var canvas = document.getElementById("tiff-img");
         try {
-            canvas && tiffToCanvas_1.parseTIFF(currentDocument.fileData, canvas);
+            canvas && (0, tiffToCanvas_1.parseTIFF)(currentDocument.fileData, canvas);
             setLoadedCanvas(true);
         }
         catch (error) {

package/build/plugins/tiff/tiffToCanvas.d.ts

@@ -1 +1 @@
-export function parseTIFF(tiffArrayBuffer: any, _canvas: any): HTMLCanvasElement | undefined;
+export function parseTIFF(tiffArrayBuffer: any, _canvas: any): any;

package/build/plugins/tiff/tiffToCanvas.js

@@ -304,7 +304,7 @@ var parseFileDirectory = function (byteOffset) {
         return parseFileDirectory(nextIFDByteOffset);
     }
 };
-exports.parseTIFF = function (tiffArrayBuffer, _canvas) {
+var parseTIFF = function (tiffArrayBuffer, _canvas) {
     var canvas = _canvas || document.createElement("canvas");
     if (!tiffArrayBuffer)
         return;
@@ -599,3 +599,4 @@ exports.parseTIFF = function (tiffArrayBuffer, _canvas) {
     }
     return canvas;
 };
+exports.parseTIFF = parseTIFF;

package/build/state/actions.js

@@ -3,36 +3,43 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.setMainConfig = exports.SET_MAIN_CONFIG = exports.setRendererRect = exports.SET_RENDERER_RECT = exports.updateCurrentDocument = exports.UPDATE_CURRENT_DOCUMENT = exports.previousDocument = exports.PREVIOUS_DOCUMENT = exports.nextDocument = exports.NEXT_DOCUMENT = exports.setDocumentLoading = exports.SET_DOCUMENT_LOADING = exports.setAllDocuments = exports.SET_ALL_DOCUMENTS = void 0;
 // SET_DOCUMENTS
 exports.SET_ALL_DOCUMENTS = "SET_ALL_DOCUMENTS";
-exports.setAllDocuments = function (documents) { return ({
+var setAllDocuments = function (documents) { return ({
     type: exports.SET_ALL_DOCUMENTS,
     documents: documents,
 }); };
+exports.setAllDocuments = setAllDocuments;
 // SET_DOCUMENT_LOADING
 exports.SET_DOCUMENT_LOADING = "SET_DOCUMENT_LOADING";
-exports.setDocumentLoading = function (value) { return ({
+var setDocumentLoading = function (value) { return ({
     type: exports.SET_DOCUMENT_LOADING,
     value: value,
 }); };
+exports.setDocumentLoading = setDocumentLoading;
 // NEXT_DOCUMENT
 exports.NEXT_DOCUMENT = "NEXT_DOCUMENT";
-exports.nextDocument = function () { return ({ type: exports.NEXT_DOCUMENT }); };
+var nextDocument = function () { return ({ type: exports.NEXT_DOCUMENT }); };
+exports.nextDocument = nextDocument;
 // PREVIOUS_DOCUMENT
 exports.PREVIOUS_DOCUMENT = "PREVIOUS_DOCUMENT";
-exports.previousDocument = function () { return ({
+var previousDocument = function () { return ({
     type: exports.PREVIOUS_DOCUMENT,
 }); };
+exports.previousDocument = previousDocument;
 // UPDATE_CURRENT_DOCUMENT
 exports.UPDATE_CURRENT_DOCUMENT = "UPDATE_CURRENT_DOCUMENT";
-exports.updateCurrentDocument = function (document) { return ({ type: exports.UPDATE_CURRENT_DOCUMENT, document: document }); };
+var updateCurrentDocument = function (document) { return ({ type: exports.UPDATE_CURRENT_DOCUMENT, document: document }); };
+exports.updateCurrentDocument = updateCurrentDocument;
 // SET_RENDERER_RECT
 exports.SET_RENDERER_RECT = "SET_RENDERER_RECT";
-exports.setRendererRect = function (rect) { return ({
+var setRendererRect = function (rect) { return ({
     type: exports.SET_RENDERER_RECT,
     rect: rect,
 }); };
+exports.setRendererRect = setRendererRect;
 // SET_MAIN_CONFIG
 exports.SET_MAIN_CONFIG = "SET_MAIN_CONFIG";
-exports.setMainConfig = function (config) { return ({
+var setMainConfig = function (config) { return ({
     type: exports.SET_MAIN_CONFIG,
     config: config,
 }); };
+exports.setMainConfig = setMainConfig;

package/build/state/index.js

@@ -25,7 +25,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    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;
 };
@@ -34,17 +34,16 @@ exports.AppProvider = exports.DocViewerContext = void 0;
 var react_1 = __importStar(require("react"));
 var actions_1 = require("./actions");
 var reducer_1 = require("./reducer");
-var DocViewerContext = react_1.createContext({ state: reducer_1.initialState, dispatch: function () { return null; } });
+var DocViewerContext = (0, react_1.createContext)({ state: reducer_1.initialState, dispatch: function () { return null; } });
 exports.DocViewerContext = DocViewerContext;
 var AppProvider = function (props) {
     var children = props.children, documents = props.documents, config = props.config, pluginRenderers = props.pluginRenderers;
-    var _a = react_1.useReducer(reducer_1.mainStateReducer, __assign(__assign({}, reducer_1.initialState), { documents: documents || [], currentDocument: documents && documents.length ? documents[0] : undefined, config: config,
-        pluginRenderers: pluginRenderers })), state = _a[0], dispatch = _a[1];
+    var _a = (0, react_1.useReducer)(reducer_1.mainStateReducer, __assign(__assign({}, reducer_1.initialState), { documents: documents || [], currentDocument: documents && documents.length ? documents[0] : undefined, config: config, pluginRenderers: pluginRenderers })), state = _a[0], dispatch = _a[1];
     // On inital load, and whenever they change,
     // replace documents with the new props passed in
-    react_1.useEffect(function () {
-        dispatch(actions_1.setAllDocuments(documents));
-        config && dispatch(actions_1.setMainConfig(config));
+    (0, react_1.useEffect)(function () {
+        dispatch((0, actions_1.setAllDocuments)(documents));
+        config && dispatch((0, actions_1.setMainConfig)(config));
     }, [documents]);
     return (react_1.default.createElement(DocViewerContext.Provider, { value: { state: state, dispatch: dispatch } }, children));
 };

package/build/state/reducer.js

@@ -22,7 +22,7 @@ exports.initialState = {
     config: {},
     pluginRenderers: [],
 };
-exports.mainStateReducer = function (state, action) {
+var mainStateReducer = function (state, action) {
     if (state === void 0) { state = exports.initialState; }
     switch (action.type) {
         case actions_1.SET_ALL_DOCUMENTS: {
@@ -61,3 +61,4 @@ exports.mainStateReducer = function (state, action) {
             return state;
     }
 };
+exports.mainStateReducer = mainStateReducer;

package/build/types/index.d.ts

@@ -1,7 +1,7 @@
-import { FC, ReactElement } from "react";
-import { ThemedStyledProps } from "styled-components";
-import { IMainState } from "../state/reducer";
-import { FileLoaderFunction } from "../utils/fileLoaders";
+import { FC, ReactElement } from 'react';
+import { ThemedStyledProps } from 'styled-components';
+import { IMainState } from '../state/reducer';
+import { FileLoaderFunction } from '../utils/fileLoaders';
 export interface IConfig {
     header?: IHeaderConfig;
 }
@@ -28,6 +28,7 @@ export interface IDocument {
     uri: string;
     fileType?: string;
     fileData?: string | ArrayBuffer;
+    fileName?: string;
 }
 export interface DocRendererProps {
     mainState: IMainState;

package/build/utils/fileLoaders.js

@@ -86,16 +86,20 @@ var _fileLoader = function (_a) {
         return e;
     });
 };
-exports.arrayBufferFileLoader = function (props) {
+var arrayBufferFileLoader = function (props) {
     return _fileLoader(__assign(__assign({}, props), { readerTypeFunction: "arrayBuffer" }));
 };
-exports.dataURLFileLoader = function (props) {
+exports.arrayBufferFileLoader = arrayBufferFileLoader;
+var dataURLFileLoader = function (props) {
     return _fileLoader(__assign(__assign({}, props), { readerTypeFunction: "dataURL" }));
 };
-exports.textFileLoader = function (props) {
+exports.dataURLFileLoader = dataURLFileLoader;
+var textFileLoader = function (props) {
     return _fileLoader(__assign(__assign({}, props), { readerTypeFunction: "text" }));
 };
-exports.binaryStringFileLoader = function (props) {
+exports.textFileLoader = textFileLoader;
+var binaryStringFileLoader = function (props) {
     return _fileLoader(__assign(__assign({}, props), { readerTypeFunction: "binaryString" }));
 };
+exports.binaryStringFileLoader = binaryStringFileLoader;
 exports.defaultFileLoader = exports.dataURLFileLoader;

package/build/utils/useDocumentLoader.js

@@ -20,12 +20,12 @@ var useRendererSelector_1 = require("./useRendererSelector");
 /**
  * Custom Hook for loading the current document into context
  */
-exports.useDocumentLoader = function () {
-    var _a = react_1.useContext(state_1.DocViewerContext), state = _a.state, dispatch = _a.dispatch;
+var useDocumentLoader = function () {
+    var _a = (0, react_1.useContext)(state_1.DocViewerContext), state = _a.state, dispatch = _a.dispatch;
     var currentFileNo = state.currentFileNo, currentDocument = state.currentDocument;
-    var CurrentRenderer = useRendererSelector_1.useRendererSelector().CurrentRenderer;
+    var CurrentRenderer = (0, useRendererSelector_1.useRendererSelector)().CurrentRenderer;
     var documentURI = (currentDocument === null || currentDocument === void 0 ? void 0 : currentDocument.uri) || "";
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (!currentDocument)
             return;
         if (currentDocument.fileType !== undefined)
@@ -36,7 +36,7 @@ exports.useDocumentLoader = function () {
             var contentTypeRaw = response.headers.get("content-type");
             var contentTypes = (contentTypeRaw === null || contentTypeRaw === void 0 ? void 0 : contentTypeRaw.split(";")) || [];
             var contentType = contentTypes.length ? contentTypes[0] : undefined;
-            dispatch(actions_1.updateCurrentDocument(__assign(__assign({}, currentDocument), { fileType: contentType || undefined })));
+            dispatch((0, actions_1.updateCurrentDocument)(__assign(__assign({}, currentDocument), { fileType: contentType || undefined })));
         });
         return function () {
             controller.abort();
@@ -46,7 +46,7 @@ exports.useDocumentLoader = function () {
     // be a dependancy of the useEffect
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [currentFileNo, documentURI]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         var _a;
         if (!currentDocument || CurrentRenderer === undefined)
             return;
@@ -54,24 +54,24 @@ exports.useDocumentLoader = function () {
         var signal = controller.signal;
         var fileLoaderComplete = function (fileReader) {
             if (!currentDocument || !fileReader) {
-                dispatch(actions_1.setDocumentLoading(false));
+                dispatch((0, actions_1.setDocumentLoading)(false));
                 return;
             }
             var updatedDocument = __assign({}, currentDocument);
             if (fileReader.result !== null) {
                 updatedDocument.fileData = fileReader.result;
             }
-            dispatch(actions_1.updateCurrentDocument(updatedDocument));
-            dispatch(actions_1.setDocumentLoading(false));
+            dispatch((0, actions_1.updateCurrentDocument)(updatedDocument));
+            dispatch((0, actions_1.setDocumentLoading)(false));
         };
         if (CurrentRenderer === null) {
-            dispatch(actions_1.setDocumentLoading(false));
+            dispatch((0, actions_1.setDocumentLoading)(false));
         }
         else if (CurrentRenderer.fileLoader !== undefined) {
             (_a = CurrentRenderer.fileLoader) === null || _a === void 0 ? void 0 : _a.call(CurrentRenderer, { documentURI: documentURI, signal: signal, fileLoaderComplete: fileLoaderComplete });
         }
         else {
-            fileLoaders_1.defaultFileLoader({ documentURI: documentURI, signal: signal, fileLoaderComplete: fileLoaderComplete });
+            (0, fileLoaders_1.defaultFileLoader)({ documentURI: documentURI, signal: signal, fileLoaderComplete: fileLoaderComplete });
         }
         return function () {
             controller.abort();
@@ -79,3 +79,4 @@ exports.useDocumentLoader = function () {
     }, [CurrentRenderer]);
     return { state: state, dispatch: dispatch, CurrentRenderer: CurrentRenderer };
 };
+exports.useDocumentLoader = useDocumentLoader;

package/build/utils/useRendererSelector.js

@@ -6,10 +6,10 @@ var state_1 = require("../state");
 /**
  * Custom Hook for loading the current document into context
  */
-exports.useRendererSelector = function () {
-    var _a = react_1.useContext(state_1.DocViewerContext).state, currentDocument = _a.currentDocument, pluginRenderers = _a.pluginRenderers;
-    var _b = react_1.useState(), CurrentRenderer = _b[0], setCurrentRenderer = _b[1];
-    react_1.useEffect(function () {
+var useRendererSelector = function () {
+    var _a = (0, react_1.useContext)(state_1.DocViewerContext).state, currentDocument = _a.currentDocument, pluginRenderers = _a.pluginRenderers;
+    var _b = (0, react_1.useState)(), CurrentRenderer = _b[0], setCurrentRenderer = _b[1];
+    (0, react_1.useEffect)(function () {
         if (!currentDocument)
             return;
         // Do not advance if the document does not yet have a fileType
@@ -37,3 +37,4 @@ exports.useRendererSelector = function () {
     }, [currentDocument]);
     return { CurrentRenderer: CurrentRenderer };
 };
+exports.useRendererSelector = useRendererSelector;

package/build/utils/useWindowSize.js

@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useWindowSize = void 0;
 var react_1 = require("react");
 // Hook
-exports.useWindowSize = function () {
+var useWindowSize = function () {
     // Initialize state with undefined width/height so server and client renders match
     // Learn more here: https://joshwcomeau.com/react/the-perils-of-rehydration/
-    var _a = react_1.useState({
+    var _a = (0, react_1.useState)({
         width: undefined,
         height: undefined,
     }), windowSize = _a[0], setWindowSize = _a[1];
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         // Handler to call on window resize
         function handleResize() {
             // Set window width/height to state
@@ -31,3 +31,4 @@ exports.useWindowSize = function () {
     }, []); // Empty array ensures that effect is only run on mount
     return windowSize;
 };
+exports.useWindowSize = useWindowSize;

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "asma-doc-viewer",
- "version": "1.0.1",
+ "version": "1.0.2",
  "description": "test",
  "author": "",
  "license": "ISC",
@@ -10,26 +10,26 @@
  "main": "build/index.js",
  "types": "build/index.d.ts",
  "dependencies": {
-  "pdfjs-dist": "2.4.456",
-  "react-pdf": "5.0.0",
-  "styled-components": "^5.1.1"
+  "pdfjs-dist": "^2.6.347",
+  "react-pdf": "^5.2.0",
+  "styled-components": "^5.2.1"
  },
  "devDependencies": {
-  "@testing-library/jest-dom": "^4.2.4",
-  "@testing-library/react": "^9.3.2",
-  "@testing-library/user-event": "^7.1.2",
-  "@types/jest": "^24.0.0",
-  "@types/node": "^12.0.0",
-  "@types/pdfjs-dist": "2.1.5",
-  "@types/react": "^16.9.46",
-  "@types/react-dom": "^16.9.8",
+  "@testing-library/jest-dom": "^5.11.9",
+  "@testing-library/react": "^11.2.5",
+  "@testing-library/user-event": "^13.0.6",
+  "@types/jest": "^26.0.21",
+  "@types/node": "^14.14.35",
+  "@types/pdfjs-dist": "^2.7.0",
+  "@types/react": "^17.0.3",
+  "@types/react-dom": "^17.0.2",
   "@types/react-pdf": "4.0.5",
-  "@types/styled-components": "^5.1.2",
+  "@types/styled-components": "^5.1.9",
   "generate-changelog": "^1.8.0",
-  "react": "^16.13.1",
-  "react-dom": "^16.13.1",
-  "react-scripts": "3.4.3",
-  "typescript": "^3.9.7"
+  "react": "^17.0.1",
+  "react-dom": "^17.0.1",
+  "react-scripts": "4.0.3",
+  "typescript": "^4.2.3"
  },
  "scripts": {
   "start": "react-scripts start",