Release 2.1.0

2.1.0 (2024-04-29)

🧱 Dependency

• Bump dependencies (aa64794)
• Bump packages (a9f0d6d)
• Drop fslightbox-react dependency (ab275e5)

🏠 Chores

• Update fullscreen state when users exit fullscreen mode without using the modal's button (390dca9)
• Update repo url (709f562)

📝 Documentation

• Add references to the documentation on this keyword's types (108e913)
• Inform users about the new columnCount prop (fe4541a)
• Notify docusaurus users how to resolve 'crypto not defined' error (1356dca)

🚀 New Feature

• Allow changing of slides with the keyboard (9d8bed2)
• Allow showing lightbox at fullscreen (df96394)
• Allow the lightbox to be closed with the escape key (95f3e31)
• Auto focus on lightbox when activated (0e0ea4c)
• Auto-focus on modal when at fullscreen (3b38a1e)
• Auto-focus on modal when exiting fullscreen (1b76d75)
• Close lightbox onclick of its background (6c1fb78)
• Close modal on click of the close button (36c45c7)
• Create pagination (7e9114c)
• Exit fullscreen when modal is off (8daebd9)
• Make entering and exiting full screen mode keyboard accessible (6a1c0f8)
• Make images in the gallery keyboard accessible (4fa12b8)
• Prevent scrolling on page's body when modal is opened (9808372)
• Provide the option to specify the exact number of columns in the gallery (fb6bce7)
• Show clicked image in modal's slideshow section (64b0d1e)
• Show lightbox's controls on mouse hover only (9b36b3b)
• Show lightbox's main container onclick of a page-thumbnail (475d1bb)
• Transition the change in opacity (a4246c5)
• Transition the change in opacity (c09bd6e)
• Use arrows to change slides (d15c345)

🔄️ Code Refactoring

• Allow keyword values (03f17aa)
• Allow keyword values (55b2ff3)
• Catch fullscreen api's errors (c466edb)
• Change class constructor to factory function for readability (fb7c6b6)
• Create modal variable (5e5db0a)
• Hide html tag's scroll when modal is opened (29da3fb)
• Isolate the toolbar and slide number from their container (eb9edbb)
• Make buttons accessible (5c88555)
• Merge exitFullscreen function with enterFullscreen (d167fd5)
• Move the modal's main container's rulesets to the styles file (2fd9f01)
• Rename modalMainContainerStyle to modalContainerStyle (9a09bfd)
• Replace html arrow entities with svg arrows (31afd5d)
• Replace if statement with the 'and' operator (f2c73fd)
• Use img element to show the lightbox's images (0fbaa2f)

💅 Styling and Formatting

• Absolutely position modal's nav (b2365d7)
• Add background color to slide number (ed157d6)
• Blur lightbox's background (2c42673)
• Center slideshow navigation arrows vertically (d6ba9a5)
• Increase arrows' hit area (703c660)
• Make images mobile responsive (bc9d0c3)
• Prevent selection of arrows (b53bf66)