From 8b9feb539fda8e3994003d3076e9f780e56cc408 Mon Sep 17 00:00:00 2001
From: Espen Hovlandsdal <espen@hovlandsdal.com>
Date: Fri, 13 Dec 2024 16:32:32 -0800
Subject: [PATCH] fix(vision): upgrade react-split-pane to v1.0.0

---
 packages/@sanity/vision/package.json          |  2 +-
 .../vision/src/components/VisionGui.tsx       |  6 ++--
 pnpm-lock.yaml                                | 29 +++++--------------
 3 files changed, 10 insertions(+), 27 deletions(-)

diff --git a/packages/@sanity/vision/package.json b/packages/@sanity/vision/package.json
index 3189db8d3cc..1477210b957 100644
--- a/packages/@sanity/vision/package.json
+++ b/packages/@sanity/vision/package.json
@@ -60,7 +60,7 @@
     "@juggle/resize-observer": "^3.3.1",
     "@lezer/highlight": "^1.0.0",
     "@rexxars/react-json-inspector": "^8.0.1",
-    "@rexxars/react-split-pane": "^0.1.93",
+    "@rexxars/react-split-pane": "^1.0.0",
     "@sanity/color": "^3.0.0",
     "@sanity/icons": "^3.5.2",
     "@sanity/ui": "^2.10.9",
diff --git a/packages/@sanity/vision/src/components/VisionGui.tsx b/packages/@sanity/vision/src/components/VisionGui.tsx
index 985baa4437d..c26e5c885b3 100644
--- a/packages/@sanity/vision/src/components/VisionGui.tsx
+++ b/packages/@sanity/vision/src/components/VisionGui.tsx
@@ -1,5 +1,5 @@
 /* eslint-disable complexity */
-import SplitPane from '@rexxars/react-split-pane'
+import {SplitPane} from '@rexxars/react-split-pane'
 import {type ListenEvent, type MutationEvent, type SanityClient} from '@sanity/client'
 import {CopyIcon, ErrorOutlineIcon, PlayIcon, StopIcon} from '@sanity/icons'
 import {
@@ -809,7 +809,6 @@ export class VisionGui extends PureComponent<VisionGuiProps, VisionGuiState> {
           </Grid>
         </Header>
         <SplitpaneContainer flex="auto">
-          {/* @ts-expect-error: https://github.com/tomkp/react-split-pane/pull/819 */}
           <SplitPane
             // eslint-disable-next-line @sanity/i18n/no-attribute-string-literals
             split={narrowBreakpoint() ? 'vertical' : 'horizontal'}
@@ -828,10 +827,9 @@ export class VisionGui extends PureComponent<VisionGuiProps, VisionGuiState> {
                   - Disables resize if the container height is less then 500px
                   This should ensure that we mostly avoid a pane to take up all the room, and for the controls to not be eaten up by the pane
                 */}
-              {/* @ts-expect-error: https://github.com/tomkp/react-split-pane/pull/819 */}
               <SplitPane
                 className="sidebarPanes"
-                split={'horizontal'}
+                split="horizontal"
                 defaultSize={
                   narrowBreakpoint() ? paneSizeOptions.defaultSize : paneSizeOptions.minSize
                 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 79924ecabf5..7937b750d1f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1337,8 +1337,8 @@ importers:
         specifier: ^8.0.1
         version: 8.0.1(react@18.3.1)
       '@rexxars/react-split-pane':
-        specifier: ^0.1.93
-        version: 0.1.93(react-dom@19.0.0-rc-f994737d14-20240522(react@18.3.1))(react@18.3.1)
+        specifier: ^1.0.0
+        version: 1.0.0(react-dom@19.0.0-rc-f994737d14-20240522(react@18.3.1))(react@18.3.1)
       '@sanity/color':
         specifier: ^3.0.0
         version: 3.0.6
@@ -4229,11 +4229,11 @@ packages:
     peerDependencies:
       react: ^15 || ^16 || ^17 || ^18
 
-  '@rexxars/react-split-pane@0.1.93':
-    resolution: {integrity: sha512-Pok8zATwd5ZpWnccJeSA/JM2MPmi3D04duYtrbMNRgzeAU2ANtq3r4w7ldbjpGyfJqggqn0wDNjRqaevXqSxQg==}
+  '@rexxars/react-split-pane@1.0.0':
+    resolution: {integrity: sha512-Ewl8ugA2VQd+idzcg65WFbYh/oCLPOFjeDKpebexPgFDDX8ZwsHZWy5jNwiIWI8txDidVmRP98lsnmBHlIywWA==}
     peerDependencies:
-      react: ^18
-      react-dom: ^18
+      react: ^18 || ^19
+      react-dom: ^18 || ^19
 
   '@rollup/plugin-alias@5.1.1':
     resolution: {integrity: sha512-PR9zDb+rOzkRb2VD+EuKB7UC41vU5DIwZ5qqCpk0KJudcWAyi8rvYOhS7+L5aZCspw1stTViLgN5v6FF1p5cgQ==}
@@ -9901,9 +9901,6 @@ packages:
   react-is@19.0.0-rc.1:
     resolution: {integrity: sha512-D6AbvUGS+i2lK3yC1a+iSicqWhIenYGxYUd7j0JJxunlk0RSAy/yRo58Mh5JJcAVQfNhej20nCwJVehYpNwNiA==}
 
-  react-lifecycles-compat@3.0.4:
-    resolution: {integrity: sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==}
-
   react-redux@7.2.9:
     resolution: {integrity: sha512-Gx4L3uM182jEEayZfRbI/G11ZpYdNAnBs70lFVMNdHJI76XYtR+7m0MN+eAs7UHBPhWXcnFPaS+9owSCJQHNpQ==}
     peerDependencies:
@@ -9944,9 +9941,6 @@ packages:
       react: '>=16.8.2'
       react-dom: '>=16.8.2'
 
-  react-style-proptype@3.2.2:
-    resolution: {integrity: sha512-ywYLSjNkxKHiZOqNlso9PZByNEY+FTyh3C+7uuziK0xFXu9xzdyfHwg4S9iyiRRoPCR4k2LqaBBsWVmSBwCWYQ==}
-
   react-transition-group@4.4.5:
     resolution: {integrity: sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==}
     peerDependencies:
@@ -14187,13 +14181,10 @@ snapshots:
       md5-o-matic: 0.1.1
       react: 18.3.1
 
-  '@rexxars/react-split-pane@0.1.93(react-dom@19.0.0-rc-f994737d14-20240522(react@18.3.1))(react@18.3.1)':
+  '@rexxars/react-split-pane@1.0.0(react-dom@19.0.0-rc-f994737d14-20240522(react@18.3.1))(react@18.3.1)':
     dependencies:
-      prop-types: 15.8.1
       react: 18.3.1
       react-dom: 19.0.0-rc-f994737d14-20240522(react@18.3.1)
-      react-lifecycles-compat: 3.0.4
-      react-style-proptype: 3.2.2
 
   '@rollup/plugin-alias@5.1.1(rollup@4.28.1)':
     optionalDependencies:
@@ -21333,8 +21324,6 @@ snapshots:
 
   react-is@19.0.0-rc.1: {}
 
-  react-lifecycles-compat@3.0.4: {}
-
   react-redux@7.2.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       '@babel/runtime': 7.26.0
@@ -21395,10 +21384,6 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  react-style-proptype@3.2.2:
-    dependencies:
-      prop-types: 15.8.1
-
   react-transition-group@4.4.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       '@babel/runtime': 7.26.0