@gradio/dataset 0.5.9 → 0.7.0

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @gradio/dataset
 
+## 0.7.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/utils@0.13.0
+- @gradio/client@2.3.0
+- @gradio/upload@0.18.0
+- @gradio/textbox@0.14.0
+
+## 0.6.0
+
+### Features
+
+- [#13502](https://github.com/gradio-app/gradio/pull/13502) [`429faeb`](https://github.com/gradio-app/gradio/commit/429faeb643fb1afc1722c0f63fafa11603f2c87f) - Ensure every component dispatches a `change` event when its value changes.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+
+## 0.5.9
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+- @gradio/upload@0.17.10
+
 ## 0.5.9
 
 ### Fixes

package/Dataset.svelte

@@ -9,7 +9,7 @@
 	import MountExample from "./MountExample.svelte";
 
 	interface Props {
-		components: string[];
+		components: { name: string; class_id: string }[];
 		component_props: Record<string, any>[];
 		load_component: load_component_type;
 		headers: string[];
@@ -245,7 +245,7 @@
 							onmouseleave={() => handle_mouseleave()}
 						>
 							{#each sample_row as { value, component, runtime }, j (j)}
-								{@const component_name = components[j]}
+								{@const component_name = components[j]?.name}
 
 								{#if component_name !== undefined}
 									<td

package/Index.svelte

@@ -9,6 +9,7 @@
 	let props = $props();
 
 	const gradio = new Gradio<DatasetEvents, DatasetProps>(props);
+	gradio.watch_for_change();
 
 	// Need to mark samples as state, otherwise get_component_meta constantly triggers
 	let samples = $derived(gradio.props.samples ?? []);
@@ -47,13 +48,13 @@
 
 	<Dataset
 		onclick={(d) => (
-			(gradio.props.value = d.index),
-			gradio.dispatch("click", gradio.props.value)
+			(gradio.props.value = Array.isArray(d.index) ? d.index[0] : d.index),
+			gradio.dispatch("click")
 		)}
 		onselect={(data) => gradio.dispatch("select", data)}
 		load_component={gradio.shared.load_component}
-		{samples}
 		{...gradio.props}
+		{samples}
 	/>
 </Block>
 

package/MountExample.svelte

@@ -8,7 +8,7 @@
 	}
 
 	let { component, runtime, ...rest }: Props = $props();
-	let el: HTMLElement = $state(null);
+	let el: HTMLElement | null = $state(null);
 
 	$effect(() => {
 		if (!el || !component) return;

package/dist/Dataset.svelte

@@ -9,7 +9,7 @@
 	import MountExample from "./MountExample.svelte";
 
 	interface Props {
-		components: string[];
+		components: { name: string; class_id: string }[];
 		component_props: Record<string, any>[];
 		load_component: load_component_type;
 		headers: string[];
@@ -245,7 +245,7 @@
 							onmouseleave={() => handle_mouseleave()}
 						>
 							{#each sample_row as { value, component, runtime }, j (j)}
-								{@const component_name = components[j]}
+								{@const component_name = components[j]?.name}
 
 								{#if component_name !== undefined}
 									<td

package/dist/Dataset.svelte.d.ts

@@ -1,7 +1,10 @@
 import type { SelectData } from "@gradio/utils";
 import type { load_component as load_component_type } from "@gradio/utils";
 interface Props {
-    components: string[];
+    components: {
+        name: string;
+        class_id: string;
+    }[];
     component_props: Record<string, any>[];
     load_component: load_component_type;
     headers: string[];

package/dist/Index.svelte

@@ -9,6 +9,7 @@
 	let props = $props();
 
 	const gradio = new Gradio<DatasetEvents, DatasetProps>(props);
+	gradio.watch_for_change();
 
 	// Need to mark samples as state, otherwise get_component_meta constantly triggers
 	let samples = $derived(gradio.props.samples ?? []);
@@ -47,13 +48,13 @@
 
 	<Dataset
 		onclick={(d) => (
-			(gradio.props.value = d.index),
-			gradio.dispatch("click", gradio.props.value)
+			(gradio.props.value = Array.isArray(d.index) ? d.index[0] : d.index),
+			gradio.dispatch("click")
 		)}
 		onselect={(data) => gradio.dispatch("select", data)}
 		load_component={gradio.shared.load_component}
-		{samples}
 		{...gradio.props}
+		{samples}
 	/>
 </Block>
 

package/dist/MountExample.svelte

@@ -8,7 +8,7 @@
 	}
 
 	let { component, runtime, ...rest }: Props = $props();
-	let el: HTMLElement = $state(null);
+	let el: HTMLElement | null = $state(null);
 
 	$effect(() => {
 		if (!el || !component) return;

package/dist/types.d.ts

@@ -1,6 +1,9 @@
 import type { SelectData } from "@gradio/utils";
 export interface DatasetProps {
-    components: string[];
+    components: {
+        name: string;
+        class_id: string;
+    }[];
     component_props: Record<string, any>[];
     headers: string[];
     samples: any[][] | null;
@@ -12,6 +15,7 @@ export interface DatasetProps {
     layout: "gallery" | "table" | null;
 }
 export interface DatasetEvents {
+    change: never;
     click: never;
     select: SelectData;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gradio/dataset",
-  "version": "0.5.9",
+  "version": "0.7.0",
   "description": "Gradio UI packages",
   "type": "module",
   "author": "",
@@ -16,11 +16,11 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@gradio/atoms": "^0.24.0",
-    "@gradio/utils": "^0.12.2",
-    "@gradio/client": "^2.2.0",
-    "@gradio/textbox": "^0.13.9",
-    "@gradio/upload": "^0.17.9"
+    "@gradio/atoms": "^0.25.0",
+    "@gradio/client": "^2.3.0",
+    "@gradio/textbox": "^0.14.0",
+    "@gradio/utils": "^0.13.0",
+    "@gradio/upload": "^0.18.0"
   },
   "devDependencies": {
     "@gradio/preview": "^0.16.2"

package/types.ts

@@ -1,7 +1,7 @@
 import type { SelectData } from "@gradio/utils";
 
 export interface DatasetProps {
-	components: string[];
+	components: { name: string; class_id: string }[];
 	component_props: Record<string, any>[];
 	headers: string[];
 	samples: any[][] | null;
@@ -15,6 +15,7 @@ export interface DatasetProps {
 }
 
 export interface DatasetEvents {
+	change: never;
 	click: never;
 	select: SelectData;
 }