renamed GridRootRef to RootContainerRef

mui · Jul 20, 2020 · 32f382d · 32f382d
1 parent 19015a5
commit 32f382d
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 13 deletions.
diff --git a/packages/grid/x-grid-modules/src/gridComponent.tsx b/packages/grid/x-grid-modules/src/gridComponent.tsx
@@ -7,7 +7,13 @@ import {
   useSelection,
   useSorting,
 } from './hooks/features';
-import { DEFAULT_GRID_OPTIONS, ElementSize, GridApi, GridOptions, GridRootRef } from './models';
+import {
+  DEFAULT_GRID_OPTIONS,
+  ElementSize,
+  GridApi,
+  GridOptions,
+  RootContainerRef,
+} from './models';
 import { DATA_CONTAINER_CSS_CLASS } from './constants';
 import { ColumnsContainer, DataContainer, GridRoot } from './components/styled-wrappers';
 import { useVirtualRows } from './hooks/virtualization';
@@ -31,7 +37,7 @@ export const GridComponent: React.FC<GridComponentProps> = React.memo(
   ({ rows, columns, options, apiRef, loading, licenseStatus, className, components }) => {
     useLoggerFactory(options?.logger, options?.logLevel);
     const logger = useLogger('Grid');
-    const gridRootRef: GridRootRef = React.useRef<HTMLDivElement>(null);
+    const rootContainerRef: RootContainerRef = React.useRef<HTMLDivElement>(null);
     const footerRef = React.useRef<HTMLDivElement>(null);
     const columnsHeaderRef = React.useRef<HTMLDivElement>(null);
     const columnsContainerRef = React.useRef<HTMLDivElement>(null);
@@ -51,7 +57,7 @@ export const GridComponent: React.FC<GridComponentProps> = React.memo(
       apiRef = internalApiRef;
     }
 
-    const initialised = useApi(gridRootRef, windowRef, internalOptions, apiRef);
+    const initialised = useApi(rootContainerRef, windowRef, internalOptions, apiRef);
     const internalColumns = useColumns(internalOptions, columns, apiRef);
     const internalRows = useRows(internalOptions, rows, initialised, apiRef);
     useKeyboard(internalOptions, initialised, apiRef);
@@ -87,7 +93,7 @@ export const GridComponent: React.FC<GridComponentProps> = React.memo(
       components,
       paginationProps,
       apiRef,
-      gridRootRef,
+      rootContainerRef,
     );
 
     const onResize = React.useCallback(
@@ -139,7 +145,7 @@ export const GridComponent: React.FC<GridComponentProps> = React.memo(
       <AutoSizerWrapper onResize={debouncedOnResize} style={{ height: 'unset', width: 'unset' }}>
         {(size: any) => (
           <GridRoot
-            ref={gridRootRef}
+            ref={rootContainerRef}
             className={`material-grid MuiGrid ${className || ''}`}
             options={internalOptions}
             style={{ width: size.width, height: getTotalHeight(size) }}

diff --git a/packages/grid/x-grid-modules/src/hooks/features/useComponents.tsx b/packages/grid/x-grid-modules/src/hooks/features/useComponents.tsx
@@ -5,7 +5,7 @@ import {
   ApiRef,
   GridComponentOverridesProp,
   GridOptions,
-  GridRootRef,
+  RootContainerRef,
   InternalColumns,
   Rows,
 } from '../../models';
@@ -18,7 +18,7 @@ export const useComponents = (
   componentOverrides: GridComponentOverridesProp | undefined,
   paginationProps: PaginationProps,
   apiRef: ApiRef,
-  gridRootRef: GridRootRef,
+  gridRootRef: RootContainerRef,
 ) => {
   const componentParams: ComponentParams = React.useMemo(
     () => ({

diff --git a/packages/grid/x-grid-modules/src/models/gridRootRef.ts b/packages/grid/x-grid-modules/src/models/gridRootRef.ts
diff --git a/packages/grid/x-grid-modules/src/models/index.ts b/packages/grid/x-grid-modules/src/models/index.ts
@@ -2,7 +2,7 @@ export * from './colDef';
 export * from './containerProps';
 export * from './elementSize';
 export * from './gridOptions';
-export * from './gridRootRef';
+export * from './rootContainerRef';
 export * from './renderContextProps';
 export * from './rows';
 export * from './sortModel';

diff --git a/packages/grid/x-grid-modules/src/models/params/componentParams.ts b/packages/grid/x-grid-modules/src/models/params/componentParams.ts
@@ -2,7 +2,7 @@ import { Rows } from '../rows';
 import { Columns } from '../colDef/colDef';
 import { GridOptions } from '../gridOptions';
 import { PaginationProps } from '../../hooks/features/usePagination';
-import { GridRootRef } from '../gridRootRef';
+import { RootContainerRef } from '../rootContainerRef';
 import { ApiRef } from '../api';
 
 export interface ComponentParams {
@@ -11,5 +11,5 @@ export interface ComponentParams {
   columns: Columns;
   options: GridOptions;
   api: ApiRef;
-  rootElement: GridRootRef;
+  rootElement: RootContainerRef;
 }
diff --git a/packages/grid/x-grid-modules/src/models/rootContainerRef.ts b/packages/grid/x-grid-modules/src/models/rootContainerRef.ts
@@ -0,0 +1,3 @@
+import * as React from 'react';
+
+export type RootContainerRef = React.RefObject<HTMLDivElement>;
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		import * as React from 'react';

		export type RootContainerRef = React.RefObject<HTMLDivElement>;