genesys-react-components 0.4.1-devengage-1573-implementing-tables.245 → 0.4.1-devengage-1573-implementing-tables.247

package/build/index.d.ts

@@ -113,8 +113,7 @@ export interface DataTableRow {
     cells: DataTableCell[];
 }
 export interface DataTableCell {
-    raw?: string;
-    renderedContent: React.ReactNode;
+    renderedContent?: React.ReactNode;
     content: string;
     parsedContent?: string | number | Date;
     align?: 'left' | 'center' | 'right';

package/build/index.js

@@ -6414,7 +6414,7 @@ function DataTable(props) {
     const [colsort, setColsort] = useState({ sort: 'none' });
     const [columnTypes, setColumnTypes] = useState({});
     const [isFilterOpen, setIsFilterOpen] = useState(false);
-    // "Constructor"
+    // Reinit when rows change
     useEffect(() => {
         // Infer column types
         if (props.rows.length > 0 && props.rows[0].cells.length > 0) {
@@ -6458,7 +6458,7 @@ function DataTable(props) {
             setColumnTypes(newColumnTypes);
             setParsedRows(props.rows);
         }
-    }, []);
+    }, [props.rows]);
     // Filter changed
     useEffect(() => {
         const r = filterRows();
@@ -6554,7 +6554,7 @@ function DataTable(props) {
     if (props.headerRow) {
         columnHeaders = (React.createElement("tr", null, props.headerRow.cells.map((cell, i) => (React.createElement("td", { key: i, align: (cell === null || cell === void 0 ? void 0 : cell.align) || 'left', className: colsort.colId === i && colsort.sort !== 'none' ? '' : 'unsorted', onClick: isSortable ? () => sortChanged(i.toString()) : undefined },
             React.createElement("div", { className: `header-container align-${(cell === null || cell === void 0 ? void 0 : cell.align) || 'left'}` },
-                (cell === null || cell === void 0 ? void 0 : cell.content) ? cell.renderedContent : null,
+                cell.renderedContent || cell.content,
                 filters[i] && filters[i].filter !== '' && filters[i].filter !== undefined ? (React.createElement(GenesysDevIcon, { icon: GenesysDevIcons.AppFilter, className: "filter-active-icon" })) : (''),
                 isSortable ? React.createElement(GenesysDevIcon, { icon: getSortCaret(i), className: "sort-icon" }) : null))))));
     }
@@ -6606,7 +6606,7 @@ function DataTable(props) {
             React.createElement("table", { className: tableClassName, cellSpacing: "0" },
                 thead,
                 React.createElement("tbody", null, rows.map((row, i) => (React.createElement("tr", { key: i }, row.cells.map((cell, ii) => (React.createElement("td", { key: ii, align: (cell === null || cell === void 0 ? void 0 : cell.align) || 'left' }, (cell === null || cell === void 0 ? void 0 : cell.content) ? (React.createElement("div", { className: `align-${(cell === null || cell === void 0 ? void 0 : cell.align) || 'left'}` },
-                    cell.renderedContent,
+                    cell.renderedContent || cell.content,
                     cell.copyButton ? React.createElement(CopyButton, { copyText: cell.content }) : undefined)) : null)))))))))));
 }