@cube-dev/ui-kit 0.0.0-canary-900eb1f → 0.0.0-canary-e852864

package/dist/components/content/Layout/LayoutContext.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { createContext, useContext, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
@@ -11,6 +11,8 @@ function useLayoutRefsContext() {
 }
 const LayoutActionsContext = createContext(null);
 const LayoutStateContext = createContext(null);
+/** Private transition coordination; not part of the public Layout context API. */
+const LayoutPanelTransitionContext = createContext(null);
 function useLayoutActionsContext() {
 	return useContext(LayoutActionsContext);
 }
@@ -18,7 +20,7 @@ function useLayoutStateContext() {
 	return useContext(LayoutStateContext);
 }
 function LayoutProvider(t0) {
-	const $ = c(44);
+	const $ = c(51);
 	const { children, hasTransition: t1, minContentSize: t2 } = t0;
 	const hasTransition = t1 === void 0 ? false : t1;
 	const minContentSize = t2 === void 0 ? 320 : t2;
@@ -59,6 +61,7 @@ function LayoutProvider(t0) {
 	const [isDragging, setIsDragging] = useState(false);
 	const [isReady, setIsReady] = useState(false);
 	const [hasOverlayPanels, setHasOverlayPanels] = useState(false);
+	const [panelTransitionCount, setPanelTransitionCount] = useState(0);
 	const [containerWidth, setContainerWidth] = useState(0);
 	const [containerHeight, setContainerHeight] = useState(0);
 	let t7;
@@ -137,16 +140,25 @@ function LayoutProvider(t0) {
 	const dismissOverlayPanels = useEvent(t13);
 	let t14;
 	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
-		t14 = (width, height) => {
-			setContainerWidth((prev_0) => prev_0 === width ? prev_0 : width);
-			setContainerHeight((prev_1) => prev_1 === height ? prev_1 : height);
+		t14 = () => {
+			setPanelTransitionCount(_temp2);
+			return () => setPanelTransitionCount(_temp3);
 		};
 		$[13] = t14;
 	} else t14 = $[13];
-	const updateContainerSize = useEvent(t14);
+	const registerPanelTransition = useEvent(t14);
 	let t15;
-	if ($[14] !== dismissOverlayPanels || $[15] !== hasTransition || $[16] !== markReady || $[17] !== minContentSize || $[18] !== registerOverlayPanel || $[19] !== registerPanel || $[20] !== setDragging || $[21] !== unregisterPanel || $[22] !== updateContainerSize || $[23] !== updatePanelSize) {
-		t15 = {
+	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+		t15 = (width, height) => {
+			setContainerWidth((prev_0) => prev_0 === width ? prev_0 : width);
+			setContainerHeight((prev_1) => prev_1 === height ? prev_1 : height);
+		};
+		$[14] = t15;
+	} else t15 = $[14];
+	const updateContainerSize = useEvent(t15);
+	let t16;
+	if ($[15] !== dismissOverlayPanels || $[16] !== hasTransition || $[17] !== markReady || $[18] !== minContentSize || $[19] !== registerOverlayPanel || $[20] !== registerPanel || $[21] !== setDragging || $[22] !== unregisterPanel || $[23] !== updateContainerSize || $[24] !== updatePanelSize) {
+		t16 = {
 			registerPanel,
 			unregisterPanel,
 			updatePanelSize,
@@ -158,22 +170,22 @@ function LayoutProvider(t0) {
 			registerOverlayPanel,
 			dismissOverlayPanels
 		};
-		$[14] = dismissOverlayPanels;
-		$[15] = hasTransition;
-		$[16] = markReady;
-		$[17] = minContentSize;
-		$[18] = registerOverlayPanel;
-		$[19] = registerPanel;
-		$[20] = setDragging;
-		$[21] = unregisterPanel;
-		$[22] = updateContainerSize;
-		$[23] = updatePanelSize;
-		$[24] = t15;
-	} else t15 = $[24];
-	const actionsValue = t15;
-	let t16;
-	if ($[25] !== containerHeight || $[26] !== containerWidth || $[27] !== hasOverlayPanels || $[28] !== isDragging || $[29] !== isReady || $[30] !== panelSizes) {
-		t16 = {
+		$[15] = dismissOverlayPanels;
+		$[16] = hasTransition;
+		$[17] = markReady;
+		$[18] = minContentSize;
+		$[19] = registerOverlayPanel;
+		$[20] = registerPanel;
+		$[21] = setDragging;
+		$[22] = unregisterPanel;
+		$[23] = updateContainerSize;
+		$[24] = updatePanelSize;
+		$[25] = t16;
+	} else t16 = $[25];
+	const actionsValue = t16;
+	let t17;
+	if ($[26] !== containerHeight || $[27] !== containerWidth || $[28] !== hasOverlayPanels || $[29] !== isDragging || $[30] !== isReady || $[31] !== panelSizes) {
+		t17 = {
 			panelSizes,
 			isDragging,
 			isReady,
@@ -181,63 +193,90 @@ function LayoutProvider(t0) {
 			containerWidth,
 			containerHeight
 		};
-		$[25] = containerHeight;
-		$[26] = containerWidth;
-		$[27] = hasOverlayPanels;
-		$[28] = isDragging;
-		$[29] = isReady;
-		$[30] = panelSizes;
-		$[31] = t16;
-	} else t16 = $[31];
-	const stateValue = t16;
-	let t17;
-	if ($[32] !== isPanelContainerReady || $[33] !== setPanelContainer) {
-		t17 = {
+		$[26] = containerHeight;
+		$[27] = containerWidth;
+		$[28] = hasOverlayPanels;
+		$[29] = isDragging;
+		$[30] = isReady;
+		$[31] = panelSizes;
+		$[32] = t17;
+	} else t17 = $[32];
+	const stateValue = t17;
+	let t18;
+	if ($[33] !== isPanelContainerReady || $[34] !== setPanelContainer) {
+		t18 = {
 			panelContainerRef,
 			isPanelContainerReady,
 			setPanelContainer
 		};
-		$[32] = isPanelContainerReady;
-		$[33] = setPanelContainer;
-		$[34] = t17;
-	} else t17 = $[34];
-	const refsValue = t17;
-	let t18;
-	if ($[35] !== children || $[36] !== stateValue) {
-		t18 = /* @__PURE__ */ jsx(LayoutStateContext.Provider, {
-			value: stateValue,
+		$[33] = isPanelContainerReady;
+		$[34] = setPanelContainer;
+		$[35] = t18;
+	} else t18 = $[35];
+	const refsValue = t18;
+	const t19 = panelTransitionCount > 0;
+	let t20;
+	if ($[36] !== registerPanelTransition || $[37] !== t19) {
+		t20 = {
+			isClippingPanels: t19,
+			registerPanelTransition
+		};
+		$[36] = registerPanelTransition;
+		$[37] = t19;
+		$[38] = t20;
+	} else t20 = $[38];
+	let t21;
+	if ($[39] !== children || $[40] !== t20) {
+		t21 = /* @__PURE__ */ jsx(LayoutPanelTransitionContext.Provider, {
+			value: t20,
 			children
 		});
-		$[35] = children;
-		$[36] = stateValue;
-		$[37] = t18;
-	} else t18 = $[37];
-	let t19;
-	if ($[38] !== actionsValue || $[39] !== t18) {
-		t19 = /* @__PURE__ */ jsx(LayoutActionsContext.Provider, {
+		$[39] = children;
+		$[40] = t20;
+		$[41] = t21;
+	} else t21 = $[41];
+	let t22;
+	if ($[42] !== stateValue || $[43] !== t21) {
+		t22 = /* @__PURE__ */ jsx(LayoutStateContext.Provider, {
+			value: stateValue,
+			children: t21
+		});
+		$[42] = stateValue;
+		$[43] = t21;
+		$[44] = t22;
+	} else t22 = $[44];
+	let t23;
+	if ($[45] !== actionsValue || $[46] !== t22) {
+		t23 = /* @__PURE__ */ jsx(LayoutActionsContext.Provider, {
 			value: actionsValue,
-			children: t18
+			children: t22
 		});
-		$[38] = actionsValue;
-		$[39] = t18;
-		$[40] = t19;
-	} else t19 = $[40];
-	let t20;
-	if ($[41] !== refsValue || $[42] !== t19) {
-		t20 = /* @__PURE__ */ jsx(LayoutRefsContext.Provider, {
+		$[45] = actionsValue;
+		$[46] = t22;
+		$[47] = t23;
+	} else t23 = $[47];
+	let t24;
+	if ($[48] !== refsValue || $[49] !== t23) {
+		t24 = /* @__PURE__ */ jsx(LayoutRefsContext.Provider, {
 			value: refsValue,
-			children: t19
+			children: t23
 		});
-		$[41] = refsValue;
-		$[42] = t19;
-		$[43] = t20;
-	} else t20 = $[43];
-	return t20;
+		$[48] = refsValue;
+		$[49] = t23;
+		$[50] = t24;
+	} else t24 = $[50];
+	return t24;
 }
 /**
 * Provider that resets the layout context for sub-components.
 * Used to prevent panels in nested Layouts from affecting parent layouts.
 */
+function _temp3(count_0) {
+	return count_0 - 1;
+}
+function _temp2(count) {
+	return count + 1;
+}
 function _temp(dismiss_0) {
 	return dismiss_0();
 }
@@ -252,7 +291,10 @@ function LayoutContextReset(t0) {
 				value: null,
 				children: /* @__PURE__ */ jsx(LayoutStateContext.Provider, {
 					value: null,
-					children
+					children: /* @__PURE__ */ jsx(LayoutPanelTransitionContext.Provider, {
+						value: null,
+						children
+					})
 				})
 			})
 		});
@@ -267,5 +309,5 @@ function useLayoutPanelContext() {
 }
 
 //#endregion
-export { LayoutActionsContext, LayoutContextReset, LayoutPanelContext, LayoutProvider, LayoutRefsContext, LayoutStateContext, useLayoutActionsContext, useLayoutPanelContext, useLayoutRefsContext, useLayoutStateContext };
+export { LayoutActionsContext, LayoutContextReset, LayoutPanelContext, LayoutPanelTransitionContext, LayoutProvider, LayoutRefsContext, LayoutStateContext, useLayoutActionsContext, useLayoutPanelContext, useLayoutRefsContext, useLayoutStateContext };
 //# sourceMappingURL=LayoutContext.js.map

package/dist/components/content/Layout/LayoutContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutContext.js","names":["createContext","MutableRefObject","ReactNode","useContext","useMemo","useRef","useState","useEvent","Side","LayoutRefsContextValue","panelContainerRef","HTMLDivElement","isPanelContainerReady","setPanelContainer","element","LayoutRefsContext","useLayoutRefsContext","OverlayDismissCallback","LayoutActionsContextValue","registerPanel","side","size","unregisterPanel","updatePanelSize","setDragging","isDragging","markReady","updateContainerSize","width","height","registerOverlayPanel","dismiss","dismissOverlayPanels","hasTransition","minContentSize","LayoutStateContextValue","panelSizes","Record","isReady","hasOverlayPanels","containerWidth","containerHeight","LayoutActionsContext","LayoutStateContext","useLayoutActionsContext","useLayoutStateContext","LayoutContextValue","useLayoutContext","$","_c","actions","state","refs","t0","LayoutProviderProps","children","LayoutProvider","t1","t2","undefined","t3","Symbol","for","Set","registeredPanels","t4","overlayPanelCallbacks","setIsPanelContainerReady","t5","current","t6","left","top","right","bottom","setPanelSizes","setIsDragging","setIsReady","setHasOverlayPanels","setContainerWidth","setContainerHeight","t7","prev","t8","side_0","size_0","has","Error","isHorizontal","conflictingSides","conflictSide","add","t9","side_1","delete","t10","dragging","t11","t12","t13","forEach","_temp","t14","prev_0","prev_1","t15","actionsValue","t16","stateValue","t17","refsValue","t18","t19","t20","dismiss_0","LayoutContextReset","LayoutPanelContextValue","onOpenChange","isOpen","LayoutPanelContext","useLayoutPanelContext"],"sources":["../../../../src/components/content/Layout/LayoutContext.tsx"],"sourcesContent":["import {\n  createContext,\n  MutableRefObject,\n  ReactNode,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\n\nexport type Side = 'left' | 'top' | 'right' | 'bottom';\n\n/**\n * Refs context - stable refs that don't change and don't trigger re-renders.\n * Provides portal container ref for panels to render into.\n */\nexport interface LayoutRefsContextValue {\n  /** Container element ref for panels to portal into */\n  panelContainerRef: MutableRefObject<HTMLDivElement | null>;\n  /** Whether the panel container is mounted and ready for portals */\n  isPanelContainerReady: boolean;\n  /** Callback ref to set on the panel container element */\n  setPanelContainer: (element: HTMLDivElement | null) => void;\n}\n\nexport const LayoutRefsContext = createContext<LayoutRefsContextValue | null>(\n  null,\n);\n\nexport function useLayoutRefsContext(): LayoutRefsContextValue | null {\n  return useContext(LayoutRefsContext);\n}\n\n/** Callback to dismiss an overlay panel */\nexport type OverlayDismissCallback = () => void;\n\n/**\n * Actions context - stable functions and configuration that don't change.\n * Separating these from state prevents unnecessary re-renders when only state changes.\n */\nexport interface LayoutActionsContextValue {\n  /** Register a panel on a specific side with initial size */\n  registerPanel: (side: Side, size: number) => void;\n  /** Unregister a panel from a specific side */\n  unregisterPanel: (side: Side) => void;\n  /** Update the size of a registered panel */\n  updatePanelSize: (side: Side, size: number) => void;\n  /** Set global dragging state (when any panel is being resized) */\n  setDragging: (isDragging: boolean) => void;\n  /** Mark the layout as ready (after initial mount) */\n  markReady: () => void;\n  /** Update the container dimensions (called from ResizeObserver) */\n  updateContainerSize: (width: number, height: number) => void;\n  /** Register an overlay panel's dismiss callback. Returns unregister function. */\n  registerOverlayPanel: (dismiss: OverlayDismissCallback) => () => void;\n  /** Dismiss all overlay panels */\n  dismissOverlayPanels: () => void;\n  /** Whether transitions are enabled for panels (stable config value) */\n  hasTransition: boolean;\n  /** Minimum size reserved for the content area between panels */\n  minContentSize: number;\n}\n\n/** State context - reactive state that triggers re-renders */\nexport interface LayoutStateContextValue {\n  panelSizes: Record<Side, number>;\n  isDragging: boolean;\n  isReady: boolean;\n  hasOverlayPanels: boolean;\n  containerWidth: number;\n  containerHeight: number;\n}\n\nexport const LayoutActionsContext =\n  createContext<LayoutActionsContextValue | null>(null);\nexport const LayoutStateContext = createContext<LayoutStateContextValue | null>(\n  null,\n);\n\nexport function useLayoutActionsContext(): LayoutActionsContextValue | null {\n  return useContext(LayoutActionsContext);\n}\n\nexport function useLayoutStateContext(): LayoutStateContextValue | null {\n  return useContext(LayoutStateContext);\n}\n\n/** Combined layout context value for convenience */\nexport interface LayoutContextValue\n  extends LayoutActionsContextValue,\n    LayoutStateContextValue,\n    LayoutRefsContextValue {}\n\n/**\n * Combined hook that returns all layout context values.\n * Convenience wrapper around the individual context hooks.\n * Returns null if used outside of a Layout component.\n */\nexport function useLayoutContext(): LayoutContextValue | null {\n  const actions = useLayoutActionsContext();\n  const state = useLayoutStateContext();\n  const refs = useLayoutRefsContext();\n\n  if (!actions || !state || !refs) {\n    return null;\n  }\n\n  return { ...actions, ...state, ...refs };\n}\n\nexport interface LayoutProviderProps {\n  children: ReactNode;\n  /** Whether transitions are enabled for panels */\n  hasTransition?: boolean;\n  /** Minimum size reserved for the content area between panels. Default: 320 */\n  minContentSize?: number;\n}\n\nexport function LayoutProvider({\n  children,\n  hasTransition = false,\n  minContentSize = 320,\n}: LayoutProviderProps) {\n  const registeredPanels = useRef<Set<Side>>(new Set());\n  const overlayPanelCallbacks = useRef<Set<OverlayDismissCallback>>(new Set());\n  const panelContainerRef = useRef<HTMLDivElement | null>(null);\n  const [isPanelContainerReady, setIsPanelContainerReady] = useState(false);\n\n  // Callback ref for panel container - triggers re-render when container mounts\n  const setPanelContainer = useEvent((element: HTMLDivElement | null) => {\n    panelContainerRef.current = element;\n    setIsPanelContainerReady(element !== null);\n  });\n\n  const [panelSizes, setPanelSizes] = useState<Record<Side, number>>({\n    left: 0,\n    top: 0,\n    right: 0,\n    bottom: 0,\n  });\n  const [isDragging, setIsDragging] = useState(false);\n  const [isReady, setIsReady] = useState(false);\n  const [hasOverlayPanels, setHasOverlayPanels] = useState(false);\n  const [containerWidth, setContainerWidth] = useState(0);\n  const [containerHeight, setContainerHeight] = useState(0);\n\n  const updatePanelSize = useEvent((side: Side, size: number) => {\n    setPanelSizes((prev) => {\n      if (prev[side] === size) return prev;\n      return { ...prev, [side]: size };\n    });\n  });\n\n  const registerPanel = useEvent((side: Side, size: number) => {\n    if (registeredPanels.current.has(side)) {\n      throw new Error(\n        `Layout: Only one panel per side is allowed. ` +\n          `A panel is already registered on the \"${side}\" side.`,\n      );\n    }\n\n    // Check for axis conflict\n    const isHorizontal = side === 'left' || side === 'right';\n    const conflictingSides: Side[] = isHorizontal\n      ? ['top', 'bottom']\n      : ['left', 'right'];\n\n    for (const conflictSide of conflictingSides) {\n      if (registeredPanels.current.has(conflictSide)) {\n        throw new Error(\n          `Layout: Panels from different axes cannot be combined. ` +\n            `Cannot register \"${side}\" panel when \"${conflictSide}\" panel exists. ` +\n            `Use either horizontal (left/right) or vertical (top/bottom) panels.`,\n        );\n      }\n    }\n\n    registeredPanels.current.add(side);\n    updatePanelSize(side, size);\n  });\n\n  const unregisterPanel = useEvent((side: Side) => {\n    registeredPanels.current.delete(side);\n    updatePanelSize(side, 0);\n  });\n\n  const setDragging = useEvent((dragging: boolean) => {\n    setIsDragging(dragging);\n  });\n\n  const markReady = useEvent(() => {\n    setIsReady(true);\n  });\n\n  const registerOverlayPanel = useEvent((dismiss: OverlayDismissCallback) => {\n    overlayPanelCallbacks.current.add(dismiss);\n    setHasOverlayPanels(true);\n\n    // Return unregister function\n    return () => {\n      overlayPanelCallbacks.current.delete(dismiss);\n      setHasOverlayPanels(overlayPanelCallbacks.current.size > 0);\n    };\n  });\n\n  const dismissOverlayPanels = useEvent(() => {\n    overlayPanelCallbacks.current.forEach((dismiss) => dismiss());\n  });\n\n  const updateContainerSize = useEvent((width: number, height: number) => {\n    setContainerWidth((prev) => (prev === width ? prev : width));\n    setContainerHeight((prev) => (prev === height ? prev : height));\n  });\n\n  // Actions context - stable because all callbacks use useEvent\n  const actionsValue = useMemo(\n    () => ({\n      registerPanel,\n      unregisterPanel,\n      updatePanelSize,\n      setDragging,\n      markReady,\n      updateContainerSize,\n      hasTransition,\n      minContentSize,\n      registerOverlayPanel,\n      dismissOverlayPanels,\n    }),\n    // Only hasTransition and minContentSize can change - the callbacks are\n    // stable useEvent ones, listed so React Compiler can preserve the memo.\n    [\n      registerPanel,\n      unregisterPanel,\n      updatePanelSize,\n      setDragging,\n      markReady,\n      updateContainerSize,\n      hasTransition,\n      minContentSize,\n      registerOverlayPanel,\n      dismissOverlayPanels,\n    ],\n  );\n\n  // State context - changes when state updates\n  const stateValue = useMemo(\n    () => ({\n      panelSizes,\n      isDragging,\n      isReady,\n      hasOverlayPanels,\n      containerWidth,\n      containerHeight,\n    }),\n    [\n      panelSizes,\n      isDragging,\n      isReady,\n      hasOverlayPanels,\n      containerWidth,\n      containerHeight,\n    ],\n  );\n\n  // Refs context - includes container ready state\n  const refsValue = useMemo(\n    () => ({\n      panelContainerRef,\n      isPanelContainerReady,\n      setPanelContainer,\n    }),\n    [isPanelContainerReady, setPanelContainer],\n  );\n\n  return (\n    <LayoutRefsContext.Provider value={refsValue}>\n      <LayoutActionsContext.Provider value={actionsValue}>\n        <LayoutStateContext.Provider value={stateValue}>\n          {children}\n        </LayoutStateContext.Provider>\n      </LayoutActionsContext.Provider>\n    </LayoutRefsContext.Provider>\n  );\n}\n\n/**\n * Provider that resets the layout context for sub-components.\n * Used to prevent panels in nested Layouts from affecting parent layouts.\n */\nexport function LayoutContextReset({ children }: { children: ReactNode }) {\n  return (\n    <LayoutRefsContext.Provider value={null}>\n      <LayoutActionsContext.Provider value={null}>\n        <LayoutStateContext.Provider value={null}>\n          {children}\n        </LayoutStateContext.Provider>\n      </LayoutActionsContext.Provider>\n    </LayoutRefsContext.Provider>\n  );\n}\n\n// Panel context - provides panel-level callbacks to child components\nexport interface LayoutPanelContextValue {\n  /** Callback to change the panel's open state */\n  onOpenChange: (isOpen: boolean) => void;\n  /** Current open state of the panel */\n  isOpen: boolean;\n}\n\nexport const LayoutPanelContext = createContext<LayoutPanelContextValue | null>(\n  null,\n);\n\nexport function useLayoutPanelContext(): LayoutPanelContextValue | null {\n  return useContext(LayoutPanelContext);\n}\n"],"mappings":"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"}
+{"version":3,"file":"LayoutContext.js","names":["createContext","MutableRefObject","ReactNode","useContext","useMemo","useRef","useState","useEvent","Side","LayoutRefsContextValue","panelContainerRef","HTMLDivElement","isPanelContainerReady","setPanelContainer","element","LayoutRefsContext","useLayoutRefsContext","OverlayDismissCallback","LayoutActionsContextValue","registerPanel","side","size","unregisterPanel","updatePanelSize","setDragging","isDragging","markReady","updateContainerSize","width","height","registerOverlayPanel","dismiss","dismissOverlayPanels","hasTransition","minContentSize","LayoutStateContextValue","panelSizes","Record","isReady","hasOverlayPanels","containerWidth","containerHeight","LayoutActionsContext","LayoutStateContext","LayoutPanelTransitionContext","isClippingPanels","registerPanelTransition","useLayoutActionsContext","useLayoutStateContext","LayoutContextValue","useLayoutContext","$","_c","actions","state","refs","t0","LayoutProviderProps","children","LayoutProvider","t1","t2","undefined","t3","Symbol","for","Set","registeredPanels","t4","overlayPanelCallbacks","setIsPanelContainerReady","t5","current","t6","left","top","right","bottom","setPanelSizes","setIsDragging","setIsReady","setHasOverlayPanels","panelTransitionCount","setPanelTransitionCount","setContainerWidth","setContainerHeight","t7","prev","t8","side_0","size_0","has","Error","isHorizontal","conflictingSides","conflictSide","add","t9","side_1","delete","t10","dragging","t11","t12","t13","forEach","_temp","t14","_temp2","_temp3","t15","prev_0","prev_1","t16","actionsValue","t17","stateValue","t18","refsValue","t19","t20","t21","t22","t23","t24","count_0","count","dismiss_0","LayoutContextReset","LayoutPanelContextValue","onOpenChange","isOpen","LayoutPanelContext","useLayoutPanelContext"],"sources":["../../../../src/components/content/Layout/LayoutContext.tsx"],"sourcesContent":["import {\n  createContext,\n  MutableRefObject,\n  ReactNode,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\n\nexport type Side = 'left' | 'top' | 'right' | 'bottom';\n\n/**\n * Refs context - stable refs that don't change and don't trigger re-renders.\n * Provides portal container ref for panels to render into.\n */\nexport interface LayoutRefsContextValue {\n  /** Container element ref for panels to portal into */\n  panelContainerRef: MutableRefObject<HTMLDivElement | null>;\n  /** Whether the panel container is mounted and ready for portals */\n  isPanelContainerReady: boolean;\n  /** Callback ref to set on the panel container element */\n  setPanelContainer: (element: HTMLDivElement | null) => void;\n}\n\nexport const LayoutRefsContext = createContext<LayoutRefsContextValue | null>(\n  null,\n);\n\nexport function useLayoutRefsContext(): LayoutRefsContextValue | null {\n  return useContext(LayoutRefsContext);\n}\n\n/** Callback to dismiss an overlay panel */\nexport type OverlayDismissCallback = () => void;\n\n/**\n * Actions context - stable functions and configuration that don't change.\n * Separating these from state prevents unnecessary re-renders when only state changes.\n */\nexport interface LayoutActionsContextValue {\n  /** Register a panel on a specific side with initial size */\n  registerPanel: (side: Side, size: number) => void;\n  /** Unregister a panel from a specific side */\n  unregisterPanel: (side: Side) => void;\n  /** Update the size of a registered panel */\n  updatePanelSize: (side: Side, size: number) => void;\n  /** Set global dragging state (when any panel is being resized) */\n  setDragging: (isDragging: boolean) => void;\n  /** Mark the layout as ready (after initial mount) */\n  markReady: () => void;\n  /** Update the container dimensions (called from ResizeObserver) */\n  updateContainerSize: (width: number, height: number) => void;\n  /** Register an overlay panel's dismiss callback. Returns unregister function. */\n  registerOverlayPanel: (dismiss: OverlayDismissCallback) => () => void;\n  /** Dismiss all overlay panels */\n  dismissOverlayPanels: () => void;\n  /** Whether transitions are enabled for panels (stable config value) */\n  hasTransition: boolean;\n  /** Minimum size reserved for the content area between panels */\n  minContentSize: number;\n}\n\n/** State context - reactive state that triggers re-renders */\nexport interface LayoutStateContextValue {\n  panelSizes: Record<Side, number>;\n  isDragging: boolean;\n  isReady: boolean;\n  hasOverlayPanels: boolean;\n  containerWidth: number;\n  containerHeight: number;\n}\n\nexport const LayoutActionsContext =\n  createContext<LayoutActionsContextValue | null>(null);\nexport const LayoutStateContext = createContext<LayoutStateContextValue | null>(\n  null,\n);\n\n/** Private transition coordination; not part of the public Layout context API. */\nexport const LayoutPanelTransitionContext = createContext<{\n  isClippingPanels: boolean;\n  registerPanelTransition: () => () => void;\n} | null>(null);\n\nexport function useLayoutActionsContext(): LayoutActionsContextValue | null {\n  return useContext(LayoutActionsContext);\n}\n\nexport function useLayoutStateContext(): LayoutStateContextValue | null {\n  return useContext(LayoutStateContext);\n}\n\n/** Combined layout context value for convenience */\nexport interface LayoutContextValue\n  extends LayoutActionsContextValue,\n    LayoutStateContextValue,\n    LayoutRefsContextValue {}\n\n/**\n * Combined hook that returns all layout context values.\n * Convenience wrapper around the individual context hooks.\n * Returns null if used outside of a Layout component.\n */\nexport function useLayoutContext(): LayoutContextValue | null {\n  const actions = useLayoutActionsContext();\n  const state = useLayoutStateContext();\n  const refs = useLayoutRefsContext();\n\n  if (!actions || !state || !refs) {\n    return null;\n  }\n\n  return { ...actions, ...state, ...refs };\n}\n\nexport interface LayoutProviderProps {\n  children: ReactNode;\n  /** Whether transitions are enabled for panels */\n  hasTransition?: boolean;\n  /** Minimum size reserved for the content area between panels. Default: 320 */\n  minContentSize?: number;\n}\n\nexport function LayoutProvider({\n  children,\n  hasTransition = false,\n  minContentSize = 320,\n}: LayoutProviderProps) {\n  const registeredPanels = useRef<Set<Side>>(new Set());\n  const overlayPanelCallbacks = useRef<Set<OverlayDismissCallback>>(new Set());\n  const panelContainerRef = useRef<HTMLDivElement | null>(null);\n  const [isPanelContainerReady, setIsPanelContainerReady] = useState(false);\n\n  // Callback ref for panel container - triggers re-render when container mounts\n  const setPanelContainer = useEvent((element: HTMLDivElement | null) => {\n    panelContainerRef.current = element;\n    setIsPanelContainerReady(element !== null);\n  });\n\n  const [panelSizes, setPanelSizes] = useState<Record<Side, number>>({\n    left: 0,\n    top: 0,\n    right: 0,\n    bottom: 0,\n  });\n  const [isDragging, setIsDragging] = useState(false);\n  const [isReady, setIsReady] = useState(false);\n  const [hasOverlayPanels, setHasOverlayPanels] = useState(false);\n  const [panelTransitionCount, setPanelTransitionCount] = useState(0);\n  const [containerWidth, setContainerWidth] = useState(0);\n  const [containerHeight, setContainerHeight] = useState(0);\n\n  const updatePanelSize = useEvent((side: Side, size: number) => {\n    setPanelSizes((prev) => {\n      if (prev[side] === size) return prev;\n      return { ...prev, [side]: size };\n    });\n  });\n\n  const registerPanel = useEvent((side: Side, size: number) => {\n    if (registeredPanels.current.has(side)) {\n      throw new Error(\n        `Layout: Only one panel per side is allowed. ` +\n          `A panel is already registered on the \"${side}\" side.`,\n      );\n    }\n\n    // Check for axis conflict\n    const isHorizontal = side === 'left' || side === 'right';\n    const conflictingSides: Side[] = isHorizontal\n      ? ['top', 'bottom']\n      : ['left', 'right'];\n\n    for (const conflictSide of conflictingSides) {\n      if (registeredPanels.current.has(conflictSide)) {\n        throw new Error(\n          `Layout: Panels from different axes cannot be combined. ` +\n            `Cannot register \"${side}\" panel when \"${conflictSide}\" panel exists. ` +\n            `Use either horizontal (left/right) or vertical (top/bottom) panels.`,\n        );\n      }\n    }\n\n    registeredPanels.current.add(side);\n    updatePanelSize(side, size);\n  });\n\n  const unregisterPanel = useEvent((side: Side) => {\n    registeredPanels.current.delete(side);\n    updatePanelSize(side, 0);\n  });\n\n  const setDragging = useEvent((dragging: boolean) => {\n    setIsDragging(dragging);\n  });\n\n  const markReady = useEvent(() => {\n    setIsReady(true);\n  });\n\n  const registerOverlayPanel = useEvent((dismiss: OverlayDismissCallback) => {\n    overlayPanelCallbacks.current.add(dismiss);\n    setHasOverlayPanels(true);\n\n    // Return unregister function\n    return () => {\n      overlayPanelCallbacks.current.delete(dismiss);\n      setHasOverlayPanels(overlayPanelCallbacks.current.size > 0);\n    };\n  });\n\n  const dismissOverlayPanels = useEvent(() => {\n    overlayPanelCallbacks.current.forEach((dismiss) => dismiss());\n  });\n\n  const registerPanelTransition = useEvent(() => {\n    setPanelTransitionCount((count) => count + 1);\n    return () => setPanelTransitionCount((count) => count - 1);\n  });\n\n  const updateContainerSize = useEvent((width: number, height: number) => {\n    setContainerWidth((prev) => (prev === width ? prev : width));\n    setContainerHeight((prev) => (prev === height ? prev : height));\n  });\n\n  // Actions context - stable because all callbacks use useEvent\n  const actionsValue = useMemo(\n    () => ({\n      registerPanel,\n      unregisterPanel,\n      updatePanelSize,\n      setDragging,\n      markReady,\n      updateContainerSize,\n      hasTransition,\n      minContentSize,\n      registerOverlayPanel,\n      dismissOverlayPanels,\n    }),\n    // Only hasTransition and minContentSize can change - the callbacks are\n    // stable useEvent ones, listed so React Compiler can preserve the memo.\n    [\n      registerPanel,\n      unregisterPanel,\n      updatePanelSize,\n      setDragging,\n      markReady,\n      updateContainerSize,\n      hasTransition,\n      minContentSize,\n      registerOverlayPanel,\n      dismissOverlayPanels,\n    ],\n  );\n\n  // State context - changes when state updates\n  const stateValue = useMemo(\n    () => ({\n      panelSizes,\n      isDragging,\n      isReady,\n      hasOverlayPanels,\n      containerWidth,\n      containerHeight,\n    }),\n    [\n      panelSizes,\n      isDragging,\n      isReady,\n      hasOverlayPanels,\n      containerWidth,\n      containerHeight,\n    ],\n  );\n\n  // Refs context - includes container ready state\n  const refsValue = useMemo(\n    () => ({\n      panelContainerRef,\n      isPanelContainerReady,\n      setPanelContainer,\n    }),\n    [isPanelContainerReady, setPanelContainer],\n  );\n\n  return (\n    <LayoutRefsContext.Provider value={refsValue}>\n      <LayoutActionsContext.Provider value={actionsValue}>\n        <LayoutStateContext.Provider value={stateValue}>\n          <LayoutPanelTransitionContext.Provider\n            value={{\n              isClippingPanels: panelTransitionCount > 0,\n              registerPanelTransition,\n            }}\n          >\n            {children}\n          </LayoutPanelTransitionContext.Provider>\n        </LayoutStateContext.Provider>\n      </LayoutActionsContext.Provider>\n    </LayoutRefsContext.Provider>\n  );\n}\n\n/**\n * Provider that resets the layout context for sub-components.\n * Used to prevent panels in nested Layouts from affecting parent layouts.\n */\nexport function LayoutContextReset({ children }: { children: ReactNode }) {\n  return (\n    <LayoutRefsContext.Provider value={null}>\n      <LayoutActionsContext.Provider value={null}>\n        <LayoutStateContext.Provider value={null}>\n          <LayoutPanelTransitionContext.Provider value={null}>\n            {children}\n          </LayoutPanelTransitionContext.Provider>\n        </LayoutStateContext.Provider>\n      </LayoutActionsContext.Provider>\n    </LayoutRefsContext.Provider>\n  );\n}\n\n// Panel context - provides panel-level callbacks to child components\nexport interface LayoutPanelContextValue {\n  /** Callback to change the panel's open state */\n  onOpenChange: (isOpen: boolean) => void;\n  /** Current open state of the panel */\n  isOpen: boolean;\n}\n\nexport const LayoutPanelContext = createContext<LayoutPanelContextValue | null>(\n  null,\n);\n\nexport function useLayoutPanelContext(): LayoutPanelContextValue | null {\n  return useContext(LayoutPanelContext);\n}\n"],"mappings":"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"}

package/dist/components/content/Layout/LayoutFlex.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/content/Layout/LayoutFooter.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/content/Layout/LayoutGrid.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/content/Layout/LayoutHeader.js

@@ -1,11 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { useAutoTooltip } from "../use-auto-tooltip.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Button } from "../../actions/Button/Button.js";
 import { Link } from "../../actions/Link/Link.js";
 import { _LayoutContent } from "./LayoutContent.js";
 import { SlashIcon } from "../../../icons/SlashIcon.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { Fragment, forwardRef, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/content/Layout/LayoutPane.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
@@ -6,7 +6,7 @@ import { useDebouncedValue } from "../../../_internal/hooks/use-debounced-value.
 import { LayoutContextReset } from "./LayoutContext.js";
 import { useTinyScrollbar } from "./hooks/useTinyScrollbar.js";
 import { clampSize } from "./utils.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { INNER_STYLES, OUTER_STYLES, filterBaseProps, mergeStyles, tasty } from "@tenphi/tasty";
 import { forwardRef, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/content/Layout/LayoutPanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
@@ -9,7 +9,8 @@ import { DialogContainer } from "../../overlays/Dialog/DialogContainer.js";
 import { Dialog } from "../../overlays/Dialog/Dialog.js";
 import { LayoutContextReset, LayoutPanelContext, useLayoutActionsContext, useLayoutRefsContext, useLayoutStateContext } from "./LayoutContext.js";
 import { clampSize, getOppositeSide, resolveCssSize } from "./utils.js";
-import { c } from "react/compiler-runtime";
+import { LayoutPanelTransition } from "./LayoutPanelTransition.js";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, mergeStyles, tasty } from "@tenphi/tasty";
 import { forwardRef, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -563,7 +564,11 @@ function LayoutPanel(props, ref) {
 	if (hasTransition) return createPortal(/* @__PURE__ */ jsx(DisplayTransition, {
 		isShown: isOpen,
 		animateOnMount: false,
-		children: ({ isShown, ref: transitionRef_1 }) => renderPanelContent(!isShown, transitionRef_1)
+		children: ({ isShown, isExiting, ref: transitionRef_1 }) => /* @__PURE__ */ jsx(LayoutPanelTransition, {
+			isShown,
+			isExiting,
+			children: renderPanelContent(!isShown, transitionRef_1)
+		})
 	}), portalContainer);
 	if (!isOpen) return null;
 	return createPortal(renderPanelContent(false), portalContainer);