npm - @cube-dev/ui-kit - Versions diffs - 0.0.0-canary-619b8e3 → 0.0.0-canary-7bfcbc3 - Mend

@cube-dev/ui-kit 0.0.0-canary-619b8e3 → 0.0.0-canary-7bfcbc3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (649) hide show

package/dist/components/content/Layout/LayoutPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LayoutPanel.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","mergeStyles","Styles","tasty","ForwardedRef","forwardRef","HTMLAttributes","ReactNode","RefCallback","useCallback","useEffect","useLayoutEffect","useMemo","useRef","useState","useFocusRing","useHover","useMove","createPortal","useDebouncedValue","mergeProps","useCombinedRefs","useLocalStorage","extractStyles","DisplayTransition","Dialog","CubeDialogContainerProps","DialogContainer","LayoutContextReset","LayoutPanelContext","Side","useLayoutActionsContext","useLayoutRefsContext","useLayoutStateContext","LayoutPanelTransition","clampSize","getOppositeSide","resolveCssSize","HANDLER_WIDTH","HANDLER_OFFSET","RESIZABLE_INSET_OFFSET","PanelElement","as","qa","styles","container","position","display","flow","overflow","boxSizing","top","right","bottom","left","width","height","border","fill","transform","transition","ResizeHandlerElement","horizontal","cursor","disabled","touchAction","padding","outline","Track","inset","outlineOffset","Drag","gap","gridColumns","gridRows","DragPart","radius","OverlayBackdrop","backdropFilter","opacity","visible","pointerEvents","ResizeHandlerProps","side","isDisabled","mods","Record","moveProps","ReturnType","style","onDoubleClick","ResizeHandler","props","$","_c","t0","Symbol","for","hoverProps","isHovered","focusProps","isFocusVisible","isHorizontal","localIsHovered","t1","hovered","focused","tabIndex","undefined","role","t2","t3","t4","LayoutPanelMode","CubeLayoutPanelProps","mode","size","defaultSize","minSize","maxSize","isResizable","onSizeChange","isOpen","defaultIsOpen","onOpenChange","hasTransition","isDismissable","overlayStyles","isDialog","isDialogOpen","defaultIsDialogOpen","onDialogOpenChange","dialogProps","Omit","contentPadding","sizeStorageKey","children","matchesContainerSize","HTMLElement","dimension","offsetWidth","offsetHeight","LayoutPanel","ref","HTMLDivElement","layoutActions","layoutState","layoutRefs","Error","modeProp","providedSize","providedIsOpen","hasTransitionProp","providedIsDialogOpen","otherProps","isDialogMode","isOverlayMode","isStickyMode","combinedRef","prevProvidedSizeRef","containerWidth","containerHeight","minContentSize","containerDimension","oppositeSide","oppositePanelSize","panelSizes","ownInsetOffset","naturalMax","Math","max","Infinity","internalIsOpen","setInternalIsOpen","isTransitionActive","isPanelContainerReady","visualState","setVisualState","isShown","isPanelShown","internalIsDialogOpen","setInternalIsDialogOpen","dialogOpen","storedSize","setStoredSize","isDragging","setIsDragging","setSize","initialSize","extractedStyles","finalStyles","resolvedMax","trim","endsWith","effectiveMax","values","push","Number","isFinite","length","min","clampValue","value","setContextDragging","setDragging","onMoveStart","onMove","e","delta","pointerType","step","shiftKey","rawDelta","deltaX","deltaY","direction","currentSize","onMoveEnd","finalSize","round","current","panelContainerRef","parentElement","prev","clamped","effectivePanelSize","effectiveInsetSize","registerPanel","unregisterPanel","updatePanelSize","isReady","lastSizeRef","handleOpenChange","newIsOpen","handleDismiss","registerOverlayPanel","unregister","handleDialogOpenChange","panelContextValue","dialogPanelContextValue","panelMods","drag","maxSizeCss","parts","join","panelStyle","panelRefCallback","node","transitionRef","handleResetSize","resetSize","parseInt","clampedSize","renderPanelContent","offscreen","showOverlay","eventProps","portalContainer","isExiting","_LayoutPanel","displayName"],"sources":["../../../../src/components/content/Layout/LayoutPanel.tsx"],"sourcesContent":["import {\n BaseProps,\n CONTAINER_STYLES,\n ContainerStyleProps,\n filterBaseProps,\n mergeStyles,\n Styles,\n tasty,\n} from '@tenphi/tasty';\nimport {\n ForwardedRef,\n forwardRef,\n HTMLAttributes,\n ReactNode,\n RefCallback,\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { useFocusRing, useHover, useMove } from 'react-aria';\nimport { createPortal } from 'react-dom';\n\nimport { useDebouncedValue } from '../../../_internal/hooks';\nimport {\n mergeProps,\n useCombinedRefs,\n useLocalStorage,\n} from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition';\nimport { Dialog } from '../../overlays/Dialog';\nimport {\n CubeDialogContainerProps,\n DialogContainer,\n} from '../../overlays/Dialog/DialogContainer';\n\nimport {\n LayoutContextReset,\n LayoutPanelContext,\n Side,\n useLayoutActionsContext,\n useLayoutRefsContext,\n useLayoutStateContext,\n} from './LayoutContext';\nimport { LayoutPanelTransition } from './LayoutPanelTransition';\nimport { clampSize, getOppositeSide, resolveCssSize } from './utils';\n\n// Resize handler dimensions\nconst HANDLER_WIDTH = 9;\n// How far from panel edge to position handler's inner edge (centers the 3px track on the edge)\nconst HANDLER_OFFSET = 4;\n// Extra inset added for resizable panels (to accommodate handler grab area)\nconst RESIZABLE_INSET_OFFSET = 2;\n\nconst PanelElement = tasty({\n as: 'div',\n qa: 'LayoutPanel',\n styles: {\n container: 'panel / inline-size',\n position: 'absolute',\n display: 'flex',\n flow: 'column',\n overflow: 'hidden',\n boxSizing: 'border-box',\n\n '$content-padding': '1x',\n // Auto-border size for sub-components (panels are always vertical)\n '$layout-border-size': '1bw',\n\n // Position based on side prop\n top: {\n '': 0,\n 'side=bottom': 'initial',\n },\n right: {\n '': 0,\n 'side=left': 'initial',\n },\n bottom: {\n '': 0,\n 'side=top': 'initial',\n },\n left: {\n '': 0,\n 'side=right': 'initial',\n },\n\n // Size handling with CSS-level min/max clamping\n width: {\n '': '$min-size $panel-size $max-size',\n 'side=top \| side=bottom': '100%',\n },\n height: {\n '': '100%',\n 'side=top \| side=bottom': '$min-size $panel-size $max-size',\n },\n\n // Visual styling\n border: {\n '': false,\n 'side=left': 'right',\n 'side=right': 'left',\n 'side=top': 'bottom',\n 'side=bottom': 'top',\n },\n fill: '#surface',\n\n // Transition styles - offscreen mod controls slide animation\n transform: {\n '': 'translateX(0) translateY(0)',\n 'offscreen & side=left': 'translateX(-100%)',\n 'offscreen & side=right': 'translateX(100%)',\n 'offscreen & side=top': 'translateY(-100%)',\n 'offscreen & side=bottom': 'translateY(100%)',\n },\n transition: {\n '': 'none',\n 'has-transition': 'transform $transition ease-out',\n },\n },\n});\n\n// Handler is positioned as sibling to panel (in Fragment), relative to Layout\nconst ResizeHandlerElement = tasty({\n qa: 'PanelResizeHandler',\n styles: {\n position: 'absolute',\n\n // Handler size\n width: {\n '': '100%',\n horizontal: `${HANDLER_WIDTH}px`,\n 'disabled & horizontal': '1bw',\n },\n height: {\n '': `${HANDLER_WIDTH}px`,\n horizontal: '100%',\n 'disabled & !horizontal': '1bw',\n },\n\n // Position handler with direct offset (no centering needed)\n top: {\n '': 0,\n 'side=top': `calc($panel-size - ${HANDLER_OFFSET}px)`,\n 'side=bottom': 'initial',\n },\n bottom: {\n '': 0,\n 'side=bottom': `calc($panel-size - ${HANDLER_OFFSET}px)`,\n 'side=top': 'initial',\n },\n left: {\n '': 0,\n 'side=left': `calc($panel-size - ${HANDLER_OFFSET}px)`,\n 'side=right': 'initial',\n },\n right: {\n '': 0,\n 'side=right': `calc($panel-size - ${HANDLER_OFFSET}px)`,\n 'side=left': 'initial',\n },\n\n // Offscreen transforms only (no centering needed with direct offset positioning)\n transform: {\n '': 'translateX(0)',\n 'offscreen & side=left': `translateX(calc(-1 * $panel-size - ${HANDLER_WIDTH - HANDLER_OFFSET}px))`,\n 'offscreen & side=right': `translateX(calc($panel-size + ${HANDLER_WIDTH - HANDLER_OFFSET}px))`,\n 'offscreen & side=top': `translateY(calc(-1 * $panel-size - ${HANDLER_WIDTH - HANDLER_OFFSET}px))`,\n 'offscreen & side=bottom': `translateY(calc($panel-size + ${HANDLER_WIDTH - HANDLER_OFFSET}px))`,\n },\n\n cursor: {\n '': 'row-resize',\n horizontal: 'col-resize',\n disabled: 'not-allowed',\n },\n touchAction: {\n '': 'none',\n disabled: 'auto',\n },\n padding: 0,\n outline: 0,\n boxSizing: 'border-box',\n\n // Transition must match panel for synchronized animation\n transition: {\n '': 'theme',\n 'has-transition': 'transform $transition ease-out, theme',\n },\n\n Track: {\n width: {\n '': 'initial',\n horizontal: '3px',\n 'disabled & horizontal': '1px',\n },\n height: {\n '': '3px',\n horizontal: 'initial',\n 'disabled & !horizontal': '1px',\n },\n position: 'absolute',\n inset: {\n '': '3px 0',\n horizontal: '0 3px',\n disabled: '0 0',\n },\n fill: {\n '': '#border',\n '(hovered \| drag \| focused) & !disabled': '#purple-03',\n },\n border: 0,\n transition: 'theme',\n outline: {\n '': '1bw #primary-text.0',\n 'drag \| focused': '1bw #primary-text',\n },\n outlineOffset: 1,\n },\n\n Drag: {\n display: 'grid',\n gap: '2bw',\n border: 0,\n flow: {\n '': 'row',\n horizontal: 'column',\n },\n gridColumns: {\n '': '3px 3px 3px 3px 3px',\n horizontal: 'auto',\n },\n gridRows: {\n '': 'auto',\n horizontal: '3px 3px 3px 3px 3px',\n },\n width: {\n '': 'auto',\n horizontal: '1px',\n },\n height: {\n '': '1px',\n horizontal: 'auto',\n },\n inset: {\n '': '4px 50% auto auto',\n horizontal: '50% 4px auto auto',\n },\n transform: {\n '': 'translate(-50%, 0)',\n horizontal: 'translate(0, -50%)',\n },\n position: 'absolute',\n transition: 'theme',\n },\n\n DragPart: {\n radius: true,\n fill: {\n '': '#dark-03',\n 'hovered \| drag \| focused': '#primary-text',\n disabled: '#disabled-surface-text',\n },\n },\n },\n});\n\n// Overlay backdrop for overlay mode - covers the content area behind the panel\nconst OverlayBackdrop = tasty({\n qa: 'PanelOverlay',\n styles: {\n position: 'absolute',\n inset: 0,\n // fill: '#white.2',\n backdropFilter: 'invert(.15)',\n cursor: 'pointer',\n opacity: {\n '': 0,\n visible: 1,\n },\n pointerEvents: {\n '': 'none',\n visible: 'auto',\n },\n transition: 'opacity .15s ease-out',\n },\n});\n\ninterface ResizeHandlerProps {\n side: Side;\n isDisabled?: boolean;\n mods?: Record<string, boolean>;\n moveProps: ReturnType<typeof useMove>['moveProps'];\n style?: Record<string, string \| number \| null \| undefined>;\n onDoubleClick?: () => void;\n}\n\nfunction ResizeHandler(props: ResizeHandlerProps) {\n const { side, isDisabled, mods, moveProps, style, onDoubleClick } = props;\n const { hoverProps, isHovered } = useHover({});\n const { focusProps, isFocusVisible } = useFocusRing();\n const isHorizontal = side === 'left' \|\| side === 'right';\n const localIsHovered = useDebouncedValue(isHovered, 150);\n\n return (\n <ResizeHandlerElement\n {...mergeProps(hoverProps, focusProps, moveProps, {\n mods: {\n hovered: localIsHovered,\n horizontal: isHorizontal,\n disabled: isDisabled,\n focused: isFocusVisible,\n side,\n ...mods,\n },\n style,\n tabIndex: isDisabled ? undefined : 0,\n role: 'separator',\n 'aria-orientation': isHorizontal ? 'vertical' : 'horizontal',\n 'aria-label': `Resize ${side} panel`,\n onDoubleClick: isDisabled ? undefined : onDoubleClick,\n })}\n >\n <div data-element=\"Track\" />\n {!isDisabled && (\n <div data-element=\"Drag\">\n <div data-element=\"DragPart\" />\n <div data-element=\"DragPart\" />\n <div data-element=\"DragPart\" />\n <div data-element=\"DragPart\" />\n <div data-element=\"DragPart\" />\n </div>\n )}\n </ResizeHandlerElement>\n );\n}\n\n/** Panel rendering mode /\nexport type LayoutPanelMode = 'default' \| 'sticky' \| 'overlay' \| 'dialog';\n\nexport interface CubeLayoutPanelProps extends BaseProps, ContainerStyleProps {\n /* Side of the layout where panel is positioned /\n side: Side;\n /\n Panel rendering mode:\n * - `default`: Standard panel that pushes content aside\n * - `sticky`: Panel floats over content without pushing it\n * - `overlay`: Panel with dismissable backdrop overlay\n * - `dialog`: Panel renders as a modal dialog\n /\n mode?: LayoutPanelMode;\n /* Panel size (width for left/right, height for top/bottom) - controlled /\n size?: number \| string;\n /* Default panel size for uncontrolled state /\n defaultSize?: number \| string;\n /* Minimum panel size /\n minSize?: number \| string;\n /* Maximum panel size /\n maxSize?: number \| string;\n /* Enable resize functionality /\n isResizable?: boolean;\n /* Size change callback /\n onSizeChange?: (size: number) => void;\n /* Controlled open state /\n isOpen?: boolean;\n /* Default open state /\n defaultIsOpen?: boolean;\n /* Open state change callback /\n onOpenChange?: (isOpen: boolean) => void;\n /* Enable slide transition on open/close /\n hasTransition?: boolean;\n /\n Whether the panel can be dismissed by clicking the overlay (overlay mode) or pressing Escape.\n * Only applies to `overlay` and `dialog` modes. Default: true\n /\n isDismissable?: boolean;\n /* Styles for the overlay backdrop in overlay mode /\n overlayStyles?: Styles;\n /\n @deprecated Use `mode=\"dialog\"` instead. Switch to dialog mode (renders panel inside Dialog)\n /\n isDialog?: boolean;\n /* Controlled dialog open state (used with mode=\"dialog\") /\n isDialogOpen?: boolean;\n /* Default dialog open state /\n defaultIsDialogOpen?: boolean;\n /* Dialog open state change callback /\n onDialogOpenChange?: (isOpen: boolean) => void;\n /* Props passed to Dialog component when in dialog mode /\n dialogProps?: Omit<\n CubeDialogContainerProps,\n 'isDismissable' \| 'onDismiss' \| 'isOpen'\n >;\n /* Padding for content areas inside the panel. Default: '1x' /\n contentPadding?: Styles['padding'];\n /* localStorage key for persisting panel size. When provided, size is stored and restored across instances. /\n sizeStorageKey?: string;\n /* Styles for the panel /\n styles?: Styles;\n children?: ReactNode;\n}\n\nfunction matchesContainerSize(\n container: HTMLElement \| null \| undefined,\n isHorizontal: boolean,\n dimension: number,\n) {\n return (\n (isHorizontal ? container?.offsetWidth : container?.offsetHeight) ===\n dimension\n );\n}\n\nfunction LayoutPanel(\n props: CubeLayoutPanelProps,\n ref: ForwardedRef<HTMLDivElement>,\n) {\n const layoutActions = useLayoutActionsContext();\n const layoutState = useLayoutStateContext();\n const layoutRefs = useLayoutRefsContext();\n\n if (!layoutActions \|\| !layoutState \|\| !layoutRefs) {\n throw new Error(\n 'Layout.Panel must be used within a Layout component. ' +\n 'Ensure your panel is rendered inside a <Layout> parent.',\n );\n }\n\n const {\n side = 'left',\n mode: modeProp,\n size: providedSize,\n defaultSize = 280,\n minSize = 200,\n maxSize,\n isResizable = false,\n onSizeChange,\n isOpen: providedIsOpen,\n defaultIsOpen = true,\n onOpenChange,\n hasTransition: hasTransitionProp,\n isDismissable = true,\n overlayStyles,\n // Deprecated prop - use mode=\"dialog\" instead\n isDialog = false,\n isDialogOpen: providedIsDialogOpen,\n defaultIsDialogOpen = false,\n onDialogOpenChange,\n dialogProps,\n contentPadding,\n sizeStorageKey,\n children,\n styles,\n mods,\n ...otherProps\n } = props;\n\n // Resolve mode from prop or deprecated isDialog\n const mode: LayoutPanelMode = modeProp ?? (isDialog ? 'dialog' : 'default');\n const isDialogMode = mode === 'dialog';\n const isOverlayMode = mode === 'overlay';\n const isStickyMode = mode === 'sticky';\n\n // Use prop value if provided, otherwise fall back to context value\n const hasTransition = hasTransitionProp ?? layoutActions.hasTransition;\n\n const combinedRef = useCombinedRefs(ref);\n const prevProvidedSizeRef = useRef(providedSize);\n const isHorizontal = side === 'left' \|\| side === 'right';\n\n // Natural boundary computation\n const { containerWidth, containerHeight } = layoutState;\n const { minContentSize } = layoutActions;\n const containerDimension = isHorizontal ? containerWidth : containerHeight;\n const oppositeSide = getOppositeSide(side);\n const oppositePanelSize = layoutState.panelSizes[oppositeSide];\n const ownInsetOffset = isResizable ? RESIZABLE_INSET_OFFSET : 0;\n const naturalMax = useMemo(\n () =>\n !isDialogMode && containerDimension > 0\n ? Math.max(\n 0,\n containerDimension -\n oppositePanelSize -\n minContentSize -\n ownInsetOffset,\n )\n : Infinity,\n [\n isDialogMode,\n containerDimension,\n oppositePanelSize,\n minContentSize,\n ownInsetOffset,\n ],\n );\n\n // Panel open state\n const [internalIsOpen, setInternalIsOpen] = useState(defaultIsOpen);\n const isOpen = providedIsOpen ?? internalIsOpen;\n const isTransitionActive =\n hasTransition && !isDialogMode && layoutRefs.isPanelContainerReady;\n const [visualState, setVisualState] = useState({\n isShown: isOpen,\n isTransitionActive,\n });\n\n // A newly mounted DisplayTransition starts at the requested visibility.\n if (visualState.isTransitionActive !== isTransitionActive) {\n setVisualState({ isShown: isOpen, isTransitionActive });\n }\n const isPanelShown = isTransitionActive ? visualState.isShown : isOpen;\n\n // Dialog open state\n const [internalIsDialogOpen, setInternalIsDialogOpen] =\n useState(defaultIsDialogOpen);\n const dialogOpen = providedIsDialogOpen ?? internalIsDialogOpen;\n\n // Persistent size storage\n const [storedSize, setStoredSize] = useLocalStorage<number \| null>(\n sizeStorageKey ?? null,\n null,\n );\n\n // Resize state\n const [isDragging, setIsDragging] = useState(false);\n const [size, setSize] = useState<number>(() => {\n const initialSize =\n typeof providedSize === 'number'\n ? providedSize\n : storedSize != null\n ? storedSize\n : typeof defaultSize === 'number'\n ? defaultSize\n : 280;\n\n return clampSize(initialSize, minSize, maxSize);\n });\n\n const extractedStyles = extractStyles(otherProps, CONTAINER_STYLES);\n\n // Merge styles with contentPadding support\n const finalStyles = useMemo(\n () =>\n mergeStyles(\n styles,\n contentPadding != null ? { '$content-padding': contentPadding } : null,\n extractedStyles,\n ),\n [extractedStyles, contentPadding, styles],\n );\n\n // Resolve user's maxSize to pixels for JS-level clamping.\n // Percentage bounds belong to the inline host, not the dialog's host.\n const resolvedMax = useMemo(() => {\n if (typeof maxSize === 'number') return maxSize;\n if (\n typeof maxSize === 'string' &&\n containerDimension > 0 &&\n (!isDialogMode \|\| !maxSize.trim().endsWith('%'))\n ) {\n return resolveCssSize(maxSize, containerDimension);\n }\n return undefined;\n }, [maxSize, containerDimension, isDialogMode]);\n\n // Effective max combines user's maxSize with natural boundary\n const effectiveMax = useMemo(() => {\n const values: number[] = [];\n if (resolvedMax != null) values.push(resolvedMax);\n if (Number.isFinite(naturalMax)) values.push(naturalMax);\n return values.length > 0 ? Math.min(...values) : undefined;\n }, [resolvedMax, naturalMax]);\n\n // Clamp size to min/max constraints (including natural boundaries)\n const clampValue = useCallback(\n (value: number) => clampSize(value, minSize, undefined, effectiveMax),\n [minSize, effectiveMax],\n );\n\n const setContextDragging = layoutActions.setDragging;\n\n const { moveProps } = useMove({\n onMoveStart() {\n if (!isResizable \|\| isDialogMode) return;\n setIsDragging(true);\n setContextDragging(true);\n },\n onMove(e) {\n if (!isResizable \|\| isDialogMode) return;\n\n let delta: number;\n\n if (e.pointerType === 'keyboard') {\n // Keyboard resize: 10px per step, 50px with Shift\n const step = e.shiftKey ? 50 : 10;\n // For keyboard, deltaX/deltaY are direction indicators (-1, 0, 1)\n const rawDelta = isHorizontal ? e.deltaX : e.deltaY;\n const direction = side === 'right' \|\| side === 'bottom' ? -1 : 1;\n delta = rawDelta step * direction;\n } else {\n // Pointer resize: use exact delta values\n delta = isHorizontal\n ? e.deltaX * (side === 'right' ? -1 : 1)\n : e.deltaY * (side === 'bottom' ? -1 : 1);\n }\n\n setSize((currentSize) => clampValue(currentSize + delta));\n },\n onMoveEnd() {\n setIsDragging(false);\n setContextDragging(false);\n if (isDialogMode && !isDragging) return;\n // Round to integer on release and notify parent\n setSize((currentSize) => {\n const finalSize = Math.round(clampValue(currentSize));\n // Call onSizeChange synchronously to ensure parent state is updated\n onSizeChange?.(finalSize);\n // Persist to localStorage if key is provided\n setStoredSize(finalSize);\n return finalSize;\n });\n },\n });\n\n // Sync provided size with internal state (only when providedSize actually changes)\n // This prevents resetting size when only isDragging changes (which would cause a flash)\n useEffect(() => {\n if (prevProvidedSizeRef.current !== providedSize) {\n if (\n !isDialogMode &&\n !matchesContainerSize(\n layoutRefs.panelContainerRef.current?.parentElement,\n isHorizontal,\n containerDimension,\n )\n ) {\n return;\n }\n\n prevProvidedSizeRef.current = providedSize;\n if (typeof providedSize === 'number' && !isDragging) {\n setSize(clampValue(providedSize));\n }\n }\n }, [\n providedSize,\n isDragging,\n clampValue,\n isDialogMode,\n isHorizontal,\n containerDimension,\n layoutRefs.panelContainerRef,\n ]);\n\n // Dialogs retain inline size; only inline panels follow the host's bounds.\n useEffect(() => {\n if (!isDialogMode && !isDragging && containerDimension > 0) {\n // A responsive mode switch can precede ResizeObserver's new measurement.\n // Wait for matching host bounds before shrinking and persisting size.\n if (\n !matchesContainerSize(\n layoutRefs.panelContainerRef.current?.parentElement,\n isHorizontal,\n containerDimension,\n )\n ) {\n return;\n }\n\n setSize((prev) => {\n const clamped = clampValue(prev);\n\n if (clamped !== prev) {\n onSizeChange?.(Math.round(clamped));\n setStoredSize(Math.round(clamped));\n }\n\n return clamped;\n });\n }\n }, [\n isDialogMode,\n isDragging,\n clampValue,\n containerDimension,\n isHorizontal,\n layoutRefs.panelContainerRef,\n ]);\n\n // Register panel with layout context\n // Include handler outside portion (minus border overlap) for proper content inset\n // In sticky, overlay, and dialog modes, panel doesn't push content, so size is 0\n // NOTE: We intentionally use `size` (not `clampValue(size)`) here to avoid a feedback\n // loop. `clampValue` depends on the opposite panel's context size, so clamping here\n // would create a period-2 oscillation through shared context. CSS --max-size handles\n // visual clamping immediately; the auto-shrink effect converges `size` state.\n const effectivePanelSize = isPanelShown && mode === 'default' ? size : 0;\n const effectiveInsetSize = Math.round(\n effectivePanelSize +\n (isResizable && effectivePanelSize > 0 ? RESIZABLE_INSET_OFFSET : 0),\n );\n\n const { registerPanel, unregisterPanel, updatePanelSize } = layoutActions;\n const { isReady } = layoutState;\n\n // Track the last reported size to prevent unnecessary updates\n const lastSizeRef = useRef<number>(effectiveInsetSize);\n\n // Register on mount, unregister on unmount\n // Using useLayoutEffect ensures registration happens before browser paint\n useLayoutEffect(() => {\n registerPanel(side, lastSizeRef.current);\n\n return () => {\n unregisterPanel(side);\n };\n }, [side, registerPanel, unregisterPanel]);\n\n // Update size when it changes (after initial mount)\n // Using useLayoutEffect ensures size updates happen before browser paint\n useLayoutEffect(() => {\n if (lastSizeRef.current !== effectiveInsetSize) {\n lastSizeRef.current = effectiveInsetSize;\n updatePanelSize(side, effectiveInsetSize);\n }\n }, [side, effectiveInsetSize, updatePanelSize]);\n\n const handleOpenChange = useCallback(\n (newIsOpen: boolean) => {\n setInternalIsOpen(newIsOpen);\n onOpenChange?.(newIsOpen);\n },\n [onOpenChange],\n );\n\n // Dismiss handler for overlay mode (click on overlay)\n const handleDismiss = useCallback(() => {\n if (isDismissable) {\n handleOpenChange(false);\n }\n }, [isDismissable, handleOpenChange]);\n\n // Register overlay panel with Layout context for coordinated dismissal\n const { registerOverlayPanel } = layoutActions;\n\n useEffect(() => {\n // Only register if in overlay mode, open, and dismissable\n if (isOverlayMode && isOpen && isDismissable) {\n const unregister = registerOverlayPanel(() => handleOpenChange(false));\n return unregister;\n }\n }, [\n isOverlayMode,\n isOpen,\n isDismissable,\n registerOverlayPanel,\n handleOpenChange,\n ]);\n\n const handleDialogOpenChange = useCallback(\n (newIsOpen: boolean) => {\n setInternalIsDialogOpen(newIsOpen);\n onDialogOpenChange?.(newIsOpen);\n },\n [onDialogOpenChange],\n );\n\n // Panel context value for child components (like LayoutPanelHeader)\n const panelContextValue = useMemo(\n () => ({\n onOpenChange: handleOpenChange,\n isOpen,\n }),\n [handleOpenChange, isOpen],\n );\n\n // Dialog mode context value - uses dialog state instead of panel state\n const dialogPanelContextValue = useMemo(\n () => ({\n onOpenChange: handleDialogOpenChange,\n isOpen: dialogOpen,\n }),\n [handleDialogOpenChange, dialogOpen],\n );\n\n const panelMods = useMemo(\n () => ({\n side,\n drag: isDragging,\n horizontal: isHorizontal,\n // Only enable transition after layout is ready to prevent initial animation\n 'has-transition': hasTransition && isReady,\n ...mods,\n }),\n [side, isDragging, isHorizontal, hasTransition, isReady, mods],\n );\n\n // Build --max-size CSS variable combining user maxSize and natural boundary\n const maxSizeCss = useMemo(() => {\n const parts: string[] = [];\n\n if (maxSize != null) {\n parts.push(typeof maxSize === 'number' ? `${maxSize}px` : maxSize);\n }\n\n if (containerDimension > 0 && Number.isFinite(naturalMax)) {\n parts.push(`${naturalMax}px`);\n }\n\n if (parts.length === 0) return undefined;\n return parts.length === 1 ? parts[0] : `min(${parts.join(', ')})`;\n }, [maxSize, naturalMax, containerDimension]);\n\n const panelStyle = useMemo(\n () => ({\n '--panel-size': `${size}px`,\n '--min-size': typeof minSize === 'number' ? `${minSize}px` : minSize,\n '--max-size': maxSizeCss,\n }),\n [size, minSize, maxSizeCss],\n );\n\n // Combine refs for panel element\n const panelRefCallback = useCallback(\n (node: HTMLDivElement \| null, transitionRef?: RefCallback<HTMLElement>) => {\n // Update the combined ref\n (combinedRef as { current: HTMLDivElement \| null }).current = node;\n // Call transition ref if provided\n transitionRef?.(node);\n },\n [combinedRef],\n );\n\n // Reset to default size on double-click\n const handleResetSize = useCallback(() => {\n const resetSize =\n typeof defaultSize === 'number' ? defaultSize : parseInt(defaultSize, 10);\n const clampedSize = clampValue(resetSize \|\| 280);\n setSize(clampedSize);\n onSizeChange?.(clampedSize);\n setStoredSize(clampedSize);\n }, [defaultSize, clampValue, onSizeChange, setStoredSize]);\n\n const renderPanelContent = (\n offscreen = false,\n transitionRef?: RefCallback<HTMLElement>,\n ) => {\n const showOverlay = isOverlayMode && !offscreen;\n\n return (\n <>\n {/* Overlay backdrop for overlay mode */}\n {isOverlayMode && (\n <OverlayBackdrop\n mods={{ visible: showOverlay }}\n styles={overlayStyles}\n aria-hidden=\"true\"\n onClick={handleDismiss}\n />\n )}\n <PanelElement\n ref={(node: HTMLDivElement \| null) =>\n panelRefCallback(node, transitionRef)\n }\n {...filterBaseProps(otherProps, { eventProps: true })}\n mods={{ ...panelMods, offscreen }}\n styles={finalStyles}\n style={panelStyle}\n data-side={side}\n >\n <LayoutPanelContext.Provider value={panelContextValue}>\n <LayoutContextReset>{children}</LayoutContextReset>\n </LayoutPanelContext.Provider>\n </PanelElement>\n {isResizable && (\n <ResizeHandler\n side={side}\n isDisabled={!isResizable}\n mods={{\n drag: isDragging,\n offscreen,\n 'has-transition': hasTransition && isReady,\n }}\n moveProps={moveProps}\n style={panelStyle}\n onDoubleClick={handleResetSize}\n />\n )}\n </>\n );\n };\n\n // Dialog mode - uses its own portal via DialogContainer\n if (isDialogMode) {\n return (\n <DialogContainer\n isOpen={dialogOpen}\n isDismissable={isDismissable}\n onDismiss={() => handleDialogOpenChange(false)}\n {...dialogProps}\n >\n <Dialog isDismissable={false}>\n <LayoutPanelContext.Provider value={dialogPanelContextValue}>\n <LayoutContextReset>{children}</LayoutContextReset>\n </LayoutPanelContext.Provider>\n </Dialog>\n </DialogContainer>\n );\n }\n\n // Wait for portal container to be ready before rendering\n if (!layoutRefs.isPanelContainerReady) {\n return null;\n }\n\n const portalContainer = layoutRefs.panelContainerRef.current!;\n\n // Panel with transition - portal to panel container\n if (hasTransition) {\n return createPortal(\n <DisplayTransition\n isShown={isOpen}\n animateOnMount={false}\n onToggle={(isShown) => setVisualState({ isShown, isTransitionActive })}\n >\n {({ isShown, isExiting, ref: transitionRef }) => (\n <LayoutPanelTransition isShown={isShown} isExiting={isExiting}>\n {renderPanelContent(!isShown, transitionRef)}\n </LayoutPanelTransition>\n )}\n </DisplayTransition>,\n portalContainer,\n );\n }\n\n // Simple panel (no transition) - portal to panel container\n if (!isOpen) return null;\n\n return createPortal(renderPanelContent(false), portalContainer);\n}\n\nconst _LayoutPanel = forwardRef(LayoutPanel);\n\n_LayoutPanel.displayName = 'Layout.Panel';\n\nexport { _LayoutPanel as LayoutPanel };\n"],"mappings":"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"}
1	+ {"version":3,"file":"LayoutPanel.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","mergeStyles","Styles","tasty","ForwardedRef","forwardRef","HTMLAttributes","ReactNode","RefCallback","useCallback","useEffect","useEffectEvent","useLayoutEffect","useMemo","useRef","useState","useFocusRing","useHover","useMove","createPortal","useDebouncedValue","mergeProps","useCombinedRefs","useLocalStorage","extractStyles","DisplayTransition","Dialog","CubeDialogContainerProps","DialogContainer","LayoutContextReset","LayoutPanelContext","Side","useLayoutActionsContext","useLayoutRefsContext","useLayoutStateContext","LayoutPanelTransition","clampSize","getOppositeSide","resolveCssSize","HANDLER_WIDTH","HANDLER_OFFSET","RESIZABLE_INSET_OFFSET","PanelElement","as","qa","styles","container","position","display","flow","overflow","boxSizing","top","right","bottom","left","width","height","border","fill","transform","transition","ResizeHandlerElement","horizontal","cursor","disabled","touchAction","padding","outline","Track","inset","outlineOffset","Drag","gap","gridColumns","gridRows","DragPart","radius","OverlayBackdrop","backdropFilter","opacity","visible","pointerEvents","ResizeHandlerProps","side","isDisabled","mods","Record","moveProps","ReturnType","style","onDoubleClick","ResizeHandler","props","$","_c","t0","Symbol","for","hoverProps","isHovered","focusProps","isFocusVisible","isHorizontal","localIsHovered","t1","hovered","focused","tabIndex","undefined","role","t2","t3","t4","LayoutPanelMode","CubeLayoutPanelProps","mode","size","defaultSize","minSize","maxSize","isResizable","onSizeChange","isOpen","defaultIsOpen","onOpenChange","hasTransition","isDismissable","overlayStyles","isDialog","isDialogOpen","defaultIsDialogOpen","onDialogOpenChange","dialogProps","Omit","contentPadding","sizeStorageKey","children","matchesContainerSize","HTMLElement","dimension","offsetWidth","offsetHeight","LayoutPanel","ref","HTMLDivElement","layoutActions","layoutState","layoutRefs","Error","modeProp","providedSize","providedIsOpen","hasTransitionProp","providedIsDialogOpen","otherProps","isDialogMode","isOverlayMode","isStickyMode","combinedRef","prevProvidedSizeRef","containerWidth","containerHeight","minContentSize","containerDimension","oppositeSide","oppositePanelSize","panelSizes","ownInsetOffset","naturalMax","Math","max","Infinity","internalIsOpen","setInternalIsOpen","isTransitionActive","isPanelContainerReady","visualState","setVisualState","isShown","isPanelShown","internalIsDialogOpen","setInternalIsDialogOpen","dialogOpen","storedSize","setStoredSize","isDragging","setIsDragging","setSize","initialSize","extractedStyles","finalStyles","resolvedMax","trim","endsWith","effectiveMax","values","push","Number","isFinite","length","min","clampValue","value","setContextDragging","setDragging","onMoveStart","onMove","e","delta","pointerType","step","shiftKey","rawDelta","deltaX","deltaY","direction","currentSize","onMoveEnd","finalSize","round","current","panelContainerRef","parentElement","applyInlineBounds","prev","clamped","frame","requestAnimationFrame","cancelAnimationFrame","effectivePanelSize","effectiveInsetSize","registerPanel","unregisterPanel","updatePanelSize","isReady","lastSizeRef","handleOpenChange","newIsOpen","handleDismiss","registerOverlayPanel","unregister","handleDialogOpenChange","panelContextValue","dialogPanelContextValue","panelMods","drag","maxSizeCss","parts","join","panelStyle","panelRefCallback","node","transitionRef","handleResetSize","resetSize","parseInt","clampedSize","renderPanelContent","offscreen","showOverlay","eventProps","portalContainer","isExiting","_LayoutPanel","displayName"],"sources":["../../../../src/components/content/Layout/LayoutPanel.tsx"],"sourcesContent":["import {\n BaseProps,\n CONTAINER_STYLES,\n ContainerStyleProps,\n filterBaseProps,\n mergeStyles,\n Styles,\n tasty,\n} from '@tenphi/tasty';\nimport {\n ForwardedRef,\n forwardRef,\n HTMLAttributes,\n ReactNode,\n RefCallback,\n useCallback,\n useEffect,\n useEffectEvent,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { useFocusRing, useHover, useMove } from 'react-aria';\nimport { createPortal } from 'react-dom';\n\nimport { useDebouncedValue } from '../../../_internal/hooks';\nimport {\n mergeProps,\n useCombinedRefs,\n useLocalStorage,\n} from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition';\nimport { Dialog } from '../../overlays/Dialog';\nimport {\n CubeDialogContainerProps,\n DialogContainer,\n} from '../../overlays/Dialog/DialogContainer';\n\nimport {\n LayoutContextReset,\n LayoutPanelContext,\n Side,\n useLayoutActionsContext,\n useLayoutRefsContext,\n useLayoutStateContext,\n} from './LayoutContext';\nimport { LayoutPanelTransition } from './LayoutPanelTransition';\nimport { clampSize, getOppositeSide, resolveCssSize } from './utils';\n\n// Resize handler dimensions\nconst HANDLER_WIDTH = 9;\n// How far from panel edge to position handler's inner edge (centers the 3px track on the edge)\nconst HANDLER_OFFSET = 4;\n// Extra inset added for resizable panels (to accommodate handler grab area)\nconst RESIZABLE_INSET_OFFSET = 2;\n\nconst PanelElement = tasty({\n as: 'div',\n qa: 'LayoutPanel',\n styles: {\n container: 'panel / inline-size',\n position: 'absolute',\n display: 'flex',\n flow: 'column',\n overflow: 'hidden',\n boxSizing: 'border-box',\n\n '$content-padding': '1x',\n // Auto-border size for sub-components (panels are always vertical)\n '$layout-border-size': '1bw',\n\n // Position based on side prop\n top: {\n '': 0,\n 'side=bottom': 'initial',\n },\n right: {\n '': 0,\n 'side=left': 'initial',\n },\n bottom: {\n '': 0,\n 'side=top': 'initial',\n },\n left: {\n '': 0,\n 'side=right': 'initial',\n },\n\n // Size handling with CSS-level min/max clamping\n width: {\n '': '$min-size $panel-size $max-size',\n 'side=top \| side=bottom': '100%',\n },\n height: {\n '': '100%',\n 'side=top \| side=bottom': '$min-size $panel-size $max-size',\n },\n\n // Visual styling\n border: {\n '': false,\n 'side=left': 'right',\n 'side=right': 'left',\n 'side=top': 'bottom',\n 'side=bottom': 'top',\n },\n fill: '#surface',\n\n // Transition styles - offscreen mod controls slide animation\n transform: {\n '': 'translateX(0) translateY(0)',\n 'offscreen & side=left': 'translateX(-100%)',\n 'offscreen & side=right': 'translateX(100%)',\n 'offscreen & side=top': 'translateY(-100%)',\n 'offscreen & side=bottom': 'translateY(100%)',\n },\n transition: {\n '': 'none',\n 'has-transition': 'transform $transition ease-out',\n },\n },\n});\n\n// Handler is positioned as sibling to panel (in Fragment), relative to Layout\nconst ResizeHandlerElement = tasty({\n qa: 'PanelResizeHandler',\n styles: {\n position: 'absolute',\n\n // Handler size\n width: {\n '': '100%',\n horizontal: `${HANDLER_WIDTH}px`,\n 'disabled & horizontal': '1bw',\n },\n height: {\n '': `${HANDLER_WIDTH}px`,\n horizontal: '100%',\n 'disabled & !horizontal': '1bw',\n },\n\n // Position handler with direct offset (no centering needed)\n top: {\n '': 0,\n 'side=top': `calc($panel-size - ${HANDLER_OFFSET}px)`,\n 'side=bottom': 'initial',\n },\n bottom: {\n '': 0,\n 'side=bottom': `calc($panel-size - ${HANDLER_OFFSET}px)`,\n 'side=top': 'initial',\n },\n left: {\n '': 0,\n 'side=left': `calc($panel-size - ${HANDLER_OFFSET}px)`,\n 'side=right': 'initial',\n },\n right: {\n '': 0,\n 'side=right': `calc($panel-size - ${HANDLER_OFFSET}px)`,\n 'side=left': 'initial',\n },\n\n // Offscreen transforms only (no centering needed with direct offset positioning)\n transform: {\n '': 'translateX(0)',\n 'offscreen & side=left': `translateX(calc(-1 * $panel-size - ${HANDLER_WIDTH - HANDLER_OFFSET}px))`,\n 'offscreen & side=right': `translateX(calc($panel-size + ${HANDLER_WIDTH - HANDLER_OFFSET}px))`,\n 'offscreen & side=top': `translateY(calc(-1 * $panel-size - ${HANDLER_WIDTH - HANDLER_OFFSET}px))`,\n 'offscreen & side=bottom': `translateY(calc($panel-size + ${HANDLER_WIDTH - HANDLER_OFFSET}px))`,\n },\n\n cursor: {\n '': 'row-resize',\n horizontal: 'col-resize',\n disabled: 'not-allowed',\n },\n touchAction: {\n '': 'none',\n disabled: 'auto',\n },\n padding: 0,\n outline: 0,\n boxSizing: 'border-box',\n\n // Transition must match panel for synchronized animation\n transition: {\n '': 'theme',\n 'has-transition': 'transform $transition ease-out, theme',\n },\n\n Track: {\n width: {\n '': 'initial',\n horizontal: '3px',\n 'disabled & horizontal': '1px',\n },\n height: {\n '': '3px',\n horizontal: 'initial',\n 'disabled & !horizontal': '1px',\n },\n position: 'absolute',\n inset: {\n '': '3px 0',\n horizontal: '0 3px',\n disabled: '0 0',\n },\n fill: {\n '': '#border',\n '(hovered \| drag \| focused) & !disabled': '#purple-03',\n },\n border: 0,\n transition: 'theme',\n outline: {\n '': '1bw #primary-text.0',\n 'drag \| focused': '1bw #primary-text',\n },\n outlineOffset: 1,\n },\n\n Drag: {\n display: 'grid',\n gap: '2bw',\n border: 0,\n flow: {\n '': 'row',\n horizontal: 'column',\n },\n gridColumns: {\n '': '3px 3px 3px 3px 3px',\n horizontal: 'auto',\n },\n gridRows: {\n '': 'auto',\n horizontal: '3px 3px 3px 3px 3px',\n },\n width: {\n '': 'auto',\n horizontal: '1px',\n },\n height: {\n '': '1px',\n horizontal: 'auto',\n },\n inset: {\n '': '4px 50% auto auto',\n horizontal: '50% 4px auto auto',\n },\n transform: {\n '': 'translate(-50%, 0)',\n horizontal: 'translate(0, -50%)',\n },\n position: 'absolute',\n transition: 'theme',\n },\n\n DragPart: {\n radius: true,\n fill: {\n '': '#dark-03',\n 'hovered \| drag \| focused': '#primary-text',\n disabled: '#disabled-surface-text',\n },\n },\n },\n});\n\n// Overlay backdrop for overlay mode - covers the content area behind the panel\nconst OverlayBackdrop = tasty({\n qa: 'PanelOverlay',\n styles: {\n position: 'absolute',\n inset: 0,\n // fill: '#white.2',\n backdropFilter: 'invert(.15)',\n cursor: 'pointer',\n opacity: {\n '': 0,\n visible: 1,\n },\n pointerEvents: {\n '': 'none',\n visible: 'auto',\n },\n transition: 'opacity .15s ease-out',\n },\n});\n\ninterface ResizeHandlerProps {\n side: Side;\n isDisabled?: boolean;\n mods?: Record<string, boolean>;\n moveProps: ReturnType<typeof useMove>['moveProps'];\n style?: Record<string, string \| number \| null \| undefined>;\n onDoubleClick?: () => void;\n}\n\nfunction ResizeHandler(props: ResizeHandlerProps) {\n const { side, isDisabled, mods, moveProps, style, onDoubleClick } = props;\n const { hoverProps, isHovered } = useHover({});\n const { focusProps, isFocusVisible } = useFocusRing();\n const isHorizontal = side === 'left' \|\| side === 'right';\n const localIsHovered = useDebouncedValue(isHovered, 150);\n\n return (\n <ResizeHandlerElement\n {...mergeProps(hoverProps, focusProps, moveProps, {\n mods: {\n hovered: localIsHovered,\n horizontal: isHorizontal,\n disabled: isDisabled,\n focused: isFocusVisible,\n side,\n ...mods,\n },\n style,\n tabIndex: isDisabled ? undefined : 0,\n role: 'separator',\n 'aria-orientation': isHorizontal ? 'vertical' : 'horizontal',\n 'aria-label': `Resize ${side} panel`,\n onDoubleClick: isDisabled ? undefined : onDoubleClick,\n })}\n >\n <div data-element=\"Track\" />\n {!isDisabled && (\n <div data-element=\"Drag\">\n <div data-element=\"DragPart\" />\n <div data-element=\"DragPart\" />\n <div data-element=\"DragPart\" />\n <div data-element=\"DragPart\" />\n <div data-element=\"DragPart\" />\n </div>\n )}\n </ResizeHandlerElement>\n );\n}\n\n/** Panel rendering mode /\nexport type LayoutPanelMode = 'default' \| 'sticky' \| 'overlay' \| 'dialog';\n\nexport interface CubeLayoutPanelProps extends BaseProps, ContainerStyleProps {\n /* Side of the layout where panel is positioned /\n side: Side;\n /\n Panel rendering mode:\n * - `default`: Standard panel that pushes content aside\n * - `sticky`: Panel floats over content without pushing it\n * - `overlay`: Panel with dismissable backdrop overlay\n * - `dialog`: Panel renders as a modal dialog\n /\n mode?: LayoutPanelMode;\n /* Panel size (width for left/right, height for top/bottom) - controlled /\n size?: number \| string;\n /* Default panel size for uncontrolled state /\n defaultSize?: number \| string;\n /* Minimum panel size /\n minSize?: number \| string;\n /* Maximum panel size /\n maxSize?: number \| string;\n /* Enable resize functionality /\n isResizable?: boolean;\n /* Size change callback /\n onSizeChange?: (size: number) => void;\n /* Controlled open state /\n isOpen?: boolean;\n /* Default open state /\n defaultIsOpen?: boolean;\n /* Open state change callback /\n onOpenChange?: (isOpen: boolean) => void;\n /* Enable slide transition on open/close /\n hasTransition?: boolean;\n /\n Whether the panel can be dismissed by clicking the overlay (overlay mode) or pressing Escape.\n * Only applies to `overlay` and `dialog` modes. Default: true\n /\n isDismissable?: boolean;\n /* Styles for the overlay backdrop in overlay mode /\n overlayStyles?: Styles;\n /\n @deprecated Use `mode=\"dialog\"` instead. Switch to dialog mode (renders panel inside Dialog)\n /\n isDialog?: boolean;\n /* Controlled dialog open state (used with mode=\"dialog\") /\n isDialogOpen?: boolean;\n /* Default dialog open state /\n defaultIsDialogOpen?: boolean;\n /* Dialog open state change callback /\n onDialogOpenChange?: (isOpen: boolean) => void;\n /* Props passed to Dialog component when in dialog mode /\n dialogProps?: Omit<\n CubeDialogContainerProps,\n 'isDismissable' \| 'onDismiss' \| 'isOpen'\n >;\n /* Padding for content areas inside the panel. Default: '1x' /\n contentPadding?: Styles['padding'];\n /* localStorage key for persisting panel size. When provided, size is stored and restored across instances. /\n sizeStorageKey?: string;\n /* Styles for the panel /\n styles?: Styles;\n children?: ReactNode;\n}\n\nfunction matchesContainerSize(\n container: HTMLElement \| null \| undefined,\n isHorizontal: boolean,\n dimension: number,\n) {\n return (\n (isHorizontal ? container?.offsetWidth : container?.offsetHeight) ===\n dimension\n );\n}\n\nfunction LayoutPanel(\n props: CubeLayoutPanelProps,\n ref: ForwardedRef<HTMLDivElement>,\n) {\n const layoutActions = useLayoutActionsContext();\n const layoutState = useLayoutStateContext();\n const layoutRefs = useLayoutRefsContext();\n\n if (!layoutActions \|\| !layoutState \|\| !layoutRefs) {\n throw new Error(\n 'Layout.Panel must be used within a Layout component. ' +\n 'Ensure your panel is rendered inside a <Layout> parent.',\n );\n }\n\n const {\n side = 'left',\n mode: modeProp,\n size: providedSize,\n defaultSize = 280,\n minSize = 200,\n maxSize,\n isResizable = false,\n onSizeChange,\n isOpen: providedIsOpen,\n defaultIsOpen = true,\n onOpenChange,\n hasTransition: hasTransitionProp,\n isDismissable = true,\n overlayStyles,\n // Deprecated prop - use mode=\"dialog\" instead\n isDialog = false,\n isDialogOpen: providedIsDialogOpen,\n defaultIsDialogOpen = false,\n onDialogOpenChange,\n dialogProps,\n contentPadding,\n sizeStorageKey,\n children,\n styles,\n mods,\n ...otherProps\n } = props;\n\n // Resolve mode from prop or deprecated isDialog\n const mode: LayoutPanelMode = modeProp ?? (isDialog ? 'dialog' : 'default');\n const isDialogMode = mode === 'dialog';\n const isOverlayMode = mode === 'overlay';\n const isStickyMode = mode === 'sticky';\n\n // Use prop value if provided, otherwise fall back to context value\n const hasTransition = hasTransitionProp ?? layoutActions.hasTransition;\n\n const combinedRef = useCombinedRefs(ref);\n const prevProvidedSizeRef = useRef(providedSize);\n const isHorizontal = side === 'left' \|\| side === 'right';\n\n // Natural boundary computation\n const { containerWidth, containerHeight } = layoutState;\n const { minContentSize } = layoutActions;\n const containerDimension = isHorizontal ? containerWidth : containerHeight;\n const oppositeSide = getOppositeSide(side);\n const oppositePanelSize = layoutState.panelSizes[oppositeSide];\n const ownInsetOffset = isResizable ? RESIZABLE_INSET_OFFSET : 0;\n const naturalMax = useMemo(\n () =>\n !isDialogMode && containerDimension > 0\n ? Math.max(\n 0,\n containerDimension -\n oppositePanelSize -\n minContentSize -\n ownInsetOffset,\n )\n : Infinity,\n [\n isDialogMode,\n containerDimension,\n oppositePanelSize,\n minContentSize,\n ownInsetOffset,\n ],\n );\n\n // Panel open state\n const [internalIsOpen, setInternalIsOpen] = useState(defaultIsOpen);\n const isOpen = providedIsOpen ?? internalIsOpen;\n const isTransitionActive =\n hasTransition && !isDialogMode && layoutRefs.isPanelContainerReady;\n const [visualState, setVisualState] = useState({\n isShown: isOpen,\n isTransitionActive,\n });\n\n // A newly mounted DisplayTransition starts at the requested visibility.\n if (visualState.isTransitionActive !== isTransitionActive) {\n setVisualState({ isShown: isOpen, isTransitionActive });\n }\n const isPanelShown = isTransitionActive ? visualState.isShown : isOpen;\n\n // Dialog open state\n const [internalIsDialogOpen, setInternalIsDialogOpen] =\n useState(defaultIsDialogOpen);\n const dialogOpen = providedIsDialogOpen ?? internalIsDialogOpen;\n\n // Persistent size storage\n const [storedSize, setStoredSize] = useLocalStorage<number \| null>(\n sizeStorageKey ?? null,\n null,\n );\n\n // Resize state\n const [isDragging, setIsDragging] = useState(false);\n const [size, setSize] = useState<number>(() => {\n const initialSize =\n typeof providedSize === 'number'\n ? providedSize\n : storedSize != null\n ? storedSize\n : typeof defaultSize === 'number'\n ? defaultSize\n : 280;\n\n return clampSize(initialSize, minSize, maxSize);\n });\n\n const extractedStyles = extractStyles(otherProps, CONTAINER_STYLES);\n\n // Merge styles with contentPadding support\n const finalStyles = useMemo(\n () =>\n mergeStyles(\n styles,\n contentPadding != null ? { '$content-padding': contentPadding } : null,\n extractedStyles,\n ),\n [extractedStyles, contentPadding, styles],\n );\n\n // Resolve user's maxSize to pixels for JS-level clamping.\n // Percentage bounds belong to the inline host, not the dialog's host.\n const resolvedMax = useMemo(() => {\n if (typeof maxSize === 'number') return maxSize;\n if (\n typeof maxSize === 'string' &&\n containerDimension > 0 &&\n (!isDialogMode \|\| !maxSize.trim().endsWith('%'))\n ) {\n return resolveCssSize(maxSize, containerDimension);\n }\n return undefined;\n }, [maxSize, containerDimension, isDialogMode]);\n\n // Effective max combines user's maxSize with natural boundary\n const effectiveMax = useMemo(() => {\n const values: number[] = [];\n if (resolvedMax != null) values.push(resolvedMax);\n if (Number.isFinite(naturalMax)) values.push(naturalMax);\n return values.length > 0 ? Math.min(...values) : undefined;\n }, [resolvedMax, naturalMax]);\n\n // Clamp size to min/max constraints (including natural boundaries)\n const clampValue = useCallback(\n (value: number) => clampSize(value, minSize, undefined, effectiveMax),\n [minSize, effectiveMax],\n );\n\n const setContextDragging = layoutActions.setDragging;\n\n const { moveProps } = useMove({\n onMoveStart() {\n if (!isResizable \|\| isDialogMode) return;\n setIsDragging(true);\n setContextDragging(true);\n },\n onMove(e) {\n if (!isResizable \|\| isDialogMode) return;\n\n let delta: number;\n\n if (e.pointerType === 'keyboard') {\n // Keyboard resize: 10px per step, 50px with Shift\n const step = e.shiftKey ? 50 : 10;\n // For keyboard, deltaX/deltaY are direction indicators (-1, 0, 1)\n const rawDelta = isHorizontal ? e.deltaX : e.deltaY;\n const direction = side === 'right' \|\| side === 'bottom' ? -1 : 1;\n delta = rawDelta step * direction;\n } else {\n // Pointer resize: use exact delta values\n delta = isHorizontal\n ? e.deltaX * (side === 'right' ? -1 : 1)\n : e.deltaY * (side === 'bottom' ? -1 : 1);\n }\n\n setSize((currentSize) => clampValue(currentSize + delta));\n },\n onMoveEnd() {\n setIsDragging(false);\n setContextDragging(false);\n if (isDialogMode && !isDragging) return;\n // Round to integer on release and notify parent\n setSize((currentSize) => {\n const finalSize = Math.round(clampValue(currentSize));\n // Call onSizeChange synchronously to ensure parent state is updated\n onSizeChange?.(finalSize);\n // Persist to localStorage if key is provided\n setStoredSize(finalSize);\n return finalSize;\n });\n },\n });\n\n // Sync provided size with internal state (only when providedSize actually changes)\n // This prevents resetting size when only isDragging changes (which would cause a flash)\n useEffect(() => {\n if (prevProvidedSizeRef.current !== providedSize) {\n if (\n !isDialogMode &&\n !matchesContainerSize(\n layoutRefs.panelContainerRef.current?.parentElement,\n isHorizontal,\n containerDimension,\n )\n ) {\n return;\n }\n\n prevProvidedSizeRef.current = providedSize;\n if (typeof providedSize === 'number' && !isDragging) {\n setSize(clampValue(providedSize));\n }\n }\n }, [\n providedSize,\n isDragging,\n clampValue,\n isDialogMode,\n isHorizontal,\n containerDimension,\n layoutRefs.panelContainerRef,\n ]);\n\n // Dialogs retain inline size; only inline panels follow the host's bounds.\n const applyInlineBounds = useEffectEvent(() => {\n if (\n !matchesContainerSize(\n layoutRefs.panelContainerRef.current?.parentElement,\n isHorizontal,\n containerDimension,\n )\n ) {\n return;\n }\n\n setSize((prev) => {\n const clamped = clampValue(prev);\n\n if (clamped !== prev) {\n onSizeChange?.(Math.round(clamped));\n setStoredSize(Math.round(clamped));\n }\n\n return clamped;\n });\n });\n\n useEffect(() => {\n if (!isDialogMode && !isDragging && containerDimension > 0) {\n // In an iframe ResizeObserver can precede responsive mode delivery.\n // Let that mode settle before shrinking and persisting the inline size.\n const frame = requestAnimationFrame(() => applyInlineBounds());\n return () => cancelAnimationFrame(frame);\n }\n }, [\n isDialogMode,\n isDragging,\n clampValue,\n containerDimension,\n isHorizontal,\n layoutRefs.panelContainerRef,\n ]);\n\n // Register panel with layout context\n // Include handler outside portion (minus border overlap) for proper content inset\n // In sticky, overlay, and dialog modes, panel doesn't push content, so size is 0\n // NOTE: We intentionally use `size` (not `clampValue(size)`) here to avoid a feedback\n // loop. `clampValue` depends on the opposite panel's context size, so clamping here\n // would create a period-2 oscillation through shared context. CSS --max-size handles\n // visual clamping immediately; the auto-shrink effect converges `size` state.\n const effectivePanelSize = isPanelShown && mode === 'default' ? size : 0;\n const effectiveInsetSize = Math.round(\n effectivePanelSize +\n (isResizable && effectivePanelSize > 0 ? RESIZABLE_INSET_OFFSET : 0),\n );\n\n const { registerPanel, unregisterPanel, updatePanelSize } = layoutActions;\n const { isReady } = layoutState;\n\n // Track the last reported size to prevent unnecessary updates\n const lastSizeRef = useRef<number>(effectiveInsetSize);\n\n // Register on mount, unregister on unmount\n // Using useLayoutEffect ensures registration happens before browser paint\n useLayoutEffect(() => {\n registerPanel(side, lastSizeRef.current);\n\n return () => {\n unregisterPanel(side);\n };\n }, [side, registerPanel, unregisterPanel]);\n\n // Update size when it changes (after initial mount)\n // Using useLayoutEffect ensures size updates happen before browser paint\n useLayoutEffect(() => {\n if (lastSizeRef.current !== effectiveInsetSize) {\n lastSizeRef.current = effectiveInsetSize;\n updatePanelSize(side, effectiveInsetSize);\n }\n }, [side, effectiveInsetSize, updatePanelSize]);\n\n const handleOpenChange = useCallback(\n (newIsOpen: boolean) => {\n setInternalIsOpen(newIsOpen);\n onOpenChange?.(newIsOpen);\n },\n [onOpenChange],\n );\n\n // Dismiss handler for overlay mode (click on overlay)\n const handleDismiss = useCallback(() => {\n if (isDismissable) {\n handleOpenChange(false);\n }\n }, [isDismissable, handleOpenChange]);\n\n // Register overlay panel with Layout context for coordinated dismissal\n const { registerOverlayPanel } = layoutActions;\n\n useEffect(() => {\n // Only register if in overlay mode, open, and dismissable\n if (isOverlayMode && isOpen && isDismissable) {\n const unregister = registerOverlayPanel(() => handleOpenChange(false));\n return unregister;\n }\n }, [\n isOverlayMode,\n isOpen,\n isDismissable,\n registerOverlayPanel,\n handleOpenChange,\n ]);\n\n const handleDialogOpenChange = useCallback(\n (newIsOpen: boolean) => {\n setInternalIsDialogOpen(newIsOpen);\n onDialogOpenChange?.(newIsOpen);\n },\n [onDialogOpenChange],\n );\n\n // Panel context value for child components (like LayoutPanelHeader)\n const panelContextValue = useMemo(\n () => ({\n onOpenChange: handleOpenChange,\n isOpen,\n }),\n [handleOpenChange, isOpen],\n );\n\n // Dialog mode context value - uses dialog state instead of panel state\n const dialogPanelContextValue = useMemo(\n () => ({\n onOpenChange: handleDialogOpenChange,\n isOpen: dialogOpen,\n }),\n [handleDialogOpenChange, dialogOpen],\n );\n\n const panelMods = useMemo(\n () => ({\n side,\n drag: isDragging,\n horizontal: isHorizontal,\n // Only enable transition after layout is ready to prevent initial animation\n 'has-transition': hasTransition && isReady,\n ...mods,\n }),\n [side, isDragging, isHorizontal, hasTransition, isReady, mods],\n );\n\n // Build --max-size CSS variable combining user maxSize and natural boundary\n const maxSizeCss = useMemo(() => {\n const parts: string[] = [];\n\n if (maxSize != null) {\n parts.push(typeof maxSize === 'number' ? `${maxSize}px` : maxSize);\n }\n\n if (containerDimension > 0 && Number.isFinite(naturalMax)) {\n parts.push(`${naturalMax}px`);\n }\n\n if (parts.length === 0) return undefined;\n return parts.length === 1 ? parts[0] : `min(${parts.join(', ')})`;\n }, [maxSize, naturalMax, containerDimension]);\n\n const panelStyle = useMemo(\n () => ({\n '--panel-size': `${size}px`,\n '--min-size': typeof minSize === 'number' ? `${minSize}px` : minSize,\n '--max-size': maxSizeCss,\n }),\n [size, minSize, maxSizeCss],\n );\n\n // Combine refs for panel element\n const panelRefCallback = useCallback(\n (node: HTMLDivElement \| null, transitionRef?: RefCallback<HTMLElement>) => {\n // Update the combined ref\n (combinedRef as { current: HTMLDivElement \| null }).current = node;\n // Call transition ref if provided\n transitionRef?.(node);\n },\n [combinedRef],\n );\n\n // Reset to default size on double-click\n const handleResetSize = useCallback(() => {\n const resetSize =\n typeof defaultSize === 'number' ? defaultSize : parseInt(defaultSize, 10);\n const clampedSize = clampValue(resetSize \|\| 280);\n setSize(clampedSize);\n onSizeChange?.(clampedSize);\n setStoredSize(clampedSize);\n }, [defaultSize, clampValue, onSizeChange, setStoredSize]);\n\n const renderPanelContent = (\n offscreen = false,\n transitionRef?: RefCallback<HTMLElement>,\n ) => {\n const showOverlay = isOverlayMode && !offscreen;\n\n return (\n <>\n {/* Overlay backdrop for overlay mode */}\n {isOverlayMode && (\n <OverlayBackdrop\n mods={{ visible: showOverlay }}\n styles={overlayStyles}\n aria-hidden=\"true\"\n onClick={handleDismiss}\n />\n )}\n <PanelElement\n ref={(node: HTMLDivElement \| null) =>\n panelRefCallback(node, transitionRef)\n }\n {...filterBaseProps(otherProps, { eventProps: true })}\n mods={{ ...panelMods, offscreen }}\n styles={finalStyles}\n style={panelStyle}\n data-side={side}\n >\n <LayoutPanelContext.Provider value={panelContextValue}>\n <LayoutContextReset>{children}</LayoutContextReset>\n </LayoutPanelContext.Provider>\n </PanelElement>\n {isResizable && (\n <ResizeHandler\n side={side}\n isDisabled={!isResizable}\n mods={{\n drag: isDragging,\n offscreen,\n 'has-transition': hasTransition && isReady,\n }}\n moveProps={moveProps}\n style={panelStyle}\n onDoubleClick={handleResetSize}\n />\n )}\n </>\n );\n };\n\n // Dialog mode - uses its own portal via DialogContainer\n if (isDialogMode) {\n return (\n <DialogContainer\n isOpen={dialogOpen}\n isDismissable={isDismissable}\n onDismiss={() => handleDialogOpenChange(false)}\n {...dialogProps}\n >\n <Dialog isDismissable={false}>\n <LayoutPanelContext.Provider value={dialogPanelContextValue}>\n <LayoutContextReset>{children}</LayoutContextReset>\n </LayoutPanelContext.Provider>\n </Dialog>\n </DialogContainer>\n );\n }\n\n // Wait for portal container to be ready before rendering\n if (!layoutRefs.isPanelContainerReady) {\n return null;\n }\n\n const portalContainer = layoutRefs.panelContainerRef.current!;\n\n // Panel with transition - portal to panel container\n if (hasTransition) {\n return createPortal(\n <DisplayTransition\n isShown={isOpen}\n animateOnMount={false}\n onToggle={(isShown) => setVisualState({ isShown, isTransitionActive })}\n >\n {({ isShown, isExiting, ref: transitionRef }) => (\n <LayoutPanelTransition isShown={isShown} isExiting={isExiting}>\n {renderPanelContent(!isShown, transitionRef)}\n </LayoutPanelTransition>\n )}\n </DisplayTransition>,\n portalContainer,\n );\n }\n\n // Simple panel (no transition) - portal to panel container\n if (!isOpen) return null;\n\n return createPortal(renderPanelContent(false), portalContainer);\n}\n\nconst _LayoutPanel = forwardRef(LayoutPanel);\n\n_LayoutPanel.displayName = 'Layout.Panel';\n\nexport { _LayoutPanel as LayoutPanel };\n"],"mappings":"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"}

package/dist/components/content/Layout/LayoutPanelHeader.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { _Item } from "../Item/Item.js";

package/dist/components/content/Layout/LayoutPanelTransition.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { LayoutPanelTransitionContext, useLayoutRefsContext } from "./LayoutContext.js";
 import { c } from "react/compiler-runtime";
 import { useContext, useLayoutEffect, useState } from "react";

package/dist/components/content/Layout/LayoutToolbar.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";

package/dist/components/content/Layout/hooks/useTinyScrollbar.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef, useState } from "react";

package/dist/components/content/Layout/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { LayoutActionsContext, LayoutContextReset, LayoutPanelContext, LayoutRefsContext, LayoutStateContext, useLayoutActionsContext, useLayoutPanelContext, useLayoutRefsContext, useLayoutStateContext } from "./LayoutContext.js";
 import { _Layout } from "./Layout.js";
 import { _LayoutContent } from "./LayoutContent.js";

package/dist/components/content/Layout/utils.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 //#region src/components/content/Layout/utils.ts
 /**
 * Clamps a size value within min/max constraints.

package/dist/components/content/Paragraph.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { _Text } from "./Text.js";
 import { c } from "react/compiler-runtime";

package/dist/components/content/Placeholder/Placeholder.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { c } from "react/compiler-runtime";

package/dist/components/content/PrismCode/PrismCode.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { RendererPrism, ensureYamlSqlExtensions } from "./prismSetup.js";
 import { CONTAINER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/PrismCode/prismSetup.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { Prism as RendererPrism } from "prism-react-renderer";
 //#region src/components/content/PrismCode/prismSetup.tsx

package/dist/components/content/PrismDiffCode/PrismDiffCode.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { _PrismCode } from "../PrismCode/PrismCode.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";

package/dist/components/content/Result/Result.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";

package/dist/components/content/Skeleton/Skeleton.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { Space } from "../../layout/Space.js";
 import { Grid } from "../../layout/Grid.js";
 import { Flow } from "../../layout/Flow.js";

package/dist/components/content/Tag/Tag.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { mergeStyleLayers } from "../../../utils/styles.js";
 import { _Item } from "../Item/Item.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/content/Text.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { c } from "react/compiler-runtime";

package/dist/components/content/TextItem/TextItem.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { TEXT_PROP_MAP, _Text } from "../Text.js";
 import { highlightText } from "../highlightText.js";

package/dist/components/content/Title.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { TEXT_PROP_MAP } from "./Text.js";

package/dist/components/content/Tree/Tree.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/content/Tree/TreeNode.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
@@ -11,7 +11,7 @@ import { __Menu } from "../../actions/Menu/Menu.js";
 import { useContextMenu } from "../../actions/use-context-menu.js";
 import { TreeNodeCheckboxWrapper, TreeNodeRow, TreeNodeToggle, TreeNodeTogglePlaceholder, TreeRowItem } from "./styled.js";
 import { MoreIcon } from "../../../icons/MoreIcon.js";
-import { allowOverlayKeysToPropagate } from "../../../utils/react/overlayKeyPropagation.js";
+import { allowEscapeToPropagate } from "../../../utils/react/escapePropagation.js";
 import { __Checkbox } from "../../fields/Checkbox/Checkbox.js";
 import { Children, memo, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -145,7 +145,7 @@ function TreeNodeInner(props) {
 		"data-element": "Checkbox",
 		role: "presentation",
 		onClick: handleWrapperClick,
-		onKeyDown: allowOverlayKeysToPropagate,
+		onKeyDown: allowEscapeToPropagate,
 		children: /* @__PURE__ */ jsx(__Checkbox, {
 			isSelected: isChecked,
 			isIndeterminate,

package/dist/components/content/Tree/TreeNode.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TreeNode.js","names":["Children","memo","useMemo","useRef","useState","useHover","useTreeItem","useEvent","useI18n","DirectionIcon","LoadingIcon","MoreIcon","mergeProps","mergeRefs","allowOverlayKeysToPropagate","CubeItemActionProps","ItemAction","CubeMenuProps","Menu","MenuTrigger","useContextMenu","Checkbox","TreeNodeCheckboxWrapper","TreeNodeRow","TreeNodeToggle","TreeNodeTogglePlaceholder","TreeRowItem","Key","Node","Styles","CSSProperties","KeyboardEvent","MouseEvent","ReactNode","Ref","TreeState","CubeTreeNodeData","TreeContextMenu","TreeItemProps","TreeNodeState","isMenuEmpty","menu","undefined","toArray","length","TreeNodeProps","node","data","state","isCheckable","isExpanded","isIndeterminate","isChecked","isLoading","onToggleChecked","key","size","itemProps","rowStyles","virtualStyle","virtualRef","element","HTMLElement","virtualIndex","contextMenu","onAction","action","menuTriggerProps","Partial","menuProps","TreeNodeInner","props","t","treeMenu","treeContextMenu","treeOnAction","rowRef","HTMLDivElement","isLeaf","hasChildNodes","rowProps","gridCellProps","expandButtonProps","isPressed","hasChildItems","isDisabled","disabledKeys","has","isSelected","selectionManager","hoverProps","isHovered","isFocused","focusedKey","isRowCheckable","nodeState","effectiveMenuChildren","hasMenu","effectiveContextMenu","menuExposed","contextMenuOnly","isMenuOpen","setIsMenuOpen","handleMenuAction","actionStr","String","normalizedAction","startsWith","slice","rowContextMenu","placement","children","handleCheckboxChange","handleWrapperClick","e","stopPropagation","isCheckboxDisabled","target","closest","handleKeyDown","preventDefault","shiftKey","open","composedKeyDown","onKeyDown","sharedMods","checked","indeterminate","expanded","loading","leaf","rowMods","disabled","itemMods","focused","hovered","pressed","rowStyle","level","ariaChecked","finalRowProps","toggleNode","checkboxNode","title","resolvedItemProps","prefix","userPrefix","actions","userActions","restUserProps","composedPrefix","menuAction","composedActions","refs","list","push","targetRef","rendered","TreeNode"],"sources":["../../../../src/components/content/Tree/TreeNode.tsx"],"sourcesContent":["import { Children, memo, useMemo, useRef, useState } from 'react';\nimport { useHover, useTreeItem } from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { MoreIcon } from '../../../icons/MoreIcon';\nimport { mergeProps, mergeRefs } from '../../../utils/react';\nimport { allowOverlayKeysToPropagate } from '../../../utils/react/overlayKeyPropagation';\nimport { CubeItemActionProps, ItemAction } from '../../actions/ItemAction';\nimport { CubeMenuProps, Menu, MenuTrigger } from '../../actions/Menu';\nimport { useContextMenu } from '../../actions/use-context-menu';\nimport { Checkbox } from '../../fields/Checkbox/Checkbox';\n\nimport {\n TreeNodeCheckboxWrapper,\n TreeNodeRow,\n TreeNodeToggle,\n TreeNodeTogglePlaceholder,\n TreeRowItem,\n} from './styled';\n\nimport type { Key, Node } from '@react-types/shared';\nimport type { Styles } from '@tenphi/tasty';\nimport type {\n CSSProperties,\n KeyboardEvent,\n MouseEvent,\n ReactNode,\n Ref,\n} from 'react';\nimport type { TreeState } from 'react-stately';\nimport type {\n CubeTreeNodeData,\n TreeContextMenu,\n TreeItemProps,\n TreeNodeState,\n} from './types';\n\n/** Check whether a `menu` ReactNode actually contains anything. /\nfunction isMenuEmpty(menu: ReactNode): boolean {\n if (menu === null \|\| menu === undefined \|\| menu === false) return true;\n return Children.toArray(menu).length === 0;\n}\n\nexport interface TreeNodeProps {\n node: Node<CubeTreeNodeData>;\n /* The original `CubeTreeNodeData` for this row, looked up by key. /\n data: CubeTreeNodeData;\n state: TreeState<CubeTreeNodeData>;\n\n /* Whether the tree as a whole renders checkboxes. /\n isCheckable: boolean;\n /* Whether this row is currently expanded. /\n isExpanded: boolean;\n /* Whether the row is in an indeterminate (half-checked) state. /\n isIndeterminate: boolean;\n /* Whether the row is fully checked. /\n isChecked: boolean;\n /* Whether `loadData` is currently fetching this row's children. /\n isLoading: boolean;\n\n /* Toggle this row's checkbox (cascades). /\n onToggleChecked: (key: string) => void;\n\n /* Row size passed to the underlying Item. /\n size?: string;\n\n /* Per-node Item customization (static object or callback). /\n itemProps?:\n \| TreeItemProps\n \| ((data: CubeTreeNodeData, state: TreeNodeState) => TreeItemProps);\n\n /* Styles applied to the visible row (`TreeRowItem`). /\n rowStyles?: Styles;\n\n /* Inline style for virtualizer absolute positioning. /\n virtualStyle?: CSSProperties;\n /* Ref callback from `@tanstack/react-virtual` to measure row height. /\n virtualRef?: (element: HTMLElement \| null) => void;\n /* Virtual index for `data-index` attribute. /\n virtualIndex?: number;\n\n /* Tree-wide menu default (resolved against `data.menu`). /\n menu?:\n \| ReactNode\n \| ((data: CubeTreeNodeData, state: TreeNodeState) => ReactNode \| null);\n /* Tree-wide `contextMenu` default. /\n contextMenu?: TreeContextMenu;\n /* Tree-wide `onAction` callback. /\n onAction?: (action: string, key: Key) => void;\n /* Forwarded to every per-row `MenuTrigger`. /\n menuTriggerProps?: Partial<CubeItemActionProps>;\n /* Forwarded to every per-row `Menu`. */\n menuProps?: Partial<CubeMenuProps<object>>;\n}\n\nfunction TreeNodeInner(props: TreeNodeProps) {\n const { t } = useI18n();\n const {\n node,\n data,\n state,\n isCheckable,\n isExpanded,\n isIndeterminate,\n isChecked,\n isLoading,\n onToggleChecked,\n size,\n itemProps,\n rowStyles,\n virtualStyle,\n virtualRef,\n virtualIndex,\n menu: treeMenu,\n contextMenu: treeContextMenu,\n onAction: treeOnAction,\n menuTriggerProps,\n menuProps,\n } = props;\n\n const rowRef = useRef<HTMLDivElement>(null);\n\n // For lazy rows with no children yet, still render a toggle unless\n // explicitly marked as leaf.\n const isLeaf =\n data.isLeaf === true \|\| (data.isLeaf !== false && !node.hasChildNodes);\n\n // React Aria counts a row as a parent only with more than one child (it\n // expects the row's content first). `hasChildItems` makes single-child and\n // lazy rows expandable: `aria-expanded` and arrow-key expansion.\n const { rowProps, gridCellProps, expandButtonProps, isPressed } = useTreeItem(\n { node, hasChildItems: !isLeaf },\n state,\n rowRef,\n );\n\n const isDisabled = state.disabledKeys.has(node.key);\n const isSelected = state.selectionManager.isSelected(node.key);\n\n // `useTreeItem` doesn't track hover; we need it for the `hovered` mod.\n const { hoverProps, isHovered } = useHover({ isDisabled });\n // React Aria's treegrid uses roving tabindex, so no `data-focused`\n // attribute lands on the row — mirror it as a mod manually.\n const isFocused =\n state.selectionManager.isFocused &&\n state.selectionManager.focusedKey === node.key;\n const isRowCheckable = isCheckable && data.isCheckable !== false;\n\n const nodeState: TreeNodeState = {\n isExpanded,\n isSelected,\n isChecked,\n isIndeterminate,\n isLeaf,\n };\n\n // ---- Menu resolution (per-node override > tree-level) --------------------\n\n const effectiveMenuChildren: ReactNode =\n data.menu === null\n ? null\n : data.menu !== undefined\n ? data.menu\n : typeof treeMenu === 'function'\n ? treeMenu(data, nodeState)\n : treeMenu ?? null;\n const hasMenu = !isMenuEmpty(effectiveMenuChildren);\n\n const effectiveContextMenu: TreeContextMenu =\n data.contextMenu ?? treeContextMenu ?? false;\n // The menu is exposed only when the consumer opts in via\n // `contextMenu`. When `contextMenu` is `false` (default) we render\n // nothing, even if `menu` is provided — this matches the plan and\n // keeps default rows visually clean.\n const menuExposed =\n hasMenu &&\n (effectiveContextMenu === true \|\| effectiveContextMenu === 'context-only');\n const contextMenuOnly = effectiveContextMenu === 'context-only';\n\n // Controlled state for menu trigger (enables keyboard opening with Shift+F10)\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n\n const handleMenuAction = useEvent((action: Key) => {\n // Strip the \".$\" prefix that React adds via Children.toArray/map.\n const actionStr = String(action);\n const normalizedAction = actionStr.startsWith('.$')\n ? actionStr.slice(2)\n : actionStr;\n data.onAction?.(normalizedAction);\n treeOnAction?.(normalizedAction, node.key);\n // Forward to the consumer-supplied `menuProps.onAction` so users\n // who pass extra `Menu` props through `menuProps` still receive\n // the action stream alongside the tree-level callback.\n menuProps?.onAction?.(normalizedAction);\n });\n\n const rowContextMenu = useContextMenu<HTMLDivElement, CubeMenuProps<object>>(\n Menu,\n { placement: 'bottom start' },\n {\n ...menuProps,\n onAction: handleMenuAction,\n children: effectiveMenuChildren,\n },\n );\n\n // ---- Checkbox ------------------------------------------------------------\n\n const handleCheckboxChange = useEvent(() => {\n onToggleChecked(String(node.key));\n });\n\n const handleWrapperClick = useEvent((e: MouseEvent<HTMLElement>) => {\n e.stopPropagation();\n if (isDisabled \|\| data.isCheckboxDisabled) return;\n // The inner <Checkbox> label toggles on direct click; skip to avoid a double toggle.\n if ((e.target as HTMLElement).closest('[data-qa=\"CheckboxWrapper\"]'))\n return;\n onToggleChecked(String(node.key));\n });\n\n // ---- Keyboard ------------------------------------------------------------\n\n // Composed keydown handler. Runs BEFORE `rowProps.onKeyDown` from\n // `useTreeItem` so we can short-circuit the default react-aria\n // behavior for our own shortcuts (Shift+F10 menu open, Space\n // checkbox toggle). Returns `true` when the event was handled and\n // react-aria's keydown must NOT run; returns `false` to chain to\n // react-aria's handler.\n const handleKeyDown = useEvent((e: KeyboardEvent) => {\n // Space toggles the checkbox first when checkable. We DON'T claim\n // the event (return `false`) so react-aria's onKeyDown still runs\n // afterwards and the focused row also selects — matching the\n // pre-refactor behavior when handlers were chained via\n // `mergeProps`. `preventDefault` is kept to suppress page scroll.\n if (\n e.key === ' ' &&\n isRowCheckable &&\n !isDisabled &&\n !data.isCheckboxDisabled\n ) {\n e.preventDefault();\n onToggleChecked(String(node.key));\n return false;\n }\n\n // Shift+F10 opens the row menu (standard accessibility shortcut).\n if (e.key === 'F10' && e.shiftKey && menuExposed) {\n e.preventDefault();\n e.stopPropagation();\n if (contextMenuOnly) {\n rowContextMenu.open();\n } else {\n setIsMenuOpen(true);\n }\n return true;\n }\n\n return false;\n });\n\n // Wrapper that delegates to react-aria's default keydown only when\n // our handler did not claim the event. Replaces (rather than\n // chains with) `rowProps.onKeyDown` so the order of handlers is\n // strictly: our shortcuts → react-aria default.\n const composedKeyDown = useEvent((e: KeyboardEvent<HTMLDivElement>) => {\n if (handleKeyDown(e)) return;\n rowProps.onKeyDown?.(e);\n });\n\n // ---- Mods ----------------------------------------------------------------\n\n const sharedMods = useMemo(\n () => ({\n checked: isChecked,\n indeterminate: isIndeterminate,\n expanded: isExpanded,\n loading: isLoading,\n leaf: isLeaf,\n 'has-checkbox': isRowCheckable,\n 'has-menu': menuExposed,\n }),\n [\n isChecked,\n isIndeterminate,\n isExpanded,\n isLoading,\n isLeaf,\n isRowCheckable,\n menuExposed,\n ],\n );\n\n const rowMods = useMemo(\n () => ({ ...sharedMods, disabled: isDisabled }),\n [sharedMods, isDisabled],\n );\n\n const itemMods = useMemo(\n () => ({\n ...sharedMods,\n focused: isFocused,\n hovered: isHovered,\n pressed: isPressed,\n }),\n [sharedMods, isFocused, isHovered, isPressed],\n );\n\n const rowStyle = useMemo<CSSProperties>(\n () => ({\n ['--tree-level' as keyof CSSProperties]: String(node.level ?? 0),\n ...virtualStyle,\n }),\n [node.level, virtualStyle],\n );\n\n // Only emit `aria-checked` when the tree is in checkable mode.\n const ariaChecked: 'mixed' \| 'true' \| 'false' \| undefined = isRowCheckable\n ? isIndeterminate\n ? 'mixed'\n : isChecked\n ? 'true'\n : 'false'\n : undefined;\n\n // ---- Compose row props ---------------------------------------------------\n\n // Merge react-aria + hover props but EXCLUDE `onKeyDown` from the\n // chain — `composedKeyDown` already wraps `rowProps.onKeyDown` and\n // must run first so our Shift+F10 / Space-checkbox shortcuts can\n // short-circuit the default react-aria behavior.\n const finalRowProps = {\n ...mergeProps(rowProps, hoverProps),\n 'aria-checked': ariaChecked,\n onKeyDown: composedKeyDown,\n };\n\n // ---- Toggle (chevron) and checkbox slots --------------------------------\n\n // Leaf rows get a placeholder so sibling indents align.\n const toggleNode = isLeaf ? (\n <TreeNodeTogglePlaceholder aria-hidden data-element=\"Toggle\" />\n ) : (\n <TreeNodeToggle {...expandButtonProps} tabIndex={-1} data-element=\"Toggle\">\n {isLoading ? (\n <LoadingIcon />\n ) : (\n <DirectionIcon to={isExpanded ? 'bottom' : 'right'} />\n )}\n </TreeNodeToggle>\n );\n\n const checkboxNode = isRowCheckable ? (\n <TreeNodeCheckboxWrapper\n data-element=\"Checkbox\"\n role=\"presentation\"\n onClick={handleWrapperClick}\n // Hold the checkbox's keys here, but let Escape and Tab reach the tree and\n // a surrounding overlay.\n onKeyDown={allowOverlayKeysToPropagate}\n >\n <Checkbox\n isSelected={isChecked}\n isIndeterminate={isIndeterminate}\n isDisabled={isDisabled \|\| data.isCheckboxDisabled}\n aria-label={\n typeof data.title === 'string' ? data.title : String(node.key)\n }\n onChange={handleCheckboxChange}\n />\n </TreeNodeCheckboxWrapper>\n ) : null;\n\n // ---- Resolve user-supplied per-node Item props --------------------------\n\n const resolvedItemProps =\n typeof itemProps === 'function' ? itemProps(data, nodeState) : itemProps;\n const {\n prefix: userPrefix,\n actions: userActions,\n ...restUserProps\n } = resolvedItemProps ?? {};\n\n const composedPrefix =\n checkboxNode \|\| userPrefix ? (\n <>\n {checkboxNode}\n {userPrefix}\n </>\n ) : null;\n\n // ---- Built-in overflow `⋮` action ---------------------------------------\n\n const menuAction =\n menuExposed && !contextMenuOnly ? (\n <MenuTrigger isOpen={isMenuOpen} onOpenChange={setIsMenuOpen}>\n <ItemAction\n tabIndex={-1}\n icon={<MoreIcon />}\n aria-label={t('tree.actions', 'Actions')}\n {...menuTriggerProps}\n />\n <Menu {...menuProps} onAction={handleMenuAction}>\n {effectiveMenuChildren}\n </Menu>\n </MenuTrigger>\n ) : null;\n\n // Compose with user-supplied actions (user actions render first).\n const composedActions =\n userActions \|\| menuAction ? (\n <>\n {userActions}\n {menuAction}\n </>\n ) : undefined;\n\n // ---- Refs / context-menu wiring -----------------------------------------\n\n // When the context menu is enabled for this row, attach the hook's\n // `targetRef` to the row so right-clicks land on the correct anchor.\n const refs = useMemo(() => {\n const list: Ref<HTMLDivElement>[] = [rowRef];\n if (virtualRef) list.push(virtualRef);\n if (menuExposed) list.push(rowContextMenu.targetRef);\n return mergeRefs(...list);\n }, [virtualRef, menuExposed, rowContextMenu.targetRef]);\n\n return (\n <TreeNodeRow\n {...finalRowProps}\n ref={refs}\n mods={rowMods}\n style={rowStyle}\n data-element=\"Row\"\n data-qa-key={String(node.key)}\n data-index={virtualIndex}\n >\n <TreeRowItem\n {...gridCellProps}\n {...restUserProps}\n size={size}\n isSelected={isSelected}\n isDisabled={isDisabled}\n mods={itemMods}\n icon={toggleNode}\n prefix={composedPrefix}\n actions={composedActions}\n styles={rowStyles}\n >\n {data.title}\n </TreeRowItem>\n {menuExposed && rowContextMenu.rendered}\n </TreeNodeRow>\n );\n}\n\nexport const TreeNode = memo(TreeNodeInner);\n"],"mappings":"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"}
1	+ {"version":3,"file":"TreeNode.js","names":["Children","memo","useMemo","useRef","useState","useHover","useTreeItem","useEvent","useI18n","DirectionIcon","LoadingIcon","MoreIcon","mergeProps","mergeRefs","allowEscapeToPropagate","CubeItemActionProps","ItemAction","CubeMenuProps","Menu","MenuTrigger","useContextMenu","Checkbox","TreeNodeCheckboxWrapper","TreeNodeRow","TreeNodeToggle","TreeNodeTogglePlaceholder","TreeRowItem","Key","Node","Styles","CSSProperties","KeyboardEvent","MouseEvent","ReactNode","Ref","TreeState","CubeTreeNodeData","TreeContextMenu","TreeItemProps","TreeNodeState","isMenuEmpty","menu","undefined","toArray","length","TreeNodeProps","node","data","state","isCheckable","isExpanded","isIndeterminate","isChecked","isLoading","onToggleChecked","key","size","itemProps","rowStyles","virtualStyle","virtualRef","element","HTMLElement","virtualIndex","contextMenu","onAction","action","menuTriggerProps","Partial","menuProps","TreeNodeInner","props","t","treeMenu","treeContextMenu","treeOnAction","rowRef","HTMLDivElement","isLeaf","hasChildNodes","rowProps","gridCellProps","expandButtonProps","isPressed","hasChildItems","isDisabled","disabledKeys","has","isSelected","selectionManager","hoverProps","isHovered","isFocused","focusedKey","isRowCheckable","nodeState","effectiveMenuChildren","hasMenu","effectiveContextMenu","menuExposed","contextMenuOnly","isMenuOpen","setIsMenuOpen","handleMenuAction","actionStr","String","normalizedAction","startsWith","slice","rowContextMenu","placement","children","handleCheckboxChange","handleWrapperClick","e","stopPropagation","isCheckboxDisabled","target","closest","handleKeyDown","preventDefault","shiftKey","open","composedKeyDown","onKeyDown","sharedMods","checked","indeterminate","expanded","loading","leaf","rowMods","disabled","itemMods","focused","hovered","pressed","rowStyle","level","ariaChecked","finalRowProps","toggleNode","checkboxNode","title","resolvedItemProps","prefix","userPrefix","actions","userActions","restUserProps","composedPrefix","menuAction","composedActions","refs","list","push","targetRef","rendered","TreeNode"],"sources":["../../../../src/components/content/Tree/TreeNode.tsx"],"sourcesContent":["import { Children, memo, useMemo, useRef, useState } from 'react';\nimport { useHover, useTreeItem } from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { MoreIcon } from '../../../icons/MoreIcon';\nimport { mergeProps, mergeRefs } from '../../../utils/react';\nimport { allowEscapeToPropagate } from '../../../utils/react/escapePropagation';\nimport { CubeItemActionProps, ItemAction } from '../../actions/ItemAction';\nimport { CubeMenuProps, Menu, MenuTrigger } from '../../actions/Menu';\nimport { useContextMenu } from '../../actions/use-context-menu';\nimport { Checkbox } from '../../fields/Checkbox/Checkbox';\n\nimport {\n TreeNodeCheckboxWrapper,\n TreeNodeRow,\n TreeNodeToggle,\n TreeNodeTogglePlaceholder,\n TreeRowItem,\n} from './styled';\n\nimport type { Key, Node } from '@react-types/shared';\nimport type { Styles } from '@tenphi/tasty';\nimport type {\n CSSProperties,\n KeyboardEvent,\n MouseEvent,\n ReactNode,\n Ref,\n} from 'react';\nimport type { TreeState } from 'react-stately';\nimport type {\n CubeTreeNodeData,\n TreeContextMenu,\n TreeItemProps,\n TreeNodeState,\n} from './types';\n\n/** Check whether a `menu` ReactNode actually contains anything. /\nfunction isMenuEmpty(menu: ReactNode): boolean {\n if (menu === null \|\| menu === undefined \|\| menu === false) return true;\n return Children.toArray(menu).length === 0;\n}\n\nexport interface TreeNodeProps {\n node: Node<CubeTreeNodeData>;\n /* The original `CubeTreeNodeData` for this row, looked up by key. /\n data: CubeTreeNodeData;\n state: TreeState<CubeTreeNodeData>;\n\n /* Whether the tree as a whole renders checkboxes. /\n isCheckable: boolean;\n /* Whether this row is currently expanded. /\n isExpanded: boolean;\n /* Whether the row is in an indeterminate (half-checked) state. /\n isIndeterminate: boolean;\n /* Whether the row is fully checked. /\n isChecked: boolean;\n /* Whether `loadData` is currently fetching this row's children. /\n isLoading: boolean;\n\n /* Toggle this row's checkbox (cascades). /\n onToggleChecked: (key: string) => void;\n\n /* Row size passed to the underlying Item. /\n size?: string;\n\n /* Per-node Item customization (static object or callback). /\n itemProps?:\n \| TreeItemProps\n \| ((data: CubeTreeNodeData, state: TreeNodeState) => TreeItemProps);\n\n /* Styles applied to the visible row (`TreeRowItem`). /\n rowStyles?: Styles;\n\n /* Inline style for virtualizer absolute positioning. /\n virtualStyle?: CSSProperties;\n /* Ref callback from `@tanstack/react-virtual` to measure row height. /\n virtualRef?: (element: HTMLElement \| null) => void;\n /* Virtual index for `data-index` attribute. /\n virtualIndex?: number;\n\n /* Tree-wide menu default (resolved against `data.menu`). /\n menu?:\n \| ReactNode\n \| ((data: CubeTreeNodeData, state: TreeNodeState) => ReactNode \| null);\n /* Tree-wide `contextMenu` default. /\n contextMenu?: TreeContextMenu;\n /* Tree-wide `onAction` callback. /\n onAction?: (action: string, key: Key) => void;\n /* Forwarded to every per-row `MenuTrigger`. /\n menuTriggerProps?: Partial<CubeItemActionProps>;\n /* Forwarded to every per-row `Menu`. */\n menuProps?: Partial<CubeMenuProps<object>>;\n}\n\nfunction TreeNodeInner(props: TreeNodeProps) {\n const { t } = useI18n();\n const {\n node,\n data,\n state,\n isCheckable,\n isExpanded,\n isIndeterminate,\n isChecked,\n isLoading,\n onToggleChecked,\n size,\n itemProps,\n rowStyles,\n virtualStyle,\n virtualRef,\n virtualIndex,\n menu: treeMenu,\n contextMenu: treeContextMenu,\n onAction: treeOnAction,\n menuTriggerProps,\n menuProps,\n } = props;\n\n const rowRef = useRef<HTMLDivElement>(null);\n\n // For lazy rows with no children yet, still render a toggle unless\n // explicitly marked as leaf.\n const isLeaf =\n data.isLeaf === true \|\| (data.isLeaf !== false && !node.hasChildNodes);\n\n // React Aria counts a row as a parent only with more than one child (it\n // expects the row's content first). `hasChildItems` makes single-child and\n // lazy rows expandable: `aria-expanded` and arrow-key expansion.\n const { rowProps, gridCellProps, expandButtonProps, isPressed } = useTreeItem(\n { node, hasChildItems: !isLeaf },\n state,\n rowRef,\n );\n\n const isDisabled = state.disabledKeys.has(node.key);\n const isSelected = state.selectionManager.isSelected(node.key);\n\n // `useTreeItem` doesn't track hover; we need it for the `hovered` mod.\n const { hoverProps, isHovered } = useHover({ isDisabled });\n // React Aria's treegrid uses roving tabindex, so no `data-focused`\n // attribute lands on the row — mirror it as a mod manually.\n const isFocused =\n state.selectionManager.isFocused &&\n state.selectionManager.focusedKey === node.key;\n const isRowCheckable = isCheckable && data.isCheckable !== false;\n\n const nodeState: TreeNodeState = {\n isExpanded,\n isSelected,\n isChecked,\n isIndeterminate,\n isLeaf,\n };\n\n // ---- Menu resolution (per-node override > tree-level) --------------------\n\n const effectiveMenuChildren: ReactNode =\n data.menu === null\n ? null\n : data.menu !== undefined\n ? data.menu\n : typeof treeMenu === 'function'\n ? treeMenu(data, nodeState)\n : treeMenu ?? null;\n const hasMenu = !isMenuEmpty(effectiveMenuChildren);\n\n const effectiveContextMenu: TreeContextMenu =\n data.contextMenu ?? treeContextMenu ?? false;\n // The menu is exposed only when the consumer opts in via\n // `contextMenu`. When `contextMenu` is `false` (default) we render\n // nothing, even if `menu` is provided — this matches the plan and\n // keeps default rows visually clean.\n const menuExposed =\n hasMenu &&\n (effectiveContextMenu === true \|\| effectiveContextMenu === 'context-only');\n const contextMenuOnly = effectiveContextMenu === 'context-only';\n\n // Controlled state for menu trigger (enables keyboard opening with Shift+F10)\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n\n const handleMenuAction = useEvent((action: Key) => {\n // Strip the \".$\" prefix that React adds via Children.toArray/map.\n const actionStr = String(action);\n const normalizedAction = actionStr.startsWith('.$')\n ? actionStr.slice(2)\n : actionStr;\n data.onAction?.(normalizedAction);\n treeOnAction?.(normalizedAction, node.key);\n // Forward to the consumer-supplied `menuProps.onAction` so users\n // who pass extra `Menu` props through `menuProps` still receive\n // the action stream alongside the tree-level callback.\n menuProps?.onAction?.(normalizedAction);\n });\n\n const rowContextMenu = useContextMenu<HTMLDivElement, CubeMenuProps<object>>(\n Menu,\n { placement: 'bottom start' },\n {\n ...menuProps,\n onAction: handleMenuAction,\n children: effectiveMenuChildren,\n },\n );\n\n // ---- Checkbox ------------------------------------------------------------\n\n const handleCheckboxChange = useEvent(() => {\n onToggleChecked(String(node.key));\n });\n\n const handleWrapperClick = useEvent((e: MouseEvent<HTMLElement>) => {\n e.stopPropagation();\n if (isDisabled \|\| data.isCheckboxDisabled) return;\n // The inner <Checkbox> label toggles on direct click; skip to avoid a double toggle.\n if ((e.target as HTMLElement).closest('[data-qa=\"CheckboxWrapper\"]'))\n return;\n onToggleChecked(String(node.key));\n });\n\n // ---- Keyboard ------------------------------------------------------------\n\n // Composed keydown handler. Runs BEFORE `rowProps.onKeyDown` from\n // `useTreeItem` so we can short-circuit the default react-aria\n // behavior for our own shortcuts (Shift+F10 menu open, Space\n // checkbox toggle). Returns `true` when the event was handled and\n // react-aria's keydown must NOT run; returns `false` to chain to\n // react-aria's handler.\n const handleKeyDown = useEvent((e: KeyboardEvent) => {\n // Space toggles the checkbox first when checkable. We DON'T claim\n // the event (return `false`) so react-aria's onKeyDown still runs\n // afterwards and the focused row also selects — matching the\n // pre-refactor behavior when handlers were chained via\n // `mergeProps`. `preventDefault` is kept to suppress page scroll.\n if (\n e.key === ' ' &&\n isRowCheckable &&\n !isDisabled &&\n !data.isCheckboxDisabled\n ) {\n e.preventDefault();\n onToggleChecked(String(node.key));\n return false;\n }\n\n // Shift+F10 opens the row menu (standard accessibility shortcut).\n if (e.key === 'F10' && e.shiftKey && menuExposed) {\n e.preventDefault();\n e.stopPropagation();\n if (contextMenuOnly) {\n rowContextMenu.open();\n } else {\n setIsMenuOpen(true);\n }\n return true;\n }\n\n return false;\n });\n\n // Wrapper that delegates to react-aria's default keydown only when\n // our handler did not claim the event. Replaces (rather than\n // chains with) `rowProps.onKeyDown` so the order of handlers is\n // strictly: our shortcuts → react-aria default.\n const composedKeyDown = useEvent((e: KeyboardEvent<HTMLDivElement>) => {\n if (handleKeyDown(e)) return;\n rowProps.onKeyDown?.(e);\n });\n\n // ---- Mods ----------------------------------------------------------------\n\n const sharedMods = useMemo(\n () => ({\n checked: isChecked,\n indeterminate: isIndeterminate,\n expanded: isExpanded,\n loading: isLoading,\n leaf: isLeaf,\n 'has-checkbox': isRowCheckable,\n 'has-menu': menuExposed,\n }),\n [\n isChecked,\n isIndeterminate,\n isExpanded,\n isLoading,\n isLeaf,\n isRowCheckable,\n menuExposed,\n ],\n );\n\n const rowMods = useMemo(\n () => ({ ...sharedMods, disabled: isDisabled }),\n [sharedMods, isDisabled],\n );\n\n const itemMods = useMemo(\n () => ({\n ...sharedMods,\n focused: isFocused,\n hovered: isHovered,\n pressed: isPressed,\n }),\n [sharedMods, isFocused, isHovered, isPressed],\n );\n\n const rowStyle = useMemo<CSSProperties>(\n () => ({\n ['--tree-level' as keyof CSSProperties]: String(node.level ?? 0),\n ...virtualStyle,\n }),\n [node.level, virtualStyle],\n );\n\n // Only emit `aria-checked` when the tree is in checkable mode.\n const ariaChecked: 'mixed' \| 'true' \| 'false' \| undefined = isRowCheckable\n ? isIndeterminate\n ? 'mixed'\n : isChecked\n ? 'true'\n : 'false'\n : undefined;\n\n // ---- Compose row props ---------------------------------------------------\n\n // Merge react-aria + hover props but EXCLUDE `onKeyDown` from the\n // chain — `composedKeyDown` already wraps `rowProps.onKeyDown` and\n // must run first so our Shift+F10 / Space-checkbox shortcuts can\n // short-circuit the default react-aria behavior.\n const finalRowProps = {\n ...mergeProps(rowProps, hoverProps),\n 'aria-checked': ariaChecked,\n onKeyDown: composedKeyDown,\n };\n\n // ---- Toggle (chevron) and checkbox slots --------------------------------\n\n // Leaf rows get a placeholder so sibling indents align.\n const toggleNode = isLeaf ? (\n <TreeNodeTogglePlaceholder aria-hidden data-element=\"Toggle\" />\n ) : (\n <TreeNodeToggle {...expandButtonProps} tabIndex={-1} data-element=\"Toggle\">\n {isLoading ? (\n <LoadingIcon />\n ) : (\n <DirectionIcon to={isExpanded ? 'bottom' : 'right'} />\n )}\n </TreeNodeToggle>\n );\n\n const checkboxNode = isRowCheckable ? (\n <TreeNodeCheckboxWrapper\n data-element=\"Checkbox\"\n role=\"presentation\"\n onClick={handleWrapperClick}\n // Hold the checkbox's keys here, but let Escape reach a surrounding overlay.\n onKeyDown={allowEscapeToPropagate}\n >\n <Checkbox\n isSelected={isChecked}\n isIndeterminate={isIndeterminate}\n isDisabled={isDisabled \|\| data.isCheckboxDisabled}\n aria-label={\n typeof data.title === 'string' ? data.title : String(node.key)\n }\n onChange={handleCheckboxChange}\n />\n </TreeNodeCheckboxWrapper>\n ) : null;\n\n // ---- Resolve user-supplied per-node Item props --------------------------\n\n const resolvedItemProps =\n typeof itemProps === 'function' ? itemProps(data, nodeState) : itemProps;\n const {\n prefix: userPrefix,\n actions: userActions,\n ...restUserProps\n } = resolvedItemProps ?? {};\n\n const composedPrefix =\n checkboxNode \|\| userPrefix ? (\n <>\n {checkboxNode}\n {userPrefix}\n </>\n ) : null;\n\n // ---- Built-in overflow `⋮` action ---------------------------------------\n\n const menuAction =\n menuExposed && !contextMenuOnly ? (\n <MenuTrigger isOpen={isMenuOpen} onOpenChange={setIsMenuOpen}>\n <ItemAction\n tabIndex={-1}\n icon={<MoreIcon />}\n aria-label={t('tree.actions', 'Actions')}\n {...menuTriggerProps}\n />\n <Menu {...menuProps} onAction={handleMenuAction}>\n {effectiveMenuChildren}\n </Menu>\n </MenuTrigger>\n ) : null;\n\n // Compose with user-supplied actions (user actions render first).\n const composedActions =\n userActions \|\| menuAction ? (\n <>\n {userActions}\n {menuAction}\n </>\n ) : undefined;\n\n // ---- Refs / context-menu wiring -----------------------------------------\n\n // When the context menu is enabled for this row, attach the hook's\n // `targetRef` to the row so right-clicks land on the correct anchor.\n const refs = useMemo(() => {\n const list: Ref<HTMLDivElement>[] = [rowRef];\n if (virtualRef) list.push(virtualRef);\n if (menuExposed) list.push(rowContextMenu.targetRef);\n return mergeRefs(...list);\n }, [virtualRef, menuExposed, rowContextMenu.targetRef]);\n\n return (\n <TreeNodeRow\n {...finalRowProps}\n ref={refs}\n mods={rowMods}\n style={rowStyle}\n data-element=\"Row\"\n data-qa-key={String(node.key)}\n data-index={virtualIndex}\n >\n <TreeRowItem\n {...gridCellProps}\n {...restUserProps}\n size={size}\n isSelected={isSelected}\n isDisabled={isDisabled}\n mods={itemMods}\n icon={toggleNode}\n prefix={composedPrefix}\n actions={composedActions}\n styles={rowStyles}\n >\n {data.title}\n </TreeRowItem>\n {menuExposed && rowContextMenu.rendered}\n </TreeNodeRow>\n );\n}\n\nexport const TreeNode = memo(TreeNodeInner);\n"],"mappings":"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"}

package/dist/components/content/Tree/styled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import { Action } from "../../actions/Action/Action.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/content/Tree/tree-index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 //#region src/components/content/Tree/tree-index.ts
 function buildTreeIndex(treeData) {
 	const byKey = /* @__PURE__ */ new Map();

package/dist/components/content/Tree/use-checkbox-tree.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react/compiler-runtime";
 import { useState } from "react";

package/dist/components/content/Tree/use-load-data.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { isDevEnvOrTest } from "../../../utils/is-dev-env.js";
 import { c } from "react/compiler-runtime";

package/dist/components/content/highlightText.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { _Text } from "./Text.js";
 import { jsx } from "react/jsx-runtime";

package/dist/components/content/use-auto-tooltip.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { TooltipProvider } from "../overlays/Tooltip/TooltipProvider.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef, useState } from "react";

package/dist/components/data/DataTable/DataTable.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/data/ItemTable/ItemTable.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/data/ItemTable/ItemTableBulkBar.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/data/ItemTable/ItemTableDragPreview.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { _Text } from "../../content/Text.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { c } from "react/compiler-runtime";

package/dist/components/data/ItemTable/ItemTableFooter.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { _Pagination } from "../../navigation/Pagination/Pagination.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";