react-markdown-table-ts 0.5.8 → 0.5.9

package/README.md

@@ -1,65 +1,65 @@
-# ⚛️ react-markdown-table-ts 🛡️
-
-[![NPM Version](https://img.shields.io/npm/v/react-markdown-table-ts.svg)](https://www.npmjs.com/package/react-markdown-table-ts)
-![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=flat-square&logo=typescript&logoColor=white)
-[![codecov](https://codecov.io/gh/keithwalsh/react-markdown-table-ts/branch/main/graph/badge.svg)](https://codecov.io/gh/keithwalsh/react-markdown-table-ts)
-[![Package Quality](https://packagequality.com/shield/react-markdown-table-ts.svg)](https://packagequality.com/#?package=react-markdown-table-ts)
-[![Code Climate](https://codeclimate.com/github/keithwalsh/react-markdown-table-ts/badges/gpa.svg)](https://codeclimate.com/github/keithwalsh/react-markdown-table-ts)
-
-A React component that converts structured data into Markdown table syntax and displays it within a `<pre>` tag.
-
-## ✨ Features
-
-- **Type Safety:** Built with TypeScript to provide strong type guarantees.
-- **Easy Integration:** Simple API for converting data arrays into Markdown table strings.
-- **Customizable Alignments:** Specify column alignments (left, center, right, or none) with ease.
-- **Compact Mode:** Option to generate compact tables with minimal padding.
-- **Tab-Separated Columns:** Option to add tabs between columns.
-- **Newline Handling: Option** to replace newlines in cells with HTML line breaks.
-- **Raw Markdown Access:** Retrieve the generated Markdown string for further processing or usage.
-- **Header Options:** Choose whether to include a header row or use default alphabetical headers.
-- **Flexible Styling:** Apply custom CSS classes for styling the rendered Markdown.
-
-## 📦 Installation
-
-Install the package via npm:
-
-```
-
-npm install react-markdown-table-ts
-
-```
-
-## 🔧 API
-
-### MarkdownTable Props
-
-|         Prop         |                     Type                      |   Default   |                 Description                 |
-| :------------------: | :-------------------------------------------: | :---------: | :-----------------------------------------: |
-|        `data`        |                 `string[][]`                  |   `null`    |   The table data as a 2D array of strings   |
-|  `columnAlignments`  | `('left' \| 'center' \| 'right' \| 'none')[]` |    `[]`     |          Alignment for each column          |
-|     `isCompact`      |                   `boolean`                   |   `false`   |          Use minimal column widths          |
-|     `className`      |                   `string`                    | `undefined` |        CSS class for the `<pre>` tag        |
-|      `hasTabs`       |                   `boolean`                   |   `false`   |       Add tabs between table columns        |
-| `canReplaceNewlines` |                   `boolean`                   |   `false`   | Replace newlines in cells with `<br>` tags  |
-|   `onTableCreate`    |      `(markdownString: string) => void`       | `undefined` |   Callback to receive the Markdown string   |
-|     `hasHeader`      |                   `boolean`                   |   `true`    | Whether the first row of `data` is a header |
-
-## 🚀 Usage
-
-```jsx
-import React from 'react';
-import {MarkdownTable} from 'markdown-table-component';
-
-const App = () => {
-  const data = [
-    ['Header 1', 'Header 2', 'Header 3'],
-    ['Row 1, Col 1', 'Row 1, Col 2', 'Row 1, Col 3'],
-    ['Row 2, Col 1', 'Row 2, Col 2', 'Row 2, Col 3'],
-  ];
-
-  return <MarkdownTable data={data} />;
-};
-
-export default App;
-```
+# ⚛️ react-markdown-table-ts 🛡️
+
+[![NPM Version](https://img.shields.io/npm/v/react-markdown-table-ts.svg)](https://www.npmjs.com/package/react-markdown-table-ts)
+![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=flat-square&logo=typescript&logoColor=white)
+[![codecov](https://codecov.io/gh/keithwalsh/react-markdown-table-ts/branch/main/graph/badge.svg)](https://codecov.io/gh/keithwalsh/react-markdown-table-ts)
+[![Package Quality](https://packagequality.com/shield/react-markdown-table-ts.svg)](https://packagequality.com/#?package=react-markdown-table-ts)
+[![Code Climate](https://codeclimate.com/github/keithwalsh/react-markdown-table-ts/badges/gpa.svg)](https://codeclimate.com/github/keithwalsh/react-markdown-table-ts)
+
+A React component that converts structured data into Markdown table syntax and displays it within a `<pre>` tag.
+
+## ✨ Features
+
+- **Type Safety:** Built with TypeScript to provide strong type guarantees.
+- **Easy Integration:** Simple API for converting data arrays into Markdown table strings.
+- **Customizable Alignments:** Specify column alignments (left, center, right, or none) with ease.
+- **Compact Mode:** Option to generate compact tables with minimal padding.
+- **Tab-Separated Columns:** Option to add tabs between columns.
+- **Newline Handling: Option** to replace newlines in cells with HTML line breaks.
+- **Raw Markdown Access:** Retrieve the generated Markdown string for further processing or usage.
+- **Header Options:** Choose whether to include a header row or use default alphabetical headers.
+- **Flexible Styling:** Apply custom CSS classes for styling the rendered Markdown.
+
+## 📦 Installation
+
+Install the package via npm:
+
+```
+
+npm install react-markdown-table-ts
+
+```
+
+## 🔧 API
+
+### MarkdownTable Props
+
+|         Prop         |                     Type                      |   Default   |                 Description                 |
+| :------------------: | :-------------------------------------------: | :---------: | :-----------------------------------------: |
+|        `data`        |                 `string[][]`                  |   `null`    |   The table data as a 2D array of strings   |
+|  `columnAlignments`  | `('left' \| 'center' \| 'right' \| 'none')[]` |    `[]`     |          Alignment for each column          |
+|     `isCompact`      |                   `boolean`                   |   `false`   |          Use minimal column widths          |
+|     `className`      |                   `string`                    | `undefined` |        CSS class for the `<pre>` tag        |
+|      `hasTabs`       |                   `boolean`                   |   `false`   |       Add tabs between table columns        |
+| `canReplaceNewlines` |                   `boolean`                   |   `false`   | Replace newlines in cells with `<br>` tags  |
+|   `onTableCreate`    |      `(markdownString: string) => void`       | `undefined` |   Callback to receive the Markdown string   |
+|     `hasHeader`      |                   `boolean`                   |   `true`    | Whether the first row of `data` is a header |
+
+## 🚀 Usage
+
+```jsx
+import React from 'react';
+import {MarkdownTable} from 'markdown-table-component';
+
+const App = () => {
+  const data = [
+    ['Header 1', 'Header 2', 'Header 3'],
+    ['Row 1, Col 1', 'Row 1, Col 2', 'Row 1, Col 3'],
+    ['Row 2, Col 1', 'Row 2, Col 2', 'Row 2, Col 3'],
+  ];
+
+  return <MarkdownTable data={data} />;
+};
+
+export default App;
+```

package/dist/index.cjs.js

@@ -4104,7 +4104,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.
@@ -4125,20 +4125,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') {
@@ -4157,70 +4165,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();
@@ -18566,40 +18574,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 = React.useRef(null);
     var _l = React.useState(false), isCopied = _l[0], setIsCopied = _l[1];
-    var adjustColumnWidths = !isCompact;
-    var convertedInputData = React.useMemo(function () {
-        if (!inputData)
-            return null;
-        var header = inputData[0], body = inputData.slice(1);
-        return { inputDataHeader: header, inputDataBody: body };
-    }, [inputData]);
     var markdownTableSyntax = React.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,
     ]);
     React.useEffect(function () {
         if (onTableCreate) {
             onTableCreate(markdownTableSyntax);
         }
     }, [markdownTableSyntax, onTableCreate]);
-    usePrismHighlight(markdownTableSyntax, preElementRef);
+    React.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);
@@ -18607,51 +18623,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) {
-    React.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]);
-};
 
 exports.MarkdownTable = MarkdownTable;
 //# sourceMappingURL=index.cjs.js.map