@patternfly/react-data-view 5.1.4 → 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"
@@ -938,85 +938,190 @@ exports[`DataViewTableTree component should render the tree table correctly 1`]
 
 exports[`DataViewTableTree component should render tree table with an empty state 1`] = `
 <div>
-  <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"
+  <div
+    class="pf-v5-l-stack"
+    data-ouia-component-id="DataView-stack"
   >
-    <thead
-      class="pf-v5-c-table__thead"
-      data-ouia-component-id="TreeTableExample-thead"
+    <div
+      class="pf-v5-l-stack__item"
+      data-ouia-component-id="DataView-stack-item-0"
     >
-      <tr
-        class="pf-v5-c-table__tr"
-        data-ouia-component-id="TreeTableExample-tr-head"
-        data-ouia-component-type="PF5/TableRow"
+      <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"
       >
-        <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"
+        <thead
+          class="pf-v5-c-table__thead"
+          data-ouia-component-id="TreeTableExample-thead"
         >
-          Workspaces
-        </th>
-        <th
-          class="pf-v5-c-table__th"
-          data-ouia-component-id="TreeTableExample-th-4"
-          scope="col"
-          tabindex="-1"
+          <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"
         >
-          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"
     >
-      <tr
-        class="pf-v5-c-table__tr"
-        data-ouia-component-id="TreeTableExample-tr-empty"
-        data-ouia-component-type="PF5/TableRow"
+      <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"
       >
-        <td
-          class="pf-v5-c-table__td"
-          colspan="5"
-          tabindex="-1"
+        <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"
         >
-          No data found
-        </td>
-      </tr>
-    </tbody>
-  </table>
+          <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>