Skip to content

Conversation

@dependabot
Copy link
Contributor

@dependabot dependabot bot commented on behalf of github Dec 17, 2025

Bumps react-resizable-panels from 3.0.6 to 4.0.2.

Release notes

Sourced from react-resizable-panels's releases.

4.0.1

  • #530: Edge case bug fix: Account for pointer resize events near edge of window/iframe

4.0.0

Version 4 of react-resizable-panels offers more flexible size constraints– supporting units as pixels, percentages, REMs/EMs, and more. Support for server-rendering (including Server Components) has also been expanded.

Migrating from version 3 to 4

Refer to the docs for a complete list of props and API methods. Below are some examples of migrating from version 3 to 4, but first a couple of potential questions:

onResize={(size) => {
  // Either this
  const isCollapsed = size === collapsedSize;
// Or this:
panelRef.isCollapsed();
}}

Basic usage example

// Version 3
import { PanelGroup, Panel, PanelResizeHandle } from "react-resizable-panels";
<PanelGroup direction="horizontal">
<Panel defaultSize={30} minSize={20}>left</Panel>
<PanelResizeHandle />
<Panel defaultSize={30} minSize={20}>right</Panel>
</PanelGroup>
// Version 4
import { Group, Panel, Separator } from "react-resizable-panels";
<Group orientation="horizontal">
<Panel defaultSize={30} minSize={20}>left</Panel>
</tr></table>

... (truncated)

Changelog

Sourced from react-resizable-panels's changelog.

4.0.2

  • Export GroupImperativeHandle and PanelImperativeHandle types.

4.0.1

  • #530: Edge case bug fix: Account for pointer resize events near edge of window/iframe

4.0.0

Version 4 of react-resizable-panels offers more flexible size constraints– supporting units as pixels, percentages, REMs/EMs, and more. Support for server-rendering (including Server Components) has also been expanded.

Migrating from version 3 to 4

Refer to the docs for a complete list of props and API methods. Below are some examples of migrating from version 3 to 4, but first a couple of potential questions:

onResize={(size) => {
  // Either this
  const isCollapsed = size === collapsedSize;
// Or this:
panelRef.isCollapsed();
}}

Basic usage example

// Version 3
import { PanelGroup, Panel, PanelResizeHandle } from "react-resizable-panels";
<PanelGroup direction="horizontal">
<Panel defaultSize={30} minSize={20}>left</Panel>
<PanelResizeHandle />
<Panel defaultSize={30} minSize={20}>right</Panel>
</PanelGroup>
// Version 4
</tr></table>

... (truncated)

Commits

Dependabot compatibility score

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

  • @dependabot rebase will rebase this PR
  • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
  • @dependabot merge will merge this PR after your CI passes on it
  • @dependabot squash and merge will squash and merge this PR after your CI passes on it
  • @dependabot cancel merge will cancel a previously requested merge and block automerging
  • @dependabot reopen will reopen this PR if it is closed
  • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
  • @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
  • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot dependabot bot added dependencies Pull requests that update a dependency file javascript Pull requests that update javascript code labels Dec 17, 2025
@dependabot dependabot bot requested a review from a team as a code owner December 17, 2025 10:08
@dependabot dependabot bot added dependencies Pull requests that update a dependency file javascript Pull requests that update javascript code labels Dec 17, 2025
@dfuchss
Copy link
Member

dfuchss commented Dec 18, 2025

@dependabot rebase

Bumps [react-resizable-panels](https://github.com/bvaughn/react-resizable-panels) from 3.0.6 to 4.0.2.
- [Release notes](https://github.com/bvaughn/react-resizable-panels/releases)
- [Changelog](https://github.com/bvaughn/react-resizable-panels/blob/main/CHANGELOG.md)
- [Commits](bvaughn/react-resizable-panels@3.0.6...4.0.2)

---
updated-dependencies:
- dependency-name: react-resizable-panels
  dependency-version: 4.0.2
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>
@dependabot dependabot bot force-pushed the dependabot/npm_and_yarn/react-resizable-panels-4.0.2 branch from b4e475c to 2e7e7b6 Compare December 18, 2025 15:20
@dfuchss dfuchss merged commit 07262b8 into main Dec 18, 2025
2 checks passed
@dependabot dependabot bot deleted the dependabot/npm_and_yarn/react-resizable-panels-4.0.2 branch December 18, 2025 15:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

dependencies Pull requests that update a dependency file javascript Pull requests that update javascript code

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants