react-markdown-table-ts 1.1.8 → 1.2.0

package/dist/index.esm.js

@@ -4060,14 +4060,53 @@ var Prism$1 = /*@__PURE__*/getDefaultExportFromCjs(prismExports);
 
 }());
 
+/**
+ * Formats cell content with markdown syntax based on CellData formatting options
+ */
+function formatCellContent(cell) {
+    if (typeof cell === 'string') {
+        return cell;
+    }
+    var content = cell.content;
+    // Apply code formatting first (if present) as it should override other formatting
+    if (cell.code) {
+        content = "`".concat(content, "`");
+        return content; // Code formatting should not be combined with other formatting
+    }
+    // Apply bold formatting
+    if (cell.bold) {
+        content = "**".concat(content, "**");
+    }
+    // Apply italic formatting
+    if (cell.italic) {
+        content = "*".concat(content, "*");
+    }
+    // Apply link formatting last
+    if (cell.link) {
+        content = "[".concat(content, "](").concat(cell.link, ")");
+    }
+    return content;
+}
+/**
+ * Gets the alignment for a cell, prioritizing cell-specific alignment over column alignment
+ */
+function getCellAlignment(cell, columnAlignment) {
+    if (typeof cell === 'string') {
+        return columnAlignment || 'none';
+    }
+    return cell.alignment || columnAlignment || 'none';
+}
+
 var CellFormatter = /** @class */ (function () {
     function CellFormatter(config) {
         this.config = config;
         this.padding = this.config.useTabs ? '\t' : (this.config.hasPadding ? ' ' : '');
     }
-    CellFormatter.prototype.formatCell = function (content, alignment, width) {
+    CellFormatter.prototype.formatCell = function (cell, alignment, width) {
+        var content = formatCellContent(cell);
+        var cellAlignment = getCellAlignment(cell, alignment);
         var totalWidth = width;
-        switch (alignment) {
+        switch (cellAlignment) {
             case 'right':
                 return "".concat(this.padding).concat(content.padStart(totalWidth)).concat(this.padding);
             case 'center': {
@@ -4120,7 +4159,7 @@ var TableFormatter = /** @class */ (function () {
                 cell = replaceNewlinesInCell(cell);
             }
             var alignment = _this.adjustedAlignments[i];
-            var width = _this.config.columnWidths ? _this.config.columnWidths[i] : cell.length;
+            var width = _this.config.columnWidths ? _this.config.columnWidths[i] : formatCellContent(cell).length;
             return _this.cellFormatter.formatCell(cell, alignment, width);
         });
         return "|".concat(formattedCells.join('|'), "|");
@@ -4144,7 +4183,8 @@ function calculateColumnWidths(tableRows, maxColumnCount) {
         var _a;
         for (var i = 0; i < maxColumnCount; i++) {
             var cell = (_a = row[i]) !== null && _a !== void 0 ? _a : '';
-            widths[i] = Math.max(widths[i], cell.length);
+            var content = formatCellContent(cell);
+            widths[i] = Math.max(widths[i], content.length);
         }
     });
     return widths;
@@ -4183,7 +4223,8 @@ function generateMarkdownTableString(inputData, columnAlignments, canAdjustColum
     return "".concat(headerRow, "\n").concat(alignmentRow, "\n").concat(bodyRows).trimEnd();
 }
 function replaceNewlinesInCell(cell) {
-    return cell.replace(/\n/g, '<br>');
+    var content = typeof cell === 'string' ? cell : cell.content;
+    return content.replace(/\n/g, '<br>');
 }
 function getColumnName(index) {
     var columnName = '';
@@ -4219,10 +4260,10 @@ var MarkdownTableError = /** @class */ (function (_super) {
  */
 function validateInputData(inputData) {
     if (inputData === null || !Array.isArray(inputData)) {
-        throw new MarkdownTableError("The 'data' prop must be a two-dimensional array.");
+        throw new MarkdownTableError('The \'data\' prop must be a two-dimensional array.');
     }
     if (inputData.length === 0) {
-        throw new MarkdownTableError("The 'data' array must contain at least one row.");
+        throw new MarkdownTableError('The \'data\' array must contain at least one row.');
     }
 }
 
@@ -4232,7 +4273,7 @@ var DARK_THEME_CSS = "\ncode[class*=language-],pre[class*=language-]{color:#f8f8
 var getTableData = function (inputData, hasHeader) {
     return hasHeader
         ? { inputDataHeader: inputData[0], inputDataBody: inputData.slice(1) }
-        : { inputDataHeader: generateAlphabetHeaders(inputData[0].length), inputDataBody: inputData };
+        : { inputDataHeader: generateAlphabetHeaders(inputData[0].length).map(function (header) { return ({ content: header }); }), inputDataBody: inputData };
 };
 var generateTableSyntax = function (inputData, hasHeader, columnAlignments, adjustColumnWidths, hasTabs, canReplaceNewlines, hasPadding) {
     try {
@@ -4259,7 +4300,7 @@ var applySyntaxHighlighting = function (preElementRef, markdownTableSyntax) {
     }, [markdownTableSyntax]);
 };
 var MarkdownTable = function (_a) {
-    var _b = _a.inputData, inputData = _b === void 0 ? null : _b, _c = _a.hasHeader, hasHeader = _c === void 0 ? true : _c, _d = _a.columnAlignments, columnAlignments = _d === void 0 ? [] : _d, _e = _a.isCompact, isCompact = _e === void 0 ? false : _e, _f = _a.hasTabs, hasTabs = _f === void 0 ? false : _f, _g = _a.hasPadding, hasPadding = _g === void 0 ? true : _g, _h = _a.convertLineBreaks, convertLineBreaks = _h === void 0 ? false : _h, className = _a.className, onGenerate = _a.onGenerate, _j = _a.theme, theme = _j === void 0 ? 'light' : _j, preStyle = _a.preStyle; _a.topPadding; var minWidth = _a.minWidth;
+    var _b = _a.inputData, inputData = _b === void 0 ? null : _b, _c = _a.hasHeader, hasHeader = _c === void 0 ? true : _c, _d = _a.columnAlignments, columnAlignments = _d === void 0 ? [] : _d, _e = _a.isCompact, isCompact = _e === void 0 ? false : _e, _f = _a.hasTabs, hasTabs = _f === void 0 ? false : _f, _g = _a.hasPadding, hasPadding = _g === void 0 ? true : _g, _h = _a.convertLineBreaks, convertLineBreaks = _h === void 0 ? false : _h, className = _a.className, onGenerate = _a.onGenerate, _j = _a.theme, theme = _j === void 0 ? 'light' : _j, preStyle = _a.preStyle, _k = _a.topPadding, topPadding = _k === void 0 ? 16 : _k, minWidth = _a.minWidth;
     var adjustColumnWidths = !isCompact;
     var preElementRef = useRef(null);
     var markdownTableSyntax = useMemo(function () { return generateTableSyntax(inputData, hasHeader, columnAlignments, adjustColumnWidths, hasTabs, convertLineBreaks, hasPadding); }, [
@@ -4277,7 +4318,7 @@ var MarkdownTable = function (_a) {
         }
     }, [markdownTableSyntax, onGenerate]);
     applySyntaxHighlighting(preElementRef, markdownTableSyntax);
-    return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs("style", { children: [theme === 'light' ? LIGHT_THEME_CSS : DARK_THEME_CSS, "\n          pre {\n            position: relative;\n          }\n          pre::before {\n            position: absolute;\n            top: 8px;\n            left: 12px;\n            color: ".concat(theme === 'light' ? '#666' : '#999', ";\n            letter-spacing: 2px;\n            font-size: 12px;\n          }\n        ")] }), jsxRuntimeExports.jsx("div", { id: "MarkdownTable", style: {
+    return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs("style", { children: [theme === 'light' ? LIGHT_THEME_CSS : DARK_THEME_CSS, "\n          pre {\n            position: relative;\n            padding-top: ".concat(topPadding, "px !important;\n          }\n          pre::before {\n            position: absolute;\n            top: 8px;\n            left: 12px;\n            color: ").concat(theme === 'light' ? '#666' : '#999', ";\n            letter-spacing: 2px;\n            font-size: 12px;\n          }\n        ")] }), jsxRuntimeExports.jsx("div", { id: "MarkdownTable", style: {
                     position: 'relative',
                     isolation: 'isolate',
                     display: 'inline-block'