asma-doc-viewer 1.0.6 → 1.0.7

package/.idea/workspace.xml

@@ -5,7 +5,7 @@
   </component>
   <component name="ChangeListManager">
     <list default="true" id="2420ee6f-9c38-476f-82bf-3c5a7aca550a" name="Changes" comment="">
-      <change afterPath="$PROJECT_DIR$/tsconfig-npm.json" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -19,13 +19,38 @@
     <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
     <option name="RESET_MODE" value="HARD" />
   </component>
-  <component name="GitLabMergeRequestsSettings"><![CDATA[{}]]></component>
-  <component name="GithubPullRequestsUISettings"><![CDATA[{}]]></component>
-  <component name="KubernetesApiProvider"><![CDATA[{}]]></component>
+  <component name="GitLabMergeRequestsSettings">{}</component>
+  <component name="GitToolBoxStore">
+    <option name="recentBranches">
+      <RecentBranches>
+        <option name="branchesForRepo">
+          <list>
+            <RecentBranchesForRepo>
+              <option name="branches">
+                <list>
+                  <RecentBranch>
+                    <option name="branchName" value="feat/ASMA-2845-new-api-webp" />
+                    <option name="lastUsedInstant" value="1708986544" />
+                  </RecentBranch>
+                  <RecentBranch>
+                    <option name="branchName" value="master" />
+                    <option name="lastUsedInstant" value="1708986214" />
+                  </RecentBranch>
+                </list>
+              </option>
+              <option name="repositoryRootUrl" value="file://$PROJECT_DIR$" />
+            </RecentBranchesForRepo>
+          </list>
+        </option>
+      </RecentBranches>
+    </option>
+  </component>
+  <component name="GithubPullRequestsUISettings">{}</component>
+  <component name="KubernetesApiProvider">{}</component>
   <component name="MarkdownSettingsMigration">
     <option name="stateVersion" value="1" />
   </component>
-  <component name="ProjectColorInfo"><![CDATA[{}]]></component>
+  <component name="ProjectColorInfo">{}</component>
   <component name="ProjectId" id="25ENHDhJCwOrfTBlC0Ap5oFVrBf" />
   <component name="ProjectViewState">
     <option name="hideEmptyMiddlePackages" value="true" />
@@ -36,6 +61,7 @@
     "git-widget-placeholder": "feat/ASMA-2845-new-api-webp",
     "last_opened_file_path": "/Users/utopiaeh/Developer/carasent/srv/doc-viewer/src/plugins",
     "node.js.selected.package.tslint": "(autodetect)",
+    "npm.build.executor": "Run",
     "ts.external.directory.path": "/Users/utopiaeh/Developer/carasent/srv/doc-viewer/node_modules/typescript/lib"
   }
 }]]></component>
@@ -43,6 +69,26 @@
     <key name="CopyFile.RECENT_KEYS">
       <recent name="$PROJECT_DIR$/src/plugins" />
     </key>
+    <key name="MoveFile.RECENT_KEYS">
+      <recent name="$PROJECT_DIR$" />
+    </key>
+  </component>
+  <component name="RunManager">
+    <configuration name="build" type="js.build_tools.npm" temporary="true" nameIsGenerated="true">
+      <package-json value="$PROJECT_DIR$/package.json" />
+      <command value="run" />
+      <scripts>
+        <script value="build" />
+      </scripts>
+      <node-interpreter value="project" />
+      <envs />
+      <method v="2" />
+    </configuration>
+    <recent_temporary>
+      <list>
+        <item itemvalue="npm.build" />
+      </list>
+    </recent_temporary>
   </component>
   <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="true" />
   <component name="TaskManager">

package/CHANGELOG.md

@@ -0,0 +1,293 @@
+#### 0.1.5 (2020-10-29)
+
+##### Bug Fixes
+
+* **TIFFRenderer file Corrupt:**  Don't crash if parseTIFF fails because of corrupted file. ([30755e57](https://github.com/Alcumus/react-doc-viewer/commit/30755e57ec0bef8a665ce1c6f9e8f93c4ada55dc))
+
+#### 0.1.4 (2020-10-29)
+
+##### Bug Fixes
+
+* **TIFFRenderer crash:**  If parseTiff is supplied with an undefined tiffArrayBuffer. Return out. ([eedeac1e](https://github.com/Alcumus/react-doc-viewer/commit/eedeac1e0deada4126e77058d5c52b1ed92f200f))
+
+#### 0.1.3 (2020-10-29)
+
+##### New Features
+
+* **TIF:**  Added .tif as an option to render within TIFFRenderer. ([a32f9b0f](https://github.com/Alcumus/react-doc-viewer/commit/a32f9b0ffff1a0a37d14a6dd948e1d0f52ffe6c6))
+
+##### Other Changes
+
+* fix/pptx ([60c27812](https://github.com/Alcumus/react-doc-viewer/commit/60c27812f658d4edf4a7cc1673c26a95b838eca1))
+
+#### 0.1.2 (2020-10-26)
+
+##### Bug Fixes
+
+*  Added github url to npm package ([b713957f](https://github.com/Alcumus/react-doc-viewer/commit/b713957fef42e896ab45d99a3127a59e98a11e60))
+
+#### 0.1.1 (2020-10-26)
+
+##### New Features
+
+* **FileName Header:**
+  *  decodeURI when rendering fileName in header title (79c0da83)
+  *  When rendering fileName in header, remove url params unless requested to keep (109da8d7)
+
+#### 0.0.43 (2020-09-30)
+
+##### New Features
+
+* **Combine File Loaders:**  File Loaders duplicate code combined, also base64 and arrayBuffer combined into fileData (#47) (f3fd9952)
+
+#### 0.0.42 (2020-09-30)
+
+##### Documentation Changes
+
+*  README - styled component example is missing a closing bracket after DocViewer Fixes #31 (da0a40ee)
+
+##### New Features
+
+*  BMP Image renderer added (2e8578b1)
+*  Internal ImageProxyRenderer created, that can be used by all other Image renderers, and styled by them (dc2afb71)
+
+##### Other Changes
+
+* Alcumus/react-doc-viewer into develop (2184d46c)
+* mattmogford-alcumus/40_Create-HTMLRenderer (9eff64e2)
+
+#### 0.0.41 (2020-09-25)
+
+#### 0.0.40 (2020-09-24)
+
+##### Documentation Changes
+
+*  README - styled component example is missing a closing bracket after DocViewer Fixes #31 (7964c0b9)
+
+##### New Features
+
+*  BMP Image renderer added (2cb03e4c)
+*  Internal ImageProxyRenderer created, that can be used by all other Image renderers, and styled by them (90e575da)
+
+#### 0.0.39 (2020-09-23)
+
+##### Documentation Changes
+
+*  README updated (819acb5b)
+
+#### 0.0.38 (2020-09-23)
+
+##### New Features
+
+*  Added renderer for .msg file extension (b4cf7bf4)
+*  useDocumentLoader hook now allows use of custom fileLoaders. e.g. bse64, ArrayBuffer (ebc9a454)
+
+#### 0.0.37 (2020-09-18)
+
+##### Other Changes
+
+* mattmogford-alcumus/issue29 (35ea44eb)
+
+#### 0.0.36 (2020-09-17)
+
+#### 0.0.35 (2020-09-17)
+
+#### 0.0.34 (2020-09-16)
+
+##### Bug Fixes
+
+*  Document fetches header even if file type is supplied (b5296d0f)
+
+#### 0.0.33 (2020-09-16)
+
+##### Other Changes
+
+* develop (66cd5676)
+* mattmogford-alcumus/issue19 (f8f16bc1)
+
+#### 0.0.32 (2020-09-03)
+
+##### Chores
+
+*  Added default height to loading container (e5570741)
+
+##### New Features
+
+*  pluginRenderers are now passed directly to the main state context, and the correct renderer is retrieved from there depending on it's fileType associations (4c7abfd3)
+
+##### Bug Fixes
+
+*  Changed Button to actual <button> from <a> to prevent annoying text selection bug (25dc93eb)
+*  Abort fetch of file when new file is selected mid fetch. Also display loading spinner (db440e66)
+
+##### Tests
+
+*  Updated test snapshot (7660907f)
+
+#### 0.0.31 (2020-09-02)
+
+##### Chores
+
+*  Removed unused css file (485f15b3)
+
+##### New Features
+
+*  Removed FontAwesome and included replacement svgs, which are resizable and colourable (7c7c3fca)
+
+##### Bug Fixes
+
+*  IIconProps import type fixed (1e1b00c5)
+
+##### Tests
+
+*  Updated snapshots for tests (f40a5447)
+
+#### 0.0.30 (2020-09-02)
+
+##### New Features
+
+*  implemented ability to fully replace the contents of the header, but also retain access to the state and document navigation actions (2c1e3d0d)
+
+#### 0.0.29 (2020-09-01)
+
+##### Chores
+
+*  No longer require public folder (2a639dcc)
+
+#### 0.0.28 (2020-09-01)
+
+##### Bug Fixes
+
+*  Removed necessity for 2 context calls (1e9886ca)
+
+#### 0.0.27 (2020-09-01)
+
+##### Documentation Changes
+
+*  Removed Setup Demo from contents at top of README (8a8db314)
+
+#### 0.0.26 (2020-09-01)
+
+##### Bug Fixes
+
+*  Pass mainState context to CurrentRenderer for ease of use/access to loaded data, and other mainState props (98efa91c)
+
+#### 0.0.25 (2020-09-01)
+
+##### Chores
+
+*  Renamed MainContext to DocViewerContext for external plugins to import it with a less generic name (c433d438)
+
+##### Documentation Changes
+
+*  Added README info for importing and using the included individual renderers (3a87cf87)
+
+##### Refactors
+
+*  Reverting from Recoil to react state, context and reducers (ff26a49b)
+
+#### 0.0.24 (2020-08-28)
+
+#### 0.0.23 (2020-08-28)
+
+#### 0.0.22 (2020-08-28)
+
+##### New Features
+
+* **Merge Default Plugins:**  Plugins have been pulled back into the component package, Updated README to inform on updated and better way to use included and custom plugins (34bed0c7)
+
+##### Bug Fixes
+
+*  If user passes in a bad file / url and uri ends up not being useful, (ae99034f)
+
+#### 0.0.21 (2020-08-27)
+
+##### Chores
+
+*  Removed old pdf plugin dependencies (3baa9355)
+
+#### 0.0.20 (2020-08-27)
+
+#### 0.0.19 (2020-08-26)
+
+##### Documentation Changes
+
+*  README updated (39fd2b93)
+
+##### Bug Fixes
+
+*  FileType removed, as the component needs to be ambiguous to plugin renderers (fcf9e1c0)
+
+#### 0.0.18 (2020-08-26)
+
+#### 0.0.17 (2020-08-25)
+
+#### 0.0.16 (2020-08-25)
+
+#### 0.0.15 (2020-08-25)
+
+#### 0.0.14 (2020-08-25)
+
+#### 0.0.13 (2020-08-25)
+
+#### 0.0.12 (2020-08-25)
+
+##### Chores
+
+*  Tidied state atoms etc. (fbb5ede2)
+
+##### Bug Fixes
+
+* **PDFRenderer Reset Zoom Broken:**  resetZoomLevel function wasn't being called (4b3b9918)
+
+#### 0.0.12 (2020-08-25)
+
+##### Bug Fixes
+
+* **PDFRenderer Reset Zoom Broken:**  resetZoomLevel function wasn't being called (4b3b9918)
+
+#### 0.0.11 (2020-08-25)
+
+##### Bug Fixes
+
+*  sever was incorrect for build-release options (2ebe713b)
+
+##### Tests
+
+*  Added example png for testing purposes (9c3c6cf6)
+
+#### 0.0.10 (2020-08-24)
+
+#### 0.0.9 (2020-08-24)
+
+#### 0.0.8 (2020-08-24)
+
+##### Bug Fixes
+
+*  ignore index on building package, point main and types to main component file DocViewer.tsx (96f1a12f)
+
+#### 0.0.4 (2020-08-24)
+
+##### New Features
+
+* **Versioning:**  Added scripts for auto update CHANGELOG with versioning (31c31d1c)
+
+##### Bug Fixes
+
+*  config is optional and so could be undefined (596d611d)
+
+#### 0.0.3 (2020-08-24)
+
+##### New Features
+
+- **Versioning:** Added scripts for auto update CHANGELOG with versioning (48536a0c)
+
+##### Bug Fixes
+
+- config is optional and so could be undefined (596d611d)
+
+#### 0.0.3 (2020-08-24)
+
+##### Bug Fixes
+
+- config is optional and so could be undefined (596d611d)

package/build/components/DocumentNav.d.ts

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

package/build/components/DocumentNav.js

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

package/build/components/FileName.d.ts

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

package/build/components/FileName.js

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

package/build/components/HeaderBar.d.ts

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

package/build/components/HeaderBar.js

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

package/build/components/ProxyRenderer.d.ts

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

package/build/components/ProxyRenderer.js

@@ -0,0 +1,80 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProxyRenderer = void 0;
+var react_1 = __importStar(require("react"));
+var styled_components_1 = __importStar(require("styled-components"));
+var actions_1 = require("../state/actions");
+var useDocumentLoader_1 = require("../utils/useDocumentLoader");
+var useWindowSize_1 = require("../utils/useWindowSize");
+var common_1 = require("./common");
+var icons_1 = require("./icons");
+var ProxyRenderer = function () {
+    var _a = (0, useDocumentLoader_1.useDocumentLoader)(), state = _a.state, dispatch = _a.dispatch, CurrentRenderer = _a.CurrentRenderer;
+    var documents = state.documents, documentLoading = state.documentLoading, currentDocument = state.currentDocument;
+    var size = (0, useWindowSize_1.useWindowSize)();
+    var containerRef = (0, react_1.useCallback)(function (node) {
+        node && dispatch((0, actions_1.setRendererRect)(node.getBoundingClientRect()));
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [size]);
+    var Contents = function () {
+        if (!documents.length) {
+            return react_1.default.createElement("div", { id: "no-documents" });
+        }
+        else if (documentLoading) {
+            return (react_1.default.createElement(LoadingContainer, { id: "loading-renderer", "data-testid": "loading-renderer" },
+                react_1.default.createElement(LoadingIconContainer, null,
+                    react_1.default.createElement(icons_1.LoadingIcon, { color: "#444", size: 40 }))));
+        }
+        else {
+            if (CurrentRenderer) {
+                return react_1.default.createElement(CurrentRenderer, { mainState: state });
+            }
+            else if (CurrentRenderer === undefined) {
+                return null;
+            }
+            else {
+                return (react_1.default.createElement("div", { id: "no-renderer", "data-testid": "no-renderer" },
+                    "No Renderer for file type ", currentDocument === null || currentDocument === void 0 ? void 0 :
+                    currentDocument.fileType,
+                    react_1.default.createElement(DownloadButton, { id: "no-renderer-download", href: currentDocument === null || currentDocument === void 0 ? void 0 : currentDocument.uri, download: currentDocument === null || currentDocument === void 0 ? void 0 : currentDocument.uri }, "Download File")));
+            }
+        }
+    };
+    return (react_1.default.createElement(Container, { id: "proxy-renderer", ref: containerRef },
+        react_1.default.createElement(Contents, null)));
+};
+exports.ProxyRenderer = ProxyRenderer;
+var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n    flex: 1;\n    overflow-y: auto;\n"], ["\n    display: flex;\n    flex: 1;\n    overflow-y: auto;\n"])));
+var LoadingContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: flex;\n    flex: 1;\n    height: 75px;\n    align-items: center;\n    justify-content: center;\n"], ["\n    display: flex;\n    flex: 1;\n    height: 75px;\n    align-items: center;\n    justify-content: center;\n"])));
+var spinAnim = (0, styled_components_1.keyframes)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    from {\n        transform: rotate(0deg);\n    }\n    to {\n        transform: rotate(360deg);\n    }\n"], ["\n    from {\n        transform: rotate(0deg);\n    }\n    to {\n        transform: rotate(360deg);\n    }\n"])));
+var LoadingIconContainer = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    animation-name: ", ";\n    animation-duration: 4s;\n    animation-timing-function: linear;\n    animation-iteration-count: infinite;\n"], ["\n    animation-name: ", ";\n    animation-duration: 4s;\n    animation-timing-function: linear;\n    animation-iteration-count: infinite;\n"])), spinAnim);
+var DownloadButton = (0, styled_components_1.default)(common_1.LinkButton)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    width: 130px;\n    height: 30px;\n    background-color: ", ";\n    @media (max-width: 768px) {\n        width: 125px;\n        height: 25px;\n    }\n"], ["\n    width: 130px;\n    height: 30px;\n    background-color: ", ";\n    @media (max-width: 768px) {\n        width: 125px;\n        height: 25px;\n    }\n"])), function (props) { return props.theme.primary; });
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

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

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