@chalkbooks/react-doc-viewer
Version:
File viewer for React.
39 lines (38 loc) • 2.53 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;
};
import React, { useEffect, useState } from "react";
import styled from "styled-components";
import papaparse from "papaparse";
import { textFileLoader } from "../../utils/fileLoaders";
var CSVRenderer = function (_a) {
var _b = _a.mainState, currentDocument = _b.currentDocument, config = _b.config;
var _c = useState([]), rows = _c[0], setRows = _c[1];
useEffect(function () {
var _a, _b;
if (currentDocument === null || currentDocument === void 0 ? void 0 : currentDocument.fileData) {
var parseResult = papaparse.parse(currentDocument.fileData, {
delimiter: (_a = config === null || config === void 0 ? void 0 : config.csvDelimiter) !== null && _a !== void 0 ? _a : ",",
});
if (!((_b = parseResult.errors) === null || _b === void 0 ? void 0 : _b.length) && parseResult.data) {
setRows(parseResult.data);
}
}
}, [currentDocument, config === null || config === void 0 ? void 0 : config.csvDelimiter]);
if (!rows.length) {
return null;
}
return (React.createElement(Container, null,
React.createElement(Table, null,
React.createElement("thead", null,
React.createElement("tr", null, rows[0].map(function (column) { return (React.createElement("th", { key: column }, column)); }))),
React.createElement("tbody", null, rows.slice(1, rows.length).map(function (row) { return (React.createElement("tr", { key: row.join("") }, row.map(function (column) { return (React.createElement("td", { key: column }, column)); }))); })))));
};
export default CSVRenderer;
CSVRenderer.fileTypes = ["csv", "text/csv"];
CSVRenderer.weight = 0;
CSVRenderer.fileLoader = textFileLoader;
var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
var Table = styled.table(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 100%;\n text-align: left;\n\n th,\n td {\n padding: 5px 10px;\n\n &:empty {\n display: none;\n }\n }\n"], ["\n width: 100%;\n text-align: left;\n\n th,\n td {\n padding: 5px 10px;\n\n &:empty {\n display: none;\n }\n }\n"])));
var templateObject_1, templateObject_2;