fix: Simplified and fixed panel resize calculation

src/components/SplitPane/hooks/callbacks/useRecalculateSizes.ts

@@ -1,12 +1,10 @@
-import { addArray, getMinSize, moveSizes } from '../../helpers';
+import { addArray } from '../../helpers';
 import React, { useCallback } from 'react';
 
 export function useRecalculateSizes({
   getCurrentPaneSizes,
   collapsedSize,
   collapsedIndices,
-  originalMinSizes,
-  minSizes,
   setMovedSizes,
   setSizes,
 }: {
@@ -38,31 +36,9 @@ export function useRecalculateSizes({
         }
         return size;
       });
-      curSizes.forEach((_size, idx) => {
-        const offset = curSizes[idx] - getMinSize(idx, originalMinSizes);
-        // if offset is negative this means the min size is greater and we need to move this guy
-        if (offset < 0) {
-          moveSizes({
-            collapsedIndices,
-            collapsedSize,
-            sizes: adjustedSizes,
-            index: idx,
-            offset: -offset,
-            minSizes,
-          });
-        }
-      });
       setMovedSizes(adjustedSizes);
       setSizes(adjustedSizes);
     },
-    [
-      collapsedIndices,
-      collapsedSize,
-      getCurrentPaneSizes,
-      minSizes,
-      originalMinSizes,
-      setMovedSizes,
-      setSizes,
-    ]
+    [collapsedIndices, collapsedSize, getCurrentPaneSizes, setMovedSizes, setSizes]
   );
 }

src/components/SplitPane/hooks/useSplitPaneResize.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useEffect, useMemo, useRef, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { SplitPaneProps } from '..';
 import { ClientPosition, useDragState } from './effects/useDragState';
 import { useMinSizes } from './memos/useMinSizes';
@@ -158,7 +158,10 @@ export function useSplitPaneResize(options: SplitPaneResizeOptions): SplitPaneRe
   }, [collapsedIndices]);
   // recalculate initial sizes on window size change to maintain min sizes
 
-  const resetSizes = useMemo(() => debounce(() => recalculateSizes(), 50), [recalculateSizes]);
+  const resetSizes = useCallback(
+    debounce(() => recalculateSizes(), 100),
+    [recalculateSizes]
+  );
   useEventListener('resize', resetSizes);
   useEffect(
     () => recalculateSizes(initialSizes),