@digital-ai/dot-components 5.10.0 → 5.11.0

package/index.esm.js

@@ -17732,7 +17732,8 @@ const CollapsibleTableBody = ({
               maxWidth: parseCellMaxWidth(column.width),
               minWidth: parseCellMaxWidth(column.minWidth)
             },
-            value: row[colId]
+            // Call custom renderer only when item appears in DOM to save resources for huge data sets
+            value: column.render ? column.render(row[colId]) : row[colId]
           }, colId);
         })
       }, `${parentRowKey}-${uid}`);
@@ -18029,7 +18030,8 @@ const DotTableRow = ({
             maxWidth: parseCellMaxWidth(column.width),
             minWidth: parseCellMaxWidth(column.minWidth)
           },
-          value: rowData[column.id]
+          // Call custom renderer only when item appears in DOM to save resources for huge data sets
+          value: column.render ? column.render(rowData[column.id]) : rowData[column.id]
         }, column.id);
       })]
     }), isCollapsibleTableExpandValid && renderNestedTable()]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "5.10.0",
+  "version": "5.11.0",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [

package/src/lib/components/table/utils/interfaces.d.ts

@@ -74,6 +74,7 @@ export interface DotColumnHeader {
     id: string;
     label?: string;
     minWidth?: string;
+    render?: (...args: any[]) => ReactNode;
     sortable?: boolean;
     truncate?: boolean;
     width?: string;