asma-doc-viewer 1.0.2 → 1.0.3
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/package.json +62 -62
- package/build/components/DocumentNav.d.ts +0 -2
- package/build/components/DocumentNav.js +0 -60
- package/build/components/FileName.d.ts +0 -2
- package/build/components/FileName.js +0 -57
- package/build/components/HeaderBar.d.ts +0 -2
- package/build/components/HeaderBar.js +0 -54
- package/build/components/ProxyRenderer.d.ts +0 -2
- package/build/components/ProxyRenderer.js +0 -76
- package/build/components/common/Button.d.ts +0 -11
- package/build/components/common/Button.js +0 -34
- package/build/components/common/index.d.ts +0 -1
- package/build/components/common/index.js +0 -13
- package/build/components/icons/index.d.ts +0 -9
- package/build/components/icons/index.js +0 -45
- package/build/index.d.ts +0 -25
- package/build/index.js +0 -85
- package/build/plugins/bmp/index.d.ts +0 -3
- package/build/plugins/bmp/index.js +0 -22
- package/build/plugins/html/index.d.ts +0 -3
- package/build/plugins/html/index.js +0 -56
- package/build/plugins/image/index.d.ts +0 -3
- package/build/plugins/image/index.js +0 -34
- package/build/plugins/index.d.ts +0 -1
- package/build/plugins/index.js +0 -24
- package/build/plugins/jpg/index.d.ts +0 -3
- package/build/plugins/jpg/index.js +0 -22
- package/build/plugins/msdoc/index.d.ts +0 -3
- package/build/plugins/msdoc/index.js +0 -54
- package/build/plugins/pdf/components/PDFControls.d.ts +0 -3
- package/build/plugins/pdf/components/PDFControls.js +0 -57
- package/build/plugins/pdf/components/PDFPagination.d.ts +0 -3
- package/build/plugins/pdf/components/PDFPagination.js +0 -53
- package/build/plugins/pdf/components/icons/index.d.ts +0 -9
- package/build/plugins/pdf/components/icons/index.js +0 -73
- package/build/plugins/pdf/components/pages/PDFAllPages.d.ts +0 -6
- package/build/plugins/pdf/components/pages/PDFAllPages.js +0 -37
- package/build/plugins/pdf/components/pages/PDFPages.d.ts +0 -3
- package/build/plugins/pdf/components/pages/PDFPages.js +0 -52
- package/build/plugins/pdf/components/pages/PDFSinglePage.d.ts +0 -6
- package/build/plugins/pdf/components/pages/PDFSinglePage.js +0 -49
- package/build/plugins/pdf/index.d.ts +0 -3
- package/build/plugins/pdf/index.js +0 -51
- package/build/plugins/pdf/state/actions.d.ts +0 -25
- package/build/plugins/pdf/state/actions.js +0 -31
- package/build/plugins/pdf/state/index.d.ts +0 -12
- package/build/plugins/pdf/state/index.js +0 -43
- package/build/plugins/pdf/state/reducer.d.ts +0 -12
- package/build/plugins/pdf/state/reducer.js +0 -45
- package/build/plugins/png/index.d.ts +0 -3
- package/build/plugins/png/index.js +0 -29
- package/build/plugins/tiff/index.d.ts +0 -3
- package/build/plugins/tiff/index.js +0 -73
- package/build/plugins/tiff/tiffToCanvas.d.ts +0 -1
- package/build/plugins/tiff/tiffToCanvas.js +0 -602
- package/build/plugins/txt/index.d.ts +0 -3
- package/build/plugins/txt/index.js +0 -22
- package/build/state/actions.d.ts +0 -42
- package/build/state/actions.js +0 -45
- package/build/state/index.d.ts +0 -10
- package/build/state/index.js +0 -50
- package/build/state/reducer.d.ts +0 -14
- package/build/state/reducer.js +0 -64
- package/build/theme/index.d.ts +0 -2
- package/build/theme/index.js +0 -12
- package/build/types/index.d.ts +0 -40
- package/build/types/index.js +0 -2
- package/build/utils/fileLoaders.d.ts +0 -12
- package/build/utils/fileLoaders.js +0 -105
- package/build/utils/useDocumentLoader.d.ts +0 -12
- package/build/utils/useDocumentLoader.js +0 -82
- package/build/utils/useRendererSelector.d.ts +0 -7
- package/build/utils/useRendererSelector.js +0 -40
- package/build/utils/useWindowSize.d.ts +0 -4
- package/build/utils/useWindowSize.js +0 -34
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.LoadingIcon = exports.NextDocIcon = exports.PrevDocIcon = void 0;
|
|
18
|
-
var react_1 = __importDefault(require("react"));
|
|
19
|
-
var PrevDocIcon = function (props) {
|
|
20
|
-
return react_1.default.createElement(DocNavIcon, __assign({}, props));
|
|
21
|
-
};
|
|
22
|
-
exports.PrevDocIcon = PrevDocIcon;
|
|
23
|
-
var NextDocIcon = function (props) {
|
|
24
|
-
return react_1.default.createElement(DocNavIcon, __assign({}, props, { reverse: true }));
|
|
25
|
-
};
|
|
26
|
-
exports.NextDocIcon = NextDocIcon;
|
|
27
|
-
var DocNavIcon = function (props) {
|
|
28
|
-
var color = props.color, size = props.size, reverse = props.reverse;
|
|
29
|
-
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" },
|
|
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" })));
|
|
31
|
-
};
|
|
32
|
-
var LoadingIcon = function (props) {
|
|
33
|
-
var color = props.color, size = props.size;
|
|
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" } },
|
|
35
|
-
react_1.default.createElement("g", null,
|
|
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" }),
|
|
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\n\t\tz" }),
|
|
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" }),
|
|
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\n\t\tS10,20.6,9.6,20.9z" }),
|
|
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" }),
|
|
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\n\t\tL22.4,20.9z" }),
|
|
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" }),
|
|
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\n\t\tC21.1,11.2,21.4,11.3,21.7,11.3z" }))));
|
|
44
|
-
};
|
|
45
|
-
exports.LoadingIcon = LoadingIcon;
|
package/build/index.d.ts
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { CSSProperties, FC } from "react";
|
|
2
|
-
import BMPRenderer from "./plugins/bmp";
|
|
3
|
-
import HTMLRenderer from "./plugins/html";
|
|
4
|
-
import ImageProxyRenderer from "./plugins/image";
|
|
5
|
-
import JPGRenderer from "./plugins/jpg";
|
|
6
|
-
import MSDocRenderer from "./plugins/msdoc";
|
|
7
|
-
import PDFRenderer from "./plugins/pdf";
|
|
8
|
-
import PNGRenderer from "./plugins/png";
|
|
9
|
-
import TIFFRenderer from "./plugins/tiff";
|
|
10
|
-
import TXTRenderer from "./plugins/txt";
|
|
11
|
-
import { DocRenderer, IConfig, IDocument, ITheme } from "./types";
|
|
12
|
-
export interface DocViewerProps {
|
|
13
|
-
documents: IDocument[];
|
|
14
|
-
className?: string;
|
|
15
|
-
style?: CSSProperties;
|
|
16
|
-
config?: IConfig;
|
|
17
|
-
theme?: ITheme;
|
|
18
|
-
pluginRenderers?: DocRenderer[];
|
|
19
|
-
}
|
|
20
|
-
declare const DocViewer: FC<DocViewerProps>;
|
|
21
|
-
export default DocViewer;
|
|
22
|
-
export { DocViewerRenderers } from "./plugins";
|
|
23
|
-
export * from "./types";
|
|
24
|
-
export * from "./utils/fileLoaders";
|
|
25
|
-
export { BMPRenderer, HTMLRenderer, ImageProxyRenderer, JPGRenderer, MSDocRenderer, PDFRenderer, PNGRenderer, TIFFRenderer, TXTRenderer, };
|
package/build/index.js
DELETED
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
-
if (k2 === undefined) k2 = k;
|
|
19
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
37
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
38
|
-
};
|
|
39
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
40
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
41
|
-
};
|
|
42
|
-
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 = exports.DocViewerRenderers = void 0;
|
|
44
|
-
var react_1 = __importDefault(require("react"));
|
|
45
|
-
var styled_components_1 = __importStar(require("styled-components"));
|
|
46
|
-
var HeaderBar_1 = require("./components/HeaderBar");
|
|
47
|
-
var ProxyRenderer_1 = require("./components/ProxyRenderer");
|
|
48
|
-
var bmp_1 = __importDefault(require("./plugins/bmp"));
|
|
49
|
-
exports.BMPRenderer = bmp_1.default;
|
|
50
|
-
var html_1 = __importDefault(require("./plugins/html"));
|
|
51
|
-
exports.HTMLRenderer = html_1.default;
|
|
52
|
-
var image_1 = __importDefault(require("./plugins/image"));
|
|
53
|
-
exports.ImageProxyRenderer = image_1.default;
|
|
54
|
-
var jpg_1 = __importDefault(require("./plugins/jpg"));
|
|
55
|
-
exports.JPGRenderer = jpg_1.default;
|
|
56
|
-
var msdoc_1 = __importDefault(require("./plugins/msdoc"));
|
|
57
|
-
exports.MSDocRenderer = msdoc_1.default;
|
|
58
|
-
var pdf_1 = __importDefault(require("./plugins/pdf"));
|
|
59
|
-
exports.PDFRenderer = pdf_1.default;
|
|
60
|
-
var png_1 = __importDefault(require("./plugins/png"));
|
|
61
|
-
exports.PNGRenderer = png_1.default;
|
|
62
|
-
var tiff_1 = __importDefault(require("./plugins/tiff"));
|
|
63
|
-
exports.TIFFRenderer = tiff_1.default;
|
|
64
|
-
var txt_1 = __importDefault(require("./plugins/txt"));
|
|
65
|
-
exports.TXTRenderer = txt_1.default;
|
|
66
|
-
var state_1 = require("./state");
|
|
67
|
-
var theme_1 = require("./theme");
|
|
68
|
-
var DocViewer = function (props) {
|
|
69
|
-
var documents = props.documents, theme = props.theme;
|
|
70
|
-
if (!documents || documents === undefined) {
|
|
71
|
-
throw new Error("Please provide an array of documents to DocViewer.\ne.g. <DocViewer documents={[ { uri: 'https://mypdf.pdf' } ]} />");
|
|
72
|
-
}
|
|
73
|
-
return (react_1.default.createElement(state_1.AppProvider, __assign({}, props),
|
|
74
|
-
react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme ? __assign(__assign({}, theme_1.defaultTheme), theme) : theme_1.defaultTheme },
|
|
75
|
-
react_1.default.createElement(Container, __assign({ id: "react-doc-viewer", "data-testid": "react-doc-viewer" }, props),
|
|
76
|
-
react_1.default.createElement(HeaderBar_1.HeaderBar, null),
|
|
77
|
-
react_1.default.createElement(ProxyRenderer_1.ProxyRenderer, null)))));
|
|
78
|
-
};
|
|
79
|
-
exports.default = DocViewer;
|
|
80
|
-
var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n overflow: hidden;\n background: #eee;\n"], ["\n display: flex;\n flex-direction: column;\n overflow: hidden;\n background: #eee;\n"])));
|
|
81
|
-
var plugins_1 = require("./plugins");
|
|
82
|
-
Object.defineProperty(exports, "DocViewerRenderers", { enumerable: true, get: function () { return plugins_1.DocViewerRenderers; } });
|
|
83
|
-
__exportStar(require("./types"), exports);
|
|
84
|
-
__exportStar(require("./utils/fileLoaders"), exports);
|
|
85
|
-
var templateObject_1;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
var react_1 = __importDefault(require("react"));
|
|
18
|
-
var image_1 = __importDefault(require("../image"));
|
|
19
|
-
var BMPRenderer = function (props) { return react_1.default.createElement(image_1.default, __assign({}, props)); };
|
|
20
|
-
BMPRenderer.fileTypes = ["bmp", "image/bmp"];
|
|
21
|
-
BMPRenderer.weight = 0;
|
|
22
|
-
exports.default = BMPRenderer;
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
|
-
if (k2 === undefined) k2 = k;
|
|
8
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
var react_1 = __importStar(require("react"));
|
|
30
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
31
|
-
var fileLoaders_1 = require("../../utils/fileLoaders");
|
|
32
|
-
var HTMLRenderer = function (_a) {
|
|
33
|
-
var currentDocument = _a.mainState.currentDocument;
|
|
34
|
-
(0, react_1.useEffect)(function () {
|
|
35
|
-
var b64String = currentDocument === null || currentDocument === void 0 ? void 0 : currentDocument.fileData;
|
|
36
|
-
var bodyBase64 = (b64String === null || b64String === void 0 ? void 0 : b64String.replace("data:text/html;base64,", "")) || "";
|
|
37
|
-
var body = window.atob(bodyBase64);
|
|
38
|
-
var iframeCont = document.getElementById("html-body");
|
|
39
|
-
var iframe = (iframeCont === null || iframeCont === void 0 ? void 0 : iframeCont.contentWindow) && iframeCont.contentWindow;
|
|
40
|
-
if (!iframe)
|
|
41
|
-
return;
|
|
42
|
-
var iframeDoc = iframe.document;
|
|
43
|
-
iframeDoc.open();
|
|
44
|
-
iframeDoc.write("" + body);
|
|
45
|
-
iframeDoc.close();
|
|
46
|
-
}, []);
|
|
47
|
-
return (react_1.default.createElement(Container, { id: "html-renderer" },
|
|
48
|
-
react_1.default.createElement(BodyIFrame, { id: "html-body", sandbox: "allow-same-origin" })));
|
|
49
|
-
};
|
|
50
|
-
exports.default = HTMLRenderer;
|
|
51
|
-
HTMLRenderer.fileTypes = ["htm", "html", "text/htm", "text/html"];
|
|
52
|
-
HTMLRenderer.weight = 0;
|
|
53
|
-
HTMLRenderer.fileLoader = fileLoaders_1.dataURLFileLoader;
|
|
54
|
-
var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: 100%;\n padding: 0 30px;\n"], ["\n display: flex;\n flex-direction: column;\n width: 100%;\n padding: 0 30px;\n"])));
|
|
55
|
-
var BodyIFrame = styled_components_1.default.iframe(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 100%;\n padding: 15px;\n margin: 20px 0 20px 0;\n border: 1px solid ", ";\n"], ["\n height: 100%;\n padding: 15px;\n margin: 20px 0 20px 0;\n border: 1px solid ", ";\n"])), function (props) { return props.theme.secondary; });
|
|
56
|
-
var templateObject_1, templateObject_2;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
|
-
};
|
|
20
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
-
var react_1 = __importDefault(require("react"));
|
|
22
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
23
|
-
var ImageProxyRenderer = function (props) {
|
|
24
|
-
var currentDocument = props.mainState.currentDocument, children = props.children;
|
|
25
|
-
if (!currentDocument)
|
|
26
|
-
return null;
|
|
27
|
-
return (react_1.default.createElement(Container, __assign({ id: "image-renderer" }, props), children || (react_1.default.createElement(Img, { id: "image-img", src: currentDocument.fileData }))));
|
|
28
|
-
};
|
|
29
|
-
exports.default = ImageProxyRenderer;
|
|
30
|
-
ImageProxyRenderer.fileTypes = [];
|
|
31
|
-
ImageProxyRenderer.weight = 0;
|
|
32
|
-
var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex: 1;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n background-color: #fff;\n"], ["\n display: flex;\n flex: 1;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n background-color: #fff;\n"])));
|
|
33
|
-
var Img = styled_components_1.default.img(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-width: 95%;\n max-height: 95%;\n"], ["\n max-width: 95%;\n max-height: 95%;\n"])));
|
|
34
|
-
var templateObject_1, templateObject_2;
|
package/build/plugins/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const DocViewerRenderers: import("..").DocRenderer[];
|
package/build/plugins/index.js
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.DocViewerRenderers = void 0;
|
|
7
|
-
var bmp_1 = __importDefault(require("./bmp"));
|
|
8
|
-
var html_1 = __importDefault(require("./html"));
|
|
9
|
-
var jpg_1 = __importDefault(require("./jpg"));
|
|
10
|
-
var msdoc_1 = __importDefault(require("./msdoc"));
|
|
11
|
-
var pdf_1 = __importDefault(require("./pdf"));
|
|
12
|
-
var png_1 = __importDefault(require("./png"));
|
|
13
|
-
var tiff_1 = __importDefault(require("./tiff"));
|
|
14
|
-
var txt_1 = __importDefault(require("./txt"));
|
|
15
|
-
exports.DocViewerRenderers = [
|
|
16
|
-
bmp_1.default,
|
|
17
|
-
html_1.default,
|
|
18
|
-
jpg_1.default,
|
|
19
|
-
msdoc_1.default,
|
|
20
|
-
pdf_1.default,
|
|
21
|
-
png_1.default,
|
|
22
|
-
tiff_1.default,
|
|
23
|
-
txt_1.default,
|
|
24
|
-
];
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
var react_1 = __importDefault(require("react"));
|
|
18
|
-
var image_1 = __importDefault(require("../image"));
|
|
19
|
-
var JPGRenderer = function (props) { return react_1.default.createElement(image_1.default, __assign({}, props)); };
|
|
20
|
-
JPGRenderer.fileTypes = ["jpg", "jpeg", "image/jpg", "image/jpeg"];
|
|
21
|
-
JPGRenderer.weight = 0;
|
|
22
|
-
exports.default = JPGRenderer;
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
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));
|
|
14
|
-
};
|
|
15
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
16
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
17
|
-
};
|
|
18
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
19
|
-
var react_1 = __importDefault(require("react"));
|
|
20
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
21
|
-
var MSDocRenderer = function (_a) {
|
|
22
|
-
var currentDocument = _a.mainState.currentDocument;
|
|
23
|
-
if (!currentDocument)
|
|
24
|
-
return null;
|
|
25
|
-
return (react_1.default.createElement(Container, { id: "msdoc-renderer" },
|
|
26
|
-
react_1.default.createElement(IFrame, { id: "msdoc-iframe", title: "msdoc-iframe", src: "https://view.officeapps.live.com/op/embed.aspx?src=" + encodeURIComponent(currentDocument.uri), frameBorder: "0" })));
|
|
27
|
-
};
|
|
28
|
-
exports.default = MSDocRenderer;
|
|
29
|
-
var MSDocFTMaps = {
|
|
30
|
-
doc: ["doc", "application/msword"],
|
|
31
|
-
docx: [
|
|
32
|
-
"docx",
|
|
33
|
-
"application/vnd.openxmlformats-officedocument.wordprocessingml.document",
|
|
34
|
-
],
|
|
35
|
-
xls: ["xls", "application/vnd.ms-excel"],
|
|
36
|
-
xlsx: [
|
|
37
|
-
"xlsx",
|
|
38
|
-
"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
|
|
39
|
-
],
|
|
40
|
-
ppt: ["ppt", "application/vnd.ms-powerpoint"],
|
|
41
|
-
pptx: [
|
|
42
|
-
"pptx",
|
|
43
|
-
"application/vnd.openxmlformats-officedocument.presentationml.presentation",
|
|
44
|
-
],
|
|
45
|
-
};
|
|
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);
|
|
47
|
-
MSDocRenderer.weight = 0;
|
|
48
|
-
MSDocRenderer.fileLoader = function (_a) {
|
|
49
|
-
var fileLoaderComplete = _a.fileLoaderComplete;
|
|
50
|
-
return fileLoaderComplete();
|
|
51
|
-
};
|
|
52
|
-
var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
53
|
-
var IFrame = styled_components_1.default.iframe(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n border: 0;\n"], ["\n width: 100%;\n height: 100%;\n border: 0;\n"])));
|
|
54
|
-
var templateObject_1, templateObject_2;
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
|
-
if (k2 === undefined) k2 = k;
|
|
8
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
var react_1 = __importStar(require("react"));
|
|
30
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
31
|
-
var common_1 = require("../../../components/common");
|
|
32
|
-
var state_1 = require("../state");
|
|
33
|
-
var actions_1 = require("../state/actions");
|
|
34
|
-
var reducer_1 = require("../state/reducer");
|
|
35
|
-
var icons_1 = require("./icons");
|
|
36
|
-
var PDFPagination_1 = __importDefault(require("./PDFPagination"));
|
|
37
|
-
var PDFControls = function () {
|
|
38
|
-
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;
|
|
39
|
-
var currentDocument = (mainState === null || mainState === void 0 ? void 0 : mainState.currentDocument) || null;
|
|
40
|
-
return (react_1.default.createElement(Container, { id: "pdf-controls" },
|
|
41
|
-
paginated && numPages > 1 && react_1.default.createElement(PDFPagination_1.default, null),
|
|
42
|
-
(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) },
|
|
43
|
-
react_1.default.createElement(icons_1.DownloadPDFIcon, { color: "#000", size: "75%" }))),
|
|
44
|
-
react_1.default.createElement(ControlButton, { id: "pdf-zoom-out", onMouseDown: function () { return dispatch((0, actions_1.setZoomLevel)(zoomLevel - 0.1)); } },
|
|
45
|
-
react_1.default.createElement(icons_1.ZoomOutPDFIcon, { color: "#000", size: "80%" })),
|
|
46
|
-
react_1.default.createElement(ControlButton, { id: "pdf-zoom-in", onMouseDown: function () { return dispatch((0, actions_1.setZoomLevel)(zoomLevel + 0.1)); } },
|
|
47
|
-
react_1.default.createElement(icons_1.ZoomInPDFIcon, { color: "#000", size: "80%" })),
|
|
48
|
-
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 },
|
|
49
|
-
react_1.default.createElement(icons_1.ResetZoomPDFIcon, { color: "#000", size: "70%" })),
|
|
50
|
-
numPages > 1 && (react_1.default.createElement(ControlButton, { id: "pdf-toggle-pagination", onMouseDown: function () { return dispatch((0, actions_1.setPDFPaginated)(!paginated)); } },
|
|
51
|
-
react_1.default.createElement(icons_1.TogglePaginationPDFIcon, { color: "#000", size: "70%", reverse: paginated })))));
|
|
52
|
-
};
|
|
53
|
-
exports.default = PDFControls;
|
|
54
|
-
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; });
|
|
55
|
-
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"])));
|
|
56
|
-
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"])));
|
|
57
|
-
var templateObject_1, templateObject_2, templateObject_3;
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
|
-
if (k2 === undefined) k2 = k;
|
|
8
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
var react_1 = __importStar(require("react"));
|
|
30
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
31
|
-
var common_1 = require("../../../components/common");
|
|
32
|
-
var state_1 = require("../state");
|
|
33
|
-
var actions_1 = require("../state/actions");
|
|
34
|
-
var icons_1 = require("./icons");
|
|
35
|
-
var PDFPagination = function () {
|
|
36
|
-
var _a = (0, react_1.useContext)(state_1.PDFContext), _b = _a.state, currentPage = _b.currentPage, numPages = _b.numPages, dispatch = _a.dispatch;
|
|
37
|
-
return (react_1.default.createElement(Container, { id: "pdf-pagination" },
|
|
38
|
-
react_1.default.createElement(PageNavButtonLeft, { id: "pdf-pagination-prev", onClick: function () { return dispatch((0, actions_1.setCurrentPage)(currentPage - 1)); }, disabled: currentPage === 1 },
|
|
39
|
-
react_1.default.createElement(icons_1.PrevPDFNavIcon, { color: "#000", size: "50%" })),
|
|
40
|
-
react_1.default.createElement(PageTag, { id: "pdf-pagination-info" },
|
|
41
|
-
"Page ",
|
|
42
|
-
currentPage,
|
|
43
|
-
"/",
|
|
44
|
-
numPages),
|
|
45
|
-
react_1.default.createElement(PageNavButtonRight, { id: "pdf-pagination-next", onClick: function () { return dispatch((0, actions_1.setCurrentPage)(currentPage + 1)); }, disabled: currentPage >= numPages },
|
|
46
|
-
react_1.default.createElement(icons_1.NextPDFNavIcon, { color: "#000", size: "50%" }))));
|
|
47
|
-
};
|
|
48
|
-
exports.default = PDFPagination;
|
|
49
|
-
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"])));
|
|
50
|
-
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"])));
|
|
51
|
-
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"])));
|
|
52
|
-
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; });
|
|
53
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { IIconProps } from "../../../../components/icons";
|
|
3
|
-
export declare const PrevPDFNavIcon: (props: IIconProps) => JSX.Element;
|
|
4
|
-
export declare const NextPDFNavIcon: (props: IIconProps) => JSX.Element;
|
|
5
|
-
export declare const DownloadPDFIcon: (props: IIconProps) => JSX.Element;
|
|
6
|
-
export declare const ZoomInPDFIcon: (props: IIconProps) => JSX.Element;
|
|
7
|
-
export declare const ZoomOutPDFIcon: (props: IIconProps) => JSX.Element;
|
|
8
|
-
export declare const ResetZoomPDFIcon: (props: IIconProps) => JSX.Element;
|
|
9
|
-
export declare const TogglePaginationPDFIcon: (props: IIconProps) => JSX.Element;
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.TogglePaginationPDFIcon = exports.ResetZoomPDFIcon = exports.ZoomOutPDFIcon = exports.ZoomInPDFIcon = exports.DownloadPDFIcon = exports.NextPDFNavIcon = exports.PrevPDFNavIcon = void 0;
|
|
18
|
-
var react_1 = __importDefault(require("react"));
|
|
19
|
-
var PrevPDFNavIcon = function (props) {
|
|
20
|
-
return react_1.default.createElement(PDFNavArrow, __assign({}, props, { reverse: true }));
|
|
21
|
-
};
|
|
22
|
-
exports.PrevPDFNavIcon = PrevPDFNavIcon;
|
|
23
|
-
var NextPDFNavIcon = function (props) {
|
|
24
|
-
return react_1.default.createElement(PDFNavArrow, __assign({}, props));
|
|
25
|
-
};
|
|
26
|
-
exports.NextPDFNavIcon = NextPDFNavIcon;
|
|
27
|
-
var PDFNavArrow = function (props) {
|
|
28
|
-
var color = props.color, size = props.size, reverse = props.reverse;
|
|
29
|
-
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" },
|
|
30
|
-
react_1.default.createElement("g", { id: "Icons", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
|
|
31
|
-
react_1.default.createElement("g", { id: "Rounded", transform: "translate(-548.000000, -1000.000000)" },
|
|
32
|
-
react_1.default.createElement("g", { id: "AV", transform: "translate(100.000000, 852.000000)" },
|
|
33
|
-
react_1.default.createElement("g", { id: "-Round-/-AV-/-skip_next", transform: "translate(442.000000, 142.000000)" },
|
|
34
|
-
react_1.default.createElement("g", null,
|
|
35
|
-
react_1.default.createElement("rect", { id: "Rectangle-Copy-52", x: "0", y: "0", width: "24", height: "24" }),
|
|
36
|
-
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" }))))))));
|
|
37
|
-
};
|
|
38
|
-
var DownloadPDFIcon = function (props) {
|
|
39
|
-
var color = props.color, size = props.size, reverse = props.reverse;
|
|
40
|
-
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" },
|
|
41
|
-
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" }),
|
|
42
|
-
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" })));
|
|
43
|
-
};
|
|
44
|
-
exports.DownloadPDFIcon = DownloadPDFIcon;
|
|
45
|
-
var ZoomInPDFIcon = function (props) {
|
|
46
|
-
return react_1.default.createElement(ZoomPDFIcon, __assign({}, props));
|
|
47
|
-
};
|
|
48
|
-
exports.ZoomInPDFIcon = ZoomInPDFIcon;
|
|
49
|
-
var ZoomOutPDFIcon = function (props) {
|
|
50
|
-
return react_1.default.createElement(ZoomPDFIcon, __assign({}, props, { reverse: true }));
|
|
51
|
-
};
|
|
52
|
-
exports.ZoomOutPDFIcon = ZoomOutPDFIcon;
|
|
53
|
-
var ZoomPDFIcon = function (props) {
|
|
54
|
-
var color = props.color, size = props.size, reverse = props.reverse;
|
|
55
|
-
return (react_1.default.createElement("svg", { width: size || "100%", height: size || "100%", viewBox: "0 0 32 32", version: "1.1" },
|
|
56
|
-
react_1.default.createElement("g", { id: "Page-1", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
|
|
57
|
-
react_1.default.createElement("g", { id: "search-plus-icon", fill: color || "#aaa" },
|
|
58
|
-
react_1.default.createElement("path", { id: "search-plus", d: reverse
|
|
59
|
-
? "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"
|
|
60
|
-
: "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" })))));
|
|
61
|
-
};
|
|
62
|
-
var ResetZoomPDFIcon = function (props) {
|
|
63
|
-
var color = props.color, size = props.size;
|
|
64
|
-
return (react_1.default.createElement("svg", { width: size || "100%", height: size || "100%", viewBox: "0 0 24 24" },
|
|
65
|
-
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" })));
|
|
66
|
-
};
|
|
67
|
-
exports.ResetZoomPDFIcon = ResetZoomPDFIcon;
|
|
68
|
-
var TogglePaginationPDFIcon = function (props) {
|
|
69
|
-
var color = props.color, size = props.size, reverse = props.reverse;
|
|
70
|
-
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" },
|
|
71
|
-
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" })));
|
|
72
|
-
};
|
|
73
|
-
exports.TogglePaginationPDFIcon = TogglePaginationPDFIcon;
|