react-resizable-panels 0.0.52 → 0.0.54

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

@@ -1,5 +1,7 @@
 import * as React from 'react';
 
+const isBrowser = typeof window !== "undefined";
+
 // This module exists to work around Webpack issue https://github.com/webpack/webpack/issues/14814
 
 // eslint-disable-next-line no-restricted-imports
@@ -21,8 +23,7 @@ const {
 // `toString()` prevents bundlers from trying to `import { useId } from 'react'`
 const useId = React["useId".toString()];
 
-const canUseEffectHooks = !!(typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined");
-const useIsomorphicLayoutEffect = canUseEffectHooks ? useLayoutEffect : () => {};
+const useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : () => {};
 
 const wrappedUseId = typeof useId === "function" ? useId : () => null;
 let counter = 0;
@@ -36,10 +37,6 @@ function useUniqueId(idFromParams = null) {
 }
 
 const PanelGroupContext = createContext(null);
-
-// Workaround for Parcel scope hoisting (which renames objects/functions).
-// Casting to :any is required to avoid corrupting the generated TypeScript types.
-// See github.com/parcel-bundler/parcel/issues/8724
 PanelGroupContext.displayName = "PanelGroupContext";
 
 function PanelWithForwardedRef({
@@ -107,6 +104,7 @@ function PanelWithForwardedRef({
     collapsible,
     defaultSize,
     id: panelId,
+    idWasAutoGenerated: idFromProps == null,
     maxSize,
     minSize,
     order
@@ -118,6 +116,7 @@ function PanelWithForwardedRef({
     panelDataRef.current.collapsible = collapsible;
     panelDataRef.current.defaultSize = defaultSize;
     panelDataRef.current.id = panelId;
+    panelDataRef.current.idWasAutoGenerated = idFromProps == null;
     panelDataRef.current.maxSize = maxSize;
     panelDataRef.current.minSize = minSize;
     panelDataRef.current.order = order;
@@ -157,10 +156,6 @@ const Panel = forwardRef((props, ref) => createElement(PanelWithForwardedRef, {
   ...props,
   forwardedRef: ref
 }));
-
-// Workaround for Parcel scope hoisting (which renames objects/functions).
-// Casting to :any is required to avoid corrupting the generated TypeScript types.
-// See github.com/parcel-bundler/parcel/issues/8724
 PanelWithForwardedRef.displayName = "Panel";
 Panel.displayName = "forwardRef(Panel)";
 
@@ -262,12 +257,18 @@ function adjustByDelta(event, panels, idBefore, idAfter, delta, prevSizes, panel
 }
 function callPanelCallbacks(panelsArray, sizes, panelIdToLastNotifiedSizeMap) {
   sizes.forEach((size, index) => {
+    const panelRef = panelsArray[index];
+    if (!panelRef) {
+      // Handle initial mount (when panels are registered too late to be in the panels array)
+      // The subsequent render+effects will handle the resize notification
+      return;
+    }
     const {
       callbacksRef,
       collapsedSize,
       collapsible,
       id
-    } = panelsArray[index].current;
+    } = panelRef.current;
     const lastNotifiedSize = panelIdToLastNotifiedSizeMap[id];
     if (lastNotifiedSize !== size) {
       panelIdToLastNotifiedSizeMap[id] = size;
@@ -815,6 +816,11 @@ function PanelGroupWithForwardedRef({
   // We store the initial Panel sizes in this ref, and apply move deltas to them instead of to the current sizes.
   // This has the benefit of causing force-collapsed panels to spring back open if drag is reversed.
   const initialDragStateRef = useRef(null);
+  useRef({
+    didLogDefaultSizeWarning: false,
+    didLogIdAndOrderWarning: false,
+    prevPanelIds: []
+  });
 
   // Use a ref to guard against users passing inline props
   const callbacksRef = useRef({
@@ -1262,10 +1268,6 @@ const PanelGroup = forwardRef((props, ref) => createElement(PanelGroupWithForwar
   ...props,
   forwardedRef: ref
 }));
-
-// Workaround for Parcel scope hoisting (which renames objects/functions).
-// Casting to :any is required to avoid corrupting the generated TypeScript types.
-// See github.com/parcel-bundler/parcel/issues/8724
 PanelGroupWithForwardedRef.displayName = "PanelGroup";
 PanelGroup.displayName = "forwardRef(PanelGroup)";
 
@@ -1401,10 +1403,6 @@ function PanelResizeHandle({
     tabIndex: 0
   });
 }
-
-// Workaround for Parcel scope hoisting (which renames objects/functions).
-// Casting to :any is required to avoid corrupting the generated TypeScript types.
-// See github.com/parcel-bundler/parcel/issues/8724
 PanelResizeHandle.displayName = "PanelResizeHandle";
 
 export { Panel, PanelGroup, PanelResizeHandle };