react-markdown-table-ts 0.5.8 → 0.5.9

package/dist/index.esm.js

@@ -4077,7 +4077,7 @@ var MarkdownTableError = /** @class */ (function (_super) {
 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);
+        ? __spreadArray(__spreadArray([], Array.from(columnAlignments), true), Array(columnCount - columnAlignments.length).fill(defaultAlignment), true) : Array.from(columnAlignments);
 }
 /**
  * Calculates the maximum width for each column based on the content.
@@ -4098,20 +4098,28 @@ function calculateColumnWidths(tableRows, maxColumnCount) {
 }
 /**
  * Formats a single row into a Markdown-formatted string.
- * @param params - Object containing formatting options and row data.
+ * @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.
  * @returns The Markdown string for the row.
  */
-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;
+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 adjustedAlignments = getAdjustedAlignments(columnAlignments, columnCount);
     var markdownRow = '|';
     for (var i = 0; i < columnCount; i++) {
-        var cell = (_b = currentRow[i]) !== null && _b !== void 0 ? _b : '';
-        if (replaceNewlines) {
+        var cell = (_a = currentRow[i]) !== null && _a !== void 0 ? _a : '';
+        if (canReplaceNewlines) {
             cell = replaceNewlinesInCell(cell);
         }
-        var alignment = (_c = adjustedAlignments[i]) !== null && _c !== void 0 ? _c : 'left';
+        var alignment = (_b = adjustedAlignments[i]) !== null && _b !== void 0 ? _b : 'left';
         var targetWidth = columnWidths ? columnWidths[i] : cell.length;
         var padding = hasPadding ? ' ' : '';
         if (alignment === 'right') {
@@ -4130,70 +4138,70 @@ function formatMarkdownRow(_a) {
     }
     return markdownRow;
 }
-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;
+/**
+ * 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 adjustedAlignments = getAdjustedAlignments(columnAlignments, columnCount);
-    var padding = hasPadding ? ' ' : '';
-    var alignmentCells = Array.from({ length: columnCount }, function (_, i) {
-        var _a, _b;
+    var alignmentRow = '|';
+    for (var i = 0; i < columnCount; i++) {
         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('|'), "|");
+        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;
 }
 /**
  * Generates a complete Markdown table string from the provided data.
- * @param params - Object containing table data and formatting options.
+ * @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.
  * @returns The complete Markdown table string.
  */
-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;
+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; }
     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({
-        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 markdownHeaderRow = formatMarkdownRow(maxColumnCount, inputData.inputDataHeader, columnAlignments, columnWidths, useTabs, replaceNewlines, hasPadding);
+    var markdownAlignmentRow = formatAlignmentRow(maxColumnCount, columnAlignments, columnWidths, useTabs, hasPadding);
     var markdownBodyRows = inputData.inputDataBody
         .map(function (currentRow) {
-        return formatMarkdownRow({
-            columnCount: maxColumnCount,
-            currentRow: currentRow,
-            columnAlignments: columnAlignments,
-            columnWidths: columnWidths,
-            useTabs: useTabs,
-            replaceNewlines: replaceNewlines,
-            hasPadding: hasPadding,
-        });
+        return formatMarkdownRow(maxColumnCount, currentRow, columnAlignments, columnWidths, useTabs, replaceNewlines, hasPadding);
     })
         .join('\n');
     return "".concat(markdownHeaderRow, "\n").concat(markdownAlignmentRow, "\n").concat(markdownBodyRows).trimEnd();
@@ -18539,40 +18547,48 @@ 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 () {
-        return generateMarkdownTableSyntax({
-            inputData: convertedInputData,
-            hasHeader: hasHeader,
-            columnAlignments: columnAlignments,
-            adjustColumnWidths: adjustColumnWidths,
-            hasTabs: hasTabs,
-            hasPadding: hasPadding,
-            canReplaceNewlines: canReplaceNewlines,
-        });
+        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 _a = hasHeader
+                ? { inputDataHeader: inputData[0], inputDataBody: inputData.slice(1) }
+                : { inputDataHeader: generateAlphabetHeaders(inputData[0].length), inputDataBody: inputData }, inputDataHeader = _a.inputDataHeader, inputDataBody = _a.inputDataBody;
+            return generateMarkdownTableString({ inputDataHeader: inputDataHeader, inputDataBody: inputDataBody }, columnAlignments, adjustColumnWidths, hasTabs, canReplaceNewlines, hasPadding);
+        }
+        catch (error) {
+            return error instanceof MarkdownTableError ? "Error: ".concat(error.message) : (function () { throw error; })();
+        }
     }, [
-        convertedInputData,
+        inputData,
         hasHeader,
         columnAlignments,
-        adjustColumnWidths,
+        isCompact,
         hasTabs,
-        hasPadding,
         canReplaceNewlines,
+        hasPadding,
     ]);
     useEffect(function () {
         if (onTableCreate) {
             onTableCreate(markdownTableSyntax);
         }
     }, [markdownTableSyntax, onTableCreate]);
-    usePrismHighlight(markdownTableSyntax, preElementRef);
+    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]);
     var handleCopy = function () {
         navigator.clipboard.writeText(markdownTableSyntax);
         setIsCopied(true);
@@ -18580,51 +18596,14 @@ 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