Expose setIsFullScreen to ref API

elastic · Jan 11, 2022 · 429add8 · 429add8
1 parent d96203d
commit 429add8
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 0 deletions.
diff --git a/src-docs/src/views/datagrid/ref.js b/src-docs/src/views/datagrid/ref.js
@@ -148,6 +148,14 @@ export default () => {
             Set cell focus
           </EuiButton>
         </EuiFlexItem>
+        <EuiFlexItem>
+          <EuiButton
+            size="s"
+            onClick={() => dataGridRef.current.setIsFullScreen(true)}
+          >
+            Set grid to full screen
+          </EuiButton>
+        </EuiFlexItem>
       </EuiFlexGroup>
       <EuiSpacer />
 

diff --git a/src/components/datagrid/data_grid.test.tsx b/src/components/datagrid/data_grid.test.tsx
@@ -2744,6 +2744,7 @@ describe('EuiDataGrid', () => {
     );
 
     expect(gridRef.current).toEqual({
+      setIsFullScreen: expect.any(Function),
       setFocusedCell: expect.any(Function),
     });
   });

diff --git a/src/components/datagrid/data_grid.tsx b/src/components/datagrid/data_grid.tsx
@@ -290,6 +290,7 @@ export const EuiDataGrid = forwardRef<EuiDataGridRefProps, EuiDataGridProps>(
     useImperativeHandle(
       ref,
       () => ({
+        setIsFullScreen,
         setFocusedCell: ({ rowIndex, colIndex }) => {
           focusContext.setFocusedCell([colIndex, rowIndex]);
         },

diff --git a/src/components/datagrid/data_grid_types.ts b/src/components/datagrid/data_grid_types.ts
@@ -284,6 +284,10 @@ export type EuiDataGridProps = OneOf<
 >;
 
 export interface EuiDataGridRefProps {
+  /**
+   * Allows manually controlling the full-screen state of the grid.
+   */
+  setIsFullScreen(isFullScreen: boolean): void;
   /**
    * Allows manually focusing the specified cell in the grid.
    *