Skip to content

Releases: codesweetly/react-image-grid-gallery

Release 3.1.2

18 Feb 17:07
Compare
Choose a tag to compare

3.1.2 (2025-02-18)

  • fix: Use an inner container to control the thumbnails' horizontal alignment (bd78749)

Release 3.1.1

18 Feb 00:25
Compare
Choose a tag to compare

3.1.1 (2025-02-18)

  • style: Center thumbnails (7a88d3f)

Release 3.1.0

17 Feb 17:39
Compare
Choose a tag to compare

3.1.0 (2025-02-17)

  • docs: Add funding info (0851b54)
  • docs: Indicate how to lazy load all the grid's images (a718eff)
  • docs: Write about the latest features (24e0da4)
  • build: Bump dependencies (696e205)
  • refactor: Make lazy loading optional (16abc60)
  • refactor: Make modal's image height dynamic (d419e10)
  • refactor: Stop supporting undefined src (dab460e)
  • feat: Activate an image by clicking its thumbnail (2f0cbca)
  • feat: Allow using small images for gallery and thumbnail (c20d319)
  • feat: Create modal thumbnail section (dafa48d)
  • feat: Create thumbnail images where the active image auto-scrolls into view (75172d9)
  • feat: Display modal image's caption (19d98d2)
  • feat: Lazy load grid images from index 6 and above (f4f0326)
  • feat: Lazy load lightbox images (b76a039)
  • feat: Make scrolling thumbnails to view keyboard-compatible (f1fd230)
  • feat: Make thumbnails optional (c65cdac)
  • feat: Support providing different image sizes for the grid, modal, and thumbnail (f569ff9)
  • feat: Support resolution switching (44cfa02)
  • fix: Re-implement clicking modal background to exit lightbox (f8b9829)

Release 3.0.0

09 Jan 14:57
Compare
Choose a tag to compare

3.0.0 (2025-01-09)

  • build: Bump dependencies (2e1692e)
  • build: Bump typescript from v5.7.2 to v5.7.3 (8811f95)
  • docs: Add features section (e4dcb2a)
  • docs: Add id property to imagesArray (53816a5)
  • docs: Update customStyles' default value to an empty object (d5a311a)
  • docs: Update docusaurus note to reflect that crypto is no longer used by default (d11c168)
  • style: Specify the gallery images' initial aspect ratio (5b55263)
  • refactor: Apply suggestions from code review (bc176a5)
  • refactor: Create imageElementsArray from a function (ac645e9)
  • refactor: Use empty object as customStyles' default value to reflect the accepted data type (83c6e09)
  • Adding configurable styles, key for images, and visibility of captions (effbbc4)
  • feat!: Make an id field part of the required properties of the imagesInfoArray prop (0614ed9)
  • refactor!: Show error message if id property is missing in the imagesArray (0c05380)
  • test: Customize image button's style (5db32f6)
  • fix: Change imagesrc's initial value from an empty string to undefined (906d533)
  • chore: Reconfigure husky (7c34c74)

Release 2.1.4

16 Jul 23:45
Compare
Choose a tag to compare

2.1.4 (2024-07-16)

🧱 Dependency

  • Update peerDependencies (bf04ca3)

🐛 Bug Fix

  • Open lightbox when keyboard enter key is pressed on image card (8345b9e)

🔄️ Code Refactoring

Release 2.1.3

14 Jul 17:17
Compare
Choose a tag to compare

2.1.3 (2024-07-14)

🧱 Dependency

  • Update dev dependencies (2e202bb)

🐛 Bug Fix

  • Prevent page scrolling when lightbox is active (e0ee446)
  • Resolve fullscreen button error while exiting with esc key (6dae9d8)
  • Set focus on the lightbox on fullscreen change (01aeaac)

🔄️ Code Refactoring

  • Don't use useEffect and useState hooks to manage lightbox (2446023)
  • Remove figure's tabindex to improve accessibility (5086c3a)
  • Rename showModal to showLightBox (8f99e8d)
  • Use html dialog element to manage lightbox (6c8f69f)
  • Use ref to access lightbox element (99544ad)

💅 Styling and Formatting

  • Remove modal toobar button's margins (d1fd15d)

Release 2.1.2

29 Apr 18:41
Compare
Choose a tag to compare

2.1.2 (2024-04-29)

🐛 Bug Fix

  • Resolve images' undefined marigin-bottom (3132ce4)

💅 Styling and Formatting

  • Define modal's font color (b3e61a5)

Release 2.1.1

29 Apr 15:09
Compare
Choose a tag to compare

2.1.1 (2024-04-29)

🔄️ Code Refactoring

Release 2.1.0

29 Apr 14:53
Compare
Choose a tag to compare

2.1.0 (2024-04-29)

🧱 Dependency

🏠 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)

Release 2.0.1

03 Jan 15:38
Compare
Choose a tag to compare

2.0.1 (2024-01-03)

🐛 Bug Fix

  • Change image container's margin-bottom specificity (ecf9f16)