Gallery view: first dev implementation

[camillevilla]

No item selected, manifest metadata displayed

Item selected in gallery, canvas metadata inserted

Acceptance Criteria

• User can select "Gallery" from window topbar
  • Uses CustomGalleryView SVG from Standardized icon set #1947
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19.974,2H2V19.974H19.974V2ZM7.392,18.177H3.8V14.582H7.392Zm0-5.392H3.8V9.19H7.392Zm0-5.392H3.8V3.8H7.392Zm5.392,10.785H9.19V14.582h3.595Zm0-5.392H9.19V9.19h3.595Zm0-5.392H9.19V3.8h3.595Zm5.392,10.785H14.582V14.582h3.595Zm0-5.392H14.582V9.19h3.595Zm0-5.392H14.582V3.8h3.595Z" transform="translate(1 1)"/></svg>
  • Wraps icon in MUI <SvgIcon> for theme-ability. See approach in Standardize icons to Sharp versions #1967 used for other custom SVGs
• Uses a vanilla HTML implementation (not something canvas-based, like OSD Collection mode per discussion with tech lead and design team) so that content will be keyboard navigable
• Clicking on a canvas
  • Provides a visual indicator around selected canvas (see mockup)
  • Updates canvasIndex
  • viewer stays in Gallery view (i.e. this is a departure from Mirador 2 gallery behavior)
• Switching to an alternate view (single, book) opens to the selected canvas

Nice to haves

• canvas labels displayed below thumbnails. It might be better to defer this until holistic style reviewof thumbnails (whitespace, typography, etc.) in ThumbnailNavigation styling, labels, and visual design #1932 happens.

Out of Scope

• bulk edit functionality discussed in Gallery view discussion mirador-design#38
• behavior considerations for how selecting a canvas affects the currently open sidebar. This is discussed in Gallery view discussion mirador-design#38 and will be ticketed out once we have a basic implementation merged.
  • Selected canvas indicated in Index panel
• zoom and pan behavior discussed in Gallery view discussion mirador-design#38

Resources

• Overview / design: Gallery view discussion mirador-design#38