@gradio/multimodaltextbox 0.10.10 → 0.10.12

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @gradio/multimodaltextbox
 
+## 0.10.12
+
+### Fixes
+
+- [#11537](https://github.com/gradio-app/gradio/pull/11537) [`8eb253b`](https://github.com/gradio-app/gradio/commit/8eb253be32a01c0c67911d7a7a3762c52a76a87b) - fix html attribute spreading bug and pin `httpx`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+- @gradio/upload@0.16.10
+- @gradio/video@0.14.20
+- @gradio/client@1.15.5
+- @gradio/image@0.22.12
+
+## 0.10.11
+
+### Dependency updates
+
+- @gradio/upload@0.16.9
+- @gradio/video@0.14.19
+- @gradio/client@1.15.4
+- @gradio/image@0.22.11
+
 ## 0.10.10
 
 ### Fixes

package/Index.svelte

@@ -14,6 +14,7 @@
 	import type { FileData } from "@gradio/client";
 	import { onMount } from "svelte";
 	import type { WaveformOptions } from "../audio/shared/types";
+	import type { InputHTMLAttributes } from "./shared/types";
 
 	export let gradio: Gradio<{
 		change: typeof value;
@@ -61,6 +62,7 @@
 	export let max_plain_text_length: number;
 	export let sources: ["microphone" | "upload"] = ["upload"];
 	export let waveform_options: WaveformOptions = {};
+	export let html_attributes: InputHTMLAttributes | null = null;
 
 	let dragging: boolean;
 	let active_source: "microphone" | null = null;
@@ -169,5 +171,6 @@
 		upload={(...args) => gradio.client.upload(...args)}
 		stream_handler={(...args) => gradio.client.stream(...args)}
 		{max_plain_text_length}
+		{html_attributes}
 	/>
 </Block>

package/dist/Index.svelte

@@ -39,6 +39,7 @@ export let file_count;
 export let max_plain_text_length;
 export let sources = ["upload"];
 export let waveform_options = {};
+export let html_attributes = null;
 let dragging;
 let active_source = null;
 let waveform_settings;
@@ -141,5 +142,6 @@ function set_trim_region_colour() {
 		upload={(...args) => gradio.client.upload(...args)}
 		stream_handler={(...args) => gradio.client.stream(...args)}
 		{max_plain_text_length}
+		{html_attributes}
 	/>
 </Block>

package/dist/Index.svelte.d.ts

@@ -4,6 +4,7 @@ export { default as BaseExample } from "./Example.svelte";
 import type { Gradio, SelectData } from "@gradio/utils";
 import type { LoadingStatus } from "@gradio/statustracker";
 import type { FileData } from "@gradio/client";
+import type { InputHTMLAttributes } from "./shared/types";
 declare const __propDef: {
     props: {
         gradio: Gradio<{
@@ -55,6 +56,7 @@ declare const __propDef: {
         max_plain_text_length: number;
         sources?: ["microphone" | "upload"] | undefined;
         waveform_options?: any;
+        html_attributes?: InputHTMLAttributes | null;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -191,4 +193,7 @@ export default class Index extends SvelteComponent<IndexProps, IndexEvents, Inde
     get waveform_options(): any;
     /**accessor*/
     set waveform_options(_: any);
+    get html_attributes(): any;
+    /**accessor*/
+    set html_attributes(_: any);
 }

package/dist/shared/MultimodalTextbox.svelte

@@ -52,6 +52,7 @@ export let waveform_options = {
 };
 export let sources = ["upload"];
 export let active_source = null;
+export let html_attributes = null;
 let upload_component;
 let el;
 let can_scroll;
@@ -394,6 +395,13 @@ function handle_drop(event) {
 			on:scroll={handle_scroll}
 			on:paste={handle_paste}
 			style={text_align ? "text-align: " + text_align : ""}
+			autocapitalize={html_attributes?.autocapitalize}
+			autocorrect={html_attributes?.autocorrect}
+			spellcheck={html_attributes?.spellcheck}
+			autocomplete={html_attributes?.autocomplete}
+			tabindex={html_attributes?.tabindex}
+			enterkeyhint={html_attributes?.enterkeyhint}
+			lang={html_attributes?.lang}
 		/>
 		{#if submit_btn}
 			<button

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

@@ -2,6 +2,7 @@ import { SvelteComponent } from "svelte";
 import type { I18nFormatter } from "js/core/src/gradio_helper";
 import type { FileData, Client } from "@gradio/client";
 import type { SelectData } from "@gradio/utils";
+import type { InputHTMLAttributes } from "./types";
 declare const __propDef: {
     props: {
         value?: {
@@ -34,6 +35,7 @@ declare const __propDef: {
         waveform_options?: any;
         sources?: ["microphone" | "upload"] | undefined;
         active_source?: ("microphone" | null) | undefined;
+        html_attributes?: InputHTMLAttributes | null;
         dragging?: boolean | undefined;
     };
     events: {

package/dist/shared/types.d.ts

@@ -0,0 +1 @@
+export type { InputHTMLAttributes } from "../../textbox/shared/types";

package/dist/shared/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gradio/multimodaltextbox",
-  "version": "0.10.10",
+  "version": "0.10.12",
   "description": "Gradio UI packages",
   "type": "module",
   "author": "",
@@ -22,17 +22,17 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@gradio/statustracker": "^0.10.13",
+    "@gradio/atoms": "^0.16.3",
+    "@gradio/statustracker": "^0.10.14",
+    "@gradio/upload": "^0.16.10",
+    "@gradio/video": "^0.14.20",
     "@gradio/icons": "^0.12.0",
-    "@gradio/utils": "^0.10.2",
-    "@gradio/atoms": "^0.16.2",
-    "@gradio/upload": "^0.16.8",
-    "@gradio/image": "^0.22.10",
-    "@gradio/client": "^1.15.3",
-    "@gradio/video": "^0.14.18"
+    "@gradio/client": "^1.15.5",
+    "@gradio/image": "^0.22.12",
+    "@gradio/utils": "^0.10.2"
   },
   "devDependencies": {
-    "@gradio/preview": "^0.13.2"
+    "@gradio/preview": "^0.14.0"
   },
   "peerDependencies": {
     "svelte": "^4.0.0"

package/shared/MultimodalTextbox.svelte

@@ -25,6 +25,7 @@
 	} from "@gradio/icons";
 	import type { SelectData } from "@gradio/utils";
 	import InteractiveAudio from "../../audio/interactive/InteractiveAudio.svelte";
+	import type { InputHTMLAttributes } from "./types";
 
 	export let value: { text: string; files: FileData[] } = {
 		text: "",
@@ -59,6 +60,8 @@
 	};
 	export let sources: ["microphone" | "upload"] = ["upload"];
 	export let active_source: "microphone" | null = null;
+	export let html_attributes: InputHTMLAttributes | null = null;
+
 	let upload_component: Upload;
 	let el: HTMLTextAreaElement | HTMLInputElement;
 	let can_scroll: boolean;
@@ -449,6 +452,13 @@
 			on:scroll={handle_scroll}
 			on:paste={handle_paste}
 			style={text_align ? "text-align: " + text_align : ""}
+			autocapitalize={html_attributes?.autocapitalize}
+			autocorrect={html_attributes?.autocorrect}
+			spellcheck={html_attributes?.spellcheck}
+			autocomplete={html_attributes?.autocomplete}
+			tabindex={html_attributes?.tabindex}
+			enterkeyhint={html_attributes?.enterkeyhint}
+			lang={html_attributes?.lang}
 		/>
 		{#if submit_btn}
 			<button

package/shared/types.ts

@@ -0,0 +1 @@
+export type { InputHTMLAttributes } from "../../textbox/shared/types";