react-resizable-panels 0.0.42 → 0.0.43

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

@@ -141,45 +141,6 @@ function $c33df6d7c39fd3ee$var$parseSizeFromStyle(style) {
 
 
 
-// Note that Panel ids might be user-provided (stable) or useId generated (non-deterministic)
-// so they should not be used as part of the serialization key.
-// Using an attribute like minSize instead should work well enough.
-// Pre-sorting by minSize allows remembering layouts even if panels are re-ordered/dragged.
-function $6889c3a3ed41cfd1$var$getSerializationKey(panels) {
-    return panels.map((panel)=>{
-        const { minSize: minSize , order: order  } = panel;
-        return order ? `${order}:${minSize}` : `${minSize}`;
-    }).sort((a, b)=>a.localeCompare(b)).join(",");
-}
-function $6889c3a3ed41cfd1$var$loadSerializedPanelGroupState(autoSaveId, storage) {
-    try {
-        const serialized = storage.getItem(`PanelGroup:sizes:${autoSaveId}`);
-        if (serialized) {
-            const parsed = JSON.parse(serialized);
-            if (typeof parsed === "object" && parsed != null) return parsed;
-        }
-    } catch (error) {}
-    return null;
-}
-function $6889c3a3ed41cfd1$export$9c80c6617f0386da(autoSaveId, panels, storage) {
-    const state = $6889c3a3ed41cfd1$var$loadSerializedPanelGroupState(autoSaveId, storage);
-    if (state) {
-        const key = $6889c3a3ed41cfd1$var$getSerializationKey(panels);
-        var _state_key;
-        return (_state_key = state[key]) !== null && _state_key !== void 0 ? _state_key : null;
-    }
-    return null;
-}
-function $6889c3a3ed41cfd1$export$af183b313c61be4f(autoSaveId, panels, sizes, storage) {
-    const key = $6889c3a3ed41cfd1$var$getSerializationKey(panels);
-    const state = $6889c3a3ed41cfd1$var$loadSerializedPanelGroupState(autoSaveId, storage) || {};
-    state[key] = sizes;
-    try {
-        storage.setItem(`PanelGroup:sizes:${autoSaveId}`, JSON.stringify(state));
-    } catch (error) {
-        console.error(error);
-    }
-}
 
 
 const $a8e83be196252871$export$d6d3992f3becc879 = 10;
@@ -359,84 +320,6 @@ function $d6f7e4c3aa9e02d7$var$safeResizePanel(panel, delta, prevSize, event) {
 }
 
 
-function $8f51c2d77bf1da88$export$ec391ce65b083ed4(event, handleId, direction, initialOffset = 0, initialHandleElementRect = null) {
-    const isHorizontal = direction === "horizontal";
-    let pointerOffset = 0;
-    if ($8f51c2d77bf1da88$export$764db16956f554f8(event)) pointerOffset = isHorizontal ? event.clientX : event.clientY;
-    else if ($8f51c2d77bf1da88$export$c4dfce035d43d1e0(event)) {
-        const firstTouch = event.touches[0];
-        pointerOffset = isHorizontal ? firstTouch.screenX : firstTouch.screenY;
-    } else return 0;
-    const handleElement = (0, $d6f7e4c3aa9e02d7$export$2e27d3a347680388)(handleId);
-    const rect = initialHandleElementRect || handleElement.getBoundingClientRect();
-    const elementOffset = isHorizontal ? rect.left : rect.top;
-    return pointerOffset - elementOffset - initialOffset;
-}
-function $8f51c2d77bf1da88$export$354b17c0684607ed(event, groupId, handleId, panelsArray, direction, prevSizes, initialDragState) {
-    const { dragOffset: dragOffset = 0 , dragHandleRect: dragHandleRect , sizes: initialSizes  } = initialDragState || {};
-    // If we're resizing by mouse or touch, use the initial sizes as a base.
-    // This has the benefit of causing force-collapsed panels to spring back open if drag is reversed.
-    const baseSizes = initialSizes || prevSizes;
-    if ($8f51c2d77bf1da88$export$e7bf60a870f429b0(event)) {
-        const isHorizontal = direction === "horizontal";
-        const groupElement = (0, $d6f7e4c3aa9e02d7$export$5e67632cf3550a9c)(groupId);
-        const rect = groupElement.getBoundingClientRect();
-        const groupSizeInPixels = isHorizontal ? rect.width : rect.height;
-        const denominator = event.shiftKey ? 10 : 100;
-        const delta = groupSizeInPixels / denominator;
-        let movement = 0;
-        switch(event.key){
-            case "ArrowDown":
-                movement = isHorizontal ? 0 : delta;
-                break;
-            case "ArrowLeft":
-                movement = isHorizontal ? -delta : 0;
-                break;
-            case "ArrowRight":
-                movement = isHorizontal ? delta : 0;
-                break;
-            case "ArrowUp":
-                movement = isHorizontal ? 0 : -delta;
-                break;
-            case "End":
-                movement = groupSizeInPixels;
-                break;
-            case "Home":
-                movement = -groupSizeInPixels;
-                break;
-        }
-        // If the Panel being resized is collapsible,
-        // we need to special case resizing around the minSize boundary.
-        // If contracting, Panels should shrink to their minSize and then snap to fully collapsed.
-        // If expanding from collapsed, they should snap back to their minSize.
-        const [idBefore, idAfter] = (0, $d6f7e4c3aa9e02d7$export$68d3a33c21dfbe27)(groupId, handleId, panelsArray);
-        const targetPanelId = movement < 0 ? idBefore : idAfter;
-        const targetPanelIndex = panelsArray.findIndex((panel)=>panel.id === targetPanelId);
-        const targetPanel = panelsArray[targetPanelIndex];
-        if (targetPanel.collapsible) {
-            const baseSize = baseSizes[targetPanelIndex];
-            if (baseSize === 0 || baseSize.toPrecision((0, $a8e83be196252871$export$d6d3992f3becc879)) === targetPanel.minSize.toPrecision((0, $a8e83be196252871$export$d6d3992f3becc879))) movement = movement < 0 ? -targetPanel.minSize * groupSizeInPixels : targetPanel.minSize * groupSizeInPixels;
-        }
-        return movement;
-    } else return $8f51c2d77bf1da88$export$ec391ce65b083ed4(event, handleId, direction, dragOffset, dragHandleRect);
-}
-function $8f51c2d77bf1da88$export$e7bf60a870f429b0(event) {
-    return event.type === "keydown";
-}
-function $8f51c2d77bf1da88$export$764db16956f554f8(event) {
-    return event.type.startsWith("mouse");
-}
-function $8f51c2d77bf1da88$export$c4dfce035d43d1e0(event) {
-    return event.type.startsWith("touch");
-}
-
-
-
-
-
-
-
-
 function $5f33910cd46e8ae7$export$a7a9523472993e97(expectedCondition, message = "Assertion failed!") {
     if (!expectedCondition) {
         console.error(message);
@@ -563,6 +446,91 @@ function $4a90471e7083b52f$export$33b0bea6ac3ffb03({ disabled: disabled , handle
 }
 
 
+
+function $c892f0f705e6ded5$export$b141efd0b0fb9174(arrayA, arrayB) {
+    if (arrayA.length !== arrayB.length) return false;
+    for(let index = 0; index < arrayA.length; index++){
+        if (arrayA[index] !== arrayB[index]) return false;
+    }
+    return true;
+}
+
+
+
+
+
+function $8f51c2d77bf1da88$export$ec391ce65b083ed4(event, handleId, direction, initialOffset = 0, initialHandleElementRect = null) {
+    const isHorizontal = direction === "horizontal";
+    let pointerOffset = 0;
+    if ($8f51c2d77bf1da88$export$764db16956f554f8(event)) pointerOffset = isHorizontal ? event.clientX : event.clientY;
+    else if ($8f51c2d77bf1da88$export$c4dfce035d43d1e0(event)) {
+        const firstTouch = event.touches[0];
+        pointerOffset = isHorizontal ? firstTouch.screenX : firstTouch.screenY;
+    } else return 0;
+    const handleElement = (0, $d6f7e4c3aa9e02d7$export$2e27d3a347680388)(handleId);
+    const rect = initialHandleElementRect || handleElement.getBoundingClientRect();
+    const elementOffset = isHorizontal ? rect.left : rect.top;
+    return pointerOffset - elementOffset - initialOffset;
+}
+function $8f51c2d77bf1da88$export$354b17c0684607ed(event, groupId, handleId, panelsArray, direction, prevSizes, initialDragState) {
+    const { dragOffset: dragOffset = 0 , dragHandleRect: dragHandleRect , sizes: initialSizes  } = initialDragState || {};
+    // If we're resizing by mouse or touch, use the initial sizes as a base.
+    // This has the benefit of causing force-collapsed panels to spring back open if drag is reversed.
+    const baseSizes = initialSizes || prevSizes;
+    if ($8f51c2d77bf1da88$export$e7bf60a870f429b0(event)) {
+        const isHorizontal = direction === "horizontal";
+        const groupElement = (0, $d6f7e4c3aa9e02d7$export$5e67632cf3550a9c)(groupId);
+        const rect = groupElement.getBoundingClientRect();
+        const groupSizeInPixels = isHorizontal ? rect.width : rect.height;
+        const denominator = event.shiftKey ? 10 : 100;
+        const delta = groupSizeInPixels / denominator;
+        let movement = 0;
+        switch(event.key){
+            case "ArrowDown":
+                movement = isHorizontal ? 0 : delta;
+                break;
+            case "ArrowLeft":
+                movement = isHorizontal ? -delta : 0;
+                break;
+            case "ArrowRight":
+                movement = isHorizontal ? delta : 0;
+                break;
+            case "ArrowUp":
+                movement = isHorizontal ? 0 : -delta;
+                break;
+            case "End":
+                movement = groupSizeInPixels;
+                break;
+            case "Home":
+                movement = -groupSizeInPixels;
+                break;
+        }
+        // If the Panel being resized is collapsible,
+        // we need to special case resizing around the minSize boundary.
+        // If contracting, Panels should shrink to their minSize and then snap to fully collapsed.
+        // If expanding from collapsed, they should snap back to their minSize.
+        const [idBefore, idAfter] = (0, $d6f7e4c3aa9e02d7$export$68d3a33c21dfbe27)(groupId, handleId, panelsArray);
+        const targetPanelId = movement < 0 ? idBefore : idAfter;
+        const targetPanelIndex = panelsArray.findIndex((panel)=>panel.id === targetPanelId);
+        const targetPanel = panelsArray[targetPanelIndex];
+        if (targetPanel.collapsible) {
+            const baseSize = baseSizes[targetPanelIndex];
+            if (baseSize === 0 || baseSize.toPrecision((0, $a8e83be196252871$export$d6d3992f3becc879)) === targetPanel.minSize.toPrecision((0, $a8e83be196252871$export$d6d3992f3becc879))) movement = movement < 0 ? -targetPanel.minSize * groupSizeInPixels : targetPanel.minSize * groupSizeInPixels;
+        }
+        return movement;
+    } else return $8f51c2d77bf1da88$export$ec391ce65b083ed4(event, handleId, direction, dragOffset, dragHandleRect);
+}
+function $8f51c2d77bf1da88$export$e7bf60a870f429b0(event) {
+    return event.type === "keydown";
+}
+function $8f51c2d77bf1da88$export$764db16956f554f8(event) {
+    return event.type.startsWith("mouse");
+}
+function $8f51c2d77bf1da88$export$c4dfce035d43d1e0(event) {
+    return event.type.startsWith("touch");
+}
+
+
 let $8d9d88bebf1a8ace$var$currentState = null;
 let $8d9d88bebf1a8ace$var$element = null;
 function $8d9d88bebf1a8ace$export$fa35f3322c52262f(state) {
@@ -612,18 +580,49 @@ function $f7d932e9304c1581$export$2e2bcd8739ae039(callback, durationMs = 10) {
 }
 
 
-function $c892f0f705e6ded5$export$b141efd0b0fb9174(arrayA, arrayB) {
-    if (arrayA.length !== arrayB.length) return false;
-    for(let index = 0; index < arrayA.length; index++){
-        if (arrayA[index] !== arrayB[index]) return false;
+
+// Note that Panel ids might be user-provided (stable) or useId generated (non-deterministic)
+// so they should not be used as part of the serialization key.
+// Using an attribute like minSize instead should work well enough.
+// Pre-sorting by minSize allows remembering layouts even if panels are re-ordered/dragged.
+function $6889c3a3ed41cfd1$var$getSerializationKey(panels) {
+    return panels.map((panel)=>{
+        const { minSize: minSize , order: order  } = panel;
+        return order ? `${order}:${minSize}` : `${minSize}`;
+    }).sort((a, b)=>a.localeCompare(b)).join(",");
+}
+function $6889c3a3ed41cfd1$var$loadSerializedPanelGroupState(autoSaveId, storage) {
+    try {
+        const serialized = storage.getItem(`PanelGroup:sizes:${autoSaveId}`);
+        if (serialized) {
+            const parsed = JSON.parse(serialized);
+            if (typeof parsed === "object" && parsed != null) return parsed;
+        }
+    } catch (error) {}
+    return null;
+}
+function $6889c3a3ed41cfd1$export$9c80c6617f0386da(autoSaveId, panels, storage) {
+    const state = $6889c3a3ed41cfd1$var$loadSerializedPanelGroupState(autoSaveId, storage);
+    if (state) {
+        const key = $6889c3a3ed41cfd1$var$getSerializationKey(panels);
+        var _state_key;
+        return (_state_key = state[key]) !== null && _state_key !== void 0 ? _state_key : null;
+    }
+    return null;
+}
+function $6889c3a3ed41cfd1$export$af183b313c61be4f(autoSaveId, panels, sizes, storage) {
+    const key = $6889c3a3ed41cfd1$var$getSerializationKey(panels);
+    const state = $6889c3a3ed41cfd1$var$loadSerializedPanelGroupState(autoSaveId, storage) || {};
+    state[key] = sizes;
+    try {
+        storage.setItem(`PanelGroup:sizes:${autoSaveId}`, JSON.stringify(state));
+    } catch (error) {
+        console.error(error);
     }
-    return true;
 }
 
 
-
-// Limit the frequency of localStorage updates.
-const $3daa5d4c086ea816$var$savePanelGroupLayoutDebounced = (0, $f7d932e9304c1581$export$2e2bcd8739ae039)((0, $6889c3a3ed41cfd1$export$af183b313c61be4f), 100);
+const $3daa5d4c086ea816$var$debounceMap = {};
 function $3daa5d4c086ea816$var$throwServerError() {
     throw new Error('PanelGroup "storage" prop required for server rendering.');
 }
@@ -658,6 +657,10 @@ function $3daa5d4c086ea816$var$PanelGroupWithForwardedRef({ autoSaveId: autoSave
         sizes: sizes
     });
     (0, $ef07efbe5fa7d87e$export$d5a552a76deda3c2)(forwardedRef, ()=>({
+            getLayout: ()=>{
+                const { sizes: sizes  } = committedValuesRef.current;
+                return sizes;
+            },
             setLayout: (sizes)=>{
                 const total = sizes.reduce((accumulated, current)=>accumulated + current, 0);
                 (0, $5f33910cd46e8ae7$export$a7a9523472993e97)(total === 100, "Panel sizes must add up to 100%");
@@ -748,7 +751,9 @@ function $3daa5d4c086ea816$var$PanelGroupWithForwardedRef({ autoSaveId: autoSave
         if (autoSaveId) {
             if (sizes.length === 0 || sizes.length !== panels.size) return;
             const panelsArray = (0, $d6f7e4c3aa9e02d7$export$a861c0ad45885494)(panels);
-            $3daa5d4c086ea816$var$savePanelGroupLayoutDebounced(autoSaveId, panelsArray, sizes, storage);
+            // Limit the frequency of localStorage updates.
+            if (!$3daa5d4c086ea816$var$debounceMap[autoSaveId]) $3daa5d4c086ea816$var$debounceMap[autoSaveId] = (0, $f7d932e9304c1581$export$2e2bcd8739ae039)((0, $6889c3a3ed41cfd1$export$af183b313c61be4f), 100);
+            $3daa5d4c086ea816$var$debounceMap[autoSaveId](autoSaveId, panelsArray, sizes, storage);
         }
     }, [
         autoSaveId,