@gradio/tabitem 0.3.1 → 0.3.2

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 (8) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/Index.svelte +7 -5
  3. package/dist/Index.svelte +2 -2
  4. package/dist/Index.svelte.d.ts +1 -1
  5. package/dist/shared/TabItem.svelte +4 -4
  6. package/dist/shared/TabItem.svelte.d.ts +1 -1
  7. package/package.json +4 -4
  8. package/shared/TabItem.svelte +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @gradio/tabitem
2
2
 
3
+ ## 0.3.2
4
+
5
+ ### Fixes
6
+
7
+ - [#9653](https://github.com/gradio-app/gradio/pull/9653) [`61cd768`](https://github.com/gradio-app/gradio/commit/61cd768490a12f5d63101d5434092bcd1cfc43a8) - Ensures tabs with visible set to false are not visible. Thanks @hannahblair!
8
+
9
+ ### Dependency updates
10
+
11
+ - @gradio/tabs@0.3.2
12
+ - @gradio/column@0.2.0
13
+
14
+ ## 0.3.1
15
+
16
+ ### Dependency updates
17
+
18
+ - @gradio/column@0.2.0
19
+
3
20
  ## 0.3.1
4
21
 
5
22
  ### Dependency updates
package/Index.svelte CHANGED
@@ -10,9 +10,11 @@
10
10
  export let elem_classes: string[] = [];
11
11
  export let label: string;
12
12
  export let id: string | number;
13
- export let gradio: Gradio<{
14
- select: SelectData;
15
- }>;
13
+ export let gradio:
14
+ | Gradio<{
15
+ select: SelectData;
16
+ }>
17
+ | undefined;
16
18
  export let visible = true;
17
19
  export let interactive = true;
18
20
  </script>
@@ -20,11 +22,11 @@
20
22
  <TabItem
21
23
  {elem_id}
22
24
  {elem_classes}
23
- name={label}
25
+ {label}
24
26
  {visible}
25
27
  {interactive}
26
28
  {id}
27
- on:select={({ detail }) => gradio.dispatch("select", detail)}
29
+ on:select={({ detail }) => gradio?.dispatch("select", detail)}
28
30
  >
29
31
  <slot />
30
32
  </TabItem>
package/dist/Index.svelte CHANGED
@@ -14,11 +14,11 @@ export let interactive = true;
14
14
  <TabItem
15
15
  {elem_id}
16
16
  {elem_classes}
17
- name={label}
17
+ {label}
18
18
  {visible}
19
19
  {interactive}
20
20
  {id}
21
- on:select={({ detail }) => gradio.dispatch("select", detail)}
21
+ on:select={({ detail }) => gradio?.dispatch("select", detail)}
22
22
  >
23
23
  <slot />
24
24
  </TabItem>
package/dist/Index.svelte.d.ts CHANGED
@@ -9,7 +9,7 @@ declare const __propDef: {
9
9
  id: string | number;
10
10
  gradio: Gradio<{
11
11
  select: SelectData;
12
- }>;
12
+ }> | undefined;
13
13
  visible?: boolean | undefined;
14
14
  interactive?: boolean | undefined;
15
15
  };
package/dist/shared/TabItem.svelte CHANGED
@@ -3,7 +3,7 @@ import { TABS } from "@gradio/tabs";
3
3
  import Column from "@gradio/column";
4
4
  export let elem_id = "";
5
5
  export let elem_classes = [];
6
- export let name;
6
+ export let label;
7
7
  export let id = {};
8
8
  export let visible;
9
9
  export let interactive;
@@ -11,12 +11,12 @@ const dispatch = createEventDispatcher();
11
11
  const { register_tab, unregister_tab, selected_tab, selected_tab_index } = getContext(TABS);
12
12
  let tab_index;
13
13
  $:
14
- tab_index = register_tab({ name, id, elem_id, visible, interactive });
14
+ tab_index = register_tab({ label, id, elem_id, visible, interactive });
15
15
  onMount(() => {
16
- return () => unregister_tab({ name, id, elem_id });
16
+ return () => unregister_tab({ label, id, elem_id });
17
17
  });
18
18
  $:
19
- $selected_tab_index === tab_index && tick().then(() => dispatch("select", { value: name, index: tab_index }));
19
+ $selected_tab_index === tab_index && tick().then(() => dispatch("select", { value: label, index: tab_index }));
20
20
  </script>
21
21
 
22
22
  <div
package/dist/shared/TabItem.svelte.d.ts CHANGED
@@ -4,7 +4,7 @@ declare const __propDef: {
4
4
  props: {
5
5
  elem_id?: string | undefined;
6
6
  elem_classes?: string[] | undefined;
7
- name: string;
7
+ label: string;
8
8
  id?: (string | number | object) | undefined;
9
9
  visible: boolean;
10
10
  interactive: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gradio/tabitem",
3
- "version": "0.3.1",
3
+ "version": "0.3.2",
4
4
  "description": "Gradio UI packages",
5
5
  "type": "module",
6
6
  "author": "",
@@ -16,12 +16,12 @@
16
16
  "./package.json": "./package.json"
17
17
  },
18
18
  "dependencies": {
19
- "@gradio/column": "^0.2.0",
20
19
  "@gradio/utils": "^0.7.0",
21
- "@gradio/tabs": "^0.3.1"
20
+ "@gradio/column": "^0.2.0",
21
+ "@gradio/tabs": "^0.3.2"
22
22
  },
23
23
  "devDependencies": {
24
- "@gradio/preview": "^0.12.0"
24
+ "@gradio/preview": "^0.12.1"
25
25
  },
26
26
  "peerDependencies": {
27
27
  "svelte": "^4.0.0"
package/shared/TabItem.svelte CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
  export let elem_id = "";
8
8
  export let elem_classes: string[] = [];
9
- export let name: string;
9
+ export let label: string;
10
10
  export let id: string | number | object = {};
11
11
  export let visible: boolean;
12
12
  export let interactive: boolean;
@@ -18,14 +18,14 @@
18
18
 
19
19
  let tab_index: number;
20
20
 
21
- $: tab_index = register_tab({ name, id, elem_id, visible, interactive });
21
+ $: tab_index = register_tab({ label, id, elem_id, visible, interactive });
22
22
 
23
23
  onMount(() => {
24
- return (): void => unregister_tab({ name, id, elem_id });
24
+ return (): void => unregister_tab({ label, id, elem_id });
25
25
  });
26
26
 
27
27
  $: $selected_tab_index === tab_index &&
28
- tick().then(() => dispatch("select", { value: name, index: tab_index }));
28
+ tick().then(() => dispatch("select", { value: label, index: tab_index }));
29
29
  </script>
30
30
 
31
31
  <div