Preserve Labels In Interpretation Components

[freddyaboulton]

Description

Fixes #2098

Before

After

import gradio as gr
import random


def is_greater_than_50(num: int) -> bool:
    return num > 50

def sum_all(audio, checkbox, checkboxgroup, dropdown, image, number, radio, slider, textbox):
    return sum(random.random() * 50 for _ in range(9))

inputs = [gr.Audio(label="My Audio", value="heath_ledger_2.mp3"), gr.Checkbox(label="My Checkbox"),
          gr.CheckboxGroup(choices=["a", "b", "c"], value="b", label="My Checkboxgroup"),
          gr.Dropdown(choices=["d", "e", "f"], value="f", label="My Dropdown"),
          gr.Image(value="lion.jpg", label="My Image"),
          gr.Number(value=5, label="My Number"),
          gr.Radio(choices=[1, 2, 3, 4], value=3, label="My Radio"),
          gr.Slider(minimum=0, maximum=10, value=2, step=1, label="My Slider"),
          gr.Textbox(value="I love apples", label="My Textbox")]

iface = gr.Interface(fn=sum_all, inputs=inputs,
                     outputs="number", interpretation="default")
iface.launch()

Checklist:

• I have performed a self-review of my own code
• My code follows the style guidelines of this project
• I have commented my code in hard-to-understand areas
• I have made corresponding changes to the documentation
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes

[github-actions]

All the demos for this PR have been deployed at https://huggingface.co/spaces/gradio-pr-deploys/pr-2166-all-demos

[abidlabs]

Nice Svelte@freddyaboulton!! I'll let @aliabid94 @dawoodkhan82 or @pngwn review this one :)

[dawoodkhan82]

Tested. Looks good

[freddyaboulton]

Thank you for the review @dawoodkhan82 !