4.5.2

• 626: Decrease default hit target size for Separator and Panel edges; make configurable via a new Group prop.

4.5.1

• 624: Bugfix: Fallback to alternate CSS cursor styles for Safari

Safari	Chrome, Firefox
grab	move
col-resize	ew-resize
row-resize	ns-resize

4.5.0

• 616: Replace Separator and Panel edge hit-area padding with a minimum size threshold based on Apple's user interface guidelines. Separators that are large enough will no longer be padded; separators that are too small (or panels without separators) will more or less function like before. This should not have much of a user-facing impact other than an increase in the click target area. (Previously I was not padding enough, as per Apple's guidelines.)
• 615, 620: Double-clicking on a Separator resets its associated Panel to its default-size (see video below); double-click will have no impact on panels without default sizes
• 622: Bugfix: Panels within vertical groups are now properly sized in Safari
• 618: Bugfix: Don't override adoptedStyleSheets

Demo of double-clicking on a separator:

dbl-click.mov

4.4.2

• 610: Fix calculated cursor style when "pointermove" event is has low-precision/rounded clientX and clientY values

4.4.1

• 600: Bugfix: Collapsible Panel should treat defaultSize={0} as collapsed on mount

4.4.0

• 599: Add new onLayoutChanged prop to Group.

For layout changes caused by pointer events, this method is not called until the pointer has been released. This callback should be used if you're doing something like saving a layout as it is called less frequently than the previous approach.

The useDefaultLayout hook has also been updated to use this callback (though it will continue to support the old callback as well, with a @deprecation tag).

4.3.3

• 595: Don't call event.preventDefault() on "pointerup" unless a handle was actively dragged

Note

This change also fixes a text selection bug that impacted Windows users (#574)

4.3.2

• Moved flex-grow Panel style to an inline value instead of a CSS variable defined on the parent Group to improve rendering performance. (This significantly reduces the negative impact from forced-reflow)

4.3.1

• 588: Replace "unset" styles with safer override values
• 589: Use capture phase for "pointerdown" and "pointerup" events; this is necessary for compatibility with certain UI libraries like Blueprint JS
• 590: Read Panel pixel size using offsetWidth/offsetHeight rather than inlineSize to avoid an edgecase bug with ResizeObserver

4.3.0

• 583: Group component now sets default width, height, and overflow styles; (both can be overridden using the style property)
• 582: Drag interactions only call event.preventDefault for the primary button
• Refine TS types for useGroupRef and usePanelRef to include | null to increase compatibility with older React versions
• Update TSDoc comments for Panel and Separator components