Releases: img-mapper/react-img-mapper
Releases · img-mapper/react-img-mapper
New Alpha Release
- Wrote a library from scratch
- Converted non-controllable manner to a controllable manner
- Typescript Reformatted
Breaking Changes
containerRef
prop removed, you can directly useref
instead.stayHighlighted
prop changed toisMulti: false
.stayMultiHighlighted
prop changed toisMulti: true
.toggleHighlighted
prop changed totoggle: true
.rerenderProps
prop removed.clearHighlightedArea
method removed.- Typescript types are changed
MapAreas
changed toMapArea
CustomArea
changed toArea
Fixed Issues
Full Changelog: V1.5...v2.0.0-alpha.0
Fully Compatible with Next.js
-
Fully Compatible with Next.js
-
Added class names for highlighted areas
- The highlighted area will have
img-mapper-area-highlighted
class name in their area tag.
- The highlighted area will have
-
Removed the previously highlighted area when you click on the new highlighted area when
stayHighlighted
is applied. (#53) -
Area JSON preFillColor will not remove when the
toggleHighlighted
property is applied. -
Fixed infinity coords issue. (#42)
-
Fixed canvas height and width issue. (#43)
-
Upgrade to React V18 Peer Dep.
Partially Compatible with Next.js
V1.4 next.js onLoad problem fixed
Compatible with CommonJS
V1.2 Compatible with Next.js
Added Some Properties
- Added Disabled Property in Area
- Added Disabled and Active Properties In JSON Area
Built in Typescript
- Convert Project in Typescript
Shifted to Organization
- Shifted to organization
- Removed Documentation from the package and shifted to another repo
- Added every property & method example with the code in documentation
Storybook Documentation added
- Documentation added
- Bugs fixed
Responsive Image Mapper
- Added highlighted map after clicking on the image.
- Added a responsive image mapper.
- Added Image Reference in Width, Height, and onLoad function to access image properties.
- Added rerenderProps prop.
Babel and Natural Prop
- Added Natural Dimensions options ( For Network Image )
- Added Babel & ESLint in the example folder, for better formatting and creating compiled files