@gradio/dataframe 0.18.4 → 0.18.6

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @gradio/dataframe
 
+## 0.18.6
+
+### Features
+
+- [#11688](https://github.com/gradio-app/gradio/pull/11688) [`56f3f09`](https://github.com/gradio-app/gradio/commit/56f3f09b6c629a5719088806dbbb37f272d8d4f5) - Fix column header logic in gr.Dataframe.  Thanks @hannahblair!
+
+## 0.18.5
+
+### Dependency updates
+
+- @gradio/upload@0.16.13
+- @gradio/client@1.16.0
+- @gradio/button@0.5.9
+
 ## 0.18.4
 
 ### Fixes

package/Dataframe.stories.svelte

@@ -839,3 +839,37 @@
 		column_widths: ["200px", "200px", "200px"]
 	}}
 />
+
+<Story
+	name="Dataframe column addition test"
+	args={{
+		values: [
+			["Alice", 25],
+			["Bob", 30],
+			["Carol", 22]
+		],
+		headers: ["Name", "Age"],
+		label: "Column Addition Test",
+		col_count: [2, "dynamic"],
+		row_count: [3, "dynamic"],
+		editable: true
+	}}
+	play={async ({ canvasElement }) => {
+		const canvas = within(canvasElement);
+		const user = userEvent.setup();
+
+		const header_menu_button = canvas.getAllByLabelText("Open cell menu")[0];
+		await user.click(header_menu_button);
+
+		const add_column_button = canvas.getByText("Add column to the right");
+		await user.click(add_column_button);
+
+		const new_header = canvas.getAllByText("Header 3")[0];
+		await user.keyboard("{Enter}");
+
+		const input = canvas.getByRole("textbox");
+		await user.clear(input);
+		await user.type(input, "New Column");
+		await user.keyboard("{Enter}");
+	}}
+/>

package/dist/shared/context/dataframe_context.js

@@ -20,9 +20,7 @@ function create_actions(state, context) {
         return new_data;
     };
     const add_col = (data, headers, make_id, index) => {
-        const new_headers = context.headers
-            ? [...headers.map((h) => context.headers[headers.indexOf(h)].value)]
-            : [...headers, `Header ${headers.length + 1}`];
+        const new_headers = [...headers, `Header ${headers.length + 1}`];
         const new_data = data.map((row) => [...row, { value: "", id: make_id() }]);
         if (index !== undefined) {
             new_headers.splice(index, 0, new_headers.pop());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gradio/dataframe",
-  "version": "0.18.4",
+  "version": "0.18.6",
   "description": "Gradio UI packages",
   "type": "module",
   "author": "",
@@ -18,14 +18,14 @@
     "katex": "^0.16.7",
     "marked": "^12.0.0",
     "@gradio/atoms": "^0.16.3",
+    "@gradio/button": "^0.5.9",
     "@gradio/checkbox": "^0.4.26",
-    "@gradio/button": "^0.5.8",
-    "@gradio/client": "^1.15.7",
-    "@gradio/icons": "^0.12.0",
+    "@gradio/client": "^1.16.0",
     "@gradio/markdown-code": "^0.5.0",
     "@gradio/statustracker": "^0.10.15",
-    "@gradio/upload": "^0.16.12",
-    "@gradio/utils": "^0.10.2"
+    "@gradio/upload": "^0.16.13",
+    "@gradio/utils": "^0.10.2",
+    "@gradio/icons": "^0.12.0"
   },
   "exports": {
     ".": {

package/shared/context/dataframe_context.ts

@@ -220,9 +220,7 @@ function create_actions(
 		make_id: () => string,
 		index?: number
 	): { data: any[][]; headers: string[] } => {
-		const new_headers = context.headers
-			? [...headers.map((h) => context.headers![headers.indexOf(h)].value)]
-			: [...headers, `Header ${headers.length + 1}`];
+		const new_headers = [...headers, `Header ${headers.length + 1}`];
 		const new_data = data.map((row) => [...row, { value: "", id: make_id() }]);
 		if (index !== undefined) {
 			new_headers.splice(index, 0, new_headers.pop()!);