asma-doc-viewer 1.0.1 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.idea/asma-doc-viewer.iml +9 -0
- package/.idea/inspectionProfiles/Project_Default.xml +6 -0
- package/.idea/misc.xml +6 -0
- package/.idea/modules.xml +8 -0
- package/.idea/vcs.xml +6 -0
- package/.idea/workspace.xml +66 -0
- package/README.md +1 -0
- package/build/components/DocumentNav.js +13 -8
- package/build/components/FileName.d.ts +1 -1
- package/build/components/FileName.js +23 -12
- package/build/components/HeaderBar.js +10 -5
- package/build/components/ProxyRenderer.js +14 -9
- package/build/components/common/Button.js +10 -6
- package/build/components/common/index.js +6 -2
- package/build/components/icons/index.d.ts +0 -1
- package/build/components/icons/index.js +11 -8
- package/build/index.js +8 -4
- package/build/plugins/html/index.js +8 -4
- package/build/plugins/msdoc/index.js +10 -8
- package/build/plugins/pdf/components/PDFControls.js +14 -10
- package/build/plugins/pdf/components/PDFPagination.js +11 -7
- package/build/plugins/pdf/components/icons/index.d.ts +0 -1
- package/build/plugins/pdf/components/icons/index.js +18 -11
- package/build/plugins/pdf/components/pages/PDFAllPages.js +9 -4
- package/build/plugins/pdf/components/pages/PDFPages.js +11 -7
- package/build/plugins/pdf/components/pages/PDFSinglePage.js +7 -3
- package/build/plugins/pdf/index.js +7 -4
- package/build/plugins/pdf/state/actions.js +8 -4
- package/build/plugins/pdf/state/index.js +8 -4
- package/build/plugins/pdf/state/reducer.js +2 -1
- package/build/plugins/png/index.js +1 -1
- package/build/plugins/tiff/index.js +10 -6
- package/build/plugins/tiff/tiffToCanvas.d.ts +1 -1
- package/build/plugins/tiff/tiffToCanvas.js +2 -1
- package/build/state/actions.js +14 -7
- package/build/state/index.js +11 -8
- package/build/state/reducer.js +2 -1
- package/build/types/index.d.ts +5 -4
- package/build/utils/fileLoaders.js +8 -4
- package/build/utils/useDocumentLoader.js +12 -11
- package/build/utils/useRendererSelector.js +5 -4
- package/build/utils/useWindowSize.js +4 -3
- package/package.json +62 -62
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<module type="JAVA_MODULE" version="4">
|
|
3
|
+
<component name="NewModuleRootManager" inherit-compiler-output="true">
|
|
4
|
+
<exclude-output />
|
|
5
|
+
<content url="file://$MODULE_DIR$" />
|
|
6
|
+
<orderEntry type="inheritedJdk" />
|
|
7
|
+
<orderEntry type="sourceFolder" forTests="false" />
|
|
8
|
+
</component>
|
|
9
|
+
</module>
|
package/.idea/misc.xml
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<project version="4">
|
|
3
|
+
<component name="ProjectModuleManager">
|
|
4
|
+
<modules>
|
|
5
|
+
<module fileurl="file://$PROJECT_DIR$/.idea/asma-doc-viewer.iml" filepath="$PROJECT_DIR$/.idea/asma-doc-viewer.iml" />
|
|
6
|
+
</modules>
|
|
7
|
+
</component>
|
|
8
|
+
</project>
|
package/.idea/vcs.xml
ADDED
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<project version="4">
|
|
3
|
+
<component name="ChangeListManager">
|
|
4
|
+
<list default="true" id="2420ee6f-9c38-476f-82bf-3c5a7aca550a" name="Changes" comment="">
|
|
5
|
+
<change beforePath="$PROJECT_DIR$/.gitignore" beforeDir="false" afterPath="$PROJECT_DIR$/.gitignore" afterDir="false" />
|
|
6
|
+
</list>
|
|
7
|
+
<option name="SHOW_DIALOG" value="false" />
|
|
8
|
+
<option name="HIGHLIGHT_CONFLICTS" value="true" />
|
|
9
|
+
<option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
|
|
10
|
+
<option name="LAST_RESOLUTION" value="IGNORE" />
|
|
11
|
+
</component>
|
|
12
|
+
<component name="ComposerSettings">
|
|
13
|
+
<execution />
|
|
14
|
+
</component>
|
|
15
|
+
<component name="Git.Settings">
|
|
16
|
+
<option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
|
|
17
|
+
</component>
|
|
18
|
+
<component name="MarkdownSettingsMigration">
|
|
19
|
+
<option name="stateVersion" value="1" />
|
|
20
|
+
</component>
|
|
21
|
+
<component name="ProjectId" id="25ENHDhJCwOrfTBlC0Ap5oFVrBf" />
|
|
22
|
+
<component name="ProjectViewState">
|
|
23
|
+
<option name="hideEmptyMiddlePackages" value="true" />
|
|
24
|
+
<option name="showLibraryContents" value="true" />
|
|
25
|
+
</component>
|
|
26
|
+
<component name="PropertiesComponent">
|
|
27
|
+
<property name="RunOnceActivity.OpenProjectViewOnStart" value="true" />
|
|
28
|
+
<property name="RunOnceActivity.ShowReadmeOnStart" value="true" />
|
|
29
|
+
<property name="WebServerToolWindowFactoryState" value="false" />
|
|
30
|
+
<property name="last_opened_file_path" value="$PROJECT_DIR$" />
|
|
31
|
+
<property name="node.js.detected.package.eslint" value="true" />
|
|
32
|
+
<property name="node.js.selected.package.eslint" value="(autodetect)" />
|
|
33
|
+
<property name="nodejs_package_manager_path" value="yarn" />
|
|
34
|
+
<property name="project.structure.last.edited" value="Project" />
|
|
35
|
+
<property name="project.structure.proportion" value="0.0" />
|
|
36
|
+
<property name="project.structure.side.proportion" value="0.0" />
|
|
37
|
+
<property name="settings.editor.selected.configurable" value="Settings.Markdown" />
|
|
38
|
+
<property name="ts.external.directory.path" value="$PROJECT_DIR$/node_modules/typescript/lib" />
|
|
39
|
+
</component>
|
|
40
|
+
<component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="true" />
|
|
41
|
+
<component name="TaskManager">
|
|
42
|
+
<task active="true" id="Default" summary="Default task">
|
|
43
|
+
<changelist id="2420ee6f-9c38-476f-82bf-3c5a7aca550a" name="Changes" comment="" />
|
|
44
|
+
<created>1645088197123</created>
|
|
45
|
+
<option name="number" value="Default" />
|
|
46
|
+
<option name="presentableId" value="Default" />
|
|
47
|
+
<updated>1645088197123</updated>
|
|
48
|
+
<workItem from="1645088199643" duration="810000" />
|
|
49
|
+
</task>
|
|
50
|
+
<servers />
|
|
51
|
+
</component>
|
|
52
|
+
<component name="TypeScriptGeneratedFilesManager">
|
|
53
|
+
<option name="version" value="3" />
|
|
54
|
+
</component>
|
|
55
|
+
<component name="Vcs.Log.Tabs.Properties">
|
|
56
|
+
<option name="TAB_STATES">
|
|
57
|
+
<map>
|
|
58
|
+
<entry key="MAIN">
|
|
59
|
+
<value>
|
|
60
|
+
<State />
|
|
61
|
+
</value>
|
|
62
|
+
</entry>
|
|
63
|
+
</map>
|
|
64
|
+
</option>
|
|
65
|
+
</component>
|
|
66
|
+
</project>
|
package/README.md
CHANGED
|
@@ -378,6 +378,7 @@ const myHeader: IHeaderOverride = (state, previousDocument, nextDocument) => {
|
|
|
378
378
|
| --------- | -------- |
|
|
379
379
|
| uri | `string` |
|
|
380
380
|
| fileType? | `string` |
|
|
381
|
+
| fileName? | `string` |
|
|
381
382
|
| fileData? | `string | ArrayBuffer` - **Used Internally - Ignored if passed into props** |
|
|
382
383
|
|
|
383
384
|
---
|
|
@@ -5,7 +5,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
5
5
|
};
|
|
6
6
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
7
|
if (k2 === undefined) k2 = k;
|
|
8
|
-
Object.
|
|
8
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
9
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
10
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
11
|
+
}
|
|
12
|
+
Object.defineProperty(o, k2, desc);
|
|
9
13
|
}) : (function(o, m, k, k2) {
|
|
10
14
|
if (k2 === undefined) k2 = k;
|
|
11
15
|
o[k2] = m[k];
|
|
@@ -18,7 +22,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
18
22
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
23
|
if (mod && mod.__esModule) return mod;
|
|
20
24
|
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
25
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
26
|
__setModuleDefault(result, mod);
|
|
23
27
|
return result;
|
|
24
28
|
};
|
|
@@ -33,8 +37,8 @@ var state_1 = require("../state");
|
|
|
33
37
|
var actions_1 = require("../state/actions");
|
|
34
38
|
var Button_1 = require("./common/Button");
|
|
35
39
|
var icons_1 = require("./icons");
|
|
36
|
-
|
|
37
|
-
var _a = react_1.useContext(state_1.DocViewerContext), _b = _a.state, currentDocument = _b.currentDocument, currentFileNo = _b.currentFileNo, documents = _b.documents, dispatch = _a.dispatch;
|
|
40
|
+
var DocumentNav = function () {
|
|
41
|
+
var _a = (0, react_1.useContext)(state_1.DocViewerContext), _b = _a.state, currentDocument = _b.currentDocument, currentFileNo = _b.currentFileNo, documents = _b.documents, dispatch = _a.dispatch;
|
|
38
42
|
if (documents.length <= 1 || !currentDocument)
|
|
39
43
|
return null;
|
|
40
44
|
var fileName = currentDocument.uri;
|
|
@@ -48,12 +52,13 @@ exports.DocumentNav = function () {
|
|
|
48
52
|
currentFileNo + 1,
|
|
49
53
|
" of ",
|
|
50
54
|
documents.length),
|
|
51
|
-
react_1.default.createElement(ButtonPrev, { id: "doc-nav-prev", onClick: function () { return dispatch(actions_1.previousDocument()); }, disabled: currentFileNo === 0 },
|
|
55
|
+
react_1.default.createElement(ButtonPrev, { id: "doc-nav-prev", onClick: function () { return dispatch((0, actions_1.previousDocument)()); }, disabled: currentFileNo === 0 },
|
|
52
56
|
react_1.default.createElement(icons_1.PrevDocIcon, { color: "#fff", size: "60%" })),
|
|
53
|
-
react_1.default.createElement(ButtonNext, { id: "doc-nav-next", onClick: function () { return dispatch(actions_1.nextDocument()); }, disabled: currentFileNo >= documents.length - 1 },
|
|
57
|
+
react_1.default.createElement(ButtonNext, { id: "doc-nav-next", onClick: function () { return dispatch((0, actions_1.nextDocument)()); }, disabled: currentFileNo >= documents.length - 1 },
|
|
54
58
|
react_1.default.createElement(icons_1.NextDocIcon, { color: "#fff", size: "60%" }))));
|
|
55
59
|
};
|
|
60
|
+
exports.DocumentNav = DocumentNav;
|
|
56
61
|
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; });
|
|
57
|
-
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"])));
|
|
58
|
-
var ButtonNext = styled_components_1.default(ButtonPrev)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin: 0 5px;\n"], ["\n margin: 0 5px;\n"])));
|
|
62
|
+
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"])));
|
|
63
|
+
var ButtonNext = (0, styled_components_1.default)(ButtonPrev)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin: 0 5px;\n"], ["\n margin: 0 5px;\n"])));
|
|
59
64
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { FC } from
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
export declare const FileName: FC<{}>;
|
|
@@ -5,7 +5,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
5
5
|
};
|
|
6
6
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
7
|
if (k2 === undefined) k2 = k;
|
|
8
|
-
Object.
|
|
8
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
9
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
10
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
11
|
+
}
|
|
12
|
+
Object.defineProperty(o, k2, desc);
|
|
9
13
|
}) : (function(o, m, k, k2) {
|
|
10
14
|
if (k2 === undefined) k2 = k;
|
|
11
15
|
o[k2] = m[k];
|
|
@@ -18,7 +22,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
18
22
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
23
|
if (mod && mod.__esModule) return mod;
|
|
20
24
|
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
25
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
26
|
__setModuleDefault(result, mod);
|
|
23
27
|
return result;
|
|
24
28
|
};
|
|
@@ -30,21 +34,28 @@ exports.FileName = void 0;
|
|
|
30
34
|
var react_1 = __importStar(require("react"));
|
|
31
35
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
32
36
|
var state_1 = require("../state");
|
|
33
|
-
|
|
37
|
+
var FileName = function () {
|
|
34
38
|
var _a, _b;
|
|
35
|
-
var _c = react_1.useContext(state_1.DocViewerContext).state, config = _c.config, currentDocument = _c.currentDocument;
|
|
39
|
+
var _c = (0, react_1.useContext)(state_1.DocViewerContext).state, config = _c.config, currentDocument = _c.currentDocument;
|
|
36
40
|
if (!currentDocument || ((_a = config === null || config === void 0 ? void 0 : config.header) === null || _a === void 0 ? void 0 : _a.disableFileName))
|
|
37
41
|
return null;
|
|
38
|
-
var fileName =
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
fileName = fileName.split("?")[0];
|
|
42
|
+
var fileName = '';
|
|
43
|
+
if (currentDocument.fileName) {
|
|
44
|
+
fileName = currentDocument.fileName;
|
|
42
45
|
}
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
fileName =
|
|
46
|
+
else {
|
|
47
|
+
fileName = currentDocument.uri || '';
|
|
48
|
+
fileName = decodeURI(fileName);
|
|
49
|
+
if (!((_b = config === null || config === void 0 ? void 0 : config.header) === null || _b === void 0 ? void 0 : _b.retainURLParams)) {
|
|
50
|
+
fileName = fileName.split('?')[0];
|
|
51
|
+
}
|
|
52
|
+
var splitURL = fileName.split('/');
|
|
53
|
+
if (splitURL.length) {
|
|
54
|
+
fileName = splitURL[splitURL.length - 1];
|
|
55
|
+
}
|
|
46
56
|
}
|
|
47
|
-
return (react_1.default.createElement(Container, { id:
|
|
57
|
+
return (react_1.default.createElement(Container, { id: 'file-name', "data-testid": 'file-name' }, fileName));
|
|
48
58
|
};
|
|
59
|
+
exports.FileName = FileName;
|
|
49
60
|
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; });
|
|
50
61
|
var templateObject_1;
|
|
@@ -5,7 +5,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
5
5
|
};
|
|
6
6
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
7
|
if (k2 === undefined) k2 = k;
|
|
8
|
-
Object.
|
|
8
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
9
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
10
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
11
|
+
}
|
|
12
|
+
Object.defineProperty(o, k2, desc);
|
|
9
13
|
}) : (function(o, m, k, k2) {
|
|
10
14
|
if (k2 === undefined) k2 = k;
|
|
11
15
|
o[k2] = m[k];
|
|
@@ -18,7 +22,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
18
22
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
23
|
if (mod && mod.__esModule) return mod;
|
|
20
24
|
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
25
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
26
|
__setModuleDefault(result, mod);
|
|
23
27
|
return result;
|
|
24
28
|
};
|
|
@@ -33,13 +37,13 @@ var state_1 = require("../state");
|
|
|
33
37
|
var actions_1 = require("../state/actions");
|
|
34
38
|
var DocumentNav_1 = require("./DocumentNav");
|
|
35
39
|
var FileName_1 = require("./FileName");
|
|
36
|
-
|
|
40
|
+
var HeaderBar = function () {
|
|
37
41
|
var _a, _b, _c;
|
|
38
|
-
var _d = react_1.useContext(state_1.DocViewerContext), state = _d.state, dispatch = _d.dispatch;
|
|
42
|
+
var _d = (0, react_1.useContext)(state_1.DocViewerContext), state = _d.state, dispatch = _d.dispatch;
|
|
39
43
|
var config = state.config;
|
|
40
44
|
if ((_a = config === null || config === void 0 ? void 0 : config.header) === null || _a === void 0 ? void 0 : _a.disableHeader)
|
|
41
45
|
return null;
|
|
42
|
-
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()); });
|
|
46
|
+
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)()); });
|
|
43
47
|
if (override) {
|
|
44
48
|
return override;
|
|
45
49
|
}
|
|
@@ -49,5 +53,6 @@ exports.HeaderBar = function () {
|
|
|
49
53
|
react_1.default.createElement(DocumentNav_1.DocumentNav, null)));
|
|
50
54
|
}
|
|
51
55
|
};
|
|
56
|
+
exports.HeaderBar = HeaderBar;
|
|
52
57
|
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; });
|
|
53
58
|
var templateObject_1;
|
|
@@ -5,7 +5,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
5
5
|
};
|
|
6
6
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
7
|
if (k2 === undefined) k2 = k;
|
|
8
|
-
Object.
|
|
8
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
9
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
10
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
11
|
+
}
|
|
12
|
+
Object.defineProperty(o, k2, desc);
|
|
9
13
|
}) : (function(o, m, k, k2) {
|
|
10
14
|
if (k2 === undefined) k2 = k;
|
|
11
15
|
o[k2] = m[k];
|
|
@@ -18,7 +22,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
18
22
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
23
|
if (mod && mod.__esModule) return mod;
|
|
20
24
|
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
25
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
26
|
__setModuleDefault(result, mod);
|
|
23
27
|
return result;
|
|
24
28
|
};
|
|
@@ -31,12 +35,12 @@ var useDocumentLoader_1 = require("../utils/useDocumentLoader");
|
|
|
31
35
|
var useWindowSize_1 = require("../utils/useWindowSize");
|
|
32
36
|
var common_1 = require("./common");
|
|
33
37
|
var icons_1 = require("./icons");
|
|
34
|
-
|
|
35
|
-
var _a = useDocumentLoader_1.useDocumentLoader(), state = _a.state, dispatch = _a.dispatch, CurrentRenderer = _a.CurrentRenderer;
|
|
38
|
+
var ProxyRenderer = function () {
|
|
39
|
+
var _a = (0, useDocumentLoader_1.useDocumentLoader)(), state = _a.state, dispatch = _a.dispatch, CurrentRenderer = _a.CurrentRenderer;
|
|
36
40
|
var documents = state.documents, documentLoading = state.documentLoading, currentDocument = state.currentDocument;
|
|
37
|
-
var size = useWindowSize_1.useWindowSize();
|
|
38
|
-
var containerRef = react_1.useCallback(function (node) {
|
|
39
|
-
node && dispatch(actions_1.setRendererRect(node === null || node === void 0 ? void 0 : node.getBoundingClientRect()));
|
|
41
|
+
var size = (0, useWindowSize_1.useWindowSize)();
|
|
42
|
+
var containerRef = (0, react_1.useCallback)(function (node) {
|
|
43
|
+
node && dispatch((0, actions_1.setRendererRect)(node === null || node === void 0 ? void 0 : node.getBoundingClientRect()));
|
|
40
44
|
},
|
|
41
45
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
42
46
|
[size]);
|
|
@@ -67,9 +71,10 @@ exports.ProxyRenderer = function () {
|
|
|
67
71
|
return (react_1.default.createElement(Container, { id: "proxy-renderer", ref: containerRef },
|
|
68
72
|
react_1.default.createElement(Contents, null)));
|
|
69
73
|
};
|
|
74
|
+
exports.ProxyRenderer = ProxyRenderer;
|
|
70
75
|
var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex: 1;\n overflow-y: auto;\n"], ["\n display: flex;\n flex: 1;\n overflow-y: auto;\n"])));
|
|
71
76
|
var LoadingContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex: 1;\n height: 75px;\n align-items: center;\n justify-content: center;\n"], ["\n display: flex;\n flex: 1;\n height: 75px;\n align-items: center;\n justify-content: center;\n"])));
|
|
72
|
-
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"])));
|
|
77
|
+
var spinAnim = (0, styled_components_1.keyframes)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"], ["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
73
78
|
var LoadingIconContainer = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n animation-name: ", ";\n animation-duration: 4s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n"], ["\n animation-name: ", ";\n animation-duration: 4s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n"])), spinAnim);
|
|
74
|
-
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; });
|
|
79
|
+
var DownloadButton = (0, styled_components_1.default)(common_1.LinkButton)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n width: 130px;\n height: 30px;\n background-color: ", ";\n @media (max-width: 768px) {\n width: 125px;\n height: 25px;\n }\n"], ["\n width: 130px;\n height: 30px;\n background-color: ", ";\n @media (max-width: 768px) {\n width: 125px;\n height: 25px;\n }\n"])), function (props) { return props.theme.primary; });
|
|
75
80
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
@@ -5,7 +5,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
5
5
|
};
|
|
6
6
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
7
|
if (k2 === undefined) k2 = k;
|
|
8
|
-
Object.
|
|
8
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
9
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
10
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
11
|
+
}
|
|
12
|
+
Object.defineProperty(o, k2, desc);
|
|
9
13
|
}) : (function(o, m, k, k2) {
|
|
10
14
|
if (k2 === undefined) k2 = k;
|
|
11
15
|
o[k2] = m[k];
|
|
@@ -18,17 +22,17 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
18
22
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
23
|
if (mod && mod.__esModule) return mod;
|
|
20
24
|
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
25
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
26
|
__setModuleDefault(result, mod);
|
|
23
27
|
return result;
|
|
24
28
|
};
|
|
25
29
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
30
|
exports.ButtonSecondary = exports.ButtonPrimary = exports.LinkButton = exports.Button = exports.ButtonSecondaryStyle = exports.ButtonPrimaryStyle = void 0;
|
|
27
31
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
28
|
-
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; });
|
|
29
|
-
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; });
|
|
32
|
+
exports.ButtonPrimaryStyle = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n"], ["\n background-color: ", ";\n color: ", ";\n"])), function (props) { return props.theme.primary; }, function (props) { return props.theme.text_primary; });
|
|
33
|
+
exports.ButtonSecondaryStyle = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n"], ["\n background-color: ", ";\n color: ", ";\n"])), function (props) { return props.theme.secondary; }, function (props) { return props.theme.text_secondary; });
|
|
30
34
|
exports.Button = styled_components_1.default.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n display: flex;\n justify-content: center;\n align-items: center;\n width: 35px;\n height: 35px;\n padding: 0;\n margin: 0 0 0 5px;\n text-align: center;\n font-size: 18px;\n border: 0;\n outline: none;\n cursor: pointer;\n text-decoration: none;\n border-radius: 35px;\n opacity: ", ";\n pointer-events: ", ";\n box-shadow: 2px 2px 3px #00000033;\n\n @media (max-width: 768px) {\n width: 30px;\n height: 30px;\n font-size: 15px;\n }\n"], ["\n ", "\n display: flex;\n justify-content: center;\n align-items: center;\n width: 35px;\n height: 35px;\n padding: 0;\n margin: 0 0 0 5px;\n text-align: center;\n font-size: 18px;\n border: 0;\n outline: none;\n cursor: pointer;\n text-decoration: none;\n border-radius: 35px;\n opacity: ", ";\n pointer-events: ", ";\n box-shadow: 2px 2px 3px #00000033;\n\n @media (max-width: 768px) {\n width: 30px;\n height: 30px;\n font-size: 15px;\n }\n"])), exports.ButtonPrimaryStyle, function (props) { return (props.disabled ? 0.4 : 1); }, function (props) { return (props.disabled ? "none" : "all"); });
|
|
31
35
|
exports.LinkButton = styled_components_1.default.a(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n border: 0;\n outline: none;\n cursor: pointer;\n text-decoration: none;\n border-radius: 35px;\n background-color: ", ";\n color: ", ";\n box-shadow: 2px 2px 3px #00000033;\n\n width: 35px;\n height: 35px;\n font-size: 18px;\n @media (max-width: 768px) {\n width: 30px;\n height: 30px;\n font-size: 15px;\n }\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n border: 0;\n outline: none;\n cursor: pointer;\n text-decoration: none;\n border-radius: 35px;\n background-color: ", ";\n color: ", ";\n box-shadow: 2px 2px 3px #00000033;\n\n width: 35px;\n height: 35px;\n font-size: 18px;\n @media (max-width: 768px) {\n width: 30px;\n height: 30px;\n font-size: 15px;\n }\n"])), function (props) { return props.theme.primary; }, function (props) { return props.theme.text_primary; });
|
|
32
|
-
exports.ButtonPrimary = styled_components_1.default(exports.Button)(templateObject_5 || (templateObject_5 = __makeTemplateObject([""], [""])));
|
|
33
|
-
exports.ButtonSecondary = styled_components_1.default(exports.Button)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), exports.ButtonSecondaryStyle);
|
|
36
|
+
exports.ButtonPrimary = (0, styled_components_1.default)(exports.Button)(templateObject_5 || (templateObject_5 = __makeTemplateObject([""], [""])));
|
|
37
|
+
exports.ButtonSecondary = (0, styled_components_1.default)(exports.Button)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), exports.ButtonSecondaryStyle);
|
|
34
38
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
8
12
|
}));
|
|
9
13
|
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
-
for (var p in m) if (p !== "default" && !
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
15
|
};
|
|
12
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
17
|
__exportStar(require("./Button"), exports);
|
|
@@ -16,27 +16,30 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
exports.LoadingIcon = exports.NextDocIcon = exports.PrevDocIcon = void 0;
|
|
18
18
|
var react_1 = __importDefault(require("react"));
|
|
19
|
-
|
|
19
|
+
var PrevDocIcon = function (props) {
|
|
20
20
|
return react_1.default.createElement(DocNavIcon, __assign({}, props));
|
|
21
21
|
};
|
|
22
|
-
exports.
|
|
22
|
+
exports.PrevDocIcon = PrevDocIcon;
|
|
23
|
+
var NextDocIcon = function (props) {
|
|
23
24
|
return react_1.default.createElement(DocNavIcon, __assign({}, props, { reverse: true }));
|
|
24
25
|
};
|
|
26
|
+
exports.NextDocIcon = NextDocIcon;
|
|
25
27
|
var DocNavIcon = function (props) {
|
|
26
28
|
var color = props.color, size = props.size, reverse = props.reverse;
|
|
27
|
-
return (react_1.default.createElement("svg", { width: size || "100%", height: size || "100%", style: { transform: ""
|
|
29
|
+
return (react_1.default.createElement("svg", { width: size || "100%", height: size || "100%", style: { transform: "".concat(reverse ? "rotate(180deg)" : "") }, id: "arrow_left", version: "1.1", viewBox: "0 0 32 32", xmlSpace: "preserve" },
|
|
28
30
|
react_1.default.createElement("path", { clipRule: "evenodd", d: "M31.106,15H3.278l8.325-8.293 c0.391-0.391,0.391-1.024,0-1.414c-0.391-0.391-1.024-0.391-1.414,0l-9.9,9.899c-0.385,0.385-0.385,1.029,0,1.414l9.9,9.9 c0.391,0.391,1.024,0.391,1.414,0c0.391-0.391,0.391-1.024,0-1.414L3.278,17h27.828c0.552,0,1-0.448,1-1 C32.106,15.448,31.658,15,31.106,15z", fill: color || "#aaa", fillRule: "evenodd", id: "Arrow_Back" })));
|
|
29
31
|
};
|
|
30
|
-
|
|
32
|
+
var LoadingIcon = function (props) {
|
|
31
33
|
var color = props.color, size = props.size;
|
|
32
34
|
return (react_1.default.createElement("svg", { width: size || "100%", height: size || "100%", version: "1.1", id: "Icons", viewBox: "0 0 32 32", xmlSpace: "preserve", style: { alignSelf: "center", justifySelf: "center" } },
|
|
33
35
|
react_1.default.createElement("g", null,
|
|
34
36
|
react_1.default.createElement("path", { fill: color || "#aaa", d: "M16,2c-0.6,0-1,0.4-1,1v5c0,0.6,0.4,1,1,1s1-0.4,1-1V3C17,2.4,16.6,2,16,2z" }),
|
|
35
|
-
react_1.default.createElement("path", { fill: color || "#aaa", d: "M7.5,6.1c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l3.5,3.5c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L7.5,6.1\n\t\tz" }),
|
|
37
|
+
react_1.default.createElement("path", { fill: color || "#aaa", d: "M7.5,6.1c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l3.5,3.5c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L7.5,6.1\r\n\t\tz" }),
|
|
36
38
|
react_1.default.createElement("path", { fill: color || "#aaa", d: "M9,16c0-0.6-0.4-1-1-1H3c-0.6,0-1,0.4-1,1s0.4,1,1,1h5C8.6,17,9,16.6,9,16z" }),
|
|
37
|
-
react_1.default.createElement("path", { fill: color || "#aaa", d: "M9.6,20.9l-3.5,3.5c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3l3.5-3.5c0.4-0.4,0.4-1,0-1.4\n\t\tS10,20.6,9.6,20.9z" }),
|
|
39
|
+
react_1.default.createElement("path", { fill: color || "#aaa", d: "M9.6,20.9l-3.5,3.5c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3l3.5-3.5c0.4-0.4,0.4-1,0-1.4\r\n\t\tS10,20.6,9.6,20.9z" }),
|
|
38
40
|
react_1.default.createElement("path", { fill: color || "#aaa", d: "M16,23c-0.6,0-1,0.4-1,1v5c0,0.6,0.4,1,1,1s1-0.4,1-1v-5C17,23.4,16.6,23,16,23z" }),
|
|
39
|
-
react_1.default.createElement("path", { fill: color || "#aaa", d: "M22.4,20.9c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l3.5,3.5c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4\n\t\tL22.4,20.9z" }),
|
|
41
|
+
react_1.default.createElement("path", { fill: color || "#aaa", d: "M22.4,20.9c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l3.5,3.5c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4\r\n\t\tL22.4,20.9z" }),
|
|
40
42
|
react_1.default.createElement("path", { fill: color || "#aaa", d: "M29,15h-5c-0.6,0-1,0.4-1,1s0.4,1,1,1h5c0.6,0,1-0.4,1-1S29.6,15,29,15z" }),
|
|
41
|
-
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" }))));
|
|
43
|
+
react_1.default.createElement("path", { fill: color || "#aaa", d: "M21.7,11.3c0.3,0,0.5-0.1,0.7-0.3l3.5-3.5c0.4-0.4,0.4-1,0-1.4s-1-0.4-1.4,0l-3.5,3.5c-0.4,0.4-0.4,1,0,1.4\r\n\t\tC21.1,11.2,21.4,11.3,21.7,11.3z" }))));
|
|
42
44
|
};
|
|
45
|
+
exports.LoadingIcon = LoadingIcon;
|
package/build/index.js
CHANGED
|
@@ -16,7 +16,11 @@ var __assign = (this && this.__assign) || function () {
|
|
|
16
16
|
};
|
|
17
17
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
18
|
if (k2 === undefined) k2 = k;
|
|
19
|
-
Object.
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
20
24
|
}) : (function(o, m, k, k2) {
|
|
21
25
|
if (k2 === undefined) k2 = k;
|
|
22
26
|
o[k2] = m[k];
|
|
@@ -29,18 +33,18 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
29
33
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
34
|
if (mod && mod.__esModule) return mod;
|
|
31
35
|
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
37
|
__setModuleDefault(result, mod);
|
|
34
38
|
return result;
|
|
35
39
|
};
|
|
36
40
|
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
37
|
-
for (var p in m) if (p !== "default" && !
|
|
41
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
38
42
|
};
|
|
39
43
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
40
44
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
41
45
|
};
|
|
42
46
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
43
|
-
exports.TXTRenderer = exports.TIFFRenderer = exports.PNGRenderer = exports.PDFRenderer = exports.MSDocRenderer = exports.JPGRenderer = exports.ImageProxyRenderer = exports.HTMLRenderer = exports.BMPRenderer = void 0;
|
|
47
|
+
exports.TXTRenderer = exports.TIFFRenderer = exports.PNGRenderer = exports.PDFRenderer = exports.MSDocRenderer = exports.JPGRenderer = exports.ImageProxyRenderer = exports.HTMLRenderer = exports.BMPRenderer = exports.DocViewerRenderers = void 0;
|
|
44
48
|
var react_1 = __importDefault(require("react"));
|
|
45
49
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
46
50
|
var HeaderBar_1 = require("./components/HeaderBar");
|
|
@@ -5,7 +5,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
5
5
|
};
|
|
6
6
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
7
|
if (k2 === undefined) k2 = k;
|
|
8
|
-
Object.
|
|
8
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
9
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
10
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
11
|
+
}
|
|
12
|
+
Object.defineProperty(o, k2, desc);
|
|
9
13
|
}) : (function(o, m, k, k2) {
|
|
10
14
|
if (k2 === undefined) k2 = k;
|
|
11
15
|
o[k2] = m[k];
|
|
@@ -18,7 +22,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
18
22
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
23
|
if (mod && mod.__esModule) return mod;
|
|
20
24
|
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
25
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
26
|
__setModuleDefault(result, mod);
|
|
23
27
|
return result;
|
|
24
28
|
};
|
|
@@ -31,7 +35,7 @@ var styled_components_1 = __importDefault(require("styled-components"));
|
|
|
31
35
|
var fileLoaders_1 = require("../../utils/fileLoaders");
|
|
32
36
|
var HTMLRenderer = function (_a) {
|
|
33
37
|
var currentDocument = _a.mainState.currentDocument;
|
|
34
|
-
react_1.useEffect(function () {
|
|
38
|
+
(0, react_1.useEffect)(function () {
|
|
35
39
|
var b64String = currentDocument === null || currentDocument === void 0 ? void 0 : currentDocument.fileData;
|
|
36
40
|
var bodyBase64 = (b64String === null || b64String === void 0 ? void 0 : b64String.replace("data:text/html;base64,", "")) || "";
|
|
37
41
|
var body = window.atob(bodyBase64);
|
|
@@ -41,7 +45,7 @@ var HTMLRenderer = function (_a) {
|
|
|
41
45
|
return;
|
|
42
46
|
var iframeDoc = iframe.document;
|
|
43
47
|
iframeDoc.open();
|
|
44
|
-
iframeDoc.write(""
|
|
48
|
+
iframeDoc.write("".concat(body));
|
|
45
49
|
iframeDoc.close();
|
|
46
50
|
}, []);
|
|
47
51
|
return (react_1.default.createElement(Container, { id: "html-renderer" },
|
|
@@ -3,12 +3,14 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
6
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
7
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
8
|
+
if (ar || !(i in from)) {
|
|
9
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
10
|
+
ar[i] = from[i];
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
12
14
|
};
|
|
13
15
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
16
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
@@ -21,7 +23,7 @@ var MSDocRenderer = function (_a) {
|
|
|
21
23
|
if (!currentDocument)
|
|
22
24
|
return null;
|
|
23
25
|
return (react_1.default.createElement(Container, { id: "msdoc-renderer" },
|
|
24
|
-
react_1.default.createElement(IFrame, { id: "msdoc-iframe", title: "msdoc-iframe", src: "https://view.officeapps.live.com/op/embed.aspx?src="
|
|
26
|
+
react_1.default.createElement(IFrame, { id: "msdoc-iframe", title: "msdoc-iframe", src: "https://view.officeapps.live.com/op/embed.aspx?src=".concat(encodeURIComponent(currentDocument.uri)), frameBorder: "0" })));
|
|
25
27
|
};
|
|
26
28
|
exports.default = MSDocRenderer;
|
|
27
29
|
var MSDocFTMaps = {
|
|
@@ -41,7 +43,7 @@ var MSDocFTMaps = {
|
|
|
41
43
|
"application/vnd.openxmlformats-officedocument.presentationml.presentation",
|
|
42
44
|
],
|
|
43
45
|
};
|
|
44
|
-
MSDocRenderer.fileTypes =
|
|
46
|
+
MSDocRenderer.fileTypes = __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], MSDocFTMaps.doc, true), MSDocFTMaps.docx, true), MSDocFTMaps.xls, true), MSDocFTMaps.xlsx, true), MSDocFTMaps.ppt, true), MSDocFTMaps.pptx, true);
|
|
45
47
|
MSDocRenderer.weight = 0;
|
|
46
48
|
MSDocRenderer.fileLoader = function (_a) {
|
|
47
49
|
var fileLoaderComplete = _a.fileLoaderComplete;
|