react-markdown-table-ts 1.1.1 → 1.1.4

package/dist/jest.setup.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+import '@testing-library/react';

package/dist/jest.setup.js

@@ -0,0 +1,3 @@
+import '@testing-library/jest-dom';
+import '@testing-library/react';
+//# sourceMappingURL=jest.setup.js.map

package/dist/jest.setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jest.setup.js","sourceRoot":"","sources":["../jest.setup.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,wBAAwB,CAAC"}

package/dist/src/MarkdownTable.stories.d.ts

@@ -0,0 +1,156 @@
+/**
+ * @fileoverview Storybook stories for the MarkdownTable component, demonstrating
+ * various configurations and use cases for markdown table generation and display.
+ */
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+import { MarkdownTable } from './index';
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("./types").MarkdownTableProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {
+        inputData: null;
+        columnAlignments: never[];
+        isCompact: false;
+        hasPadding: true;
+        hasTabs: false;
+        hasHeader: true;
+        convertLineBreaks: false;
+        topPadding: number;
+        theme: "light";
+    };
+    argTypes: {
+        inputData: {
+            control: {
+                type: "object";
+            };
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        columnAlignments: {
+            control: {
+                type: "object";
+            };
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                    detail: string;
+                };
+            };
+        };
+        isCompact: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        hasPadding: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        hasTabs: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        hasHeader: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        convertLineBreaks: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        topPadding: {
+            control: {
+                type: "number";
+            };
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        theme: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        className: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        preStyle: {
+            control: {
+                type: "object";
+            };
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof MarkdownTable>;
+export declare const Default: Story;

package/dist/src/MarkdownTable.stories.js

@@ -0,0 +1,172 @@
+/**
+ * @fileoverview Storybook stories for the MarkdownTable component, demonstrating
+ * various configurations and use cases for markdown table generation and display.
+ */
+import { MarkdownTable } from './index';
+var meta = {
+    title: 'Components/MarkdownTable',
+    component: MarkdownTable,
+    parameters: {
+        layout: 'centered'
+    },
+    tags: ['autodocs'],
+    args: {
+        inputData: null,
+        columnAlignments: [],
+        isCompact: false,
+        hasPadding: true,
+        hasTabs: false,
+        hasHeader: true,
+        convertLineBreaks: false,
+        topPadding: 16,
+        theme: 'light'
+    },
+    argTypes: {
+        inputData: {
+            control: {
+                type: 'object'
+            },
+            description: 'The outer array represents rows. The inner array represent cells within each row.',
+            table: {
+                category: 'Core Data Props',
+                type: {
+                    summary: 'string[][] | null'
+                }
+            }
+        },
+        columnAlignments: {
+            control: {
+                type: 'object'
+            },
+            description: 'An array specifying the alignment for each column.',
+            table: {
+                category: 'Core Data Props',
+                type: {
+                    summary: 'readonly Alignment[]',
+                    detail: 'export type Alignment = "left" | "right" | "center" | "none";'
+                }
+            }
+        },
+        isCompact: {
+            control: 'boolean',
+            description: 'Disables column width alignment to provide a more compact markdown table string.',
+            table: {
+                category: 'Configuration Props',
+                type: {
+                    summary: 'boolean'
+                }
+            }
+        },
+        hasPadding: {
+            control: 'boolean',
+            description: 'Optional flag to add a single space around cell content in the markdown table.',
+            table: {
+                category: 'Configuration Props',
+                type: {
+                    summary: 'boolean'
+                }
+            }
+        },
+        hasTabs: {
+            control: 'boolean',
+            description: 'Optional flag to add tabs as additional padding between column pipes.',
+            table: {
+                category: 'Configuration Props',
+                type: {
+                    summary: 'boolean'
+                }
+            }
+        },
+        hasHeader: {
+            control: 'boolean',
+            description: 'Indicates whether the first row of `data` is a header.',
+            table: {
+                category: 'Configuration Props',
+                type: {
+                    summary: 'boolean'
+                }
+            }
+        },
+        convertLineBreaks: {
+            control: 'boolean',
+            description: 'Optional flag to replace newlines with `<br>` tags in table cells.',
+            table: {
+                category: 'Configuration Props',
+                type: {
+                    summary: 'boolean'
+                }
+            }
+        },
+        topPadding: {
+            control: {
+                type: 'number'
+            },
+            description: 'Controls the padding-top (in pixels) of the pre element display.',
+            table: {
+                category: 'Visual/UI Props',
+                type: {
+                    summary: 'number'
+                }
+            }
+        },
+        theme: {
+            options: ['light', 'dark'],
+            control: { type: 'select' },
+            description: 'Switch between light and dark mode.',
+            table: {
+                category: 'Visual/UI Props',
+                type: {
+                    summary: "'light' | 'dark'"
+                },
+                defaultValue: { summary: 'light' }
+            }
+        },
+        className: {
+            control: 'text',
+            description: 'Optional CSS class for styling the rendered Markdown table.',
+            table: {
+                category: 'Visual/UI Props',
+                type: {
+                    summary: 'string'
+                }
+            }
+        },
+        preStyle: {
+            control: {
+                type: 'object'
+            },
+            description: 'Optional inline styles for the pre element.',
+            table: {
+                category: 'Visual/UI Props',
+                type: {
+                    summary: 'React.CSSProperties'
+                }
+            }
+        }
+    }
+};
+export default meta;
+// Move sample data before its usage
+var sampleData = [
+    ['Package ID', 'Weight (kg)', 'Status', 'Destination'],
+    ['PKG-2024-001', '12.50', 'In Transit', 'Dublin, IE'],
+    ['PKG-2024-002', '3.75', 'Delivered', 'New York, US'],
+    ['PKG-2024-003', '8.20', 'Processing', 'Frankfurt, DE'],
+    ['PKG-2024-004', '5.60', 'In Transit', 'London, GB']
+];
+export var Default = {
+    args: {
+        inputData: sampleData,
+        columnAlignments: ['left', 'right', 'center', 'none'],
+        isCompact: false,
+        hasPadding: true,
+        hasTabs: false,
+        hasHeader: true,
+        convertLineBreaks: false,
+        topPadding: 16,
+        theme: 'light',
+        className: undefined,
+        preStyle: undefined
+    }
+};
+//# sourceMappingURL=MarkdownTable.stories.js.map

package/dist/src/MarkdownTable.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownTable.stories.js","sourceRoot":"","sources":["../../src/MarkdownTable.stories.tsx"],"names":[],"mappings":"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"}

package/dist/src/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import 'prismjs/components/prism-markdown';
+import 'prismjs/plugins/line-numbers/prism-line-numbers';
+import { MarkdownTableProps } from './types';
+export declare const MarkdownTable: React.FC<MarkdownTableProps>;

package/dist/src/index.js

@@ -0,0 +1,78 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+// src/index.tsx
+import { useEffect, useMemo, useRef } from 'react';
+import Prism from 'prismjs';
+import 'prismjs/components/prism-markdown';
+import 'prismjs/plugins/line-numbers/prism-line-numbers';
+import { generateMarkdownTableString, generateAlphabetHeaders } from './utils';
+import { validateInputData, MarkdownTableError } from './validation';
+// CSS styles
+var LIGHT_THEME_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: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 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 getTableData = function (inputData, hasHeader) {
+    return hasHeader
+        ? { inputDataHeader: inputData[0], inputDataBody: inputData.slice(1) }
+        : { inputDataHeader: generateAlphabetHeaders(inputData[0].length), inputDataBody: inputData };
+};
+var generateTableSyntax = function (inputData, hasHeader, columnAlignments, adjustColumnWidths, hasTabs, canReplaceNewlines, hasPadding) {
+    try {
+        validateInputData(inputData);
+        var _a = getTableData(inputData, hasHeader), inputDataHeader = _a.inputDataHeader, inputDataBody = _a.inputDataBody;
+        return generateMarkdownTableString({ inputDataHeader: inputDataHeader, inputDataBody: inputDataBody }, columnAlignments, adjustColumnWidths, hasTabs, canReplaceNewlines, hasPadding);
+    }
+    catch (error) {
+        if (error instanceof MarkdownTableError) {
+            return "Error: ".concat(error.message);
+        }
+        throw error;
+    }
+};
+var applySyntaxHighlighting = function (preElementRef, markdownTableSyntax) {
+    useEffect(function () {
+        var _a;
+        var codeElement = (_a = preElementRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('code');
+        if (codeElement && markdownTableSyntax) {
+            requestAnimationFrame(function () {
+                Prism.highlightElement(codeElement);
+            });
+        }
+    }, [markdownTableSyntax]);
+};
+export 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, _k = _a.topPadding, topPadding = _k === void 0 ? 16 : _k;
+    var adjustColumnWidths = !isCompact;
+    var preElementRef = useRef(null);
+    var markdownTableSyntax = useMemo(function () { return generateTableSyntax(inputData, hasHeader, columnAlignments, adjustColumnWidths, hasTabs, convertLineBreaks, hasPadding); }, [
+        inputData,
+        hasHeader,
+        columnAlignments,
+        isCompact,
+        hasTabs,
+        convertLineBreaks,
+        hasPadding,
+    ]);
+    useEffect(function () {
+        if (onGenerate) {
+            onGenerate(markdownTableSyntax);
+        }
+    }, [markdownTableSyntax, onGenerate]);
+    applySyntaxHighlighting(preElementRef, markdownTableSyntax);
+    return (_jsxs(_Fragment, { children: [_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        ")] }), _jsx("div", { style: {
+                    position: 'relative',
+                    isolation: 'isolate',
+                    display: 'flex',
+                    justifyContent: 'center'
+                }, children: _jsx("pre", { ref: preElementRef, className: "".concat(className, " language-markdown line-numbers ").concat(theme === 'dark' ? 'dark-theme' : ''), style: __assign({ width: 'fit-content', minWidth: 'min-content', margin: 0 }, preStyle), children: _jsx("code", { className: "language-markdown", role: "code", children: markdownTableSyntax }) }) })] }));
+};
+//# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"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"}

package/dist/src/types.d.ts

@@ -0,0 +1,123 @@
+/// <reference types="react" />
+/**
+ * Represents a single row in a table, consisting of cells.
+ */
+export type TableRow = readonly string[];
+/**
+ * Represents the structure of a Markdown table.
+ */
+export interface InputData {
+    inputDataHeader: string[];
+    inputDataBody: readonly string[][];
+}
+/**
+ * Props for the MarkdownTable component.
+ */
+export interface MarkdownTableProps {
+    /**
+     * The entire table data as a two-dimensional array.
+     * If `hasHeader` is true, the first row is treated as the header.
+     * @default null
+     */
+    inputData?: string[][] | null;
+    /**
+     * Optional array specifying the alignment for each column.
+     * Acceptable values are 'left', 'center', 'right', or 'none'.
+     * @default []
+     */
+    columnAlignments?: readonly Alignment[];
+    /**
+     * Disables column width alignment to provide a more compact markdown table string.
+     * @default false
+     */
+    isCompact?: boolean;
+    /**
+     * Optional flag to add a single space around cell content in the markdown table.
+     * When true, one space is added before and after the content in each cell.
+     * @default true
+     */
+    hasPadding?: boolean;
+    /**
+     * Optional flag to add tabs as additional padding between column pipes.
+     * When true, adds a tab character after each | and before the content.
+     * @default false
+     */
+    hasTabs?: boolean;
+    /**
+     * Indicates whether the first row of `data` is a header.
+     * @default true
+     */
+    hasHeader?: boolean;
+    /**
+     * Optional flag to replace newlines with <br> tags in table cells.
+     * @default false
+     */
+    convertLineBreaks?: boolean;
+    /**
+     * Optional theme for the Markdown table.
+     * Acceptable values are 'light' or 'dark'.
+     * @default 'light'
+     */
+    theme?: 'light' | 'dark';
+    /**
+     * Optional CSS class for styling the rendered Markdown table.
+     * This class will be applied to the <pre> element containing the table.
+     * It will be combined with built-in classes for syntax highlighting.
+     * @default undefined
+     * @example
+     * <MarkdownTable
+     *   inputData={data}
+     *   className="custom-table-style"
+     * />
+     */
+    className?: string;
+    /**
+     * Optional CSS properties to apply to the pre element containing the Markdown table.
+     * Allows direct styling of the table container using React's style prop.
+     * @default undefined
+     * @example
+     * <MarkdownTable
+     *   inputData={data}
+     *   preStyle={{
+     *     maxHeight: '300px',
+     *     overflow: 'auto',
+     *     backgroundColor: '#f5f5f5'
+     *   }}
+     * />
+     */
+    preStyle?: React.CSSProperties;
+    /**
+     * Optional callback function to receive the generated Markdown table string.
+     */
+    onGenerate?: (markdownTableString: string) => void;
+    /**
+     * Optional top padding for the pre element.
+     * @default 0
+     */
+    topPadding?: number;
+}
+/**
+ * Represents the alignment options for table columns.
+ */
+export type Alignment = 'left' | 'right' | 'center' | 'none' | 'justify';
+/**
+ * Configuration for table formatting.
+ */
+export interface TableConfig {
+    columnCount: number;
+    columnAlignments: readonly Alignment[];
+    columnWidths?: readonly number[];
+    useTabs: boolean;
+    replaceNewlines: boolean;
+    hasPadding: boolean;
+}
+/**
+ * Functions to generate alignment indicators for table columns.
+ */
+export interface AlignmentIndicator {
+    left: (width: number) => string;
+    right: (width: number) => string;
+    center: (width: number) => string;
+    none: (width: number) => string;
+    justify: (width: number) => string;
+}

package/dist/src/types.js

@@ -0,0 +1,3 @@
+// src/types.ts
+export {};
+//# sourceMappingURL=types.js.map

package/dist/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,eAAe"}

package/dist/src/utils.d.ts

@@ -0,0 +1,8 @@
+import { TableRow, InputData, Alignment } from './types';
+export declare function calculateColumnWidths(tableRows: readonly TableRow[], maxColumnCount: number): number[];
+export declare function generateMarkdownTableString(inputData: InputData, columnAlignments: readonly Alignment[], canAdjustColumnWidths?: boolean, useTabs?: boolean, replaceNewlines?: boolean, hasPadding?: boolean): string;
+export declare function replaceNewlinesInCell(cell: string): string;
+export declare function getColumnName(index: number): string;
+export declare function generateAlphabetHeaders(columnCount: number): string[];
+export declare function formatMarkdownRow(columnCount: number, currentRow: TableRow, columnAlignments: readonly Alignment[], columnWidths?: readonly number[], useTabs?: boolean, canReplaceNewlines?: boolean, hasPadding?: boolean): string;
+export declare function formatAlignmentRow(columnCount: number, columnAlignments: readonly Alignment[], columnWidths?: readonly number[], useTabs?: boolean, hasPadding?: boolean): string;