feat: Allow custom renderer to be passed into IrisGrid (#2061)

- For adding your own grid/cell renderer

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);