editor-react-parser
Version:
A renderer for editorjs block data for react
22 lines (21 loc) • 1.08 kB
JavaScript
import React from "react";
var defaultTableConfig = {
classNames: {
tableHeader: "first:border-l-0 text-left pl-2 last:border-r-0 border-b-2 border",
tableData: "first:border-l-0 last:border-r-0 pl-2 border-b border",
table: "w-full",
},
};
var TableBlock = function (_a) {
var item = _a.item, config = _a.config;
var currentConfig = Object.assign({}, defaultTableConfig, config);
var rows = item.data.content.map(function (rowArray, index) {
var rowItems = rowArray.map(function (text, index2) {
return item.data.withHeadings && index === 0 ? (React.createElement("th", { className: currentConfig.classNames.tableHeader, key: index2 }, text)) : (React.createElement("td", { className: currentConfig.classNames.tableData, key: index2 }, text));
});
return React.createElement("tr", { key: index }, rowItems);
});
return (React.createElement("table", { className: currentConfig.classNames.table, key: item.id },
React.createElement("tbody", null, rows)));
};
export default TableBlock;