@gradio/upload 0.16.14 → 0.16.16

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @gradio/upload
 
+## 0.16.16
+
+### Fixes
+
+- [#11771](https://github.com/gradio-app/gradio/pull/11771) [`f53b24b`](https://github.com/gradio-app/gradio/commit/f53b24b010a98d9028d8bade39db9c4dd37782d1) - Fix file upload error due to file extension case differences.  Thanks @rca-umb!
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+
+## 0.16.15
+
+### Dependency updates
+
+- @gradio/atoms@0.16.5
+- @gradio/client@1.17.1
+- @gradio/icons@0.13.0
+
 ## 0.16.14
 
 ### Dependency updates

package/dist/src/ModifyUpload.svelte.d.ts

@@ -2,9 +2,9 @@ import { SvelteComponent } from "svelte";
 import type { I18nFormatter } from "@gradio/utils";
 declare const __propDef: {
     props: {
-        editable?: boolean | undefined;
-        undoable?: boolean | undefined;
-        download?: (string | null) | undefined;
+        editable?: boolean;
+        undoable?: boolean;
+        download?: string | null;
         i18n: I18nFormatter;
     };
     events: {
@@ -17,6 +17,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ModifyUploadProps = typeof __propDef.props;
 export type ModifyUploadEvents = typeof __propDef.events;

package/dist/src/Upload.svelte

@@ -1,6 +1,5 @@
 <script>import { createEventDispatcher, tick, getContext } from "svelte";
 import { prepare_files } from "@gradio/client";
-import { _ } from "svelte-i18n";
 import UploadProgress from "./UploadProgress.svelte";
 import { create_drag } from "./utils";
 const { drag, open_file_upload: _open_file_upload } = create_drag();
@@ -36,8 +35,7 @@ const get_ios = () => {
   }
   return false;
 };
-$:
-  ios = get_ios();
+$: ios = get_ios();
 const dispatch = createEventDispatcher();
 const validFileTypes = ["image", "video", "audio", "text", "file"];
 const process_file_type = (type) => {
@@ -56,17 +54,16 @@ const process_file_type = (type) => {
   }
   return "." + type;
 };
-$:
-  if (filetype == null) {
-    accept_file_types = null;
-  } else if (typeof filetype === "string") {
-    accept_file_types = process_file_type(filetype);
-  } else if (ios && filetype.includes("file/*")) {
-    accept_file_types = "*";
-  } else {
-    filetype = filetype.map(process_file_type);
-    accept_file_types = filetype.join(", ");
-  }
+$: if (filetype == null) {
+  accept_file_types = null;
+} else if (typeof filetype === "string") {
+  accept_file_types = process_file_type(filetype);
+} else if (ios && filetype.includes("file/*")) {
+  accept_file_types = "*";
+} else {
+  filetype = filetype.map(process_file_type);
+  accept_file_types = filetype.join(", ");
+}
 export function paste_clipboard() {
   navigator.clipboard.read().then(async (items) => {
     for (let i = 0; i < items.length; i++) {
@@ -150,8 +147,7 @@ export async function load_files(files) {
   return await handle_upload(file_data);
 }
 function is_valid_file(file) {
-  if (!filetype)
-    return true;
+  if (!filetype) return true;
   const allowed_types = Array.isArray(filetype) ? filetype : [filetype];
   return allowed_types.some((type) => {
     const processed_type = process_file_type(type);
@@ -170,7 +166,7 @@ function is_valid_file(file) {
 }
 async function load_files_from_upload(files) {
   const files_to_load = files.filter((file) => {
-    const file_extension = "." + file.name.split(".").pop();
+    const file_extension = "." + file.name.toLowerCase().split(".").pop();
     if (file_extension && is_valid_mimetype(accept_file_types, file_extension, file.type)) {
       return true;
     }
@@ -192,8 +188,7 @@ async function load_files_from_upload(files) {
 }
 export async function load_files_from_drop(e) {
   dragging = false;
-  if (!e.dataTransfer?.files)
-    return;
+  if (!e.dataTransfer?.files) return;
   const files_to_load = Array.from(e.dataTransfer.files).filter(
     is_valid_file
   );

package/dist/src/Upload.svelte.d.ts

@@ -3,29 +3,29 @@ import type { FileData } from "@gradio/client";
 import { type Client } from "@gradio/client";
 declare const __propDef: {
     props: {
-        filetype?: (string | string[] | null) | undefined;
-        dragging?: boolean | undefined;
-        boundedheight?: boolean | undefined;
-        center?: boolean | undefined;
-        flex?: boolean | undefined;
-        file_count?: ("single" | "multiple" | "directory") | undefined;
-        disable_click?: boolean | undefined;
+        filetype?: string | string[] | null;
+        dragging?: boolean;
+        boundedheight?: boolean;
+        center?: boolean;
+        flex?: boolean;
+        file_count?: "single" | "multiple" | "directory";
+        disable_click?: boolean;
         root: string;
-        hidden?: boolean | undefined;
-        format?: ("blob" | "file") | undefined;
-        uploading?: boolean | undefined;
-        show_progress?: boolean | undefined;
-        max_file_size?: (number | null) | undefined;
+        hidden?: boolean;
+        format?: "blob" | "file";
+        uploading?: boolean;
+        show_progress?: boolean;
+        max_file_size?: number | null;
         upload: Client["upload"];
         stream_handler: Client["stream"];
-        icon_upload?: boolean | undefined;
+        icon_upload?: boolean;
         height?: number | string | undefined;
         aria_label?: string | undefined;
-        open_upload?: (() => void) | undefined;
-        paste_clipboard?: (() => void) | undefined;
-        open_file_upload?: (() => void) | undefined;
-        load_files?: ((files: File[] | Blob[]) => Promise<(FileData | null)[] | void>) | undefined;
-        load_files_from_drop?: ((e: DragEvent) => Promise<void>) | undefined;
+        open_upload?: () => void;
+        paste_clipboard?: () => void;
+        open_file_upload?: () => void;
+        load_files?: (files: File[] | Blob[]) => Promise<(FileData | null)[] | void>;
+        load_files_from_drop?: (e: DragEvent) => Promise<void>;
     };
     events: {
         load: CustomEvent<any>;
@@ -36,6 +36,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type UploadProps = typeof __propDef.props;
 export type UploadEvents = typeof __propDef.events;

package/dist/src/UploadProgress.svelte

@@ -35,8 +35,7 @@ onMount(async () => {
   }
   stream.onmessage = async function(event) {
     const _data = JSON.parse(event.data);
-    if (!progress)
-      progress = true;
+    if (!progress) progress = true;
     if (_data.msg === "done") {
       stream?.close();
       dispatch("done");
@@ -47,8 +46,7 @@ onMount(async () => {
   };
 });
 onDestroy(() => {
-  if (stream != null || stream != void 0)
-    stream.close();
+  if (stream != null || stream != void 0) stream.close();
 });
 function calculateTotalProgress(files2) {
   let totalProgress = 0;
@@ -61,10 +59,8 @@ function calculateTotalProgress(files2) {
   );
   return totalProgress / files2.length;
 }
-$:
-  calculateTotalProgress(files_with_progress);
-$:
-  file_to_display = current_file_upload || files_with_progress[0];
+$: calculateTotalProgress(files_with_progress);
+$: file_to_display = current_file_upload || files_with_progress[0];
 </script>
 
 <div class="wrap" class:progress>

package/dist/src/UploadProgress.svelte.d.ts

@@ -13,6 +13,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type UploadProgressProps = typeof __propDef.props;
 export type UploadProgressEvents = typeof __propDef.events;

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@gradio/upload",
-  "version": "0.16.14",
+  "version": "0.16.16",
   "description": "Gradio UI packages",
   "type": "module",
   "main": "src/index.ts",
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@gradio/atoms": "^0.16.4",
-    "@gradio/icons": "^0.12.0",
+    "@gradio/atoms": "^0.16.5",
     "@gradio/utils": "^0.10.2",
-    "@gradio/client": "^1.17.0",
-    "@gradio/wasm": "^0.18.1"
+    "@gradio/wasm": "^0.18.1",
+    "@gradio/client": "^1.17.1",
+    "@gradio/icons": "^0.13.1"
   },
   "main_changeset": true,
   "exports": {

package/src/Upload.svelte

@@ -2,7 +2,6 @@
 	import { createEventDispatcher, tick, getContext } from "svelte";
 	import type { FileData } from "@gradio/client";
 	import { prepare_files, type Client } from "@gradio/client";
-	import { _ } from "svelte-i18n";
 	import UploadProgress from "./UploadProgress.svelte";
 	import { create_drag } from "./utils";
 
@@ -212,7 +211,7 @@
 
 	async function load_files_from_upload(files: File[]): Promise<void> {
 		const files_to_load = files.filter((file) => {
-			const file_extension = "." + file.name.split(".").pop();
+			const file_extension = "." + file.name.toLowerCase().split(".").pop();
 			if (
 				file_extension &&
 				is_valid_mimetype(accept_file_types, file_extension, file.type)