Add option to disable the detailed view of the gallery

[freddyaboulton]

Description

Closes: #3763

You can test by making the following change to fake_gan

  gallery = gr.Gallery(
      label="Generated images",
      show_label=False,
      elem_id="gallery",
      detailed_view=False,
)

Checklist:

• I have performed a self-review of my own code
• I have added a short summary of my change to the CHANGELOG.md
• 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

A note about the CHANGELOG

Hello 👋 and thank you for contributing to Gradio!

All pull requests must update the change log located in CHANGELOG.md, unless the pull request is labeled with the "no-changelog-update" label.

Please add a brief summary of the change to the Upcoming Release > Full Changelog section of the CHANGELOG.md file and include
a link to the PR (formatted in markdown) and a link to your github profile (if you like). For example, "* Added a cool new feature by [@myusername](link-to-your-github-profile) in [PR 11111](https://github.com/gradio-app/gradio/pull/11111)".

If you would like to elaborate on your change further, feel free to include a longer explanation in the other sections.
If you would like an image/gif/video showcasing your feature, it may be best to edit the CHANGELOG file using the
GitHub web UI since that lets you upload files directly via drag-and-drop.

[gradio-pr-bot]

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

[abidlabs]

LGTM @freddyaboulton. Tested the parameter directly and with .update() and works great!

[pngwn]

Is there a better term than detailed view? Maybe full screen or zoomed or something?

[freddyaboulton]

@pngwn How about zoom_on_click?

[abidlabs]

Actually we have an existing parameter preview which sets the Gallery to be in "preview" mode by default. To be consistent, how about we call this parameter allow_preview. We should also add to the docstring of preview that it only has any effect if allow_preview is True.

Some test code confirming preview has no effect if this parameter is False:

import gradio as gr

def test(x: gr.SelectData):
    print(x.index)
    


with gr.Blocks() as demo:
    gallery = gr.Gallery(
        ["cheetah.jpg"]*4,
        preview=True,
        detailed_view=False 
    )
    gallery.select(test, None, None)
    
demo.launch()

[freddyaboulton]

Sounds good @abidlabs! In hindsight, we should have renamed preview parameter better. Will make a note of this in the 4.0 component cleanup tracking issue.

Yes, preview should have no effect if allow_preview is False

[abidlabs]

Agreed about the naming 😅

[freddyaboulton]

Thanks @abidlabs ! Renamed to allow_preview! Merging now

[pngwn]

Sorry for late reply but I like the new name. preview is what I had in mind when I made the original comment but I couldn't remember the actual name!