react-markdown-table-ts 0.5.6 → 0.5.8

package/dist/index.esm.js

@@ -4068,6 +4068,17 @@ var MarkdownTableError = /** @class */ (function (_super) {
 }(Error));
 
 // src/utils.ts
+/**
+ * Adjusts column alignments array to match the required column count
+ * @param columnAlignments - Original alignment settings
+ * @param columnCount - Required number of columns
+ * @returns Adjusted array of column alignments
+ */
+function getAdjustedAlignments(columnAlignments, columnCount) {
+    var defaultAlignment = 'left';
+    return columnAlignments.length < columnCount
+        ? __spreadArray(__spreadArray([], columnAlignments, true), Array(columnCount - columnAlignments.length).fill(defaultAlignment), true) : columnAlignments.slice(0, columnCount);
+}
 /**
  * Calculates the maximum width for each column based on the content.
  * @param tableRows - All rows (header and body) of the table.
@@ -4087,30 +4098,20 @@ function calculateColumnWidths(tableRows, maxColumnCount) {
 }
 /**
  * Formats a single row into a Markdown-formatted string.
- * @param columnCount - The number of columns in the table.
- * @param currentRow - The data of the current row.
- * @param columnAlignments - Alignment settings for each column.
- * @param columnWidths - Widths of each column.
- * @param useTabs - Flag to use tabs between columns.
- * @param canReplaceNewlines - Flag to replace newlines with <br> tags.
- * @param hasPadding - Flag to add padding spaces around cell content.
+ * @param params - Object containing formatting options and row data.
  * @returns The Markdown string for the row.
  */
-function formatMarkdownRow(columnCount, currentRow, columnAlignments, columnWidths, useTabs, canReplaceNewlines, hasPadding) {
-    var _a, _b;
-    if (useTabs === void 0) { useTabs = false; }
-    if (canReplaceNewlines === void 0) { canReplaceNewlines = false; }
-    if (hasPadding === void 0) { hasPadding = true; }
-    var defaultAlignment = 'left';
-    var adjustedAlignments = columnAlignments.length < columnCount
-        ? __spreadArray(__spreadArray([], columnAlignments, true), Array(columnCount - columnAlignments.length).fill(defaultAlignment), true) : columnAlignments;
+function formatMarkdownRow(_a) {
+    var _b, _c;
+    var columnCount = _a.columnCount, currentRow = _a.currentRow, columnAlignments = _a.columnAlignments, columnWidths = _a.columnWidths, _d = _a.useTabs, useTabs = _d === void 0 ? false : _d, _e = _a.replaceNewlines, replaceNewlines = _e === void 0 ? false : _e, _f = _a.hasPadding, hasPadding = _f === void 0 ? true : _f;
+    var adjustedAlignments = getAdjustedAlignments(columnAlignments, columnCount);
     var markdownRow = '|';
     for (var i = 0; i < columnCount; i++) {
-        var cell = (_a = currentRow[i]) !== null && _a !== void 0 ? _a : '';
-        if (canReplaceNewlines) {
+        var cell = (_b = currentRow[i]) !== null && _b !== void 0 ? _b : '';
+        if (replaceNewlines) {
             cell = replaceNewlinesInCell(cell);
         }
-        var alignment = (_b = adjustedAlignments[i]) !== null && _b !== void 0 ? _b : defaultAlignment;
+        var alignment = (_c = adjustedAlignments[i]) !== null && _c !== void 0 ? _c : 'left';
         var targetWidth = columnWidths ? columnWidths[i] : cell.length;
         var padding = hasPadding ? ' ' : '';
         if (alignment === 'right') {
@@ -4129,72 +4130,70 @@ function formatMarkdownRow(columnCount, currentRow, columnAlignments, columnWidt
     }
     return markdownRow;
 }
-/**
- * Generates the alignment row for the Markdown table syntax.
- * @param columnCount - The number of columns in the table.
- * @param columnAlignments - Alignment settings for each column.
- * @param columnWidths - Widths of each column.
- * @param useTabs - Flag to use tabs between columns.
- * @param hasPadding - Flag to add padding spaces around cell content.
- * @returns The Markdown string for the alignment row.
- */
-function formatAlignmentRow(columnCount, columnAlignments, columnWidths, useTabs, hasPadding) {
-    var _a;
-    if (useTabs === void 0) { useTabs = false; }
-    if (hasPadding === void 0) { hasPadding = true; }
-    var defaultAlignment = 'left';
-    var adjustedAlignments = columnAlignments.length < columnCount
-        ? __spreadArray(__spreadArray([], columnAlignments, true), Array(columnCount - columnAlignments.length).fill(defaultAlignment), true) : columnAlignments;
-    var alignmentRow = '|';
-    for (var i = 0; i < columnCount; i++) {
-        var alignment = (_a = adjustedAlignments[i]) !== null && _a !== void 0 ? _a : defaultAlignment;
-        var targetWidth = columnWidths ? columnWidths[i] : 3;
-        var alignIndicator = '';
-        var padding = hasPadding ? ' ' : '';
-        switch (alignment) {
-            case 'left':
-                alignIndicator = ":".concat('-'.repeat(targetWidth - 1));
-                break;
-            case 'center':
-                alignIndicator = ":".concat('-'.repeat(targetWidth - 2), ":");
-                break;
-            case 'right':
-                alignIndicator = "".concat('-'.repeat(targetWidth - 1), ":");
-                break;
-            default:
-                alignIndicator = "".concat('-'.repeat(targetWidth));
-                break;
-        }
-        alignmentRow += "".concat(useTabs ? '\t' : padding).concat(alignIndicator).concat(useTabs ? '\t' : padding, "|");
-    }
-    return alignmentRow;
+function getAlignmentIndicator(_a) {
+    var _b;
+    var alignment = _a.alignment, targetWidth = _a.targetWidth;
+    var indicators = {
+        left: ":".concat('-'.repeat(targetWidth - 1)),
+        center: ":".concat('-'.repeat(targetWidth - 2), ":"),
+        right: "".concat('-'.repeat(targetWidth - 1), ":"),
+        none: "".concat('-'.repeat(targetWidth)),
+    };
+    return (_b = indicators[alignment]) !== null && _b !== void 0 ? _b : indicators.none;
+}
+function formatAlignmentRow(_a) {
+    var columnCount = _a.columnCount, columnAlignments = _a.columnAlignments, columnWidths = _a.columnWidths, _b = _a.useTabs, useTabs = _b === void 0 ? false : _b, _c = _a.hasPadding, hasPadding = _c === void 0 ? true : _c;
+    var adjustedAlignments = getAdjustedAlignments(columnAlignments, columnCount);
+    var padding = hasPadding ? ' ' : '';
+    var alignmentCells = Array.from({ length: columnCount }, function (_, i) {
+        var _a, _b;
+        var alignment = (_a = adjustedAlignments[i]) !== null && _a !== void 0 ? _a : 'left';
+        var targetWidth = (_b = columnWidths === null || columnWidths === void 0 ? void 0 : columnWidths[i]) !== null && _b !== void 0 ? _b : 3;
+        var alignIndicator = getAlignmentIndicator({ alignment: alignment, targetWidth: targetWidth });
+        return "".concat(useTabs ? '\t' : padding).concat(alignIndicator).concat(useTabs ? '\t' : padding);
+    });
+    return "|".concat(alignmentCells.join('|'), "|");
 }
 /**
  * Generates a complete Markdown table string from the provided data.
- * @param inputData - The table data including headers and rows.
- * @param columnAlignments - Alignment settings for each column.
- * @param canAdjustColumnWidths - Flag to adjust column widths based on content.
- * @param useTabs - Flag to use tabs between columns.
- * @param replaceNewlines - Flag to replace newlines with <br> tags.
- * @param hasPadding - Flag to add padding spaces around cell content.
+ * @param params - Object containing table data and formatting options.
  * @returns The complete Markdown table string.
  */
-function generateMarkdownTableString(inputData, columnAlignments, canAdjustColumnWidths, useTabs, replaceNewlines, hasPadding) {
-    if (canAdjustColumnWidths === void 0) { canAdjustColumnWidths = true; }
-    if (useTabs === void 0) { useTabs = false; }
-    if (replaceNewlines === void 0) { replaceNewlines = false; }
-    if (hasPadding === void 0) { hasPadding = true; }
+function generateMarkdownTableString(_a) {
+    var inputData = _a.inputData, columnAlignments = _a.columnAlignments, _b = _a.canAdjustColumnWidths, canAdjustColumnWidths = _b === void 0 ? true : _b, _c = _a.useTabs, useTabs = _c === void 0 ? false : _c, _d = _a.replaceNewlines, replaceNewlines = _d === void 0 ? false : _d, _e = _a.hasPadding, hasPadding = _e === void 0 ? true : _e;
     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.inputDataHeader], inputData.inputDataBody, true), maxColumnCount)
         : undefined;
-    var markdownHeaderRow = formatMarkdownRow(maxColumnCount, inputData.inputDataHeader, columnAlignments, columnWidths, useTabs, replaceNewlines, hasPadding);
-    var markdownAlignmentRow = formatAlignmentRow(maxColumnCount, columnAlignments, columnWidths, useTabs, hasPadding);
+    var markdownHeaderRow = formatMarkdownRow({
+        columnCount: maxColumnCount,
+        currentRow: inputData.inputDataHeader,
+        columnAlignments: columnAlignments,
+        columnWidths: columnWidths,
+        useTabs: useTabs,
+        replaceNewlines: replaceNewlines,
+        hasPadding: hasPadding,
+    });
+    var markdownAlignmentRow = formatAlignmentRow({
+        columnCount: maxColumnCount,
+        columnAlignments: columnAlignments,
+        columnWidths: columnWidths,
+        useTabs: useTabs,
+        hasPadding: hasPadding,
+    });
     var markdownBodyRows = inputData.inputDataBody
         .map(function (currentRow) {
-        return formatMarkdownRow(maxColumnCount, currentRow, columnAlignments, columnWidths, useTabs, replaceNewlines, hasPadding);
+        return formatMarkdownRow({
+            columnCount: maxColumnCount,
+            currentRow: currentRow,
+            columnAlignments: columnAlignments,
+            columnWidths: columnWidths,
+            useTabs: useTabs,
+            replaceNewlines: replaceNewlines,
+            hasPadding: hasPadding,
+        });
     })
         .join('\n');
     return "".concat(markdownHeaderRow, "\n").concat(markdownAlignmentRow, "\n").concat(markdownBodyRows).trimEnd();
@@ -18540,59 +18539,40 @@ var LIGHT_THEME_CSS = "\ncode[class*=language-],pre[class*=language-]{color:#000
 var DARK_THEME_CSS = "\ncode[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);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}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#282a36}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}pre[class*=language-].line-numbers{position:relative;padding-left:2.4em;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:.5em;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.hasPadding, hasPadding = _g === void 0 ? true : _g, _h = _a.canReplaceNewlines, canReplaceNewlines = _h === void 0 ? false : _h, className = _a.className, onTableCreate = _a.onTableCreate, _j = _a.theme, theme = _j === void 0 ? 'light' : _j, preStyle = _a.preStyle, _k = _a.showCopyButton, showCopyButton = _k === void 0 ? false : _k;
-    var adjustColumnWidths = !isCompact;
     var preElementRef = useRef(null);
     var _l = useState(false), isCopied = _l[0], setIsCopied = _l[1];
+    var adjustColumnWidths = !isCompact;
+    var convertedInputData = useMemo(function () {
+        if (!inputData)
+            return null;
+        var header = inputData[0], body = inputData.slice(1);
+        return { inputDataHeader: header, inputDataBody: body };
+    }, [inputData]);
     var markdownTableSyntax = useMemo(function () {
-        if (inputData === null) {
-            return 'Error: No data provided for the table.';
-        }
-        try {
-            if (!Array.isArray(inputData) || inputData.length === 0) {
-                throw new MarkdownTableError("The 'data' prop must be a non-empty two-dimensional array.");
-            }
-            var tableData = hasHeader
-                ? {
-                    inputDataHeader: inputData[0],
-                    inputDataBody: inputData.slice(1),
-                }
-                : {
-                    inputDataHeader: generateAlphabetHeaders(inputData[0].length),
-                    inputDataBody: inputData,
-                };
-            return generateMarkdownTableString(tableData, columnAlignments, adjustColumnWidths, hasTabs, canReplaceNewlines, hasPadding);
-        }
-        catch (error) {
-            if (error instanceof MarkdownTableError) {
-                return "Error: ".concat(error.message);
-            }
-            else {
-                throw error;
-            }
-        }
+        return generateMarkdownTableSyntax({
+            inputData: convertedInputData,
+            hasHeader: hasHeader,
+            columnAlignments: columnAlignments,
+            adjustColumnWidths: adjustColumnWidths,
+            hasTabs: hasTabs,
+            hasPadding: hasPadding,
+            canReplaceNewlines: canReplaceNewlines,
+        });
     }, [
-        inputData,
+        convertedInputData,
         hasHeader,
         columnAlignments,
-        isCompact,
+        adjustColumnWidths,
         hasTabs,
-        canReplaceNewlines,
         hasPadding,
+        canReplaceNewlines,
     ]);
     useEffect(function () {
         if (onTableCreate) {
             onTableCreate(markdownTableSyntax);
         }
     }, [markdownTableSyntax, onTableCreate]);
-    useEffect(function () {
-        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]);
+    usePrismHighlight(markdownTableSyntax, preElementRef);
     var handleCopy = function () {
         navigator.clipboard.writeText(markdownTableSyntax);
         setIsCopied(true);
@@ -18600,14 +18580,51 @@ var MarkdownTable = function (_a) {
     };
     return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("style", { children: theme === 'light' ? LIGHT_THEME_CSS : DARK_THEME_CSS }), jsxRuntimeExports.jsxs("div", { style: {
                     position: 'relative',
-                    isolation: 'isolate'
+                    isolation: 'isolate',
                 }, children: [showCopyButton && (jsxRuntimeExports.jsx(Tooltip$1, { title: isCopied ? 'Copied!' : 'Copy markdown table syntax', placement: "left-end", arrow: true, children: jsxRuntimeExports.jsx(IconButton$1, { onClick: handleCopy, sx: {
                                 position: 'absolute',
                                 top: '12px',
                                 right: '8px',
-                                zIndex: 1
+                                zIndex: 1,
                             }, "aria-label": "Copy to clipboard", size: "small", children: jsxRuntimeExports.jsx(ContentCopyIcon, { fontSize: "small" }) }) })), jsxRuntimeExports.jsx("pre", { ref: preElementRef, className: "".concat(className, " language-markdown line-numbers ").concat(theme === 'dark' ? 'dark-theme' : ''), style: preStyle, children: jsxRuntimeExports.jsx("code", { className: "language-markdown", role: "code", children: markdownTableSyntax }) })] })] }));
 };
+var generateMarkdownTableSyntax = function (_a) {
+    var inputData = _a.inputData, hasHeader = _a.hasHeader, columnAlignments = _a.columnAlignments, adjustColumnWidths = _a.adjustColumnWidths, hasTabs = _a.hasTabs, hasPadding = _a.hasPadding, canReplaceNewlines = _a.canReplaceNewlines;
+    if (inputData === null) {
+        return 'Error: No data provided for the table.';
+    }
+    if (!Array.isArray(inputData) || inputData.length === 0) {
+        throw new MarkdownTableError("The 'inputData' prop must be a non-empty two-dimensional array.");
+    }
+    var _b = hasHeader
+        ? {
+            inputDataHeader: inputData[0],
+            inputDataBody: inputData.slice(1),
+        }
+        : {
+            inputDataHeader: generateAlphabetHeaders(inputData[0].length),
+            inputDataBody: inputData,
+        }, inputDataHeader = _b.inputDataHeader, inputDataBody = _b.inputDataBody;
+    return generateMarkdownTableString({
+        inputData: { inputDataHeader: inputDataHeader, inputDataBody: inputDataBody },
+        columnAlignments: columnAlignments,
+        canAdjustColumnWidths: adjustColumnWidths,
+        useTabs: hasTabs,
+        replaceNewlines: canReplaceNewlines,
+        hasPadding: hasPadding,
+    });
+};
+var usePrismHighlight = function (markdownTableSyntax, preElementRef) {
+    useEffect(function () {
+        var _a;
+        var codeElement = (_a = preElementRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('code');
+        if (codeElement) {
+            requestAnimationFrame(function () {
+                Prism$1.highlightElement(codeElement);
+            });
+        }
+    }, [markdownTableSyntax]);
+};
 
 export { MarkdownTable };
 //# sourceMappingURL=index.esm.js.map