react-resizable-panels 2.0.18 → 2.0.19

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 2.0.19
+
+- Add optional `minSize` override param to panel `expand` imperative API
+
 ## 2.0.18
 
 - Inline object `hitAreaMargins` will not trigger re-initialization logic unless inner values change (#342)

package/dist/declarations/src/Panel.d.ts

@@ -23,7 +23,7 @@ export type PanelData = {
 };
 export type ImperativePanelHandle = {
     collapse: () => void;
-    expand: () => void;
+    expand: (minSize?: number) => void;
     getId(): string;
     getSize(): number;
     isCollapsed: () => boolean;

package/dist/react-resizable-panels.browser.cjs.js

@@ -157,8 +157,8 @@ function PanelWithForwardedRef({
     collapse: () => {
       collapsePanel(panelDataRef.current);
     },
-    expand: () => {
-      expandPanel(panelDataRef.current);
+    expand: minSize => {
+      expandPanel(panelDataRef.current, minSize);
     },
     getId() {
       return panelId;
@@ -1722,7 +1722,7 @@ function PanelGroupWithForwardedRef({
   }, []);
 
   // External APIs are safe to memoize via committed values ref
-  const expandPanel = useCallback(panelData => {
+  const expandPanel = useCallback((panelData, minSizeOverride) => {
     const {
       onLayout
     } = committedValuesRef.current;
@@ -1735,9 +1735,10 @@ function PanelGroupWithForwardedRef({
       const {
         collapsedSize = 0,
         panelSize = 0,
-        minSize = 0,
+        minSize: minSizeFromProps = 0,
         pivotIndices
       } = panelDataHelper(panelDataArray, panelData, prevLayout);
+      const minSize = minSizeOverride !== null && minSizeOverride !== void 0 ? minSizeOverride : minSizeFromProps;
       if (fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
         // Restore this panel to the size it was before it was collapsed, if possible.
         const prevPanelSize = panelSizeBeforeCollapseRef.current.get(panelData.id);

package/dist/react-resizable-panels.browser.development.cjs.js

@@ -163,8 +163,8 @@ function PanelWithForwardedRef({
     collapse: () => {
       collapsePanel(panelDataRef.current);
     },
-    expand: () => {
-      expandPanel(panelDataRef.current);
+    expand: minSize => {
+      expandPanel(panelDataRef.current, minSize);
     },
     getId() {
       return panelId;
@@ -1828,7 +1828,7 @@ function PanelGroupWithForwardedRef({
   }, []);
 
   // External APIs are safe to memoize via committed values ref
-  const expandPanel = useCallback(panelData => {
+  const expandPanel = useCallback((panelData, minSizeOverride) => {
     const {
       onLayout
     } = committedValuesRef.current;
@@ -1841,9 +1841,10 @@ function PanelGroupWithForwardedRef({
       const {
         collapsedSize = 0,
         panelSize = 0,
-        minSize = 0,
+        minSize: minSizeFromProps = 0,
         pivotIndices
       } = panelDataHelper(panelDataArray, panelData, prevLayout);
+      const minSize = minSizeOverride !== null && minSizeOverride !== void 0 ? minSizeOverride : minSizeFromProps;
       if (fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
         // Restore this panel to the size it was before it was collapsed, if possible.
         const prevPanelSize = panelSizeBeforeCollapseRef.current.get(panelData.id);

package/dist/react-resizable-panels.browser.development.esm.js

@@ -139,8 +139,8 @@ function PanelWithForwardedRef({
     collapse: () => {
       collapsePanel(panelDataRef.current);
     },
-    expand: () => {
-      expandPanel(panelDataRef.current);
+    expand: minSize => {
+      expandPanel(panelDataRef.current, minSize);
     },
     getId() {
       return panelId;
@@ -1804,7 +1804,7 @@ function PanelGroupWithForwardedRef({
   }, []);
 
   // External APIs are safe to memoize via committed values ref
-  const expandPanel = useCallback(panelData => {
+  const expandPanel = useCallback((panelData, minSizeOverride) => {
     const {
       onLayout
     } = committedValuesRef.current;
@@ -1817,9 +1817,10 @@ function PanelGroupWithForwardedRef({
       const {
         collapsedSize = 0,
         panelSize = 0,
-        minSize = 0,
+        minSize: minSizeFromProps = 0,
         pivotIndices
       } = panelDataHelper(panelDataArray, panelData, prevLayout);
+      const minSize = minSizeOverride !== null && minSizeOverride !== void 0 ? minSizeOverride : minSizeFromProps;
       if (fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
         // Restore this panel to the size it was before it was collapsed, if possible.
         const prevPanelSize = panelSizeBeforeCollapseRef.current.get(panelData.id);

package/dist/react-resizable-panels.browser.esm.js

@@ -133,8 +133,8 @@ function PanelWithForwardedRef({
     collapse: () => {
       collapsePanel(panelDataRef.current);
     },
-    expand: () => {
-      expandPanel(panelDataRef.current);
+    expand: minSize => {
+      expandPanel(panelDataRef.current, minSize);
     },
     getId() {
       return panelId;
@@ -1698,7 +1698,7 @@ function PanelGroupWithForwardedRef({
   }, []);
 
   // External APIs are safe to memoize via committed values ref
-  const expandPanel = useCallback(panelData => {
+  const expandPanel = useCallback((panelData, minSizeOverride) => {
     const {
       onLayout
     } = committedValuesRef.current;
@@ -1711,9 +1711,10 @@ function PanelGroupWithForwardedRef({
       const {
         collapsedSize = 0,
         panelSize = 0,
-        minSize = 0,
+        minSize: minSizeFromProps = 0,
         pivotIndices
       } = panelDataHelper(panelDataArray, panelData, prevLayout);
+      const minSize = minSizeOverride !== null && minSizeOverride !== void 0 ? minSizeOverride : minSizeFromProps;
       if (fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
         // Restore this panel to the size it was before it was collapsed, if possible.
         const prevPanelSize = panelSizeBeforeCollapseRef.current.get(panelData.id);

package/dist/react-resizable-panels.cjs.js

@@ -159,8 +159,8 @@ function PanelWithForwardedRef({
     collapse: () => {
       collapsePanel(panelDataRef.current);
     },
-    expand: () => {
-      expandPanel(panelDataRef.current);
+    expand: minSize => {
+      expandPanel(panelDataRef.current, minSize);
     },
     getId() {
       return panelId;
@@ -1724,7 +1724,7 @@ function PanelGroupWithForwardedRef({
   }, []);
 
   // External APIs are safe to memoize via committed values ref
-  const expandPanel = useCallback(panelData => {
+  const expandPanel = useCallback((panelData, minSizeOverride) => {
     const {
       onLayout
     } = committedValuesRef.current;
@@ -1737,9 +1737,10 @@ function PanelGroupWithForwardedRef({
       const {
         collapsedSize = 0,
         panelSize = 0,
-        minSize = 0,
+        minSize: minSizeFromProps = 0,
         pivotIndices
       } = panelDataHelper(panelDataArray, panelData, prevLayout);
+      const minSize = minSizeOverride !== null && minSizeOverride !== void 0 ? minSizeOverride : minSizeFromProps;
       if (fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
         // Restore this panel to the size it was before it was collapsed, if possible.
         const prevPanelSize = panelSizeBeforeCollapseRef.current.get(panelData.id);

package/dist/react-resizable-panels.development.cjs.js

@@ -170,8 +170,8 @@ function PanelWithForwardedRef({
     collapse: () => {
       collapsePanel(panelDataRef.current);
     },
-    expand: () => {
-      expandPanel(panelDataRef.current);
+    expand: minSize => {
+      expandPanel(panelDataRef.current, minSize);
     },
     getId() {
       return panelId;
@@ -1835,7 +1835,7 @@ function PanelGroupWithForwardedRef({
   }, []);
 
   // External APIs are safe to memoize via committed values ref
-  const expandPanel = useCallback(panelData => {
+  const expandPanel = useCallback((panelData, minSizeOverride) => {
     const {
       onLayout
     } = committedValuesRef.current;
@@ -1848,9 +1848,10 @@ function PanelGroupWithForwardedRef({
       const {
         collapsedSize = 0,
         panelSize = 0,
-        minSize = 0,
+        minSize: minSizeFromProps = 0,
         pivotIndices
       } = panelDataHelper(panelDataArray, panelData, prevLayout);
+      const minSize = minSizeOverride !== null && minSizeOverride !== void 0 ? minSizeOverride : minSizeFromProps;
       if (fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
         // Restore this panel to the size it was before it was collapsed, if possible.
         const prevPanelSize = panelSizeBeforeCollapseRef.current.get(panelData.id);

package/dist/react-resizable-panels.development.esm.js

@@ -146,8 +146,8 @@ function PanelWithForwardedRef({
     collapse: () => {
       collapsePanel(panelDataRef.current);
     },
-    expand: () => {
-      expandPanel(panelDataRef.current);
+    expand: minSize => {
+      expandPanel(panelDataRef.current, minSize);
     },
     getId() {
       return panelId;
@@ -1811,7 +1811,7 @@ function PanelGroupWithForwardedRef({
   }, []);
 
   // External APIs are safe to memoize via committed values ref
-  const expandPanel = useCallback(panelData => {
+  const expandPanel = useCallback((panelData, minSizeOverride) => {
     const {
       onLayout
     } = committedValuesRef.current;
@@ -1824,9 +1824,10 @@ function PanelGroupWithForwardedRef({
       const {
         collapsedSize = 0,
         panelSize = 0,
-        minSize = 0,
+        minSize: minSizeFromProps = 0,
         pivotIndices
       } = panelDataHelper(panelDataArray, panelData, prevLayout);
+      const minSize = minSizeOverride !== null && minSizeOverride !== void 0 ? minSizeOverride : minSizeFromProps;
       if (fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
         // Restore this panel to the size it was before it was collapsed, if possible.
         const prevPanelSize = panelSizeBeforeCollapseRef.current.get(panelData.id);

package/dist/react-resizable-panels.development.node.cjs.js

@@ -132,8 +132,8 @@ function PanelWithForwardedRef({
     collapse: () => {
       collapsePanel(panelDataRef.current);
     },
-    expand: () => {
-      expandPanel(panelDataRef.current);
+    expand: minSize => {
+      expandPanel(panelDataRef.current, minSize);
     },
     getId() {
       return panelId;
@@ -1659,7 +1659,7 @@ function PanelGroupWithForwardedRef({
   }, []);
 
   // External APIs are safe to memoize via committed values ref
-  const expandPanel = useCallback(panelData => {
+  const expandPanel = useCallback((panelData, minSizeOverride) => {
     const {
       onLayout
     } = committedValuesRef.current;
@@ -1672,9 +1672,10 @@ function PanelGroupWithForwardedRef({
       const {
         collapsedSize = 0,
         panelSize = 0,
-        minSize = 0,
+        minSize: minSizeFromProps = 0,
         pivotIndices
       } = panelDataHelper(panelDataArray, panelData, prevLayout);
+      const minSize = minSizeOverride !== null && minSizeOverride !== void 0 ? minSizeOverride : minSizeFromProps;
       if (fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
         // Restore this panel to the size it was before it was collapsed, if possible.
         const prevPanelSize = panelSizeBeforeCollapseRef.current.get(panelData.id);

package/dist/react-resizable-panels.development.node.esm.js

@@ -108,8 +108,8 @@ function PanelWithForwardedRef({
     collapse: () => {
       collapsePanel(panelDataRef.current);
     },
-    expand: () => {
-      expandPanel(panelDataRef.current);
+    expand: minSize => {
+      expandPanel(panelDataRef.current, minSize);
     },
     getId() {
       return panelId;
@@ -1635,7 +1635,7 @@ function PanelGroupWithForwardedRef({
   }, []);
 
   // External APIs are safe to memoize via committed values ref
-  const expandPanel = useCallback(panelData => {
+  const expandPanel = useCallback((panelData, minSizeOverride) => {
     const {
       onLayout
     } = committedValuesRef.current;
@@ -1648,9 +1648,10 @@ function PanelGroupWithForwardedRef({
       const {
         collapsedSize = 0,
         panelSize = 0,
-        minSize = 0,
+        minSize: minSizeFromProps = 0,
         pivotIndices
       } = panelDataHelper(panelDataArray, panelData, prevLayout);
+      const minSize = minSizeOverride !== null && minSizeOverride !== void 0 ? minSizeOverride : minSizeFromProps;
       if (fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
         // Restore this panel to the size it was before it was collapsed, if possible.
         const prevPanelSize = panelSizeBeforeCollapseRef.current.get(panelData.id);

package/dist/react-resizable-panels.esm.js

@@ -135,8 +135,8 @@ function PanelWithForwardedRef({
     collapse: () => {
       collapsePanel(panelDataRef.current);
     },
-    expand: () => {
-      expandPanel(panelDataRef.current);
+    expand: minSize => {
+      expandPanel(panelDataRef.current, minSize);
     },
     getId() {
       return panelId;
@@ -1700,7 +1700,7 @@ function PanelGroupWithForwardedRef({
   }, []);
 
   // External APIs are safe to memoize via committed values ref
-  const expandPanel = useCallback(panelData => {
+  const expandPanel = useCallback((panelData, minSizeOverride) => {
     const {
       onLayout
     } = committedValuesRef.current;
@@ -1713,9 +1713,10 @@ function PanelGroupWithForwardedRef({
       const {
         collapsedSize = 0,
         panelSize = 0,
-        minSize = 0,
+        minSize: minSizeFromProps = 0,
         pivotIndices
       } = panelDataHelper(panelDataArray, panelData, prevLayout);
+      const minSize = minSizeOverride !== null && minSizeOverride !== void 0 ? minSizeOverride : minSizeFromProps;
       if (fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
         // Restore this panel to the size it was before it was collapsed, if possible.
         const prevPanelSize = panelSizeBeforeCollapseRef.current.get(panelData.id);

package/dist/react-resizable-panels.node.cjs.js

@@ -121,8 +121,8 @@ function PanelWithForwardedRef({
     collapse: () => {
       collapsePanel(panelDataRef.current);
     },
-    expand: () => {
-      expandPanel(panelDataRef.current);
+    expand: minSize => {
+      expandPanel(panelDataRef.current, minSize);
     },
     getId() {
       return panelId;
@@ -1558,7 +1558,7 @@ function PanelGroupWithForwardedRef({
   }, []);
 
   // External APIs are safe to memoize via committed values ref
-  const expandPanel = useCallback(panelData => {
+  const expandPanel = useCallback((panelData, minSizeOverride) => {
     const {
       onLayout
     } = committedValuesRef.current;
@@ -1571,9 +1571,10 @@ function PanelGroupWithForwardedRef({
       const {
         collapsedSize = 0,
         panelSize = 0,
-        minSize = 0,
+        minSize: minSizeFromProps = 0,
         pivotIndices
       } = panelDataHelper(panelDataArray, panelData, prevLayout);
+      const minSize = minSizeOverride !== null && minSizeOverride !== void 0 ? minSizeOverride : minSizeFromProps;
       if (fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
         // Restore this panel to the size it was before it was collapsed, if possible.
         const prevPanelSize = panelSizeBeforeCollapseRef.current.get(panelData.id);

package/dist/react-resizable-panels.node.esm.js

@@ -97,8 +97,8 @@ function PanelWithForwardedRef({
     collapse: () => {
       collapsePanel(panelDataRef.current);
     },
-    expand: () => {
-      expandPanel(panelDataRef.current);
+    expand: minSize => {
+      expandPanel(panelDataRef.current, minSize);
     },
     getId() {
       return panelId;
@@ -1534,7 +1534,7 @@ function PanelGroupWithForwardedRef({
   }, []);
 
   // External APIs are safe to memoize via committed values ref
-  const expandPanel = useCallback(panelData => {
+  const expandPanel = useCallback((panelData, minSizeOverride) => {
     const {
       onLayout
     } = committedValuesRef.current;
@@ -1547,9 +1547,10 @@ function PanelGroupWithForwardedRef({
       const {
         collapsedSize = 0,
         panelSize = 0,
-        minSize = 0,
+        minSize: minSizeFromProps = 0,
         pivotIndices
       } = panelDataHelper(panelDataArray, panelData, prevLayout);
+      const minSize = minSizeOverride !== null && minSizeOverride !== void 0 ? minSizeOverride : minSizeFromProps;
       if (fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
         // Restore this panel to the size it was before it was collapsed, if possible.
         const prevPanelSize = panelSizeBeforeCollapseRef.current.get(panelData.id);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-resizable-panels",
-  "version": "2.0.18",
+  "version": "2.0.19",
   "description": "React components for resizable panel groups/layouts",
   "author": "Brian Vaughn <brian.david.vaughn@gmail.com>",
   "license": "MIT",

package/src/Panel.test.tsx

@@ -193,6 +193,111 @@ describe("PanelGroup", () => {
         expect(leftPanelRef.current?.isCollapsed()).toBe(false);
         expect(leftPanelRef.current?.isExpanded()).toBe(true);
       });
+
+      describe("when a panel is mounted in a collapsed state", () => {
+        beforeEach(() => {
+          act(() => {
+            root.unmount();
+          });
+        });
+
+        it("should expand to the panel's minSize", () => {
+          const panelRef = createRef<ImperativePanelHandle>();
+
+          root = createRoot(container);
+
+          function renderPanelGroup() {
+            act(() => {
+              root.render(
+                <PanelGroup direction="horizontal">
+                  <Panel
+                    collapsible
+                    defaultSize={0}
+                    minSize={5}
+                    ref={panelRef}
+                  />
+                  <PanelResizeHandle />
+                  <Panel />
+                </PanelGroup>
+              );
+            });
+          }
+
+          // Re-render and confirmed collapsed by default
+          renderPanelGroup();
+          act(() => {
+            panelRef.current?.collapse();
+          });
+          expect(panelRef.current?.getSize()).toEqual(0);
+
+          // Toggling a panel should expand to the minSize (since there's no previous size to restore to)
+          act(() => {
+            panelRef.current?.expand();
+          });
+          expect(panelRef.current?.getSize()).toEqual(5);
+
+          // Collapse again
+          act(() => {
+            panelRef.current?.collapse();
+          });
+          expect(panelRef.current?.getSize()).toEqual(0);
+
+          // Toggling the panel should expand to the minSize override if one is specified
+          // Note this only works because the previous non-collapsed size is less than the minSize override
+          act(() => {
+            panelRef.current?.expand(15);
+          });
+          expect(panelRef.current?.getSize()).toEqual(15);
+        });
+
+        it("should support the (optional) default size", () => {
+          const panelRef = createRef<ImperativePanelHandle>();
+
+          root = createRoot(container);
+
+          function renderPanelGroup() {
+            act(() => {
+              root.render(
+                <PanelGroup autoSaveId="test" direction="horizontal">
+                  <Panel
+                    collapsible
+                    defaultSize={0}
+                    minSize={0}
+                    ref={panelRef}
+                  />
+                  <PanelResizeHandle />
+                  <Panel />
+                </PanelGroup>
+              );
+            });
+          }
+
+          // Re-render and confirmed collapsed by default
+          renderPanelGroup();
+          act(() => {
+            panelRef.current?.collapse();
+          });
+          expect(panelRef.current?.getSize()).toEqual(0);
+
+          // In this case, toggling the panel to expanded will not change its size
+          act(() => {
+            panelRef.current?.expand();
+          });
+          expect(panelRef.current?.getSize()).toEqual(0);
+
+          // But we can override the toggle behavior by passing an explicit min size
+          act(() => {
+            panelRef.current?.expand(10);
+          });
+          expect(panelRef.current?.getSize()).toEqual(10);
+
+          // Toggling an already-expanded panel should not do anything even if we pass a default size
+          act(() => {
+            panelRef.current?.expand(15);
+          });
+          expect(panelRef.current?.getSize()).toEqual(10);
+        });
+      });
     });
 
     describe("resize", () => {

package/src/Panel.ts

@@ -46,7 +46,7 @@ export type PanelData = {
 
 export type ImperativePanelHandle = {
   collapse: () => void;
-  expand: () => void;
+  expand: (minSize?: number) => void;
   getId(): string;
   getSize(): number;
   isCollapsed: () => boolean;
@@ -200,8 +200,8 @@ export function PanelWithForwardedRef({
       collapse: () => {
         collapsePanel(panelDataRef.current);
       },
-      expand: () => {
-        expandPanel(panelDataRef.current);
+      expand: (minSize?: number) => {
+        expandPanel(panelDataRef.current, minSize);
       },
       getId() {
         return panelId;

package/src/PanelGroup.ts

@@ -386,65 +386,72 @@ function PanelGroupWithForwardedRef({
   }, []);
 
   // External APIs are safe to memoize via committed values ref
-  const expandPanel = useCallback((panelData: PanelData) => {
-    const { onLayout } = committedValuesRef.current;
-    const { layout: prevLayout, panelDataArray } = eagerValuesRef.current;
+  const expandPanel = useCallback(
+    (panelData: PanelData, minSizeOverride?: number) => {
+      const { onLayout } = committedValuesRef.current;
+      const { layout: prevLayout, panelDataArray } = eagerValuesRef.current;
 
-    if (panelData.constraints.collapsible) {
-      const panelConstraintsArray = panelDataArray.map(
-        (panelData) => panelData.constraints
-      );
+      if (panelData.constraints.collapsible) {
+        const panelConstraintsArray = panelDataArray.map(
+          (panelData) => panelData.constraints
+        );
 
-      const {
-        collapsedSize = 0,
-        panelSize = 0,
-        minSize = 0,
-        pivotIndices,
-      } = panelDataHelper(panelDataArray, panelData, prevLayout);
+        const {
+          collapsedSize = 0,
+          panelSize = 0,
+          minSize: minSizeFromProps = 0,
+          pivotIndices,
+        } = panelDataHelper(panelDataArray, panelData, prevLayout);
 
-      if (fuzzyNumbersEqual(panelSize, collapsedSize)) {
-        // Restore this panel to the size it was before it was collapsed, if possible.
-        const prevPanelSize = panelSizeBeforeCollapseRef.current.get(
-          panelData.id
-        );
+        const minSize = minSizeOverride ?? minSizeFromProps;
 
-        const baseSize =
-          prevPanelSize != null && prevPanelSize >= minSize
-            ? prevPanelSize
-            : minSize;
+        if (fuzzyNumbersEqual(panelSize, collapsedSize)) {
+          // Restore this panel to the size it was before it was collapsed, if possible.
+          const prevPanelSize = panelSizeBeforeCollapseRef.current.get(
+            panelData.id
+          );
 
-        const isLastPanel =
-          findPanelDataIndex(panelDataArray, panelData) ===
-          panelDataArray.length - 1;
-        const delta = isLastPanel ? panelSize - baseSize : baseSize - panelSize;
+          const baseSize =
+            prevPanelSize != null && prevPanelSize >= minSize
+              ? prevPanelSize
+              : minSize;
+
+          const isLastPanel =
+            findPanelDataIndex(panelDataArray, panelData) ===
+            panelDataArray.length - 1;
+          const delta = isLastPanel
+            ? panelSize - baseSize
+            : baseSize - panelSize;
+
+          const nextLayout = adjustLayoutByDelta({
+            delta,
+            initialLayout: prevLayout,
+            panelConstraints: panelConstraintsArray,
+            pivotIndices,
+            prevLayout,
+            trigger: "imperative-api",
+          });
 
-        const nextLayout = adjustLayoutByDelta({
-          delta,
-          initialLayout: prevLayout,
-          panelConstraints: panelConstraintsArray,
-          pivotIndices,
-          prevLayout,
-          trigger: "imperative-api",
-        });
+          if (!compareLayouts(prevLayout, nextLayout)) {
+            setLayout(nextLayout);
 
-        if (!compareLayouts(prevLayout, nextLayout)) {
-          setLayout(nextLayout);
+            eagerValuesRef.current.layout = nextLayout;
 
-          eagerValuesRef.current.layout = nextLayout;
+            if (onLayout) {
+              onLayout(nextLayout);
+            }
 
-          if (onLayout) {
-            onLayout(nextLayout);
+            callPanelCallbacks(
+              panelDataArray,
+              nextLayout,
+              panelIdToLastNotifiedSizeMapRef.current
+            );
           }
-
-          callPanelCallbacks(
-            panelDataArray,
-            nextLayout,
-            panelIdToLastNotifiedSizeMapRef.current
-          );
         }
       }
-    }
-  }, []);
+    },
+    []
+  );
 
   // External APIs are safe to memoize via committed values ref
   const getPanelSize = useCallback((panelData: PanelData) => {

package/src/PanelGroupContext.ts

@@ -16,7 +16,7 @@ export type TPanelGroupContext = {
   collapsePanel: (panelData: PanelData) => void;
   direction: "horizontal" | "vertical";
   dragState: DragState | null;
-  expandPanel: (panelData: PanelData) => void;
+  expandPanel: (panelData: PanelData, minSizeOverride?: number) => void;
   getPanelSize: (panelData: PanelData) => number;
   getPanelStyle: (
     panelData: PanelData,