@gradio/file 0.12.28 → 0.13.0

package/CHANGELOG.md

@@ -1,5 +1,45 @@
 # @gradio/file
 
+## 0.13.0
+
+### Features
+
+- [#11858](https://github.com/gradio-app/gradio/pull/11858) [`3f8ea13`](https://github.com/gradio-app/gradio/commit/3f8ea13a8ca92abf0ad34392e403a449fda3c6c2) - remove lite.  Thanks @pngwn!
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+- @gradio/client@1.19.0
+- @gradio/upload@0.17.0
+
+## 0.12.29
+
+### Dependency updates
+
+- @gradio/client@1.18.0
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+- @gradio/upload@0.16.17
+
+## 0.12.28
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.12.28
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+- @gradio/upload@0.16.16
+
 ## 0.12.28
 
 ### Dependency updates

package/Index.svelte

@@ -19,7 +19,7 @@
 
 	export let elem_id = "";
 	export let elem_classes: string[] = [];
-	export let visible = true;
+	export let visible: boolean | "hidden" = true;
 	export let value: null | FileData | FileData[];
 
 	export let interactive: boolean;

package/dist/Example.svelte.d.ts

@@ -4,12 +4,14 @@ declare const __propDef: {
     props: {
         value: FileData | null;
         type: "gallery" | "table";
-        selected?: boolean | undefined;
+        selected?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ExampleProps = typeof __propDef.props;
 export type ExampleEvents = typeof __propDef.events;

package/dist/Index.svelte

@@ -30,14 +30,12 @@ export let file_types = ["file"];
 export let input_ready;
 export let allow_reordering = false;
 let uploading = false;
-$:
-  input_ready = !uploading;
+$: input_ready = !uploading;
 let old_value = value;
-$:
-  if (JSON.stringify(old_value) !== JSON.stringify(value)) {
-    gradio.dispatch("change");
-    old_value = value;
-  }
+$: if (JSON.stringify(old_value) !== JSON.stringify(value)) {
+  gradio.dispatch("change");
+  old_value = value;
+}
 let dragging = false;
 let pending_upload = false;
 </script>

package/dist/Index.svelte.d.ts

@@ -8,19 +8,19 @@ import type { FileData } from "@gradio/client";
 import type { LoadingStatus } from "@gradio/statustracker";
 declare const __propDef: {
     props: {
-        elem_id?: string | undefined;
-        elem_classes?: string[] | undefined;
-        visible?: boolean | undefined;
+        elem_id?: string;
+        elem_classes?: string[];
+        visible?: boolean | "hidden";
         value: null | FileData | FileData[];
         interactive: boolean;
         root: string;
         label: string;
         show_label: boolean;
         height?: number | undefined;
-        _selectable?: boolean | undefined;
+        _selectable?: boolean;
         loading_status: LoadingStatus;
-        container?: boolean | undefined;
-        scale?: (number | null) | undefined;
+        container?: boolean;
+        scale?: number | null;
         min_width?: number | undefined;
         gradio: Gradio<{
             change: never;
@@ -33,14 +33,16 @@ declare const __propDef: {
             download: FileData;
         }>;
         file_count: "single" | "multiple" | "directory";
-        file_types?: string[] | undefined;
+        file_types?: string[];
         input_ready: boolean;
-        allow_reordering?: boolean | undefined;
+        allow_reordering?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type IndexProps = typeof __propDef.props;
 export type IndexEvents = typeof __propDef.events;
@@ -52,12 +54,12 @@ export default class Index extends SvelteComponent<IndexProps, IndexEvents, Inde
     get elem_classes(): string[] | undefined;
     /**accessor*/
     set elem_classes(_: string[] | undefined);
-    get visible(): boolean | undefined;
+    get visible(): boolean | "hidden" | undefined;
     /**accessor*/
-    set visible(_: boolean | undefined);
-    get value(): FileData | FileData[] | null;
+    set visible(_: boolean | "hidden" | undefined);
+    get value(): any;
     /**accessor*/
-    set value(_: FileData | FileData[] | null);
+    set value(_: any);
     get interactive(): boolean;
     /**accessor*/
     set interactive(_: boolean);
@@ -109,9 +111,9 @@ export default class Index extends SvelteComponent<IndexProps, IndexEvents, Inde
         delete: FileData;
         download: FileData;
     }>);
-    get file_count(): "single" | "multiple" | "directory";
+    get file_count(): "multiple" | "single" | "directory";
     /**accessor*/
-    set file_count(_: "single" | "multiple" | "directory");
+    set file_count(_: "multiple" | "single" | "directory");
     get file_types(): string[] | undefined;
     /**accessor*/
     set file_types(_: string[] | undefined);

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

@@ -3,10 +3,10 @@ import type { FileData } from "@gradio/client";
 import type { I18nFormatter } from "@gradio/utils";
 declare const __propDef: {
     props: {
-        value?: (FileData | FileData[] | null) | undefined;
+        value?: FileData | FileData[] | null;
         label: string;
-        show_label?: boolean | undefined;
-        selectable?: boolean | undefined;
+        show_label?: boolean;
+        selectable?: boolean;
         height?: number | undefined;
         i18n: I18nFormatter;
     };
@@ -17,6 +17,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type FileProps = typeof __propDef.props;
 export type FileEvents = typeof __propDef.events;

package/dist/shared/FilePreview.svelte

@@ -1,6 +1,6 @@
 <script>import { prettyBytes } from "./utils";
 import { createEventDispatcher } from "svelte";
-import { DownloadLink } from "@gradio/wasm/svelte";
+import { DownloadLink } from "@gradio/atoms";
 const dispatch = createEventDispatcher();
 export let value;
 export let selectable = false;
@@ -37,8 +37,7 @@ function handle_drag_end(event) {
 }
 function handle_drop(event, index) {
   event.preventDefault();
-  if (dragging_index === null || dragging_index === index)
-    return;
+  if (dragging_index === null || dragging_index === index) return;
   const files = Array.isArray(value) ? [...value] : [value];
   const [removed] = files.splice(dragging_index, 1);
   files.splice(
@@ -58,15 +57,14 @@ function split_filename(filename) {
   }
   return [filename.slice(0, last_dot), filename.slice(last_dot)];
 }
-$:
-  normalized_files = (Array.isArray(value) ? value : [value]).map((file) => {
-    const [filename_stem, filename_ext] = split_filename(file.orig_name ?? "");
-    return {
-      ...file,
-      filename_stem,
-      filename_ext
-    };
-  });
+$: normalized_files = (Array.isArray(value) ? value : [value]).map((file) => {
+  const [filename_stem, filename_ext] = split_filename(file.orig_name ?? "");
+  return {
+    ...file,
+    filename_stem,
+    filename_ext
+  };
+});
 function handle_row_click(event, index) {
   const tr = event.currentTarget;
   const should_select = event.target === tr || // Only select if the click is on the row itself

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

@@ -4,21 +4,23 @@ import type { I18nFormatter, SelectData } from "@gradio/utils";
 declare const __propDef: {
     props: {
         value: FileData | FileData[];
-        selectable?: boolean | undefined;
+        selectable?: boolean;
         height?: number | string | undefined;
         i18n: I18nFormatter;
-        allow_reordering?: boolean | undefined;
+        allow_reordering?: boolean;
     };
     events: {
         dragenter: DragEvent;
         select: CustomEvent<SelectData>;
-        change: CustomEvent<FileData | FileData[]>;
+        change: CustomEvent<any>;
         delete: CustomEvent<FileData>;
         download: CustomEvent<FileData>;
     } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type FilePreviewProps = typeof __propDef.props;
 export type FilePreviewEvents = typeof __propDef.events;

package/dist/shared/FileUpload.svelte

@@ -38,8 +38,7 @@ function handle_clear() {
 }
 const dispatch = createEventDispatcher();
 let dragging = false;
-$:
-  dispatch("drag", dragging);
+$: dispatch("drag", dragging);
 </script>
 
 <BlockLabel {show_label} Icon={File} float={!value} label={label || "File"} />

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

@@ -5,18 +5,18 @@ declare const __propDef: {
     props: {
         value: null | FileData | FileData[];
         label: string;
-        show_label?: boolean | undefined;
-        file_count?: ("single" | "multiple" | "directory") | undefined;
-        file_types?: (string[] | null) | undefined;
-        selectable?: boolean | undefined;
+        show_label?: boolean;
+        file_count?: "single" | "multiple" | "directory";
+        file_types?: string[] | null;
+        selectable?: boolean;
         root: string;
         height?: number | undefined;
         i18n: I18nFormatter;
-        max_file_size?: (number | null) | undefined;
+        max_file_size?: number | null;
         upload: Client["upload"];
         stream_handler: Client["stream"];
-        uploading?: boolean | undefined;
-        allow_reordering?: boolean | undefined;
+        uploading?: boolean;
+        allow_reordering?: boolean;
     };
     events: {
         error: CustomEvent<any>;
@@ -25,14 +25,16 @@ declare const __propDef: {
         delete: CustomEvent<FileData>;
         clear: CustomEvent<undefined>;
         drag: CustomEvent<boolean>;
-        upload: CustomEvent<FileData | FileData[]>;
-        load: CustomEvent<FileData | FileData[]>;
+        upload: CustomEvent<any>;
+        load: CustomEvent<any>;
     } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type FileUploadProps = typeof __propDef.props;
 export type FileUploadEvents = typeof __propDef.events;

package/package.json

@@ -1,19 +1,18 @@
 {
   "name": "@gradio/file",
-  "version": "0.12.28",
+  "version": "0.13.0",
   "description": "Gradio UI packages",
   "type": "module",
   "author": "",
   "license": "ISC",
   "private": false,
   "dependencies": {
-    "@gradio/atoms": "^0.16.5",
-    "@gradio/icons": "^0.13.0",
-    "@gradio/client": "^1.17.1",
-    "@gradio/statustracker": "^0.10.17",
-    "@gradio/upload": "^0.16.15",
-    "@gradio/utils": "^0.10.2",
-    "@gradio/wasm": "^0.18.1"
+    "@gradio/atoms": "^0.18.0",
+    "@gradio/icons": "^0.14.0",
+    "@gradio/statustracker": "^0.11.1",
+    "@gradio/client": "^1.19.0",
+    "@gradio/upload": "^0.17.0",
+    "@gradio/utils": "^0.10.2"
   },
   "devDependencies": {
     "@gradio/preview": "^0.14.0"

package/shared/FilePreview.svelte

@@ -3,7 +3,7 @@
 	import { prettyBytes } from "./utils";
 	import { createEventDispatcher } from "svelte";
 	import type { I18nFormatter, SelectData } from "@gradio/utils";
-	import { DownloadLink } from "@gradio/wasm/svelte";
+	import { DownloadLink } from "@gradio/atoms";
 
 	const dispatch = createEventDispatcher<{
 		select: SelectData;