@gradio/upload 0.6.0 → 0.7.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @gradio/upload
 
+## 0.7.0
+
+### Features
+
+- [#7104](https://github.com/gradio-app/gradio/pull/7104) [`bc2cdc1`](https://github.com/gradio-app/gradio/commit/bc2cdc1df95b38025486cf76df4a494b66d98585) - Allow download button for interactive Audio and Video components.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.6.1
+
+### Fixes
+
+- [#6982](https://github.com/gradio-app/gradio/pull/6982) [`3f139c7`](https://github.com/gradio-app/gradio/commit/3f139c7c995f749562bb007d2a567bb167669de9) - Fix File drag and drop for specific file_types.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
 ## 0.6.0
 
 ### Features

package/package.json

@@ -1,17 +1,18 @@
 {
   "name": "@gradio/upload",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "Gradio UI packages",
   "type": "module",
   "main": "src/index.ts",
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@gradio/atoms": "^0.4.1",
-    "@gradio/upload": "^0.6.0",
-    "@gradio/client": "^0.10.0",
-    "@gradio/utils": "^0.2.0",
-    "@gradio/icons": "^0.3.2"
+    "@gradio/atoms": "^0.5.0",
+    "@gradio/icons": "^0.3.2",
+    "@gradio/client": "^0.10.1",
+    "@gradio/upload": "^0.7.0",
+    "@gradio/utils": "^0.2.1",
+    "@gradio/wasm": "^0.5.1"
   },
   "main_changeset": true,
   "exports": {

package/src/ModifyUpload.svelte

@@ -1,12 +1,14 @@
 <script lang="ts">
 	import { IconButton } from "@gradio/atoms";
 	import type { I18nFormatter } from "@gradio/utils";
-	import { Edit, Clear, Undo } from "@gradio/icons";
+	import { Edit, Clear, Undo, Download } from "@gradio/icons";
+	import { DownloadLink } from "@gradio/wasm/svelte";
 
 	import { createEventDispatcher } from "svelte";
 
 	export let editable = false;
 	export let undoable = false;
+	export let download: string | null = null;
 	export let absolute = true;
 	export let i18n: I18nFormatter;
 
@@ -37,6 +39,12 @@
 		/>
 	{/if}
 
+	{#if download}
+		<DownloadLink href={download} download>
+			<IconButton Icon={Download} label={i18n("common.download")} />
+		</DownloadLink>
+	{/if}
+
 	<IconButton
 		Icon={Clear}
 		label={i18n("common.clear")}

package/src/Upload.svelte

@@ -129,11 +129,16 @@
 	async function loadFilesFromDrop(e: DragEvent): Promise<void> {
 		dragging = false;
 		if (!e.dataTransfer?.files) return;
-
-		const files_to_load = Array.from(e.dataTransfer.files).filter((f) => {
-			const file_extension =
-				f.type !== "" ? f.type : "." + f.name.split(".").pop();
-			if (file_extension && is_valid_mimetype(filetype, file_extension)) {
+		const files_to_load = Array.from(e.dataTransfer.files).filter((file) => {
+			const file_extension = "." + file.name.split(".").pop();
+			if (file.type && is_valid_mimetype(filetype, file.type)) {
+				return true;
+			}
+			if (
+				file_extension && Array.isArray(filetype)
+					? filetype.includes(file_extension)
+					: file_extension === filetype
+			) {
 				return true;
 			}
 			dispatch("error", `Invalid file type only ${filetype} allowed.`);
@@ -182,6 +187,7 @@
 		<slot />
 		<input
 			aria-label="file upload"
+			data-testid="file-upload"
 			type="file"
 			bind:this={hidden_upload}
 			on:change={load_files_from_upload}