Export some datagrid hooks (#4271)

* Export useDataGridColumnSorting, useDataGridColumnSelector, and useDataGridStyleSelector from EUI * changelog
elastic · Nov 17, 2020 · 0ba20e0 · 0ba20e0
1 parent 3cef201
commit 0ba20e0
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 9 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,7 @@
 - Added `eql` glyph in `EuiIcon` ([#4110](https://github.com/elastic/eui/pull/4110))
 - Added `testenv` mock for `htmlIdGenerator` ([#4212](https://github.com/elastic/eui/pull/4212))
 - Added several Sass mixins for handling of unified focus/hover states ([#4242](https://github.com/elastic/eui/pull/4242))
+- Exported `useDataGridColumnSelector`, `useDataGridColumnSorting`, and `useDataGridStyleSelector` hooks ([#4271](https://github.com/elastic/eui/pull/4271))
 
 **Theme: Amsterdam**
 

diff --git a/src/components/datagrid/column_selector.tsx b/src/components/datagrid/column_selector.tsx
@@ -56,7 +56,7 @@ const getShowColumnSelectorValue = (
   return showColumnSelector[valueName] !== false;
 };
 
-export const useColumnSelector = (
+export const useDataGridColumnSelector = (
   availableColumns: EuiDataGridColumn[],
   columnVisibility: EuiDataGridColumnVisibility,
   showColumnSelector: EuiDataGridToolBarVisibilityOptions['showColumnSelector'],

diff --git a/src/components/datagrid/column_sorting.tsx b/src/components/datagrid/column_sorting.tsx
@@ -45,7 +45,7 @@ import {
 } from './data_grid_schema';
 import { EuiToken } from '../token';
 
-export const useColumnSorting = (
+export const useDataGridColumnSorting = (
   columns: EuiDataGridColumn[],
   sorting: EuiDataGridSorting | undefined,
   schema: EuiDataGridSchema,

diff --git a/src/components/datagrid/data_grid.tsx b/src/components/datagrid/data_grid.tsx
@@ -61,8 +61,8 @@ import { EuiDataGridCellProps } from './data_grid_cell';
 import { EuiButtonEmpty } from '../button';
 import { keys, htmlIdGenerator } from '../../services';
 import { EuiDataGridBody } from './data_grid_body';
-import { useColumnSelector } from './column_selector';
-import { useStyleSelector, startingStyles } from './style_selector';
+import { useDataGridColumnSelector } from './column_selector';
+import { useDataGridStyleSelector, startingStyles } from './style_selector';
 import { EuiTablePagination } from '../table/table_pagination';
 import { EuiFocusTrap } from '../focus_trap';
 import {
@@ -76,7 +76,7 @@ import {
   useDetectSchema,
   schemaDetectors as providedSchemaDetectors,
 } from './data_grid_schema';
-import { useColumnSorting } from './column_sorting';
+import { useDataGridColumnSorting } from './column_sorting';
 import { EuiMutationObserver } from '../observer/mutation_observer';
 import { DataGridContext } from './data_grid_context';
 
@@ -769,20 +769,22 @@ export const EuiDataGrid: FunctionComponent<EuiDataGridProps> = (props) => {
     orderedVisibleColumns,
     setVisibleColumns,
     switchColumnPos,
-  ] = useColumnSelector(
+  ] = useDataGridColumnSelector(
     columns,
     columnVisibility,
     checkOrDefaultToolBarDiplayOptions(toolbarVisibility, 'showColumnSelector'),
     displayValues
   );
-  const columnSorting = useColumnSorting(
+  const columnSorting = useDataGridColumnSorting(
     orderedVisibleColumns,
     sorting,
     mergedSchema,
     allSchemaDetectors,
     displayValues
   );
-  const [styleSelector, gridStyles] = useStyleSelector(gridStyleWithDefaults);
+  const [styleSelector, gridStyles] = useDataGridStyleSelector(
+    gridStyleWithDefaults
+  );
 
   // compute the default column width from the container's clientWidth and count of visible columns
   const defaultColumnWidth = useDefaultColumnWidth(

diff --git a/src/components/datagrid/index.ts b/src/components/datagrid/index.ts
@@ -36,5 +36,8 @@ export {
   EuiDataGridSchemaDetector,
   SchemaTypeScore,
 } from './data_grid_schema';
+export { useDataGridColumnSelector } from './column_selector';
+export { useDataGridColumnSorting } from './column_sorting';
+export { useDataGridStyleSelector } from './style_selector';
 
 export * from './data_grid_types';
diff --git a/src/components/datagrid/style_selector.tsx b/src/components/datagrid/style_selector.tsx
@@ -49,7 +49,7 @@ const densityStyles: { [key: string]: Partial<EuiDataGridStyle> } = {
   },
 };
 
-export const useStyleSelector = (
+export const useDataGridStyleSelector = (
   initialStyles: EuiDataGridStyle
 ): [ReactElement, EuiDataGridStyle] => {
   // track styles specified by the user at run time