@gradio/file 0.14.8 → 0.15.0

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @gradio/file
 
+## 0.15.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/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/client@2.3.0
+- @gradio/upload@0.18.0
+
+## 0.14.8
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+
+## 0.14.8
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+- @gradio/upload@0.17.10
+
 ## 0.14.8
 
 ### Dependency updates

package/File.stories.svelte

@@ -60,8 +60,3 @@
 	}}
 	{template}
 />
-<Story
-	name="File upload with height set to 400px"
-	args={{ interactive: true, value: null, height: 400 }}
-	{template}
-/>

package/FileUpload.stories.svelte

@@ -69,8 +69,3 @@
 	}}
 	{template}
 />
-<Story
-	name="No value"
-	args={{ value: null, file_count: "multiple", interactive: true }}
-	{template}
-/>

package/Index.svelte

@@ -71,8 +71,8 @@
 	/>
 	{#if !gradio.shared.interactive}
 		<File
-			on_select={({ detail }) => gradio.dispatch("select", detail)}
-			on_download={({ detail }) => gradio.dispatch("download", detail)}
+			on_select={(detail) => gradio.dispatch("select", detail)}
+			on_download={(file) => gradio.dispatch("download", file)}
 			selectable={gradio.props._selectable}
 			value={gradio.props.value}
 			label={gradio.shared.label}
@@ -80,7 +80,7 @@
 			height={gradio.props.height}
 			i18n={gradio.i18n}
 			buttons={gradio.props.buttons}
-			on_custom_button_click={(id) => {
+			on_custom_button_click={(id: number) => {
 				gradio.dispatch("custom_button_click", { id });
 			}}
 		/>

package/dist/Index.svelte

@@ -71,8 +71,8 @@
 	/>
 	{#if !gradio.shared.interactive}
 		<File
-			on_select={({ detail }) => gradio.dispatch("select", detail)}
-			on_download={({ detail }) => gradio.dispatch("download", detail)}
+			on_select={(detail) => gradio.dispatch("select", detail)}
+			on_download={(file) => gradio.dispatch("download", file)}
 			selectable={gradio.props._selectable}
 			value={gradio.props.value}
 			label={gradio.shared.label}
@@ -80,7 +80,7 @@
 			height={gradio.props.height}
 			i18n={gradio.i18n}
 			buttons={gradio.props.buttons}
-			on_custom_button_click={(id) => {
+			on_custom_button_click={(id: number) => {
 				gradio.dispatch("custom_button_click", { id });
 			}}
 		/>

package/dist/shared/File.svelte

@@ -3,6 +3,8 @@
 	import { File } from "@gradio/icons";
 	import FilePreview from "./FilePreview.svelte";
 	import type { CustomButton as CustomButtonType } from "@gradio/utils";
+	import type { FileData } from "@gradio/client";
+	import type { I18nFormatter, SelectData } from "@gradio/utils";
 
 	let {
 		value,
@@ -15,6 +17,17 @@
 		on_custom_button_click = null,
 		on_select,
 		on_download
+	}: {
+		value: FileData | FileData[] | null;
+		label?: string | null;
+		show_label?: boolean;
+		selectable?: boolean;
+		i18n: I18nFormatter;
+		height?: number | string | null;
+		buttons?: (string | CustomButtonType)[] | null;
+		on_custom_button_click?: ((id: number) => void) | null;
+		on_select?: (event_data: SelectData) => void;
+		on_download?: (event_data: FileData) => void;
 	} = $props();
 </script>
 
@@ -32,10 +45,10 @@
 	<FilePreview
 		{i18n}
 		{selectable}
-		on:select={on_select}
-		on:download={on_download}
+		onselect={on_select}
+		ondownload={on_download}
 		{value}
-		{height}
+		height={height ?? undefined}
 	/>
 {:else}
 	<Empty unpadded_box={true} size="large"><File /></Empty>

package/dist/shared/File.svelte.d.ts

@@ -1,15 +1,19 @@
 import { File } from "@gradio/icons";
-declare const File: import("svelte").Component<{
-    value: any;
-    label: any;
-    show_label: any;
-    selectable: any;
-    i18n: any;
-    height: any;
-    buttons?: any;
-    on_custom_button_click?: any;
-    on_select: any;
-    on_download: any;
-}, {}, "">;
+import type { CustomButton as CustomButtonType } from "@gradio/utils";
+import type { FileData } from "@gradio/client";
+import type { I18nFormatter, SelectData } from "@gradio/utils";
+type $$ComponentProps = {
+    value: FileData | FileData[] | null;
+    label?: string | null;
+    show_label?: boolean;
+    selectable?: boolean;
+    i18n: I18nFormatter;
+    height?: number | string | null;
+    buttons?: (string | CustomButtonType)[] | null;
+    on_custom_button_click?: ((id: number) => void) | null;
+    on_select?: (event_data: SelectData) => void;
+    on_download?: (event_data: FileData) => void;
+};
+declare const File: import("svelte").Component<$$ComponentProps, {}, "">;
 type File = ReturnType<typeof File>;
 export default File;

package/dist/types.d.ts

@@ -1,5 +1,5 @@
 import type { FileData } from "@gradio/client";
-import type { LoadingStatus } from "js/statustracker";
+import type { ILoadingStatus as LoadingStatus } from "js/statustracker";
 import type { SelectData, CustomButton } from "@gradio/utils";
 export interface FileProps {
     value: FileData | FileData[] | null;
@@ -13,7 +13,7 @@ export interface FileProps {
 }
 export interface FileEvents {
     upload: FileData | FileData[];
-    download: void;
+    download: FileData;
     error: string;
     clear_status: LoadingStatus;
     clear: void;

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@gradio/file",
-  "version": "0.14.8",
+  "version": "0.15.0",
   "description": "Gradio UI packages",
   "type": "module",
   "author": "",
   "license": "ISC",
   "private": false,
   "dependencies": {
-    "@gradio/atoms": "^0.24.0",
-    "@gradio/client": "^2.2.0",
+    "@gradio/atoms": "^0.25.0",
+    "@gradio/client": "^2.3.0",
+    "@gradio/upload": "^0.18.0",
+    "@gradio/statustracker": "^0.15.0",
     "@gradio/icons": "^0.15.1",
-    "@gradio/upload": "^0.17.9",
-    "@gradio/statustracker": "^0.14.1",
-    "@gradio/utils": "^0.12.2"
+    "@gradio/utils": "^0.13.0"
   },
   "devDependencies": {
     "@gradio/preview": "^0.16.2"

package/shared/File.svelte

@@ -3,6 +3,8 @@
 	import { File } from "@gradio/icons";
 	import FilePreview from "./FilePreview.svelte";
 	import type { CustomButton as CustomButtonType } from "@gradio/utils";
+	import type { FileData } from "@gradio/client";
+	import type { I18nFormatter, SelectData } from "@gradio/utils";
 
 	let {
 		value,
@@ -15,6 +17,17 @@
 		on_custom_button_click = null,
 		on_select,
 		on_download
+	}: {
+		value: FileData | FileData[] | null;
+		label?: string | null;
+		show_label?: boolean;
+		selectable?: boolean;
+		i18n: I18nFormatter;
+		height?: number | string | null;
+		buttons?: (string | CustomButtonType)[] | null;
+		on_custom_button_click?: ((id: number) => void) | null;
+		on_select?: (event_data: SelectData) => void;
+		on_download?: (event_data: FileData) => void;
 	} = $props();
 </script>
 
@@ -32,10 +45,10 @@
 	<FilePreview
 		{i18n}
 		{selectable}
-		on:select={on_select}
-		on:download={on_download}
+		onselect={on_select}
+		ondownload={on_download}
 		{value}
-		{height}
+		height={height ?? undefined}
 	/>
 {:else}
 	<Empty unpadded_box={true} size="large"><File /></Empty>

package/types.ts

@@ -1,5 +1,5 @@
 import type { FileData } from "@gradio/client";
-import type { LoadingStatus } from "js/statustracker";
+import type { ILoadingStatus as LoadingStatus } from "js/statustracker";
 import type { SelectData, CustomButton } from "@gradio/utils";
 
 export interface FileProps {
@@ -15,7 +15,7 @@ export interface FileProps {
 
 export interface FileEvents {
 	upload: FileData | FileData[];
-	download: void;
+	download: FileData;
 	error: string;
 	clear_status: LoadingStatus;
 	clear: void;