Allow accessing the entire row of selected values in gr.DataFrame (#9128)

* s

* changes

* docstring

* add changeset

* format

* typing

* revert

* add changeset

* changes

* add changeset

* add changeset

* js

* add changeset

* remove col value

* lint

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>

.changeset/easy-geese-live.md

@@ -0,0 +1,7 @@
+---
+"@gradio/dataframe": minor
+"@gradio/utils": minor
+"gradio": minor
+---
+
+feat:Allow accessing the entire row of selected values in `gr.DataFrame`

.gitignore

@@ -34,6 +34,7 @@ gradio/launches.json
 flagged/
 gradio_cached_examples/
 tmp.zip
+gradio/hash_seed.txt
 
 # Tests
 .coverage

gradio/events.py

@@ -194,6 +194,14 @@ class SelectData(EventData):
         """
         The value of the selected item.
         """
+        self.row_value: Any = data.get("row_value")
+        """
+        The value of the entire row that the selected item belongs to, as a 1-D list. Only implemented for the `Dataframe` component, returns None for other components.
+        """
+        self.col_value: Any = data.get("col_value")
+        """
+        The value of the entire row that the selected item belongs to, as a 1-D list. Only implemented for the `Dataframe` component, returns None for other components.
+        """
         self.selected: bool = data.get("selected", True)
         """
         True if the item was selected, False if deselected.

js/dataframe/shared/Table.svelte

@@ -65,7 +65,11 @@
 		if (selected !== false) {
 			const [row, col] = selected;
 			if (!isNaN(row) && !isNaN(col)) {
-				dispatch("select", { index: [row, col], value: get_data_at(row, col) });
+				dispatch("select", {
+					index: [row, col],
+					value: get_data_at(row, col),
+					row_value: data[row].map((d) => d.value)
+				});
 			}
 		}
 	}

js/utils/src/utils.ts

@@ -2,6 +2,7 @@ import type { ActionReturn } from "svelte/action";
 import type { Client } from "@gradio/client";
 
 export interface SelectData {
+	row_value?: any[];
 	index: number | [number, number];
 	value: any;
 	selected?: boolean;