@patternfly/react-data-view 5.1.1 → 5.1.3

package/src/DataViewTableTree/index.ts

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

package/src/DataViewToolbar/DataViewToolbar.tsx

@@ -10,9 +10,11 @@ export interface DataViewToolbarProps extends PropsWithChildren {
   bulkSelect?: React.ReactNode;
   /** React component to display pagination */
   pagination?: React.ReactNode;
+  /** React component to display actions */
+  actions?: React.ReactNode;
 }
 
-export const DataViewToolbar: React.FC<DataViewToolbarProps> = ({ className, ouiaId = 'DataViewToolbar', bulkSelect, pagination, children, ...props }: DataViewToolbarProps) => (
+export const DataViewToolbar: React.FC<DataViewToolbarProps> = ({ className, ouiaId = 'DataViewToolbar', bulkSelect, actions = null, pagination, children, ...props }: DataViewToolbarProps) => (
   <Toolbar ouiaId={ouiaId} className={className} {...props}>
     <ToolbarContent>
       {bulkSelect && (
@@ -20,6 +22,7 @@ export const DataViewToolbar: React.FC<DataViewToolbarProps> = ({ className, oui
           {bulkSelect}
         </ToolbarItem>
       )}
+      {actions}
       {pagination && (
         <ToolbarItem variant={ToolbarItemVariant.pagination} data-ouia-component-id={`${ouiaId}-pagination`}>
           {pagination}

package/src/InternalContext/InternalContext.test.tsx

@@ -1,7 +1,8 @@
 import React from 'react';
 import { render, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom'; 
-import { InternalContextProvider, useInternalContext, DataViewSelection } from './InternalContext';
+import { useInternalContext, DataViewSelection } from './InternalContext';
+import { DataView } from '../DataView';
 
 describe('InternalContext', () => {
   const mockSelection: DataViewSelection = {
@@ -23,9 +24,9 @@ describe('InternalContext', () => {
     };
 
     const { getByText } = render(
-      <InternalContextProvider selection={mockSelection}>
+      <DataView selection={mockSelection}>
         <TestComponent />
-      </InternalContextProvider>
+      </DataView>
     );
 
     fireEvent.click(getByText('Select item'));
@@ -50,9 +51,9 @@ describe('InternalContext', () => {
     };
 
     const { getByText } = render(
-      <InternalContextProvider selection={mockSelectionState}>
+      <DataView selection={mockSelectionState}>
         <TestComponent />
-      </InternalContextProvider>
+      </DataView>
     );
 
     expect(getByText('Item 1 is selected')).toBeInTheDocument();
@@ -77,9 +78,9 @@ describe('InternalContext', () => {
     };
 
     const { getByText } = render(
-      <InternalContextProvider selection={mockSelectionWithDisabled}>
+      <DataView selection={mockSelectionWithDisabled}>
         <TestComponent />
-      </InternalContextProvider>
+      </DataView>
     );
 
     expect(getByText('Item 3 is disabled')).toBeInTheDocument();

package/src/index.ts

@@ -7,6 +7,15 @@ export * from './Hooks';
 export { default as DataViewToolbar } from './DataViewToolbar';
 export * from './DataViewToolbar';
 
+export { default as DataViewTableTree } from './DataViewTableTree';
+export * from './DataViewTableTree';
+
+export { default as DataViewTableHeader } from './DataViewTableHeader';
+export * from './DataViewTableHeader';
+
+export { default as DataViewTableBasic } from './DataViewTableBasic';
+export * from './DataViewTableBasic';
+
 export { default as DataViewTable } from './DataViewTable';
 export * from './DataViewTable';