react-zeugma 0.4.0 → 0.5.1
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.
- package/README.md +4 -0
- package/dist/index.cjs +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +5 -1
- package/dist/index.d.ts +5 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -179,6 +179,10 @@ Swaps the positions of `idA` and `idB` nodes directly inside the tree structure.
|
|
|
179
179
|
|
|
180
180
|
Splits the targeted `targetId` pane inside the tree with `direction` (_row_ / _column_) and type (_left_, _right_, _top_, _bottom_) to insert `paneToAdd`.
|
|
181
181
|
|
|
182
|
+
#### `splitRoot(tree: TreeNode | null, draggingId: string, splitType: 'left' | 'right' | 'top' | 'bottom'): TreeNode | null`
|
|
183
|
+
|
|
184
|
+
Splits the entire dashboard tree at the root, placing the dragged `draggingId` pane on one half and the rest of the layout tree on the other.
|
|
185
|
+
|
|
182
186
|
---
|
|
183
187
|
|
|
184
188
|
## Custom Styling
|
package/dist/index.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
'use strict';var react=require('react'),core=require('@dnd-kit/core'),jsxRuntime=require('react/jsx-runtime');var G=react.createContext(void 0);var
|
|
1
|
+
'use strict';var react=require('react'),core=require('@dnd-kit/core'),jsxRuntime=require('react/jsx-runtime');var G=react.createContext(void 0);var y=()=>{let e=react.useContext(G);if(!e)throw new Error("useDashboard must be used within a DashboardProvider");return e};function E(e,t){if(e===null)return null;if(e.type==="pane")return e.paneId===t?null:e;let o=E(e.first,t),n=E(e.second,t);return o===null?n:n===null?o:{...e,first:o,second:n}}function O(e,t,o,n,r){if(e===null)return {type:"pane",paneId:r};if(e.type==="pane"){if(e.paneId===t){let s={type:"pane",paneId:r},a={type:"pane",paneId:t},d=n==="left"||n==="top";return {type:"split",direction:o,first:d?s:a,second:d?a:s,splitPercentage:50}}return e}return {...e,first:O(e.first,t,o,n,r)||e.first,second:O(e.second,t,o,n,r)||e.second}}function _(e,t,o){return e===null?null:e.type==="pane"?e.paneId===t?{...e,paneId:o}:e.paneId===o?{...e,paneId:t}:e:{...e,first:_(e.first,t,o)||e.first,second:_(e.second,t,o)||e.second}}function ne(e,t){if(e===null)return {type:"pane",paneId:t};function o(n,r){return n.type==="pane"?{type:"split",direction:r==="row"?"column":"row",splitPercentage:50,first:n,second:{type:"pane",paneId:t}}:{...n,second:o(n.second,n.direction)}}return o(e,null)}function F(e,t,o){return e===null?null:e===t?{...e,splitPercentage:o}:e.type==="split"?{...e,first:F(e.first,t,o)||e.first,second:F(e.second,t,o)||e.second}:e}function re(e,t,o){let n=E(e,t);if(n===null)return {type:"pane",paneId:t};let r=o==="left"||o==="right"?"row":"column",s=o==="left"||o==="top",a={type:"pane",paneId:t};return {type:"split",direction:r,first:s?a:n,second:s?n:a,splitPercentage:50}}var me=8,fe=8,nt=4;var De=({activeId:e,render:t,className:o})=>{let n=react.useRef(null);return react.useEffect(()=>{let r=s=>{n.current&&(n.current.style.transform=`translate(${s.clientX+12}px, ${s.clientY+12}px)`);};return document.addEventListener("pointermove",r),()=>document.removeEventListener("pointermove",r)},[]),jsxRuntime.jsx("div",{ref:n,className:o,style:{position:"fixed",top:0,left:0,zIndex:9999,pointerEvents:"none"},children:t(e)})},ze=({layout:e,onChange:t,renderPane:o,renderDragOverlay:n,classNames:r={},fullscreenPaneId:s=null,onFullscreenChange:a,onRemove:d,dragActivationDistance:R=8,snapThreshold:h=8,onDragStart:v,onDragEnd:i,onResizeStart:p,onResize:b,onResizeEnd:D,renderResizer:m,minSplitPercentage:f=5,maxSplitPercentage:x=95,children:z})=>{let[g,k]=react.useState(null),J=core.useSensors(core.useSensor(core.PointerSensor,{activationConstraint:{distance:R}})),X=l=>{let c=l.active.id.toString();k(c),v&&v(c);},A=l=>{k(null);let{active:c,over:N}=l,u=c.id.toString();if(!N){i&&i(u,null,null);return}let S=N.id.toString(),$=S.match(/^drop-root-(left|right|top|bottom)$/);if($){let[,w]=$,pe=re(e,u,w);t(pe),i&&i(u,"root",{type:"split",direction:w==="left"||w==="right"?"row":"column",position:w});return}let L=S.match(/^drop-center-(.+)$/);if(L){let[,w]=L;u!==w&&t(_(e,u,w)),i&&i(u,w,{type:"swap",position:"center"});return}let W=S.match(/^drop-(left|right|top|bottom)-(.+)$/);if(!W){i&&i(u,null,null);return}let[,C,T]=W;if(u===T){i&&i(u,null,null);return}let oe=C==="left"||C==="right"?"row":"column",le=E(e,u),de=O(le,T,oe,C,u);t(de),i&&i(u,T,{type:"split",direction:oe,position:C});},K=react.useCallback(l=>{let c=E(e,l);t(c);},[e,t]),Y=react.useCallback(l=>{let c=ne(e,l);t(c);},[e,t]),Z=react.useCallback((l,c)=>{let N=_(e,l,c);t(N);},[e,t]),M=react.useCallback((l,c,N,u)=>{let S=O(e,l,c,N,u);t(S);},[e,t]),H=react.useCallback((l,c)=>{let N=F(e,l,c);t(N);},[e,t]),P=react.useMemo(()=>({layout:e,onLayoutChange:t,renderPane:o,activeId:g,fullscreenPaneId:s,classNames:r,onRemove:d,onFullscreenChange:a,snapThreshold:h,onResizeStart:p,onResize:b,onResizeEnd:D,renderResizer:m,minSplitPercentage:f,maxSplitPercentage:x,removePane:K,addPane:Y,swapPanes:Z,splitPane:M,updateSplitPercentage:H}),[e,t,o,g,s,r,d,a,h,p,b,D,m,f,x,K,Y,Z,M,H]);return jsxRuntime.jsxs(G.Provider,{value:P,children:[jsxRuntime.jsx(core.DndContext,{id:"zeugma-dnd-context",sensors:J,collisionDetection:core.pointerWithin,onDragStart:X,onDragEnd:A,children:z}),g&&n&&jsxRuntime.jsx(De,{activeId:g,render:n,className:r.dragOverlay})]})};var ye={top:{position:"absolute",top:0,left:0,right:0,height:"32px",zIndex:30,pointerEvents:"auto"},bottom:{position:"absolute",bottom:0,left:0,right:0,height:"32px",zIndex:30,pointerEvents:"auto"},left:{position:"absolute",top:0,bottom:0,left:0,width:"32px",zIndex:30,pointerEvents:"auto"},right:{position:"absolute",top:0,bottom:0,right:0,width:"32px",zIndex:30,pointerEvents:"auto"}},Ee={top:{position:"absolute",top:0,left:0,right:0,height:"50%",zIndex:31,pointerEvents:"none",boxSizing:"border-box"},bottom:{position:"absolute",bottom:0,left:0,right:0,height:"50%",zIndex:31,pointerEvents:"none",boxSizing:"border-box"},left:{position:"absolute",top:0,bottom:0,left:0,width:"50%",zIndex:31,pointerEvents:"none",boxSizing:"border-box"},right:{position:"absolute",top:0,bottom:0,right:0,width:"50%",zIndex:31,pointerEvents:"none",boxSizing:"border-box"}},Ce=({id:e,position:t,activeClassName:o})=>{let{setNodeRef:n,isOver:r}=core.useDroppable({id:e});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{ref:n,style:ye[t]}),r&&jsxRuntime.jsx("div",{className:o,style:Ee[t]})]})},ie=({activeId:e,hasOtherPanes:t,dropPreviewClassName:o})=>!e||!t?null:jsxRuntime.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:30,pointerEvents:"none"},children:["top","bottom","left","right"].map(n=>jsxRuntime.jsx(Ce,{id:`drop-root-${n}`,position:n,activeClassName:o},n))});function j({containerRef:e,isRow:t,direction:o,splitPercentage:n,resizerSize:r,snapThreshold:s,layout:a,currentNode:d,onLayoutChange:R,onResizeStart:h,onResizeEnd:v}){let{onResizeStart:i,onResize:p,onResizeEnd:b,minSplitPercentage:D=5,maxSplitPercentage:m=95}=y();return react.useCallback(f=>{f.preventDefault();let x=e.current;if(!x)return;document.body.classList.add("zeugma-resizing");let z=document.createElement("style");z.id="zeugma-global-cursor-style",z.textContent=`
|
|
2
2
|
* {
|
|
3
3
|
cursor: ${t?"col-resize":"row-resize"} !important;
|
|
4
4
|
user-select: none !important;
|
|
5
5
|
}
|
|
6
|
-
`,document.head.appendChild(
|
|
6
|
+
`,document.head.appendChild(z),h&&h(),i&&i(d);let g=x.getBoundingClientRect(),k=f.clientX,J=f.clientY,X=n,A=f.currentTarget;A.setAttribute("data-resizing","true");let Y=Array.from(document.querySelectorAll('div[role="separator"][data-direction]')).filter(P=>P!==A&&P.getAttribute("data-direction")===o).map(P=>{let l=P.getBoundingClientRect();return t?l.left+l.width/2:l.top+l.height/2}),Z=X,M=P=>{let l=t?(P.clientX-k)/g.width*100:(P.clientY-J)/g.height*100,c=X+l,N=t?g.left+(g.width-r)*(c/100)+r/2:g.top+(g.height-r)*(c/100)+r/2,u=1/0,S=null;for(let C of Y){let T=Math.abs(N-C);T<s&&T<u&&(u=T,S=C);}let $=c;S!==null&&($=t?(S-r/2-g.left)/(g.width-r)*100:(S-r/2-g.top)/(g.height-r)*100);let L=Math.max(D,Math.min(m,$));Z=L;let W=F(a,d,L);R(W),p&&p(d,L);},H=()=>{document.body.classList.remove("zeugma-resizing"),A.removeAttribute("data-resizing");let P=document.getElementById("zeugma-global-cursor-style");P&&P.remove(),document.removeEventListener("pointermove",M),document.removeEventListener("pointerup",H),v&&v(),b&&b(d,Z);};document.addEventListener("pointermove",M),document.addEventListener("pointerup",H);},[e,t,o,n,r,s,a,d,R,h,v,i,p,b,D,m])}var He=({currentNode:e,resizerSize:t,snapThreshold:o,renderResizer:n})=>{let{layout:r,onLayoutChange:s,classNames:a,renderResizer:d}=y(),[R,h]=react.useState(false),v=n||d,i=react.useRef(null),{direction:p,first:b,second:D,splitPercentage:m}=e,f=p==="row",x=j({containerRef:i,isRow:f,direction:p,splitPercentage:m,resizerSize:t,snapThreshold:o??8,layout:r,currentNode:e,onLayoutChange:s,onResizeStart:()=>h(true),onResizeEnd:()=>h(false)});return jsxRuntime.jsxs("div",{ref:i,style:{display:"flex",flexDirection:f?"row":"column",width:"100%",height:"100%",overflow:"hidden"},children:[jsxRuntime.jsx("div",{style:{flex:`${m} 1 0%`,overflow:"hidden"},children:jsxRuntime.jsx(ee,{tree:b,resizerSize:t,snapThreshold:o,renderResizer:n})}),v?v({direction:p,splitPercentage:m,resizerSize:t,isResizing:R,onPointerDown:x}):jsxRuntime.jsx("div",{className:a.resizer,"data-direction":p,style:{width:f?`${t}px`:"100%",height:f?"100%":`${t}px`,cursor:f?"col-resize":"row-resize",position:"relative",zIndex:10,userSelect:"none",boxSizing:"border-box",flexShrink:0},onPointerDown:x,role:"separator","aria-valuenow":m,"aria-valuemin":5,"aria-valuemax":95}),jsxRuntime.jsx("div",{style:{flex:`${100-m} 1 0%`,overflow:"hidden"},children:jsxRuntime.jsx(ee,{tree:D,resizerSize:t,snapThreshold:o,renderResizer:n})})]})},ee=({tree:e,resizerSize:t=4,snapThreshold:o,renderResizer:n})=>{let{layout:r,renderPane:s,activeId:a,classNames:d,fullscreenPaneId:R,snapThreshold:h}=y(),v=o!==void 0?o:h,i=react.useMemo(()=>a?E(r,a)!==null:false,[r,a]);if(R&&!e)return jsxRuntime.jsx("div",{style:{width:"100%",height:"100%",position:"relative"},children:s(R)});let p=e!==void 0?e:r;if(!p)return null;let b=()=>p.type==="pane"?jsxRuntime.jsx("div",{style:{width:"100%",height:"100%",position:"relative"},children:s(p.paneId)}):jsxRuntime.jsx(He,{currentNode:p,resizerSize:t,snapThreshold:v,renderResizer:n});return e===void 0?jsxRuntime.jsxs("div",{className:"zeugma-dashboard-root",style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:[b(),jsxRuntime.jsx(ie,{activeId:a,hasOtherPanes:i,dropPreviewClassName:d.dropPreview})]}):b()};var B=react.createContext(null);var Ve={top:{position:"absolute",top:0,left:"25%",width:"50%",height:"25%",zIndex:20,pointerEvents:"auto"},bottom:{position:"absolute",bottom:0,left:"25%",width:"50%",height:"25%",zIndex:20,pointerEvents:"auto"},left:{position:"absolute",top:0,bottom:0,left:0,width:"25%",height:"100%",zIndex:20,pointerEvents:"auto"},right:{position:"absolute",top:0,bottom:0,right:0,width:"25%",height:"100%",zIndex:20,pointerEvents:"auto"},center:{position:"absolute",top:"25%",left:"25%",width:"50%",height:"50%",zIndex:20,pointerEvents:"auto"}},ke={top:{position:"absolute",top:0,left:0,right:0,height:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},bottom:{position:"absolute",bottom:0,left:0,right:0,height:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},left:{position:"absolute",top:0,bottom:0,left:0,width:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},right:{position:"absolute",top:0,bottom:0,right:0,width:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},center:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:21,pointerEvents:"none",boxSizing:"border-box"}},ae=({id:e,position:t,activeClassName:o})=>{let{setNodeRef:n,isOver:r}=core.useDroppable({id:e});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{ref:n,style:Ve[t]}),r&&jsxRuntime.jsx("div",{className:o,style:ke[t]})]})},Xe=({id:e,children:t,style:o})=>{let{activeId:n,classNames:r,fullscreenPaneId:s,onRemove:a,onFullscreenChange:d,removePane:R}=y(),h=n!==null&&n!==e,{attributes:v,listeners:i,setNodeRef:p,isDragging:b}=core.useDraggable({id:e}),D=n===e||b,m=s===e,f={isDragging:D,isFullscreen:m,toggleFullscreen:()=>d?.(m?null:e),remove:()=>{m&&d?.(null),a?a(e):R(e);}},x=react.useMemo(()=>({...i,...v}),[i,v]);return jsxRuntime.jsx(B.Provider,{value:x,children:jsxRuntime.jsxs("div",{ref:p,className:r.pane,style:{position:"relative",width:"100%",height:"100%",...o},children:[t(f),h&&jsxRuntime.jsxs("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:[["top","bottom","left","right"].map(z=>jsxRuntime.jsx(ae,{id:`drop-${z}-${e}`,position:z,activeClassName:r.dropPreview},z)),jsxRuntime.jsx(ae,{id:`drop-center-${e}`,position:"center",activeClassName:r.swapPreview})]})]})})};var Ge=({children:e,className:t,style:o})=>{let n=react.useContext(B);if(!n)throw new Error("<DragHandle> must be used inside a <Pane>");return jsxRuntime.jsx("div",{className:t,style:{cursor:"grab",userSelect:"none",...o},...n,children:e})};exports.DEFAULT_DRAG_ACTIVATION_DISTANCE=fe;exports.DEFAULT_RESIZER_SIZE=nt;exports.DEFAULT_SNAP_THRESHOLD=me;exports.DashboardProvider=ze;exports.DragHandle=Ge;exports.Pane=Xe;exports.PaneTree=ee;exports.addPane=ne;exports.removePane=E;exports.splitPane=O;exports.splitRoot=re;exports.swapPanes=_;exports.updateSplitPercentage=F;exports.useDashboard=y;exports.useResizer=j;//# sourceMappingURL=index.cjs.map
|
|
7
7
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/entities/dashboard/model/context.ts","../src/entities/dashboard/model/hooks.ts","../src/shared/lib/tree/tree-helpers.ts","../src/shared/config/constants.ts","../src/entities/dashboard/ui/DashboardProvider.tsx","../src/features/resize-pane/hooks/useResizer.ts","../src/widgets/pane-tree/ui/PaneTree.tsx","../src/entities/pane/model/context.ts","../src/entities/pane/ui/Pane.tsx","../src/entities/pane/ui/DragHandle.tsx"],"names":["DashboardContext","createContext","useDashboard","context","useContext","removePane","tree","idToRemove","newFirst","newSecond","splitPane","targetId","direction","splitType","paneToAdd","addedNode","originalNode","isFirst","swapPanes","idA","idB","addPane","insert","node","parentDirection","updateSplitPercentage","target","newPercentage","DEFAULT_SNAP_THRESHOLD","DEFAULT_DRAG_ACTIVATION_DISTANCE","DEFAULT_RESIZER_SIZE","CursorOverlay","activeId","render","className","ref","useRef","useEffect","handleMove","e","jsx","DashboardProvider","layout","onChange","renderPane","renderDragOverlay","classNames","fullscreenPaneId","onFullscreenChange","onRemove","dragActivationDistance","snapThreshold","onDragStart","onDragEnd","onResizeStart","onResize","onResizeEnd","renderResizer","minSplitPercentage","maxSplitPercentage","children","setActiveId","useState","sensors","useSensors","useSensor","PointerSensor","handleDragStart","event","draggingId","handleDragEnd","active","over","overIdStr","swapMatch","match","dropZone","treeWithoutDragging","newLayout","handleRemovePane","useCallback","paneId","handleAddPane","handleSwapPanes","paneIdA","paneIdB","handleSplitPane","handleUpdateSplitPercentage","currentNode","percentage","contextValue","useMemo","jsxs","DndContext","pointerWithin","useResizer","containerRef","isRow","splitPercentage","resizerSize","onLayoutChange","localOnResizeStart","localOnResizeEnd","globalOnResizeStart","globalOnResize","globalOnResizeEnd","container","styleEl","rect","startX","startY","startPercentage","resizerEl","otherPositions","el","r","currentPercentage","handlePointerMove","moveEvent","delta","proposedPercentage","proposedPos","closestDistance","bestTarget","pos","dist","snappedPercentage","finalPercentage","handlePointerUp","globalStyle","PaneSplit","propRenderResizer","contextRenderResizer","isResizing","setIsResizing","first","second","handlePointerDown","PaneTree","propSnapThreshold","contextSnapThreshold","DragListenersCtx","activationPositions","previewPositions","DropZone","id","position","activeClassName","setNodeRef","isOver","useDroppable","Fragment","Pane","style","showDropZones","attributes","listeners","isDragging","useDraggable","dragging","isFullscreen","renderProps","DragHandle","dragProps"],"mappings":"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","file":"index.cjs","sourcesContent":["import { createContext, ReactNode } from 'react'\nimport { TreeNode, SplitDirection, SplitNode } from '../../../shared/model'\n\nexport interface ZeugmaClassNames {\n pane?: string\n dropPreview?: string\n swapPreview?: string\n dragOverlay?: string\n resizer?: string\n}\n\nexport interface ResizerRenderProps {\n direction: SplitDirection\n splitPercentage: number\n resizerSize: number\n isResizing: boolean\n onPointerDown: (e: React.PointerEvent<HTMLDivElement>) => void\n}\n\nexport interface DashboardContextValue {\n layout: TreeNode | null\n onLayoutChange: (newLayout: TreeNode | null) => void\n renderPane: (paneId: string) => ReactNode\n activeId: string | null\n fullscreenPaneId: string | null\n classNames: ZeugmaClassNames\n onRemove?: (paneId: string) => void\n onFullscreenChange?: (paneId: string | null) => void\n snapThreshold?: number\n onResizeStart?: (currentNode: SplitNode) => void\n onResize?: (currentNode: SplitNode, percentage: number) => void\n onResizeEnd?: (currentNode: SplitNode, percentage: number) => void\n renderResizer?: (props: ResizerRenderProps) => ReactNode\n minSplitPercentage?: number\n maxSplitPercentage?: number\n removePane: (paneId: string) => void\n addPane: (paneId: string) => void\n swapPanes: (paneIdA: string, paneIdB: string) => void\n splitPane: (\n targetId: string,\n direction: SplitDirection,\n splitType: 'left' | 'right' | 'top' | 'bottom',\n paneToAdd: string,\n ) => void\n updateSplitPercentage: (currentNode: SplitNode, percentage: number) => void\n}\n\nexport const DashboardContext = createContext<DashboardContextValue | undefined>(undefined)\n","import { useContext } from 'react'\nimport { DashboardContext } from './context'\n\nexport const useDashboard = () => {\n const context = useContext(DashboardContext)\n if (!context) {\n throw new Error('useDashboard must be used within a DashboardProvider')\n }\n return context\n}\n","import { TreeNode, SplitNode, SplitDirection, PaneNode } from '../../model'\n\n/**\n * Tree Helper: Remove a pane and consolidate the tree structure.\n */\nexport function removePane(tree: TreeNode | null, idToRemove: string): TreeNode | null {\n if (tree === null) return null\n if (tree.type === 'pane') {\n return tree.paneId === idToRemove ? null : tree\n }\n const newFirst = removePane(tree.first, idToRemove)\n const newSecond = removePane(tree.second, idToRemove)\n if (newFirst === null) return newSecond\n if (newSecond === null) return newFirst\n return { ...tree, first: newFirst, second: newSecond }\n}\n\n/**\n * Tree Helper: Insert a pane by splitting an existing target node.\n */\nexport function splitPane(\n tree: TreeNode | null,\n targetId: string,\n direction: SplitDirection,\n splitType: 'left' | 'right' | 'top' | 'bottom',\n paneToAdd: string,\n): TreeNode | null {\n if (tree === null) return { type: 'pane', paneId: paneToAdd }\n if (tree.type === 'pane') {\n if (tree.paneId === targetId) {\n const addedNode: PaneNode = { type: 'pane', paneId: paneToAdd }\n const originalNode: PaneNode = { type: 'pane', paneId: targetId }\n const isFirst = splitType === 'left' || splitType === 'top'\n return {\n type: 'split',\n direction,\n first: isFirst ? addedNode : originalNode,\n second: isFirst ? originalNode : addedNode,\n splitPercentage: 50,\n }\n }\n return tree\n }\n return {\n ...tree,\n first: splitPane(tree.first, targetId, direction, splitType, paneToAdd) || tree.first,\n second: splitPane(tree.second, targetId, direction, splitType, paneToAdd) || tree.second,\n }\n}\n\n/**\n * Tree Helper: Swap the position of two panes in the tree structure.\n */\nexport function swapPanes(tree: TreeNode | null, idA: string, idB: string): TreeNode | null {\n if (tree === null) return null\n if (tree.type === 'pane') {\n if (tree.paneId === idA) return { ...tree, paneId: idB }\n if (tree.paneId === idB) return { ...tree, paneId: idA }\n return tree\n }\n return {\n ...tree,\n first: swapPanes(tree.first, idA, idB) || tree.first,\n second: swapPanes(tree.second, idA, idB) || tree.second,\n }\n}\n\n/**\n * Tree Helper: Add a pane by recursively splitting the rightmost/bottommost pane in the tree.\n */\nexport function addPane(tree: TreeNode | null, paneToAdd: string): TreeNode {\n if (tree === null) {\n return { type: 'pane', paneId: paneToAdd }\n }\n\n function insert(node: TreeNode, parentDirection: SplitDirection | null): TreeNode {\n if (node.type === 'pane') {\n const direction: SplitDirection = parentDirection === 'row' ? 'column' : 'row'\n return {\n type: 'split',\n direction,\n splitPercentage: 50,\n first: node,\n second: { type: 'pane', paneId: paneToAdd },\n }\n }\n\n return {\n ...node,\n second: insert(node.second, node.direction),\n }\n }\n\n return insert(tree, null)\n}\n\n/**\n * Tree Helper: Update split percentage recursively.\n */\nexport function updateSplitPercentage(\n tree: TreeNode | null,\n target: SplitNode,\n newPercentage: number,\n): TreeNode | null {\n if (tree === null) return null\n if (tree === target) {\n return { ...tree, splitPercentage: newPercentage } as SplitNode\n }\n if (tree.type === 'split') {\n return {\n ...tree,\n first: updateSplitPercentage(tree.first, target, newPercentage) || tree.first,\n second: updateSplitPercentage(tree.second, target, newPercentage) || tree.second,\n }\n }\n return tree\n}\n","export const DEFAULT_SNAP_THRESHOLD = 8 // px\nexport const DEFAULT_DRAG_ACTIVATION_DISTANCE = 8 // px\nexport const DEFAULT_RESIZER_SIZE = 4 // px\n","import React, { useState, useEffect, useRef, ReactNode, useMemo, useCallback } from 'react'\nimport {\n DndContext,\n useSensor,\n useSensors,\n PointerSensor,\n DragStartEvent,\n DragEndEvent,\n pointerWithin,\n} from '@dnd-kit/core'\nimport { TreeNode, SplitDirection, SplitNode } from '../../../shared/model'\nimport {\n removePane,\n splitPane,\n swapPanes,\n addPane,\n updateSplitPercentage,\n} from '../../../shared/lib/tree'\nimport { DEFAULT_DRAG_ACTIVATION_DISTANCE, DEFAULT_SNAP_THRESHOLD } from '../../../shared/config'\nimport { DashboardContext, ZeugmaClassNames, ResizerRenderProps } from '../model/context'\n\n/** Cursor-following overlay rendered via portal */\nconst CursorOverlay: React.FC<{\n activeId: string\n render: (id: string) => ReactNode\n className?: string\n}> = ({ activeId, render, className }) => {\n const ref = useRef<HTMLDivElement>(null)\n\n useEffect(() => {\n const handleMove = (e: PointerEvent) => {\n if (ref.current) {\n ref.current.style.transform = `translate(${e.clientX + 12}px, ${e.clientY + 12}px)`\n }\n }\n document.addEventListener('pointermove', handleMove)\n return () => document.removeEventListener('pointermove', handleMove)\n }, [])\n\n return (\n <div\n ref={ref}\n className={className}\n style={{\n position: 'fixed',\n top: 0,\n left: 0,\n zIndex: 9999,\n pointerEvents: 'none',\n }}\n >\n {render(activeId)}\n </div>\n )\n}\n\ninterface DashboardProviderProps {\n layout: TreeNode | null\n onChange: (newLayout: TreeNode | null) => void\n renderPane: (paneId: string) => ReactNode\n renderDragOverlay?: (activeId: string) => ReactNode\n classNames?: ZeugmaClassNames\n fullscreenPaneId?: string | null\n onFullscreenChange?: (paneId: string | null) => void\n onRemove?: (paneId: string) => void\n dragActivationDistance?: number\n snapThreshold?: number\n onDragStart?: (activeId: string) => void\n onDragEnd?: (\n activeId: string,\n overId: string | null,\n dropAction: {\n type: 'split' | 'swap'\n direction?: SplitDirection\n position?: 'top' | 'bottom' | 'left' | 'right' | 'center'\n } | null,\n ) => void\n onResizeStart?: (currentNode: SplitNode) => void\n onResize?: (currentNode: SplitNode, percentage: number) => void\n onResizeEnd?: (currentNode: SplitNode, percentage: number) => void\n renderResizer?: (props: ResizerRenderProps) => ReactNode\n minSplitPercentage?: number\n maxSplitPercentage?: number\n children: ReactNode\n}\n\nexport const DashboardProvider: React.FC<DashboardProviderProps> = ({\n layout,\n onChange,\n renderPane,\n renderDragOverlay,\n classNames = {},\n fullscreenPaneId = null,\n onFullscreenChange,\n onRemove,\n dragActivationDistance = DEFAULT_DRAG_ACTIVATION_DISTANCE,\n snapThreshold = DEFAULT_SNAP_THRESHOLD,\n onDragStart,\n onDragEnd,\n onResizeStart,\n onResize,\n onResizeEnd,\n renderResizer,\n minSplitPercentage = 5,\n maxSplitPercentage = 95,\n children,\n}) => {\n const [activeId, setActiveId] = useState<string | null>(null)\n\n const sensors = useSensors(\n useSensor(PointerSensor, {\n activationConstraint: { distance: dragActivationDistance },\n }),\n )\n\n const handleDragStart = (event: DragStartEvent) => {\n const draggingId = event.active.id.toString()\n setActiveId(draggingId)\n if (onDragStart) {\n onDragStart(draggingId)\n }\n }\n\n const handleDragEnd = (event: DragEndEvent) => {\n setActiveId(null)\n const { active, over } = event\n const draggingId = active.id.toString()\n\n if (!over) {\n if (onDragEnd) {\n onDragEnd(draggingId, null, null)\n }\n return\n }\n\n const overIdStr = over.id.toString()\n\n // Check for center (swap) drop\n const swapMatch = overIdStr.match(/^drop-center-(.+)$/)\n if (swapMatch) {\n const [, targetId] = swapMatch\n if (draggingId !== targetId) {\n onChange(swapPanes(layout, draggingId, targetId))\n }\n if (onDragEnd) {\n onDragEnd(draggingId, targetId, { type: 'swap', position: 'center' })\n }\n return\n }\n\n // Check for edge (split) drop\n const match = overIdStr.match(/^drop-(left|right|top|bottom)-(.+)$/)\n if (!match) {\n if (onDragEnd) {\n onDragEnd(draggingId, null, null)\n }\n return\n }\n\n const [, dropZone, targetId] = match\n if (draggingId === targetId) {\n if (onDragEnd) {\n onDragEnd(draggingId, null, null)\n }\n return\n }\n\n const direction: SplitDirection = dropZone === 'left' || dropZone === 'right' ? 'row' : 'column'\n const treeWithoutDragging = removePane(layout, draggingId)\n\n const newLayout = splitPane(\n treeWithoutDragging,\n targetId,\n direction,\n dropZone as 'left' | 'right' | 'top' | 'bottom',\n draggingId,\n )\n onChange(newLayout)\n if (onDragEnd) {\n onDragEnd(draggingId, targetId, {\n type: 'split',\n direction,\n position: dropZone as 'left' | 'right' | 'top' | 'bottom',\n })\n }\n }\n\n const handleRemovePane = useCallback(\n (paneId: string) => {\n const newLayout = removePane(layout, paneId)\n onChange(newLayout)\n },\n [layout, onChange],\n )\n\n const handleAddPane = useCallback(\n (paneId: string) => {\n const newLayout = addPane(layout, paneId)\n onChange(newLayout)\n },\n [layout, onChange],\n )\n\n const handleSwapPanes = useCallback(\n (paneIdA: string, paneIdB: string) => {\n const newLayout = swapPanes(layout, paneIdA, paneIdB)\n onChange(newLayout)\n },\n [layout, onChange],\n )\n\n const handleSplitPane = useCallback(\n (\n targetId: string,\n direction: SplitDirection,\n splitType: 'left' | 'right' | 'top' | 'bottom',\n paneToAdd: string,\n ) => {\n const newLayout = splitPane(layout, targetId, direction, splitType, paneToAdd)\n onChange(newLayout)\n },\n [layout, onChange],\n )\n\n const handleUpdateSplitPercentage = useCallback(\n (currentNode: SplitNode, percentage: number) => {\n const newLayout = updateSplitPercentage(layout, currentNode, percentage)\n onChange(newLayout)\n },\n [layout, onChange],\n )\n\n // Best practice: Memoize context value to prevent unnecessary re-renders of context consumers.\n const contextValue = useMemo(\n () => ({\n layout,\n onLayoutChange: onChange,\n renderPane,\n activeId,\n fullscreenPaneId,\n classNames,\n onRemove,\n onFullscreenChange,\n snapThreshold,\n onResizeStart,\n onResize,\n onResizeEnd,\n renderResizer,\n minSplitPercentage,\n maxSplitPercentage,\n removePane: handleRemovePane,\n addPane: handleAddPane,\n swapPanes: handleSwapPanes,\n splitPane: handleSplitPane,\n updateSplitPercentage: handleUpdateSplitPercentage,\n }),\n [\n layout,\n onChange,\n renderPane,\n activeId,\n fullscreenPaneId,\n classNames,\n onRemove,\n onFullscreenChange,\n snapThreshold,\n onResizeStart,\n onResize,\n onResizeEnd,\n renderResizer,\n minSplitPercentage,\n maxSplitPercentage,\n handleRemovePane,\n handleAddPane,\n handleSwapPanes,\n handleSplitPane,\n handleUpdateSplitPercentage,\n ],\n )\n\n return (\n <DashboardContext.Provider value={contextValue}>\n <DndContext\n sensors={sensors}\n collisionDetection={pointerWithin}\n onDragStart={handleDragStart}\n onDragEnd={handleDragEnd}\n >\n {children}\n </DndContext>\n {activeId && renderDragOverlay && (\n <CursorOverlay\n activeId={activeId}\n render={renderDragOverlay}\n className={classNames.dragOverlay}\n />\n )}\n </DashboardContext.Provider>\n )\n}\n","import React, { useCallback } from 'react'\nimport { TreeNode, SplitNode, SplitDirection } from '../../../shared/model'\nimport { updateSplitPercentage } from '../../../shared/lib/tree'\nimport { useDashboard } from '../../../entities/dashboard'\n\ninterface UseResizerProps {\n containerRef: React.RefObject<HTMLDivElement | null>\n isRow: boolean\n direction: SplitDirection\n splitPercentage: number\n resizerSize: number\n snapThreshold: number\n layout: TreeNode | null\n currentNode: SplitNode\n onLayoutChange: (newLayout: TreeNode | null) => void\n onResizeStart?: () => void\n onResizeEnd?: () => void\n}\n\nexport function useResizer({\n containerRef,\n isRow,\n direction,\n splitPercentage,\n resizerSize,\n snapThreshold,\n layout,\n currentNode,\n onLayoutChange,\n onResizeStart: localOnResizeStart,\n onResizeEnd: localOnResizeEnd,\n}: UseResizerProps) {\n const {\n onResizeStart: globalOnResizeStart,\n onResize: globalOnResize,\n onResizeEnd: globalOnResizeEnd,\n minSplitPercentage = 5,\n maxSplitPercentage = 95,\n } = useDashboard()\n\n return useCallback(\n (e: React.PointerEvent<HTMLDivElement>) => {\n e.preventDefault()\n const container = containerRef.current\n if (!container) return\n\n document.body.classList.add('zeugma-resizing')\n\n // Inject global cursor style to keep resizing cursor active across the entire page during drag\n const styleEl = document.createElement('style')\n styleEl.id = 'zeugma-global-cursor-style'\n styleEl.textContent = `\n * {\n cursor: ${isRow ? 'col-resize' : 'row-resize'} !important;\n user-select: none !important;\n }\n `\n document.head.appendChild(styleEl)\n\n if (localOnResizeStart) {\n localOnResizeStart()\n }\n if (globalOnResizeStart) {\n globalOnResizeStart(currentNode)\n }\n\n const rect = container.getBoundingClientRect()\n const startX = e.clientX\n const startY = e.clientY\n const startPercentage = splitPercentage\n\n // Cache other resizers of the same direction once at drag-start to prevent layout thrashing on move\n const resizerEl = e.currentTarget\n resizerEl.setAttribute('data-resizing', 'true')\n\n const otherResizers = Array.from(\n document.querySelectorAll('div[role=\"separator\"][data-direction]'),\n ).filter((el) => el !== resizerEl && el.getAttribute('data-direction') === direction)\n\n const otherPositions = otherResizers.map((el) => {\n const r = el.getBoundingClientRect()\n return isRow ? r.left + r.width / 2 : r.top + r.height / 2\n })\n\n let currentPercentage = startPercentage\n\n const handlePointerMove = (moveEvent: PointerEvent) => {\n const delta = isRow\n ? ((moveEvent.clientX - startX) / rect.width) * 100\n : ((moveEvent.clientY - startY) / rect.height) * 100\n const proposedPercentage = startPercentage + delta\n\n // Find physical position corresponding to proposed percentage\n const proposedPos = isRow\n ? rect.left + (rect.width - resizerSize) * (proposedPercentage / 100) + resizerSize / 2\n : rect.top + (rect.height - resizerSize) * (proposedPercentage / 100) + resizerSize / 2\n\n let closestDistance = Infinity\n let bestTarget: number | null = null\n\n for (const pos of otherPositions) {\n const dist = Math.abs(proposedPos - pos)\n if (dist < snapThreshold && dist < closestDistance) {\n closestDistance = dist\n bestTarget = pos\n }\n }\n\n let snappedPercentage = proposedPercentage\n if (bestTarget !== null) {\n snappedPercentage = isRow\n ? ((bestTarget - resizerSize / 2 - rect.left) / (rect.width - resizerSize)) * 100\n : ((bestTarget - resizerSize / 2 - rect.top) / (rect.height - resizerSize)) * 100\n }\n\n const finalPercentage = Math.max(\n minSplitPercentage,\n Math.min(maxSplitPercentage, snappedPercentage),\n )\n currentPercentage = finalPercentage\n const newLayout = updateSplitPercentage(layout, currentNode, finalPercentage)\n onLayoutChange(newLayout)\n if (globalOnResize) {\n globalOnResize(currentNode, finalPercentage)\n }\n }\n\n const handlePointerUp = () => {\n document.body.classList.remove('zeugma-resizing')\n resizerEl.removeAttribute('data-resizing')\n\n const globalStyle = document.getElementById('zeugma-global-cursor-style')\n if (globalStyle) {\n globalStyle.remove()\n }\n\n document.removeEventListener('pointermove', handlePointerMove)\n document.removeEventListener('pointerup', handlePointerUp)\n\n if (localOnResizeEnd) {\n localOnResizeEnd()\n }\n if (globalOnResizeEnd) {\n globalOnResizeEnd(currentNode, currentPercentage)\n }\n }\n\n document.addEventListener('pointermove', handlePointerMove)\n document.addEventListener('pointerup', handlePointerUp)\n },\n [\n containerRef,\n isRow,\n direction,\n splitPercentage,\n resizerSize,\n snapThreshold,\n layout,\n currentNode,\n onLayoutChange,\n localOnResizeStart,\n localOnResizeEnd,\n globalOnResizeStart,\n globalOnResize,\n globalOnResizeEnd,\n minSplitPercentage,\n maxSplitPercentage,\n ],\n )\n}\n","import React, { useRef, useState } from 'react'\nimport { useDashboard, ResizerRenderProps } from '../../../entities/dashboard'\nimport { useResizer } from '../../../features/resize-pane'\nimport { TreeNode, SplitNode } from '../../../shared/model'\n\nexport interface PaneTreeProps {\n tree?: TreeNode | null\n /** Size of the resizer in pixels (default 4) */\n resizerSize?: number\n /** Threshold in pixels to snap to adjacent resizer edges (default 8) */\n snapThreshold?: number\n /** Custom resizer renderer to override context-level renderResizer */\n renderResizer?: (props: ResizerRenderProps) => React.ReactNode\n}\n\ninterface PaneSplitProps {\n currentNode: SplitNode\n resizerSize: number\n snapThreshold?: number\n renderResizer?: (props: ResizerRenderProps) => React.ReactNode\n}\n\nconst PaneSplit: React.FC<PaneSplitProps> = ({\n currentNode,\n resizerSize,\n snapThreshold,\n renderResizer: propRenderResizer,\n}) => {\n const { layout, onLayoutChange, classNames, renderResizer: contextRenderResizer } = useDashboard()\n const [isResizing, setIsResizing] = useState(false)\n\n const renderResizer = propRenderResizer || contextRenderResizer\n\n const containerRef = useRef<HTMLDivElement>(null)\n const { direction, first, second, splitPercentage } = currentNode\n const isRow = direction === 'row'\n\n const handlePointerDown = useResizer({\n containerRef,\n isRow,\n direction,\n splitPercentage,\n resizerSize,\n snapThreshold: snapThreshold ?? 8,\n layout,\n currentNode,\n onLayoutChange,\n onResizeStart: () => setIsResizing(true),\n onResizeEnd: () => setIsResizing(false),\n })\n\n return (\n <div\n ref={containerRef}\n style={{\n display: 'flex',\n flexDirection: isRow ? 'row' : 'column',\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n }}\n >\n <div style={{ flex: `${splitPercentage} 1 0%`, overflow: 'hidden' }}>\n <PaneTree\n tree={first}\n resizerSize={resizerSize}\n snapThreshold={snapThreshold}\n renderResizer={propRenderResizer}\n />\n </div>\n {renderResizer ? (\n renderResizer({\n direction,\n splitPercentage,\n resizerSize,\n isResizing,\n onPointerDown: handlePointerDown,\n })\n ) : (\n <div\n className={classNames.resizer}\n data-direction={direction}\n style={{\n width: isRow ? `${resizerSize}px` : '100%',\n height: isRow ? '100%' : `${resizerSize}px`,\n cursor: isRow ? 'col-resize' : 'row-resize',\n position: 'relative',\n zIndex: 10,\n userSelect: 'none',\n boxSizing: 'border-box',\n flexShrink: 0,\n }}\n onPointerDown={handlePointerDown}\n role=\"separator\"\n aria-valuenow={splitPercentage}\n aria-valuemin={5}\n aria-valuemax={95}\n />\n )}\n <div style={{ flex: `${100 - splitPercentage} 1 0%`, overflow: 'hidden' }}>\n <PaneTree\n tree={second}\n resizerSize={resizerSize}\n snapThreshold={snapThreshold}\n renderResizer={propRenderResizer}\n />\n </div>\n </div>\n )\n}\n\nexport const PaneTree: React.FC<PaneTreeProps> = ({\n tree,\n resizerSize = 4,\n snapThreshold: propSnapThreshold,\n renderResizer,\n}) => {\n const {\n layout,\n renderPane,\n fullscreenPaneId,\n snapThreshold: contextSnapThreshold,\n } = useDashboard()\n\n const snapThreshold = propSnapThreshold !== undefined ? propSnapThreshold : contextSnapThreshold\n\n // Fullscreen bypass\n if (fullscreenPaneId && !tree) {\n return (\n <div style={{ width: '100%', height: '100%', position: 'relative' }}>\n {renderPane(fullscreenPaneId)}\n </div>\n )\n }\n\n const currentNode = tree !== undefined ? tree : layout\n\n if (!currentNode) return null\n\n if (currentNode.type === 'pane') {\n return (\n <div style={{ width: '100%', height: '100%', position: 'relative' }}>\n {renderPane(currentNode.paneId)}\n </div>\n )\n }\n\n return (\n <PaneSplit\n currentNode={currentNode}\n resizerSize={resizerSize}\n snapThreshold={snapThreshold}\n renderResizer={renderResizer}\n />\n )\n}\n","import { createContext } from 'react'\n\nexport const DragListenersCtx = createContext<Record<string, unknown> | null>(null)\n","import React, { useMemo } from 'react'\nimport { useDraggable, useDroppable } from '@dnd-kit/core'\nimport { useDashboard } from '../../dashboard'\nimport { DragListenersCtx } from '../model/context'\nimport { PaneRenderProps } from '../model/types'\n\ninterface DropZoneProps {\n id: string\n position: 'top' | 'bottom' | 'left' | 'right' | 'center'\n activeClassName?: string\n}\n\nconst activationPositions: Record<string, React.CSSProperties> = {\n top: {\n position: 'absolute',\n top: 0,\n left: '25%',\n width: '50%',\n height: '25%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: '25%',\n width: '50%',\n height: '25%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n left: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n width: '25%',\n height: '100%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '25%',\n height: '100%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n center: {\n position: 'absolute',\n top: '25%',\n left: '25%',\n width: '50%',\n height: '50%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n}\n\nconst previewPositions: Record<string, React.CSSProperties> = {\n top: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n left: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n width: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n center: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n}\n\nconst DropZone: React.FC<DropZoneProps> = ({ id, position, activeClassName }) => {\n const { setNodeRef, isOver } = useDroppable({ id })\n return (\n <>\n <div ref={setNodeRef} style={activationPositions[position]} />\n {isOver && <div className={activeClassName} style={previewPositions[position]} />}\n </>\n )\n}\n\ninterface PaneProps {\n id: string\n children: (props: PaneRenderProps) => React.ReactNode\n style?: React.CSSProperties\n}\n\nexport const Pane: React.FC<PaneProps> = ({ id, children, style }) => {\n const { activeId, classNames, fullscreenPaneId, onRemove, onFullscreenChange, removePane } =\n useDashboard()\n const showDropZones = activeId !== null && activeId !== id\n\n const { attributes, listeners, setNodeRef, isDragging } = useDraggable({ id })\n const dragging = activeId === id || isDragging\n const isFullscreen = fullscreenPaneId === id\n\n const renderProps: PaneRenderProps = {\n isDragging: dragging,\n isFullscreen,\n toggleFullscreen: () => onFullscreenChange?.(isFullscreen ? null : id),\n remove: () => {\n if (isFullscreen) {\n onFullscreenChange?.(null)\n }\n if (onRemove) {\n onRemove(id)\n } else {\n removePane(id)\n }\n },\n }\n\n // Best practice: Memoize drag context value to prevent unnecessary re-renders of the drag handle.\n const contextValue = useMemo(\n () => ({\n ...listeners,\n ...attributes,\n }),\n [listeners, attributes],\n )\n\n return (\n <DragListenersCtx.Provider value={contextValue}>\n <div\n ref={setNodeRef}\n className={classNames.pane}\n style={{ position: 'relative', width: '100%', height: '100%', ...style }}\n >\n {children(renderProps)}\n\n {showDropZones && (\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 15,\n pointerEvents: 'none',\n }}\n >\n {(['top', 'bottom', 'left', 'right'] as const).map((pos) => (\n <DropZone\n key={pos}\n id={`drop-${pos}-${id}`}\n position={pos}\n activeClassName={classNames.dropPreview}\n />\n ))}\n <DropZone\n id={`drop-center-${id}`}\n position=\"center\"\n activeClassName={classNames.swapPreview}\n />\n </div>\n )}\n </div>\n </DragListenersCtx.Provider>\n )\n}\n","import React, { useContext } from 'react'\nimport { DragListenersCtx } from '../model/context'\n\ninterface DragHandleProps {\n children: React.ReactNode\n className?: string\n style?: React.CSSProperties\n}\n\nexport const DragHandle: React.FC<DragHandleProps> = ({ children, className, style }) => {\n const dragProps = useContext(DragListenersCtx)\n if (!dragProps) {\n throw new Error('<DragHandle> must be used inside a <Pane>')\n }\n return (\n <div\n className={className}\n style={{ cursor: 'grab', userSelect: 'none', ...style }}\n {...dragProps}\n >\n {children}\n </div>\n )\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/entities/dashboard/model/context.ts","../src/entities/dashboard/model/hooks.ts","../src/shared/lib/tree/tree-helpers.ts","../src/shared/config/constants.ts","../src/entities/dashboard/ui/DashboardProvider.tsx","../src/entities/dashboard/ui/RootDropZone.tsx","../src/features/resize-pane/hooks/useResizer.ts","../src/widgets/pane-tree/ui/PaneTree.tsx","../src/entities/pane/model/context.ts","../src/entities/pane/ui/Pane.tsx","../src/entities/pane/ui/DragHandle.tsx"],"names":["DashboardContext","createContext","useDashboard","context","useContext","removePane","tree","idToRemove","newFirst","newSecond","splitPane","targetId","direction","splitType","paneToAdd","addedNode","originalNode","isFirst","swapPanes","idA","idB","addPane","insert","node","parentDirection","updateSplitPercentage","target","newPercentage","splitRoot","draggingId","treeWithoutDragging","draggedNode","DEFAULT_SNAP_THRESHOLD","DEFAULT_DRAG_ACTIVATION_DISTANCE","DEFAULT_RESIZER_SIZE","CursorOverlay","activeId","render","className","ref","useRef","useEffect","handleMove","e","jsx","DashboardProvider","layout","onChange","renderPane","renderDragOverlay","classNames","fullscreenPaneId","onFullscreenChange","onRemove","dragActivationDistance","snapThreshold","onDragStart","onDragEnd","onResizeStart","onResize","onResizeEnd","renderResizer","minSplitPercentage","maxSplitPercentage","children","setActiveId","useState","sensors","useSensors","useSensor","PointerSensor","handleDragStart","event","handleDragEnd","active","over","overIdStr","rootMatch","dropZone","newLayout","swapMatch","match","handleRemovePane","useCallback","paneId","handleAddPane","handleSwapPanes","paneIdA","paneIdB","handleSplitPane","handleUpdateSplitPercentage","currentNode","percentage","contextValue","useMemo","jsxs","DndContext","pointerWithin","rootActivationPositions","rootPreviewPositions","RootDropZone","id","position","activeClassName","setNodeRef","isOver","useDroppable","Fragment","RootDropZones","hasOtherPanes","dropPreviewClassName","pos","useResizer","containerRef","isRow","splitPercentage","resizerSize","onLayoutChange","localOnResizeStart","localOnResizeEnd","globalOnResizeStart","globalOnResize","globalOnResizeEnd","container","styleEl","rect","startX","startY","startPercentage","resizerEl","otherPositions","el","r","currentPercentage","handlePointerMove","moveEvent","delta","proposedPercentage","proposedPos","closestDistance","bestTarget","dist","snappedPercentage","finalPercentage","handlePointerUp","globalStyle","PaneSplit","propRenderResizer","contextRenderResizer","isResizing","setIsResizing","first","second","handlePointerDown","PaneTree","propSnapThreshold","contextSnapThreshold","renderContent","DragListenersCtx","activationPositions","previewPositions","DropZone","Pane","style","showDropZones","attributes","listeners","isDragging","useDraggable","dragging","isFullscreen","renderProps","DragHandle","dragProps"],"mappings":"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","file":"index.cjs","sourcesContent":["import { createContext, ReactNode } from 'react'\nimport { TreeNode, SplitDirection, SplitNode } from '../../../shared/model'\n\nexport interface ZeugmaClassNames {\n pane?: string\n dropPreview?: string\n swapPreview?: string\n dragOverlay?: string\n resizer?: string\n}\n\nexport interface ResizerRenderProps {\n direction: SplitDirection\n splitPercentage: number\n resizerSize: number\n isResizing: boolean\n onPointerDown: (e: React.PointerEvent<HTMLDivElement>) => void\n}\n\nexport interface DashboardContextValue {\n layout: TreeNode | null\n onLayoutChange: (newLayout: TreeNode | null) => void\n renderPane: (paneId: string) => ReactNode\n activeId: string | null\n fullscreenPaneId: string | null\n classNames: ZeugmaClassNames\n onRemove?: (paneId: string) => void\n onFullscreenChange?: (paneId: string | null) => void\n snapThreshold?: number\n onResizeStart?: (currentNode: SplitNode) => void\n onResize?: (currentNode: SplitNode, percentage: number) => void\n onResizeEnd?: (currentNode: SplitNode, percentage: number) => void\n renderResizer?: (props: ResizerRenderProps) => ReactNode\n minSplitPercentage?: number\n maxSplitPercentage?: number\n removePane: (paneId: string) => void\n addPane: (paneId: string) => void\n swapPanes: (paneIdA: string, paneIdB: string) => void\n splitPane: (\n targetId: string,\n direction: SplitDirection,\n splitType: 'left' | 'right' | 'top' | 'bottom',\n paneToAdd: string,\n ) => void\n updateSplitPercentage: (currentNode: SplitNode, percentage: number) => void\n}\n\nexport const DashboardContext = createContext<DashboardContextValue | undefined>(undefined)\n","import { useContext } from 'react'\nimport { DashboardContext } from './context'\n\nexport const useDashboard = () => {\n const context = useContext(DashboardContext)\n if (!context) {\n throw new Error('useDashboard must be used within a DashboardProvider')\n }\n return context\n}\n","import { TreeNode, SplitNode, SplitDirection, PaneNode } from '../../model'\n\n/**\n * Tree Helper: Remove a pane and consolidate the tree structure.\n */\nexport function removePane(tree: TreeNode | null, idToRemove: string): TreeNode | null {\n if (tree === null) return null\n if (tree.type === 'pane') {\n return tree.paneId === idToRemove ? null : tree\n }\n const newFirst = removePane(tree.first, idToRemove)\n const newSecond = removePane(tree.second, idToRemove)\n if (newFirst === null) return newSecond\n if (newSecond === null) return newFirst\n return { ...tree, first: newFirst, second: newSecond }\n}\n\n/**\n * Tree Helper: Insert a pane by splitting an existing target node.\n */\nexport function splitPane(\n tree: TreeNode | null,\n targetId: string,\n direction: SplitDirection,\n splitType: 'left' | 'right' | 'top' | 'bottom',\n paneToAdd: string,\n): TreeNode | null {\n if (tree === null) return { type: 'pane', paneId: paneToAdd }\n if (tree.type === 'pane') {\n if (tree.paneId === targetId) {\n const addedNode: PaneNode = { type: 'pane', paneId: paneToAdd }\n const originalNode: PaneNode = { type: 'pane', paneId: targetId }\n const isFirst = splitType === 'left' || splitType === 'top'\n return {\n type: 'split',\n direction,\n first: isFirst ? addedNode : originalNode,\n second: isFirst ? originalNode : addedNode,\n splitPercentage: 50,\n }\n }\n return tree\n }\n return {\n ...tree,\n first: splitPane(tree.first, targetId, direction, splitType, paneToAdd) || tree.first,\n second: splitPane(tree.second, targetId, direction, splitType, paneToAdd) || tree.second,\n }\n}\n\n/**\n * Tree Helper: Swap the position of two panes in the tree structure.\n */\nexport function swapPanes(tree: TreeNode | null, idA: string, idB: string): TreeNode | null {\n if (tree === null) return null\n if (tree.type === 'pane') {\n if (tree.paneId === idA) return { ...tree, paneId: idB }\n if (tree.paneId === idB) return { ...tree, paneId: idA }\n return tree\n }\n return {\n ...tree,\n first: swapPanes(tree.first, idA, idB) || tree.first,\n second: swapPanes(tree.second, idA, idB) || tree.second,\n }\n}\n\n/**\n * Tree Helper: Add a pane by recursively splitting the rightmost/bottommost pane in the tree.\n */\nexport function addPane(tree: TreeNode | null, paneToAdd: string): TreeNode {\n if (tree === null) {\n return { type: 'pane', paneId: paneToAdd }\n }\n\n function insert(node: TreeNode, parentDirection: SplitDirection | null): TreeNode {\n if (node.type === 'pane') {\n const direction: SplitDirection = parentDirection === 'row' ? 'column' : 'row'\n return {\n type: 'split',\n direction,\n splitPercentage: 50,\n first: node,\n second: { type: 'pane', paneId: paneToAdd },\n }\n }\n\n return {\n ...node,\n second: insert(node.second, node.direction),\n }\n }\n\n return insert(tree, null)\n}\n\n/**\n * Tree Helper: Update split percentage recursively.\n */\nexport function updateSplitPercentage(\n tree: TreeNode | null,\n target: SplitNode,\n newPercentage: number,\n): TreeNode | null {\n if (tree === null) return null\n if (tree === target) {\n return { ...tree, splitPercentage: newPercentage } as SplitNode\n }\n if (tree.type === 'split') {\n return {\n ...tree,\n first: updateSplitPercentage(tree.first, target, newPercentage) || tree.first,\n second: updateSplitPercentage(tree.second, target, newPercentage) || tree.second,\n }\n }\n return tree\n}\n\n/**\n * Tree Helper: Split the entire tree at the root using a dragged pane.\n */\nexport function splitRoot(\n tree: TreeNode | null,\n draggingId: string,\n splitType: 'left' | 'right' | 'top' | 'bottom',\n): TreeNode | null {\n const treeWithoutDragging = removePane(tree, draggingId)\n if (treeWithoutDragging === null) {\n return { type: 'pane', paneId: draggingId }\n }\n\n const direction: SplitDirection = splitType === 'left' || splitType === 'right' ? 'row' : 'column'\n const isFirst = splitType === 'left' || splitType === 'top'\n const draggedNode: TreeNode = { type: 'pane', paneId: draggingId }\n\n return {\n type: 'split',\n direction,\n first: isFirst ? draggedNode : treeWithoutDragging,\n second: isFirst ? treeWithoutDragging : draggedNode,\n splitPercentage: 50,\n }\n}\n","export const DEFAULT_SNAP_THRESHOLD = 8 // px\nexport const DEFAULT_DRAG_ACTIVATION_DISTANCE = 8 // px\nexport const DEFAULT_RESIZER_SIZE = 4 // px\n","import React, { useState, useEffect, useRef, ReactNode, useMemo, useCallback } from 'react'\nimport {\n DndContext,\n useSensor,\n useSensors,\n PointerSensor,\n DragStartEvent,\n DragEndEvent,\n pointerWithin,\n} from '@dnd-kit/core'\nimport { TreeNode, SplitDirection, SplitNode } from '../../../shared/model'\nimport {\n removePane,\n splitPane,\n swapPanes,\n addPane,\n updateSplitPercentage,\n splitRoot,\n} from '../../../shared/lib/tree'\nimport { DEFAULT_DRAG_ACTIVATION_DISTANCE, DEFAULT_SNAP_THRESHOLD } from '../../../shared/config'\nimport { DashboardContext, ZeugmaClassNames, ResizerRenderProps } from '../model/context'\n\n/** Cursor-following overlay rendered via portal */\nconst CursorOverlay: React.FC<{\n activeId: string\n render: (id: string) => ReactNode\n className?: string\n}> = ({ activeId, render, className }) => {\n const ref = useRef<HTMLDivElement>(null)\n\n useEffect(() => {\n const handleMove = (e: PointerEvent) => {\n if (ref.current) {\n ref.current.style.transform = `translate(${e.clientX + 12}px, ${e.clientY + 12}px)`\n }\n }\n document.addEventListener('pointermove', handleMove)\n return () => document.removeEventListener('pointermove', handleMove)\n }, [])\n\n return (\n <div\n ref={ref}\n className={className}\n style={{\n position: 'fixed',\n top: 0,\n left: 0,\n zIndex: 9999,\n pointerEvents: 'none',\n }}\n >\n {render(activeId)}\n </div>\n )\n}\n\ninterface DashboardProviderProps {\n layout: TreeNode | null\n onChange: (newLayout: TreeNode | null) => void\n renderPane: (paneId: string) => ReactNode\n renderDragOverlay?: (activeId: string) => ReactNode\n classNames?: ZeugmaClassNames\n fullscreenPaneId?: string | null\n onFullscreenChange?: (paneId: string | null) => void\n onRemove?: (paneId: string) => void\n dragActivationDistance?: number\n snapThreshold?: number\n onDragStart?: (activeId: string) => void\n onDragEnd?: (\n activeId: string,\n overId: string | null,\n dropAction: {\n type: 'split' | 'swap'\n direction?: SplitDirection\n position?: 'top' | 'bottom' | 'left' | 'right' | 'center'\n } | null,\n ) => void\n onResizeStart?: (currentNode: SplitNode) => void\n onResize?: (currentNode: SplitNode, percentage: number) => void\n onResizeEnd?: (currentNode: SplitNode, percentage: number) => void\n renderResizer?: (props: ResizerRenderProps) => ReactNode\n minSplitPercentage?: number\n maxSplitPercentage?: number\n children: ReactNode\n}\n\nexport const DashboardProvider: React.FC<DashboardProviderProps> = ({\n layout,\n onChange,\n renderPane,\n renderDragOverlay,\n classNames = {},\n fullscreenPaneId = null,\n onFullscreenChange,\n onRemove,\n dragActivationDistance = DEFAULT_DRAG_ACTIVATION_DISTANCE,\n snapThreshold = DEFAULT_SNAP_THRESHOLD,\n onDragStart,\n onDragEnd,\n onResizeStart,\n onResize,\n onResizeEnd,\n renderResizer,\n minSplitPercentage = 5,\n maxSplitPercentage = 95,\n children,\n}) => {\n const [activeId, setActiveId] = useState<string | null>(null)\n\n const sensors = useSensors(\n useSensor(PointerSensor, {\n activationConstraint: { distance: dragActivationDistance },\n }),\n )\n\n const handleDragStart = (event: DragStartEvent) => {\n const draggingId = event.active.id.toString()\n setActiveId(draggingId)\n if (onDragStart) {\n onDragStart(draggingId)\n }\n }\n\n const handleDragEnd = (event: DragEndEvent) => {\n setActiveId(null)\n const { active, over } = event\n const draggingId = active.id.toString()\n\n if (!over) {\n if (onDragEnd) {\n onDragEnd(draggingId, null, null)\n }\n return\n }\n\n const overIdStr = over.id.toString()\n\n // Check for root drop (places pane like half of the root)\n const rootMatch = overIdStr.match(/^drop-root-(left|right|top|bottom)$/)\n if (rootMatch) {\n const [, dropZone] = rootMatch\n const newLayout = splitRoot(\n layout,\n draggingId,\n dropZone as 'left' | 'right' | 'top' | 'bottom',\n )\n onChange(newLayout)\n\n if (onDragEnd) {\n const direction: SplitDirection =\n dropZone === 'left' || dropZone === 'right' ? 'row' : 'column'\n onDragEnd(draggingId, 'root', {\n type: 'split',\n direction,\n position: dropZone as 'left' | 'right' | 'top' | 'bottom',\n })\n }\n return\n }\n\n // Check for center (swap) drop\n const swapMatch = overIdStr.match(/^drop-center-(.+)$/)\n if (swapMatch) {\n const [, targetId] = swapMatch\n if (draggingId !== targetId) {\n onChange(swapPanes(layout, draggingId, targetId))\n }\n if (onDragEnd) {\n onDragEnd(draggingId, targetId, { type: 'swap', position: 'center' })\n }\n return\n }\n\n // Check for edge (split) drop\n const match = overIdStr.match(/^drop-(left|right|top|bottom)-(.+)$/)\n if (!match) {\n if (onDragEnd) {\n onDragEnd(draggingId, null, null)\n }\n return\n }\n\n const [, dropZone, targetId] = match\n if (draggingId === targetId) {\n if (onDragEnd) {\n onDragEnd(draggingId, null, null)\n }\n return\n }\n\n const direction: SplitDirection = dropZone === 'left' || dropZone === 'right' ? 'row' : 'column'\n const treeWithoutDragging = removePane(layout, draggingId)\n\n const newLayout = splitPane(\n treeWithoutDragging,\n targetId,\n direction,\n dropZone as 'left' | 'right' | 'top' | 'bottom',\n draggingId,\n )\n onChange(newLayout)\n if (onDragEnd) {\n onDragEnd(draggingId, targetId, {\n type: 'split',\n direction,\n position: dropZone as 'left' | 'right' | 'top' | 'bottom',\n })\n }\n }\n\n const handleRemovePane = useCallback(\n (paneId: string) => {\n const newLayout = removePane(layout, paneId)\n onChange(newLayout)\n },\n [layout, onChange],\n )\n\n const handleAddPane = useCallback(\n (paneId: string) => {\n const newLayout = addPane(layout, paneId)\n onChange(newLayout)\n },\n [layout, onChange],\n )\n\n const handleSwapPanes = useCallback(\n (paneIdA: string, paneIdB: string) => {\n const newLayout = swapPanes(layout, paneIdA, paneIdB)\n onChange(newLayout)\n },\n [layout, onChange],\n )\n\n const handleSplitPane = useCallback(\n (\n targetId: string,\n direction: SplitDirection,\n splitType: 'left' | 'right' | 'top' | 'bottom',\n paneToAdd: string,\n ) => {\n const newLayout = splitPane(layout, targetId, direction, splitType, paneToAdd)\n onChange(newLayout)\n },\n [layout, onChange],\n )\n\n const handleUpdateSplitPercentage = useCallback(\n (currentNode: SplitNode, percentage: number) => {\n const newLayout = updateSplitPercentage(layout, currentNode, percentage)\n onChange(newLayout)\n },\n [layout, onChange],\n )\n\n // Best practice: Memoize context value to prevent unnecessary re-renders of context consumers.\n const contextValue = useMemo(\n () => ({\n layout,\n onLayoutChange: onChange,\n renderPane,\n activeId,\n fullscreenPaneId,\n classNames,\n onRemove,\n onFullscreenChange,\n snapThreshold,\n onResizeStart,\n onResize,\n onResizeEnd,\n renderResizer,\n minSplitPercentage,\n maxSplitPercentage,\n removePane: handleRemovePane,\n addPane: handleAddPane,\n swapPanes: handleSwapPanes,\n splitPane: handleSplitPane,\n updateSplitPercentage: handleUpdateSplitPercentage,\n }),\n [\n layout,\n onChange,\n renderPane,\n activeId,\n fullscreenPaneId,\n classNames,\n onRemove,\n onFullscreenChange,\n snapThreshold,\n onResizeStart,\n onResize,\n onResizeEnd,\n renderResizer,\n minSplitPercentage,\n maxSplitPercentage,\n handleRemovePane,\n handleAddPane,\n handleSwapPanes,\n handleSplitPane,\n handleUpdateSplitPercentage,\n ],\n )\n\n return (\n <DashboardContext.Provider value={contextValue}>\n <DndContext\n id=\"zeugma-dnd-context\"\n sensors={sensors}\n collisionDetection={pointerWithin}\n onDragStart={handleDragStart}\n onDragEnd={handleDragEnd}\n >\n {children}\n </DndContext>\n {activeId && renderDragOverlay && (\n <CursorOverlay\n activeId={activeId}\n render={renderDragOverlay}\n className={classNames.dragOverlay}\n />\n )}\n </DashboardContext.Provider>\n )\n}\n","import React from 'react'\nimport { useDroppable } from '@dnd-kit/core'\n\nconst rootActivationPositions: Record<string, React.CSSProperties> = {\n top: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n height: '32px',\n zIndex: 30,\n pointerEvents: 'auto',\n },\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n height: '32px',\n zIndex: 30,\n pointerEvents: 'auto',\n },\n left: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n width: '32px',\n zIndex: 30,\n pointerEvents: 'auto',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '32px',\n zIndex: 30,\n pointerEvents: 'auto',\n },\n}\n\nconst rootPreviewPositions: Record<string, React.CSSProperties> = {\n top: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 31,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 31,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n left: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n width: '50%',\n zIndex: 31,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '50%',\n zIndex: 31,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n}\n\nexport interface RootDropZoneProps {\n id: string\n position: 'top' | 'bottom' | 'left' | 'right'\n activeClassName?: string\n}\n\nexport const RootDropZone: React.FC<RootDropZoneProps> = ({ id, position, activeClassName }) => {\n const { setNodeRef, isOver } = useDroppable({ id })\n return (\n <>\n <div ref={setNodeRef} style={rootActivationPositions[position]} />\n {isOver && <div className={activeClassName} style={rootPreviewPositions[position]} />}\n </>\n )\n}\n\nexport interface RootDropZonesProps {\n activeId: string | null\n hasOtherPanes: boolean\n dropPreviewClassName?: string\n}\n\nexport const RootDropZones: React.FC<RootDropZonesProps> = ({\n activeId,\n hasOtherPanes,\n dropPreviewClassName,\n}) => {\n if (!activeId || !hasOtherPanes) return null\n\n return (\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 30,\n pointerEvents: 'none',\n }}\n >\n {(['top', 'bottom', 'left', 'right'] as const).map((pos) => (\n <RootDropZone\n key={pos}\n id={`drop-root-${pos}`}\n position={pos}\n activeClassName={dropPreviewClassName}\n />\n ))}\n </div>\n )\n}\n","import React, { useCallback } from 'react'\nimport { TreeNode, SplitNode, SplitDirection } from '../../../shared/model'\nimport { updateSplitPercentage } from '../../../shared/lib/tree'\nimport { useDashboard } from '../../../entities/dashboard'\n\ninterface UseResizerProps {\n containerRef: React.RefObject<HTMLDivElement | null>\n isRow: boolean\n direction: SplitDirection\n splitPercentage: number\n resizerSize: number\n snapThreshold: number\n layout: TreeNode | null\n currentNode: SplitNode\n onLayoutChange: (newLayout: TreeNode | null) => void\n onResizeStart?: () => void\n onResizeEnd?: () => void\n}\n\nexport function useResizer({\n containerRef,\n isRow,\n direction,\n splitPercentage,\n resizerSize,\n snapThreshold,\n layout,\n currentNode,\n onLayoutChange,\n onResizeStart: localOnResizeStart,\n onResizeEnd: localOnResizeEnd,\n}: UseResizerProps) {\n const {\n onResizeStart: globalOnResizeStart,\n onResize: globalOnResize,\n onResizeEnd: globalOnResizeEnd,\n minSplitPercentage = 5,\n maxSplitPercentage = 95,\n } = useDashboard()\n\n return useCallback(\n (e: React.PointerEvent<HTMLDivElement>) => {\n e.preventDefault()\n const container = containerRef.current\n if (!container) return\n\n document.body.classList.add('zeugma-resizing')\n\n // Inject global cursor style to keep resizing cursor active across the entire page during drag\n const styleEl = document.createElement('style')\n styleEl.id = 'zeugma-global-cursor-style'\n styleEl.textContent = `\n * {\n cursor: ${isRow ? 'col-resize' : 'row-resize'} !important;\n user-select: none !important;\n }\n `\n document.head.appendChild(styleEl)\n\n if (localOnResizeStart) {\n localOnResizeStart()\n }\n if (globalOnResizeStart) {\n globalOnResizeStart(currentNode)\n }\n\n const rect = container.getBoundingClientRect()\n const startX = e.clientX\n const startY = e.clientY\n const startPercentage = splitPercentage\n\n // Cache other resizers of the same direction once at drag-start to prevent layout thrashing on move\n const resizerEl = e.currentTarget\n resizerEl.setAttribute('data-resizing', 'true')\n\n const otherResizers = Array.from(\n document.querySelectorAll('div[role=\"separator\"][data-direction]'),\n ).filter((el) => el !== resizerEl && el.getAttribute('data-direction') === direction)\n\n const otherPositions = otherResizers.map((el) => {\n const r = el.getBoundingClientRect()\n return isRow ? r.left + r.width / 2 : r.top + r.height / 2\n })\n\n let currentPercentage = startPercentage\n\n const handlePointerMove = (moveEvent: PointerEvent) => {\n const delta = isRow\n ? ((moveEvent.clientX - startX) / rect.width) * 100\n : ((moveEvent.clientY - startY) / rect.height) * 100\n const proposedPercentage = startPercentage + delta\n\n // Find physical position corresponding to proposed percentage\n const proposedPos = isRow\n ? rect.left + (rect.width - resizerSize) * (proposedPercentage / 100) + resizerSize / 2\n : rect.top + (rect.height - resizerSize) * (proposedPercentage / 100) + resizerSize / 2\n\n let closestDistance = Infinity\n let bestTarget: number | null = null\n\n for (const pos of otherPositions) {\n const dist = Math.abs(proposedPos - pos)\n if (dist < snapThreshold && dist < closestDistance) {\n closestDistance = dist\n bestTarget = pos\n }\n }\n\n let snappedPercentage = proposedPercentage\n if (bestTarget !== null) {\n snappedPercentage = isRow\n ? ((bestTarget - resizerSize / 2 - rect.left) / (rect.width - resizerSize)) * 100\n : ((bestTarget - resizerSize / 2 - rect.top) / (rect.height - resizerSize)) * 100\n }\n\n const finalPercentage = Math.max(\n minSplitPercentage,\n Math.min(maxSplitPercentage, snappedPercentage),\n )\n currentPercentage = finalPercentage\n const newLayout = updateSplitPercentage(layout, currentNode, finalPercentage)\n onLayoutChange(newLayout)\n if (globalOnResize) {\n globalOnResize(currentNode, finalPercentage)\n }\n }\n\n const handlePointerUp = () => {\n document.body.classList.remove('zeugma-resizing')\n resizerEl.removeAttribute('data-resizing')\n\n const globalStyle = document.getElementById('zeugma-global-cursor-style')\n if (globalStyle) {\n globalStyle.remove()\n }\n\n document.removeEventListener('pointermove', handlePointerMove)\n document.removeEventListener('pointerup', handlePointerUp)\n\n if (localOnResizeEnd) {\n localOnResizeEnd()\n }\n if (globalOnResizeEnd) {\n globalOnResizeEnd(currentNode, currentPercentage)\n }\n }\n\n document.addEventListener('pointermove', handlePointerMove)\n document.addEventListener('pointerup', handlePointerUp)\n },\n [\n containerRef,\n isRow,\n direction,\n splitPercentage,\n resizerSize,\n snapThreshold,\n layout,\n currentNode,\n onLayoutChange,\n localOnResizeStart,\n localOnResizeEnd,\n globalOnResizeStart,\n globalOnResize,\n globalOnResizeEnd,\n minSplitPercentage,\n maxSplitPercentage,\n ],\n )\n}\n","import React, { useRef, useState, useMemo } from 'react'\nimport { useDashboard, ResizerRenderProps, RootDropZones } from '../../../entities/dashboard'\nimport { useResizer } from '../../../features/resize-pane'\nimport { TreeNode, SplitNode } from '../../../shared/model'\nimport { removePane } from '../../../shared'\n\nexport interface PaneTreeProps {\n tree?: TreeNode | null\n /** Size of the resizer in pixels (default 4) */\n resizerSize?: number\n /** Threshold in pixels to snap to adjacent resizer edges (default 8) */\n snapThreshold?: number\n /** Custom resizer renderer to override context-level renderResizer */\n renderResizer?: (props: ResizerRenderProps) => React.ReactNode\n}\n\ninterface PaneSplitProps {\n currentNode: SplitNode\n resizerSize: number\n snapThreshold?: number\n renderResizer?: (props: ResizerRenderProps) => React.ReactNode\n}\n\nconst PaneSplit: React.FC<PaneSplitProps> = ({\n currentNode,\n resizerSize,\n snapThreshold,\n renderResizer: propRenderResizer,\n}) => {\n const { layout, onLayoutChange, classNames, renderResizer: contextRenderResizer } = useDashboard()\n const [isResizing, setIsResizing] = useState(false)\n\n const renderResizer = propRenderResizer || contextRenderResizer\n\n const containerRef = useRef<HTMLDivElement>(null)\n const { direction, first, second, splitPercentage } = currentNode\n const isRow = direction === 'row'\n\n const handlePointerDown = useResizer({\n containerRef,\n isRow,\n direction,\n splitPercentage,\n resizerSize,\n snapThreshold: snapThreshold ?? 8,\n layout,\n currentNode,\n onLayoutChange,\n onResizeStart: () => setIsResizing(true),\n onResizeEnd: () => setIsResizing(false),\n })\n\n return (\n <div\n ref={containerRef}\n style={{\n display: 'flex',\n flexDirection: isRow ? 'row' : 'column',\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n }}\n >\n <div style={{ flex: `${splitPercentage} 1 0%`, overflow: 'hidden' }}>\n <PaneTree\n tree={first}\n resizerSize={resizerSize}\n snapThreshold={snapThreshold}\n renderResizer={propRenderResizer}\n />\n </div>\n {renderResizer ? (\n renderResizer({\n direction,\n splitPercentage,\n resizerSize,\n isResizing,\n onPointerDown: handlePointerDown,\n })\n ) : (\n <div\n className={classNames.resizer}\n data-direction={direction}\n style={{\n width: isRow ? `${resizerSize}px` : '100%',\n height: isRow ? '100%' : `${resizerSize}px`,\n cursor: isRow ? 'col-resize' : 'row-resize',\n position: 'relative',\n zIndex: 10,\n userSelect: 'none',\n boxSizing: 'border-box',\n flexShrink: 0,\n }}\n onPointerDown={handlePointerDown}\n role=\"separator\"\n aria-valuenow={splitPercentage}\n aria-valuemin={5}\n aria-valuemax={95}\n />\n )}\n <div style={{ flex: `${100 - splitPercentage} 1 0%`, overflow: 'hidden' }}>\n <PaneTree\n tree={second}\n resizerSize={resizerSize}\n snapThreshold={snapThreshold}\n renderResizer={propRenderResizer}\n />\n </div>\n </div>\n )\n}\n\nexport const PaneTree: React.FC<PaneTreeProps> = ({\n tree,\n resizerSize = 4,\n snapThreshold: propSnapThreshold,\n renderResizer,\n}) => {\n const {\n layout,\n renderPane,\n activeId,\n classNames,\n fullscreenPaneId,\n snapThreshold: contextSnapThreshold,\n } = useDashboard()\n\n const snapThreshold = propSnapThreshold !== undefined ? propSnapThreshold : contextSnapThreshold\n\n const hasOtherPanes = useMemo(() => {\n if (!activeId) return false\n return removePane(layout, activeId) !== null\n }, [layout, activeId])\n\n // Fullscreen bypass\n if (fullscreenPaneId && !tree) {\n return (\n <div style={{ width: '100%', height: '100%', position: 'relative' }}>\n {renderPane(fullscreenPaneId)}\n </div>\n )\n }\n\n const currentNode = tree !== undefined ? tree : layout\n\n if (!currentNode) return null\n\n const renderContent = () => {\n if (currentNode.type === 'pane') {\n return (\n <div style={{ width: '100%', height: '100%', position: 'relative' }}>\n {renderPane(currentNode.paneId)}\n </div>\n )\n }\n\n return (\n <PaneSplit\n currentNode={currentNode}\n resizerSize={resizerSize}\n snapThreshold={snapThreshold}\n renderResizer={renderResizer}\n />\n )\n }\n\n // Only render RootDropZones at the top-level PaneTree (where tree is undefined)\n if (tree === undefined) {\n return (\n <div\n className=\"zeugma-dashboard-root\"\n style={{\n position: 'relative',\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n }}\n >\n {renderContent()}\n <RootDropZones\n activeId={activeId}\n hasOtherPanes={hasOtherPanes}\n dropPreviewClassName={classNames.dropPreview}\n />\n </div>\n )\n }\n\n return renderContent()\n}\n","import { createContext } from 'react'\n\nexport const DragListenersCtx = createContext<Record<string, unknown> | null>(null)\n","import React, { useMemo } from 'react'\nimport { useDraggable, useDroppable } from '@dnd-kit/core'\nimport { useDashboard } from '../../dashboard'\nimport { DragListenersCtx } from '../model/context'\nimport { PaneRenderProps } from '../model/types'\n\ninterface DropZoneProps {\n id: string\n position: 'top' | 'bottom' | 'left' | 'right' | 'center'\n activeClassName?: string\n}\n\nconst activationPositions: Record<string, React.CSSProperties> = {\n top: {\n position: 'absolute',\n top: 0,\n left: '25%',\n width: '50%',\n height: '25%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: '25%',\n width: '50%',\n height: '25%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n left: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n width: '25%',\n height: '100%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '25%',\n height: '100%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n center: {\n position: 'absolute',\n top: '25%',\n left: '25%',\n width: '50%',\n height: '50%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n}\n\nconst previewPositions: Record<string, React.CSSProperties> = {\n top: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n left: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n width: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n center: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n}\n\nconst DropZone: React.FC<DropZoneProps> = ({ id, position, activeClassName }) => {\n const { setNodeRef, isOver } = useDroppable({ id })\n return (\n <>\n <div ref={setNodeRef} style={activationPositions[position]} />\n {isOver && <div className={activeClassName} style={previewPositions[position]} />}\n </>\n )\n}\n\ninterface PaneProps {\n id: string\n children: (props: PaneRenderProps) => React.ReactNode\n style?: React.CSSProperties\n}\n\nexport const Pane: React.FC<PaneProps> = ({ id, children, style }) => {\n const { activeId, classNames, fullscreenPaneId, onRemove, onFullscreenChange, removePane } =\n useDashboard()\n const showDropZones = activeId !== null && activeId !== id\n\n const { attributes, listeners, setNodeRef, isDragging } = useDraggable({ id })\n const dragging = activeId === id || isDragging\n const isFullscreen = fullscreenPaneId === id\n\n const renderProps: PaneRenderProps = {\n isDragging: dragging,\n isFullscreen,\n toggleFullscreen: () => onFullscreenChange?.(isFullscreen ? null : id),\n remove: () => {\n if (isFullscreen) {\n onFullscreenChange?.(null)\n }\n if (onRemove) {\n onRemove(id)\n } else {\n removePane(id)\n }\n },\n }\n\n // Best practice: Memoize drag context value to prevent unnecessary re-renders of the drag handle.\n const contextValue = useMemo(\n () => ({\n ...listeners,\n ...attributes,\n }),\n [listeners, attributes],\n )\n\n return (\n <DragListenersCtx.Provider value={contextValue}>\n <div\n ref={setNodeRef}\n className={classNames.pane}\n style={{ position: 'relative', width: '100%', height: '100%', ...style }}\n >\n {children(renderProps)}\n\n {showDropZones && (\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 15,\n pointerEvents: 'none',\n }}\n >\n {(['top', 'bottom', 'left', 'right'] as const).map((pos) => (\n <DropZone\n key={pos}\n id={`drop-${pos}-${id}`}\n position={pos}\n activeClassName={classNames.dropPreview}\n />\n ))}\n <DropZone\n id={`drop-center-${id}`}\n position=\"center\"\n activeClassName={classNames.swapPreview}\n />\n </div>\n )}\n </div>\n </DragListenersCtx.Provider>\n )\n}\n","import React, { useContext } from 'react'\nimport { DragListenersCtx } from '../model/context'\n\ninterface DragHandleProps {\n children: React.ReactNode\n className?: string\n style?: React.CSSProperties\n}\n\nexport const DragHandle: React.FC<DragHandleProps> = ({ children, className, style }) => {\n const dragProps = useContext(DragListenersCtx)\n if (!dragProps) {\n throw new Error('<DragHandle> must be used inside a <Pane>')\n }\n return (\n <div\n className={className}\n style={{ cursor: 'grab', userSelect: 'none', ...style }}\n {...dragProps}\n >\n {children}\n </div>\n )\n}\n"]}
|
package/dist/index.d.cts
CHANGED
|
@@ -151,5 +151,9 @@ declare function addPane(tree: TreeNode | null, paneToAdd: string): TreeNode;
|
|
|
151
151
|
* Tree Helper: Update split percentage recursively.
|
|
152
152
|
*/
|
|
153
153
|
declare function updateSplitPercentage(tree: TreeNode | null, target: SplitNode, newPercentage: number): TreeNode | null;
|
|
154
|
+
/**
|
|
155
|
+
* Tree Helper: Split the entire tree at the root using a dragged pane.
|
|
156
|
+
*/
|
|
157
|
+
declare function splitRoot(tree: TreeNode | null, draggingId: string, splitType: 'left' | 'right' | 'top' | 'bottom'): TreeNode | null;
|
|
154
158
|
|
|
155
|
-
export { DEFAULT_DRAG_ACTIVATION_DISTANCE, DEFAULT_RESIZER_SIZE, DEFAULT_SNAP_THRESHOLD, type DashboardContextValue, DashboardProvider, DragHandle, Pane, type PaneNode, type PaneRenderProps, PaneTree, type ResizerRenderProps, type SplitDirection, type SplitNode, type TreeNode, type ZeugmaClassNames, addPane, removePane, splitPane, swapPanes, updateSplitPercentage, useDashboard, useResizer };
|
|
159
|
+
export { DEFAULT_DRAG_ACTIVATION_DISTANCE, DEFAULT_RESIZER_SIZE, DEFAULT_SNAP_THRESHOLD, type DashboardContextValue, DashboardProvider, DragHandle, Pane, type PaneNode, type PaneRenderProps, PaneTree, type ResizerRenderProps, type SplitDirection, type SplitNode, type TreeNode, type ZeugmaClassNames, addPane, removePane, splitPane, splitRoot, swapPanes, updateSplitPercentage, useDashboard, useResizer };
|
package/dist/index.d.ts
CHANGED
|
@@ -151,5 +151,9 @@ declare function addPane(tree: TreeNode | null, paneToAdd: string): TreeNode;
|
|
|
151
151
|
* Tree Helper: Update split percentage recursively.
|
|
152
152
|
*/
|
|
153
153
|
declare function updateSplitPercentage(tree: TreeNode | null, target: SplitNode, newPercentage: number): TreeNode | null;
|
|
154
|
+
/**
|
|
155
|
+
* Tree Helper: Split the entire tree at the root using a dragged pane.
|
|
156
|
+
*/
|
|
157
|
+
declare function splitRoot(tree: TreeNode | null, draggingId: string, splitType: 'left' | 'right' | 'top' | 'bottom'): TreeNode | null;
|
|
154
158
|
|
|
155
|
-
export { DEFAULT_DRAG_ACTIVATION_DISTANCE, DEFAULT_RESIZER_SIZE, DEFAULT_SNAP_THRESHOLD, type DashboardContextValue, DashboardProvider, DragHandle, Pane, type PaneNode, type PaneRenderProps, PaneTree, type ResizerRenderProps, type SplitDirection, type SplitNode, type TreeNode, type ZeugmaClassNames, addPane, removePane, splitPane, swapPanes, updateSplitPercentage, useDashboard, useResizer };
|
|
159
|
+
export { DEFAULT_DRAG_ACTIVATION_DISTANCE, DEFAULT_RESIZER_SIZE, DEFAULT_SNAP_THRESHOLD, type DashboardContextValue, DashboardProvider, DragHandle, Pane, type PaneNode, type PaneRenderProps, PaneTree, type ResizerRenderProps, type SplitDirection, type SplitNode, type TreeNode, type ZeugmaClassNames, addPane, removePane, splitPane, splitRoot, swapPanes, updateSplitPercentage, useDashboard, useResizer };
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {createContext,useContext,useState,useCallback,useMemo,useRef,useEffect}from'react';import {useSensors,useSensor,PointerSensor,DndContext,pointerWithin,useDraggable,useDroppable}from'@dnd-kit/core';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var G=createContext(void 0);var
|
|
1
|
+
import {createContext,useContext,useState,useCallback,useMemo,useRef,useEffect}from'react';import {useSensors,useSensor,PointerSensor,DndContext,pointerWithin,useDraggable,useDroppable}from'@dnd-kit/core';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var G=createContext(void 0);var y=()=>{let e=useContext(G);if(!e)throw new Error("useDashboard must be used within a DashboardProvider");return e};function E(e,t){if(e===null)return null;if(e.type==="pane")return e.paneId===t?null:e;let o=E(e.first,t),n=E(e.second,t);return o===null?n:n===null?o:{...e,first:o,second:n}}function O(e,t,o,n,r){if(e===null)return {type:"pane",paneId:r};if(e.type==="pane"){if(e.paneId===t){let s={type:"pane",paneId:r},a={type:"pane",paneId:t},d=n==="left"||n==="top";return {type:"split",direction:o,first:d?s:a,second:d?a:s,splitPercentage:50}}return e}return {...e,first:O(e.first,t,o,n,r)||e.first,second:O(e.second,t,o,n,r)||e.second}}function _(e,t,o){return e===null?null:e.type==="pane"?e.paneId===t?{...e,paneId:o}:e.paneId===o?{...e,paneId:t}:e:{...e,first:_(e.first,t,o)||e.first,second:_(e.second,t,o)||e.second}}function ne(e,t){if(e===null)return {type:"pane",paneId:t};function o(n,r){return n.type==="pane"?{type:"split",direction:r==="row"?"column":"row",splitPercentage:50,first:n,second:{type:"pane",paneId:t}}:{...n,second:o(n.second,n.direction)}}return o(e,null)}function F(e,t,o){return e===null?null:e===t?{...e,splitPercentage:o}:e.type==="split"?{...e,first:F(e.first,t,o)||e.first,second:F(e.second,t,o)||e.second}:e}function re(e,t,o){let n=E(e,t);if(n===null)return {type:"pane",paneId:t};let r=o==="left"||o==="right"?"row":"column",s=o==="left"||o==="top",a={type:"pane",paneId:t};return {type:"split",direction:r,first:s?a:n,second:s?n:a,splitPercentage:50}}var me=8,fe=8,nt=4;var De=({activeId:e,render:t,className:o})=>{let n=useRef(null);return useEffect(()=>{let r=s=>{n.current&&(n.current.style.transform=`translate(${s.clientX+12}px, ${s.clientY+12}px)`);};return document.addEventListener("pointermove",r),()=>document.removeEventListener("pointermove",r)},[]),jsx("div",{ref:n,className:o,style:{position:"fixed",top:0,left:0,zIndex:9999,pointerEvents:"none"},children:t(e)})},ze=({layout:e,onChange:t,renderPane:o,renderDragOverlay:n,classNames:r={},fullscreenPaneId:s=null,onFullscreenChange:a,onRemove:d,dragActivationDistance:R=8,snapThreshold:h=8,onDragStart:v,onDragEnd:i,onResizeStart:p,onResize:b,onResizeEnd:D,renderResizer:m,minSplitPercentage:f=5,maxSplitPercentage:x=95,children:z})=>{let[g,k]=useState(null),J=useSensors(useSensor(PointerSensor,{activationConstraint:{distance:R}})),X=l=>{let c=l.active.id.toString();k(c),v&&v(c);},A=l=>{k(null);let{active:c,over:N}=l,u=c.id.toString();if(!N){i&&i(u,null,null);return}let S=N.id.toString(),$=S.match(/^drop-root-(left|right|top|bottom)$/);if($){let[,w]=$,pe=re(e,u,w);t(pe),i&&i(u,"root",{type:"split",direction:w==="left"||w==="right"?"row":"column",position:w});return}let L=S.match(/^drop-center-(.+)$/);if(L){let[,w]=L;u!==w&&t(_(e,u,w)),i&&i(u,w,{type:"swap",position:"center"});return}let W=S.match(/^drop-(left|right|top|bottom)-(.+)$/);if(!W){i&&i(u,null,null);return}let[,C,T]=W;if(u===T){i&&i(u,null,null);return}let oe=C==="left"||C==="right"?"row":"column",le=E(e,u),de=O(le,T,oe,C,u);t(de),i&&i(u,T,{type:"split",direction:oe,position:C});},K=useCallback(l=>{let c=E(e,l);t(c);},[e,t]),Y=useCallback(l=>{let c=ne(e,l);t(c);},[e,t]),Z=useCallback((l,c)=>{let N=_(e,l,c);t(N);},[e,t]),M=useCallback((l,c,N,u)=>{let S=O(e,l,c,N,u);t(S);},[e,t]),H=useCallback((l,c)=>{let N=F(e,l,c);t(N);},[e,t]),P=useMemo(()=>({layout:e,onLayoutChange:t,renderPane:o,activeId:g,fullscreenPaneId:s,classNames:r,onRemove:d,onFullscreenChange:a,snapThreshold:h,onResizeStart:p,onResize:b,onResizeEnd:D,renderResizer:m,minSplitPercentage:f,maxSplitPercentage:x,removePane:K,addPane:Y,swapPanes:Z,splitPane:M,updateSplitPercentage:H}),[e,t,o,g,s,r,d,a,h,p,b,D,m,f,x,K,Y,Z,M,H]);return jsxs(G.Provider,{value:P,children:[jsx(DndContext,{id:"zeugma-dnd-context",sensors:J,collisionDetection:pointerWithin,onDragStart:X,onDragEnd:A,children:z}),g&&n&&jsx(De,{activeId:g,render:n,className:r.dragOverlay})]})};var ye={top:{position:"absolute",top:0,left:0,right:0,height:"32px",zIndex:30,pointerEvents:"auto"},bottom:{position:"absolute",bottom:0,left:0,right:0,height:"32px",zIndex:30,pointerEvents:"auto"},left:{position:"absolute",top:0,bottom:0,left:0,width:"32px",zIndex:30,pointerEvents:"auto"},right:{position:"absolute",top:0,bottom:0,right:0,width:"32px",zIndex:30,pointerEvents:"auto"}},Ee={top:{position:"absolute",top:0,left:0,right:0,height:"50%",zIndex:31,pointerEvents:"none",boxSizing:"border-box"},bottom:{position:"absolute",bottom:0,left:0,right:0,height:"50%",zIndex:31,pointerEvents:"none",boxSizing:"border-box"},left:{position:"absolute",top:0,bottom:0,left:0,width:"50%",zIndex:31,pointerEvents:"none",boxSizing:"border-box"},right:{position:"absolute",top:0,bottom:0,right:0,width:"50%",zIndex:31,pointerEvents:"none",boxSizing:"border-box"}},Ce=({id:e,position:t,activeClassName:o})=>{let{setNodeRef:n,isOver:r}=useDroppable({id:e});return jsxs(Fragment,{children:[jsx("div",{ref:n,style:ye[t]}),r&&jsx("div",{className:o,style:Ee[t]})]})},ie=({activeId:e,hasOtherPanes:t,dropPreviewClassName:o})=>!e||!t?null:jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:30,pointerEvents:"none"},children:["top","bottom","left","right"].map(n=>jsx(Ce,{id:`drop-root-${n}`,position:n,activeClassName:o},n))});function j({containerRef:e,isRow:t,direction:o,splitPercentage:n,resizerSize:r,snapThreshold:s,layout:a,currentNode:d,onLayoutChange:R,onResizeStart:h,onResizeEnd:v}){let{onResizeStart:i,onResize:p,onResizeEnd:b,minSplitPercentage:D=5,maxSplitPercentage:m=95}=y();return useCallback(f=>{f.preventDefault();let x=e.current;if(!x)return;document.body.classList.add("zeugma-resizing");let z=document.createElement("style");z.id="zeugma-global-cursor-style",z.textContent=`
|
|
2
2
|
* {
|
|
3
3
|
cursor: ${t?"col-resize":"row-resize"} !important;
|
|
4
4
|
user-select: none !important;
|
|
5
5
|
}
|
|
6
|
-
`,document.head.appendChild(
|
|
6
|
+
`,document.head.appendChild(z),h&&h(),i&&i(d);let g=x.getBoundingClientRect(),k=f.clientX,J=f.clientY,X=n,A=f.currentTarget;A.setAttribute("data-resizing","true");let Y=Array.from(document.querySelectorAll('div[role="separator"][data-direction]')).filter(P=>P!==A&&P.getAttribute("data-direction")===o).map(P=>{let l=P.getBoundingClientRect();return t?l.left+l.width/2:l.top+l.height/2}),Z=X,M=P=>{let l=t?(P.clientX-k)/g.width*100:(P.clientY-J)/g.height*100,c=X+l,N=t?g.left+(g.width-r)*(c/100)+r/2:g.top+(g.height-r)*(c/100)+r/2,u=1/0,S=null;for(let C of Y){let T=Math.abs(N-C);T<s&&T<u&&(u=T,S=C);}let $=c;S!==null&&($=t?(S-r/2-g.left)/(g.width-r)*100:(S-r/2-g.top)/(g.height-r)*100);let L=Math.max(D,Math.min(m,$));Z=L;let W=F(a,d,L);R(W),p&&p(d,L);},H=()=>{document.body.classList.remove("zeugma-resizing"),A.removeAttribute("data-resizing");let P=document.getElementById("zeugma-global-cursor-style");P&&P.remove(),document.removeEventListener("pointermove",M),document.removeEventListener("pointerup",H),v&&v(),b&&b(d,Z);};document.addEventListener("pointermove",M),document.addEventListener("pointerup",H);},[e,t,o,n,r,s,a,d,R,h,v,i,p,b,D,m])}var He=({currentNode:e,resizerSize:t,snapThreshold:o,renderResizer:n})=>{let{layout:r,onLayoutChange:s,classNames:a,renderResizer:d}=y(),[R,h]=useState(false),v=n||d,i=useRef(null),{direction:p,first:b,second:D,splitPercentage:m}=e,f=p==="row",x=j({containerRef:i,isRow:f,direction:p,splitPercentage:m,resizerSize:t,snapThreshold:o??8,layout:r,currentNode:e,onLayoutChange:s,onResizeStart:()=>h(true),onResizeEnd:()=>h(false)});return jsxs("div",{ref:i,style:{display:"flex",flexDirection:f?"row":"column",width:"100%",height:"100%",overflow:"hidden"},children:[jsx("div",{style:{flex:`${m} 1 0%`,overflow:"hidden"},children:jsx(ee,{tree:b,resizerSize:t,snapThreshold:o,renderResizer:n})}),v?v({direction:p,splitPercentage:m,resizerSize:t,isResizing:R,onPointerDown:x}):jsx("div",{className:a.resizer,"data-direction":p,style:{width:f?`${t}px`:"100%",height:f?"100%":`${t}px`,cursor:f?"col-resize":"row-resize",position:"relative",zIndex:10,userSelect:"none",boxSizing:"border-box",flexShrink:0},onPointerDown:x,role:"separator","aria-valuenow":m,"aria-valuemin":5,"aria-valuemax":95}),jsx("div",{style:{flex:`${100-m} 1 0%`,overflow:"hidden"},children:jsx(ee,{tree:D,resizerSize:t,snapThreshold:o,renderResizer:n})})]})},ee=({tree:e,resizerSize:t=4,snapThreshold:o,renderResizer:n})=>{let{layout:r,renderPane:s,activeId:a,classNames:d,fullscreenPaneId:R,snapThreshold:h}=y(),v=o!==void 0?o:h,i=useMemo(()=>a?E(r,a)!==null:false,[r,a]);if(R&&!e)return jsx("div",{style:{width:"100%",height:"100%",position:"relative"},children:s(R)});let p=e!==void 0?e:r;if(!p)return null;let b=()=>p.type==="pane"?jsx("div",{style:{width:"100%",height:"100%",position:"relative"},children:s(p.paneId)}):jsx(He,{currentNode:p,resizerSize:t,snapThreshold:v,renderResizer:n});return e===void 0?jsxs("div",{className:"zeugma-dashboard-root",style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:[b(),jsx(ie,{activeId:a,hasOtherPanes:i,dropPreviewClassName:d.dropPreview})]}):b()};var B=createContext(null);var Ve={top:{position:"absolute",top:0,left:"25%",width:"50%",height:"25%",zIndex:20,pointerEvents:"auto"},bottom:{position:"absolute",bottom:0,left:"25%",width:"50%",height:"25%",zIndex:20,pointerEvents:"auto"},left:{position:"absolute",top:0,bottom:0,left:0,width:"25%",height:"100%",zIndex:20,pointerEvents:"auto"},right:{position:"absolute",top:0,bottom:0,right:0,width:"25%",height:"100%",zIndex:20,pointerEvents:"auto"},center:{position:"absolute",top:"25%",left:"25%",width:"50%",height:"50%",zIndex:20,pointerEvents:"auto"}},ke={top:{position:"absolute",top:0,left:0,right:0,height:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},bottom:{position:"absolute",bottom:0,left:0,right:0,height:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},left:{position:"absolute",top:0,bottom:0,left:0,width:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},right:{position:"absolute",top:0,bottom:0,right:0,width:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},center:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:21,pointerEvents:"none",boxSizing:"border-box"}},ae=({id:e,position:t,activeClassName:o})=>{let{setNodeRef:n,isOver:r}=useDroppable({id:e});return jsxs(Fragment,{children:[jsx("div",{ref:n,style:Ve[t]}),r&&jsx("div",{className:o,style:ke[t]})]})},Xe=({id:e,children:t,style:o})=>{let{activeId:n,classNames:r,fullscreenPaneId:s,onRemove:a,onFullscreenChange:d,removePane:R}=y(),h=n!==null&&n!==e,{attributes:v,listeners:i,setNodeRef:p,isDragging:b}=useDraggable({id:e}),D=n===e||b,m=s===e,f={isDragging:D,isFullscreen:m,toggleFullscreen:()=>d?.(m?null:e),remove:()=>{m&&d?.(null),a?a(e):R(e);}},x=useMemo(()=>({...i,...v}),[i,v]);return jsx(B.Provider,{value:x,children:jsxs("div",{ref:p,className:r.pane,style:{position:"relative",width:"100%",height:"100%",...o},children:[t(f),h&&jsxs("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:[["top","bottom","left","right"].map(z=>jsx(ae,{id:`drop-${z}-${e}`,position:z,activeClassName:r.dropPreview},z)),jsx(ae,{id:`drop-center-${e}`,position:"center",activeClassName:r.swapPreview})]})]})})};var Ge=({children:e,className:t,style:o})=>{let n=useContext(B);if(!n)throw new Error("<DragHandle> must be used inside a <Pane>");return jsx("div",{className:t,style:{cursor:"grab",userSelect:"none",...o},...n,children:e})};export{fe as DEFAULT_DRAG_ACTIVATION_DISTANCE,nt as DEFAULT_RESIZER_SIZE,me as DEFAULT_SNAP_THRESHOLD,ze as DashboardProvider,Ge as DragHandle,Xe as Pane,ee as PaneTree,ne as addPane,E as removePane,O as splitPane,re as splitRoot,_ as swapPanes,F as updateSplitPercentage,y as useDashboard,j as useResizer};//# sourceMappingURL=index.js.map
|
|
7
7
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/entities/dashboard/model/context.ts","../src/entities/dashboard/model/hooks.ts","../src/shared/lib/tree/tree-helpers.ts","../src/shared/config/constants.ts","../src/entities/dashboard/ui/DashboardProvider.tsx","../src/features/resize-pane/hooks/useResizer.ts","../src/widgets/pane-tree/ui/PaneTree.tsx","../src/entities/pane/model/context.ts","../src/entities/pane/ui/Pane.tsx","../src/entities/pane/ui/DragHandle.tsx"],"names":["DashboardContext","createContext","useDashboard","context","useContext","removePane","tree","idToRemove","newFirst","newSecond","splitPane","targetId","direction","splitType","paneToAdd","addedNode","originalNode","isFirst","swapPanes","idA","idB","addPane","insert","node","parentDirection","updateSplitPercentage","target","newPercentage","DEFAULT_SNAP_THRESHOLD","DEFAULT_DRAG_ACTIVATION_DISTANCE","DEFAULT_RESIZER_SIZE","CursorOverlay","activeId","render","className","ref","useRef","useEffect","handleMove","e","jsx","DashboardProvider","layout","onChange","renderPane","renderDragOverlay","classNames","fullscreenPaneId","onFullscreenChange","onRemove","dragActivationDistance","snapThreshold","onDragStart","onDragEnd","onResizeStart","onResize","onResizeEnd","renderResizer","minSplitPercentage","maxSplitPercentage","children","setActiveId","useState","sensors","useSensors","useSensor","PointerSensor","handleDragStart","event","draggingId","handleDragEnd","active","over","overIdStr","swapMatch","match","dropZone","treeWithoutDragging","newLayout","handleRemovePane","useCallback","paneId","handleAddPane","handleSwapPanes","paneIdA","paneIdB","handleSplitPane","handleUpdateSplitPercentage","currentNode","percentage","contextValue","useMemo","jsxs","DndContext","pointerWithin","useResizer","containerRef","isRow","splitPercentage","resizerSize","onLayoutChange","localOnResizeStart","localOnResizeEnd","globalOnResizeStart","globalOnResize","globalOnResizeEnd","container","styleEl","rect","startX","startY","startPercentage","resizerEl","otherPositions","el","r","currentPercentage","handlePointerMove","moveEvent","delta","proposedPercentage","proposedPos","closestDistance","bestTarget","pos","dist","snappedPercentage","finalPercentage","handlePointerUp","globalStyle","PaneSplit","propRenderResizer","contextRenderResizer","isResizing","setIsResizing","first","second","handlePointerDown","PaneTree","propSnapThreshold","contextSnapThreshold","DragListenersCtx","activationPositions","previewPositions","DropZone","id","position","activeClassName","setNodeRef","isOver","useDroppable","Fragment","Pane","style","showDropZones","attributes","listeners","isDragging","useDraggable","dragging","isFullscreen","renderProps","DragHandle","dragProps"],"mappings":"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","file":"index.js","sourcesContent":["import { createContext, ReactNode } from 'react'\nimport { TreeNode, SplitDirection, SplitNode } from '../../../shared/model'\n\nexport interface ZeugmaClassNames {\n pane?: string\n dropPreview?: string\n swapPreview?: string\n dragOverlay?: string\n resizer?: string\n}\n\nexport interface ResizerRenderProps {\n direction: SplitDirection\n splitPercentage: number\n resizerSize: number\n isResizing: boolean\n onPointerDown: (e: React.PointerEvent<HTMLDivElement>) => void\n}\n\nexport interface DashboardContextValue {\n layout: TreeNode | null\n onLayoutChange: (newLayout: TreeNode | null) => void\n renderPane: (paneId: string) => ReactNode\n activeId: string | null\n fullscreenPaneId: string | null\n classNames: ZeugmaClassNames\n onRemove?: (paneId: string) => void\n onFullscreenChange?: (paneId: string | null) => void\n snapThreshold?: number\n onResizeStart?: (currentNode: SplitNode) => void\n onResize?: (currentNode: SplitNode, percentage: number) => void\n onResizeEnd?: (currentNode: SplitNode, percentage: number) => void\n renderResizer?: (props: ResizerRenderProps) => ReactNode\n minSplitPercentage?: number\n maxSplitPercentage?: number\n removePane: (paneId: string) => void\n addPane: (paneId: string) => void\n swapPanes: (paneIdA: string, paneIdB: string) => void\n splitPane: (\n targetId: string,\n direction: SplitDirection,\n splitType: 'left' | 'right' | 'top' | 'bottom',\n paneToAdd: string,\n ) => void\n updateSplitPercentage: (currentNode: SplitNode, percentage: number) => void\n}\n\nexport const DashboardContext = createContext<DashboardContextValue | undefined>(undefined)\n","import { useContext } from 'react'\nimport { DashboardContext } from './context'\n\nexport const useDashboard = () => {\n const context = useContext(DashboardContext)\n if (!context) {\n throw new Error('useDashboard must be used within a DashboardProvider')\n }\n return context\n}\n","import { TreeNode, SplitNode, SplitDirection, PaneNode } from '../../model'\n\n/**\n * Tree Helper: Remove a pane and consolidate the tree structure.\n */\nexport function removePane(tree: TreeNode | null, idToRemove: string): TreeNode | null {\n if (tree === null) return null\n if (tree.type === 'pane') {\n return tree.paneId === idToRemove ? null : tree\n }\n const newFirst = removePane(tree.first, idToRemove)\n const newSecond = removePane(tree.second, idToRemove)\n if (newFirst === null) return newSecond\n if (newSecond === null) return newFirst\n return { ...tree, first: newFirst, second: newSecond }\n}\n\n/**\n * Tree Helper: Insert a pane by splitting an existing target node.\n */\nexport function splitPane(\n tree: TreeNode | null,\n targetId: string,\n direction: SplitDirection,\n splitType: 'left' | 'right' | 'top' | 'bottom',\n paneToAdd: string,\n): TreeNode | null {\n if (tree === null) return { type: 'pane', paneId: paneToAdd }\n if (tree.type === 'pane') {\n if (tree.paneId === targetId) {\n const addedNode: PaneNode = { type: 'pane', paneId: paneToAdd }\n const originalNode: PaneNode = { type: 'pane', paneId: targetId }\n const isFirst = splitType === 'left' || splitType === 'top'\n return {\n type: 'split',\n direction,\n first: isFirst ? addedNode : originalNode,\n second: isFirst ? originalNode : addedNode,\n splitPercentage: 50,\n }\n }\n return tree\n }\n return {\n ...tree,\n first: splitPane(tree.first, targetId, direction, splitType, paneToAdd) || tree.first,\n second: splitPane(tree.second, targetId, direction, splitType, paneToAdd) || tree.second,\n }\n}\n\n/**\n * Tree Helper: Swap the position of two panes in the tree structure.\n */\nexport function swapPanes(tree: TreeNode | null, idA: string, idB: string): TreeNode | null {\n if (tree === null) return null\n if (tree.type === 'pane') {\n if (tree.paneId === idA) return { ...tree, paneId: idB }\n if (tree.paneId === idB) return { ...tree, paneId: idA }\n return tree\n }\n return {\n ...tree,\n first: swapPanes(tree.first, idA, idB) || tree.first,\n second: swapPanes(tree.second, idA, idB) || tree.second,\n }\n}\n\n/**\n * Tree Helper: Add a pane by recursively splitting the rightmost/bottommost pane in the tree.\n */\nexport function addPane(tree: TreeNode | null, paneToAdd: string): TreeNode {\n if (tree === null) {\n return { type: 'pane', paneId: paneToAdd }\n }\n\n function insert(node: TreeNode, parentDirection: SplitDirection | null): TreeNode {\n if (node.type === 'pane') {\n const direction: SplitDirection = parentDirection === 'row' ? 'column' : 'row'\n return {\n type: 'split',\n direction,\n splitPercentage: 50,\n first: node,\n second: { type: 'pane', paneId: paneToAdd },\n }\n }\n\n return {\n ...node,\n second: insert(node.second, node.direction),\n }\n }\n\n return insert(tree, null)\n}\n\n/**\n * Tree Helper: Update split percentage recursively.\n */\nexport function updateSplitPercentage(\n tree: TreeNode | null,\n target: SplitNode,\n newPercentage: number,\n): TreeNode | null {\n if (tree === null) return null\n if (tree === target) {\n return { ...tree, splitPercentage: newPercentage } as SplitNode\n }\n if (tree.type === 'split') {\n return {\n ...tree,\n first: updateSplitPercentage(tree.first, target, newPercentage) || tree.first,\n second: updateSplitPercentage(tree.second, target, newPercentage) || tree.second,\n }\n }\n return tree\n}\n","export const DEFAULT_SNAP_THRESHOLD = 8 // px\nexport const DEFAULT_DRAG_ACTIVATION_DISTANCE = 8 // px\nexport const DEFAULT_RESIZER_SIZE = 4 // px\n","import React, { useState, useEffect, useRef, ReactNode, useMemo, useCallback } from 'react'\nimport {\n DndContext,\n useSensor,\n useSensors,\n PointerSensor,\n DragStartEvent,\n DragEndEvent,\n pointerWithin,\n} from '@dnd-kit/core'\nimport { TreeNode, SplitDirection, SplitNode } from '../../../shared/model'\nimport {\n removePane,\n splitPane,\n swapPanes,\n addPane,\n updateSplitPercentage,\n} from '../../../shared/lib/tree'\nimport { DEFAULT_DRAG_ACTIVATION_DISTANCE, DEFAULT_SNAP_THRESHOLD } from '../../../shared/config'\nimport { DashboardContext, ZeugmaClassNames, ResizerRenderProps } from '../model/context'\n\n/** Cursor-following overlay rendered via portal */\nconst CursorOverlay: React.FC<{\n activeId: string\n render: (id: string) => ReactNode\n className?: string\n}> = ({ activeId, render, className }) => {\n const ref = useRef<HTMLDivElement>(null)\n\n useEffect(() => {\n const handleMove = (e: PointerEvent) => {\n if (ref.current) {\n ref.current.style.transform = `translate(${e.clientX + 12}px, ${e.clientY + 12}px)`\n }\n }\n document.addEventListener('pointermove', handleMove)\n return () => document.removeEventListener('pointermove', handleMove)\n }, [])\n\n return (\n <div\n ref={ref}\n className={className}\n style={{\n position: 'fixed',\n top: 0,\n left: 0,\n zIndex: 9999,\n pointerEvents: 'none',\n }}\n >\n {render(activeId)}\n </div>\n )\n}\n\ninterface DashboardProviderProps {\n layout: TreeNode | null\n onChange: (newLayout: TreeNode | null) => void\n renderPane: (paneId: string) => ReactNode\n renderDragOverlay?: (activeId: string) => ReactNode\n classNames?: ZeugmaClassNames\n fullscreenPaneId?: string | null\n onFullscreenChange?: (paneId: string | null) => void\n onRemove?: (paneId: string) => void\n dragActivationDistance?: number\n snapThreshold?: number\n onDragStart?: (activeId: string) => void\n onDragEnd?: (\n activeId: string,\n overId: string | null,\n dropAction: {\n type: 'split' | 'swap'\n direction?: SplitDirection\n position?: 'top' | 'bottom' | 'left' | 'right' | 'center'\n } | null,\n ) => void\n onResizeStart?: (currentNode: SplitNode) => void\n onResize?: (currentNode: SplitNode, percentage: number) => void\n onResizeEnd?: (currentNode: SplitNode, percentage: number) => void\n renderResizer?: (props: ResizerRenderProps) => ReactNode\n minSplitPercentage?: number\n maxSplitPercentage?: number\n children: ReactNode\n}\n\nexport const DashboardProvider: React.FC<DashboardProviderProps> = ({\n layout,\n onChange,\n renderPane,\n renderDragOverlay,\n classNames = {},\n fullscreenPaneId = null,\n onFullscreenChange,\n onRemove,\n dragActivationDistance = DEFAULT_DRAG_ACTIVATION_DISTANCE,\n snapThreshold = DEFAULT_SNAP_THRESHOLD,\n onDragStart,\n onDragEnd,\n onResizeStart,\n onResize,\n onResizeEnd,\n renderResizer,\n minSplitPercentage = 5,\n maxSplitPercentage = 95,\n children,\n}) => {\n const [activeId, setActiveId] = useState<string | null>(null)\n\n const sensors = useSensors(\n useSensor(PointerSensor, {\n activationConstraint: { distance: dragActivationDistance },\n }),\n )\n\n const handleDragStart = (event: DragStartEvent) => {\n const draggingId = event.active.id.toString()\n setActiveId(draggingId)\n if (onDragStart) {\n onDragStart(draggingId)\n }\n }\n\n const handleDragEnd = (event: DragEndEvent) => {\n setActiveId(null)\n const { active, over } = event\n const draggingId = active.id.toString()\n\n if (!over) {\n if (onDragEnd) {\n onDragEnd(draggingId, null, null)\n }\n return\n }\n\n const overIdStr = over.id.toString()\n\n // Check for center (swap) drop\n const swapMatch = overIdStr.match(/^drop-center-(.+)$/)\n if (swapMatch) {\n const [, targetId] = swapMatch\n if (draggingId !== targetId) {\n onChange(swapPanes(layout, draggingId, targetId))\n }\n if (onDragEnd) {\n onDragEnd(draggingId, targetId, { type: 'swap', position: 'center' })\n }\n return\n }\n\n // Check for edge (split) drop\n const match = overIdStr.match(/^drop-(left|right|top|bottom)-(.+)$/)\n if (!match) {\n if (onDragEnd) {\n onDragEnd(draggingId, null, null)\n }\n return\n }\n\n const [, dropZone, targetId] = match\n if (draggingId === targetId) {\n if (onDragEnd) {\n onDragEnd(draggingId, null, null)\n }\n return\n }\n\n const direction: SplitDirection = dropZone === 'left' || dropZone === 'right' ? 'row' : 'column'\n const treeWithoutDragging = removePane(layout, draggingId)\n\n const newLayout = splitPane(\n treeWithoutDragging,\n targetId,\n direction,\n dropZone as 'left' | 'right' | 'top' | 'bottom',\n draggingId,\n )\n onChange(newLayout)\n if (onDragEnd) {\n onDragEnd(draggingId, targetId, {\n type: 'split',\n direction,\n position: dropZone as 'left' | 'right' | 'top' | 'bottom',\n })\n }\n }\n\n const handleRemovePane = useCallback(\n (paneId: string) => {\n const newLayout = removePane(layout, paneId)\n onChange(newLayout)\n },\n [layout, onChange],\n )\n\n const handleAddPane = useCallback(\n (paneId: string) => {\n const newLayout = addPane(layout, paneId)\n onChange(newLayout)\n },\n [layout, onChange],\n )\n\n const handleSwapPanes = useCallback(\n (paneIdA: string, paneIdB: string) => {\n const newLayout = swapPanes(layout, paneIdA, paneIdB)\n onChange(newLayout)\n },\n [layout, onChange],\n )\n\n const handleSplitPane = useCallback(\n (\n targetId: string,\n direction: SplitDirection,\n splitType: 'left' | 'right' | 'top' | 'bottom',\n paneToAdd: string,\n ) => {\n const newLayout = splitPane(layout, targetId, direction, splitType, paneToAdd)\n onChange(newLayout)\n },\n [layout, onChange],\n )\n\n const handleUpdateSplitPercentage = useCallback(\n (currentNode: SplitNode, percentage: number) => {\n const newLayout = updateSplitPercentage(layout, currentNode, percentage)\n onChange(newLayout)\n },\n [layout, onChange],\n )\n\n // Best practice: Memoize context value to prevent unnecessary re-renders of context consumers.\n const contextValue = useMemo(\n () => ({\n layout,\n onLayoutChange: onChange,\n renderPane,\n activeId,\n fullscreenPaneId,\n classNames,\n onRemove,\n onFullscreenChange,\n snapThreshold,\n onResizeStart,\n onResize,\n onResizeEnd,\n renderResizer,\n minSplitPercentage,\n maxSplitPercentage,\n removePane: handleRemovePane,\n addPane: handleAddPane,\n swapPanes: handleSwapPanes,\n splitPane: handleSplitPane,\n updateSplitPercentage: handleUpdateSplitPercentage,\n }),\n [\n layout,\n onChange,\n renderPane,\n activeId,\n fullscreenPaneId,\n classNames,\n onRemove,\n onFullscreenChange,\n snapThreshold,\n onResizeStart,\n onResize,\n onResizeEnd,\n renderResizer,\n minSplitPercentage,\n maxSplitPercentage,\n handleRemovePane,\n handleAddPane,\n handleSwapPanes,\n handleSplitPane,\n handleUpdateSplitPercentage,\n ],\n )\n\n return (\n <DashboardContext.Provider value={contextValue}>\n <DndContext\n sensors={sensors}\n collisionDetection={pointerWithin}\n onDragStart={handleDragStart}\n onDragEnd={handleDragEnd}\n >\n {children}\n </DndContext>\n {activeId && renderDragOverlay && (\n <CursorOverlay\n activeId={activeId}\n render={renderDragOverlay}\n className={classNames.dragOverlay}\n />\n )}\n </DashboardContext.Provider>\n )\n}\n","import React, { useCallback } from 'react'\nimport { TreeNode, SplitNode, SplitDirection } from '../../../shared/model'\nimport { updateSplitPercentage } from '../../../shared/lib/tree'\nimport { useDashboard } from '../../../entities/dashboard'\n\ninterface UseResizerProps {\n containerRef: React.RefObject<HTMLDivElement | null>\n isRow: boolean\n direction: SplitDirection\n splitPercentage: number\n resizerSize: number\n snapThreshold: number\n layout: TreeNode | null\n currentNode: SplitNode\n onLayoutChange: (newLayout: TreeNode | null) => void\n onResizeStart?: () => void\n onResizeEnd?: () => void\n}\n\nexport function useResizer({\n containerRef,\n isRow,\n direction,\n splitPercentage,\n resizerSize,\n snapThreshold,\n layout,\n currentNode,\n onLayoutChange,\n onResizeStart: localOnResizeStart,\n onResizeEnd: localOnResizeEnd,\n}: UseResizerProps) {\n const {\n onResizeStart: globalOnResizeStart,\n onResize: globalOnResize,\n onResizeEnd: globalOnResizeEnd,\n minSplitPercentage = 5,\n maxSplitPercentage = 95,\n } = useDashboard()\n\n return useCallback(\n (e: React.PointerEvent<HTMLDivElement>) => {\n e.preventDefault()\n const container = containerRef.current\n if (!container) return\n\n document.body.classList.add('zeugma-resizing')\n\n // Inject global cursor style to keep resizing cursor active across the entire page during drag\n const styleEl = document.createElement('style')\n styleEl.id = 'zeugma-global-cursor-style'\n styleEl.textContent = `\n * {\n cursor: ${isRow ? 'col-resize' : 'row-resize'} !important;\n user-select: none !important;\n }\n `\n document.head.appendChild(styleEl)\n\n if (localOnResizeStart) {\n localOnResizeStart()\n }\n if (globalOnResizeStart) {\n globalOnResizeStart(currentNode)\n }\n\n const rect = container.getBoundingClientRect()\n const startX = e.clientX\n const startY = e.clientY\n const startPercentage = splitPercentage\n\n // Cache other resizers of the same direction once at drag-start to prevent layout thrashing on move\n const resizerEl = e.currentTarget\n resizerEl.setAttribute('data-resizing', 'true')\n\n const otherResizers = Array.from(\n document.querySelectorAll('div[role=\"separator\"][data-direction]'),\n ).filter((el) => el !== resizerEl && el.getAttribute('data-direction') === direction)\n\n const otherPositions = otherResizers.map((el) => {\n const r = el.getBoundingClientRect()\n return isRow ? r.left + r.width / 2 : r.top + r.height / 2\n })\n\n let currentPercentage = startPercentage\n\n const handlePointerMove = (moveEvent: PointerEvent) => {\n const delta = isRow\n ? ((moveEvent.clientX - startX) / rect.width) * 100\n : ((moveEvent.clientY - startY) / rect.height) * 100\n const proposedPercentage = startPercentage + delta\n\n // Find physical position corresponding to proposed percentage\n const proposedPos = isRow\n ? rect.left + (rect.width - resizerSize) * (proposedPercentage / 100) + resizerSize / 2\n : rect.top + (rect.height - resizerSize) * (proposedPercentage / 100) + resizerSize / 2\n\n let closestDistance = Infinity\n let bestTarget: number | null = null\n\n for (const pos of otherPositions) {\n const dist = Math.abs(proposedPos - pos)\n if (dist < snapThreshold && dist < closestDistance) {\n closestDistance = dist\n bestTarget = pos\n }\n }\n\n let snappedPercentage = proposedPercentage\n if (bestTarget !== null) {\n snappedPercentage = isRow\n ? ((bestTarget - resizerSize / 2 - rect.left) / (rect.width - resizerSize)) * 100\n : ((bestTarget - resizerSize / 2 - rect.top) / (rect.height - resizerSize)) * 100\n }\n\n const finalPercentage = Math.max(\n minSplitPercentage,\n Math.min(maxSplitPercentage, snappedPercentage),\n )\n currentPercentage = finalPercentage\n const newLayout = updateSplitPercentage(layout, currentNode, finalPercentage)\n onLayoutChange(newLayout)\n if (globalOnResize) {\n globalOnResize(currentNode, finalPercentage)\n }\n }\n\n const handlePointerUp = () => {\n document.body.classList.remove('zeugma-resizing')\n resizerEl.removeAttribute('data-resizing')\n\n const globalStyle = document.getElementById('zeugma-global-cursor-style')\n if (globalStyle) {\n globalStyle.remove()\n }\n\n document.removeEventListener('pointermove', handlePointerMove)\n document.removeEventListener('pointerup', handlePointerUp)\n\n if (localOnResizeEnd) {\n localOnResizeEnd()\n }\n if (globalOnResizeEnd) {\n globalOnResizeEnd(currentNode, currentPercentage)\n }\n }\n\n document.addEventListener('pointermove', handlePointerMove)\n document.addEventListener('pointerup', handlePointerUp)\n },\n [\n containerRef,\n isRow,\n direction,\n splitPercentage,\n resizerSize,\n snapThreshold,\n layout,\n currentNode,\n onLayoutChange,\n localOnResizeStart,\n localOnResizeEnd,\n globalOnResizeStart,\n globalOnResize,\n globalOnResizeEnd,\n minSplitPercentage,\n maxSplitPercentage,\n ],\n )\n}\n","import React, { useRef, useState } from 'react'\nimport { useDashboard, ResizerRenderProps } from '../../../entities/dashboard'\nimport { useResizer } from '../../../features/resize-pane'\nimport { TreeNode, SplitNode } from '../../../shared/model'\n\nexport interface PaneTreeProps {\n tree?: TreeNode | null\n /** Size of the resizer in pixels (default 4) */\n resizerSize?: number\n /** Threshold in pixels to snap to adjacent resizer edges (default 8) */\n snapThreshold?: number\n /** Custom resizer renderer to override context-level renderResizer */\n renderResizer?: (props: ResizerRenderProps) => React.ReactNode\n}\n\ninterface PaneSplitProps {\n currentNode: SplitNode\n resizerSize: number\n snapThreshold?: number\n renderResizer?: (props: ResizerRenderProps) => React.ReactNode\n}\n\nconst PaneSplit: React.FC<PaneSplitProps> = ({\n currentNode,\n resizerSize,\n snapThreshold,\n renderResizer: propRenderResizer,\n}) => {\n const { layout, onLayoutChange, classNames, renderResizer: contextRenderResizer } = useDashboard()\n const [isResizing, setIsResizing] = useState(false)\n\n const renderResizer = propRenderResizer || contextRenderResizer\n\n const containerRef = useRef<HTMLDivElement>(null)\n const { direction, first, second, splitPercentage } = currentNode\n const isRow = direction === 'row'\n\n const handlePointerDown = useResizer({\n containerRef,\n isRow,\n direction,\n splitPercentage,\n resizerSize,\n snapThreshold: snapThreshold ?? 8,\n layout,\n currentNode,\n onLayoutChange,\n onResizeStart: () => setIsResizing(true),\n onResizeEnd: () => setIsResizing(false),\n })\n\n return (\n <div\n ref={containerRef}\n style={{\n display: 'flex',\n flexDirection: isRow ? 'row' : 'column',\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n }}\n >\n <div style={{ flex: `${splitPercentage} 1 0%`, overflow: 'hidden' }}>\n <PaneTree\n tree={first}\n resizerSize={resizerSize}\n snapThreshold={snapThreshold}\n renderResizer={propRenderResizer}\n />\n </div>\n {renderResizer ? (\n renderResizer({\n direction,\n splitPercentage,\n resizerSize,\n isResizing,\n onPointerDown: handlePointerDown,\n })\n ) : (\n <div\n className={classNames.resizer}\n data-direction={direction}\n style={{\n width: isRow ? `${resizerSize}px` : '100%',\n height: isRow ? '100%' : `${resizerSize}px`,\n cursor: isRow ? 'col-resize' : 'row-resize',\n position: 'relative',\n zIndex: 10,\n userSelect: 'none',\n boxSizing: 'border-box',\n flexShrink: 0,\n }}\n onPointerDown={handlePointerDown}\n role=\"separator\"\n aria-valuenow={splitPercentage}\n aria-valuemin={5}\n aria-valuemax={95}\n />\n )}\n <div style={{ flex: `${100 - splitPercentage} 1 0%`, overflow: 'hidden' }}>\n <PaneTree\n tree={second}\n resizerSize={resizerSize}\n snapThreshold={snapThreshold}\n renderResizer={propRenderResizer}\n />\n </div>\n </div>\n )\n}\n\nexport const PaneTree: React.FC<PaneTreeProps> = ({\n tree,\n resizerSize = 4,\n snapThreshold: propSnapThreshold,\n renderResizer,\n}) => {\n const {\n layout,\n renderPane,\n fullscreenPaneId,\n snapThreshold: contextSnapThreshold,\n } = useDashboard()\n\n const snapThreshold = propSnapThreshold !== undefined ? propSnapThreshold : contextSnapThreshold\n\n // Fullscreen bypass\n if (fullscreenPaneId && !tree) {\n return (\n <div style={{ width: '100%', height: '100%', position: 'relative' }}>\n {renderPane(fullscreenPaneId)}\n </div>\n )\n }\n\n const currentNode = tree !== undefined ? tree : layout\n\n if (!currentNode) return null\n\n if (currentNode.type === 'pane') {\n return (\n <div style={{ width: '100%', height: '100%', position: 'relative' }}>\n {renderPane(currentNode.paneId)}\n </div>\n )\n }\n\n return (\n <PaneSplit\n currentNode={currentNode}\n resizerSize={resizerSize}\n snapThreshold={snapThreshold}\n renderResizer={renderResizer}\n />\n )\n}\n","import { createContext } from 'react'\n\nexport const DragListenersCtx = createContext<Record<string, unknown> | null>(null)\n","import React, { useMemo } from 'react'\nimport { useDraggable, useDroppable } from '@dnd-kit/core'\nimport { useDashboard } from '../../dashboard'\nimport { DragListenersCtx } from '../model/context'\nimport { PaneRenderProps } from '../model/types'\n\ninterface DropZoneProps {\n id: string\n position: 'top' | 'bottom' | 'left' | 'right' | 'center'\n activeClassName?: string\n}\n\nconst activationPositions: Record<string, React.CSSProperties> = {\n top: {\n position: 'absolute',\n top: 0,\n left: '25%',\n width: '50%',\n height: '25%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: '25%',\n width: '50%',\n height: '25%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n left: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n width: '25%',\n height: '100%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '25%',\n height: '100%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n center: {\n position: 'absolute',\n top: '25%',\n left: '25%',\n width: '50%',\n height: '50%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n}\n\nconst previewPositions: Record<string, React.CSSProperties> = {\n top: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n left: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n width: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n center: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n}\n\nconst DropZone: React.FC<DropZoneProps> = ({ id, position, activeClassName }) => {\n const { setNodeRef, isOver } = useDroppable({ id })\n return (\n <>\n <div ref={setNodeRef} style={activationPositions[position]} />\n {isOver && <div className={activeClassName} style={previewPositions[position]} />}\n </>\n )\n}\n\ninterface PaneProps {\n id: string\n children: (props: PaneRenderProps) => React.ReactNode\n style?: React.CSSProperties\n}\n\nexport const Pane: React.FC<PaneProps> = ({ id, children, style }) => {\n const { activeId, classNames, fullscreenPaneId, onRemove, onFullscreenChange, removePane } =\n useDashboard()\n const showDropZones = activeId !== null && activeId !== id\n\n const { attributes, listeners, setNodeRef, isDragging } = useDraggable({ id })\n const dragging = activeId === id || isDragging\n const isFullscreen = fullscreenPaneId === id\n\n const renderProps: PaneRenderProps = {\n isDragging: dragging,\n isFullscreen,\n toggleFullscreen: () => onFullscreenChange?.(isFullscreen ? null : id),\n remove: () => {\n if (isFullscreen) {\n onFullscreenChange?.(null)\n }\n if (onRemove) {\n onRemove(id)\n } else {\n removePane(id)\n }\n },\n }\n\n // Best practice: Memoize drag context value to prevent unnecessary re-renders of the drag handle.\n const contextValue = useMemo(\n () => ({\n ...listeners,\n ...attributes,\n }),\n [listeners, attributes],\n )\n\n return (\n <DragListenersCtx.Provider value={contextValue}>\n <div\n ref={setNodeRef}\n className={classNames.pane}\n style={{ position: 'relative', width: '100%', height: '100%', ...style }}\n >\n {children(renderProps)}\n\n {showDropZones && (\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 15,\n pointerEvents: 'none',\n }}\n >\n {(['top', 'bottom', 'left', 'right'] as const).map((pos) => (\n <DropZone\n key={pos}\n id={`drop-${pos}-${id}`}\n position={pos}\n activeClassName={classNames.dropPreview}\n />\n ))}\n <DropZone\n id={`drop-center-${id}`}\n position=\"center\"\n activeClassName={classNames.swapPreview}\n />\n </div>\n )}\n </div>\n </DragListenersCtx.Provider>\n )\n}\n","import React, { useContext } from 'react'\nimport { DragListenersCtx } from '../model/context'\n\ninterface DragHandleProps {\n children: React.ReactNode\n className?: string\n style?: React.CSSProperties\n}\n\nexport const DragHandle: React.FC<DragHandleProps> = ({ children, className, style }) => {\n const dragProps = useContext(DragListenersCtx)\n if (!dragProps) {\n throw new Error('<DragHandle> must be used inside a <Pane>')\n }\n return (\n <div\n className={className}\n style={{ cursor: 'grab', userSelect: 'none', ...style }}\n {...dragProps}\n >\n {children}\n </div>\n )\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/entities/dashboard/model/context.ts","../src/entities/dashboard/model/hooks.ts","../src/shared/lib/tree/tree-helpers.ts","../src/shared/config/constants.ts","../src/entities/dashboard/ui/DashboardProvider.tsx","../src/entities/dashboard/ui/RootDropZone.tsx","../src/features/resize-pane/hooks/useResizer.ts","../src/widgets/pane-tree/ui/PaneTree.tsx","../src/entities/pane/model/context.ts","../src/entities/pane/ui/Pane.tsx","../src/entities/pane/ui/DragHandle.tsx"],"names":["DashboardContext","createContext","useDashboard","context","useContext","removePane","tree","idToRemove","newFirst","newSecond","splitPane","targetId","direction","splitType","paneToAdd","addedNode","originalNode","isFirst","swapPanes","idA","idB","addPane","insert","node","parentDirection","updateSplitPercentage","target","newPercentage","splitRoot","draggingId","treeWithoutDragging","draggedNode","DEFAULT_SNAP_THRESHOLD","DEFAULT_DRAG_ACTIVATION_DISTANCE","DEFAULT_RESIZER_SIZE","CursorOverlay","activeId","render","className","ref","useRef","useEffect","handleMove","e","jsx","DashboardProvider","layout","onChange","renderPane","renderDragOverlay","classNames","fullscreenPaneId","onFullscreenChange","onRemove","dragActivationDistance","snapThreshold","onDragStart","onDragEnd","onResizeStart","onResize","onResizeEnd","renderResizer","minSplitPercentage","maxSplitPercentage","children","setActiveId","useState","sensors","useSensors","useSensor","PointerSensor","handleDragStart","event","handleDragEnd","active","over","overIdStr","rootMatch","dropZone","newLayout","swapMatch","match","handleRemovePane","useCallback","paneId","handleAddPane","handleSwapPanes","paneIdA","paneIdB","handleSplitPane","handleUpdateSplitPercentage","currentNode","percentage","contextValue","useMemo","jsxs","DndContext","pointerWithin","rootActivationPositions","rootPreviewPositions","RootDropZone","id","position","activeClassName","setNodeRef","isOver","useDroppable","Fragment","RootDropZones","hasOtherPanes","dropPreviewClassName","pos","useResizer","containerRef","isRow","splitPercentage","resizerSize","onLayoutChange","localOnResizeStart","localOnResizeEnd","globalOnResizeStart","globalOnResize","globalOnResizeEnd","container","styleEl","rect","startX","startY","startPercentage","resizerEl","otherPositions","el","r","currentPercentage","handlePointerMove","moveEvent","delta","proposedPercentage","proposedPos","closestDistance","bestTarget","dist","snappedPercentage","finalPercentage","handlePointerUp","globalStyle","PaneSplit","propRenderResizer","contextRenderResizer","isResizing","setIsResizing","first","second","handlePointerDown","PaneTree","propSnapThreshold","contextSnapThreshold","renderContent","DragListenersCtx","activationPositions","previewPositions","DropZone","Pane","style","showDropZones","attributes","listeners","isDragging","useDraggable","dragging","isFullscreen","renderProps","DragHandle","dragProps"],"mappings":"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","file":"index.js","sourcesContent":["import { createContext, ReactNode } from 'react'\nimport { TreeNode, SplitDirection, SplitNode } from '../../../shared/model'\n\nexport interface ZeugmaClassNames {\n pane?: string\n dropPreview?: string\n swapPreview?: string\n dragOverlay?: string\n resizer?: string\n}\n\nexport interface ResizerRenderProps {\n direction: SplitDirection\n splitPercentage: number\n resizerSize: number\n isResizing: boolean\n onPointerDown: (e: React.PointerEvent<HTMLDivElement>) => void\n}\n\nexport interface DashboardContextValue {\n layout: TreeNode | null\n onLayoutChange: (newLayout: TreeNode | null) => void\n renderPane: (paneId: string) => ReactNode\n activeId: string | null\n fullscreenPaneId: string | null\n classNames: ZeugmaClassNames\n onRemove?: (paneId: string) => void\n onFullscreenChange?: (paneId: string | null) => void\n snapThreshold?: number\n onResizeStart?: (currentNode: SplitNode) => void\n onResize?: (currentNode: SplitNode, percentage: number) => void\n onResizeEnd?: (currentNode: SplitNode, percentage: number) => void\n renderResizer?: (props: ResizerRenderProps) => ReactNode\n minSplitPercentage?: number\n maxSplitPercentage?: number\n removePane: (paneId: string) => void\n addPane: (paneId: string) => void\n swapPanes: (paneIdA: string, paneIdB: string) => void\n splitPane: (\n targetId: string,\n direction: SplitDirection,\n splitType: 'left' | 'right' | 'top' | 'bottom',\n paneToAdd: string,\n ) => void\n updateSplitPercentage: (currentNode: SplitNode, percentage: number) => void\n}\n\nexport const DashboardContext = createContext<DashboardContextValue | undefined>(undefined)\n","import { useContext } from 'react'\nimport { DashboardContext } from './context'\n\nexport const useDashboard = () => {\n const context = useContext(DashboardContext)\n if (!context) {\n throw new Error('useDashboard must be used within a DashboardProvider')\n }\n return context\n}\n","import { TreeNode, SplitNode, SplitDirection, PaneNode } from '../../model'\n\n/**\n * Tree Helper: Remove a pane and consolidate the tree structure.\n */\nexport function removePane(tree: TreeNode | null, idToRemove: string): TreeNode | null {\n if (tree === null) return null\n if (tree.type === 'pane') {\n return tree.paneId === idToRemove ? null : tree\n }\n const newFirst = removePane(tree.first, idToRemove)\n const newSecond = removePane(tree.second, idToRemove)\n if (newFirst === null) return newSecond\n if (newSecond === null) return newFirst\n return { ...tree, first: newFirst, second: newSecond }\n}\n\n/**\n * Tree Helper: Insert a pane by splitting an existing target node.\n */\nexport function splitPane(\n tree: TreeNode | null,\n targetId: string,\n direction: SplitDirection,\n splitType: 'left' | 'right' | 'top' | 'bottom',\n paneToAdd: string,\n): TreeNode | null {\n if (tree === null) return { type: 'pane', paneId: paneToAdd }\n if (tree.type === 'pane') {\n if (tree.paneId === targetId) {\n const addedNode: PaneNode = { type: 'pane', paneId: paneToAdd }\n const originalNode: PaneNode = { type: 'pane', paneId: targetId }\n const isFirst = splitType === 'left' || splitType === 'top'\n return {\n type: 'split',\n direction,\n first: isFirst ? addedNode : originalNode,\n second: isFirst ? originalNode : addedNode,\n splitPercentage: 50,\n }\n }\n return tree\n }\n return {\n ...tree,\n first: splitPane(tree.first, targetId, direction, splitType, paneToAdd) || tree.first,\n second: splitPane(tree.second, targetId, direction, splitType, paneToAdd) || tree.second,\n }\n}\n\n/**\n * Tree Helper: Swap the position of two panes in the tree structure.\n */\nexport function swapPanes(tree: TreeNode | null, idA: string, idB: string): TreeNode | null {\n if (tree === null) return null\n if (tree.type === 'pane') {\n if (tree.paneId === idA) return { ...tree, paneId: idB }\n if (tree.paneId === idB) return { ...tree, paneId: idA }\n return tree\n }\n return {\n ...tree,\n first: swapPanes(tree.first, idA, idB) || tree.first,\n second: swapPanes(tree.second, idA, idB) || tree.second,\n }\n}\n\n/**\n * Tree Helper: Add a pane by recursively splitting the rightmost/bottommost pane in the tree.\n */\nexport function addPane(tree: TreeNode | null, paneToAdd: string): TreeNode {\n if (tree === null) {\n return { type: 'pane', paneId: paneToAdd }\n }\n\n function insert(node: TreeNode, parentDirection: SplitDirection | null): TreeNode {\n if (node.type === 'pane') {\n const direction: SplitDirection = parentDirection === 'row' ? 'column' : 'row'\n return {\n type: 'split',\n direction,\n splitPercentage: 50,\n first: node,\n second: { type: 'pane', paneId: paneToAdd },\n }\n }\n\n return {\n ...node,\n second: insert(node.second, node.direction),\n }\n }\n\n return insert(tree, null)\n}\n\n/**\n * Tree Helper: Update split percentage recursively.\n */\nexport function updateSplitPercentage(\n tree: TreeNode | null,\n target: SplitNode,\n newPercentage: number,\n): TreeNode | null {\n if (tree === null) return null\n if (tree === target) {\n return { ...tree, splitPercentage: newPercentage } as SplitNode\n }\n if (tree.type === 'split') {\n return {\n ...tree,\n first: updateSplitPercentage(tree.first, target, newPercentage) || tree.first,\n second: updateSplitPercentage(tree.second, target, newPercentage) || tree.second,\n }\n }\n return tree\n}\n\n/**\n * Tree Helper: Split the entire tree at the root using a dragged pane.\n */\nexport function splitRoot(\n tree: TreeNode | null,\n draggingId: string,\n splitType: 'left' | 'right' | 'top' | 'bottom',\n): TreeNode | null {\n const treeWithoutDragging = removePane(tree, draggingId)\n if (treeWithoutDragging === null) {\n return { type: 'pane', paneId: draggingId }\n }\n\n const direction: SplitDirection = splitType === 'left' || splitType === 'right' ? 'row' : 'column'\n const isFirst = splitType === 'left' || splitType === 'top'\n const draggedNode: TreeNode = { type: 'pane', paneId: draggingId }\n\n return {\n type: 'split',\n direction,\n first: isFirst ? draggedNode : treeWithoutDragging,\n second: isFirst ? treeWithoutDragging : draggedNode,\n splitPercentage: 50,\n }\n}\n","export const DEFAULT_SNAP_THRESHOLD = 8 // px\nexport const DEFAULT_DRAG_ACTIVATION_DISTANCE = 8 // px\nexport const DEFAULT_RESIZER_SIZE = 4 // px\n","import React, { useState, useEffect, useRef, ReactNode, useMemo, useCallback } from 'react'\nimport {\n DndContext,\n useSensor,\n useSensors,\n PointerSensor,\n DragStartEvent,\n DragEndEvent,\n pointerWithin,\n} from '@dnd-kit/core'\nimport { TreeNode, SplitDirection, SplitNode } from '../../../shared/model'\nimport {\n removePane,\n splitPane,\n swapPanes,\n addPane,\n updateSplitPercentage,\n splitRoot,\n} from '../../../shared/lib/tree'\nimport { DEFAULT_DRAG_ACTIVATION_DISTANCE, DEFAULT_SNAP_THRESHOLD } from '../../../shared/config'\nimport { DashboardContext, ZeugmaClassNames, ResizerRenderProps } from '../model/context'\n\n/** Cursor-following overlay rendered via portal */\nconst CursorOverlay: React.FC<{\n activeId: string\n render: (id: string) => ReactNode\n className?: string\n}> = ({ activeId, render, className }) => {\n const ref = useRef<HTMLDivElement>(null)\n\n useEffect(() => {\n const handleMove = (e: PointerEvent) => {\n if (ref.current) {\n ref.current.style.transform = `translate(${e.clientX + 12}px, ${e.clientY + 12}px)`\n }\n }\n document.addEventListener('pointermove', handleMove)\n return () => document.removeEventListener('pointermove', handleMove)\n }, [])\n\n return (\n <div\n ref={ref}\n className={className}\n style={{\n position: 'fixed',\n top: 0,\n left: 0,\n zIndex: 9999,\n pointerEvents: 'none',\n }}\n >\n {render(activeId)}\n </div>\n )\n}\n\ninterface DashboardProviderProps {\n layout: TreeNode | null\n onChange: (newLayout: TreeNode | null) => void\n renderPane: (paneId: string) => ReactNode\n renderDragOverlay?: (activeId: string) => ReactNode\n classNames?: ZeugmaClassNames\n fullscreenPaneId?: string | null\n onFullscreenChange?: (paneId: string | null) => void\n onRemove?: (paneId: string) => void\n dragActivationDistance?: number\n snapThreshold?: number\n onDragStart?: (activeId: string) => void\n onDragEnd?: (\n activeId: string,\n overId: string | null,\n dropAction: {\n type: 'split' | 'swap'\n direction?: SplitDirection\n position?: 'top' | 'bottom' | 'left' | 'right' | 'center'\n } | null,\n ) => void\n onResizeStart?: (currentNode: SplitNode) => void\n onResize?: (currentNode: SplitNode, percentage: number) => void\n onResizeEnd?: (currentNode: SplitNode, percentage: number) => void\n renderResizer?: (props: ResizerRenderProps) => ReactNode\n minSplitPercentage?: number\n maxSplitPercentage?: number\n children: ReactNode\n}\n\nexport const DashboardProvider: React.FC<DashboardProviderProps> = ({\n layout,\n onChange,\n renderPane,\n renderDragOverlay,\n classNames = {},\n fullscreenPaneId = null,\n onFullscreenChange,\n onRemove,\n dragActivationDistance = DEFAULT_DRAG_ACTIVATION_DISTANCE,\n snapThreshold = DEFAULT_SNAP_THRESHOLD,\n onDragStart,\n onDragEnd,\n onResizeStart,\n onResize,\n onResizeEnd,\n renderResizer,\n minSplitPercentage = 5,\n maxSplitPercentage = 95,\n children,\n}) => {\n const [activeId, setActiveId] = useState<string | null>(null)\n\n const sensors = useSensors(\n useSensor(PointerSensor, {\n activationConstraint: { distance: dragActivationDistance },\n }),\n )\n\n const handleDragStart = (event: DragStartEvent) => {\n const draggingId = event.active.id.toString()\n setActiveId(draggingId)\n if (onDragStart) {\n onDragStart(draggingId)\n }\n }\n\n const handleDragEnd = (event: DragEndEvent) => {\n setActiveId(null)\n const { active, over } = event\n const draggingId = active.id.toString()\n\n if (!over) {\n if (onDragEnd) {\n onDragEnd(draggingId, null, null)\n }\n return\n }\n\n const overIdStr = over.id.toString()\n\n // Check for root drop (places pane like half of the root)\n const rootMatch = overIdStr.match(/^drop-root-(left|right|top|bottom)$/)\n if (rootMatch) {\n const [, dropZone] = rootMatch\n const newLayout = splitRoot(\n layout,\n draggingId,\n dropZone as 'left' | 'right' | 'top' | 'bottom',\n )\n onChange(newLayout)\n\n if (onDragEnd) {\n const direction: SplitDirection =\n dropZone === 'left' || dropZone === 'right' ? 'row' : 'column'\n onDragEnd(draggingId, 'root', {\n type: 'split',\n direction,\n position: dropZone as 'left' | 'right' | 'top' | 'bottom',\n })\n }\n return\n }\n\n // Check for center (swap) drop\n const swapMatch = overIdStr.match(/^drop-center-(.+)$/)\n if (swapMatch) {\n const [, targetId] = swapMatch\n if (draggingId !== targetId) {\n onChange(swapPanes(layout, draggingId, targetId))\n }\n if (onDragEnd) {\n onDragEnd(draggingId, targetId, { type: 'swap', position: 'center' })\n }\n return\n }\n\n // Check for edge (split) drop\n const match = overIdStr.match(/^drop-(left|right|top|bottom)-(.+)$/)\n if (!match) {\n if (onDragEnd) {\n onDragEnd(draggingId, null, null)\n }\n return\n }\n\n const [, dropZone, targetId] = match\n if (draggingId === targetId) {\n if (onDragEnd) {\n onDragEnd(draggingId, null, null)\n }\n return\n }\n\n const direction: SplitDirection = dropZone === 'left' || dropZone === 'right' ? 'row' : 'column'\n const treeWithoutDragging = removePane(layout, draggingId)\n\n const newLayout = splitPane(\n treeWithoutDragging,\n targetId,\n direction,\n dropZone as 'left' | 'right' | 'top' | 'bottom',\n draggingId,\n )\n onChange(newLayout)\n if (onDragEnd) {\n onDragEnd(draggingId, targetId, {\n type: 'split',\n direction,\n position: dropZone as 'left' | 'right' | 'top' | 'bottom',\n })\n }\n }\n\n const handleRemovePane = useCallback(\n (paneId: string) => {\n const newLayout = removePane(layout, paneId)\n onChange(newLayout)\n },\n [layout, onChange],\n )\n\n const handleAddPane = useCallback(\n (paneId: string) => {\n const newLayout = addPane(layout, paneId)\n onChange(newLayout)\n },\n [layout, onChange],\n )\n\n const handleSwapPanes = useCallback(\n (paneIdA: string, paneIdB: string) => {\n const newLayout = swapPanes(layout, paneIdA, paneIdB)\n onChange(newLayout)\n },\n [layout, onChange],\n )\n\n const handleSplitPane = useCallback(\n (\n targetId: string,\n direction: SplitDirection,\n splitType: 'left' | 'right' | 'top' | 'bottom',\n paneToAdd: string,\n ) => {\n const newLayout = splitPane(layout, targetId, direction, splitType, paneToAdd)\n onChange(newLayout)\n },\n [layout, onChange],\n )\n\n const handleUpdateSplitPercentage = useCallback(\n (currentNode: SplitNode, percentage: number) => {\n const newLayout = updateSplitPercentage(layout, currentNode, percentage)\n onChange(newLayout)\n },\n [layout, onChange],\n )\n\n // Best practice: Memoize context value to prevent unnecessary re-renders of context consumers.\n const contextValue = useMemo(\n () => ({\n layout,\n onLayoutChange: onChange,\n renderPane,\n activeId,\n fullscreenPaneId,\n classNames,\n onRemove,\n onFullscreenChange,\n snapThreshold,\n onResizeStart,\n onResize,\n onResizeEnd,\n renderResizer,\n minSplitPercentage,\n maxSplitPercentage,\n removePane: handleRemovePane,\n addPane: handleAddPane,\n swapPanes: handleSwapPanes,\n splitPane: handleSplitPane,\n updateSplitPercentage: handleUpdateSplitPercentage,\n }),\n [\n layout,\n onChange,\n renderPane,\n activeId,\n fullscreenPaneId,\n classNames,\n onRemove,\n onFullscreenChange,\n snapThreshold,\n onResizeStart,\n onResize,\n onResizeEnd,\n renderResizer,\n minSplitPercentage,\n maxSplitPercentage,\n handleRemovePane,\n handleAddPane,\n handleSwapPanes,\n handleSplitPane,\n handleUpdateSplitPercentage,\n ],\n )\n\n return (\n <DashboardContext.Provider value={contextValue}>\n <DndContext\n id=\"zeugma-dnd-context\"\n sensors={sensors}\n collisionDetection={pointerWithin}\n onDragStart={handleDragStart}\n onDragEnd={handleDragEnd}\n >\n {children}\n </DndContext>\n {activeId && renderDragOverlay && (\n <CursorOverlay\n activeId={activeId}\n render={renderDragOverlay}\n className={classNames.dragOverlay}\n />\n )}\n </DashboardContext.Provider>\n )\n}\n","import React from 'react'\nimport { useDroppable } from '@dnd-kit/core'\n\nconst rootActivationPositions: Record<string, React.CSSProperties> = {\n top: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n height: '32px',\n zIndex: 30,\n pointerEvents: 'auto',\n },\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n height: '32px',\n zIndex: 30,\n pointerEvents: 'auto',\n },\n left: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n width: '32px',\n zIndex: 30,\n pointerEvents: 'auto',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '32px',\n zIndex: 30,\n pointerEvents: 'auto',\n },\n}\n\nconst rootPreviewPositions: Record<string, React.CSSProperties> = {\n top: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 31,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 31,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n left: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n width: '50%',\n zIndex: 31,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '50%',\n zIndex: 31,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n}\n\nexport interface RootDropZoneProps {\n id: string\n position: 'top' | 'bottom' | 'left' | 'right'\n activeClassName?: string\n}\n\nexport const RootDropZone: React.FC<RootDropZoneProps> = ({ id, position, activeClassName }) => {\n const { setNodeRef, isOver } = useDroppable({ id })\n return (\n <>\n <div ref={setNodeRef} style={rootActivationPositions[position]} />\n {isOver && <div className={activeClassName} style={rootPreviewPositions[position]} />}\n </>\n )\n}\n\nexport interface RootDropZonesProps {\n activeId: string | null\n hasOtherPanes: boolean\n dropPreviewClassName?: string\n}\n\nexport const RootDropZones: React.FC<RootDropZonesProps> = ({\n activeId,\n hasOtherPanes,\n dropPreviewClassName,\n}) => {\n if (!activeId || !hasOtherPanes) return null\n\n return (\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 30,\n pointerEvents: 'none',\n }}\n >\n {(['top', 'bottom', 'left', 'right'] as const).map((pos) => (\n <RootDropZone\n key={pos}\n id={`drop-root-${pos}`}\n position={pos}\n activeClassName={dropPreviewClassName}\n />\n ))}\n </div>\n )\n}\n","import React, { useCallback } from 'react'\nimport { TreeNode, SplitNode, SplitDirection } from '../../../shared/model'\nimport { updateSplitPercentage } from '../../../shared/lib/tree'\nimport { useDashboard } from '../../../entities/dashboard'\n\ninterface UseResizerProps {\n containerRef: React.RefObject<HTMLDivElement | null>\n isRow: boolean\n direction: SplitDirection\n splitPercentage: number\n resizerSize: number\n snapThreshold: number\n layout: TreeNode | null\n currentNode: SplitNode\n onLayoutChange: (newLayout: TreeNode | null) => void\n onResizeStart?: () => void\n onResizeEnd?: () => void\n}\n\nexport function useResizer({\n containerRef,\n isRow,\n direction,\n splitPercentage,\n resizerSize,\n snapThreshold,\n layout,\n currentNode,\n onLayoutChange,\n onResizeStart: localOnResizeStart,\n onResizeEnd: localOnResizeEnd,\n}: UseResizerProps) {\n const {\n onResizeStart: globalOnResizeStart,\n onResize: globalOnResize,\n onResizeEnd: globalOnResizeEnd,\n minSplitPercentage = 5,\n maxSplitPercentage = 95,\n } = useDashboard()\n\n return useCallback(\n (e: React.PointerEvent<HTMLDivElement>) => {\n e.preventDefault()\n const container = containerRef.current\n if (!container) return\n\n document.body.classList.add('zeugma-resizing')\n\n // Inject global cursor style to keep resizing cursor active across the entire page during drag\n const styleEl = document.createElement('style')\n styleEl.id = 'zeugma-global-cursor-style'\n styleEl.textContent = `\n * {\n cursor: ${isRow ? 'col-resize' : 'row-resize'} !important;\n user-select: none !important;\n }\n `\n document.head.appendChild(styleEl)\n\n if (localOnResizeStart) {\n localOnResizeStart()\n }\n if (globalOnResizeStart) {\n globalOnResizeStart(currentNode)\n }\n\n const rect = container.getBoundingClientRect()\n const startX = e.clientX\n const startY = e.clientY\n const startPercentage = splitPercentage\n\n // Cache other resizers of the same direction once at drag-start to prevent layout thrashing on move\n const resizerEl = e.currentTarget\n resizerEl.setAttribute('data-resizing', 'true')\n\n const otherResizers = Array.from(\n document.querySelectorAll('div[role=\"separator\"][data-direction]'),\n ).filter((el) => el !== resizerEl && el.getAttribute('data-direction') === direction)\n\n const otherPositions = otherResizers.map((el) => {\n const r = el.getBoundingClientRect()\n return isRow ? r.left + r.width / 2 : r.top + r.height / 2\n })\n\n let currentPercentage = startPercentage\n\n const handlePointerMove = (moveEvent: PointerEvent) => {\n const delta = isRow\n ? ((moveEvent.clientX - startX) / rect.width) * 100\n : ((moveEvent.clientY - startY) / rect.height) * 100\n const proposedPercentage = startPercentage + delta\n\n // Find physical position corresponding to proposed percentage\n const proposedPos = isRow\n ? rect.left + (rect.width - resizerSize) * (proposedPercentage / 100) + resizerSize / 2\n : rect.top + (rect.height - resizerSize) * (proposedPercentage / 100) + resizerSize / 2\n\n let closestDistance = Infinity\n let bestTarget: number | null = null\n\n for (const pos of otherPositions) {\n const dist = Math.abs(proposedPos - pos)\n if (dist < snapThreshold && dist < closestDistance) {\n closestDistance = dist\n bestTarget = pos\n }\n }\n\n let snappedPercentage = proposedPercentage\n if (bestTarget !== null) {\n snappedPercentage = isRow\n ? ((bestTarget - resizerSize / 2 - rect.left) / (rect.width - resizerSize)) * 100\n : ((bestTarget - resizerSize / 2 - rect.top) / (rect.height - resizerSize)) * 100\n }\n\n const finalPercentage = Math.max(\n minSplitPercentage,\n Math.min(maxSplitPercentage, snappedPercentage),\n )\n currentPercentage = finalPercentage\n const newLayout = updateSplitPercentage(layout, currentNode, finalPercentage)\n onLayoutChange(newLayout)\n if (globalOnResize) {\n globalOnResize(currentNode, finalPercentage)\n }\n }\n\n const handlePointerUp = () => {\n document.body.classList.remove('zeugma-resizing')\n resizerEl.removeAttribute('data-resizing')\n\n const globalStyle = document.getElementById('zeugma-global-cursor-style')\n if (globalStyle) {\n globalStyle.remove()\n }\n\n document.removeEventListener('pointermove', handlePointerMove)\n document.removeEventListener('pointerup', handlePointerUp)\n\n if (localOnResizeEnd) {\n localOnResizeEnd()\n }\n if (globalOnResizeEnd) {\n globalOnResizeEnd(currentNode, currentPercentage)\n }\n }\n\n document.addEventListener('pointermove', handlePointerMove)\n document.addEventListener('pointerup', handlePointerUp)\n },\n [\n containerRef,\n isRow,\n direction,\n splitPercentage,\n resizerSize,\n snapThreshold,\n layout,\n currentNode,\n onLayoutChange,\n localOnResizeStart,\n localOnResizeEnd,\n globalOnResizeStart,\n globalOnResize,\n globalOnResizeEnd,\n minSplitPercentage,\n maxSplitPercentage,\n ],\n )\n}\n","import React, { useRef, useState, useMemo } from 'react'\nimport { useDashboard, ResizerRenderProps, RootDropZones } from '../../../entities/dashboard'\nimport { useResizer } from '../../../features/resize-pane'\nimport { TreeNode, SplitNode } from '../../../shared/model'\nimport { removePane } from '../../../shared'\n\nexport interface PaneTreeProps {\n tree?: TreeNode | null\n /** Size of the resizer in pixels (default 4) */\n resizerSize?: number\n /** Threshold in pixels to snap to adjacent resizer edges (default 8) */\n snapThreshold?: number\n /** Custom resizer renderer to override context-level renderResizer */\n renderResizer?: (props: ResizerRenderProps) => React.ReactNode\n}\n\ninterface PaneSplitProps {\n currentNode: SplitNode\n resizerSize: number\n snapThreshold?: number\n renderResizer?: (props: ResizerRenderProps) => React.ReactNode\n}\n\nconst PaneSplit: React.FC<PaneSplitProps> = ({\n currentNode,\n resizerSize,\n snapThreshold,\n renderResizer: propRenderResizer,\n}) => {\n const { layout, onLayoutChange, classNames, renderResizer: contextRenderResizer } = useDashboard()\n const [isResizing, setIsResizing] = useState(false)\n\n const renderResizer = propRenderResizer || contextRenderResizer\n\n const containerRef = useRef<HTMLDivElement>(null)\n const { direction, first, second, splitPercentage } = currentNode\n const isRow = direction === 'row'\n\n const handlePointerDown = useResizer({\n containerRef,\n isRow,\n direction,\n splitPercentage,\n resizerSize,\n snapThreshold: snapThreshold ?? 8,\n layout,\n currentNode,\n onLayoutChange,\n onResizeStart: () => setIsResizing(true),\n onResizeEnd: () => setIsResizing(false),\n })\n\n return (\n <div\n ref={containerRef}\n style={{\n display: 'flex',\n flexDirection: isRow ? 'row' : 'column',\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n }}\n >\n <div style={{ flex: `${splitPercentage} 1 0%`, overflow: 'hidden' }}>\n <PaneTree\n tree={first}\n resizerSize={resizerSize}\n snapThreshold={snapThreshold}\n renderResizer={propRenderResizer}\n />\n </div>\n {renderResizer ? (\n renderResizer({\n direction,\n splitPercentage,\n resizerSize,\n isResizing,\n onPointerDown: handlePointerDown,\n })\n ) : (\n <div\n className={classNames.resizer}\n data-direction={direction}\n style={{\n width: isRow ? `${resizerSize}px` : '100%',\n height: isRow ? '100%' : `${resizerSize}px`,\n cursor: isRow ? 'col-resize' : 'row-resize',\n position: 'relative',\n zIndex: 10,\n userSelect: 'none',\n boxSizing: 'border-box',\n flexShrink: 0,\n }}\n onPointerDown={handlePointerDown}\n role=\"separator\"\n aria-valuenow={splitPercentage}\n aria-valuemin={5}\n aria-valuemax={95}\n />\n )}\n <div style={{ flex: `${100 - splitPercentage} 1 0%`, overflow: 'hidden' }}>\n <PaneTree\n tree={second}\n resizerSize={resizerSize}\n snapThreshold={snapThreshold}\n renderResizer={propRenderResizer}\n />\n </div>\n </div>\n )\n}\n\nexport const PaneTree: React.FC<PaneTreeProps> = ({\n tree,\n resizerSize = 4,\n snapThreshold: propSnapThreshold,\n renderResizer,\n}) => {\n const {\n layout,\n renderPane,\n activeId,\n classNames,\n fullscreenPaneId,\n snapThreshold: contextSnapThreshold,\n } = useDashboard()\n\n const snapThreshold = propSnapThreshold !== undefined ? propSnapThreshold : contextSnapThreshold\n\n const hasOtherPanes = useMemo(() => {\n if (!activeId) return false\n return removePane(layout, activeId) !== null\n }, [layout, activeId])\n\n // Fullscreen bypass\n if (fullscreenPaneId && !tree) {\n return (\n <div style={{ width: '100%', height: '100%', position: 'relative' }}>\n {renderPane(fullscreenPaneId)}\n </div>\n )\n }\n\n const currentNode = tree !== undefined ? tree : layout\n\n if (!currentNode) return null\n\n const renderContent = () => {\n if (currentNode.type === 'pane') {\n return (\n <div style={{ width: '100%', height: '100%', position: 'relative' }}>\n {renderPane(currentNode.paneId)}\n </div>\n )\n }\n\n return (\n <PaneSplit\n currentNode={currentNode}\n resizerSize={resizerSize}\n snapThreshold={snapThreshold}\n renderResizer={renderResizer}\n />\n )\n }\n\n // Only render RootDropZones at the top-level PaneTree (where tree is undefined)\n if (tree === undefined) {\n return (\n <div\n className=\"zeugma-dashboard-root\"\n style={{\n position: 'relative',\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n }}\n >\n {renderContent()}\n <RootDropZones\n activeId={activeId}\n hasOtherPanes={hasOtherPanes}\n dropPreviewClassName={classNames.dropPreview}\n />\n </div>\n )\n }\n\n return renderContent()\n}\n","import { createContext } from 'react'\n\nexport const DragListenersCtx = createContext<Record<string, unknown> | null>(null)\n","import React, { useMemo } from 'react'\nimport { useDraggable, useDroppable } from '@dnd-kit/core'\nimport { useDashboard } from '../../dashboard'\nimport { DragListenersCtx } from '../model/context'\nimport { PaneRenderProps } from '../model/types'\n\ninterface DropZoneProps {\n id: string\n position: 'top' | 'bottom' | 'left' | 'right' | 'center'\n activeClassName?: string\n}\n\nconst activationPositions: Record<string, React.CSSProperties> = {\n top: {\n position: 'absolute',\n top: 0,\n left: '25%',\n width: '50%',\n height: '25%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: '25%',\n width: '50%',\n height: '25%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n left: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n width: '25%',\n height: '100%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '25%',\n height: '100%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n center: {\n position: 'absolute',\n top: '25%',\n left: '25%',\n width: '50%',\n height: '50%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n}\n\nconst previewPositions: Record<string, React.CSSProperties> = {\n top: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n left: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n width: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n center: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n}\n\nconst DropZone: React.FC<DropZoneProps> = ({ id, position, activeClassName }) => {\n const { setNodeRef, isOver } = useDroppable({ id })\n return (\n <>\n <div ref={setNodeRef} style={activationPositions[position]} />\n {isOver && <div className={activeClassName} style={previewPositions[position]} />}\n </>\n )\n}\n\ninterface PaneProps {\n id: string\n children: (props: PaneRenderProps) => React.ReactNode\n style?: React.CSSProperties\n}\n\nexport const Pane: React.FC<PaneProps> = ({ id, children, style }) => {\n const { activeId, classNames, fullscreenPaneId, onRemove, onFullscreenChange, removePane } =\n useDashboard()\n const showDropZones = activeId !== null && activeId !== id\n\n const { attributes, listeners, setNodeRef, isDragging } = useDraggable({ id })\n const dragging = activeId === id || isDragging\n const isFullscreen = fullscreenPaneId === id\n\n const renderProps: PaneRenderProps = {\n isDragging: dragging,\n isFullscreen,\n toggleFullscreen: () => onFullscreenChange?.(isFullscreen ? null : id),\n remove: () => {\n if (isFullscreen) {\n onFullscreenChange?.(null)\n }\n if (onRemove) {\n onRemove(id)\n } else {\n removePane(id)\n }\n },\n }\n\n // Best practice: Memoize drag context value to prevent unnecessary re-renders of the drag handle.\n const contextValue = useMemo(\n () => ({\n ...listeners,\n ...attributes,\n }),\n [listeners, attributes],\n )\n\n return (\n <DragListenersCtx.Provider value={contextValue}>\n <div\n ref={setNodeRef}\n className={classNames.pane}\n style={{ position: 'relative', width: '100%', height: '100%', ...style }}\n >\n {children(renderProps)}\n\n {showDropZones && (\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 15,\n pointerEvents: 'none',\n }}\n >\n {(['top', 'bottom', 'left', 'right'] as const).map((pos) => (\n <DropZone\n key={pos}\n id={`drop-${pos}-${id}`}\n position={pos}\n activeClassName={classNames.dropPreview}\n />\n ))}\n <DropZone\n id={`drop-center-${id}`}\n position=\"center\"\n activeClassName={classNames.swapPreview}\n />\n </div>\n )}\n </div>\n </DragListenersCtx.Provider>\n )\n}\n","import React, { useContext } from 'react'\nimport { DragListenersCtx } from '../model/context'\n\ninterface DragHandleProps {\n children: React.ReactNode\n className?: string\n style?: React.CSSProperties\n}\n\nexport const DragHandle: React.FC<DragHandleProps> = ({ children, className, style }) => {\n const dragProps = useContext(DragListenersCtx)\n if (!dragProps) {\n throw new Error('<DragHandle> must be used inside a <Pane>')\n }\n return (\n <div\n className={className}\n style={{ cursor: 'grab', userSelect: 'none', ...style }}\n {...dragProps}\n >\n {children}\n </div>\n )\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-zeugma",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.5.1",
|
|
4
4
|
"description": "Recursive drag-and-drop dashboard layout engine for React — combining the tree-based splitting of react-mosaic with the declarative API of react-grid-layout.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": false,
|