@gradio/dataset 0.5.8 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/Dataset.svelte +5 -4
  3. package/Index.svelte +1 -0
  4. package/dist/Dataset.svelte +5 -4
  5. package/dist/Index.svelte +1 -0
  6. package/dist/types.d.ts +1 -0
  7. package/package.json +5 -5
  8. package/types.ts +1 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,34 @@
1
1
  # @gradio/dataset
2
2
 
3
+ ## 0.6.0
4
+
5
+ ### Features
6
+
7
+ - [#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!
8
+
9
+ ### Dependency updates
10
+
11
+ - @gradio/client@2.2.2
12
+
13
+ ## 0.5.9
14
+
15
+ ### Dependency updates
16
+
17
+ - @gradio/client@2.2.1
18
+ - @gradio/upload@0.17.10
19
+
20
+ ## 0.5.9
21
+
22
+ ### Fixes
23
+
24
+ - [#13291](https://github.com/gradio-app/gradio/pull/13291) [`77fca72`](https://github.com/gradio-app/gradio/commit/77fca72b8eba2bcda19c31bba285af2642a4cc9d) - Dataset: fix gallery view using wrong component metadata index and fix broken pagination after Svelte 5 migration. Thanks @ParamChordiya!
25
+
26
+ ### Dependency updates
27
+
28
+ - @gradio/atoms@0.24.0
29
+ - @gradio/upload@0.17.9
30
+ - @gradio/textbox@0.13.9
31
+
3
32
  ## 0.5.8
4
33
 
5
34
  ### Features
package/Dataset.svelte CHANGED
@@ -61,9 +61,10 @@
61
61
 
62
62
  // page resets to 0 whenever effective_samples changes,
63
63
  // but can still be overwritten by user clicks
64
- let page = $derived.by(() => {
64
+ let page = $state(0);
65
+ $effect(() => {
65
66
  effective_samples;
66
- return 0;
67
+ page = 0;
67
68
  });
68
69
 
69
70
  let paginate = $derived(effective_samples.length > samples_per_page);
@@ -195,8 +196,8 @@
195
196
  selected={current_hover === i}
196
197
  type="gallery"
197
198
  />
198
- {:else if component_meta.length}
199
- {#await Promise.all( [component_meta[0][0].component, component_meta[0][0].runtime] ) then [component, runtime]}
199
+ {:else if component_meta.length && component_meta[i]}
200
+ {#await Promise.all( [component_meta[i][0].component, component_meta[i][0].runtime] ) then [component, runtime]}
200
201
  {#key sample_row[0]}
201
202
  <MountExample
202
203
  {component}
package/Index.svelte CHANGED
@@ -9,6 +9,7 @@
9
9
  let props = $props();
10
10
 
11
11
  const gradio = new Gradio<DatasetEvents, DatasetProps>(props);
12
+ gradio.watch_for_change();
12
13
 
13
14
  // Need to mark samples as state, otherwise get_component_meta constantly triggers
14
15
  let samples = $derived(gradio.props.samples ?? []);
package/dist/Dataset.svelte CHANGED
@@ -61,9 +61,10 @@
61
61
 
62
62
  // page resets to 0 whenever effective_samples changes,
63
63
  // but can still be overwritten by user clicks
64
- let page = $derived.by(() => {
64
+ let page = $state(0);
65
+ $effect(() => {
65
66
  effective_samples;
66
- return 0;
67
+ page = 0;
67
68
  });
68
69
 
69
70
  let paginate = $derived(effective_samples.length > samples_per_page);
@@ -195,8 +196,8 @@
195
196
  selected={current_hover === i}
196
197
  type="gallery"
197
198
  />
198
- {:else if component_meta.length}
199
- {#await Promise.all( [component_meta[0][0].component, component_meta[0][0].runtime] ) then [component, runtime]}
199
+ {:else if component_meta.length && component_meta[i]}
200
+ {#await Promise.all( [component_meta[i][0].component, component_meta[i][0].runtime] ) then [component, runtime]}
200
201
  {#key sample_row[0]}
201
202
  <MountExample
202
203
  {component}
package/dist/Index.svelte CHANGED
@@ -9,6 +9,7 @@
9
9
  let props = $props();
10
10
 
11
11
  const gradio = new Gradio<DatasetEvents, DatasetProps>(props);
12
+ gradio.watch_for_change();
12
13
 
13
14
  // Need to mark samples as state, otherwise get_component_meta constantly triggers
14
15
  let samples = $derived(gradio.props.samples ?? []);
package/dist/types.d.ts CHANGED
@@ -12,6 +12,7 @@ export interface DatasetProps {
12
12
  layout: "gallery" | "table" | null;
13
13
  }
14
14
  export interface DatasetEvents {
15
+ change: never;
15
16
  click: never;
16
17
  select: SelectData;
17
18
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gradio/dataset",
3
- "version": "0.5.8",
3
+ "version": "0.6.0",
4
4
  "description": "Gradio UI packages",
5
5
  "type": "module",
6
6
  "author": "",
@@ -16,11 +16,11 @@
16
16
  "./package.json": "./package.json"
17
17
  },
18
18
  "dependencies": {
19
- "@gradio/atoms": "^0.23.1",
20
- "@gradio/client": "^2.2.0",
19
+ "@gradio/client": "^2.2.2",
20
+ "@gradio/atoms": "^0.24.0",
21
21
  "@gradio/utils": "^0.12.2",
22
- "@gradio/upload": "^0.17.8",
23
- "@gradio/textbox": "^0.13.8"
22
+ "@gradio/upload": "^0.17.10",
23
+ "@gradio/textbox": "^0.13.9"
24
24
  },
25
25
  "devDependencies": {
26
26
  "@gradio/preview": "^0.16.2"
package/types.ts CHANGED
@@ -15,6 +15,7 @@ export interface DatasetProps {
15
15
  }
16
16
 
17
17
  export interface DatasetEvents {
18
+ change: never;
18
19
  click: never;
19
20
  select: SelectData;
20
21
  }