Socket
Socket
Sign inDemoInstall

react-grid-layout

Package Overview
Dependencies
13
Maintainers
1
Versions
104
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install
2345
11Next

1.4.4

Diff

Changelog

Source

1.4.4 (Nov 28, 2023)

Bugfixes

  • Fix position logic when draggable item is dragged into the grid. We no longer use the deprecated / non-standard e.nativeEvent.layer{X,Y} properties. #1915
  • Fix drag values according to containerPadding. Previously, when dragging an item, the intuited position within the grid was not modified by containerPadding, causing it to off by that value. On most grids, this is only set to [10, 10], so this may not have been noticeable, but for higher values it was very obvious. Thanks @hywlss9. #1323
  • Various lint/dependency fixes.
strml
published 1.4.3 •

Changelog

Source

1.4.3 (Nov 8, 2023)

Bugfixes

  • Set activeDrag in onDragStart. Fixes issues where, if no drag is performed, the onDragStop handler would error out and the drag would freeze. #1923
    • THis fixes some broader issues with React 18 but testing library support is still not complete.
strml
published 1.4.2 •

Changelog

Source

1.4.2 (Sep 22, 2023)

Bugfixes

  • Resizing in every directionnow obeys preventCollision restrictions #1937
strml
published 1.4.1 •

Changelog

Source

1.4.1 (Sep 12, 2023)

Bugfixes

  • Fixed bug where height/width could not be resized if h = 0 or w = 0 and 0 containerPadding. #1931
  • Revert fast-equals to @4. Fixes incompatibility with Create-React-App@5.
strml
published 1.4.0 •

Changelog

Source

1.4.0 (Sep 11, 2023)

Hey, it's been a long time! Taking a year and a half off is a pretty "open-source" thing to do, thanks for bearing with me.

New Features

  • Grid items can now be resized left and up! Thanks to @ludovic and @dseif for all the hard work they did on this. #1917
    • To use, specify resizeHandles directions on your <GridItem>s. See the example for more on how to do this.
    • See also the demo.
  • <WidthProvider> now uses a ResizeObserver instead of hooking into the window's 'resize' event. #1839
    • This should not be breaking for any users but introduces a new dependency, resize-observer-polyfill. It will not be imported unless you use <WidthProvider>.

Bugfixes

  • Fixed horizontal compact not always moving grid elements as far left as possible. #1822
  • Fixed a bug when allowOverlap={true} and compactType={null}, where collisions would still be processed. #1782
  • Fixed onResizeStop and onDragStop callbacks not returning updated layout. #1613
  • An item will now rerender when data-grid props change. #718
  • Corrected draggableHandle configuration in static elements example #1826

Internal Changes

  • Various dependency upgrades and upgraded tests.
  • Removed long-deprecated _grid property.
  • Various doc updates.
strml
published 1.3.4 •

Changelog

Source

1.3.4 (Feb 21, 2022)

Bugfixes

  • Add e.stopPropagation() on drag events to better support nested grids. Thanks @rogerfar #1494.

Internal Changes

  • Various dependency upgrades.
strml
published 1.3.3 •

Changelog

Source

1.3.3 (Jan 24, 2022)

This was a quick release to improve package size and dependency use. Thanks @salvoravida #1655

Bugfixes

  • Removed coverage/ folder from npm package to save size
  • Moved eslint parser to devDependencies
strml
published 1.3.2 •

Changelog

Source

1.3.2 (Jan 24, 2022)

Internal Changes

  • Package size reduced by ~30% by removing source in dist/ source maps.
  • Various tests added (thanks @imagineLife!)
  • New GitHub Actions flow for PRs
strml
published 1.3.1 •

Changelog

Source

1.3.1 (Nov 29, 2021)

Bugfixes

  • Fix allowOverlap not firing onLayoutChange(). #1620
    • This was due to a short-circuiting of internal logic that did not properly clone the layout prop.

Internal Changes

  • Replace classnames with clsx for smaller package size. (#1543)
strml
published 1.3.0 •

Changelog

Source

1.3.0 (Aug 27, 2021)

New Features

  • allowOverlap prop, when true, allows overlapping grid items. #1470
  • Add onDropDragOver callback. #1395
    • Use this callback to dynamically adjust the droppingItem based on what is being dragged over. Return w and h to adjust the item. It is then spread into the dropping placeholder.
    • This callback has the type:
      • onDragOver: (e: DragOverEvent) => { w: number, h: number } | false;
      • Return false to short-circuit the dragover.

Bugfixes

  • Remove sorting when compactType is null. #1474
  • Droppable fixes for Chrome behavior. #1442 #1448
  • Allow null children as a convenience so that inline expressions don't break the library. #1296
  • Various dependency upgrades.

Documentation

  • Add docs on using custom components as grid children.
  • Note required class on resizable handles for proper styling.
2345
11Next
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc