From e8216be948f76ce064595183d11e9148badf9421 Mon Sep 17 00:00:00 2001 From: pngwn Date: Fri, 3 Nov 2023 22:33:19 +0000 Subject: [PATCH] ensure `gr.Dataframe` updates as expected (#6290) * ensure Dataframe updates as expected * add changeset * add changeset * ensure Dataframe updates as expected --------- Co-authored-by: gradio-pr-bot --- .changeset/twelve-dolls-lay.md | 6 ++++++ demo/dataframe_component/run.ipynb | 2 +- demo/dataframe_component/run.py | 4 ++-- js/dataframe/Index.svelte | 1 + js/dataframe/shared/EditableCell.svelte | 2 +- 5 files changed, 11 insertions(+), 4 deletions(-) create mode 100644 .changeset/twelve-dolls-lay.md diff --git a/.changeset/twelve-dolls-lay.md b/.changeset/twelve-dolls-lay.md new file mode 100644 index 0000000000..5dada78c81 --- /dev/null +++ b/.changeset/twelve-dolls-lay.md @@ -0,0 +1,6 @@ +--- +"@gradio/dataframe": patch +"gradio": patch +--- + +fix:ensure `gr.Dataframe` updates as expected diff --git a/demo/dataframe_component/run.ipynb b/demo/dataframe_component/run.ipynb index 8efac85a93..772d394ece 100644 --- a/demo/dataframe_component/run.ipynb +++ b/demo/dataframe_component/run.ipynb @@ -1 +1 @@ -{"cells": [{"cell_type": "markdown", "id": "302934307671667531413257853548643485645", "metadata": {}, "source": ["# Gradio Demo: dataframe_component"]}, {"cell_type": "code", "execution_count": null, "id": "272996653310673477252411125948039410165", "metadata": {}, "outputs": [], "source": ["!pip install -q gradio "]}, {"cell_type": "code", "execution_count": null, "id": "288918539441861185822528903084949547379", "metadata": {}, "outputs": [], "source": ["import gradio as gr \n", "\n", "with gr.Blocks() as demo:\n", " gr.Dataframe(interactive=True)\n", "\n", "demo.launch()"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5} \ No newline at end of file +{"cells": [{"cell_type": "markdown", "id": "302934307671667531413257853548643485645", "metadata": {}, "source": ["# Gradio Demo: dataframe_component"]}, {"cell_type": "code", "execution_count": null, "id": "272996653310673477252411125948039410165", "metadata": {}, "outputs": [], "source": ["!pip install -q gradio "]}, {"cell_type": "code", "execution_count": null, "id": "288918539441861185822528903084949547379", "metadata": {}, "outputs": [], "source": ["import gradio as gr\n", "\n", "with gr.Blocks() as demo:\n", " gr.Dataframe(interactive=True)\n", "\n", "demo.launch()\n"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5} \ No newline at end of file diff --git a/demo/dataframe_component/run.py b/demo/dataframe_component/run.py index 6e66fb510b..64fd22e2b5 100644 --- a/demo/dataframe_component/run.py +++ b/demo/dataframe_component/run.py @@ -1,6 +1,6 @@ -import gradio as gr +import gradio as gr with gr.Blocks() as demo: gr.Dataframe(interactive=True) -demo.launch() \ No newline at end of file +demo.launch() diff --git a/js/dataframe/Index.svelte b/js/dataframe/Index.svelte index 5748e0d0a2..fc8a9a2db8 100644 --- a/js/dataframe/Index.svelte +++ b/js/dataframe/Index.svelte @@ -99,6 +99,7 @@ {col_count} {value} {headers} + on:change={(e) => (value = e.detail)} on:select={(e) => gradio.dispatch("select", e.detail)} {wrap} {datatype} diff --git a/js/dataframe/shared/EditableCell.svelte b/js/dataframe/shared/EditableCell.svelte index a12b29e17a..8830ff28b1 100644 --- a/js/dataframe/shared/EditableCell.svelte +++ b/js/dataframe/shared/EditableCell.svelte @@ -44,7 +44,7 @@ function handle_blur({ currentTarget - }: { + }: Event & { currentTarget: HTMLInputElement; }): void { value = currentTarget.value;