@agilant/toga-blox 1.0.195 → 1.0.196

package/dist/components/TableCell/TableCell.d.ts

@@ -8,6 +8,7 @@ export interface TableCellProps<T extends DataWithUUID> {
     onToggle: () => void;
     linkText?: string;
     cellExpandable?: boolean;
+    maxCharacters?: number;
 }
-declare const TableCell: <T extends DataWithUUID>({ cell, isLastCell, hasInfiniteScroll, expanded, onToggle, linkText, cellExpandable, }: TableCellProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const TableCell: <T extends DataWithUUID>({ cell, isLastCell, hasInfiniteScroll, expanded, onToggle, linkText, cellExpandable, maxCharacters, }: TableCellProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default TableCell;

package/dist/components/TableCell/TableCell.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const MAX_CHARS = 30;
-const TableCell = ({ cell, isLastCell, hasInfiniteScroll, expanded, onToggle, linkText = "text-purple-500 ml-1 underline", cellExpandable = false, }) => {
+const TableCell = ({ cell, isLastCell, hasInfiniteScroll, expanded, onToggle, linkText = "text-purple-500 ml-1 underline", cellExpandable = false, maxCharacters, }) => {
     /* decide if this cell even needs a toggle */
     const isString = typeof cell.value === "string";
     const fullText = isString ? cell.value : "";
-    const isLong = isString && fullText.length > MAX_CHARS;
+    const isLong = isString && fullText.length > maxCharacters;
     const hasToggle = cellExpandable && isLong;
-    const truncated = fullText.slice(0, MAX_CHARS);
+    const truncated = fullText.slice(0, maxCharacters);
     /* stop row click when toggling */
     const handleToggle = (e) => {
         e.stopPropagation(); // ← prevents bubbling to the <tr>

package/dist/components/TableCell/TableCell.stories.js

@@ -49,6 +49,7 @@ export const CollapsedByDefault = Template.bind({});
 CollapsedByDefault.args = {
     isLastCell: false,
     cellExpandable: true,
+    maxCharacters: 30,
 };
 export const NoExpand = Template.bind({});
 NoExpand.args = {

package/dist/components/TableRow/TableRow.d.ts

@@ -20,8 +20,9 @@ export interface TableRowProps<T extends DataWithUUID> {
     expandedContent?: ReactNode;
     linkText?: string;
     rowClassNames?: string;
+    maxCharacters: number;
     expandedRowUuid?: string | null;
     onToggleRow?: (uuid: string) => void;
 }
-declare const TableRow: <T extends DataWithUUID>({ row, prepareRow, activeIndex, activeRowColor, rowHoverClasses, rowClassNames, hasInfiniteScroll, rowUuid, onRowClick, expandedCells, toggleCell, hasDropDown, onFetchRowData, loadingIndicator, errorIndicator, expandedContent, linkText, expandedRowUuid, cellExpandable, onToggleRow, }: TableRowProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const TableRow: <T extends DataWithUUID>({ row, prepareRow, activeIndex, activeRowColor, rowHoverClasses, rowClassNames, hasInfiniteScroll, rowUuid, onRowClick, expandedCells, toggleCell, hasDropDown, onFetchRowData, loadingIndicator, errorIndicator, expandedContent, linkText, expandedRowUuid, cellExpandable, onToggleRow, maxCharacters, }: TableRowProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default TableRow;

package/dist/components/TableRow/TableRow.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment, useState } from "react";
 import { motion, AnimatePresence } from "framer-motion";
 import TableCell from "../TableCell";
-const TableRow = ({ row, prepareRow, activeIndex, activeRowColor = "bg-pink-100", rowHoverClasses = "hover:bg-navy-100 hover:cursor-pointer", rowClassNames = "", hasInfiniteScroll, rowUuid, onRowClick, expandedCells, toggleCell, hasDropDown = false, onFetchRowData, loadingIndicator, errorIndicator, expandedContent, linkText = "text-blue-500", expandedRowUuid = null, cellExpandable = false, onToggleRow, }) => {
+const TableRow = ({ row, prepareRow, activeIndex, activeRowColor = "bg-pink-100", rowHoverClasses = "hover:bg-navy-100 hover:cursor-pointer", rowClassNames = "", hasInfiniteScroll, rowUuid, onRowClick, expandedCells, toggleCell, hasDropDown = false, onFetchRowData, loadingIndicator, errorIndicator, expandedContent, linkText = "text-blue-500", expandedRowUuid = null, cellExpandable = false, onToggleRow, maxCharacters = 30, }) => {
     prepareRow(row);
     const rowClasses = `border-primary${activeIndex === row.index ? ` activeRow ${activeRowColor}` : ""}`;
     /* keep fetch/loading local */
@@ -41,7 +41,7 @@ const TableRow = ({ row, prepareRow, activeIndex, activeRowColor = "bg-pink-100"
         : {};
     return (_jsxs(Fragment, { children: [_jsx("tr", { "data-testid": "table-row", className: `border-b border-b-navy-200 ${rowHoverClasses} ${rowClasses} ${rowClassNames}`, onClick: handleRowClick, ...safeRowProps, children: row.cells.map((cell, idx) => {
                     const cellKey = `${rowUuid ?? "no-uuid"}-${cell.column.id}`;
-                    return (_jsx(TableCell, { cell: cell, isLastCell: idx === row.cells.length - 1, hasInfiniteScroll: hasInfiniteScroll, cellExpandable: cellExpandable, rowUuid: rowUuid, expanded: expandedCells[cellKey] ?? false, onToggle: () => toggleCell(cellKey), linkText: linkText }, cellKey));
+                    return (_jsx(TableCell, { cell: cell, isLastCell: idx === row.cells.length - 1, hasInfiniteScroll: hasInfiniteScroll, cellExpandable: cellExpandable, rowUuid: rowUuid, expanded: expandedCells[cellKey] ?? false, onToggle: () => toggleCell(cellKey), linkText: linkText, maxCharacters: maxCharacters }, cellKey));
                 }) }, rowUuid), hasDropDown && (_jsx(AnimatePresence, { children: isExpanded && (_jsx("tr", { "data-testid": "expanded-row", children: _jsx("td", { colSpan: row.cells.length, className: "p-0", children: _jsx(motion.div, { initial: { height: 0, opacity: 0 }, animate: { height: "auto", opacity: 1 }, exit: { height: 0, opacity: 0 }, transition: { duration: 0.3 }, className: "overflow-hidden w-full", children: isLoading ? (loadingIndicator ?? (_jsx("span", { children: "Loading..." }))) : error ? (errorIndicator ? (errorIndicator(error)) : (_jsxs("span", { className: "text-red-700", children: ["Error: ", error.message] }))) : (expandedContent ?? (_jsxs("span", { children: ["drop down \u2013 ", rowUuid] }))) }, "expanded-dropdown-content") }) })) }))] }));
 };
 export default TableRow;

package/dist/components/TableRow/TableRow.stories.js

@@ -98,7 +98,7 @@ const Template = (args) => {
     const onToggleRow = React.useCallback((uuid) => setExpandedRowUuid((prev) => (prev === uuid ? null : uuid)), []);
     return (_jsx("table", { className: "min-w-[700px]", children: _jsx("tbody", { children: _jsx(TableRow, { row: undefined, prepareRow: function (row) {
                     throw new Error("Function not implemented.");
-                }, ...args, expandedCells: expandedCells, toggleCell: toggleCell, hasInfiniteScroll: args.hasInfiniteScroll ?? true, onRowClick: args.onRowClick ?? (() => alert("from row")), expandedRowUuid: expandedRowUuid, onToggleRow: onToggleRow }) }) }));
+                }, ...args, expandedCells: expandedCells, toggleCell: toggleCell, hasInfiniteScroll: args.hasInfiniteScroll ?? true, onRowClick: args.onRowClick ?? (() => alert("from row")), expandedRowUuid: expandedRowUuid, onToggleRow: onToggleRow, maxCharacters: 30 }) }) }));
 };
 /* ------------------------------------------------------------------ */
 /*                               STORIES                              */
@@ -124,5 +124,5 @@ export const MultipleRows = () => {
     const toggleCell = React.useCallback((key) => setExpandedCells((s) => ({ ...s, [key]: !s[key] })), []);
     const [expandedRowUuid, setExpandedRowUuid] = React.useState(null);
     const onToggleRow = React.useCallback((uuid) => setExpandedRowUuid((prev) => (prev === uuid ? null : uuid)), []);
-    return (_jsx("table", { className: "min-w-[700px]", children: _jsxs("tbody", { children: [_jsx(TableRow, { row: mockRow, prepareRow: prepareRow, hasInfiniteScroll: true, onRowClick: () => alert("from row"), hasDropDown: true, rowUuid: "1", expandedContent: sampleData.expandedContent, expandedCells: expandedCells, toggleCell: toggleCell, expandedRowUuid: expandedRowUuid, onToggleRow: onToggleRow }), _jsx(TableRow, { row: mockRow2, prepareRow: prepareRow, hasInfiniteScroll: true, onRowClick: () => alert("from row"), hasDropDown: false, rowUuid: "2", expandedContent: sampleData.expandedContent, expandedCells: expandedCells, toggleCell: toggleCell, expandedRowUuid: expandedRowUuid, onToggleRow: onToggleRow, cellExpandable: true })] }) }));
+    return (_jsx("table", { className: "min-w-[700px]", children: _jsxs("tbody", { children: [_jsx(TableRow, { row: mockRow, prepareRow: prepareRow, hasInfiniteScroll: true, onRowClick: () => alert("from row"), hasDropDown: true, rowUuid: "1", expandedContent: sampleData.expandedContent, expandedCells: expandedCells, toggleCell: toggleCell, expandedRowUuid: expandedRowUuid, onToggleRow: onToggleRow, maxCharacters: 30 }), _jsx(TableRow, { row: mockRow2, prepareRow: prepareRow, hasInfiniteScroll: true, onRowClick: () => alert("from row"), hasDropDown: false, rowUuid: "2", expandedContent: sampleData.expandedContent, expandedCells: expandedCells, toggleCell: toggleCell, expandedRowUuid: expandedRowUuid, onToggleRow: onToggleRow, cellExpandable: true, maxCharacters: 30 })] }) }));
 };

package/dist/components/TableRow/TableRow.test.js

@@ -25,7 +25,7 @@ describe("TableRow - Branch Coverage Tests", () => {
                         throw new Error("Function not implemented.");
                     }, expandedCells: undefined, toggleCell: function (key) {
                         throw new Error("Function not implemented.");
-                    } }) }) }));
+                    }, maxCharacters: 0 }) }) }));
         expect(screen.getByTestId("table-row")).toHaveClass("activeRow");
     });
     it("covers isActive = false (row is NOT active)", () => {
@@ -33,14 +33,14 @@ describe("TableRow - Branch Coverage Tests", () => {
                         throw new Error("Function not implemented.");
                     }, expandedCells: undefined, toggleCell: function (key) {
                         throw new Error("Function not implemented.");
-                    } }) }) }));
+                    }, maxCharacters: 0 }) }) }));
         expect(screen.getByTestId("table-row")).not.toHaveClass("activeRow");
     });
     it("covers onRowClick = defined + rowUuid = provided", () => {
         const mockOnRowClick = vi.fn();
         render(_jsx("table", { children: _jsx("tbody", { children: _jsx(TableRow, { row: baseMockRow, prepareRow: mockPrepareRow, onRowClick: mockOnRowClick, rowUuid: "some-uuid", hasInfiniteScroll: false, expandedCells: undefined, toggleCell: function (key) {
                         throw new Error("Function not implemented.");
-                    } }) }) }));
+                    }, maxCharacters: 0 }) }) }));
         fireEvent.click(screen.getByTestId("table-row"));
         expect(mockOnRowClick).toHaveBeenCalledWith(baseMockRow.index, // 0
         "some-uuid", expect.anything() // Synthetic event
@@ -50,7 +50,7 @@ describe("TableRow - Branch Coverage Tests", () => {
         const mockOnRowClick = vi.fn();
         render(_jsx("table", { children: _jsx("tbody", { children: _jsx(TableRow, { row: baseMockRow, prepareRow: mockPrepareRow, onRowClick: mockOnRowClick, hasInfiniteScroll: false, expandedCells: undefined, toggleCell: function (key) {
                         throw new Error("Function not implemented.");
-                    } }) }) }));
+                    }, maxCharacters: 0 }) }) }));
         fireEvent.click(screen.getByTestId("table-row"));
         expect(mockOnRowClick).toHaveBeenCalledWith(baseMockRow.index, // 0
         "", expect.anything());
@@ -60,7 +60,7 @@ describe("TableRow - Branch Coverage Tests", () => {
                         throw new Error("Function not implemented.");
                     }, expandedCells: undefined, toggleCell: function (key) {
                         throw new Error("Function not implemented.");
-                    } }) }) }));
+                    }, maxCharacters: 0 }) }) }));
         // onRowClick not provided; just ensure no crash
         fireEvent.click(screen.getByTestId("table-row"));
     });

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agilant/toga-blox",
 	"private": false,
-	"version": "1.0.195",
+	"version": "1.0.196",
 	"description": "",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",