tinky-table 1.0.1 → 1.0.2

package/lib/components/Table.js

@@ -1,29 +1,12 @@
-"use strict";
-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);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Table = Table;
-var jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /**
  * @fileoverview Main Table component for tinky-table.
  * @module tinky-table/Table
  */
-var react_1 = __importDefault(require("react"));
-var tinky_1 = require("tinky");
-var border_js_1 = require("../utils/border.js");
-var column_width_js_1 = require("../utils/column-width.js");
+import React from "react";
+import { Box, Text, Separator } from "tinky";
+import { getBorderChars } from "../utils/border.js";
+import { columnsToGridTemplate, } from "../utils/column-width.js";
 /**
  * Get value from row data by column definition.
  */
@@ -36,8 +19,7 @@ var column_width_js_1 = require("../utils/column-width.js");
  * @returns The value extracted from the row.
  */
 function getCellValue(row, col) {
-    var _a;
-    var key = (_a = col.dataKey) !== null && _a !== void 0 ? _a : col.key;
+    const key = col.dataKey ?? col.key;
     return row[key];
 }
 /**
@@ -72,25 +54,24 @@ function renderSortIndicator(direction) {
  * @internal
  * @param props - Component properties
  */
-var TableSeparator = react_1.default.memo(function TableSeparator(_a) {
-    var columns = _a.columns, gridTemplate = _a.gridTemplate, borderChars = _a.borderChars, noBorder = _a.noBorder, position = _a.position;
-    var leftChar = position === "top"
+const TableSeparator = React.memo(function TableSeparator({ columns, gridTemplate, borderChars, noBorder, position, }) {
+    const leftChar = position === "top"
         ? borderChars.topLeft
         : position === "bottom"
             ? borderChars.bottomLeft
             : borderChars.leftCross;
-    var rightChar = position === "top"
+    const rightChar = position === "top"
         ? borderChars.topRight
         : position === "bottom"
             ? borderChars.bottomRight
             : borderChars.rightCross;
-    var crossChar = position === "top"
+    const crossChar = position === "top"
         ? borderChars.topCross
         : position === "bottom"
             ? borderChars.bottomCross
             : borderChars.cross;
     // Memoize the horizontal line to avoid recreating on each render
-    return ((0, jsx_runtime_1.jsxs)(tinky_1.Box, { display: "grid", gridTemplateColumns: gridTemplate, children: [!noBorder && (0, jsx_runtime_1.jsx)(tinky_1.Text, { children: leftChar }), columns.map(function (_, i) { return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(tinky_1.Separator, { char: borderChars.horizontal }), !noBorder && ((0, jsx_runtime_1.jsx)(tinky_1.Text, { children: i === columns.length - 1 ? rightChar : crossChar }))] }, i)); })] }));
+    return (_jsxs(Box, { display: "grid", gridTemplateColumns: gridTemplate, children: [!noBorder && _jsx(Text, { children: leftChar }), columns.map((_, i) => (_jsxs(React.Fragment, { children: [_jsx(Separator, { char: borderChars.horizontal }), !noBorder && (_jsx(Text, { children: i === columns.length - 1 ? rightChar : crossChar }))] }, i)))] }));
 });
 /**
  * Memoized row component to prevent unnecessary re-renders.
@@ -106,33 +87,31 @@ var TableSeparator = react_1.default.memo(function TableSeparator(_a) {
  * @internal
  * @template T - The row data type.
  */
-var MemoizedTableRow = react_1.default.memo(function TableRowInner(_a) {
-    var row = _a.row, rowIndex = _a.rowIndex, columns = _a.columns, gridTemplate = _a.gridTemplate, borderChars = _a.borderChars, noBorder = _a.noBorder, rowStyle = _a.rowStyle;
-    var customRowStyle = rowStyle === null || rowStyle === void 0 ? void 0 : rowStyle(row, rowIndex);
-    return ((0, jsx_runtime_1.jsxs)(tinky_1.Box, __assign({ display: "grid", gridTemplateColumns: gridTemplate }, customRowStyle, { children: [!noBorder && (0, jsx_runtime_1.jsx)(tinky_1.Text, { children: borderChars.vertical }), columns.map(function (col) {
-                var value = getCellValue(row, col);
-                var content = col.render
+const MemoizedTableRow = React.memo(function TableRowInner({ row, rowIndex, columns, gridTemplate, borderChars, noBorder, rowStyle, }) {
+    const customRowStyle = rowStyle?.(row, rowIndex);
+    return (_jsxs(Box, { display: "grid", gridTemplateColumns: gridTemplate, ...customRowStyle, children: [!noBorder && _jsx(Text, { children: borderChars.vertical }), columns.map((col) => {
+                const value = getCellValue(row, col);
+                const content = col.render
                     ? col.render(value, row, rowIndex)
-                    : String(value !== null && value !== void 0 ? value : "");
-                var align = col.align === "right"
+                    : String(value ?? "");
+                const align = col.align === "right"
                     ? "flex-end"
                     : col.align === "center"
                         ? "center"
                         : "flex-start";
-                return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(tinky_1.Box, { flexGrow: 1, justifyContent: align, children: typeof content === "string" ? ((0, jsx_runtime_1.jsx)(tinky_1.Text, { wrap: "truncate", children: content })) : (content) }), !noBorder && (0, jsx_runtime_1.jsx)(tinky_1.Text, { children: borderChars.vertical })] }, col.key));
-            })] })));
+                return (_jsxs(React.Fragment, { children: [_jsx(Box, { flexGrow: 1, justifyContent: align, children: typeof content === "string" ? (_jsx(Text, { wrap: "truncate", children: content })) : (content) }), !noBorder && _jsx(Text, { children: borderChars.vertical })] }, col.key));
+            })] }));
 });
-function Table(_a) {
-    var data = _a.data, columns = _a.columns, _b = _a.borderStyle, borderStyle = _b === void 0 ? "single" : _b, _c = _a.showHeader, showHeader = _c === void 0 ? true : _c, _d = _a.emptyText, emptyText = _d === void 0 ? "No data" : _d, sortState = _a.sortState, pagination = _a.pagination, headerStyle = _a.headerStyle, rowStyle = _a.rowStyle;
-    var borderChars = (0, border_js_1.getBorderChars)(borderStyle);
-    var contentWidths = react_1.default.useMemo(function () { return (0, column_width_js_1.columnsToGridTemplate)(columns); }, [columns]);
-    var noBorder = borderStyle === "none";
+export function Table({ data, columns, borderStyle = "single", showHeader = true, emptyText = "No data", sortState, pagination, headerStyle, rowStyle, }) {
+    const borderChars = getBorderChars(borderStyle);
+    const contentWidths = React.useMemo(() => columnsToGridTemplate(columns), [columns]);
+    const noBorder = borderStyle === "none";
     // Build grid template: border, col, border, col, ..., border
-    var gridTemplate = react_1.default.useMemo(function () {
-        var gt = [];
+    const gridTemplate = React.useMemo(() => {
+        const gt = [];
         if (!noBorder)
             gt.push(1); // Left border
-        contentWidths.forEach(function (w) {
+        contentWidths.forEach((w) => {
             gt.push(w);
             if (!noBorder)
                 gt.push(1); // Right/Sep border
@@ -140,22 +119,21 @@ function Table(_a) {
         return gt;
     }, [contentWidths, noBorder]);
     // Pagination logic
-    var displayData = data;
+    let displayData = data;
     if (pagination) {
-        var start = (pagination.page - 1) * pagination.pageSize;
-        var end = start + pagination.pageSize;
+        const start = (pagination.page - 1) * pagination.pageSize;
+        const end = start + pagination.pageSize;
         displayData = data.slice(start, end);
     }
-    return ((0, jsx_runtime_1.jsxs)(tinky_1.Box, { flexDirection: "column", children: [!noBorder && ((0, jsx_runtime_1.jsx)(TableSeparator, { position: "top", columns: columns, gridTemplate: gridTemplate, borderChars: borderChars, noBorder: noBorder })), showHeader && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(tinky_1.Box, __assign({ display: "grid", gridTemplateColumns: gridTemplate }, headerStyle, { children: [!noBorder && (0, jsx_runtime_1.jsx)(tinky_1.Text, { children: borderChars.vertical }), columns.map(function (col) {
-                                var _a;
-                                var sortIndicator = (sortState === null || sortState === void 0 ? void 0 : sortState.key) === col.key
+    return (_jsxs(Box, { flexDirection: "column", children: [!noBorder && (_jsx(TableSeparator, { position: "top", columns: columns, gridTemplate: gridTemplate, borderChars: borderChars, noBorder: noBorder })), showHeader && (_jsxs(_Fragment, { children: [_jsxs(Box, { display: "grid", gridTemplateColumns: gridTemplate, ...headerStyle, children: [!noBorder && _jsx(Text, { children: borderChars.vertical }), columns.map((col) => {
+                                const sortIndicator = sortState?.key === col.key
                                     ? renderSortIndicator(sortState.direction)
                                     : "";
-                                var align = col.align === "right"
+                                const align = col.align === "right"
                                     ? "flex-end"
                                     : col.align === "center"
                                         ? "center"
                                         : "flex-start";
-                                return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(tinky_1.Box, { flexGrow: 1, justifyContent: align, children: (0, jsx_runtime_1.jsxs)(tinky_1.Text, { bold: true, wrap: "truncate", children: [String((_a = col.title) !== null && _a !== void 0 ? _a : col.key), sortIndicator] }) }), !noBorder && ((0, jsx_runtime_1.jsx)(tinky_1.Text, { children: borderChars.vertical }))] }, col.key));
-                            })] })), !noBorder && ((0, jsx_runtime_1.jsx)(TableSeparator, { position: "middle", columns: columns, gridTemplate: gridTemplate, borderChars: borderChars, noBorder: noBorder }))] })), displayData.length === 0 ? ((0, jsx_runtime_1.jsx)(tinky_1.Box, { justifyContent: "center", borderStyle: !noBorder ? borderStyle : undefined, children: (0, jsx_runtime_1.jsx)(tinky_1.Text, { children: emptyText }) })) : (displayData.map(function (row, rowIndex) { return ((0, jsx_runtime_1.jsx)(MemoizedTableRow, { row: row, rowIndex: rowIndex, columns: columns, gridTemplate: gridTemplate, borderChars: borderChars, noBorder: noBorder, rowStyle: rowStyle }, rowIndex)); })), !noBorder && displayData.length > 0 && ((0, jsx_runtime_1.jsx)(TableSeparator, { position: "bottom", columns: columns, gridTemplate: gridTemplate, borderChars: borderChars, noBorder: noBorder })), pagination && ((0, jsx_runtime_1.jsx)(tinky_1.Box, { marginTop: 1, justifyContent: "center", children: (0, jsx_runtime_1.jsxs)(tinky_1.Text, { dimColor: true, children: ["Page ", pagination.page, " of", " ", Math.ceil(pagination.total / pagination.pageSize)] }) }))] }));
+                                return (_jsxs(React.Fragment, { children: [_jsx(Box, { flexGrow: 1, justifyContent: align, children: _jsxs(Text, { bold: true, wrap: "truncate", children: [String(col.title ?? col.key), sortIndicator] }) }), !noBorder && (_jsx(Text, { children: borderChars.vertical }))] }, col.key));
+                            })] }), !noBorder && (_jsx(TableSeparator, { position: "middle", columns: columns, gridTemplate: gridTemplate, borderChars: borderChars, noBorder: noBorder }))] })), displayData.length === 0 ? (_jsx(Box, { justifyContent: "center", borderStyle: !noBorder ? borderStyle : undefined, children: _jsx(Text, { children: emptyText }) })) : (displayData.map((row, rowIndex) => (_jsx(MemoizedTableRow, { row: row, rowIndex: rowIndex, columns: columns, gridTemplate: gridTemplate, borderChars: borderChars, noBorder: noBorder, rowStyle: rowStyle }, rowIndex)))), !noBorder && displayData.length > 0 && (_jsx(TableSeparator, { position: "bottom", columns: columns, gridTemplate: gridTemplate, borderChars: borderChars, noBorder: noBorder })), pagination && (_jsx(Box, { marginTop: 1, justifyContent: "center", children: _jsxs(Text, { dimColor: true, children: ["Page ", pagination.page, " of", " ", Math.ceil(pagination.total / pagination.pageSize)] }) }))] }));
 }

package/lib/components/TableCell.js

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableCell = TableCell;
-var jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * @fileoverview TableCell component for rendering individual table cells.
  * @module tinky-table/TableCell
  */
-var tinky_1 = require("tinky");
+import { Box, Text } from "tinky";
 /**
  * TableCell renders an individual cell in the table.
  *
@@ -23,13 +20,12 @@ var tinky_1 = require("tinky");
  * </TableCell>
  * ```
  */
-function TableCell(_a) {
-    var children = _a.children, _b = _a.align, align = _b === void 0 ? "left" : _b, _c = _a.isLast, isLast = _c === void 0 ? false : _c, _d = _a.borderChar, borderChar = _d === void 0 ? "│" : _d;
+export function TableCell({ children, align = "left", isLast = false, borderChar = "│", }) {
     // Map align to justifyContent
-    var justifyContent = align === "right"
+    const justifyContent = align === "right"
         ? "flex-end"
         : align === "center"
             ? "center"
             : "flex-start";
-    return ((0, jsx_runtime_1.jsxs)(tinky_1.Box, { flexDirection: "row", children: [(0, jsx_runtime_1.jsx)(tinky_1.Box, { flexGrow: 1, justifyContent: justifyContent, children: (0, jsx_runtime_1.jsx)(tinky_1.Text, { wrap: "truncate", children: children }) }), !isLast && (0, jsx_runtime_1.jsx)(tinky_1.Text, { children: borderChar })] }));
+    return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { flexGrow: 1, justifyContent: justifyContent, children: _jsx(Text, { wrap: "truncate", children: children }) }), !isLast && _jsx(Text, { children: borderChar })] }));
 }

package/lib/components/TableHeader.js

@@ -1,23 +1,9 @@
-"use strict";
-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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableHeader = TableHeader;
-var jsx_runtime_1 = require("react/jsx-runtime");
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 /**
  * @fileoverview TableHeader component for rendering table headers.
  * @module tinky-table/TableHeader
  */
-var tinky_1 = require("tinky");
+import { Box, Text } from "tinky";
 /**
  * Renders the sort indicator arrow.
  *
@@ -59,23 +45,21 @@ function getSortIndicator(direction) {
  * />
  * ```
  */
-function TableHeader(_a) {
-    var columns = _a.columns, _b = _a.borderChar, borderChar = _b === void 0 ? "│" : _b, sortState = _a.sortState, style = _a.style;
-    return ((0, jsx_runtime_1.jsx)(tinky_1.Box, __assign({ flexDirection: "row" }, style, { children: columns.map(function (col, index) {
-            var _a;
-            var isLast = index === columns.length - 1;
+export function TableHeader({ columns, borderChar = "│", sortState, style, }) {
+    return (_jsx(Box, { flexDirection: "row", ...style, children: columns.map((col, index) => {
+            const isLast = index === columns.length - 1;
             // Get title as string
-            var titleText = String((_a = col.title) !== null && _a !== void 0 ? _a : col.key);
+            const titleText = String(col.title ?? col.key);
             // Add sort indicator if this column is sorted
-            var sortIndicator = (sortState === null || sortState === void 0 ? void 0 : sortState.key) === col.key
+            const sortIndicator = sortState?.key === col.key
                 ? getSortIndicator(sortState.direction)
                 : "";
             // Map align to justifyContent
-            var justifyContent = col.align === "right"
+            const justifyContent = col.align === "right"
                 ? "flex-end"
                 : col.align === "center"
                     ? "center"
                     : "flex-start";
-            return ((0, jsx_runtime_1.jsxs)(tinky_1.Box, { flexDirection: "row", flexGrow: 1, children: [(0, jsx_runtime_1.jsx)(tinky_1.Box, { flexGrow: 1, justifyContent: justifyContent, children: (0, jsx_runtime_1.jsxs)(tinky_1.Text, { bold: true, wrap: "truncate", children: [titleText, sortIndicator] }) }), !isLast && (0, jsx_runtime_1.jsx)(tinky_1.Text, { children: borderChar })] }, col.key));
-        }) })));
+            return (_jsxs(Box, { flexDirection: "row", flexGrow: 1, children: [_jsx(Box, { flexGrow: 1, justifyContent: justifyContent, children: _jsxs(Text, { bold: true, wrap: "truncate", children: [titleText, sortIndicator] }) }), !isLast && _jsx(Text, { children: borderChar })] }, col.key));
+        }) }));
 }

package/lib/components/TableRow.js

@@ -1,23 +1,9 @@
-"use strict";
-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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableRow = TableRow;
-var jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * @fileoverview TableRow component for rendering table rows.
  * @module tinky-table/TableRow
  */
-var tinky_1 = require("tinky");
+import { Box } from "tinky";
 /**
  * TableRow renders a single row in the table.
  *
@@ -35,7 +21,6 @@ var tinky_1 = require("tinky");
  * </TableRow>
  * ```
  */
-function TableRow(_a) {
-    var children = _a.children, style = _a.style;
-    return ((0, jsx_runtime_1.jsx)(tinky_1.Box, __assign({ flexDirection: "row" }, style, { children: children })));
+export function TableRow({ children, style }) {
+    return (_jsx(Box, { flexDirection: "row", ...style, children: children }));
 }

package/lib/index.js

@@ -1,4 +1,3 @@
-"use strict";
 /**
  * tinky-table - A feature-rich Table component for tinky.
  *
@@ -22,21 +21,12 @@
  * <Table data={data} columns={columns} />
  * ```
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.columnsToGridTemplate = exports.renderSeparator = exports.getBorderChars = exports.TableHeader = exports.TableRow = exports.TableCell = exports.Table = void 0;
 // Main component
-var Table_js_1 = require("./components/Table.js");
-Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return Table_js_1.Table; } });
+export { Table } from "./components/Table.js";
 // Sub-components
-var TableCell_js_1 = require("./components/TableCell.js");
-Object.defineProperty(exports, "TableCell", { enumerable: true, get: function () { return TableCell_js_1.TableCell; } });
-var TableRow_js_1 = require("./components/TableRow.js");
-Object.defineProperty(exports, "TableRow", { enumerable: true, get: function () { return TableRow_js_1.TableRow; } });
-var TableHeader_js_1 = require("./components/TableHeader.js");
-Object.defineProperty(exports, "TableHeader", { enumerable: true, get: function () { return TableHeader_js_1.TableHeader; } });
+export { TableCell } from "./components/TableCell.js";
+export { TableRow } from "./components/TableRow.js";
+export { TableHeader } from "./components/TableHeader.js";
 // Utilities
-var border_js_1 = require("./utils/border.js");
-Object.defineProperty(exports, "getBorderChars", { enumerable: true, get: function () { return border_js_1.getBorderChars; } });
-Object.defineProperty(exports, "renderSeparator", { enumerable: true, get: function () { return border_js_1.renderSeparator; } });
-var column_width_js_1 = require("./utils/column-width.js");
-Object.defineProperty(exports, "columnsToGridTemplate", { enumerable: true, get: function () { return column_width_js_1.columnsToGridTemplate; } });
+export { getBorderChars, renderSeparator } from "./utils/border.js";
+export { columnsToGridTemplate, } from "./utils/column-width.js";

package/lib/types.js

@@ -1,6 +1,5 @@
-"use strict";
 /**
  * @fileoverview Type definitions for tinky-table component.
  * @module tinky-table/types
  */
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/lib/utils/border.js

@@ -1,15 +1,11 @@
-"use strict";
 /**
  * @fileoverview Border character mappings for different table styles.
  * @module tinky-table/utils/border
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getBorderChars = getBorderChars;
-exports.renderSeparator = renderSeparator;
 /**
  * Border characters for the 'single' style (thin lines).
  */
-var SINGLE_BORDER = {
+const SINGLE_BORDER = {
     top: "─",
     bottom: "─",
     left: "│",
@@ -29,7 +25,7 @@ var SINGLE_BORDER = {
 /**
  * Border characters for the 'double' style (double lines).
  */
-var DOUBLE_BORDER = {
+const DOUBLE_BORDER = {
     top: "═",
     bottom: "═",
     left: "║",
@@ -49,7 +45,7 @@ var DOUBLE_BORDER = {
 /**
  * Border characters for the 'round' style (rounded corners).
  */
-var ROUND_BORDER = {
+const ROUND_BORDER = {
     top: "─",
     bottom: "─",
     left: "│",
@@ -69,7 +65,7 @@ var ROUND_BORDER = {
 /**
  * Border characters for the 'bold' style (thick lines).
  */
-var BOLD_BORDER = {
+const BOLD_BORDER = {
     top: "━",
     bottom: "━",
     left: "┃",
@@ -89,7 +85,7 @@ var BOLD_BORDER = {
 /**
  * Border characters for the 'classic' style (ASCII only).
  */
-var CLASSIC_BORDER = {
+const CLASSIC_BORDER = {
     top: "-",
     bottom: "-",
     left: "|",
@@ -109,7 +105,7 @@ var CLASSIC_BORDER = {
 /**
  * Empty border (no visible border characters).
  */
-var NO_BORDER = {
+const NO_BORDER = {
     top: " ",
     bottom: " ",
     left: " ",
@@ -129,7 +125,7 @@ var NO_BORDER = {
 /**
  * Map of border styles to their character sets.
  */
-var BORDER_STYLES = {
+const BORDER_STYLES = {
     single: SINGLE_BORDER,
     double: DOUBLE_BORDER,
     round: ROUND_BORDER,
@@ -151,9 +147,8 @@ var BORDER_STYLES = {
  * console.log(chars.topLeft); // '┌'
  * ```
  */
-function getBorderChars(style) {
-    var _a;
-    return (_a = BORDER_STYLES[style]) !== null && _a !== void 0 ? _a : SINGLE_BORDER;
+export function getBorderChars(style) {
+    return BORDER_STYLES[style] ?? SINGLE_BORDER;
 }
 /**
  * Renders a horizontal separator line for the table.
@@ -169,22 +164,22 @@ function getBorderChars(style) {
  * // Returns: '┌──────────┬───────────────┬────────┐'
  * ```
  */
-function renderSeparator(columnWidths, chars, position) {
-    var leftChar = position === "top"
+export function renderSeparator(columnWidths, chars, position) {
+    const leftChar = position === "top"
         ? chars.topLeft
         : position === "bottom"
             ? chars.bottomLeft
             : chars.leftCross;
-    var rightChar = position === "top"
+    const rightChar = position === "top"
         ? chars.topRight
         : position === "bottom"
             ? chars.bottomRight
             : chars.rightCross;
-    var crossChar = position === "top"
+    const crossChar = position === "top"
         ? chars.topCross
         : position === "bottom"
             ? chars.bottomCross
             : chars.cross;
-    var segments = columnWidths.map(function (width) { return chars.horizontal.repeat(width); });
+    const segments = columnWidths.map((width) => chars.horizontal.repeat(width));
     return leftChar + segments.join(crossChar) + rightChar;
 }

package/lib/utils/column-width.js

@@ -1,12 +1,9 @@
-"use strict";
 /**
  * @fileoverview Column width utilities for tinky-table.
  * @module tinky-table/utils/column-width
  *
  * Provides utilities for converting column definitions to grid template format.
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.columnsToGridTemplate = columnsToGridTemplate;
 /**
  * Creates a fractional unit value for grid templates.
  *
@@ -14,7 +11,7 @@ exports.columnsToGridTemplate = columnsToGridTemplate;
  * @returns A TrackSizingFunction object
  */
 function fr(value) {
-    return { min: "auto", max: "".concat(value, "fr") };
+    return { min: "auto", max: `${value}fr` };
 }
 /**
  * Converts column width definitions to grid template format.
@@ -38,10 +35,9 @@ function fr(value) {
  * // Returns: [20, fr(1), 10]
  * ```
  */
-function columnsToGridTemplate(columns) {
-    return columns.map(function (col) {
-        var _a;
-        var width = (_a = col.width) !== null && _a !== void 0 ? _a : "auto";
+export function columnsToGridTemplate(columns) {
+    return columns.map((col) => {
+        const width = col.width ?? "auto";
         if (typeof width === "number") {
             return width;
         }
@@ -51,7 +47,7 @@ function columnsToGridTemplate(columns) {
         }
         if (typeof width === "string" && width.endsWith("%")) {
             // For percentage, use fr with the percentage value as relative weight
-            var percent = parseInt(width, 10);
+            const percent = parseInt(width, 10);
             return fr(percent);
         }
         return fr(1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinky-table",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "A feature-rich, customizable Table component for tinky applications",
   "keywords": [
     "tinky",
@@ -22,7 +22,7 @@
   },
   "license": "MIT",
   "author": {
-    "name": "ByteLandTechnology"
+    "name": "ByteLand Technology Limited"
   },
   "type": "module",
   "main": "./lib/index.js",