v5.1.1

[5.1.1] - 2022-10-14

Fixed

• zoomMargin portion of "Neither zoomMargin nor scrollableEl seem to be working
  correctly" (issue #350)
• Clicking on zoomed SVGs doesn't unzoom (issue #369)

v5.1.0

[5.1.0] - 2022-10-11

Added

• Ability to customize the zoom modal content via <ZoomContent> (issue #332)
• Re-added wrapElement prop to API; only supports 'div' | 'span' (issue #356)
• Added a11y support for prefers-reduced-motion: reduce (issue #359)
• Added classDialog string prop to account for the loss of granular styling
  control over different modals resulting from moving the <dialog> rendering
  to a portal

Changed

• Now rendering <dialog> in a portal because of #356
  • For the folx using .my-class [data-rmiz-modal] {} to change the <dialog>
    styles, please use the classDialog prop to pass my-class to the
    <dialog>. I wish I didn't have to do this, but this is something that
    needs fixing, and I can't justify a new major version just because of this
    new style requirement. The classDialog addition (mentioned above) should
    solve this nicely.

Fixed

• Now using the wheel event instead of scroll to detect trying to leave the
  modal (issue #350)
• Fixed mobile scrolling experience (related to issue #350)

Removed

• Removed the broken scrollableEl that has arguably not ever worked (issue #350)

v5.0.3

[5.0.3] - 2022-09-19

Fixed

• Missing class properties transform (#337) (potential issue versions of node
  older than LTS)

v5.0.2

[5.0.2] - 2022-08-22

Fixed

• Not working with gatsby image plugin (StaticImage) (#347)

v5.0.1

[5.0.1] - 2022-08-04

Fixed

• React hydration issue (#338)

v5.0.0

[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

v4.4.3

[4.4.3] - 2022-05-23

Fixed

• Reverts setting "type": "module" in package.json (issue: #322)

v4.4.2

[4.4.2] - 2022-05-22

Fixed

• Fixes some docs badges

v4.4.1

[4.4.1] - 2022-05-22

Changed

• Switched project name back to react-medium-image-zoom and fixed links
• I'm not even sure it was working, but turned off sourceMaps: true in the
  tsconfig
• Moved AUTHORS file into contributors key in package.json
• Added funding info to package.json

v4.4.0

[4.4.0] - 2022-05-13

Changed

• Bumped minor version of tslib and made sure to actually use it (#306)
• Adds an aria-label to the modal to satisfy axe-core; note that this is
  still not an accessible component. It will be eventually! (#306)

Removed

• Removed dependency on react-use (#306)