Added ability to change classes on root and image elements

What's Changed

• Feat allow for custom classes to be added by @Mario-Duarte in #28

Full Changelog: 1.6.0...1.7.0

1.6.0

What's Changed

• Migrate to vite and removed deps by @Mario-Duarte in #27

Full Changelog: 1.5.6...1.6.0

Bug Fix

This Release fixes an issue with the way errors were handled and replaces the Fragment wrapper with a proper conditional render and ensures the error content is handled correctly:

What's Changed

• 24 - uncaught error objects are not valid as a react child found object with keys typeof type key ref props by @Mario-Duarte in #25

Full Changelog: 1.5.5...1.5.6

Improved touch interaction on touch-enabled devices

This pull request introduces improved touch interaction for zooming images on touch-enabled devices, specifically making zoom and drag actions more intuitive and preventing unwanted zoom activation during multi-finger gestures. The update also documents these changes and bumps the package version to 1.5.5.

Touch interaction improvements:

Single-finger touch now activates zoom and allows dragging the zoomed image, while multi-finger touches will not activate zoom, allowing normal page scrolling instead. (src/react-image-zooom.tsx, lib/react-image-zooom.js) [1] [2] [3] [4]
Prevents body scroll only when zoom is active and a single finger is used, avoiding interference with multi-touch gestures. (src/hooks/usePreventBodyScroll.ts, lib/react-image-zooom.js) [1] [2]
Documentation and versioning:

Added documentation in README.md describing the new touch behavior for version 1.5.5.
Updated package.json to version 1.5.5.

What's Changed

• Feat - Improved mobile interaction and scroll detection by @Mario-Duarte in #22
• Release - V1.5.5 by @Mario-Duarte in #23

Full Changelog: 1.5.0...1.5.5

Migrated react-image-zooom to Typecript

Migrated ImageZoom to typescript!

This version also brings a full component refactor, migrating all the logic to React Hooks for better performance, readability and testability. The styling has also been updated to fully use styled-components features for a more robust and scalable solution.

Bug fixes:

There was an issue on mobile where the zoom was been fired twice, this as now been fixed
On mobile it was possible to drag horizontally on the image to move the zoom position, but doing it vertically was very difficult as the page would scroll. This changes the touchmove event on mobile to have its passive option set to false
Updated transitions to avoid the white background flash when zooming out of an image
Updated cursor to zoom-out when image is zoomed in

New minor version - 1.4.1

What's Changed

• Fixes bug where scroll becomes locked on mobile after touchmove event by @T-McVee in #19

Full Changelog: 1.4...1.4.1

Performance and new feature

Change log:

• added support for React 19 and styled component 6 (with backwards compatibility)
• performance updates
• added a fullwidth prop that allows the zoom level to be calculated from the image's original width

Full Changelog: 1.3.5...1.4

1.3.5

What's Changed

• fix: resolve problem with null request on the first load by @stepan-twnty in #16
• Releasing null bug fix by @Mario-Duarte in #17

New Contributors

• @stepan-twnty made their first contribution in #16

Full Changelog: 1.3.4...1.3.5

Bug fixes

What's Changed

• Fix - 13 zoom failure to reset when swapping image source by @Mario-Duarte in #14
• Bug fixes by @Mario-Duarte in #15

Full Changelog: 1.3.1...1.3.4

Mobile support

As the title says it, it now supports touch events 🎉