@gradio/core 0.9.0 → 0.10.0

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 (12) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/dist/src/Blocks.svelte +7 -6
  3. package/dist/src/Embed.svelte +5 -0
  4. package/dist/src/init.js +1 -1
  5. package/dist/src/lang/en.json +3 -0
  6. package/dist/src/types.d.ts +1 -0
  7. package/package.json +54 -54
  8. package/src/Blocks.svelte +7 -6
  9. package/src/Embed.svelte +5 -0
  10. package/src/init.ts +5 -1
  11. package/src/lang/en.json +3 -0
  12. package/src/types.ts +1 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,40 @@
1
1
  # @gradio/core
2
2
 
3
+ ## 0.10.0
4
+
5
+ ### Features
6
+
7
+ - [#10492](https://github.com/gradio-app/gradio/pull/10492) [`29880d5`](https://github.com/gradio-app/gradio/commit/29880d51fbe7fbd222b0765a83c95134dc7d0e90) - Allow showing progress updates on arbitrary components. Thanks @abidlabs!
8
+ - [#10552](https://github.com/gradio-app/gradio/pull/10552) [`ed25a10`](https://github.com/gradio-app/gradio/commit/ed25a1053a55ddd2cf7d3067c72bdf77185ada8d) - Add 1920px wide resolution for wide monitors. Thanks @Oncorporation!
9
+
10
+ ### Fixes
11
+
12
+ - [#10490](https://github.com/gradio-app/gradio/pull/10490) [`178311b`](https://github.com/gradio-app/gradio/commit/178311b72d72a3c5f4a67bee5e0098be4232e68c) - Ensure row numbers functionality in dataframe works as expected. Thanks @hannahblair!
13
+ - [#10534](https://github.com/gradio-app/gradio/pull/10534) [`855d870`](https://github.com/gradio-app/gradio/commit/855d87001a492afce1aff9c2eb3de765d8855828) - Footer alignment fix. Thanks @aliabid94!
14
+
15
+ ### Dependency updates
16
+
17
+ - @gradio/code@0.10.17
18
+ - @gradio/paramviewer@0.7.1
19
+ - @gradio/statustracker@0.10.3
20
+ - @gradio/tabitem@0.4.2
21
+ - @gradio/tabs@0.4.2
22
+ - @gradio/video@0.14.1
23
+ - @gradio/atoms@0.13.2
24
+ - @gradio/utils@0.10.1
25
+ - @gradio/column@0.2.0
26
+ - @gradio/theme@0.4.0
27
+ - @gradio/client@1.12.0
28
+ - @gradio/upload@0.15.1
29
+ - @gradio/button@0.4.6
30
+ - @gradio/wasm@0.17.3
31
+ - @gradio/plot@0.9.8
32
+ - @gradio/gallery@0.15.6
33
+ - @gradio/image@0.21.1
34
+ - @gradio/textbox@0.10.3
35
+ - @gradio/file@0.12.6
36
+ - @gradio/checkbox@0.4.13
37
+
3
38
  ## 0.9.0
4
39
 
5
40
  ### Features
package/dist/src/Blocks.svelte CHANGED
@@ -629,8 +629,8 @@ onMount(() => {
629
629
  >
630
630
  {$_("errors.use_via_api")}
631
631
  <img src={api_logo} alt={$_("common.logo")} />
632
- <div>&nbsp;·</div>
633
632
  </button>
633
+ <div class="divider show-api-divider">·</div>
634
634
  {/if}
635
635
  <a
636
636
  href="https://gradio.app"
@@ -641,13 +641,13 @@ onMount(() => {
641
641
  {$_("common.built_with_gradio")}
642
642
  <img src={logo} alt={$_("common.logo")} />
643
643
  </a>
644
+ <div class="divider">·</div>
644
645
  <button
645
646
  on:click={() => {
646
647
  set_settings_visible(!settings_visible);
647
648
  }}
648
649
  class="settings"
649
650
  >
650
- <div>· &nbsp;</div>
651
651
  {$_("common.settings")}
652
652
  <img src={settings_logo} alt={$_("common.settings")} />
653
653
  </button>
@@ -749,9 +749,9 @@ onMount(() => {
749
749
  margin-top: var(--size-4);
750
750
  color: var(--body-text-color-subdued);
751
751
  }
752
-
753
- footer > * + * {
754
- margin-left: var(--size-2);
752
+ .divider {
753
+ margin-left: var(--size-1);
754
+ margin-right: var(--size-2);
755
755
  }
756
756
 
757
757
  .show-api,
@@ -843,7 +843,8 @@ onMount(() => {
843
843
  }
844
844
 
845
845
  @media (max-width: 640px) {
846
- .show-api {
846
+ .show-api,
847
+ .show-api-divider {
847
848
  display: none;
848
849
  }
849
850
  }
package/dist/src/Embed.svelte CHANGED
@@ -155,6 +155,11 @@ export let root;
155
155
  max-width: 1536px;
156
156
  }
157
157
  }
158
+ @media (--screen-xxxl) {
159
+ .fillable:not(.fill_width) {
160
+ max-width: 1920px;
161
+ }
162
+ }
158
163
 
159
164
  .info {
160
165
  display: flex;
package/dist/src/init.js CHANGED
@@ -62,7 +62,7 @@ export function create_components(initial_layout) {
62
62
  };
63
63
  components.push(_rootNode);
64
64
  dependencies.forEach((dep) => {
65
- loading_status.register(dep.id, dep.inputs, dep.outputs);
65
+ loading_status.register(dep.id, dep.inputs, dep.show_progress_on || dep.outputs);
66
66
  dep.frontend_fn = process_frontend_fn(dep.js, !!dep.backend_fn, dep.inputs.length, dep.outputs.length);
67
67
  create_target_meta(dep.targets, dep.id, _target_map);
68
68
  get_inputs_outputs(dep, inputs, outputs);
package/dist/src/lang/en.json CHANGED
@@ -70,6 +70,9 @@
70
70
  "delete_column": "Delete column",
71
71
  "add_column_left": "Add column to the left",
72
72
  "add_column_right": "Add column to the right",
73
+ "sort_column": "Sort column",
74
+ "sort_ascending": "Sort ascending",
75
+ "sort_descending": "Sort descending",
73
76
  "drop_to_upload": "Drop CSV or TSV files here to import data into dataframe"
74
77
  },
75
78
  "dropdown": {
package/dist/src/types.d.ts CHANGED
@@ -50,6 +50,7 @@ export interface Dependency {
50
50
  js: string | null;
51
51
  scroll_to_output: boolean;
52
52
  show_progress: "full" | "minimal" | "hidden";
53
+ show_progress_on: number[] | null;
53
54
  frontend_fn: ((...args: unknown[]) => Promise<unknown[]>) | null;
54
55
  status?: string;
55
56
  queue: boolean | null;
package/package.json CHANGED
@@ -1,66 +1,66 @@
1
1
  {
2
2
  "name": "@gradio/core",
3
- "version": "0.9.0",
3
+ "version": "0.10.0",
4
4
  "type": "module",
5
5
  "devDependencies": {
6
- "@gradio/accordion": "^0.5.6",
7
- "@gradio/atoms": "^0.13.1",
8
- "@gradio/annotatedimage": "^0.9.6",
9
- "@gradio/button": "^0.4.5",
10
- "@gradio/chatbot": "^0.22.4",
11
- "@gradio/box": "^0.2.10",
12
- "@gradio/checkbox": "^0.4.12",
13
- "@gradio/audio": "^0.17.0",
14
- "@gradio/checkboxgroup": "^0.6.12",
15
- "@gradio/client": "^1.11.0",
16
- "@gradio/colorpicker": "^0.4.12",
6
+ "@gradio/accordion": "^0.5.7",
7
+ "@gradio/atoms": "^0.13.2",
8
+ "@gradio/audio": "^0.17.1",
9
+ "@gradio/annotatedimage": "^0.9.7",
10
+ "@gradio/box": "^0.2.11",
11
+ "@gradio/button": "^0.4.6",
12
+ "@gradio/chatbot": "^0.23.0",
13
+ "@gradio/checkbox": "^0.4.13",
14
+ "@gradio/checkboxgroup": "^0.6.13",
15
+ "@gradio/client": "^1.12.0",
16
+ "@gradio/code": "^0.10.17",
17
17
  "@gradio/column": "^0.2.0",
18
- "@gradio/code": "^0.10.16",
19
- "@gradio/dataframe": "^0.15.0",
20
- "@gradio/dataset": "^0.4.5",
21
- "@gradio/datetime": "^0.3.4",
22
- "@gradio/downloadbutton": "^0.3.5",
23
- "@gradio/dropdown": "^0.9.10",
24
- "@gradio/fallback": "^0.4.12",
25
- "@gradio/form": "^0.2.10",
26
- "@gradio/file": "^0.12.5",
27
- "@gradio/fileexplorer": "^0.5.16",
28
- "@gradio/gallery": "^0.15.5",
18
+ "@gradio/colorpicker": "^0.4.13",
19
+ "@gradio/dataframe": "^0.16.0",
20
+ "@gradio/dataset": "^0.4.6",
21
+ "@gradio/datetime": "^0.3.5",
22
+ "@gradio/downloadbutton": "^0.3.6",
23
+ "@gradio/dropdown": "^0.9.11",
24
+ "@gradio/file": "^0.12.6",
25
+ "@gradio/fileexplorer": "^0.5.17",
26
+ "@gradio/fallback": "^0.4.13",
27
+ "@gradio/form": "^0.2.11",
28
+ "@gradio/gallery": "^0.15.6",
29
+ "@gradio/highlightedtext": "^0.8.13",
29
30
  "@gradio/group": "^0.2.0",
30
- "@gradio/html": "^0.6.3",
31
- "@gradio/highlightedtext": "^0.8.12",
32
31
  "@gradio/icons": "^0.10.0",
33
- "@gradio/image": "^0.21.0",
34
- "@gradio/imageeditor": "^0.12.7",
35
- "@gradio/json": "^0.5.12",
36
- "@gradio/label": "^0.5.4",
37
- "@gradio/browserstate": "^0.3.0",
38
- "@gradio/markdown": "^0.13.2",
39
- "@gradio/model3d": "^0.14.0",
40
- "@gradio/multimodaltextbox": "^0.9.6",
41
- "@gradio/nativeplot": "^0.5.6",
42
- "@gradio/number": "^0.5.12",
43
- "@gradio/paramviewer": "^0.7.0",
44
- "@gradio/plot": "^0.9.7",
32
+ "@gradio/html": "^0.6.4",
33
+ "@gradio/image": "^0.21.1",
34
+ "@gradio/imageeditor": "^0.12.8",
35
+ "@gradio/json": "^0.5.13",
36
+ "@gradio/label": "^0.5.5",
37
+ "@gradio/markdown": "^0.13.3",
38
+ "@gradio/browserstate": "^0.3.1",
39
+ "@gradio/model3d": "^0.14.1",
40
+ "@gradio/multimodaltextbox": "^0.9.7",
41
+ "@gradio/nativeplot": "^0.5.7",
42
+ "@gradio/number": "^0.5.13",
43
+ "@gradio/plot": "^0.9.8",
44
+ "@gradio/paramviewer": "^0.7.1",
45
+ "@gradio/radio": "^0.6.13",
45
46
  "@gradio/row": "^0.2.1",
46
- "@gradio/radio": "^0.6.12",
47
- "@gradio/sidebar": "^0.1.1",
48
- "@gradio/simpledropdown": "^0.3.12",
49
- "@gradio/simpletextbox": "^0.3.12",
50
- "@gradio/simpleimage": "^0.8.16",
51
- "@gradio/slider": "^0.6.0",
52
- "@gradio/statustracker": "^0.10.2",
47
+ "@gradio/sidebar": "^0.1.2",
48
+ "@gradio/simpledropdown": "^0.3.13",
49
+ "@gradio/simpletextbox": "^0.3.13",
50
+ "@gradio/simpleimage": "^0.8.17",
51
+ "@gradio/slider": "^0.6.1",
53
52
  "@gradio/state": "^0.1.2",
54
- "@gradio/tabitem": "^0.4.1",
55
- "@gradio/tabs": "^0.4.1",
56
- "@gradio/textbox": "^0.10.2",
57
- "@gradio/theme": "^0.3.0",
58
- "@gradio/timer": "^0.4.3",
59
- "@gradio/upload": "^0.15.0",
60
- "@gradio/uploadbutton": "^0.8.5",
61
- "@gradio/utils": "^0.10.0",
62
- "@gradio/wasm": "^0.17.2",
63
- "@gradio/video": "^0.14.0"
53
+ "@gradio/tabitem": "^0.4.2",
54
+ "@gradio/statustracker": "^0.10.3",
55
+ "@gradio/tabs": "^0.4.2",
56
+ "@gradio/textbox": "^0.10.3",
57
+ "@gradio/theme": "^0.4.0",
58
+ "@gradio/uploadbutton": "^0.8.6",
59
+ "@gradio/upload": "^0.15.1",
60
+ "@gradio/video": "^0.14.1",
61
+ "@gradio/utils": "^0.10.1",
62
+ "@gradio/wasm": "^0.17.3",
63
+ "@gradio/timer": "^0.4.4"
64
64
  },
65
65
  "msw": {
66
66
  "workerDirectory": "public"
package/src/Blocks.svelte CHANGED
@@ -789,8 +789,8 @@
789
789
  >
790
790
  {$_("errors.use_via_api")}
791
791
  <img src={api_logo} alt={$_("common.logo")} />
792
- <div>&nbsp;·</div>
793
792
  </button>
793
+ <div class="divider show-api-divider">·</div>
794
794
  {/if}
795
795
  <a
796
796
  href="https://gradio.app"
@@ -801,13 +801,13 @@
801
801
  {$_("common.built_with_gradio")}
802
802
  <img src={logo} alt={$_("common.logo")} />
803
803
  </a>
804
+ <div class="divider">·</div>
804
805
  <button
805
806
  on:click={() => {
806
807
  set_settings_visible(!settings_visible);
807
808
  }}
808
809
  class="settings"
809
810
  >
810
- <div>· &nbsp;</div>
811
811
  {$_("common.settings")}
812
812
  <img src={settings_logo} alt={$_("common.settings")} />
813
813
  </button>
@@ -909,9 +909,9 @@
909
909
  margin-top: var(--size-4);
910
910
  color: var(--body-text-color-subdued);
911
911
  }
912
-
913
- footer > * + * {
914
- margin-left: var(--size-2);
912
+ .divider {
913
+ margin-left: var(--size-1);
914
+ margin-right: var(--size-2);
915
915
  }
916
916
 
917
917
  .show-api,
@@ -1003,7 +1003,8 @@
1003
1003
  }
1004
1004
 
1005
1005
  @media (max-width: 640px) {
1006
- .show-api {
1006
+ .show-api,
1007
+ .show-api-divider {
1007
1008
  display: none;
1008
1009
  }
1009
1010
  }
package/src/Embed.svelte CHANGED
@@ -157,6 +157,11 @@
157
157
  max-width: 1536px;
158
158
  }
159
159
  }
160
+ @media (--screen-xxxl) {
161
+ .fillable:not(.fill_width) {
162
+ max-width: 1920px;
163
+ }
164
+ }
160
165
 
161
166
  .info {
162
167
  display: flex;
package/src/init.ts CHANGED
@@ -131,7 +131,11 @@ export function create_components(initial_layout: ComponentMeta | undefined): {
131
131
  components.push(_rootNode);
132
132
 
133
133
  dependencies.forEach((dep) => {
134
- loading_status.register(dep.id, dep.inputs, dep.outputs);
134
+ loading_status.register(
135
+ dep.id,
136
+ dep.inputs,
137
+ dep.show_progress_on || dep.outputs
138
+ );
135
139
  dep.frontend_fn = process_frontend_fn(
136
140
  dep.js,
137
141
  !!dep.backend_fn,
package/src/lang/en.json CHANGED
@@ -70,6 +70,9 @@
70
70
  "delete_column": "Delete column",
71
71
  "add_column_left": "Add column to the left",
72
72
  "add_column_right": "Add column to the right",
73
+ "sort_column": "Sort column",
74
+ "sort_ascending": "Sort ascending",
75
+ "sort_descending": "Sort descending",
73
76
  "drop_to_upload": "Drop CSV or TSV files here to import data into dataframe"
74
77
  },
75
78
  "dropdown": {
package/src/types.ts CHANGED
@@ -55,6 +55,7 @@ export interface Dependency {
55
55
  js: string | null;
56
56
  scroll_to_output: boolean;
57
57
  show_progress: "full" | "minimal" | "hidden";
58
+ show_progress_on: number[] | null;
58
59
  frontend_fn: ((...args: unknown[]) => Promise<unknown[]>) | null;
59
60
  status?: string;
60
61
  queue: boolean | null;