feat(loading): Rename DataViewTableHead

Author: fhlavac

…ess/component/DataViewTableHeader.cy.tsx …press/component/DataViewTableHead.cy.tsxcypress/component/DataViewTableHeader.cy.tsx renamed to cypress/component/DataViewTableHead.cy.tsx cypress/component/DataViewTableHeader.cy.tsx renamed to cypress/component/DataViewTableHead.cy.tsx

@@ -1,15 +1,15 @@
 import React from 'react';
-import { DataViewTableHeader } from '@patternfly/react-data-view/dist/dynamic/DataViewTableHeader';
+import { DataViewTableHead } from '@patternfly/react-data-view/dist/dynamic/DataViewTableHead';
 
 const columns = [ 'Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit' ];
 
-describe('DataViewTableHeader', () => {
+describe('DataViewTableHead', () => {
 
-  it('renders a data view table header', () => {
+  it('renders a data view table head', () => {
     const ouiaId = 'data';
 
     cy.mount(
-      <DataViewTableHeader ouiaId={ouiaId} columns={columns} />
+      <DataViewTableHead ouiaId={ouiaId} columns={columns} />
     );
 
     cy.get('[data-ouia-component-id="data-th-0"]').contains('Repositories');

…TableHeader/DataViewTableHeader.test.tsx …ViewTableHead/DataViewTableHead.test.tsxpackages/module/src/DataViewTableHeader/DataViewTableHeader.test.tsx renamed to packages/module/src/DataViewTableHead/DataViewTableHead.test.tsx packages/module/src/DataViewTableHeader/DataViewTableHeader.test.tsx renamed to packages/module/src/DataViewTableHead/DataViewTableHead.test.tsx

@@ -1,15 +1,15 @@
 import React from 'react';
 import { render } from '@testing-library/react';
 import { Table } from '@patternfly/react-table';
-import { DataViewTableHeader } from './DataViewTableHeader';
+import { DataViewTableHead } from './DataViewTableHead';
 import { DataViewSelection } from '../InternalContext';
 import { DataView } from '../DataView';
 
 const columns = [ 'Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit' ];
 
 const ouiaId = 'HeaderExample';
 
-describe('DataViewTableHeader component', () => {
+describe('DataViewTableHead component', () => {
   const mockSelection: DataViewSelection = {
     onSelect: jest.fn(),
     isSelected: jest.fn(),
@@ -19,7 +19,7 @@ describe('DataViewTableHeader component', () => {
   test('should render correctly', () => {
     const { container } = render(
       <Table>
-        <DataViewTableHeader columns={columns} ouiaId={ouiaId} />
+        <DataViewTableHead columns={columns} ouiaId={ouiaId} />
       </Table>
     );
     expect(container).toMatchSnapshot();
@@ -29,7 +29,7 @@ describe('DataViewTableHeader component', () => {
     const { container } = render(
       <DataView selection={mockSelection}>
         <Table>
-          <DataViewTableHeader isTreeTable columns={columns} ouiaId={ouiaId} />
+          <DataViewTableHead isTreeTable columns={columns} ouiaId={ouiaId} />
         </Table>
       </DataView>
     );
@@ -40,13 +40,11 @@ describe('DataViewTableHeader component', () => {
     const { container } = render(
       <DataView selection={mockSelection}>
         <Table>
-          <DataViewTableHeader columns={columns} ouiaId={ouiaId} />
+          <DataViewTableHead columns={columns} ouiaId={ouiaId} />
         </Table>
       </DataView>
     );
     expect(container).toMatchSnapshot();
   });
 });
 
-
-

…aViewTableHeader/DataViewTableHeader.tsx …/DataViewTableHead/DataViewTableHead.tsxpackages/module/src/DataViewTableHeader/DataViewTableHeader.tsx renamed to packages/module/src/DataViewTableHead/DataViewTableHead.tsx packages/module/src/DataViewTableHeader/DataViewTableHeader.tsx renamed to packages/module/src/DataViewTableHead/DataViewTableHead.tsx

@@ -8,7 +8,7 @@ import {
 import { useInternalContext } from '../InternalContext';
 import { DataViewTh, isDataViewThObject } from '../DataViewTable';
 
-export interface DataViewTableHeaderProps extends TheadProps {
+export interface DataViewTableHeadProps extends TheadProps {
   /** Indicates whether table is a tree */
   isTreeTable?: boolean;
   /** Columns definition */
@@ -17,18 +17,18 @@ export interface DataViewTableHeaderProps extends TheadProps {
   ouiaId?: string;
 }
 
-export const DataViewTableHeader: React.FC<DataViewTableHeaderProps> = ({
+export const DataViewTableHead: React.FC<DataViewTableHeadProps> = ({
   isTreeTable = false,
   columns,
-  ouiaId = 'DataViewTableHeader',
+  ouiaId = 'DataViewTableHead',
   ...props
-}: DataViewTableHeaderProps) => {
+}: DataViewTableHeadProps) => {
   const { selection } = useInternalContext();
   const { onSelect, isSelected } = selection ?? {};
 
   const cells = useMemo(() => [
     onSelect && isSelected && !isTreeTable ? (
-      <Th key="row-select" screenReaderText='Data selection table header cell' />
+      <Th key="row-select" screenReaderText='Data selection table head cell' />
     ) : null,
     ...columns.map((column, index) => (
       <Th
@@ -50,4 +50,4 @@ export const DataViewTableHeader: React.FC<DataViewTableHeaderProps> = ({
   );
 };
 
-export default DataViewTableHeader;
+export default DataViewTableHead;

…hots__/DataViewTableHeader.test.tsx.snap …pshots__/DataViewTableHead.test.tsx.snappackages/module/src/DataViewTableHeader/__snapshots__/DataViewTableHeader.test.tsx.snap renamed to packages/module/src/DataViewTableHead/__snapshots__/DataViewTableHead.test.tsx.snap packages/module/src/DataViewTableHeader/__snapshots__/DataViewTableHeader.test.tsx.snap renamed to packages/module/src/DataViewTableHead/__snapshots__/DataViewTableHead.test.tsx.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`DataViewTableHeader component should render correctly 1`] = `
+exports[`DataViewTableHead component should render correctly 1`] = `
 <div>
   <table
     class="pf-v5-c-table pf-m-grid-md"
@@ -65,7 +65,7 @@ exports[`DataViewTableHeader component should render correctly 1`] = `
 </div>
 `;
 
-exports[`DataViewTableHeader component should render selection column when selection is provided 1`] = `
+exports[`DataViewTableHead component should render selection column when selection is provided 1`] = `
 <div>
   <div
     class="pf-v5-l-stack"
@@ -100,7 +100,7 @@ exports[`DataViewTableHeader component should render selection column when selec
               <span
                 class="pf-v5-screen-reader"
               >
-                Data selection table header cell
+                Data selection table head cell
               </span>
             </th>
             <th
@@ -151,7 +151,7 @@ exports[`DataViewTableHeader component should render selection column when selec
 </div>
 `;
 
-exports[`DataViewTableHeader component should render the tree table correctly when isTreeTable is true 1`] = `
+exports[`DataViewTableHead component should render the tree table correctly when isTreeTable is true 1`] = `
 <div>
   <div
     class="pf-v5-l-stack"

packages/module/src/DataViewTableHead/index.ts

@@ -0,0 +1,2 @@
+export { default } from './DataViewTableHead';
+export * from './DataViewTableHead';