chore(deps): Bump react-resizable-panels from 4.18.1 to 4.19.1 in the react group (#2311)

Bumps the react group with 1 update:
[react-resizable-panels](https://github.com/bvaughn/react-resizable-panels).

Updates `react-resizable-panels` from 4.18.1 to 4.19.1
<details>
<summary>Release notes</summary>
<p><em>Sourced from <a
href="https://github.com/bvaughn/react-resizable-panels/releases">react-resizable-panels's
releases</a>.</em></p>
<blockquote>
<h2>4.19.1</h2>
<ul>
<li>Improve resizing and dragging performance, e.g. <code>Panel</code>s
without an <code>onResize</code> prop are no longer observed, and
dragging a <code>Workspace</code> tab only re-renders what changes.</li>
<li>Remove development-only warnings from production builds.</li>
<li>With a <code>dragGroup</code>, <code>disableDrop</code> is now
called when the drop target changes, rather than on every
<code>dragover</code> event.</li>
</ul>
<h2>4.19.0</h2>
<ul>
<li>Add the <code>onTearOff</code> prop to <code>Workspace</code>, which
is called when a tab (or a whole tabset) is dropped outside of the
window, e.g. to open it in a popup window. It's passed the tab (or
tabset), a model containing just that tab (in a new tabset) or tabset,
where the pointer was released (in screen coordinates), and the size of
the tabset it was dragged from. Returning <code>true</code> removes the
tab (or tabset) from the workspace, reported to
<code>onModelChanged</code> with the new
<code>&quot;tear-off&quot;</code> reason. Tabsets with the
<code>keepWhenEmpty</code> flag can't be torn off. The
<code>renderDragPreview</code> and <code>renderTabsetDragPreview</code>
props are passed an <code>isTearOff</code> flag (and the preview has a
<code>data-tear-off</code> attribute) while releasing the pointer would
tear off the tab. See the new &quot;Multiple windows&quot; guides. - <a
href="https://redirect.github.com/bvaughn/react-resizable-panels/pull/794">#794</a></li>
<li>Add the <code>dragGroup</code> prop to <code>Workspace</code>, which
lets tabs (and tabsets) be dragged between workspaces with the same
group, including workspaces in other windows (e.g. popup windows opened
by the application and rendered into with a portal). A tab dropped into
another workspace keeps its id and data, and both workspaces report the
change to <code>onModelChanged</code> with the new
<code>&quot;transfer&quot;</code> reason. Tab ids must be unique within
the group (a tab can't be dropped into a workspace that has a tab with
its id), and tabsets with the <code>keepWhenEmpty</code> flag stay in
their own workspaces. A workspace's only tabset can be dragged when this
prop is set (e.g. from a popout window back into the main window). Mouse
drags use the browser's drag and drop when this prop is set (touch drags
still use pointer events). Tabs can still be torn off, though some
browsers (e.g. Safari) block popup windows opened at the end of these
drags. - <a
href="https://redirect.github.com/bvaughn/react-resizable-panels/pull/794">#794</a>
<ul>
<li>Workspaces with the same <code>dragGroup</code> in other copies of
the application from the same origin (e.g. the application loaded in
another browser window or tab) are part of the group too, so tabs can be
dragged between them. A tab dropped into another copy of the application
is sent there with the structured clone algorithm, so its data must be
cloneable; tabs whose data can't be cloned can only be dragged within
their copy. The new <code>disableDragBetweenApps</code> prop keeps a
workspace's drags within its copy of the application.</li>
<li><code>disableDrop</code> is passed a new <code>source</code>
argument: <code>&quot;local&quot;</code> for tabs dragged within the
workspace, and <code>&quot;external&quot;</code> for tabs dragged from
another workspace in the group (including workspaces in other copies of
the application).</li>
</ul>
</li>
<li>Fix the <code>Workspace</code> drop indicator for an empty workspace
(e.g. a popout window whose tabs were all dragged out). A tab or tabset
dropped onto it now fills its tabset, keeping that tabset's id and data,
instead of showing a half-size edge indicator. - <a
href="https://redirect.github.com/bvaughn/react-resizable-panels/pull/796">#796</a></li>
<li>The <code>Workspace</code> drop indicator can now be animated
between tabsets, not just between the regions of one tabset. It's the
same element for the whole drag (positioned within the workspace's root
element, rather than rendered within each tabset's panels), so a
transition like <code>transition: inset 250ms</code> slides it from one
tabset to the next. While a dragged tab isn't over any tabset's panels
(e.g. between tabsets, or over a tab list), it stays where it was with
no <code>data-region</code> attribute and <code>opacity: 0</code>, so it
can also be faded (e.g. <code>transition: inset 250ms, opacity
150ms</code>). - <a
href="https://redirect.github.com/bvaughn/react-resizable-panels/pull/793">#793</a></li>
</ul>
<blockquote>
<p>[!WARNING]
The drop indicator (<code>data-drop-indicator</code>) is no longer a
child of a tabset's panels (<code>data-tab-panels</code>); selectors
like <code>[data-tab-panels] &gt; [data-drop-indicator]</code> should be
changed to <code>[data-drop-indicator]</code>.</p>
</blockquote>
</blockquote>
</details>
<details>
<summary>Changelog</summary>
<p><em>Sourced from <a
href="https://github.com/bvaughn/react-resizable-panels/blob/main/CHANGELOG.md">react-resizable-panels's
changelog</a>.</em></p>
<blockquote>
<h2>4.19.1</h2>
<ul>
<li>Improve resizing and dragging performance, e.g. <code>Panel</code>s
without an <code>onResize</code> prop are no longer observed, and
dragging a <code>Workspace</code> tab only re-renders what changes.</li>
<li>Remove development-only warnings from production builds.</li>
<li>With a <code>dragGroup</code>, <code>disableDrop</code> is now
called when the drop target changes, rather than on every
<code>dragover</code> event.</li>
</ul>
<blockquote>
<p>[!WARNING]
The library now reads <code>process.env.NODE_ENV</code> (like React
does), so it must be loaded with a bundler (or a CDN like esm.sh) that
defines it.</p>
</blockquote>
<h2>4.19.0</h2>
<ul>
<li>Add the <code>Workspace</code> <code>onTearOff</code> prop, called
when a tab (or tabset) is dropped outside of the window (e.g. to open it
in a popup). Returning <code>true</code> removes it, reported with the
new <code>&quot;tear-off&quot;</code> reason. - <a
href="https://redirect.github.com/bvaughn/react-resizable-panels/pull/794">#794</a></li>
<li>Add the <code>Workspace</code> <code>dragGroup</code> prop, which
lets tabs be dragged between workspaces in the same group, including
workspaces in popup windows and in other copies of the app (opt out with
<code>disableDragBetweenApps</code>). Both workspaces report the new
<code>&quot;transfer&quot;</code> reason, and <code>disableDrop</code>
is passed a new <code>source</code> argument. - <a
href="https://redirect.github.com/bvaughn/react-resizable-panels/pull/794">#794</a></li>
<li>Fix the drop indicator for an empty <code>Workspace</code>. - <a
href="https://redirect.github.com/bvaughn/react-resizable-panels/pull/796">#796</a></li>
<li>The <code>Workspace</code> drop indicator is now a single element
for the whole drag, so it can be animated between tabsets (e.g.
<code>transition: inset 250ms</code>). - <a
href="https://redirect.github.com/bvaughn/react-resizable-panels/pull/793">#793</a></li>
</ul>
<blockquote>
<p>[!WARNING]
The drop indicator (<code>data-drop-indicator</code>) is no longer a
child of a tabset's panels, so selectors like <code>[data-tab-panels]
&gt; [data-drop-indicator]</code> should be changed to
<code>[data-drop-indicator]</code>.</p>
</blockquote>
</blockquote>
</details>
<details>
<summary>Commits</summary>
<ul>
<li><a
href="https://github.com/bvaughn/react-resizable-panels/commit/835f0a5037475dc44c0ecce89c5e4e018f533dfa"><code>835f0a5</code></a>
Pending 4.19.1 changes</li>
<li><a
href="https://github.com/bvaughn/react-resizable-panels/commit/e5a22fab0029c509531be6e7b028e9b5cb71146f"><code>e5a22fa</code></a>
Documentation tweaks</li>
<li><a
href="https://github.com/bvaughn/react-resizable-panels/commit/150cb3e8f6cf7a91edc5b2d7ea29e887d31736c4"><code>150cb3e</code></a>
4.18.1 -&gt; 4.19.0</li>
<li><a
href="https://github.com/bvaughn/react-resizable-panels/commit/7fe31938474977b7a3d02cc08834061db241252f"><code>7fe3193</code></a>
Fix the Workspace drop indicator for an empty workspace (<a
href="https://redirect.github.com/bvaughn/react-resizable-panels/issues/796">#796</a>)</li>
<li><a
href="https://github.com/bvaughn/react-resizable-panels/commit/9eea9631cb388b3cdc6e1091c24b97f38fe3e77c"><code>9eea963</code></a>
Animate the Workspace drop indicator between tabsets (<a
href="https://redirect.github.com/bvaughn/react-resizable-panels/issues/793">#793</a>)</li>
<li><a
href="https://github.com/bvaughn/react-resizable-panels/commit/c080a5b94ddc6c38ce29c0ebcdabb0bd321a1966"><code>c080a5b</code></a>
Workspace supports popout windows (<a
href="https://redirect.github.com/bvaughn/react-resizable-panels/issues/794">#794</a>)</li>
<li><a
href="https://github.com/bvaughn/react-resizable-panels/commit/de59b82b0e1b0a51956bc40e1022b986dcdf6ea2"><code>de59b82</code></a>
4.18.0 -&gt; 4.18.1</li>
<li><a
href="https://github.com/bvaughn/react-resizable-panels/commit/2a929ed16c4fede6509015f022730dce53ce82a1"><code>2a929ed</code></a>
Pending 4.18.1 change set (<a
href="https://redirect.github.com/bvaughn/react-resizable-panels/issues/792">#792</a>)</li>
<li>See full diff in <a
href="https://github.com/bvaughn/react-resizable-panels/compare/4.18.1...4.19.1">compare
view</a></li>
</ul>
</details>
<br />


[![Dependabot compatibility
score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=react-resizable-panels&package-manager=npm_and_yarn&previous-version=4.18.1&new-version=4.19.1)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores)

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-automerge-start)
[//]: # (dependabot-automerge-end)

---

<details>
<summary>Dependabot commands and options</summary>
<br />

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 <dependency name> major version` will close this
group update PR and stop Dependabot creating any more for the specific
dependency's major version (unless you unignore this specific
dependency's major version or upgrade to it yourself)
- `@dependabot ignore <dependency name> minor version` will close this
group update PR and stop Dependabot creating any more for the specific
dependency's minor version (unless you unignore this specific
dependency's minor version or upgrade to it yourself)
- `@dependabot ignore <dependency name>` will close this group update PR
and stop Dependabot creating any more for the specific dependency
(unless you unignore this specific dependency or upgrade to it yourself)
- `@dependabot unignore <dependency name>` will remove all of the ignore
conditions of the specified dependency
- `@dependabot unignore <dependency name> <ignore condition>` will
remove the ignore condition of the specified dependency and ignore
conditions


</details>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
This commit is contained in:
dependabot[bot]
2026-11-10 13:58:56 +00:00
committed by GitHub
parent c4a7776153
commit baf6cd1a08
2 changed files with 5 additions and 5 deletions
+4 -4
View File
@@ -57,7 +57,7 @@
"react-i18next": "^17.1.13",
"react-icons": "^5.7.0",
"react-markdown": "^10.1.0",
"react-resizable-panels": "^4.18.1",
"react-resizable-panels": "^4.19.1",
"reconnecting-websocket": "^4.4.0",
"slugify": "^1.6.9",
"string-hash": "^1.1.3",
@@ -9574,9 +9574,9 @@
}
},
"node_modules/react-resizable-panels": {
"version": "4.18.1",
"resolved": "https://registry.npmjs.org/react-resizable-panels/-/react-resizable-panels-4.18.1.tgz",
"integrity": "sha512-/ymqet6Nn0NjplzH3BU+kXzd9BFTSKURt2kVeV1Cqt5O6yM9qYTgtS2mWI4WZTfqRzHKzBO2X8JpqaNUyPCpMQ==",
"version": "4.19.1",
"resolved": "https://registry.npmjs.org/react-resizable-panels/-/react-resizable-panels-4.19.1.tgz",
"integrity": "sha512-nXhB03Lt0fKzVy4wJyv83cWt1sx05/oWkfIXaZQ6FBka5FsnYGqX32hTLo8BIANNojLGXnadzJTspTa1Um5P2w==",
"license": "MIT",
"peerDependencies": {
"@types/react": "^18.2.6 || ^19.0.0",
+1 -1
View File
@@ -74,7 +74,7 @@
"react-i18next": "^17.1.13",
"react-icons": "^5.7.0",
"react-markdown": "^10.1.0",
"react-resizable-panels": "^4.18.1",
"react-resizable-panels": "^4.19.1",
"reconnecting-websocket": "^4.4.0",
"slugify": "^1.6.9",
"string-hash": "^1.1.3",