react-markdown-table-ts 0.3.15 → 0.4.0

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import 'prismjs/components/prism-markdown';
 import 'prismjs/plugins/line-numbers/prism-line-numbers';
 import { MarkdownTableProps } from './types';

package/dist/index.esm.js

@@ -4066,46 +4066,21 @@ var MarkdownTableError = /** @class */ (function (_super) {
 
 // src/utils.ts
 /**
- * Calculates the maximum width for each column based on the content and newline replacement rules.
- * @param inputDataRows - All rows (header and body) of the input table.
- * @param maxColumnCount - The maximum number of columns in the input table.
- * @param minWidth - The minimum width for each column. Defaults to 3.
- * @param canReplaceNewlines - Whether to replace newlines with '<br>' (affects width) or a space.
+ * Calculates the maximum width for each column based on the content.
+ * @param tableRows - All rows (header and body) of the table.
+ * @param maxColumnCount - The maximum number of columns in the table.
  * @returns An array of maximum widths for each column.
  */
-function calculateColumnWidths(inputDataRows, maxColumnCount, minWidth, canReplaceNewlines) {
-    if (minWidth === void 0) { minWidth = 3; }
-    // Initialize column widths with the minimum width.
-    var columnWidths = Array.from({ length: maxColumnCount }, function () { return minWidth; });
-    // Iterate over each row in the input data.
-    for (var _i = 0, inputDataRows_1 = inputDataRows; _i < inputDataRows_1.length; _i++) {
-        var currentRow = inputDataRows_1[_i];
-        // Iterate over each column index up to maxColumnCount.
-        for (var columnIndex = 0; columnIndex < maxColumnCount; columnIndex++) {
-            // Retrieve the cell value; default to an empty string if undefined or null.
-            var cellValue = currentRow[columnIndex];
-            var cellString = cellValue !== null && cellValue !== undefined ? String(cellValue) : '';
-            if (canReplaceNewlines) {
-                // Replace newlines with <br>, which increases the length by 3 per newline.
-                var replacedString = cellString.replace(/\n/g, '<br>');
-                var adjustedLength = replacedString.length;
-                // Update the column width if the adjusted length is greater.
-                if (adjustedLength > columnWidths[columnIndex]) {
-                    columnWidths[columnIndex] = adjustedLength;
-                }
-            }
-            else {
-                // Replace newlines with a space and calculate the length.
-                cellString = cellString.replace(/\n/g, ' ');
-                // Update the column width if the current cell's length is greater.
-                if (cellString.length > columnWidths[columnIndex]) {
-                    columnWidths[columnIndex] = cellString.length;
-                }
-            }
+function calculateColumnWidths(tableRows, maxColumnCount) {
+    var widths = new Array(maxColumnCount).fill(3); // Minimum width of 3 for each column.
+    tableRows.forEach(function (currentRow) {
+        var _a;
+        for (var i = 0; i < maxColumnCount; i++) {
+            var cell = (_a = currentRow[i]) !== null && _a !== void 0 ? _a : '';
+            widths[i] = Math.max(widths[i], cell.length);
         }
-    }
-    console.log('Calculated Column Widths:', columnWidths); // Debug log
-    return columnWidths;
+    });
+    return widths;
 }
 /**
  * Formats a single row into a Markdown-formatted string.
@@ -4117,8 +4092,8 @@ function calculateColumnWidths(inputDataRows, maxColumnCount, minWidth, canRepla
  * @param canReplaceNewlines - Flag to replace newlines with <br> tags.
  * @returns The Markdown string for the row.
  */
-function formatMarkdownTableBody(columnCount, currentRow, columnAlignments, columnWidths, useTabs, canReplaceNewlines) {
-    var _a, _b, _c;
+function formatMarkdownRow(columnCount, currentRow, columnAlignments, columnWidths, useTabs, canReplaceNewlines) {
+    var _a, _b;
     if (useTabs === void 0) { useTabs = false; }
     if (canReplaceNewlines === void 0) { canReplaceNewlines = false; }
     var defaultAlignment = 'left';
@@ -4127,22 +4102,23 @@ function formatMarkdownTableBody(columnCount, currentRow, columnAlignments, colu
     var markdownRow = '|';
     for (var i = 0; i < columnCount; i++) {
         var cell = (_a = currentRow[i]) !== null && _a !== void 0 ? _a : '';
+        if (canReplaceNewlines) {
+            cell = replaceNewlinesInCell(cell);
+        }
         var alignment = (_b = adjustedAlignments[i]) !== null && _b !== void 0 ? _b : defaultAlignment;
-        cell = "".concat(canReplaceNewlines ? cell.replace(/\n/g, '<br>') : cell.replace(/\n/g, ' '));
-        // Safe access to columnWidths with fallback
-        var targetWidth = (_c = columnWidths === null || columnWidths === void 0 ? void 0 : columnWidths[i]) !== null && _c !== void 0 ? _c : cell.length;
+        var targetWidth = columnWidths ? columnWidths[i] : cell.length;
         if (alignment === 'right') {
-            markdownRow += "".concat(cell.padStart(targetWidth)).concat(useTabs ? '\t' : '', "|");
+            markdownRow += "".concat(useTabs ? '\t' : ' ').concat(cell.padStart(targetWidth)).concat(useTabs ? '\t' : ' ', "|");
         }
         else if (alignment === 'center') {
             var totalPadding = targetWidth - cell.length;
             var paddingLeft = Math.floor(totalPadding / 2);
             var paddingRight = totalPadding - paddingLeft;
-            markdownRow += "".concat(' '.repeat(paddingLeft)).concat(cell).concat(' '.repeat(paddingRight)).concat(useTabs ? '\t' : '', "|");
+            markdownRow += "".concat(useTabs ? '\t' : ' ').concat(' '.repeat(paddingLeft)).concat(cell).concat(' '.repeat(paddingRight)).concat(useTabs ? '\t' : ' ', "|");
         }
         else {
             // Left alignment or default
-            markdownRow += "".concat(cell.padEnd(targetWidth)).concat(useTabs ? '\t' : '', "|");
+            markdownRow += "".concat(useTabs ? '\t' : ' ').concat(cell.padEnd(targetWidth)).concat(useTabs ? '\t' : ' ', "|");
         }
     }
     return markdownRow;
@@ -4155,7 +4131,7 @@ function formatMarkdownTableBody(columnCount, currentRow, columnAlignments, colu
  * @param useTabs - Flag to use tabs between columns.
  * @returns The Markdown string for the alignment row.
  */
-function formatMarkdownTableAlignmentRow(columnCount, columnAlignments, columnWidths, useTabs) {
+function formatAlignmentRow(columnCount, columnAlignments, columnWidths, useTabs) {
     var _a;
     if (useTabs === void 0) { useTabs = false; }
     var defaultAlignment = 'left';
@@ -4180,7 +4156,7 @@ function formatMarkdownTableAlignmentRow(columnCount, columnAlignments, columnWi
                 alignIndicator = "".concat('-'.repeat(targetWidth));
                 break;
         }
-        alignmentRow += "".concat(alignIndicator).concat(useTabs ? '\t' : '', "|");
+        alignmentRow += "".concat(useTabs ? '\t' : ' ').concat(alignIndicator).concat(useTabs ? '\t' : ' ', "|");
     }
     return alignmentRow;
 }
@@ -4197,23 +4173,29 @@ function generateMarkdownTableString(inputData, columnAlignments, canAdjustColum
     if (canAdjustColumnWidths === void 0) { canAdjustColumnWidths = true; }
     if (useTabs === void 0) { useTabs = false; }
     if (replaceNewlines === void 0) { replaceNewlines = false; }
-    var headerColumnCount = inputData.inputTableHeader.length;
-    var bodyColumnCounts = inputData.inputTableBody.map(function (currentRow) { return currentRow.length; });
+    var headerColumnCount = inputData.inputDataHeader.length;
+    var bodyColumnCounts = inputData.inputDataBody.map(function (currentRow) { return currentRow.length; });
     var maxColumnCount = Math.max.apply(Math, __spreadArray([headerColumnCount], bodyColumnCounts, false));
     var columnWidths = canAdjustColumnWidths
-        ? calculateColumnWidths(__spreadArray([inputData.inputTableHeader], inputData.inputTableBody, true), maxColumnCount, 3, // minWidth (you can change this value as needed)
-        replaceNewlines // Pass replaceNewlines here
-        )
+        ? calculateColumnWidths(__spreadArray([inputData.inputDataHeader], inputData.inputDataBody, true), maxColumnCount)
         : undefined;
-    var markdownHeaderRow = formatMarkdownTableBody(maxColumnCount, inputData.inputTableHeader, columnAlignments, columnWidths, useTabs, replaceNewlines);
-    var markdownAlignmentRow = formatMarkdownTableAlignmentRow(maxColumnCount, columnAlignments, columnWidths, useTabs);
-    var markdownBodyRows = inputData.inputTableBody
+    var markdownHeaderRow = formatMarkdownRow(maxColumnCount, inputData.inputDataHeader, columnAlignments, columnWidths, useTabs, replaceNewlines);
+    var markdownAlignmentRow = formatAlignmentRow(maxColumnCount, columnAlignments, columnWidths, useTabs);
+    var markdownBodyRows = inputData.inputDataBody
         .map(function (currentRow) {
-        return formatMarkdownTableBody(maxColumnCount, currentRow, columnAlignments, columnWidths, useTabs, replaceNewlines);
+        return formatMarkdownRow(maxColumnCount, currentRow, columnAlignments, columnWidths, useTabs, replaceNewlines);
     })
         .join('\n');
     return "".concat(markdownHeaderRow, "\n").concat(markdownAlignmentRow, "\n").concat(markdownBodyRows).trimEnd();
 }
+/**
+ * Replaces newline characters in a string with <br> tags.
+ * @param cell - The cell content to process.
+ * @returns The processed cell content with newlines replaced.
+ */
+function replaceNewlinesInCell(cell) {
+    return cell.replace(/\n/g, '<br>');
+}
 /**
  * Converts a zero-based column index to its corresponding Excel-style column name.
  * For example, 0 -> 'A', 1 -> 'B', ..., 25 -> 'Z', 26 -> 'AA', etc.
@@ -4243,14 +4225,14 @@ function generateAlphabetHeaders(columnCount) {
 }
 
 // CSS styles
-var PRISM_CSS = "\ncode[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,\"Andale Mono\",\"Ubuntu Mono\",monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}\n";
+var PRISM_CSS = "\ncode[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}\n";
 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.canReplaceNewlines, canReplaceNewlines = _g === void 0 ? false : _g, className = _a.className, onTableCreate = _a.onTableCreate;
     var adjustColumnWidths = !isCompact;
     var preElementRef = useRef(null);
     var markdownTableSyntax = useMemo(function () {
         if (inputData === null) {
-            return '|   |   |   |   |   |\n|---|---|---|---|---|\n|   |   |   |   |   |\n|   |   |   |   |   |\n|   |   |   |   |   |';
+            return 'Error: No data provided for the table.';
         }
         try {
             if (!Array.isArray(inputData) || inputData.length === 0) {
@@ -4258,12 +4240,12 @@ var MarkdownTable = function (_a) {
             }
             var tableData = hasHeader
                 ? {
-                    inputTableHeader: inputData[0],
-                    inputTableBody: inputData.slice(1),
+                    inputDataHeader: inputData[0],
+                    inputDataBody: inputData.slice(1),
                 }
                 : {
-                    inputTableHeader: generateAlphabetHeaders(inputData[0].length),
-                    inputTableBody: inputData,
+                    inputDataHeader: generateAlphabetHeaders(inputData[0].length),
+                    inputDataBody: inputData,
                 };
             return generateMarkdownTableString(tableData, columnAlignments, adjustColumnWidths, hasTabs, canReplaceNewlines);
         }
@@ -4289,8 +4271,12 @@ var MarkdownTable = function (_a) {
         }
     }, [markdownTableSyntax, onTableCreate]);
     useEffect(function () {
-        if (preElementRef.current) {
-            Prism$1.highlightElement(preElementRef.current.querySelector('code'));
+        var _a;
+        var codeElement = (_a = preElementRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('code');
+        if (codeElement && markdownTableSyntax) {
+            requestAnimationFrame(function () {
+                Prism$1.highlightElement(codeElement);
+            });
         }
     }, [markdownTableSyntax]);
     return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("style", { children: PRISM_CSS }), jsxRuntimeExports.jsx("pre", { ref: preElementRef, className: "".concat(className, " language-markdown line-numbers"), children: jsxRuntimeExports.jsx("code", { className: "language-markdown", role: "code", children: markdownTableSyntax }) })] }));