react-medium-image-zoom 5.0.0

v5.0.0

on Node.js NPM

[5.0.0] - 2022-08-03

Closes #164, #166, #213, #227, #259, #265, #281, #282

Added

• Added IconUnzoom and IconZoom in order to customize the zoom & unzoom buttons
• Added zoomImg to provide attributes for an image that should be loaded on zoom
• Added better zooming support for all of the following:
  • <img />, including all object-fit
    values, any object-position,
    and loading="lazy"
  • <div> and <span> with any background-image,
    background-size,
    and background-position
  • <picture> with <source /> and <img />
  • <figure> with <img />

Changed

• Sets "type": "module" in package.json for ESModule usage
• Renamed closeText to a11yNameButtonUnzoom
• Renamed openText to a11yNameButtonZoom
• Images must meet these querySelector criteria to be found:

  ':is(img, svg, [role="img"], [data-zoom]):not([aria-hidden="true"])'

Removed

• Removed focus-options-polyfill dependency
• Removed tslib dependency
• Removed overlayBgColorStart (now specified via CSS: [data-rmiz-modal-overlay="hidden"])
• Removed overlayBgColorEnd (now specified via CSS: [data-rmiz-modal-overlay="visible"])
• Removed portalEl
• Removed transitionDuration (now specified via CSS: [data-rmiz-modal-overlay] and [data-rmiz-modal-img])
• Removed wrapElement
• Removed wrapStyle
• Removed zoomZIndex