Skip to content

Bump react-resizable-panels from 2.1.9 to 4.12.3 - #145

Closed
dependabot[bot] wants to merge 1 commit into
mainfrom
dependabot/npm_and_yarn/react-resizable-panels-4.12.3
Closed

dependabot[bot] wants to merge 1 commit into
mainfrom
dependabot/npm_and_yarn/react-resizable-panels-4.12.3

Conversation

@dependabot

@dependabot dependabot Bot commented on behalf of github Sep 7, 2026

Copy link
Copy Markdown
Contributor

Bumps react-resizable-panels from 2.1.9 to 4.12.3.

Release notes

Sourced from react-resizable-panels's releases.

4.12.3

  • 730: Guard CSSStyleSheet construction to avoid throwing in unsupported environments (@​leo-yang-qiong)
  • 736: Bugfix: Derived Panel constraints equality check
  • 732: Bugfix: Prevent orphaned groups in "pointerup" edge case (@​waterWang)

4.12.1

  • 723: Bug fix for context menu event (right click) occurring while pointer-resize is active

4.12.0

  • 716): Meta info available to onLayoutChanged callback signalling whether resize event was triggered by direct user input (keyboard or mouse)
  • useDefaultLayout hook supports onlySaveAfterUserInteractions option to only save layouts when directly triggered by user interactions.

4.9.0

  • 702: Add disableDoubleClick prop to Separator to enable turning off the double-click size reset behavior.

4.8.0

  • 699: useDefaultLayout hook automatically migrates legacy layouts to version 4 format; see issue 605 or PR 699 for details on how this works.

4.7.6

  • 698: Replace Panel aria-disabled attribute with data-disabled

4.7.5

  • 696: Improved server rendering support for defaultSize prop

4.7.4

  • 689: Fix edge case bug with pointer event capture

4.7.3

  • 690: Imperative Panel API supports non-percentage sizes

4.7.2

  • 683: Don't scroll separator when setting focus

4.7.1

  • 678: Change default overflow styles to support shadows

4.7.0

  • 677: Add groupResizeBehavior prop to Panel, enabling panels to retain their current size (pixels) size when the parent Group is resized.

4.6.5

  • 670: Check for undefined adoptedStyleSheets (to better support environments like jsdom)
  • 671: Bug-fix: Update in-memory layout cache when group is resized by double-clicking on a separator

4.6.4

  • 664, 665: Resize actions sometimes "jump" on touch devices

4.6.3

  • Fixed a problem with project logo not displaying correctly in the README for the Firefox browser.

4.6.2

... (truncated)

Changelog

Sourced from react-resizable-panels's changelog.

4.12.3

  • 730: Guard CSSStyleSheet construction to avoid throwing in unsupported environments (@​leo-yang-qiong)
  • 736: Bugfix: Derived Panel constraints equality check
  • 732: Bugfix: Prevent orphaned groups in "pointerup" edge case (@​waterWang)

4.12.2

  • 726: Updated inline documentation to clarify size units.

4.12.1

  • 723: Bug fix for context menu event (right click) occurring while pointer-resize is active

4.12.0

  • 716): Meta info available to onLayoutChanged callback signalling whether resize event was triggered by direct user input (keyboard or mouse)
  • useDefaultLayout hook supports onlySaveAfterUserInteractions option to only save layouts when directly triggered by user interactions.

4.11.2

  • 719): Bug fix: Calculate rem-based sizes relative to owner document (not body)

4.11.1

  • 715): Edge case SSR bug fix for panels with defaultSize={0}

4.11.0

  • 712: Separator supports :focus-visible pseudo-class
  • 703: Fix: edge case scenarios when collapsing the last panel
  • 711: Improve legacy browser support wrt global stylesheets

4.10.0

  • 705: Add data-separator="focus" state for Separator elements for more consistent custom CSS styles.

4.9.0

  • 702: Add disableDoubleClick prop to Separator to enable turning off the double-click size reset behavior.

4.8.0

  • 699: useDefaultLayout hook automatically migrates legacy layouts to version 4 format; see issue 605 for details on how this works.

4.7.6

  • 698: Replace Panel aria-disabled attribute with data-disabled

4.7.5

... (truncated)

Commits
  • f9c4227 4.12.2 -> 4.12.3
  • 30503d1 Fix derived Panel constraints equality check (#736)
  • 30aef6a Pending CHANGELOG
  • b1d574e fix: guard CSSStyleSheet construction with adoptedStyleSheets check (#730)
  • 6649f42 fix: don't resurrect stale group entries on pointer-up commit (Fixes #729) (#...
  • a1eeb7a 4.12.1 -> 4.12.2
  • 3e877a1 4.12.0 -> 4.12.1
  • 039d167 fix #723: Ending a drag with a right-click results in panels incorrectly swal...
  • 554645a Update README
  • 8b0ffa9 4.11.2 -> 4.12.0
  • Additional commits viewable in compare view

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

Bumps [react-resizable-panels](https://github.com/bvaughn/react-resizable-panels) from 2.1.9 to 4.12.3.
- [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@2.1.9...4.12.3)

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

Signed-off-by: dependabot[bot] <support@github.com>
@dependabot dependabot Bot added the dependencies Pull requests that update a dependency file label Sep 7, 2026
@vercel

vercel Bot commented Sep 7, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
visual-astro Ready Ready Preview Sep 7, 2026 3:56am UTC

@jan-tdy

jan-tdy commented Sep 11, 2026

Copy link
Copy Markdown
Owner

@coderabbitai review

@coderabbitai

coderabbitai Bot commented Sep 11, 2026

Copy link
Copy Markdown
Contributor
⚠️ Action not completed

Review rate limited.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.

@coderabbitai

coderabbitai Bot commented Sep 11, 2026

Copy link
Copy Markdown
Contributor

Warning

Review limit reached

Next included review available in 57 minutes.

Check out review usage here.

View limit details

Limit details: You’ve used the included review currently available.

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

Learn how review limits work.

Review configuration:

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Advanced

Run ID: 0b22b964-08dd-4db9-bd34-7ba33d04f6ca

📥 Commits

Reviewing files that changed from the base of the PR and between c9bf0a2 and 217e7a9.

⛔ Files ignored due to path filters (1)
  • package-lock.json is excluded by !**/package-lock.json
📒 Files selected for processing (1)
  • package.json

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@jan-tdy

jan-tdy commented Sep 16, 2026

Copy link
Copy Markdown
Owner

@coderabbitai safe to merge? i mean, will this update break anythging?

@coderabbitai

coderabbitai Bot commented Sep 16, 2026

Copy link
Copy Markdown
Contributor

Tip

For best results, initiate chat on the files or code changes.

🧩 Analysis chain

🏁 Script executed:

#!/bin/bash
set -euo pipefail

printf '%s\n' '== Changed files =='
git diff --name-status HEAD^ HEAD || true

printf '%s\n' '== Dependency diff =='
git diff HEAD^ HEAD -- package.json package-lock.json yarn.lock pnpm-lock.yaml bun.lockb 2>/dev/null || true

printf '%s\n' '== Package manifests =='
fd -a -t f '^(package\.json|package-lock\.json|yarn\.lock|pnpm-lock\.yaml)$' . -E node_modules -E dist -E build | sort

printf '%s\n' '== Package scripts =='
python3 - <<'PY'
import json
from pathlib import Path
for path in Path('.').rglob('package.json'):
    if any(part in {'node_modules','dist','build'} for part in path.parts):
        continue
    try:
        data=json.loads(path.read_text())
    except Exception:
        continue
    print(f'--- {path} ---')
    for name, command in data.get('scripts', {}).items():
        print(f'{name}: {command}')
PY

printf '%s\n' '== react-resizable-panels imports/usages =='
rg -n -C 5 --glob '!node_modules/**' --glob '!dist/**' --glob '!build/**' \
  '(from\s+["'\'']react-resizable-panels["'\'']|require\(\s*["'\'']react-resizable-panels["'\'']\s*\)|react-resizable-panels)' . || true

printf '%s\n' '== Source file candidates =='
rg -l --glob '!node_modules/**' --glob '!dist/**' --glob '!build/**' \
  '(from\s+["'\'']react-resizable-panels["'\'']|require\(\s*["'\'']react-resizable-panels["'\'']\s*\))' . 2>/dev/null || true

Length of output: 6367


🏁 Script executed:

#!/bin/bash
set -u

echo "PWD=$(pwd)"
echo "HEAD=$(git rev-parse --short HEAD 2>&1)"
echo "PARENT=$(git rev-parse --short HEAD^ 2>&1)"
echo "DIFF:"
git diff --name-status HEAD^ HEAD 2>&1
echo "MANIFEST DIFF:"
git diff --unified=80 HEAD^ HEAD -- package.json package-lock.json yarn.lock pnpm-lock.yaml 2>&1
echo "MANIFESTS:"
find . -path '*/node_modules' -prune -o -path '*/.git' -prune -o \( -name package.json -o -name package-lock.json -o -name yarn.lock -o -name pnpm-lock.yaml \) -print 2>&1
echo "IMPORTS:"
rg -n -C 6 --glob '!node_modules/**' --glob '!dist/**' --glob '!build/**' 'react-resizable-panels' . 2>&1 || true
exit 0

Length of output: 19527


🏁 Script executed:

#!/bin/bash
set -euo pipefail

workdir="$(mktemp -d)"
trap 'rm -rf "$workdir"' EXIT

npm pack --silent --pack-destination "$workdir" react-resizable-panels@2.1.9
npm pack --silent --pack-destination "$workdir" react-resizable-panels@4.12.3

for archive in "$workdir"/*.tgz; do
  echo "== ${archive##*/}: declarations and export metadata =="
  tar -tzf "$archive" | grep -E '(^package/package\.json$|\.d\.ts$)' | head -100
  echo "== package.json =="
  tar -xOf "$archive" package/package.json | python3 -m json.tool | sed -n '1,180p'
done

Length of output: 11294


🏁 Script executed:

#!/bin/bash
set -euo pipefail

echo '== Wrapper =='
cat -n src/components/ui/resizable.tsx

echo '== Wrapper imports and JSX consumers =='
rg -n -C 8 --glob '!node_modules/**' --glob '!dist/**' --glob '!build/**' \
  '(from\s+["'\'']`@/components/ui/resizable`["'\'']|from\s+["'\''][^"'\'']*components/ui/resizable["'\'']|<ResizablePanel(Group|Handle)?\b)' src || true

workdir="$(mktemp -d)"
trap 'rm -rf "$workdir"' EXIT
npm pack --silent --pack-destination "$workdir" react-resizable-panels@2.1.9 >/dev/null
npm pack --silent --pack-destination "$workdir" react-resizable-panels@4.12.3 >/dev/null
mkdir "$workdir/v2" "$workdir/v4"
tar -xzf "$workdir/react-resizable-panels-2.1.9.tgz" -C "$workdir/v2"
tar -xzf "$workdir/react-resizable-panels-4.12.3.tgz" -C "$workdir/v4"

echo '== v2 public declarations =='
cat "$workdir/v2/package/dist/declarations/src/index.d.ts"
echo '== v4 public declarations (relevant exports/types) =='
rg -n -C 5 '(PanelGroup|PanelResizeHandle|Panel\b|export)' \
  "$workdir/v4/package/dist/react-resizable-panels.d.ts" | head -260

Length of output: 16393


@jan-tdy No. Do not merge this PR as-is.

src/components/ui/resizable.tsx imports PanelGroup and PanelResizeHandle from react-resizable-panels. Version 4.12.3 exports Group and Separator instead. The existing wrapper will fail type checking and bundling because these exports no longer exist.

The React peer dependency is compatible, but the component API is not. Update the wrapper before merge:

import * as ResizablePrimitive from "react-resizable-panels";

const ResizablePanelGroup = ({
  className,
  ...props
}: React.ComponentProps<typeof ResizablePrimitive.Group>) => (
  <ResizablePrimitive.Group className={cn(/* existing classes */, className)} {...props} />
);

const ResizableHandle = ({
  withHandle,
  className,
  ...props
}: React.ComponentProps<typeof ResizablePrimitive.Separator> & {
  withHandle?: boolean;
}) => (
  <ResizablePrimitive.Separator className={cn(/* existing classes */, className)} {...props}>
    {/* existing handle content */}
  </ResizablePrimitive.Separator>
);

Then run npm run build, npm run lint, and npm test. 🐇

You are interacting with an AI system.

@jan-tdy
jan-tdy marked this pull request as draft September 16, 2026 12:33
@dependabot @github

dependabot Bot commented on behalf of github Sep 21, 2026

Copy link
Copy Markdown
Contributor Author

Superseded by #162.

@dependabot dependabot Bot closed this Sep 21, 2026
@dependabot
dependabot Bot deleted the dependabot/npm_and_yarn/react-resizable-panels-4.12.3 branch September 21, 2026 03:59

This branch was successfully deployed

1 active deployment
Preview 217e7a95 Deployed Sep 7, 2026 by vercel[bot]
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

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant