@gradio/multimodaltextbox 0.4.0 → 0.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/Index.svelte +1 -1
  3. package/package.json +7 -7
  4. package/shared/MultimodalTextbox.svelte +16 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @gradio/multimodaltextbox
2
2
 
3
+ ## 0.4.1
4
+
5
+ ### Features
6
+
7
+ - [#8236](https://github.com/gradio-app/gradio/pull/8236) [`bf909bd`](https://github.com/gradio-app/gradio/commit/bf909bd14532a27e119fb401003a7d94c0618ffb) - Change upload icon for MultimodalTextbox. Thanks @dawoodkhan82!
8
+
9
+ ### Fixes
10
+
11
+ - [#8252](https://github.com/gradio-app/gradio/pull/8252) [`22df61a`](https://github.com/gradio-app/gradio/commit/22df61a26adf8023f6dd49c051979990e8d3879a) - Client node fix. Thanks @pngwn!
12
+
13
+ ### Dependency updates
14
+
15
+ - @gradio/atoms@0.7.3
16
+ - @gradio/statustracker@0.5.2
17
+ - @gradio/client@0.19.0
18
+ - @gradio/icons@0.4.1
19
+ - @gradio/image@0.11.1
20
+ - @gradio/upload@0.10.1
21
+
3
22
  ## 0.4.0
4
23
 
5
24
  ### Features
package/Index.svelte CHANGED
@@ -98,6 +98,6 @@
98
98
  }}
99
99
  disabled={!interactive}
100
100
  upload={gradio.client.upload}
101
- stream_handler={gradio.client.stream_factory}
101
+ stream_handler={gradio.client.stream}
102
102
  />
103
103
  </Block>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gradio/multimodaltextbox",
3
- "version": "0.4.0",
3
+ "version": "0.4.1",
4
4
  "description": "Gradio UI packages",
5
5
  "type": "module",
6
6
  "author": "",
@@ -14,13 +14,13 @@
14
14
  "./package.json": "./package.json"
15
15
  },
16
16
  "dependencies": {
17
- "@gradio/icons": "^0.4.0",
18
- "@gradio/atoms": "^0.7.2",
19
- "@gradio/statustracker": "^0.5.1",
20
- "@gradio/upload": "^0.10.0",
17
+ "@gradio/icons": "^0.4.1",
18
+ "@gradio/atoms": "^0.7.3",
19
+ "@gradio/statustracker": "^0.5.2",
21
20
  "@gradio/utils": "^0.4.1",
22
- "@gradio/image": "^0.11.0",
23
- "@gradio/client": "^0.18.0"
21
+ "@gradio/image": "^0.11.1",
22
+ "@gradio/upload": "^0.10.1",
23
+ "@gradio/client": "^0.19.0"
24
24
  },
25
25
  "devDependencies": {
26
26
  "@gradio/preview": "^0.9.0"
package/shared/MultimodalTextbox.svelte CHANGED
@@ -10,7 +10,7 @@
10
10
  import { Upload } from "@gradio/upload";
11
11
  import { Image } from "@gradio/image/shared";
12
12
  import type { FileData, Client } from "@gradio/client";
13
- import { Clear, File, Music, Video, Send } from "@gradio/icons";
13
+ import { Clear, File, Music, Paperclip, Video, Send } from "@gradio/icons";
14
14
  import type { SelectData } from "@gradio/utils";
15
15
 
16
16
  export let value: { text: string; files: FileData[] } = {
@@ -36,7 +36,7 @@
36
36
  export let file_types: string[] | null = null;
37
37
  export let max_file_size: number | null = null;
38
38
  export let upload: Client["upload"];
39
- export let stream_handler: Client["stream_factory"];
39
+ export let stream_handler: Client["stream"];
40
40
 
41
41
  let upload_component: Upload;
42
42
  let hidden_upload: HTMLInputElement;
@@ -229,8 +229,10 @@
229
229
  ><Send /></button
230
230
  >
231
231
  {/if}
232
- <button class:disabled class="plus-button" on:click={handle_upload_click}
233
- >+</button
232
+ <button
233
+ data-testid="upload-button"
234
+ class="upload-button"
235
+ on:click={handle_upload_click}><Paperclip /></button
234
236
  >
235
237
  {#if value.files.length > 0 || uploading}
236
238
  <div
@@ -337,7 +339,7 @@
337
339
  color: var(--input-placeholder-color);
338
340
  }
339
341
 
340
- .plus-button,
342
+ .upload-button,
341
343
  .submit-button {
342
344
  position: absolute;
343
345
  background: var(--button-secondary-background-fill);
@@ -353,12 +355,12 @@
353
355
  bottom: 15px;
354
356
  }
355
357
 
356
- .plus-button:hover,
358
+ .upload-button:hover,
357
359
  .submit-button:hover {
358
360
  background: var(--button-secondary-background-fill-hover);
359
361
  }
360
362
 
361
- .plus-button:active,
363
+ .upload-button:active,
362
364
  .submit-button:active {
363
365
  box-shadow: var(--button-shadow-active);
364
366
  }
@@ -377,11 +379,17 @@
377
379
  padding-top: 2px;
378
380
  }
379
381
 
380
- .plus-button {
382
+ .upload-button {
381
383
  left: 10px;
382
384
  margin-right: 5px;
383
385
  }
384
386
 
387
+ .upload-button :global(svg) {
388
+ height: 23px;
389
+ width: 23px;
390
+ padding-left: 7px;
391
+ }
392
+
385
393
  .loader {
386
394
  display: flex;
387
395
  justify-content: center;