Update dependency react-resizable-panels to v4 by renovate[bot] · Pull Request #33 · descope-sample-apps/10x-crm-sample-app

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

`v4.6.4`

Compare Source

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

`v4.6.3`

Compare Source

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

`v4.6.2`

Compare Source

660: Group guards against layouts with mis-ordered Panel id keys

`v4.6.1`

Compare Source

658: Imperative Panel and Group APIs ignored disabled status when resizing panels; this is an explicit override of the disabled state and is required to support conditionally disabled groups.
658: Separator component does not set a cursor: not-allowed style if the parent Group has cursors disabled.

`v4.6.0`

Compare Source

657: Allow Panel and Separator components to be disabled

`v4.5.9`

Compare Source

649: Optimization: Replace useForceUpdate with useSyncExternalStore to avoid side effect of swallowing "click" events in certain cases
654: Bugfix Imperative Group method setLayout persists layout to in-memory cache
652: Re-enable collapsible panel bugfix after fixing another reported issue

`v4.5.8`

Compare Source

651: Disabled the change to collapsible panel behavior that was originally made in 635 due to another reported regression

`v4.5.7`

Compare Source

646: Re-enable the collapsible Panel from 4.5.3 that was disabled in 4.5.6
648: Bugfix: Reset Separator hover-state on Document "pointerout"

`v4.5.6`

Compare Source

644: Disabled the change to collapsible panel behavior that was originally made in 635

`v4.5.5`

Compare Source

641: Removed aria-orientation role from root Group element as this was invalid according to the ARIA spec; (for more information see the discussion on issue #640)
642: Bugfix: Fix collapsible Panel regression introduced in 4.5.3

`v4.5.4`

Compare Source

638: Panel avoids unnecessary re-renders in response to mouse-hover state.

`v4.5.3`

Compare Source

635: Expand pre-collapsed panels if drug past the halfway point for more consistent collapse/expand behavior.
631: Bugfix: Panels set max-width and max-height to 100% to fix potential CSS overflow bug.

`v4.5.2`

Compare Source

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

`v4.5.1`

Compare Source

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

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

`v4.5.0`

Compare Source

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

`v4.4.2`

Compare Source

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

`v4.4.1`

Compare Source

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

`v4.4.0`

Compare Source

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

`v4.3.3`

Compare Source

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)

`v4.3.2`

Compare Source

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)

`v4.3.1`

Compare Source

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

`v4.3.0`

Compare Source

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

`v4.2.2`

Compare Source

useDefaultLayout hook initializes storage param to localStorage if undefined.
Fix ambiguous type for Panel prop onResize that impacted certain TypeScript versions.

`v4.2.1`

Compare Source

2a6b03f: Add displayName property to Group, Panel, and Separator components for better debugging experience.
577: Group handles newly registered Panels + Separators during mount so that user code can safely call imperative APIs earlier

`v4.2.0`

Compare Source

573: Add prevPanelSize param to onResize callback to help simplify collapse/expand detection.

`v4.1.1`

Compare Source

571: Update TS types to better reflect that Separator attributes role and tabIndex cannot be overridden using props.

`v4.1.0`

Compare Source

567: useDefaultLayout hook supports saving and restoring multiple Panel layouts
568: Fix race in useGroupRef and usePanelRef hooks

`v4.0.16`

Compare Source

563: Panel expand() API should restore pre-collapse size
564: Add guard for unexpected defaultView value seemingly returned by some dev environments

`v4.0.15`

Compare Source

556: Ignore defaultLayout when keys don't match Panel ids

`v4.0.14`

Compare Source

555: Allow resizable panels to be rendered into a different Window (e.g. popup or frame) by accessing globals through element.ownerDocument.defaultView

`v4.0.13`

Compare Source

useDefaultLayout: Deprecated groupId param in favor of id to avoid confusion; (there is no actual requirement for the Group to have a matching id)

`v4.0.12`

Compare Source

552: useDefaultLayout now debounces calls to storage.setItem by 150ms

// To opt out of this change
useDefaultLayout({
  debounceSaveMs: 0,
  groupId: "test-group-id",
  storage: localStorage,
})

[!NOTE]
Some may consider this a breaking change, considering the default value is 150ms rather than 0ms. I think in practice this should only impact unit tests which can be easily fixed by overriding the default (as shown above) or by using fake timers.

Changes like this are often judgement calls, but I think on balance it's better to correct my initial oversight of not debouncing this by default.

`v4.0.11`

Compare Source

8604491: Fix edge case bug with panel constraints not being properly invalidated after resize

`v4.0.10`

Compare Source

#551: Expand fixed-size element support

`v4.0.9`

Compare Source

#542: Clicks on higher z-index elements (e.g. modals) should not trigger separators behind them
#547: Don't re-mount Group when defaultLayout or disableCursor props change
#548: Bugfix: Gracefully handle Panel id changes
#549: Improve DevX when Group within hidden DOM subtree; defer layout-change events

`v4.0.8`

Compare Source

#541: Don't set invalid layouts when Group is hidden or has a width/height of 0
40d4356: Gracefully handle invalid defaultLayout value

`v4.0.7`

Compare Source

f07bf00: Reset pointer-event styles after "pointerup" event

`v4.0.6`

Compare Source

0796644: Account for Flex gap when calculating pointer-move delta %

`v4.0.5`

Compare Source

#535: Updated docs to make size and layout formats clearer

`v4.0.4`

Compare Source

#534: Set focus on Separator on "pointerdown"
e08fe42: Improve iOS/Safari resize UX

`v4.0.3`

Compare Source

Fixed TS type for defaultLayout value returned from useDefaultLayout

`v4.0.2`

Compare Source

Export GroupImperativeHandle and PanelImperativeHandle types.

`v4.0.1`

Compare Source

useDefaultLayout: Deprecated groupId param in favor of id to avoid confusion; (there is no actual requirement for the Group to have a matching id)

`v4.0.0`

Compare Source

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:

Q: Why'd you rename <component> or <prop>?

A: The most likely reason is that I think the new name more closely aligns with web standards like WAI-ARIA and CSS. For example, the PanelResizeHandle component was renamed to Separator to better align with the ARIA "separator" role and the direction prop was renamed to orientation to better align with the ARIA orientation attribute .

Q: Why'd you remove support for <feature>?

A: Probably because it wasn't used widely enough to justify the complexity required to maintain it. If it turns out that I'm mistaken, features can always be (re)added but it's more difficult to remove them.

Q: Were the onCollapse and onExpand event handlers removed?

A: Yes. Use the onResize event handler instead:

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>
  <Separator />
  <Panel defaultSize="30%" minSize="20%">right</Panel>
</Group>

Persistent layouts using localStorage

// Version 3

import { PanelGroup, Panel, PanelResizeHandle } from "react-resizable-panels";

<PanelGroup autoSaveId="unique-group-id" direction="horizontal">
  <Panel>left</Panel>
  <PanelResizeHandle />
  <Panel>right</Panel>
</PanelGroup>

// Version 4

import { Group, Panel, Separator, useDefaultLayout } from "react-resizable-panels";

const { defaultLayout, onLayoutChange } = useDefaultLayout({
  groupId: "unique-group-id",
  storage: localStorage
});

<Group defaultLayout={defaultLayout} onLayoutChange={onLayoutChange}>
  <Panel>left</Panel>
  <Separator />
  <Panel>right</Panel>
</Group>

[!NOTE]
Refer to the docs for examples of persistent layouts with server rendering and server components.

Conditional panels

// Version 3

import { PanelGroup, Panel, PanelResizeHandle } from "react-resizable-panels";

<PanelGroup autoSaveId="unique-group-id" direction="horizontal">
   {showLeftPanel && (
     <>
       <Panel id="left" order={1}>left</Panel>
       <PanelResizeHandle />
     </>
   )}
   <Panel id="center" order={2}>center</Panel>
   {showRightPanel && (
     <>
       <PanelResizeHandle />
       <Panel id="right" order={3}>right</Panel>
     </>
   )}
</PanelGroup>

// Version 4

import { Group, Panel, Separator } from "react-resizable-panels";

<Group>
  {showLeftPanel && (
    <>
      <Panel id="left">left</Panel>
      <Separator />
    </>
  )}
  <Panel id="center">center</Panel>
  {showRightPanel && (
    <>
      <Separator />
      <Panel id="right">right</Panel>
    </>
  )}
</Group>

Imperative APIs

// Version 3

import { PanelGroup, Panel, PanelResizeHandle } from "react-resizable-panels";
import type { ImperativePanelGroupHandle, ImperativePanelHandle }from "react-resizable-panels";

 const panelRef = useRef<ImperativePanelHandle>(null);
 const panelGroupRef = useRef<ImperativePanelGroupHandle>(null);

<PanelGroup direction="horizontal" ref={panelGroupRef}>
  <Panel ref={panelRef}>left</Panel>
  <PanelResizeHandle />
  <Panel>right</Panel>
</PanelGroup>

// Version 4

import { Group, Panel, Separator, useGroupRef, usePanelRef } from "react-resizable-panels";

const groupRef = useGroupRef();
const panelRef = usePanelRef();

<Group groupRef={groupRef} orientation="horizontal">
  <Panel panelRef={panelRef}>left</Panel>
  <Separator />
  <Panel>right</Panel>
</Group>

Disabling custom cursors

// Version 3

import { disableGlobalCursorStyles } from "react-resizable-panels";

disableGlobalCursorStyles();

// Version 4

import { Group, Panel, Separator } from "react-resizable-panels";

<Group disableCursor />

`v3.0.6`

Compare Source

#517: Fixed Firefox bug that caused resizing to be interrupted unexpected

`v3.0.5`

Compare Source

#512: Fixed size precision regression from 2.0.17

`v3.0.4`

Compare Source

#503: Support custom cursors

`v3.0.3`

Compare Source

#492: Fix compatibility with Cloudflare workers

`v3.0.2`

Compare Source

Fallback for type of HTMLElement to better support portal edge cases

`v3.0.1`

Compare Source

#479: Improve support for Cloudflare Workers and Vercel Functions
#480: Fixed package.json#types reference

`v3.0.0`

Compare Source

#478: Module is ESM-only in order to better work with modern tooling.
#475: "pointerup" and "pointercancel" listeners are now attached to the ownerDocument body to better support edge cases like portals being rendered into a child window.

`v2.1.9`

Compare Source

`v2.1.8`

Compare Source

Configuration

📅 Schedule: (in timezone Asia/Jerusalem)

Branch creation
- At any time (no schedule defined)
Automerge
- At any time (no schedule defined)

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

renovate · 2025-12-20T23:50:48Z

⚠️ Artifact update problem

Renovate failed to update an artifact related to this branch. You probably do not want to merge this PR as-is.

♻ Renovate will retry this branch, including artifacts, only when one of the following happens:

any of the package files in this branch needs updating, or
the branch becomes conflicted, or
you click the rebase/retry checkbox if found above, or
you rename this PR's title to start with "rebase!" to trigger it manually

The artifact failure details are included below:

File name: package-lock.json

npm warn Unknown env config "store". This will stop working in the next major version of npm. See `npm help npmrc` for supported config options.
npm error code ERESOLVE
npm error ERESOLVE could not resolve
npm error
npm error While resolving: react-day-picker@8.10.1
npm error Found: date-fns@4.1.0
npm error node_modules/date-fns
npm error   date-fns@"4.1.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer date-fns@"^2.28.0 || ^3.0.0" from react-day-picker@8.10.1
npm error node_modules/react-day-picker
npm error   react-day-picker@"8.10.1" from the root project
npm error
npm error Conflicting peer dependency: date-fns@3.6.0
npm error node_modules/date-fns
npm error   peer date-fns@"^2.28.0 || ^3.0.0" from react-day-picker@8.10.1
npm error   node_modules/react-day-picker
npm error     react-day-picker@"8.10.1" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry this command with --force or --legacy-peer-deps to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error /runner/cache/others/npm/_logs/2026-05-12T14_12_39_160Z-eresolve-report.txt
npm error A complete log of this run can be found in: /runner/cache/others/npm/_logs/2026-05-12T14_12_39_160Z-debug-0.log

vercel · 2025-12-20T23:50:51Z

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

Project	Deployment	Actions	Updated (UTC)
10x-crm	Ready	Preview, Comment	May 12, 2026 2:13pm

renovate Bot added the renovate label Dec 20, 2025

vercel Bot deployed to Preview December 20, 2025 23:51 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from 3988b69 to b78e170 Compare December 23, 2025 07:43

vercel Bot deployed to Preview December 23, 2025 07:43 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from b78e170 to 3c877ec Compare December 24, 2025 19:03

vercel Bot deployed to Preview December 24, 2025 19:04 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from 3c877ec to 8bed472 Compare December 25, 2025 12:02

vercel Bot deployed to Preview December 25, 2025 12:03 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from 8bed472 to 9cace59 Compare January 1, 2026 03:45

vercel Bot deployed to Preview January 1, 2026 03:46 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from 9cace59 to b4d3897 Compare January 2, 2026 19:10

vercel Bot deployed to Preview January 2, 2026 19:11 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from b4d3897 to 2dea123 Compare January 4, 2026 20:01

vercel Bot deployed to Preview January 4, 2026 20:01 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from 2dea123 to af69d62 Compare January 7, 2026 23:10

vercel Bot deployed to Preview January 7, 2026 23:10 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from af69d62 to 0a1a590 Compare January 8, 2026 23:55

vercel Bot deployed to Preview January 8, 2026 23:55 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from 0a1a590 to f63deab Compare January 9, 2026 19:02

vercel Bot deployed to Preview January 9, 2026 19:03 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from f63deab to 4ccd49b Compare January 12, 2026 15:25

vercel Bot deployed to Preview January 12, 2026 15:26 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from 4ccd49b to 68a81de Compare January 16, 2026 23:12

vercel Bot deployed to Preview January 16, 2026 23:13 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from 68a81de to 8bba3af Compare January 24, 2026 07:17

vercel Bot deployed to Preview January 24, 2026 07:18 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from 8bba3af to 9796e7b Compare January 27, 2026 03:58

vercel Bot deployed to Preview January 27, 2026 03:59 View deployment

vercel Bot deployed to Preview February 3, 2026 19:39 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from 93636fd to 3e243fd Compare February 4, 2026 23:13

vercel Bot deployed to Preview February 4, 2026 23:13 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from 3e243fd to d0920f3 Compare February 6, 2026 02:58

vercel Bot deployed to Preview February 6, 2026 02:58 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from d0920f3 to f974c4c Compare February 8, 2026 02:47

vercel Bot deployed to Preview February 8, 2026 02:48 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from f974c4c to b4971f6 Compare February 12, 2026 14:16

vercel Bot deployed to Preview February 12, 2026 14:16 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from b4971f6 to 0d77c33 Compare February 16, 2026 23:10

vercel Bot deployed to Preview February 16, 2026 23:11 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from 0d77c33 to 4b65937 Compare February 17, 2026 18:51

vercel Bot deployed to Preview February 17, 2026 18:51 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from 4b65937 to 59fd7ea Compare February 24, 2026 16:48

vercel Bot deployed to Preview February 24, 2026 16:50 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from 59fd7ea to af4d615 Compare March 3, 2026 22:42

vercel Bot deployed to Preview March 3, 2026 22:43 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from af4d615 to 899f239 Compare March 5, 2026 17:24

vercel Bot deployed to Preview March 5, 2026 17:25 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from 899f239 to 1c10db1 Compare March 11, 2026 01:46

vercel Bot deployed to Preview March 11, 2026 01:46 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from 1c10db1 to f835b3b Compare March 13, 2026 13:10

vercel Bot deployed to Preview March 13, 2026 13:11 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from f835b3b to f4829cb Compare March 17, 2026 18:47

vercel Bot deployed to Preview March 17, 2026 18:54 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from f4829cb to 3651213 Compare March 23, 2026 22:53

vercel Bot deployed to Preview March 23, 2026 22:54 View deployment

renovate Bot force-pushed the renovate/react-resizable-panels-4.x branch from 3651213 to e22dbc6 Compare March 25, 2026 15:08

vercel Bot deployed to Preview March 25, 2026 15:09 View deployment

Update dependency react-resizable-panels to v4

fe6121f

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Update dependency react-resizable-panels to v4#33

Update dependency react-resizable-panels to v4#33
renovate[bot] wants to merge 1 commit into
mainfrom
renovate/react-resizable-panels-4.x

renovate Bot commented Dec 20, 2025 •

edited

Loading

Uh oh!

renovate Bot commented Dec 20, 2025 •

edited

Loading

Uh oh!

vercel Bot commented Dec 20, 2025 •

edited

Loading

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

0 participants

Conversation

renovate Bot commented Dec 20, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Release Notes

Migrating from version 3 to 4

Basic usage example

Persistent layouts using localStorage

Conditional panels

Imperative APIs

Disabling custom cursors

Configuration

Uh oh!

renovate Bot commented Dec 20, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

⚠️ Artifact update problem

File name: package-lock.json

Uh oh!

vercel Bot commented Dec 20, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

0 participants

renovate Bot commented Dec 20, 2025 •

edited

Loading

renovate Bot commented Dec 20, 2025 •

edited

Loading

vercel Bot commented Dec 20, 2025 •

edited

Loading