@chalkbooks/react-doc-viewer
Version:
File viewer for React.
52 lines (51 loc) • 2.57 kB
JavaScript
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
if (ar || !(i in from)) {
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
ar[i] = from[i];
}
}
return to.concat(ar || Array.prototype.slice.call(from));
};
import React from "react";
import styled from "styled-components";
var MSDocRenderer = function (_a) {
var currentDocument = _a.mainState.currentDocument;
if (!currentDocument)
return null;
return (React.createElement(Container, { id: "msdoc-renderer" },
React.createElement(IFrame, { id: "msdoc-iframe", title: "msdoc-iframe", src: "https://view.officeapps.live.com/op/embed.aspx?src=".concat(encodeURIComponent(currentDocument.uri)), frameBorder: "0" })));
};
export default MSDocRenderer;
var MSDocFTMaps = {
odt: ["odt", "application/vnd.oasis.opendocument.text"],
doc: ["doc", "application/msword"],
docx: [
"docx",
"application/vnd.openxmlformats-officedocument.wordprocessingml.document",
"application/octet-stream",
],
xls: ["xls", "application/vnd.ms-excel"],
xlsx: [
"xlsx",
"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
],
ppt: ["ppt", "application/vnd.ms-powerpoint"],
pptx: [
"pptx",
"application/vnd.openxmlformats-officedocument.presentationml.presentation",
],
};
MSDocRenderer.fileTypes = __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], MSDocFTMaps.odt, true), MSDocFTMaps.doc, true), MSDocFTMaps.docx, true), MSDocFTMaps.xls, true), MSDocFTMaps.xlsx, true), MSDocFTMaps.ppt, true), MSDocFTMaps.pptx, true);
MSDocRenderer.weight = 0;
MSDocRenderer.fileLoader = function (_a) {
var fileLoaderComplete = _a.fileLoaderComplete;
return fileLoaderComplete();
};
var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
var IFrame = styled.iframe(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n border: 0;\n"], ["\n width: 100%;\n height: 100%;\n border: 0;\n"])));
var templateObject_1, templateObject_2;