@patternfly/react-data-view 5.1.3 → 5.2.0

package/src/DataViewTableTree/__snapshots__/DataViewTableTree.test.tsx.snap

@@ -4,7 +4,7 @@ exports[`DataViewTableTree component should render the tree table correctly 1`]
 <div>
   <div
     class="pf-v5-l-stack"
-    data-ouia-component-id="DataView-stack}"
+    data-ouia-component-id="DataView-stack"
   >
     <div
       class="pf-v5-l-stack__item"
@@ -80,7 +80,7 @@ exports[`DataViewTableTree component should render the tree table correctly 1`]
             aria-posinset="1"
             aria-setsize="2"
             class="pf-v5-c-table__tr"
-            data-ouia-component-id="OUIA-Generated-TableRow-2"
+            data-ouia-component-id="TreeTableExample-tr-0"
             data-ouia-component-type="PF5/TableRow"
             data-ouia-safe="true"
           >
@@ -244,7 +244,7 @@ exports[`DataViewTableTree component should render the tree table correctly 1`]
             aria-posinset="1"
             aria-setsize="0"
             class="pf-v5-c-table__tr"
-            data-ouia-component-id="OUIA-Generated-TableRow-3"
+            data-ouia-component-id="TreeTableExample-tr-1"
             data-ouia-component-type="PF5/TableRow"
             data-ouia-safe="true"
             hidden=""
@@ -376,7 +376,7 @@ exports[`DataViewTableTree component should render the tree table correctly 1`]
             aria-posinset="2"
             aria-setsize="0"
             class="pf-v5-c-table__tr"
-            data-ouia-component-id="OUIA-Generated-TableRow-4"
+            data-ouia-component-id="TreeTableExample-tr-2"
             data-ouia-component-type="PF5/TableRow"
             data-ouia-safe="true"
             hidden=""
@@ -508,7 +508,7 @@ exports[`DataViewTableTree component should render the tree table correctly 1`]
             aria-posinset="2"
             aria-setsize="1"
             class="pf-v5-c-table__tr"
-            data-ouia-component-id="OUIA-Generated-TableRow-5"
+            data-ouia-component-id="TreeTableExample-tr-3"
             data-ouia-component-type="PF5/TableRow"
             data-ouia-safe="true"
           >
@@ -672,7 +672,7 @@ exports[`DataViewTableTree component should render the tree table correctly 1`]
             aria-posinset="1"
             aria-setsize="0"
             class="pf-v5-c-table__tr"
-            data-ouia-component-id="OUIA-Generated-TableRow-6"
+            data-ouia-component-id="TreeTableExample-tr-4"
             data-ouia-component-type="PF5/TableRow"
             data-ouia-safe="true"
             hidden=""
@@ -804,7 +804,7 @@ exports[`DataViewTableTree component should render the tree table correctly 1`]
             aria-posinset="3"
             aria-setsize="0"
             class="pf-v5-c-table__tr"
-            data-ouia-component-id="OUIA-Generated-TableRow-7"
+            data-ouia-component-id="TreeTableExample-tr-5"
             data-ouia-component-type="PF5/TableRow"
             data-ouia-safe="true"
           >
@@ -935,3 +935,193 @@ exports[`DataViewTableTree component should render the tree table correctly 1`]
   </div>
 </div>
 `;
+
+exports[`DataViewTableTree component should render tree table with an empty state 1`] = `
+<div>
+  <div
+    class="pf-v5-l-stack"
+    data-ouia-component-id="DataView-stack"
+  >
+    <div
+      class="pf-v5-l-stack__item"
+      data-ouia-component-id="DataView-stack-item-0"
+    >
+      <table
+        aria-label="Repositories table"
+        class="pf-v5-c-table pf-m-tree-view-grid-md pf-m-tree-view"
+        data-ouia-component-id="TreeTableExample"
+        data-ouia-component-type="PF5/Table"
+        data-ouia-safe="true"
+        role="treegrid"
+      >
+        <thead
+          class="pf-v5-c-table__thead"
+          data-ouia-component-id="TreeTableExample-thead"
+        >
+          <tr
+            class="pf-v5-c-table__tr"
+            data-ouia-component-id="TreeTableExample-tr-head"
+            data-ouia-component-type="PF5/TableRow"
+            data-ouia-safe="true"
+          >
+            <th
+              class="pf-v5-c-table__th"
+              data-ouia-component-id="TreeTableExample-th-0"
+              scope="col"
+              tabindex="-1"
+            >
+              Repositories
+            </th>
+            <th
+              class="pf-v5-c-table__th"
+              data-ouia-component-id="TreeTableExample-th-1"
+              scope="col"
+              tabindex="-1"
+            >
+              Branches
+            </th>
+            <th
+              class="pf-v5-c-table__th"
+              data-ouia-component-id="TreeTableExample-th-2"
+              scope="col"
+              tabindex="-1"
+            >
+              Pull requests
+            </th>
+            <th
+              class="pf-v5-c-table__th"
+              data-ouia-component-id="TreeTableExample-th-3"
+              scope="col"
+              tabindex="-1"
+            >
+              Workspaces
+            </th>
+            <th
+              class="pf-v5-c-table__th"
+              data-ouia-component-id="TreeTableExample-th-4"
+              scope="col"
+              tabindex="-1"
+            >
+              Last commit
+            </th>
+          </tr>
+        </thead>
+        <tbody
+          class="pf-v5-c-table__tbody"
+          role="rowgroup"
+        >
+          <tr
+            class="pf-v5-c-table__tr"
+            data-ouia-component-id="TreeTableExample-tr-empty"
+            data-ouia-component-type="PF5/TableRow"
+            data-ouia-safe="true"
+          >
+            <td
+              class="pf-v5-c-table__td"
+              colspan="5"
+              tabindex="-1"
+            >
+              No data found
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`DataViewTableTree component should render tree table with an error state 1`] = `
+<div>
+  <div
+    class="pf-v5-l-stack"
+    data-ouia-component-id="DataView-stack"
+  >
+    <div
+      class="pf-v5-l-stack__item"
+      data-ouia-component-id="DataView-stack-item-0"
+    >
+      <table
+        aria-label="Repositories table"
+        class="pf-v5-c-table pf-m-tree-view-grid-md pf-m-tree-view"
+        data-ouia-component-id="TreeTableExample"
+        data-ouia-component-type="PF5/Table"
+        data-ouia-safe="true"
+        role="treegrid"
+      >
+        <thead
+          class="pf-v5-c-table__thead"
+          data-ouia-component-id="TreeTableExample-thead"
+        >
+          <tr
+            class="pf-v5-c-table__tr"
+            data-ouia-component-id="TreeTableExample-tr-head"
+            data-ouia-component-type="PF5/TableRow"
+            data-ouia-safe="true"
+          >
+            <th
+              class="pf-v5-c-table__th"
+              data-ouia-component-id="TreeTableExample-th-0"
+              scope="col"
+              tabindex="-1"
+            >
+              Repositories
+            </th>
+            <th
+              class="pf-v5-c-table__th"
+              data-ouia-component-id="TreeTableExample-th-1"
+              scope="col"
+              tabindex="-1"
+            >
+              Branches
+            </th>
+            <th
+              class="pf-v5-c-table__th"
+              data-ouia-component-id="TreeTableExample-th-2"
+              scope="col"
+              tabindex="-1"
+            >
+              Pull requests
+            </th>
+            <th
+              class="pf-v5-c-table__th"
+              data-ouia-component-id="TreeTableExample-th-3"
+              scope="col"
+              tabindex="-1"
+            >
+              Workspaces
+            </th>
+            <th
+              class="pf-v5-c-table__th"
+              data-ouia-component-id="TreeTableExample-th-4"
+              scope="col"
+              tabindex="-1"
+            >
+              Last commit
+            </th>
+          </tr>
+        </thead>
+        <tbody
+          class="pf-v5-c-table__tbody"
+          role="rowgroup"
+        >
+          <tr
+            class="pf-v5-c-table__tr"
+            data-ouia-component-id="TreeTableExample-tr-error"
+            data-ouia-component-type="PF5/TableRow"
+            data-ouia-safe="true"
+          >
+            <td
+              class="pf-v5-c-table__td"
+              colspan="5"
+              tabindex="-1"
+            >
+              Some error
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+`;

package/src/InternalContext/InternalContext.tsx

@@ -1,4 +1,5 @@
 import React, { createContext, PropsWithChildren, useContext } from 'react';
+import { DataViewState } from '../DataView';
 
 export interface DataViewSelection {
   /** Called when the selection of items changes */
@@ -11,20 +12,23 @@ export interface DataViewSelection {
 
 export interface InternalContextValue {
   selection?: DataViewSelection;
+  activeState?: DataViewState; 
 }
 
 export const InternalContext = createContext<InternalContextValue>({
-  selection: undefined
+  selection: undefined,
+  activeState: undefined
 });
 
 export type InternalProviderProps = PropsWithChildren<InternalContextValue>
 
 export const InternalContextProvider: React.FC<InternalProviderProps> = ({
   children,
-  selection
+  selection,
+  activeState
 }) => (
   <InternalContext.Provider
-    value={{ selection }}
+    value={{ selection, activeState }}
   >
     {children}
   </InternalContext.Provider>