feat: add className prop to container

Author: knownasilya

src/lib/Components/GridRenderer.tsx

@@ -5,16 +5,18 @@ import { ErrorBoundary } from './ErrorBoundary';
 import { useReactGridState } from './StateProvider';
 import { isBrowserFirefox } from '../Functions/firefox';
 
-export const GridRenderer: React.FC<GridRendererProps> = ({ eventHandlers, children }) => {
+export const GridRenderer: React.FC<GridRendererProps> = ({ eventHandlers, children, className }) => {
     const { cellMatrix, props } = useReactGridState();
     const sharedStyles = {
         width: props?.enableFullWidthHeader ? '100%' : cellMatrix.width,
         height: cellMatrix.height,
     };
+    const classNameJoined = ['reactgrid', className].filter(Boolean).join(' ');
+    
     return (
         <ErrorBoundary>
             <div
-                className="reactgrid"
+                className={classNameJoined}
                 style={{
                     position: 'relative',
                     paddingRight: isBrowserFirefox() ? "10px" : "",

src/lib/Components/ReactGrid.tsx

@@ -109,7 +109,7 @@ export class ReactGrid extends React.Component<ReactGridProps, State> {
   }
 
   render(): React.ReactNode {
-    const { state, eventHandlers } = this;
+    const { state, eventHandlers, props } = this;
 
     if (state.legacyBrowserMode) {
       return (
@@ -121,7 +121,7 @@ export class ReactGrid extends React.Component<ReactGridProps, State> {
 
     return (
       <StateProvider state={state}>
-        <GridRenderer eventHandlers={eventHandlers}>
+        <GridRenderer className={props.className} eventHandlers={eventHandlers}>
           <PanesRenderer cellRenderer={CellRenderer} />
 
           <Line />

src/lib/Model/InternalModel.ts

@@ -54,6 +54,7 @@ export interface PointerLocation extends Location {
 }
 
 export interface GridRendererProps {
+    readonly className?: string;
     eventHandlers: EventHandlers;
 }
 

src/lib/Model/PublicModel.ts

@@ -33,6 +33,8 @@ export type SelectionMode =
  * @see https://reactgrid.com/docs/3.1/7-api/0-interfaces/1-reactgrid-props/
  */
 export interface ReactGridProps {
+    /** CSS class name for the grid container */
+    readonly className?: string;
     /** Array of `Column`s */
     readonly columns: Column[];
     /** Array of `Row`s */