[dependabot]

Bumps react-resizable-panels from 4.12.1 to 4.16.0.

Release notes

Sourced from react-resizable-panels's releases.

4.16.0

• Add Workspace component, for layouts of tabsets that users can rearrange by dragging tabs: between tabsets, within a tabset's list of tabs, or onto the edge of a tabset to split it. Tabsets can also be resized and maximized. The layout is described by a serializable model, and tab content is not remounted when a tab is moved. - #780
  • Tabsets can be customized with the renderTab, renderTabsetToolbar, and renderEmptyTabset props (and the TabCloseButton component), and styled with the classNames and styles props.
  • Workspaces are uncontrolled (like Group); the useWorkspaceRef and useWorkspaceCallbackRef hooks return its imperative API.
  • Content within a workspace can use the useParentWorkspace, useParentTabset, useParentTabsetState, useParentTab, and useParentTabState hooks.
  • The content of tabs that aren't selected can stay mounted (default), be unmounted, or be rendered within a hidden React <Activity> (hiddenTabBehavior), and selected tabs' content can opt into server rendering (serverRenderTabContent).
  • Supports mouse, touch, and keyboard interaction.
• Fix separators (and grid gridlines) moving farther or less far than the pointer when an ancestor has CSS zoom or a scale transform (e.g. twice as far within zoom: 2). Pointer movements are now converted from screen pixels to layout pixels before resizing. - #780
• Fix separators staying in their "hover" state when the pointer moves onto an iframe within a Group rendered into another window (e.g. a popup). The iframe check no longer uses instanceof HTMLIFrameElement, which is false for iframes from another window. - #778
• Fix the separator resize preview (resizePreviewMode="separator") missing the separator's styles when its element was created by another window's document (e.g. by a popup's opener). - #781

4.15.3

• Fix unused components not being removed by some bundlers (e.g. esbuild), so an application that only imports Group no longer includes Grid. Components now set their displayName within a pure-annotated expression, and package.json declares "sideEffects": false. - #779

4.15.2

• Fix vh, vw, and em panel sizes (e.g. defaultSize="25vw") being resolved against the global window instead of the panel's own window, so a Group rendered into another window (e.g. a window.open popout via a portal, or an iframe) was sized against the opener's viewport. - #777

4.15.1

• Declare @types/react as an optional peer dependency. Under strict package linkers (e.g. pnpm with a global virtual store, Yarn PnP, or Bun isolated installs), TypeScript could fail to resolve it from this package, silently typing props built on React types as any. - #776

4.15.0

• Add useParentGroup, useParentPanel, and useParentGrid hooks. Components rendered within a Group, Panel, or Grid can use them to access the nearest one (including its imperative API) without passing refs down; they return null outside of a matching component. Within a Cell, useParentGroup returns the nearest Group outside of the Grid. - #775
• Imperative Panel and GridTrack resize(), collapse(), and expand() calls (and double-clicking a separator to reset a panel's size) now take space from, or give it to, the nearest panels that can absorb it, on either side of the panel being resized. Previously only the panels on one side were used, starting with the adjacent panel, so these calls could silently do nothing (e.g. when the next panel was collapsed) or unexpectedly collapse or expand other panels. Changes that don't collapse or expand other panels are now preferred. - #774
• expand() still restores a panel's most recent size, but if that would require collapsing another panel, it now expands to the largest size that fits instead (as long as that's at least its minSize). - #774
• Fix releasing the pointer after dragging the boundary between panels that don't have a Separator "clicking" the element under the pointer (e.g. a button in a panel header). - #774

4.14.8

• Fix "Stacking order can only be calculated for elements with a common ancestor" error thrown by the document pointermove handler when the event target is removed from the DOM during dispatch. Detached targets are now treated as viable hit targets. - #771
• Fix Group and Grid setLayout() and Panel resize(), collapse(), and expand() validating against pixel-based constraints for the previous group size when called before the group's ResizeObserver ran (e.g. from an application's own ResizeObserver). - #770

4.14.7

• Improve mount performance for groups with many panels by skipping redundant constraint recalculations and subscriber notifications when a Panel's disabled prop has not changed. - #768

4.14.6

• Fix F6 and Shift+F6 keyboard navigation trying to focus disabled separators. Disabled separators are now skipped. - #767

4.14.5

• Group, Panel, Separator, Grid, and Cell only render an explicit id (or data-testid) as data-testid - #766
• Empty string id prop is now treated the same as an undefined value and falls back to useId - #766
• Panel with an id of 0 is now properly treated as an explicit id value - #766

4.14.4

• Fix pointer events in one document affecting groups mounted in another (e.g. a popup window). The resize cursor is now only shown in the document that contains the active group. - #762
• Fix an error thrown by an onLayoutChange, onLayoutChanged, or onResize callback leaving a drag stuck in the active state or preventing other groups from being updated. The error is now re-thrown once all groups have been updated. - #763

4.14.3

• 761 Bugfix: A drag interrupted by pointercancel, lostpointercapture, or the window losing focus (e.g. Alt/Cmd+Tab) now ends and commits the current layout, rather than staying active until the next pointer event

4.14.2

• 759: Bugfix: Resort panels and separators before (re)deriving constraints

... (truncated)

Changelog

Sourced from react-resizable-panels's changelog.

4.16.0

• Add Workspace component, for layouts of tabsets that users can rearrange by dragging tabs: between tabsets, within a tabset's list of tabs, or onto the edge of a tabset to split it. Tabsets can also be resized and maximized. The layout is described by a serializable model, and tab content is not remounted when a tab is moved. - #780
  • Tabsets can be customized with the renderTab, renderTabsetToolbar, and renderEmptyTabset props (and the TabCloseButton component), and styled with the classNames and styles props.
  • Workspaces are uncontrolled (like Group); the useWorkspaceRef and useWorkspaceCallbackRef hooks return its imperative API.
  • Content within a workspace can use the useParentWorkspace, useParentTabset, useParentTabsetState, useParentTab, and useParentTabState hooks.
  • The content of tabs that aren't selected can stay mounted (default), be unmounted, or be rendered within a hidden React <Activity> (hiddenTabBehavior), and selected tabs' content can opt into server rendering (serverRenderTabContent).
  • Supports mouse, touch, and keyboard interaction.
• Fix separators (and grid gridlines) moving farther or less far than the pointer when an ancestor has CSS zoom or a scale transform (e.g. twice as far within zoom: 2). Pointer movements are now converted from screen pixels to layout pixels before resizing. - #780
• Fix separators staying in their "hover" state when the pointer moves onto an iframe within a Group rendered into another window (e.g. a popup). The iframe check no longer uses instanceof HTMLIFrameElement, which is false for iframes from another window. - #778
• Fix the separator resize preview (resizePreviewMode="separator") missing the separator's styles when its element was created by another window's document (e.g. by a popup's opener). - #781

4.15.3

• Fix unused components not being removed by some bundlers (e.g. esbuild), so an application that only imports Group no longer includes Grid. Components now set their displayName within a pure-annotated expression, and package.json declares "sideEffects": false. - #779

4.15.2

• Fix vh, vw, and em panel sizes (e.g. defaultSize="25vw") being resolved against the global window instead of the panel's own window, so a Group rendered into another window (e.g. a window.open popout via a portal, or an iframe) was sized against the opener's viewport. - #777

4.15.1

• Declare @types/react as an optional peer dependency. Under strict package linkers (e.g. pnpm with a global virtual store, Yarn PnP, or Bun isolated installs), TypeScript could fail to resolve it from this package, silently typing props built on React types as any. - #776

4.15.0

• Add useParentGroup, useParentPanel, and useParentGrid hooks. Components rendered within a Group, Panel, or Grid can use them to access the nearest one (including its imperative API) without passing refs down; they return null outside of a matching component. Within a Cell, useParentGroup returns the nearest Group outside of the Grid. - #775
• Imperative Panel and GridTrack resize(), collapse(), and expand() calls (and double-clicking a separator to reset a panel's size) now take space from, or give it to, the nearest panels that can absorb it, on either side of the panel being resized. Previously only the panels on one side were used, starting with the adjacent panel, so these calls could silently do nothing (e.g. when the next panel was collapsed) or unexpectedly collapse or expand other panels. Changes that don't collapse or expand other panels are now preferred. - #774
• expand() still restores a panel's most recent size, but if that would require collapsing another panel, it now expands to the largest size that fits instead (as long as that's at least its minSize). - #774
• Fix releasing the pointer after dragging the boundary between panels that don't have a Separator "clicking" the element under the pointer (e.g. a button in a panel header). - #774

4.14.8

• Fix "Stacking order can only be calculated for elements with a common ancestor" error thrown by the document pointermove handler when the event target is removed from the DOM during dispatch. Detached targets are now treated as viable hit targets. - #771
• Fix Group and Grid setLayout() and Panel resize(), collapse(), and expand() validating against pixel-based constraints for the previous group size when called before the group's ResizeObserver ran (e.g. from an application's own ResizeObserver). - #770

4.14.7

• Improve mount performance for groups with many panels by skipping redundant constraint recalculations and subscriber notifications when a Panel's disabled prop has not changed. - #768

4.14.6

• Fix F6 and Shift+F6 keyboard navigation trying to focus disabled separators. Disabled separators are now skipped. - #767

4.14.5

• Group, Panel, Separator, Grid, and Cell only render an explicit id (or data-testid) as data-testid - #766
• Empty string id prop is now treated the same as an undefined value and falls back to useId - #766
• Panel with an id of 0 is now properly treated as an explicit id value - #766

... (truncated)

Commits

• 189dd52 4.15.3 -> 4.16.0
• 3a0432b Cross window bug fixes (#781)
• 71cdc1f Reset hover state when the pointer moves onto an iframe in another window (#778)
• 3f93190 Workspaces (#780)
• c61a77b 4.15.2 -> 4.15.3
• e3fd635 Set displayName via pure-annotated declarations instead of a build plugin (...
• 1d3a156 4.15.1 -> 4.15.2
• 3b7c44f Resolve vh/vw sizes against the panel's own window (#777)
• a499612 4.15.0 -> 4.15.1
• 44d77fb Declare @​types/react as an optional peer dependency (#776)
• Additional commits viewable in compare view

[ip2a]

@dependabot rebase

[ip2a]

Closing during branch cleanup — will be re-evaluated by the next dependabot run.

[dependabot]

OK, I won't notify you again about this release, but will get in touch when a new version is available. If you'd rather skip all updates until the next major or minor version, let me know by commenting @dependabot ignore this major version or @dependabot ignore this minor version. You can also ignore all major, minor, or patch releases for a dependency by adding an ignore condition with the desired update_types to your config file.

If you change your mind, just re-open this PR and I'll resolve any conflicts on it.