feat: Allow custom renderer to be passed into IrisGrid

packages/grid/src/index.ts

@@ -28,7 +28,8 @@ export * from './mouse-handlers';
 export * from './errors';
 export * from './EventHandlerResult';
 export * from './ThemeContext';
-export type { default as CellRenderer, CellRenderType } from './CellRenderer';
+export { default as CellRenderer } from './CellRenderer';
+export type { CellRenderType } from './CellRenderer';
 export { default as TextCellRenderer } from './TextCellRenderer';
 export { default as DataBarCellRenderer } from './DataBarCellRenderer';
 export * from './TokenBoxCellRenderer';

packages/iris-grid/src/IrisGrid.tsx

@@ -349,6 +349,9 @@ export interface IrisGridProps {
   // Optional key and mouse handlers
   keyHandlers: readonly KeyHandler[];
   mouseHandlers: readonly GridMouseHandler[];
+
+  // Pass in a custom renderer to the grid for advanced use cases
+  renderer?: IrisGridRenderer;
 }
 
 export interface IrisGridState {
@@ -628,7 +631,6 @@ class IrisGrid extends Component<IrisGridProps, IrisGridState> {
     this.showNullStrings = true;
 
     // When the loading scrim started/when it should extend to the end of the screen.
-    this.renderer = new IrisGridRenderer();
     this.tableSaver = null;
     this.crossColumnRef = React.createRef();
     this.isAnimating = false;
@@ -1021,8 +1023,6 @@ class IrisGrid extends Component<IrisGridProps, IrisGridState> {
 
   loadingTimer?: ReturnType<typeof setTimeout>;
 
-  renderer: IrisGridRenderer;
-
   tableSaver: TableSaver | null;
 
   crossColumnRef: React.RefObject<CrossColumnSearch>;
@@ -1430,6 +1430,16 @@ class IrisGrid extends Component<IrisGridProps, IrisGridState> {
     ): readonly GridMouseHandler[] => [...mouseHandlers, ...this.mouseHandlers]
   );
 
+  getCachedRenderer = memoize(
+    (rendererProp?: IrisGridRenderer) => rendererProp ?? new IrisGridRenderer(),
+    { max: 1 }
+  );
+
+  get renderer(): IrisGridRenderer {
+    const { renderer } = this.props;
+    return this.getCachedRenderer(renderer);
+  }
+
   getMouseHandlers(): readonly GridMouseHandler[] {
     const { mouseHandlers } = this.props;
     return this.getCachedMouseHandlers(mouseHandlers);