@gradio/dataframe 0.23.2 → 0.23.4

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @gradio/dataframe
 
+## 0.23.4
+
+### Fixes
+
+- [#13240](https://github.com/gradio-app/gradio/pull/13240) [`0d670ad`](https://github.com/gradio-app/gradio/commit/0d670adf41a0b510f7fd745495dce1664d38f0e5) - Fix browser freeze when a dataframe's value is set (e.g. via a tab select event), and only dispatch the tabs select event when the selected tab actually changes.  Thanks @freddyaboulton!
+
+## 0.23.3
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+- @gradio/upload@0.17.10
+- @gradio/markdown-code@0.8.0
+
 ## 0.23.2
 
 ### Fixes

package/dist/shared/Table.svelte

@@ -206,7 +206,17 @@
 		globalFilterFn: "includesString",
 		enableSorting: true,
 		enableMultiSort: true,
-		maxMultiSortColCount: 3
+		maxMultiSortColCount: 3,
+		// This table has no pagination or row-expansion UI, so TanStack's
+		// automatic page-index/expanded resets are pure churn: when `data`
+		// changes, the row-model memos' onChange fires `_autoResetPageIndex`,
+		// which calls setState({ pagination }) -> our onStateChange bumps
+		// `version` -> the `rows`/`header_groups` $derived re-run -> the row
+		// model recomputes -> onChange fires again, an infinite microtask loop
+		// that freezes the page (see issue #13198). Disabling these resets
+		// removes the only internal setState that occurs during render.
+		autoResetPageIndex: false,
+		autoResetExpanded: false
 	});
 
 	let rows = $derived(table.getRowModel().rows);

package/dist/shared/tanstack/table.svelte.js

@@ -60,10 +60,14 @@ export function createSvelteTable(options) {
     let state = $state(table.initialState);
     let version = $state(0);
     function updateOptions() {
-        table.setOptions((prev) => {
-            // mergeObjects creates lazy getters — `state` is NOT read here,
-            // only when TanStack accesses the `state` property later.
-            return mergeObjects(prev, options, {
+        table.setOptions(() => {
+            // Always merge from resolvedOptions instead of prev to prevent
+            // unbounded getter chains. Using prev would add a new mergeObjects
+            // layer on every call; properties not in the overrides would have
+            // to traverse every previous layer, causing stack overflow.
+            // TanStack's setOptions already re-applies feature defaults via
+            // mergeOptions, so we don't lose any internal defaults.
+            return mergeObjects(resolvedOptions, options, {
                 state: mergeObjects(state, options.state || {}),
                 onStateChange: (updater) => {
                     if (updater instanceof Function)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gradio/dataframe",
-  "version": "0.23.2",
+  "version": "0.23.4",
   "description": "Gradio UI packages",
   "type": "module",
   "author": "",
@@ -17,13 +17,13 @@
     "@tanstack/virtual-core": "^3.13.6",
     "@gradio/atoms": "^0.24.0",
     "@gradio/checkbox": "^0.7.0",
-    "@gradio/client": "^2.2.0",
     "@gradio/button": "^0.6.6",
+    "@gradio/client": "^2.2.1",
+    "@gradio/markdown-code": "^0.8.0",
     "@gradio/icons": "^0.15.1",
-    "@gradio/markdown-code": "^0.7.0",
     "@gradio/statustracker": "^0.14.1",
-    "@gradio/utils": "^0.12.2",
-    "@gradio/upload": "^0.17.9"
+    "@gradio/upload": "^0.17.10",
+    "@gradio/utils": "^0.12.2"
   },
   "exports": {
     ".": {
@@ -39,7 +39,7 @@
     "./package.json": "./package.json"
   },
   "peerDependencies": {
-    "svelte": ">=5.0.0"
+    "svelte": "^5.48.0"
   },
   "devDependencies": {
     "@gradio/preview": "^0.16.2"

package/shared/Table.svelte

@@ -206,7 +206,17 @@
 		globalFilterFn: "includesString",
 		enableSorting: true,
 		enableMultiSort: true,
-		maxMultiSortColCount: 3
+		maxMultiSortColCount: 3,
+		// This table has no pagination or row-expansion UI, so TanStack's
+		// automatic page-index/expanded resets are pure churn: when `data`
+		// changes, the row-model memos' onChange fires `_autoResetPageIndex`,
+		// which calls setState({ pagination }) -> our onStateChange bumps
+		// `version` -> the `rows`/`header_groups` $derived re-run -> the row
+		// model recomputes -> onChange fires again, an infinite microtask loop
+		// that freezes the page (see issue #13198). Disabling these resets
+		// removes the only internal setState that occurs during render.
+		autoResetPageIndex: false,
+		autoResetExpanded: false
 	});
 
 	let rows = $derived(table.getRowModel().rows);

package/shared/tanstack/table.svelte.ts

@@ -74,10 +74,14 @@ export function createSvelteTable<TData extends RowData>(
 	let version = $state(0);
 
 	function updateOptions(): void {
-		table.setOptions((prev) => {
-			// mergeObjects creates lazy getters — `state` is NOT read here,
-			// only when TanStack accesses the `state` property later.
-			return mergeObjects(prev, options, {
+		table.setOptions(() => {
+			// Always merge from resolvedOptions instead of prev to prevent
+			// unbounded getter chains. Using prev would add a new mergeObjects
+			// layer on every call; properties not in the overrides would have
+			// to traverse every previous layer, causing stack overflow.
+			// TanStack's setOptions already re-applies feature defaults via
+			// mergeOptions, so we don't lose any internal defaults.
+			return mergeObjects(resolvedOptions, options, {
 				state: mergeObjects(state, options.state || {}),
 				onStateChange: (updater: any) => {
 					if (updater instanceof Function) state = updater(state);