@patternfly/react-data-view 6.3.0 → 6.4.0-prerelease.2

package/dist/cjs/DataViewTableTree/DataViewTableTree.d.ts

@@ -18,6 +18,8 @@ export interface DataViewTableTreeProps extends Omit<TableProps, 'onSelect' | 'r
     expandedIcon?: React.ReactNode;
     /** Optional icon for the collapsed parent rows */
     collapsedIcon?: React.ReactNode;
+    /** Expand all expandable nodes on initial load */
+    expandAll?: boolean;
     /** Custom OUIA ID */
     ouiaId?: string;
 }

package/dist/cjs/DataViewTableTree/DataViewTableTree.js

@@ -45,11 +45,38 @@ const getNodesAffectedBySelection = (allRows, node, isChecking, isSelected) => {
     return Array.from(affectedNodes);
 };
 const DataViewTableTree = (_a) => {
-    var { columns, rows, headStates, bodyStates, leafIcon = null, expandedIcon = null, collapsedIcon = null, ouiaId = 'DataViewTableTree' } = _a, props = __rest(_a, ["columns", "rows", "headStates", "bodyStates", "leafIcon", "expandedIcon", "collapsedIcon", "ouiaId"]);
+    var { columns, rows, headStates, bodyStates, leafIcon = null, expandedIcon = null, collapsedIcon = null, expandAll = false, ouiaId = 'DataViewTableTree' } = _a, props = __rest(_a, ["columns", "rows", "headStates", "bodyStates", "leafIcon", "expandedIcon", "collapsedIcon", "expandAll", "ouiaId"]);
     const { selection, activeState } = (0, InternalContext_1.useInternalContext)();
     const { onSelect, isSelected, isSelectDisabled } = selection !== null && selection !== void 0 ? selection : {};
     const [expandedNodeIds, setExpandedNodeIds] = (0, react_1.useState)([]);
     const [expandedDetailsNodeNames, setExpandedDetailsNodeIds] = (0, react_1.useState)([]);
+    // Helper function to collect all node IDs that have children (are expandable)
+    const getExpandableNodeIds = (nodes) => {
+        const expandableIds = [];
+        const traverse = (nodeList) => {
+            nodeList.forEach(node => {
+                if (node.children && node.children.length > 0) {
+                    expandableIds.push(node.id);
+                    traverse(node.children);
+                }
+            });
+        };
+        traverse(nodes);
+        return expandableIds;
+    };
+    // Effect to handle expandAll behavior
+    // Memoize the expandable IDs to avoid recalculating when rows object reference changes but structure is the same
+    const expandableIds = (0, react_1.useMemo)(() => getExpandableNodeIds(rows), [rows]);
+    // Effect to handle expandAll behavior - only runs when IDs actually change
+    (0, react_1.useEffect)(() => {
+        if (expandAll) {
+            setExpandedNodeIds(expandableIds);
+        }
+        else {
+            setExpandedNodeIds([]);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [expandAll, expandableIds.join(',')]);
     const activeHeadState = (0, react_1.useMemo)(() => activeState ? headStates === null || headStates === void 0 ? void 0 : headStates[activeState] : undefined, [activeState, headStates]);
     const activeBodyState = (0, react_1.useMemo)(() => activeState ? bodyStates === null || bodyStates === void 0 ? void 0 : bodyStates[activeState] : undefined, [activeState, bodyStates]);
     const nodes = (0, react_1.useMemo)(() => {

package/dist/cjs/DataViewTableTree/DataViewTableTree.test.js

@@ -76,6 +76,10 @@ describe('DataViewTableTree component', () => {
         const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(DataView_1.DataView, { activeState: "error", children: (0, jsx_runtime_1.jsx)(DataViewTable_1.DataViewTable, { isTreeTable: true, "aria-label": 'Repositories table', ouiaId: ouiaId, columns: columns, bodyStates: { error: "Some error" }, rows: [] }) }));
         expect(container).toMatchSnapshot();
     });
+    test('should render tree table with all expandable nodes expanded', () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(DataView_1.DataView, { selection: mockSelection, children: (0, jsx_runtime_1.jsx)(DataViewTable_1.DataViewTable, { isTreeTable: true, "aria-label": 'Repositories table', ouiaId: ouiaId, columns: columns, expandAll: true, rows: rows, leafIcon: (0, jsx_runtime_1.jsx)(react_icons_1.LeafIcon, {}), expandedIcon: (0, jsx_runtime_1.jsx)(react_icons_1.FolderOpenIcon, { "aria-hidden": true }), collapsedIcon: (0, jsx_runtime_1.jsx)(react_icons_1.FolderIcon, { "aria-hidden": true }) }) }));
+        expect(container).toMatchSnapshot();
+    });
     test('should render tree table with a loading state', () => {
         const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(DataView_1.DataView, { activeState: "loading", children: (0, jsx_runtime_1.jsx)(DataViewTable_1.DataViewTable, { isTreeTable: true, "aria-label": 'Repositories table', ouiaId: ouiaId, columns: columns, bodyStates: { loading: "Data is loading" }, rows: [] }) }));
         expect(container).toMatchSnapshot();

package/dist/cjs/Hooks/selection.d.ts

@@ -8,4 +8,5 @@ export declare const useDataViewSelection: (props?: UseDataViewSelectionProps) =
     selected: any[];
     onSelect: (isSelecting: boolean, items?: any[] | any) => void;
     isSelected: (item: any) => boolean;
+    setSelected: (items: any[]) => void;
 };

package/dist/cjs/Hooks/selection.js

@@ -17,10 +17,14 @@ const useDataViewSelection = (props) => {
             : setSelected(items ? prev => prev.filter(prevSelected => !(Array.isArray(items) ? items : [items]).some(item => matchOption(item, prevSelected))) : []);
     };
     const isSelected = (item) => Boolean(selected.find(selected => matchOption(selected, item)));
+    const setSelectedItems = (items) => {
+        setSelected(items);
+    };
     return {
         selected,
         onSelect,
-        isSelected
+        isSelected,
+        setSelected: setSelectedItems
     };
 };
 exports.useDataViewSelection = useDataViewSelection;

package/dist/cjs/Hooks/selection.test.js

@@ -19,6 +19,7 @@ describe('useDataViewSelection', () => {
             selected: [],
             onSelect: expect.any(Function),
             isSelected: expect.any(Function),
+            setSelected: expect.any(Function),
         });
     });
     it('should get initial state correctly - with initialSelected', () => {
@@ -28,6 +29,7 @@ describe('useDataViewSelection', () => {
             selected: initialSelected,
             onSelect: expect.any(Function),
             isSelected: expect.any(Function),
+            setSelected: expect.any(Function),
         });
     });
     it('should select items correctly - objects', () => __awaiter(void 0, void 0, void 0, function* () {
@@ -52,4 +54,50 @@ describe('useDataViewSelection', () => {
         expect(result.current.isSelected({ id: 1, name: 'test1' })).toBe(true);
         expect(result.current.isSelected({ id: 3, name: 'test2' })).toBe(false);
     });
+    it('should have setSelected function in return object', () => {
+        const { result } = (0, react_1.renderHook)(() => (0, selection_1.useDataViewSelection)({ matchOption: (a, b) => a.id === b.id }));
+        expect(result.current).toEqual({
+            selected: [],
+            onSelect: expect.any(Function),
+            isSelected: expect.any(Function),
+            setSelected: expect.any(Function),
+        });
+    });
+    it('should set selected items directly using setSelected - objects', () => __awaiter(void 0, void 0, void 0, function* () {
+        const initialSelected = [{ id: 1, name: 'test1' }];
+        const { result } = (0, react_1.renderHook)(() => (0, selection_1.useDataViewSelection)({ initialSelected, matchOption: (a, b) => a.id === b.id }));
+        const newSelected = [{ id: 2, name: 'test2' }, { id: 3, name: 'test3' }];
+        yield (0, react_1.act)(() => __awaiter(void 0, void 0, void 0, function* () {
+            result.current.setSelected(newSelected);
+        }));
+        expect(result.current.selected).toEqual(newSelected);
+    }));
+    it('should set selected items directly using setSelected - strings', () => __awaiter(void 0, void 0, void 0, function* () {
+        const initialSelected = ['test1', 'test2'];
+        const { result } = (0, react_1.renderHook)(() => (0, selection_1.useDataViewSelection)({ initialSelected, matchOption: (a, b) => a === b }));
+        const newSelected = ['test3', 'test4', 'test5'];
+        yield (0, react_1.act)(() => __awaiter(void 0, void 0, void 0, function* () {
+            result.current.setSelected(newSelected);
+        }));
+        expect(result.current.selected).toEqual(newSelected);
+    }));
+    it('should clear all selections using setSelected with empty array', () => __awaiter(void 0, void 0, void 0, function* () {
+        const initialSelected = [{ id: 1, name: 'test1' }, { id: 2, name: 'test2' }];
+        const { result } = (0, react_1.renderHook)(() => (0, selection_1.useDataViewSelection)({ initialSelected, matchOption: (a, b) => a.id === b.id }));
+        yield (0, react_1.act)(() => __awaiter(void 0, void 0, void 0, function* () {
+            result.current.setSelected([]);
+        }));
+        expect(result.current.selected).toEqual([]);
+    }));
+    it('should update isSelected correctly after using setSelected', () => __awaiter(void 0, void 0, void 0, function* () {
+        const initialSelected = [{ id: 1, name: 'test1' }];
+        const { result } = (0, react_1.renderHook)(() => (0, selection_1.useDataViewSelection)({ initialSelected, matchOption: (a, b) => a.id === b.id }));
+        const newSelected = [{ id: 2, name: 'test2' }, { id: 3, name: 'test3' }];
+        yield (0, react_1.act)(() => __awaiter(void 0, void 0, void 0, function* () {
+            result.current.setSelected(newSelected);
+        }));
+        expect(result.current.isSelected({ id: 1, name: 'test1' })).toBe(false);
+        expect(result.current.isSelected({ id: 2, name: 'test2' })).toBe(true);
+        expect(result.current.isSelected({ id: 3, name: 'test3' })).toBe(true);
+    }));
 });

package/dist/cjs/InternalContext/InternalContext.d.ts

@@ -5,6 +5,8 @@ export interface DataViewSelection {
     onSelect: (isSelecting: boolean, items?: any[] | any) => void;
     /** Checks if a specific item is currently selected */
     isSelected: (item: any) => boolean;
+    /** Directly sets the selected items */
+    setSelected?: (items: any[]) => void;
     /** Determines if selection is disabled for a given item */
     isSelectDisabled?: (item: any) => boolean;
 }

package/dist/esm/DataViewTableTree/DataViewTableTree.d.ts

@@ -18,6 +18,8 @@ export interface DataViewTableTreeProps extends Omit<TableProps, 'onSelect' | 'r
     expandedIcon?: React.ReactNode;
     /** Optional icon for the collapsed parent rows */
     collapsedIcon?: React.ReactNode;
+    /** Expand all expandable nodes on initial load */
+    expandAll?: boolean;
     /** Custom OUIA ID */
     ouiaId?: string;
 }

package/dist/esm/DataViewTableTree/DataViewTableTree.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useMemo } from 'react';
+import { useState, useMemo, useEffect } from 'react';
 import { Table, Tbody, Td, TreeRowWrapper, } from '@patternfly/react-table';
 import { useInternalContext } from '../InternalContext';
 import { DataViewTableHead } from '../DataViewTableHead';
@@ -42,11 +42,38 @@ const getNodesAffectedBySelection = (allRows, node, isChecking, isSelected) => {
     return Array.from(affectedNodes);
 };
 export const DataViewTableTree = (_a) => {
-    var { columns, rows, headStates, bodyStates, leafIcon = null, expandedIcon = null, collapsedIcon = null, ouiaId = 'DataViewTableTree' } = _a, props = __rest(_a, ["columns", "rows", "headStates", "bodyStates", "leafIcon", "expandedIcon", "collapsedIcon", "ouiaId"]);
+    var { columns, rows, headStates, bodyStates, leafIcon = null, expandedIcon = null, collapsedIcon = null, expandAll = false, ouiaId = 'DataViewTableTree' } = _a, props = __rest(_a, ["columns", "rows", "headStates", "bodyStates", "leafIcon", "expandedIcon", "collapsedIcon", "expandAll", "ouiaId"]);
     const { selection, activeState } = useInternalContext();
     const { onSelect, isSelected, isSelectDisabled } = selection !== null && selection !== void 0 ? selection : {};
     const [expandedNodeIds, setExpandedNodeIds] = useState([]);
     const [expandedDetailsNodeNames, setExpandedDetailsNodeIds] = useState([]);
+    // Helper function to collect all node IDs that have children (are expandable)
+    const getExpandableNodeIds = (nodes) => {
+        const expandableIds = [];
+        const traverse = (nodeList) => {
+            nodeList.forEach(node => {
+                if (node.children && node.children.length > 0) {
+                    expandableIds.push(node.id);
+                    traverse(node.children);
+                }
+            });
+        };
+        traverse(nodes);
+        return expandableIds;
+    };
+    // Effect to handle expandAll behavior
+    // Memoize the expandable IDs to avoid recalculating when rows object reference changes but structure is the same
+    const expandableIds = useMemo(() => getExpandableNodeIds(rows), [rows]);
+    // Effect to handle expandAll behavior - only runs when IDs actually change
+    useEffect(() => {
+        if (expandAll) {
+            setExpandedNodeIds(expandableIds);
+        }
+        else {
+            setExpandedNodeIds([]);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [expandAll, expandableIds.join(',')]);
     const activeHeadState = useMemo(() => activeState ? headStates === null || headStates === void 0 ? void 0 : headStates[activeState] : undefined, [activeState, headStates]);
     const activeBodyState = useMemo(() => activeState ? bodyStates === null || bodyStates === void 0 ? void 0 : bodyStates[activeState] : undefined, [activeState, bodyStates]);
     const nodes = useMemo(() => {

package/dist/esm/DataViewTableTree/DataViewTableTree.test.js

@@ -74,6 +74,10 @@ describe('DataViewTableTree component', () => {
         const { container } = render(_jsx(DataView, { activeState: "error", children: _jsx(DataViewTable, { isTreeTable: true, "aria-label": 'Repositories table', ouiaId: ouiaId, columns: columns, bodyStates: { error: "Some error" }, rows: [] }) }));
         expect(container).toMatchSnapshot();
     });
+    test('should render tree table with all expandable nodes expanded', () => {
+        const { container } = render(_jsx(DataView, { selection: mockSelection, children: _jsx(DataViewTable, { isTreeTable: true, "aria-label": 'Repositories table', ouiaId: ouiaId, columns: columns, expandAll: true, rows: rows, leafIcon: _jsx(LeafIcon, {}), expandedIcon: _jsx(FolderOpenIcon, { "aria-hidden": true }), collapsedIcon: _jsx(FolderIcon, { "aria-hidden": true }) }) }));
+        expect(container).toMatchSnapshot();
+    });
     test('should render tree table with a loading state', () => {
         const { container } = render(_jsx(DataView, { activeState: "loading", children: _jsx(DataViewTable, { isTreeTable: true, "aria-label": 'Repositories table', ouiaId: ouiaId, columns: columns, bodyStates: { loading: "Data is loading" }, rows: [] }) }));
         expect(container).toMatchSnapshot();

package/dist/esm/Hooks/selection.d.ts

@@ -8,4 +8,5 @@ export declare const useDataViewSelection: (props?: UseDataViewSelectionProps) =
     selected: any[];
     onSelect: (isSelecting: boolean, items?: any[] | any) => void;
     isSelected: (item: any) => boolean;
+    setSelected: (items: any[]) => void;
 };

package/dist/esm/Hooks/selection.js

@@ -14,9 +14,13 @@ export const useDataViewSelection = (props) => {
             : setSelected(items ? prev => prev.filter(prevSelected => !(Array.isArray(items) ? items : [items]).some(item => matchOption(item, prevSelected))) : []);
     };
     const isSelected = (item) => Boolean(selected.find(selected => matchOption(selected, item)));
+    const setSelectedItems = (items) => {
+        setSelected(items);
+    };
     return {
         selected,
         onSelect,
-        isSelected
+        isSelected,
+        setSelected: setSelectedItems
     };
 };

package/dist/esm/Hooks/selection.test.js

@@ -17,6 +17,7 @@ describe('useDataViewSelection', () => {
             selected: [],
             onSelect: expect.any(Function),
             isSelected: expect.any(Function),
+            setSelected: expect.any(Function),
         });
     });
     it('should get initial state correctly - with initialSelected', () => {
@@ -26,6 +27,7 @@ describe('useDataViewSelection', () => {
             selected: initialSelected,
             onSelect: expect.any(Function),
             isSelected: expect.any(Function),
+            setSelected: expect.any(Function),
         });
     });
     it('should select items correctly - objects', () => __awaiter(void 0, void 0, void 0, function* () {
@@ -50,4 +52,50 @@ describe('useDataViewSelection', () => {
         expect(result.current.isSelected({ id: 1, name: 'test1' })).toBe(true);
         expect(result.current.isSelected({ id: 3, name: 'test2' })).toBe(false);
     });
+    it('should have setSelected function in return object', () => {
+        const { result } = renderHook(() => useDataViewSelection({ matchOption: (a, b) => a.id === b.id }));
+        expect(result.current).toEqual({
+            selected: [],
+            onSelect: expect.any(Function),
+            isSelected: expect.any(Function),
+            setSelected: expect.any(Function),
+        });
+    });
+    it('should set selected items directly using setSelected - objects', () => __awaiter(void 0, void 0, void 0, function* () {
+        const initialSelected = [{ id: 1, name: 'test1' }];
+        const { result } = renderHook(() => useDataViewSelection({ initialSelected, matchOption: (a, b) => a.id === b.id }));
+        const newSelected = [{ id: 2, name: 'test2' }, { id: 3, name: 'test3' }];
+        yield act(() => __awaiter(void 0, void 0, void 0, function* () {
+            result.current.setSelected(newSelected);
+        }));
+        expect(result.current.selected).toEqual(newSelected);
+    }));
+    it('should set selected items directly using setSelected - strings', () => __awaiter(void 0, void 0, void 0, function* () {
+        const initialSelected = ['test1', 'test2'];
+        const { result } = renderHook(() => useDataViewSelection({ initialSelected, matchOption: (a, b) => a === b }));
+        const newSelected = ['test3', 'test4', 'test5'];
+        yield act(() => __awaiter(void 0, void 0, void 0, function* () {
+            result.current.setSelected(newSelected);
+        }));
+        expect(result.current.selected).toEqual(newSelected);
+    }));
+    it('should clear all selections using setSelected with empty array', () => __awaiter(void 0, void 0, void 0, function* () {
+        const initialSelected = [{ id: 1, name: 'test1' }, { id: 2, name: 'test2' }];
+        const { result } = renderHook(() => useDataViewSelection({ initialSelected, matchOption: (a, b) => a.id === b.id }));
+        yield act(() => __awaiter(void 0, void 0, void 0, function* () {
+            result.current.setSelected([]);
+        }));
+        expect(result.current.selected).toEqual([]);
+    }));
+    it('should update isSelected correctly after using setSelected', () => __awaiter(void 0, void 0, void 0, function* () {
+        const initialSelected = [{ id: 1, name: 'test1' }];
+        const { result } = renderHook(() => useDataViewSelection({ initialSelected, matchOption: (a, b) => a.id === b.id }));
+        const newSelected = [{ id: 2, name: 'test2' }, { id: 3, name: 'test3' }];
+        yield act(() => __awaiter(void 0, void 0, void 0, function* () {
+            result.current.setSelected(newSelected);
+        }));
+        expect(result.current.isSelected({ id: 1, name: 'test1' })).toBe(false);
+        expect(result.current.isSelected({ id: 2, name: 'test2' })).toBe(true);
+        expect(result.current.isSelected({ id: 3, name: 'test3' })).toBe(true);
+    }));
 });

package/dist/esm/InternalContext/InternalContext.d.ts

@@ -5,6 +5,8 @@ export interface DataViewSelection {
     onSelect: (isSelecting: boolean, items?: any[] | any) => void;
     /** Checks if a specific item is currently selected */
     isSelected: (item: any) => boolean;
+    /** Directly sets the selected items */
+    setSelected?: (items: any[]) => void;
     /** Determines if selection is disabled for a given item */
     isSelectDisabled?: (item: any) => boolean;
 }

package/dist/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/index.ts","../src/dataview/dataview.test.tsx","../src/dataview/dataview.tsx","../src/dataview/index.ts","../src/dataviewcheckboxfilter/dataviewcheckboxfilter.test.tsx","../src/dataviewcheckboxfilter/dataviewcheckboxfilter.tsx","../src/dataviewcheckboxfilter/index.ts","../src/datavieweventscontext/datavieweventscontext.test.tsx","../src/datavieweventscontext/datavieweventscontext.tsx","../src/datavieweventscontext/index.ts","../src/dataviewfilters/dataviewfilters.test.tsx","../src/dataviewfilters/dataviewfilters.tsx","../src/dataviewfilters/index.tsx","../src/dataviewtable/dataviewtable.test.tsx","../src/dataviewtable/dataviewtable.tsx","../src/dataviewtable/index.ts","../src/dataviewtablebasic/dataviewtablebasic.test.tsx","../src/dataviewtablebasic/dataviewtablebasic.tsx","../src/dataviewtablebasic/index.ts","../src/dataviewtablehead/dataviewtablehead.test.tsx","../src/dataviewtablehead/dataviewtablehead.tsx","../src/dataviewtablehead/index.ts","../src/dataviewtabletree/dataviewtabletree.test.tsx","../src/dataviewtabletree/dataviewtabletree.tsx","../src/dataviewtabletree/index.ts","../src/dataviewtextfilter/dataviewtextfilter.test.tsx","../src/dataviewtextfilter/dataviewtextfilter.tsx","../src/dataviewtextfilter/index.ts","../src/dataviewtoolbar/dataviewtoolbar.test.tsx","../src/dataviewtoolbar/dataviewtoolbar.tsx","../src/dataviewtoolbar/index.ts","../src/hooks/filters.test.tsx","../src/hooks/filters.ts","../src/hooks/index.ts","../src/hooks/pagination.test.tsx","../src/hooks/pagination.ts","../src/hooks/selection.test.tsx","../src/hooks/selection.ts","../src/hooks/sort.test.tsx","../src/hooks/sort.ts","../src/internalcontext/internalcontext.test.tsx","../src/internalcontext/internalcontext.tsx","../src/internalcontext/index.ts"],"version":"5.8.3"}
+{"root":["../src/index.ts","../src/DataView/DataView.test.tsx","../src/DataView/DataView.tsx","../src/DataView/index.ts","../src/DataViewCheckboxFilter/DataViewCheckboxFilter.test.tsx","../src/DataViewCheckboxFilter/DataViewCheckboxFilter.tsx","../src/DataViewCheckboxFilter/index.ts","../src/DataViewEventsContext/DataViewEventsContext.test.tsx","../src/DataViewEventsContext/DataViewEventsContext.tsx","../src/DataViewEventsContext/index.ts","../src/DataViewFilters/DataViewFilters.test.tsx","../src/DataViewFilters/DataViewFilters.tsx","../src/DataViewFilters/index.tsx","../src/DataViewTable/DataViewTable.test.tsx","../src/DataViewTable/DataViewTable.tsx","../src/DataViewTable/index.ts","../src/DataViewTableBasic/DataViewTableBasic.test.tsx","../src/DataViewTableBasic/DataViewTableBasic.tsx","../src/DataViewTableBasic/index.ts","../src/DataViewTableHead/DataViewTableHead.test.tsx","../src/DataViewTableHead/DataViewTableHead.tsx","../src/DataViewTableHead/index.ts","../src/DataViewTableTree/DataViewTableTree.test.tsx","../src/DataViewTableTree/DataViewTableTree.tsx","../src/DataViewTableTree/index.ts","../src/DataViewTextFilter/DataViewTextFilter.test.tsx","../src/DataViewTextFilter/DataViewTextFilter.tsx","../src/DataViewTextFilter/index.ts","../src/DataViewToolbar/DataViewToolbar.test.tsx","../src/DataViewToolbar/DataViewToolbar.tsx","../src/DataViewToolbar/index.ts","../src/Hooks/filters.test.tsx","../src/Hooks/filters.ts","../src/Hooks/index.ts","../src/Hooks/pagination.test.tsx","../src/Hooks/pagination.ts","../src/Hooks/selection.test.tsx","../src/Hooks/selection.ts","../src/Hooks/sort.test.tsx","../src/Hooks/sort.ts","../src/InternalContext/InternalContext.test.tsx","../src/InternalContext/InternalContext.tsx","../src/InternalContext/index.ts"],"version":"5.9.2"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-data-view",
-  "version": "6.3.0",
+  "version": "6.4.0-prerelease.2",
   "description": "Data view used for Red Hat projects.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -55,6 +55,6 @@
     "react-router": "^6.30.1",
     "react-router-dom": "^6.30.1",
     "rimraf": "^6.0.1",
-    "typescript": "^5.8.3"
+    "typescript": "^5.9.2"
   }
 }

package/patternfly-docs/content/extensions/data-view/examples/Table/DataViewTableTreeExample.tsx

@@ -4,6 +4,7 @@ import { DataViewTable, DataViewTh, DataViewTrTree } from '@patternfly/react-dat
 import { useDataViewSelection } from '@patternfly/react-data-view/dist/dynamic/Hooks';
 import { FolderIcon, FolderOpenIcon, LeafIcon } from '@patternfly/react-icons';
 
+
 interface Repository {
   name: string;
   branches: string | null;

package/patternfly-docs/content/extensions/data-view/examples/Table/Table.md

@@ -39,6 +39,8 @@ To define rows and columns for your table, use these props:
 
 It is also possible to disable row selection using the `isSelectDisabled` function, which can be passed to the wrapping `DataView` component through the `selection` prop.
 
+If you want to have all expandable nodes open on initial load pass the `expandAll` prop to the DataViewTable component
+
 ### Table example
 ```js file="./DataViewTableExample.tsx"
 

package/patternfly-docs/content/extensions/data-view/examples/Toolbar/SelectionExample.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { useDataViewSelection } from '@patternfly/react-data-view/dist/dynamic/Hooks';
 import { BulkSelect, BulkSelectValue } from '@patternfly/react-component-groups/dist/dynamic/BulkSelect';
+import { Button } from '@patternfly/react-core';
 import { DataView } from '@patternfly/react-data-view/dist/dynamic/DataView';
 import { DataViewToolbar } from '@patternfly/react-data-view/dist/dynamic/DataViewToolbar';
 import { DataViewTable } from '@patternfly/react-data-view/dist/dynamic/DataViewTable';
@@ -30,13 +31,18 @@ const ouiaId = 'LayoutExample';
 
 export const BasicExample: React.FunctionComponent = () => { 
   const selection = useDataViewSelection({ matchOption: (a, b) => a[0] === b[0] });
-  const { selected, onSelect } = selection;
+  const { selected, onSelect, setSelected } = selection;
 
   const handleBulkSelect = (value: BulkSelectValue) => {
     value === BulkSelectValue.none && onSelect(false);
     value === BulkSelectValue.all && onSelect(true, rows);
   };
 
+  // Example: Select first two rows programmatically using setSelected
+  const handleSelectFirstTwo = () => {
+    setSelected(rows.slice(0, 2));
+  };
+
   return (
     <DataView selection={selection}>
       <DataViewToolbar 
@@ -49,9 +55,14 @@ export const BasicExample: React.FunctionComponent = () => {
             selectedCount={selected.length}
             onSelect={handleBulkSelect}
           />
-        } 
+        }
+        actions={
+          <Button variant="secondary" onClick={handleSelectFirstTwo}>
+            Select First Two
+          </Button>
+        }
       />
       <DataViewTable aria-label='Repositories table' ouiaId={ouiaId} columns={columns} rows={rows} />
     </DataView>
   );
-}
+}

package/patternfly-docs/content/extensions/data-view/examples/Toolbar/Toolbar.md

@@ -105,6 +105,7 @@ The `useDataViewSelection` hook manages the selection state of the data view.
 - `selected` array of currently selected records.
 - `isSelected` function returning the selection state for the record.
 - `onSelect` callback to modify the selection state. This accepts the `isSelecting` flag (indicates if records are being selected or deselected) and `items` (affected records).
+- `setSelected` function to directly set the selected items array. This is useful for programmatically setting a specific selection state without needing to use the `onSelect` callback.
 
 ### Selection example
 

package/release.config.js

@@ -18,5 +18,5 @@ module.exports = {
     '@semantic-release/npm'
   ],
   tagFormat: 'prerelease-v${version}',
-  dryRun: true
+  dryRun: false
 };

package/src/DataViewTableTree/DataViewTableTree.test.tsx

@@ -101,6 +101,15 @@ describe('DataViewTableTree component', () => {
     expect(container).toMatchSnapshot();
   });
 
+  test('should render tree table with all expandable nodes expanded', () => {
+    const { container } = render(
+      <DataView selection={mockSelection}>
+        <DataViewTable isTreeTable aria-label='Repositories table' ouiaId={ouiaId} columns={columns} expandAll rows={rows} leafIcon={<LeafIcon/>} expandedIcon={<FolderOpenIcon aria-hidden />} collapsedIcon={<FolderIcon aria-hidden />} />
+      </DataView>
+    );
+    expect(container).toMatchSnapshot();
+  });
+
   test('should render tree table with a loading state', () => {
     const { container } = render(
       <DataView activeState="loading">

package/src/DataViewTableTree/DataViewTableTree.tsx

@@ -1,4 +1,4 @@
-import { FC, useState, useMemo, ReactNode } from 'react';
+import { FC, useState, useMemo, useEffect, ReactNode } from 'react';
 import {
   Table,
   TableProps,
@@ -67,6 +67,8 @@ export interface DataViewTableTreeProps extends Omit<TableProps, 'onSelect' | 'r
   expandedIcon?: React.ReactNode;
   /** Optional icon for the collapsed parent rows */
   collapsedIcon?: React.ReactNode;
+  /** Expand all expandable nodes on initial load */
+  expandAll?: boolean;
   /** Custom OUIA ID */
   ouiaId?: string;
 }
@@ -79,6 +81,7 @@ export const DataViewTableTree: FC<DataViewTableTreeProps> = ({
   leafIcon = null,
   expandedIcon = null,
   collapsedIcon = null,
+  expandAll = false,
   ouiaId = 'DataViewTableTree',
   ...props
 }: DataViewTableTreeProps) => {
@@ -87,6 +90,37 @@ export const DataViewTableTree: FC<DataViewTableTreeProps> = ({
   const [ expandedNodeIds, setExpandedNodeIds ] = useState<string[]>([]);
   const [ expandedDetailsNodeNames, setExpandedDetailsNodeIds ] = useState<string[]>([]);
 
+  // Helper function to collect all node IDs that have children (are expandable)
+  const getExpandableNodeIds = (nodes: DataViewTrTree[]): string[] => {
+    const expandableIds: string[] = [];
+    
+    const traverse = (nodeList: DataViewTrTree[]) => {
+      nodeList.forEach(node => {
+        if (node.children && node.children.length > 0) {
+          expandableIds.push(node.id);
+          traverse(node.children);
+        }
+      });
+    };
+    
+    traverse(nodes);
+    return expandableIds;
+  };
+
+  // Effect to handle expandAll behavior
+  // Memoize the expandable IDs to avoid recalculating when rows object reference changes but structure is the same
+  const expandableIds = useMemo(() => getExpandableNodeIds(rows), [ rows ]);
+
+  // Effect to handle expandAll behavior - only runs when IDs actually change
+  useEffect(() => {
+    if (expandAll) {
+      setExpandedNodeIds(expandableIds);
+    } else {
+      setExpandedNodeIds([]);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [ expandAll, expandableIds.join(',') ]);
+
   const activeHeadState = useMemo(() => activeState ? headStates?.[activeState] : undefined, [ activeState, headStates ]);
   const activeBodyState = useMemo(() => activeState ? bodyStates?.[activeState] : undefined, [ activeState, bodyStates ]);