react-zeugma 1.1.0 → 1.2.0
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 +10 -4
- package/dist/index.cjs +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +6 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -109,6 +109,9 @@ The context provider that sets up the drag-and-drop state machine, monitors acti
|
|
|
109
109
|
| `onFullscreenChange` | `(paneId: string \| null) => void` | No | Callback triggered when a pane enters or leaves fullscreen. |
|
|
110
110
|
| `onRemove` | `(paneId: string) => void` | No | Callback triggered when a pane is closed/removed from the layout tree. |
|
|
111
111
|
| `dragActivationDistance` | `number` | No | Minimum pointer drag distance (in pixels) required to activate dragging. Defaults to `8`. |
|
|
112
|
+
| `dragOutThreshold` | `number` | No | Distance in pixels outside the container bounds required to trigger drag-out mode. Defaults to `60`. |
|
|
113
|
+
| `onDragOutChange` | `(activeId: string \| null) => void` | No | Callback triggered when the drag-out state changes. Receives the pane ID or `null`. |
|
|
114
|
+
| `onDragOut` | `(activeId: string) => void` | No | Callback triggered when a pane is dropped outside the container. If not provided, the pane is automatically removed. |
|
|
112
115
|
| `onDragStart` | `(activeId: string) => void` | No | Callback triggered when dragging starts on a pane. |
|
|
113
116
|
| `onDragEnd` | `(activeId: string, overId: string \| null, dropAction: any) => void` | No | Callback triggered when dragging ends, providing swap or split details. The `overId` is set to `'root'` if dropped onto outer boundaries to split the entire dashboard root. |
|
|
114
117
|
| `onResizeStart` | `(currentNode: SplitNode) => void` | No | Callback triggered when resizing starts on a split node. |
|
|
@@ -241,6 +244,7 @@ export interface ZeugmaClassNames {
|
|
|
241
244
|
swapPreview?: string
|
|
242
245
|
dragOverlay?: string
|
|
243
246
|
resizer?: string
|
|
247
|
+
dragOut?: string
|
|
244
248
|
}
|
|
245
249
|
|
|
246
250
|
export interface PaneRenderProps {
|
|
@@ -267,6 +271,8 @@ export interface DashboardStateValue {
|
|
|
267
271
|
onLayoutChange: (newLayout: TreeNode | null) => void
|
|
268
272
|
renderPane: (paneId: string) => ReactNode
|
|
269
273
|
activeId: string | null
|
|
274
|
+
draggedOutId: string | null
|
|
275
|
+
setContainerRef: (element: HTMLElement | null) => void
|
|
270
276
|
fullscreenPaneId: string | null
|
|
271
277
|
classNames: ZeugmaClassNames
|
|
272
278
|
onRemove?: (paneId: string) => void
|
|
@@ -296,8 +302,6 @@ export interface DashboardActionsValue {
|
|
|
296
302
|
updater: (current: Record<string, unknown> | undefined) => Record<string, unknown> | undefined,
|
|
297
303
|
) => void
|
|
298
304
|
}
|
|
299
|
-
|
|
300
|
-
export type DashboardContextValue = DashboardStateValue & DashboardActionsValue
|
|
301
305
|
```
|
|
302
306
|
|
|
303
307
|
---
|
|
@@ -366,6 +370,9 @@ The root context provider. It handles the drag-and-drop event loop and coordinat
|
|
|
366
370
|
- `onFullscreenChange?: (paneId: string | null) => void` — (Optional) Callback triggered when a pane enters/leaves fullscreen.
|
|
367
371
|
- `onRemove?: (paneId: string) => void` — (Optional) Callback triggered when a pane is closed/removed.
|
|
368
372
|
- `dragActivationDistance?: number` — (Optional) Minimum pointer drag distance (in pixels) required to activate dragging. Defaults to `8`.
|
|
373
|
+
- `dragOutThreshold?: number` — (Optional) Distance in pixels outside the container boundaries required to activate drag-out mode. Defaults to `60`.
|
|
374
|
+
- `onDragOutChange?: (activeId: string | null) => void` — (Optional) Callback triggered when the drag-out state changes.
|
|
375
|
+
- `onDragOut?: (activeId: string) => void` — (Optional) Callback triggered when a pane is dropped/released outside the container. If not provided, defaults to removing the pane.
|
|
369
376
|
- `onDragStart?: (activeId: string) => void` — (Optional) Callback triggered when dragging starts on a pane.
|
|
370
377
|
- `onDragEnd?: (activeId: string, overId: string | null, dropAction: any) => void` — (Optional) Callback triggered when dragging ends. The `overId` will be `'root'` if the pane was dropped onto the outer dashboard boundaries to split the root layout.
|
|
371
378
|
- `onResizeStart?: (currentNode: SplitNode) => void` — (Optional) Callback triggered when resizing starts.
|
|
@@ -441,9 +448,8 @@ Alternatively, you can consume state and mutation helpers directly from the cont
|
|
|
441
448
|
|
|
442
449
|
- **`useDashboardState()`**: Returns the reactive state values (e.g., `layout`, `activeId`, `classNames`). Consumers of this hook will re-render whenever layout state updates.
|
|
443
450
|
- **`useDashboardActions()`**: Returns the stable layout mutation actions (e.g., `removePane`, `splitPane`). Because these actions have a permanent identity, consumers of this hook **will not** re-render when layout state changes, providing a significant performance optimization.
|
|
444
|
-
- **`useDashboard()`**: Returns both state and actions (backward compatible; equivalent to the union of both).
|
|
445
451
|
|
|
446
|
-
The actions returned by `useDashboardActions()`
|
|
452
|
+
The actions returned by `useDashboardActions()` are:
|
|
447
453
|
|
|
448
454
|
- **`removePane(paneId: string) => void`**
|
|
449
455
|
- **`addPane(paneId: string) => void`**
|
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
|
|
1
|
+
'use strict';var react=require('react'),core=require('@dnd-kit/core'),jsxRuntime=require('react/jsx-runtime');var de=react.createContext(void 0),ce=react.createContext(void 0);var k=()=>{let e=react.useContext(de);if(!e)throw new Error("useDashboardState must be used within a DashboardProvider");return e},be=()=>{let e=react.useContext(ce);if(!e)throw new Error("useDashboardActions must be used within a DashboardProvider");return e};function Z(e,t){if(e===null)return null;if(e.type==="pane")return e.paneId===t?null:e;let o=Z(e.first,t),r=Z(e.second,t);return o===null?r:r===null?o:{...e,first:o,second:r}}function ae(e,t,o,r,n){if(e===null)return typeof n=="string"?{type:"pane",paneId:n}:n;if(e.type==="pane"){if(e.paneId===t){let d=typeof n=="string"?{type:"pane",paneId:n}:n,a=r==="left"||r==="top";return {type:"split",direction:o,first:a?d:e,second:a?e:d,splitPercentage:50}}return e}return {...e,first:ae(e.first,t,o,r,n)||e.first,second:ae(e.second,t,o,r,n)||e.second}}function Pe(e,t,o){if(e===null)return null;let r=A(e,t),n=A(e,o);if(!r||!n)return e;function d(a){return a.type==="pane"?a.paneId===t?{...n}:a.paneId===o?{...r}:a:{...a,first:d(a.first),second:d(a.second)}}return d(e)}function Ze(e,t){if(e===null)return {type:"pane",paneId:t};function o(r,n){return r.type==="pane"?{type:"split",direction:n==="row"?"column":"row",splitPercentage:50,first:r,second:{type:"pane",paneId:t}}:{...r,second:o(r.second,r.direction)}}return o(e,null)}function G(e,t,o){return e===null?null:e===t?{...e,splitPercentage:o}:e.type==="split"?{...e,first:G(e.first,t,o)||e.first,second:G(e.second,t,o)||e.second}:e}function $e(e,t,o){let r=A(e,t)??{type:"pane",paneId:t},n=Z(e,t);if(n===null)return {...r};let d=o==="left"||o==="right"?"row":"column",a=o==="left"||o==="top",p={...r};return {type:"split",direction:d,first:a?p:n,second:a?n:p,splitPercentage:50}}function A(e,t){return e===null?null:e.type==="pane"?e.paneId===t?e:null:A(e.first,t)??A(e.second,t)}function ue(e,t,o){if(e===null)return null;if(e.type==="pane"){if(e.paneId===t){let r=o(e.metadata);if(r===void 0){let{metadata:n,...d}=e;return d}return {...e,metadata:r}}return e}return {...e,first:ue(e.first,t,o)??e.first,second:ue(e.second,t,o)??e.second}}var Je=8,Ke=8,Zt=4;var rt=({activeId:e,render:t,className:o})=>{let r=react.useRef(null);return react.useEffect(()=>{let n=d=>{r.current&&(r.current.style.transform=`translate(${d.clientX+12}px, ${d.clientY+12}px)`);};return document.addEventListener("pointermove",n),()=>document.removeEventListener("pointermove",n)},[]),jsxRuntime.jsx("div",{ref:r,className:o,style:{position:"fixed",top:0,left:0,zIndex:9999,pointerEvents:"none"},children:t(e)})},Ne=class extends core.PointerSensor{static activators=[{eventName:"onPointerDown",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]},De=class extends core.TouchSensor{static activators=[{eventName:"onTouchStart",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]},it=({layout:e,onChange:t,renderPane:o,renderDragOverlay:r,classNames:n={},fullscreenPaneId:d=null,onFullscreenChange:a,onRemove:p,dragActivationDistance:C=8,snapThreshold:N=8,onDragStart:x,onDragEnd:c,onResizeStart:h,onResize:z,onResizeEnd:D,renderResizer:v,minSplitPercentage:f=5,maxSplitPercentage:b=95,dragOutThreshold:J=60,onDragOutChange:P,onDragOut:K,children:ne})=>{let[g,R]=react.useState(e),me=react.useRef(e);e!==me.current&&(me.current=e,R(e));let[U,X]=react.useState(null),[M,Y]=react.useState(null),S=react.useRef(null),I=react.useRef(null),Q=react.useCallback(s=>{S.current=s;},[]),B=react.useRef(P);B.current=P;let j=react.useRef(K);j.current=K;let w=react.useRef(g);w.current=g;let T=react.useRef(t);T.current=t;let W=react.useRef(o);W.current=o;let ee=react.useRef(D);ee.current=D;let oe=react.useCallback(s=>W.current(s),[]),re=react.useMemo(()=>n,[n.pane,n.dropPreview,n.swapPreview,n.dragOverlay,n.resizer,n.dragOut]),ie=core.useSensors(core.useSensor(Ne,{activationConstraint:{distance:C}}),core.useSensor(De,{activationConstraint:{delay:250,tolerance:5}})),Xe=s=>{let u=s.active.id.toString();X(u),S.current?I.current=S.current.getBoundingClientRect():I.current=null,x&&x(u);},Ye=s=>{let u=s.active.id.toString(),i=I.current;if(!i){M!==null&&(Y(null),B.current?.(null));return}let l=s.activatorEvent,L=null,E=null;if(l instanceof MouseEvent||l instanceof PointerEvent)L=l.clientX+s.delta.x,E=l.clientY+s.delta.y;else if(typeof TouchEvent<"u"&&l instanceof TouchEvent){let m=l.touches[0]||l.changedTouches[0];m&&(L=m.clientX+s.delta.x,E=m.clientY+s.delta.y);}let H=0;if(L!==null&&E!==null){let m=0,y=0;L<i.left?m=i.left-L:L>i.right&&(m=L-i.right),E<i.top?y=i.top-E:E>i.bottom&&(y=E-i.bottom),H=Math.sqrt(m*m+y*y);}else {let m=s.active.rect.current.translated;if(m){let y=m.left+m.width/2,V=m.top+m.height/2,q=0,te=0;y<i.left?q=i.left-y:y>i.right&&(q=y-i.right),V<i.top?te=i.top-V:V>i.bottom&&(te=V-i.bottom),H=Math.sqrt(q*q+te*te);}}H>J?M!==u&&(Y(u),B.current?.(u)):M!==null&&(Y(null),B.current?.(null));},Be=s=>{X(null);let{active:u,over:i}=s,l=u.id.toString(),L=M===l;if(Y(null),B.current?.(null),I.current=null,L){j.current?j.current(l):p?p(l):he(l),c&&c(l,null,null);return}if(!i){c&&c(l,null,null);return}let E=i.id.toString(),H=E.match(/^drop-root-(left|right|top|bottom)$/);if(H){let[,_]=H,se=$e(g,l,_);R(se),t(se),c&&c(l,"root",{type:"split",direction:_==="left"||_==="right"?"row":"column",position:_});return}let ve=E.match(/^drop-center-(.+)$/);if(ve){let[,_]=ve;if(l!==_){let se=Pe(g,l,_);R(se),t(se);}c&&c(l,_,{type:"swap",position:"center"});return}let m=E.match(/^drop-(left|right|top|bottom)-(.+)$/);if(!m){c&&c(l,null,null);return}let[,y,V]=m;if(l===V){c&&c(l,null,null);return}let q=y==="left"||y==="right"?"row":"column",te=A(g,l)??{type:"pane",paneId:l},Ge=Z(g,l),Oe=ae(Ge,V,q,y,te);R(Oe),t(Oe),c&&c(l,V,{type:"split",direction:q,position:y});},Ie=react.useCallback(s=>{R(s);},[]),he=react.useCallback(s=>{let u=Z(w.current,s);R(u),T.current(u);},[]),Ee=react.useCallback(s=>{let u=Ze(w.current,s);R(u),T.current(u);},[]),Ce=react.useCallback((s,u)=>{let i=Pe(w.current,s,u);R(i),T.current(i);},[]),Te=react.useCallback((s,u,i,l)=>{let L=A(w.current,l)??{type:"pane",paneId:l},E=Z(w.current,l),H=ae(E,s,u,i,L);R(H),T.current(H);},[]),Le=react.useCallback((s,u)=>{let i=G(w.current,s,u);R(i),T.current(i);},[]),Me=react.useCallback((s,u)=>{let i=ue(w.current,s,u);R(i),T.current(i);},[]),Ae=react.useCallback((s,u)=>{let i=G(w.current,s,u);R(i),T.current(i),ee.current&&ee.current(s,u);},[]),We=react.useMemo(()=>({layout:g,onLayoutChange:Ie,renderPane:oe,activeId:U,draggedOutId:M,setContainerRef:Q,fullscreenPaneId:d,classNames:re,onRemove:p,onFullscreenChange:a,snapThreshold:N,onResizeStart:h,onResize:z,onResizeEnd:Ae,renderResizer:v,minSplitPercentage:f,maxSplitPercentage:b}),[g,U,M,Q,d,re,p,a,N,h,z,v,f,b,Ie,oe,Ae]),qe=react.useMemo(()=>({removePane:he,addPane:Ee,swapPanes:Ce,splitPane:Te,updateSplitPercentage:Le,updatePaneMetadata:Me}),[he,Ee,Ce,Te,Le,Me]);return jsxRuntime.jsx(ce.Provider,{value:qe,children:jsxRuntime.jsxs(de.Provider,{value:We,children:[jsxRuntime.jsx(core.DndContext,{id:"zeugma-dnd-context",sensors:ie,collisionDetection:core.pointerWithin,onDragStart:Xe,onDragMove:Ye,onDragEnd:Be,children:ne}),U&&r&&jsxRuntime.jsx(rt,{activeId:U,render:r,className:`${n.dragOverlay||""} ${U===M?n.dragOut||"zeugma-dragout":""}`.trim()})]})})};var lt={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"}},dt={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"}},ct=({id:e,position:t,activeClassName:o})=>{let{setNodeRef:r,isOver:n}=core.useDroppable({id:e});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{ref:r,style:lt[t]}),n&&jsxRuntime.jsx("div",{className:o,style:dt[t]})]})},_e=({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(r=>jsxRuntime.jsx(ct,{id:`drop-root-${r}`,position:r,activeClassName:o},r))});function Se({containerRef:e,isRow:t,direction:o,splitPercentage:r,resizerSize:n,snapThreshold:d,layout:a,currentNode:p,onLayoutChange:C,onResizeStart:N,onResizeEnd:x}){let{onResizeStart:c,onResize:h,onResizeEnd:z,minSplitPercentage:D=5,maxSplitPercentage:v=95}=k();return react.useCallback(f=>{f.preventDefault();let b=e.current;if(!b)return;document.body.classList.add("zeugma-resizing");let J=document.createElement("style");J.id="zeugma-global-cursor-style",J.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(J),N&&N(),c&&c(p);let P=b.getBoundingClientRect(),K=f.clientX,ne=f.clientY,g=r,R=f.currentTarget;R.setAttribute("data-resizing","true");let U=Array.from(document.querySelectorAll('div[role="separator"][data-direction]')).filter(S=>S!==R&&S.getAttribute("data-direction")===o).map(S=>{let I=S.getBoundingClientRect();return t?I.left+I.width/2:I.top+I.height/2}),X=g,M=S=>{let I=t?(S.clientX-K)/P.width*100:(S.clientY-ne)/P.height*100,Q=g+I,B=t?P.left+(P.width-n)*(Q/100)+n/2:P.top+(P.height-n)*(Q/100)+n/2,j=1/0,w=null;for(let re of U){let ie=Math.abs(B-re);ie<d&&ie<j&&(j=ie,w=re);}let T=Q;w!==null&&(T=t?(w-n/2-P.left)/(P.width-n)*100:(w-n/2-P.top)/(P.height-n)*100);let W=Math.max(D,Math.min(v,T));X=W;let ee=b.children[0],oe=b.children[b.children.length-1];ee&&oe&&(ee.style.flex=`${W} 1 0%`,oe.style.flex=`${100-W} 1 0%`),h&&h(p,W);},Y=()=>{document.body.classList.remove("zeugma-resizing"),R.removeAttribute("data-resizing");let S=document.getElementById("zeugma-global-cursor-style");S&&S.remove(),document.removeEventListener("pointermove",M),document.removeEventListener("pointerup",Y);let I=G(a,p,X);console.log("onLayoutChange (finalized) called with percentage:",X),C(I),x&&x(),z&&z(p,X);};document.addEventListener("pointermove",M),document.addEventListener("pointerup",Y);},[e,t,o,r,n,d,a,p,C,N,x,c,h,z,D,v])}var vt=({currentNode:e,resizerSize:t,snapThreshold:o,renderResizer:r})=>{let{layout:n,onLayoutChange:d,classNames:a,renderResizer:p}=k(),[C,N]=react.useState(false),x=r||p,c=react.useRef(null),{direction:h,first:z,second:D,splitPercentage:v}=e,f=h==="row",b=Se({containerRef:c,isRow:f,direction:h,splitPercentage:v,resizerSize:t,snapThreshold:o??8,layout:n,currentNode:e,onLayoutChange:d,onResizeStart:()=>N(true),onResizeEnd:()=>N(false)});return jsxRuntime.jsxs("div",{ref:c,style:{display:"flex",flexDirection:f?"row":"column",width:"100%",height:"100%",overflow:"hidden"},children:[jsxRuntime.jsx("div",{style:{flex:`${v} 1 0%`,overflow:"hidden"},children:jsxRuntime.jsx(we,{tree:z,resizerSize:t,snapThreshold:o,renderResizer:r})}),x?x({direction:h,splitPercentage:v,resizerSize:t,isResizing:C,onPointerDown:b}):jsxRuntime.jsx("div",{className:a.resizer,"data-direction":h,style:{width:f?`${t}px`:"100%",height:f?"100%":`${t}px`,cursor:f?"col-resize":"row-resize",position:"relative",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box",flexShrink:0},onPointerDown:b,role:"separator","aria-valuenow":v,"aria-valuemin":5,"aria-valuemax":95}),jsxRuntime.jsx("div",{style:{flex:`${100-v} 1 0%`,overflow:"hidden"},children:jsxRuntime.jsx(we,{tree:D,resizerSize:t,snapThreshold:o,renderResizer:r})})]})},we=({tree:e,resizerSize:t=4,snapThreshold:o,renderResizer:r})=>{let{layout:n,renderPane:d,activeId:a,draggedOutId:p,setContainerRef:C,classNames:N,fullscreenPaneId:x,snapThreshold:c}=k(),h=o!==void 0?o:c,z=react.useMemo(()=>e!==void 0||!a?false:Z(n,a)!==null,[e,n,a]);if(x&&!e)return jsxRuntime.jsx("div",{style:{width:"100%",height:"100%",position:"relative"},children:d(x)});let D=e!==void 0?e:n;if(!D)return null;let v=()=>D.type==="pane"?jsxRuntime.jsx("div",{style:{width:"100%",height:"100%",position:"relative"},children:d(D.paneId)}):jsxRuntime.jsx(vt,{currentNode:D,resizerSize:t,snapThreshold:h,renderResizer:r});return e===void 0?jsxRuntime.jsxs("div",{ref:C,className:`zeugma-dashboard-root ${a!==null&&a===p?"zeugma-dashboard-dragout-active":""}`.trim(),style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:[v(),jsxRuntime.jsx(_e,{activeId:a,hasOtherPanes:z,dropPreviewClassName:N.dropPreview})]}):v()};var ge=react.createContext(null);var xt={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:"25%",left:0,width:"25%",height:"50%",zIndex:20,pointerEvents:"auto"},right:{position:"absolute",top:"25%",right:0,width:"25%",height:"50%",zIndex:20,pointerEvents:"auto"},center:{position:"absolute",top:"25%",left:"25%",width:"50%",height:"50%",zIndex:20,pointerEvents:"auto"}},Nt={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"}},Ue=({id:e,position:t,activeClassName:o})=>{let{setNodeRef:r,isOver:n}=core.useDroppable({id:e});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{ref:r,style:xt[t]}),n&&jsxRuntime.jsx("div",{className:o,style:Nt[t]})]})},Dt=({id:e,children:t,style:o})=>{let{layout:r,activeId:n,classNames:d,fullscreenPaneId:a,onRemove:p,onFullscreenChange:C}=k(),{removePane:N,updatePaneMetadata:x}=be(),c=n!==null&&n!==e,{attributes:h,listeners:z,setNodeRef:D,isDragging:v}=core.useDraggable({id:e}),f=n===e||v,b=a===e,P=react.useMemo(()=>A(r,e),[r,e])?.metadata,K=react.useMemo(()=>({isDragging:f,isFullscreen:b,toggleFullscreen:()=>C?.(b?null:e),remove:()=>{b&&C?.(null),p?p(e):N(e);},metadata:P,updateMetadata:g=>{x(e,g);}}),[f,b,C,e,p,N,P,x]),ne=react.useMemo(()=>({...z,...h}),[z,h]);return jsxRuntime.jsx(ge.Provider,{value:ne,children:jsxRuntime.jsxs("div",{ref:D,className:d.pane,style:{position:"relative",width:"100%",height:"100%",...o},children:[t(K),c&&jsxRuntime.jsxs("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:[["top","bottom","left","right"].map(g=>jsxRuntime.jsx(Ue,{id:`drop-${g}-${e}`,position:g,activeClassName:d.dropPreview},g)),jsxRuntime.jsx(Ue,{id:`drop-center-${e}`,position:"center",activeClassName:d.swapPreview})]})]})})};var yt=({children:e,className:t,style:o})=>{let r=react.useContext(ge);if(!r)throw new Error("<DragHandle> must be used inside a <Pane>");return jsxRuntime.jsx("div",{className:t,style:{cursor:"grab",userSelect:"none",touchAction:"none",...o},...r,children:e})};exports.DEFAULT_DRAG_ACTIVATION_DISTANCE=Ke;exports.DEFAULT_RESIZER_SIZE=Zt;exports.DEFAULT_SNAP_THRESHOLD=Je;exports.DashboardProvider=it;exports.DragHandle=yt;exports.Pane=Dt;exports.PaneTree=we;exports.addPane=Ze;exports.findPane=A;exports.removePane=Z;exports.splitPane=ae;exports.splitRoot=$e;exports.swapPanes=Pe;exports.updatePaneMetadata=ue;exports.updateSplitPercentage=G;exports.useDashboardActions=be;exports.useDashboardState=k;exports.useResizer=Se;//# 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/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":["DashboardStateContext","createContext","DashboardActionsContext","useDashboardState","state","useContext","useDashboardActions","actions","removePane","tree","idToRemove","newFirst","newSecond","splitPane","targetId","direction","splitType","paneToAdd","addedNode","isFirst","swapPanes","idA","idB","nodeA","findPane","nodeB","swap","node","addPane","insert","parentDirection","updateSplitPercentage","target","newPercentage","splitRoot","draggingId","draggedPaneNode","treeWithoutDragging","draggedNode","paneId","updatePaneMetadata","updater","newMetadata","_","rest","DEFAULT_SNAP_THRESHOLD","DEFAULT_DRAG_ACTIVATION_DISTANCE","DEFAULT_RESIZER_SIZE","CursorOverlay","activeId","render","className","ref","useRef","useEffect","handleMove","e","jsx","SmartPointerSensor","PointerSensor","event","SmartTouchSensor","TouchSensor","DashboardProvider","layout","onChange","renderPane","renderDragOverlay","classNames","fullscreenPaneId","onFullscreenChange","onRemove","dragActivationDistance","snapThreshold","onDragStart","onDragEnd","onResizeStart","onResize","onResizeEnd","renderResizer","minSplitPercentage","maxSplitPercentage","children","localLayout","setLocalLayout","useState","prevLayoutRef","setActiveId","layoutRef","onChangeRef","renderPaneRef","onResizeEndPropRef","stableRenderPane","useCallback","stableClassNames","useMemo","sensors","useSensors","useSensor","handleDragStart","handleDragEnd","active","over","overIdStr","rootMatch","dropZone","newLayout","swapMatch","match","handleLocalLayoutChange","handleRemovePane","handleAddPane","handleSwapPanes","paneIdA","paneIdB","handleSplitPane","handleUpdateSplitPercentage","currentNode","percentage","handleUpdatePaneMetadata","handleResizeEnd","finalLayout","stateValue","actionsValue","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","firstChild","secondChild","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","metadata","renderProps","contextValue","DragHandle","dragProps"],"mappings":"8GA6DO,IAAMA,EAAAA,CAAwBC,oBAA+C,MAAS,CAAA,CAChFC,EAAAA,CAA0BD,mBAAAA,CAAiD,MAAS,CAAA,CCrD1F,IAAME,CAAAA,CAAoB,IAA2B,CAC1D,IAAMC,CAAAA,CAAQC,gBAAAA,CAAWL,EAAqB,CAAA,CAC9C,GAAI,CAACI,CAAAA,CACH,MAAM,IAAI,KAAA,CAAM,2DAA2D,CAAA,CAE7E,OAAOA,CACT,CAAA,CAGaE,EAAAA,CAAsB,IAA6B,CAC9D,IAAMC,EAAUF,gBAAAA,CAAWH,EAAuB,CAAA,CAClD,GAAI,CAACK,CAAAA,CACH,MAAM,IAAI,KAAA,CAAM,6DAA6D,CAAA,CAE/E,OAAOA,CACT,ECnBO,SAASC,EAAWC,CAAAA,CAAuBC,CAAAA,CAAqC,CACrF,GAAID,CAAAA,GAAS,IAAA,CAAM,OAAO,IAAA,CAC1B,GAAIA,CAAAA,CAAK,IAAA,GAAS,MAAA,CAChB,OAAOA,EAAK,MAAA,GAAWC,CAAAA,CAAa,IAAA,CAAOD,CAAAA,CAE7C,IAAME,CAAAA,CAAWH,EAAWC,CAAAA,CAAK,KAAA,CAAOC,CAAU,CAAA,CAC5CE,CAAAA,CAAYJ,CAAAA,CAAWC,EAAK,MAAA,CAAQC,CAAU,CAAA,CACpD,OAAIC,CAAAA,GAAa,IAAA,CAAaC,EAC1BA,CAAAA,GAAc,IAAA,CAAaD,CAAAA,CACxB,CAAE,GAAGF,CAAAA,CAAM,MAAOE,CAAAA,CAAU,MAAA,CAAQC,CAAU,CACvD,CAKO,SAASC,GACdJ,CAAAA,CACAK,CAAAA,CACAC,CAAAA,CACAC,CAAAA,CACAC,CAAAA,CACiB,CACjB,GAAIR,CAAAA,GAAS,IAAA,CACX,OAAO,OAAOQ,CAAAA,EAAc,QAAA,CAAW,CAAE,IAAA,CAAM,MAAA,CAAQ,MAAA,CAAQA,CAAU,CAAA,CAAIA,CAAAA,CAE/E,GAAIR,CAAAA,CAAK,IAAA,GAAS,MAAA,CAAQ,CACxB,GAAIA,CAAAA,CAAK,SAAWK,CAAAA,CAAU,CAC5B,IAAMI,CAAAA,CACJ,OAAOD,CAAAA,EAAc,SAAW,CAAE,IAAA,CAAM,MAAA,CAAQ,MAAA,CAAQA,CAAU,CAAA,CAAIA,EAClEE,CAAAA,CAAUH,CAAAA,GAAc,MAAA,EAAUA,CAAAA,GAAc,KAAA,CACtD,OAAO,CACL,IAAA,CAAM,OAAA,CACN,SAAA,CAAAD,CAAAA,CACA,KAAA,CAAOI,CAAAA,CAAUD,EAAYT,CAAAA,CAC7B,MAAA,CAAQU,CAAAA,CAAUV,CAAAA,CAAOS,CAAAA,CACzB,eAAA,CAAiB,EACnB,CACF,CACA,OAAOT,CACT,CACA,OAAO,CACL,GAAGA,CAAAA,CACH,KAAA,CAAOI,EAAAA,CAAUJ,CAAAA,CAAK,KAAA,CAAOK,EAAUC,CAAAA,CAAWC,CAAAA,CAAWC,CAAS,CAAA,EAAKR,CAAAA,CAAK,KAAA,CAChF,MAAA,CAAQI,EAAAA,CAAUJ,CAAAA,CAAK,MAAA,CAAQK,CAAAA,CAAUC,CAAAA,CAAWC,CAAAA,CAAWC,CAAS,GAAKR,CAAAA,CAAK,MACpF,CACF,CAKO,SAASW,EAAAA,CAAUX,EAAuBY,CAAAA,CAAaC,CAAAA,CAA8B,CAC1F,GAAIb,CAAAA,GAAS,IAAA,CAAM,OAAO,IAAA,CAG1B,IAAMc,CAAAA,CAAQC,CAAAA,CAASf,CAAAA,CAAMY,CAAG,EAC1BI,CAAAA,CAAQD,CAAAA,CAASf,CAAAA,CAAMa,CAAG,CAAA,CAChC,GAAI,CAACC,CAAAA,EAAS,CAACE,CAAAA,CAAO,OAAOhB,CAAAA,CAG7B,SAASiB,EAAKC,CAAAA,CAA0B,CACtC,OAAIA,CAAAA,CAAK,IAAA,GAAS,MAAA,CACZA,EAAK,MAAA,GAAWN,CAAAA,CAAY,CAAE,GAAGI,CAAO,CAAA,CACxCE,EAAK,MAAA,GAAWL,CAAAA,CAAY,CAAE,GAAGC,CAAO,CAAA,CACrCI,EAEF,CACL,GAAGA,CAAAA,CACH,KAAA,CAAOD,CAAAA,CAAKC,CAAAA,CAAK,KAAK,CAAA,CACtB,MAAA,CAAQD,CAAAA,CAAKC,CAAAA,CAAK,MAAM,CAC1B,CACF,CAEA,OAAOD,CAAAA,CAAKjB,CAAI,CAClB,CAKO,SAASmB,EAAAA,CAAQnB,CAAAA,CAAuBQ,CAAAA,CAA6B,CAC1E,GAAIR,CAAAA,GAAS,KACX,OAAO,CAAE,IAAA,CAAM,MAAA,CAAQ,MAAA,CAAQQ,CAAU,EAG3C,SAASY,CAAAA,CAAOF,CAAAA,CAAgBG,CAAAA,CAAkD,CAChF,OAAIH,EAAK,IAAA,GAAS,MAAA,CAET,CACL,IAAA,CAAM,OAAA,CACN,SAAA,CAHgCG,CAAAA,GAAoB,KAAA,CAAQ,QAAA,CAAW,KAAA,CAIvE,eAAA,CAAiB,EAAA,CACjB,KAAA,CAAOH,CAAAA,CACP,OAAQ,CAAE,IAAA,CAAM,MAAA,CAAQ,MAAA,CAAQV,CAAU,CAC5C,EAGK,CACL,GAAGU,CAAAA,CACH,MAAA,CAAQE,CAAAA,CAAOF,CAAAA,CAAK,OAAQA,CAAAA,CAAK,SAAS,CAC5C,CACF,CAEA,OAAOE,EAAOpB,CAAAA,CAAM,IAAI,CAC1B,CAKO,SAASsB,CAAAA,CACdtB,EACAuB,CAAAA,CACAC,CAAAA,CACiB,CACjB,OAAIxB,CAAAA,GAAS,IAAA,CAAa,KACtBA,CAAAA,GAASuB,CAAAA,CACJ,CAAE,GAAGvB,CAAAA,CAAM,eAAA,CAAiBwB,CAAc,CAAA,CAE/CxB,CAAAA,CAAK,IAAA,GAAS,OAAA,CACT,CACL,GAAGA,EACH,KAAA,CAAOsB,CAAAA,CAAsBtB,CAAAA,CAAK,KAAA,CAAOuB,CAAAA,CAAQC,CAAa,GAAKxB,CAAAA,CAAK,KAAA,CACxE,MAAA,CAAQsB,CAAAA,CAAsBtB,CAAAA,CAAK,MAAA,CAAQuB,EAAQC,CAAa,CAAA,EAAKxB,CAAAA,CAAK,MAC5E,CAAA,CAEKA,CACT,CAKO,SAASyB,EAAAA,CACdzB,CAAAA,CACA0B,CAAAA,CACAnB,CAAAA,CACiB,CAEjB,IAAMoB,CAAAA,CAA4BZ,CAAAA,CAASf,CAAAA,CAAM0B,CAAU,CAAA,EAAK,CAC9D,KAAM,MAAA,CACN,MAAA,CAAQA,CACV,CAAA,CACME,CAAAA,CAAsB7B,CAAAA,CAAWC,EAAM0B,CAAU,CAAA,CACvD,GAAIE,CAAAA,GAAwB,IAAA,CAC1B,OAAO,CAAE,GAAGD,CAAgB,CAAA,CAG9B,IAAMrB,CAAAA,CAA4BC,CAAAA,GAAc,MAAA,EAAUA,CAAAA,GAAc,OAAA,CAAU,KAAA,CAAQ,QAAA,CACpFG,CAAAA,CAAUH,CAAAA,GAAc,MAAA,EAAUA,IAAc,KAAA,CAChDsB,CAAAA,CAAwB,CAAE,GAAGF,CAAgB,CAAA,CAEnD,OAAO,CACL,IAAA,CAAM,OAAA,CACN,SAAA,CAAArB,CAAAA,CACA,KAAA,CAAOI,EAAUmB,CAAAA,CAAcD,CAAAA,CAC/B,MAAA,CAAQlB,CAAAA,CAAUkB,CAAAA,CAAsBC,CAAAA,CACxC,gBAAiB,EACnB,CACF,CAKO,SAASd,CAAAA,CAASf,CAAAA,CAAuB8B,EAAiC,CAC/E,OAAI9B,CAAAA,GAAS,IAAA,CAAa,IAAA,CACtBA,CAAAA,CAAK,OAAS,MAAA,CACTA,CAAAA,CAAK,MAAA,GAAW8B,CAAAA,CAAS9B,CAAAA,CAAO,IAAA,CAElCe,EAASf,CAAAA,CAAK,KAAA,CAAO8B,CAAM,CAAA,EAAKf,CAAAA,CAASf,CAAAA,CAAK,OAAQ8B,CAAM,CACrE,CAKO,SAASC,EAAAA,CACd/B,CAAAA,CACA8B,EACAE,CAAAA,CACiB,CACjB,GAAIhC,CAAAA,GAAS,IAAA,CAAM,OAAO,KAC1B,GAAIA,CAAAA,CAAK,IAAA,GAAS,MAAA,CAAQ,CACxB,GAAIA,EAAK,MAAA,GAAW8B,CAAAA,CAAQ,CAC1B,IAAMG,CAAAA,CAAcD,CAAAA,CAAQhC,EAAK,QAAQ,CAAA,CACzC,GAAIiC,CAAAA,GAAgB,MAAA,CAAW,CAE7B,GAAM,CAAE,QAAA,CAAUC,CAAAA,CAAG,GAAGC,CAAK,CAAA,CAAInC,EACjC,OAAOmC,CACT,CACA,OAAO,CAAE,GAAGnC,EAAM,QAAA,CAAUiC,CAAY,CAC1C,CACA,OAAOjC,CACT,CACA,OAAO,CACL,GAAGA,CAAAA,CACH,KAAA,CAAO+B,EAAAA,CAAmB/B,CAAAA,CAAK,MAAO8B,CAAAA,CAAQE,CAAO,CAAA,EAAKhC,CAAAA,CAAK,KAAA,CAC/D,MAAA,CAAQ+B,GAAmB/B,CAAAA,CAAK,MAAA,CAAQ8B,CAAAA,CAAQE,CAAO,CAAA,EAAKhC,CAAAA,CAAK,MACnE,CACF,CCvMO,IAAMoC,EAAAA,CAAyB,CAAA,CACzBC,EAAAA,CAAmC,EACnCC,EAAAA,CAAuB,EC6BpC,IAAMC,EAAAA,CAID,CAAC,CAAE,QAAA,CAAAC,CAAAA,CAAU,OAAAC,CAAAA,CAAQ,SAAA,CAAAC,CAAU,CAAA,GAAM,CACxC,IAAMC,EAAMC,YAAAA,CAAuB,IAAI,CAAA,CAEvC,OAAAC,eAAAA,CAAU,IAAM,CACd,IAAMC,CAAAA,CAAcC,CAAAA,EAAoB,CAClCJ,CAAAA,CAAI,OAAA,GACNA,EAAI,OAAA,CAAQ,KAAA,CAAM,SAAA,CAAY,CAAA,UAAA,EAAaI,CAAAA,CAAE,OAAA,CAAU,EAAE,CAAA,IAAA,EAAOA,CAAAA,CAAE,OAAA,CAAU,EAAE,CAAA,GAAA,CAAA,EAElF,CAAA,CACA,gBAAS,gBAAA,CAAiB,aAAA,CAAeD,CAAU,CAAA,CAC5C,IAAM,QAAA,CAAS,oBAAoB,aAAA,CAAeA,CAAU,CACrE,CAAA,CAAG,EAAE,EAGHE,cAAAA,CAAC,KAAA,CAAA,CACC,GAAA,CAAKL,CAAAA,CACL,SAAA,CAAWD,CAAAA,CACX,MAAO,CACL,QAAA,CAAU,OAAA,CACV,GAAA,CAAK,CAAA,CACL,IAAA,CAAM,EACN,MAAA,CAAQ,IAAA,CACR,aAAA,CAAe,MACjB,CAAA,CAEC,QAAA,CAAAD,CAAAA,CAAOD,CAAQ,CAAA,CAClB,CAEJ,CAAA,CAEMS,EAAAA,CAAN,cAAiCC,kBAAc,CAC7C,OAAO,UAAA,CAAa,CAClB,CACE,SAAA,CAAW,eAAA,CACX,QAAS,CAAC,CAAE,WAAA,CAAaC,CAAM,CAAA,GAEzB,CADYA,EAAM,MAAA,EACT,OAAA,CAAQ,cAAc,CAKvC,CACF,CACF,EAEMC,EAAAA,CAAN,cAA+BC,gBAAY,CACzC,OAAO,UAAA,CAAa,CAClB,CACE,SAAA,CAAW,cAAA,CACX,OAAA,CAAS,CAAC,CAAE,YAAaF,CAAM,CAAA,GAEzB,CADYA,CAAAA,CAAM,MAAA,EACT,OAAA,CAAQ,cAAc,CAKvC,CACF,CACF,CAAA,CAgCaG,EAAAA,CAAsD,CAAC,CAClE,MAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,kBAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CAAa,EAAC,CACd,gBAAA,CAAAC,EAAmB,IAAA,CACnB,kBAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,sBAAA,CAAAC,EAAyB,CAAA,CACzB,aAAA,CAAAC,CAAAA,CAAgB,CAAA,CAChB,WAAA,CAAAC,CAAAA,CACA,UAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,EACA,aAAA,CAAAC,CAAAA,CACA,kBAAA,CAAAC,CAAAA,CAAqB,CAAA,CACrB,kBAAA,CAAAC,EAAqB,EAAA,CACrB,QAAA,CAAAC,CACF,CAAA,GAAM,CACJ,GAAM,CAACC,CAAAA,CAAaC,CAAc,CAAA,CAAIC,cAAAA,CAA0BrB,CAAM,CAAA,CAChEsB,CAAAA,CAAgBjC,YAAAA,CAAOW,CAAM,CAAA,CAE/BA,CAAAA,GAAWsB,CAAAA,CAAc,OAAA,GAC3BA,CAAAA,CAAc,QAAUtB,CAAAA,CACxBoB,CAAAA,CAAepB,CAAM,CAAA,CAAA,CAGvB,GAAM,CAACf,EAAUsC,CAAW,CAAA,CAAIF,cAAAA,CAAwB,IAAI,CAAA,CAGtDG,CAAAA,CAAYnC,aAAO8B,CAAW,CAAA,CACpCK,CAAAA,CAAU,OAAA,CAAUL,CAAAA,CAEpB,IAAMM,EAAcpC,YAAAA,CAAOY,CAAQ,CAAA,CACnCwB,CAAAA,CAAY,OAAA,CAAUxB,CAAAA,CAEtB,IAAMyB,CAAAA,CAAgBrC,YAAAA,CAAOa,CAAU,CAAA,CACvCwB,CAAAA,CAAc,OAAA,CAAUxB,EAExB,IAAMyB,CAAAA,CAAqBtC,YAAAA,CAAOyB,CAAW,CAAA,CAC7Ca,CAAAA,CAAmB,QAAUb,CAAAA,CAG7B,IAAMc,CAAAA,CAAmBC,iBAAAA,CAAatD,CAAAA,EAAmBmD,CAAAA,CAAc,QAAQnD,CAAM,CAAA,CAAG,EAAE,CAAA,CAGpFuD,CAAAA,CAAmBC,cACvB,IAAM3B,CAAAA,CACN,CACEA,CAAAA,CAAW,IAAA,CACXA,CAAAA,CAAW,YACXA,CAAAA,CAAW,WAAA,CACXA,CAAAA,CAAW,WAAA,CACXA,CAAAA,CAAW,OACb,CACF,CAAA,CAEM4B,CAAAA,CAAUC,eAAAA,CACdC,cAAAA,CAAUxC,EAAAA,CAAoB,CAC5B,qBAAsB,CAAE,QAAA,CAAUc,CAAuB,CAC3D,CAAC,CAAA,CACD0B,eAAUrC,EAAAA,CAAkB,CAC1B,oBAAA,CAAsB,CAAE,KAAA,CAAO,GAAA,CAAK,UAAW,CAAE,CACnD,CAAC,CACH,CAAA,CAEMsC,CAAAA,CAAmBvC,GAA0B,CACjD,IAAMzB,CAAAA,CAAayB,CAAAA,CAAM,MAAA,CAAO,EAAA,CAAG,QAAA,EAAS,CAC5C2B,CAAAA,CAAYpD,CAAU,CAAA,CAClBuC,CAAAA,EACFA,CAAAA,CAAYvC,CAAU,EAE1B,CAAA,CAEMiE,EAAAA,CAAiBxC,CAAAA,EAAwB,CAC7C2B,CAAAA,CAAY,IAAI,EAChB,GAAM,CAAE,MAAA,CAAAc,CAAAA,CAAQ,IAAA,CAAAC,CAAK,EAAI1C,CAAAA,CACnBzB,CAAAA,CAAakE,CAAAA,CAAO,EAAA,CAAG,QAAA,EAAS,CAEtC,GAAI,CAACC,CAAAA,CAAM,CACL3B,CAAAA,EACFA,CAAAA,CAAUxC,CAAAA,CAAY,KAAM,IAAI,CAAA,CAElC,MACF,CAEA,IAAMoE,CAAAA,CAAYD,EAAK,EAAA,CAAG,QAAA,EAAS,CAG7BE,EAAAA,CAAYD,CAAAA,CAAU,KAAA,CAAM,qCAAqC,CAAA,CACvE,GAAIC,EAAAA,CAAW,CACb,GAAM,EAAGC,CAAQ,CAAA,CAAID,EAAAA,CACfE,EAAAA,CAAYxE,EAAAA,CAChBiD,CAAAA,CACAhD,EACAsE,CACF,CAAA,CACArB,CAAAA,CAAesB,EAAS,CAAA,CACxBzC,CAAAA,CAASyC,EAAS,CAAA,CAEd/B,CAAAA,EAGFA,CAAAA,CAAUxC,CAAAA,CAAY,MAAA,CAAQ,CAC5B,KAAM,OAAA,CACN,SAAA,CAHAsE,CAAAA,GAAa,MAAA,EAAUA,CAAAA,GAAa,OAAA,CAAU,MAAQ,QAAA,CAItD,QAAA,CAAUA,CACZ,CAAC,CAAA,CAEH,MACF,CAGA,IAAME,CAAAA,CAAYJ,CAAAA,CAAU,KAAA,CAAM,oBAAoB,CAAA,CACtD,GAAII,CAAAA,CAAW,CACb,GAAM,EAAG7F,CAAQ,EAAI6F,CAAAA,CACrB,GAAIxE,CAAAA,GAAerB,CAAAA,CAAU,CAC3B,IAAM4F,EAAAA,CAAYtF,EAAAA,CAAU+D,CAAAA,CAAahD,CAAAA,CAAYrB,CAAQ,CAAA,CAC7DsE,CAAAA,CAAesB,EAAS,EACxBzC,CAAAA,CAASyC,EAAS,EACpB,CACI/B,CAAAA,EACFA,CAAAA,CAAUxC,EAAYrB,CAAAA,CAAU,CAAE,IAAA,CAAM,MAAA,CAAQ,QAAA,CAAU,QAAS,CAAC,CAAA,CAEtE,MACF,CAGA,IAAM8F,EAAAA,CAAQL,CAAAA,CAAU,MAAM,qCAAqC,CAAA,CACnE,GAAI,CAACK,EAAAA,CAAO,CACNjC,GACFA,CAAAA,CAAUxC,CAAAA,CAAY,IAAA,CAAM,IAAI,CAAA,CAElC,MACF,CAEA,GAAM,EAAGsE,EAAAA,CAAU3F,EAAQ,CAAA,CAAI8F,GAC/B,GAAIzE,CAAAA,GAAerB,EAAAA,CAAU,CACvB6D,CAAAA,EACFA,CAAAA,CAAUxC,EAAY,IAAA,CAAM,IAAI,CAAA,CAElC,MACF,CAEA,IAAMpB,GAA4B0F,EAAAA,GAAa,MAAA,EAAUA,EAAAA,GAAa,OAAA,CAAU,KAAA,CAAQ,QAAA,CAClFrE,GAAkBZ,CAAAA,CAAS2D,CAAAA,CAAahD,CAAU,CAAA,EAAK,CAC3D,IAAA,CAAM,OACN,MAAA,CAAQA,CACV,CAAA,CACME,EAAAA,CAAsB7B,CAAAA,CAAW2E,CAAAA,CAAahD,CAAU,CAAA,CAExDuE,EAAAA,CAAY7F,EAAAA,CAChBwB,EAAAA,CACAvB,EAAAA,CACAC,EAAAA,CACA0F,GACArE,EACF,CAAA,CACAgD,CAAAA,CAAesB,EAAS,CAAA,CACxBzC,CAAAA,CAASyC,EAAS,CAAA,CACd/B,CAAAA,EACFA,CAAAA,CAAUxC,CAAAA,CAAYrB,EAAAA,CAAU,CAC9B,KAAM,OAAA,CACN,SAAA,CAAAC,EAAAA,CACA,QAAA,CAAU0F,EACZ,CAAC,EAEL,CAAA,CAEMI,CAAAA,CAA0BhB,iBAAAA,CAAaa,CAAAA,EAA+B,CAC1EtB,CAAAA,CAAesB,CAAS,EAC1B,CAAA,CAAG,EAAE,CAAA,CAECI,CAAAA,CAAmBjB,iBAAAA,CAAatD,GAAmB,CACvD,IAAMmE,CAAAA,CAAYlG,CAAAA,CAAWgF,CAAAA,CAAU,OAAA,CAASjD,CAAM,CAAA,CACtD6C,CAAAA,CAAesB,CAAS,CAAA,CACxBjB,CAAAA,CAAY,OAAA,CAAQiB,CAAS,EAC/B,CAAA,CAAG,EAAE,CAAA,CAECK,CAAAA,CAAgBlB,kBAAatD,CAAAA,EAAmB,CACpD,IAAMmE,CAAAA,CAAY9E,EAAAA,CAAQ4D,CAAAA,CAAU,QAASjD,CAAM,CAAA,CACnD6C,CAAAA,CAAesB,CAAS,CAAA,CACxBjB,CAAAA,CAAY,QAAQiB,CAAS,EAC/B,CAAA,CAAG,EAAE,CAAA,CAECM,EAAkBnB,iBAAAA,CAAY,CAACoB,CAAAA,CAAiBC,CAAAA,GAAoB,CACxE,IAAMR,EAAYtF,EAAAA,CAAUoE,CAAAA,CAAU,OAAA,CAASyB,CAAAA,CAASC,CAAO,CAAA,CAC/D9B,EAAesB,CAAS,CAAA,CACxBjB,CAAAA,CAAY,OAAA,CAAQiB,CAAS,EAC/B,EAAG,EAAE,CAAA,CAECS,CAAAA,CAAkBtB,iBAAAA,CACtB,CACE/E,EACAC,CAAAA,CACAC,CAAAA,CACAC,CAAAA,GACG,CACH,IAAMmB,CAAAA,CAAkBZ,EAASgE,CAAAA,CAAU,OAAA,CAASvE,CAAS,CAAA,EAAK,CAChE,IAAA,CAAM,OACN,MAAA,CAAQA,CACV,CAAA,CACMoB,EAAAA,CAAsB7B,CAAAA,CAAWgF,CAAAA,CAAU,QAASvE,CAAS,CAAA,CAC7DyF,CAAAA,CAAY7F,EAAAA,CAChBwB,EAAAA,CACAvB,CAAAA,CACAC,CAAAA,CACAC,CAAAA,CACAoB,CACF,CAAA,CACAgD,CAAAA,CAAesB,CAAS,CAAA,CACxBjB,CAAAA,CAAY,QAAQiB,CAAS,EAC/B,CAAA,CACA,EACF,CAAA,CAEMU,EAA8BvB,iBAAAA,CAAY,CAACwB,CAAAA,CAAwBC,CAAAA,GAAuB,CAC9F,IAAMZ,EAAY3E,CAAAA,CAAsByD,CAAAA,CAAU,OAAA,CAAS6B,CAAAA,CAAaC,CAAU,CAAA,CAClFlC,EAAesB,CAAS,CAAA,CACxBjB,CAAAA,CAAY,OAAA,CAAQiB,CAAS,EAC/B,EAAG,EAAE,CAAA,CAECa,CAAAA,CAA2B1B,iBAAAA,CAC/B,CACEtD,EACAE,CAAAA,GAGG,CACH,IAAMiE,CAAAA,CAAYlE,EAAAA,CAAmBgD,CAAAA,CAAU,QAASjD,CAAAA,CAAQE,CAAO,CAAA,CACvE2C,CAAAA,CAAesB,CAAS,CAAA,CACxBjB,EAAY,OAAA,CAAQiB,CAAS,EAC/B,CAAA,CACA,EACF,EAEMc,CAAAA,CAAkB3B,iBAAAA,CAAY,CAACwB,CAAAA,CAAwBC,CAAAA,GAAuB,CAClF,IAAMG,CAAAA,CAAc1F,CAAAA,CAAsByD,CAAAA,CAAU,OAAA,CAAS6B,CAAAA,CAAaC,CAAU,EACpFlC,CAAAA,CAAeqC,CAAW,CAAA,CAC1BhC,CAAAA,CAAY,OAAA,CAAQgC,CAAW,EAC3B9B,CAAAA,CAAmB,OAAA,EACrBA,CAAAA,CAAmB,OAAA,CAAQ0B,CAAAA,CAAaC,CAAU,EAEtD,CAAA,CAAG,EAAE,CAAA,CAGCI,EAAAA,CAAa3B,aAAAA,CACjB,KAAO,CACL,MAAA,CAAQZ,CAAAA,CACR,cAAA,CAAgB0B,CAAAA,CAChB,UAAA,CAAYjB,EACZ,QAAA,CAAA3C,CAAAA,CACA,gBAAA,CAAAoB,CAAAA,CACA,UAAA,CAAYyB,CAAAA,CACZ,QAAA,CAAAvB,CAAAA,CACA,kBAAA,CAAAD,CAAAA,CACA,aAAA,CAAAG,CAAAA,CACA,aAAA,CAAAG,CAAAA,CACA,SAAAC,CAAAA,CACA,WAAA,CAAa2C,CAAAA,CACb,aAAA,CAAAzC,CAAAA,CACA,kBAAA,CAAAC,EACA,kBAAA,CAAAC,CACF,CAAA,CAAA,CACA,CACEE,CAAAA,CACAlC,CAAAA,CACAoB,EACAyB,CAAAA,CACAvB,CAAAA,CACAD,CAAAA,CACAG,CAAAA,CACAG,CAAAA,CACAC,CAAAA,CACAE,EACAC,CAAAA,CACAC,CAAAA,CAEA4B,CAAAA,CACAjB,CAAAA,CACA4B,CACF,CACF,EAGMG,EAAAA,CAAe5B,aAAAA,CACnB,KAAO,CACL,UAAA,CAAYe,CAAAA,CACZ,QAASC,CAAAA,CACT,SAAA,CAAWC,CAAAA,CACX,SAAA,CAAWG,CAAAA,CACX,qBAAA,CAAuBC,EACvB,kBAAA,CAAoBG,CACtB,CAAA,CAAA,CACA,CACET,CAAAA,CACAC,CAAAA,CACAC,EACAG,CAAAA,CACAC,CAAAA,CACAG,CACF,CACF,CAAA,CAEA,OACE9D,eAACvD,EAAAA,CAAwB,QAAA,CAAxB,CAAiC,KAAA,CAAOyH,EAAAA,CACvC,QAAA,CAAAC,gBAAC5H,EAAAA,CAAsB,QAAA,CAAtB,CAA+B,KAAA,CAAO0H,EAAAA,CACrC,QAAA,CAAA,CAAAjE,eAACoE,eAAAA,CAAA,CACC,EAAA,CAAG,oBAAA,CACH,OAAA,CAAS7B,CAAAA,CACT,mBAAoB8B,kBAAAA,CACpB,WAAA,CAAa3B,CAAAA,CACb,SAAA,CAAWC,EAAAA,CAEV,QAAA,CAAAlB,EACH,CAAA,CACCjC,CAAAA,EAAYkB,CAAAA,EACXV,cAAAA,CAACT,EAAAA,CAAA,CACC,SAAUC,CAAAA,CACV,MAAA,CAAQkB,CAAAA,CACR,SAAA,CAAWC,CAAAA,CAAW,WAAA,CACxB,GAEJ,CAAA,CACF,CAEJ,EClcA,IAAM2D,EAAAA,CAA+D,CACnE,GAAA,CAAK,CACH,QAAA,CAAU,UAAA,CACV,IAAK,CAAA,CACL,IAAA,CAAM,CAAA,CACN,KAAA,CAAO,CAAA,CACP,MAAA,CAAQ,OACR,MAAA,CAAQ,EAAA,CACR,aAAA,CAAe,MACjB,CAAA,CACA,MAAA,CAAQ,CACN,QAAA,CAAU,UAAA,CACV,MAAA,CAAQ,CAAA,CACR,IAAA,CAAM,CAAA,CACN,MAAO,CAAA,CACP,MAAA,CAAQ,MAAA,CACR,MAAA,CAAQ,EAAA,CACR,aAAA,CAAe,MACjB,CAAA,CACA,IAAA,CAAM,CACJ,QAAA,CAAU,UAAA,CACV,GAAA,CAAK,EACL,MAAA,CAAQ,CAAA,CACR,IAAA,CAAM,CAAA,CACN,KAAA,CAAO,MAAA,CACP,OAAQ,EAAA,CACR,aAAA,CAAe,MACjB,CAAA,CACA,KAAA,CAAO,CACL,SAAU,UAAA,CACV,GAAA,CAAK,CAAA,CACL,MAAA,CAAQ,CAAA,CACR,KAAA,CAAO,EACP,KAAA,CAAO,MAAA,CACP,MAAA,CAAQ,EAAA,CACR,aAAA,CAAe,MACjB,CACF,CAAA,CAEMC,EAAAA,CAA4D,CAChE,GAAA,CAAK,CACH,QAAA,CAAU,WACV,GAAA,CAAK,CAAA,CACL,IAAA,CAAM,CAAA,CACN,KAAA,CAAO,CAAA,CACP,OAAQ,KAAA,CACR,MAAA,CAAQ,EAAA,CACR,aAAA,CAAe,MAAA,CACf,SAAA,CAAW,YACb,CAAA,CACA,MAAA,CAAQ,CACN,QAAA,CAAU,UAAA,CACV,MAAA,CAAQ,EACR,IAAA,CAAM,CAAA,CACN,KAAA,CAAO,CAAA,CACP,MAAA,CAAQ,KAAA,CACR,MAAA,CAAQ,EAAA,CACR,aAAA,CAAe,MAAA,CACf,SAAA,CAAW,YACb,CAAA,CACA,IAAA,CAAM,CACJ,QAAA,CAAU,UAAA,CACV,GAAA,CAAK,CAAA,CACL,MAAA,CAAQ,CAAA,CACR,KAAM,CAAA,CACN,KAAA,CAAO,KAAA,CACP,MAAA,CAAQ,EAAA,CACR,aAAA,CAAe,OACf,SAAA,CAAW,YACb,CAAA,CACA,KAAA,CAAO,CACL,QAAA,CAAU,WACV,GAAA,CAAK,CAAA,CACL,MAAA,CAAQ,CAAA,CACR,KAAA,CAAO,CAAA,CACP,MAAO,KAAA,CACP,MAAA,CAAQ,EAAA,CACR,aAAA,CAAe,MAAA,CACf,SAAA,CAAW,YACb,CACF,CAAA,CAQaC,EAAAA,CAA4C,CAAC,CAAE,EAAA,CAAAC,EAAI,QAAA,CAAAC,CAAAA,CAAU,eAAA,CAAAC,CAAgB,CAAA,GAAM,CAC9F,GAAM,CAAE,UAAA,CAAAC,CAAAA,CAAY,MAAA,CAAAC,CAAO,CAAA,CAAIC,kBAAa,CAAE,EAAA,CAAAL,CAAG,CAAC,CAAA,CAClD,OACEN,gBAAAY,mBAAAA,CAAA,CACE,QAAA,CAAA,CAAA/E,cAAAA,CAAC,KAAA,CAAA,CAAI,GAAA,CAAK4E,EAAY,KAAA,CAAON,EAAAA,CAAwBI,CAAQ,CAAA,CAAG,CAAA,CAC/DG,CAAAA,EAAU7E,eAAC,KAAA,CAAA,CAAI,SAAA,CAAW2E,CAAAA,CAAiB,KAAA,CAAOJ,EAAAA,CAAqBG,CAAQ,EAAG,CAAA,CAAA,CACrF,CAEJ,CAAA,CAQaM,EAAAA,CAA8C,CAAC,CAC1D,SAAAxF,CAAAA,CACA,aAAA,CAAAyF,CAAAA,CACA,oBAAA,CAAAC,CACF,CAAA,GACM,CAAC1F,CAAAA,EAAY,CAACyF,CAAAA,CAAsB,IAAA,CAGtCjF,cAAAA,CAAC,KAAA,CAAA,CACC,KAAA,CAAO,CACL,QAAA,CAAU,UAAA,CACV,GAAA,CAAK,CAAA,CACL,IAAA,CAAM,CAAA,CACN,MAAO,CAAA,CACP,MAAA,CAAQ,CAAA,CACR,MAAA,CAAQ,EAAA,CACR,aAAA,CAAe,MACjB,CAAA,CAEE,QAAA,CAAA,CAAC,KAAA,CAAO,QAAA,CAAU,MAAA,CAAQ,OAAO,EAAY,GAAA,CAAKmF,CAAAA,EAClDnF,cAAAA,CAACwE,EAAAA,CAAA,CAEC,EAAA,CAAI,aAAaW,CAAG,CAAA,CAAA,CACpB,QAAA,CAAUA,CAAAA,CACV,eAAA,CAAiBD,CAAAA,CAAAA,CAHZC,CAIP,CACD,CAAA,CACH,CAAA,CCnHG,SAASC,EAAAA,CAAW,CACzB,YAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,EACA,SAAA,CAAAhI,CAAAA,CACA,eAAA,CAAAiI,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,cAAAxE,CAAAA,CACA,MAAA,CAAAT,CAAAA,CACA,WAAA,CAAAqD,CAAAA,CACA,cAAA,CAAA6B,EACA,aAAA,CAAeC,CAAAA,CACf,WAAA,CAAaC,CACf,CAAA,CAAoB,CAClB,GAAM,CACJ,aAAA,CAAeC,CAAAA,CACf,QAAA,CAAUC,CAAAA,CACV,WAAA,CAAaC,EACb,kBAAA,CAAAvE,CAAAA,CAAqB,CAAA,CACrB,kBAAA,CAAAC,CAAAA,CAAqB,EACvB,EAAI9E,CAAAA,EAAkB,CAEtB,OAAO0F,iBAAAA,CACJrC,CAAAA,EAA0C,CACzCA,EAAE,cAAA,EAAe,CACjB,IAAMgG,CAAAA,CAAYV,CAAAA,CAAa,OAAA,CAC/B,GAAI,CAACU,CAAAA,CAAW,OAEhB,QAAA,CAAS,IAAA,CAAK,SAAA,CAAU,IAAI,iBAAiB,CAAA,CAG7C,IAAMC,CAAAA,CAAU,QAAA,CAAS,aAAA,CAAc,OAAO,CAAA,CAC9CA,CAAAA,CAAQ,EAAA,CAAK,4BAAA,CACbA,CAAAA,CAAQ,WAAA,CAAc;AAAA;AAAA,gBAAA,EAEVV,CAAAA,CAAQ,aAAe,YAAY,CAAA;AAAA;AAAA;AAAA,IAAA,CAAA,CAI/C,QAAA,CAAS,IAAA,CAAK,WAAA,CAAYU,CAAO,EAE7BN,CAAAA,EACFA,CAAAA,EAAmB,CAEjBE,CAAAA,EACFA,EAAoBhC,CAAW,CAAA,CAGjC,IAAMqC,CAAAA,CAAOF,EAAU,qBAAA,EAAsB,CACvCG,CAAAA,CAASnG,CAAAA,CAAE,QACXoG,CAAAA,CAASpG,CAAAA,CAAE,OAAA,CACXqG,CAAAA,CAAkBb,EAGlBc,CAAAA,CAAYtG,CAAAA,CAAE,aAAA,CACpBsG,CAAAA,CAAU,aAAa,eAAA,CAAiB,MAAM,CAAA,CAM9C,IAAMC,EAJgB,KAAA,CAAM,IAAA,CAC1B,QAAA,CAAS,gBAAA,CAAiB,uCAAuC,CACnE,CAAA,CAAE,MAAA,CAAQC,GAAOA,CAAAA,GAAOF,CAAAA,EAAaE,CAAAA,CAAG,YAAA,CAAa,gBAAgB,CAAA,GAAMjJ,CAAS,CAAA,CAE/C,GAAA,CAAKiJ,GAAO,CAC/C,IAAMC,CAAAA,CAAID,CAAAA,CAAG,uBAAsB,CACnC,OAAOjB,CAAAA,CAAQkB,CAAAA,CAAE,KAAOA,CAAAA,CAAE,KAAA,CAAQ,CAAA,CAAIA,CAAAA,CAAE,IAAMA,CAAAA,CAAE,MAAA,CAAS,CAC3D,CAAC,EAEGC,CAAAA,CAAoBL,CAAAA,CAElBM,CAAAA,CAAqBC,CAAAA,EAA4B,CACrD,IAAMC,CAAAA,CAAQtB,CAAAA,CAAAA,CACRqB,EAAU,OAAA,CAAUT,CAAAA,EAAUD,CAAAA,CAAK,KAAA,CAAS,KAC5CU,CAAAA,CAAU,OAAA,CAAUR,CAAAA,EAAUF,CAAAA,CAAK,OAAU,GAAA,CAC7CY,CAAAA,CAAqBT,CAAAA,CAAkBQ,CAAAA,CAGvCE,GAAcxB,CAAAA,CAChBW,CAAAA,CAAK,IAAA,CAAA,CAAQA,CAAAA,CAAK,MAAQT,CAAAA,GAAgBqB,CAAAA,CAAqB,GAAA,CAAA,CAAOrB,CAAAA,CAAc,EACpFS,CAAAA,CAAK,GAAA,CAAA,CAAOA,CAAAA,CAAK,MAAA,CAAST,IAAgBqB,CAAAA,CAAqB,GAAA,CAAA,CAAOrB,CAAAA,CAAc,CAAA,CAEpFuB,CAAAA,CAAkB,CAAA,CAAA,CAAA,CAClBC,CAAAA,CAA4B,IAAA,CAEhC,QAAW7B,CAAAA,IAAOmB,CAAAA,CAAgB,CAChC,IAAMW,EAAO,IAAA,CAAK,GAAA,CAAIH,EAAAA,CAAc3B,CAAG,EACnC8B,CAAAA,CAAOjG,CAAAA,EAAiBiG,CAAAA,CAAOF,CAAAA,GACjCA,EAAkBE,CAAAA,CAClBD,CAAAA,CAAa7B,CAAAA,EAEjB,CAEA,IAAI+B,CAAAA,CAAoBL,CAAAA,CACpBG,CAAAA,GAAe,IAAA,GACjBE,EAAoB5B,CAAAA,CAAAA,CACd0B,CAAAA,CAAaxB,CAAAA,CAAc,CAAA,CAAIS,EAAK,IAAA,GAASA,CAAAA,CAAK,KAAA,CAAQT,CAAAA,CAAAA,CAAgB,GAAA,CAAA,CAC1EwB,CAAAA,CAAaxB,CAAAA,CAAc,CAAA,CAAIS,EAAK,GAAA,GAAQA,CAAAA,CAAK,MAAA,CAAST,CAAAA,CAAAA,CAAgB,KAGlF,IAAM2B,CAAAA,CAAkB,IAAA,CAAK,GAAA,CAC3B5F,EACA,IAAA,CAAK,GAAA,CAAIC,CAAAA,CAAoB0F,CAAiB,CAChD,CAAA,CACAT,CAAAA,CAAoBU,CAAAA,CAGpB,IAAMC,EAAarB,CAAAA,CAAU,QAAA,CAAS,CAAC,CAAA,CACjCsB,EAActB,CAAAA,CAAU,QAAA,CAASA,CAAAA,CAAU,QAAA,CAAS,OAAS,CAAC,CAAA,CAChEqB,CAAAA,EAAcC,CAAAA,GAChBD,CAAAA,CAAW,KAAA,CAAM,IAAA,CAAO,CAAA,EAAGD,CAAe,CAAA,KAAA,CAAA,CAC1CE,CAAAA,CAAY,KAAA,CAAM,IAAA,CAAO,GAAG,GAAA,CAAMF,CAAe,CAAA,KAAA,CAAA,CAAA,CAG/CtB,CAAAA,EACFA,EAAejC,CAAAA,CAAauD,CAAe,EAE/C,CAAA,CAEMG,EAAkB,IAAM,CAC5B,QAAA,CAAS,IAAA,CAAK,UAAU,MAAA,CAAO,iBAAiB,CAAA,CAChDjB,CAAAA,CAAU,gBAAgB,eAAe,CAAA,CAEzC,IAAMkB,CAAAA,CAAc,SAAS,cAAA,CAAe,4BAA4B,CAAA,CACpEA,CAAAA,EACFA,CAAAA,CAAY,MAAA,EAAO,CAGrB,QAAA,CAAS,oBAAoB,aAAA,CAAeb,CAAiB,CAAA,CAC7D,QAAA,CAAS,oBAAoB,WAAA,CAAaY,CAAe,CAAA,CAGzD,IAAMrE,EAAY3E,CAAAA,CAAsBiC,CAAAA,CAAQqD,CAAAA,CAAa6C,CAAiB,EAC9E,OAAA,CAAQ,GAAA,CAAI,oDAAA,CAAsDA,CAAiB,EACnFhB,CAAAA,CAAexC,CAAS,CAAA,CAEpB0C,CAAAA,EACFA,GAAiB,CAEfG,CAAAA,EACFA,CAAAA,CAAkBlC,CAAAA,CAAa6C,CAAiB,EAEpD,CAAA,CAEA,QAAA,CAAS,gBAAA,CAAiB,cAAeC,CAAiB,CAAA,CAC1D,QAAA,CAAS,gBAAA,CAAiB,YAAaY,CAAe,EACxD,CAAA,CACA,CACEjC,EACAC,CAAAA,CACAhI,CAAAA,CACAiI,CAAAA,CACAC,CAAAA,CACAxE,EACAT,CAAAA,CACAqD,CAAAA,CACA6B,CAAAA,CACAC,CAAAA,CACAC,EACAC,CAAAA,CACAC,CAAAA,CACAC,CAAAA,CACAvE,CAAAA,CACAC,CACF,CACF,CACF,CC9JA,IAAMgG,GAAsC,CAAC,CAC3C,WAAA,CAAA5D,CAAAA,CACA,YAAA4B,CAAAA,CACA,aAAA,CAAAxE,CAAAA,CACA,aAAA,CAAeyG,CACjB,CAAA,GAAM,CACJ,GAAM,CACJ,OAAAlH,CAAAA,CACA,cAAA,CAAAkF,CAAAA,CACA,UAAA,CAAA9E,EACA,aAAA,CAAe+G,CACjB,CAAA,CAAIhL,CAAAA,GACE,CAACiL,CAAAA,CAAYC,CAAa,CAAA,CAAIhG,eAAS,KAAK,CAAA,CAE5CN,CAAAA,CAAgBmG,CAAAA,EAAqBC,CAAAA,CAErCrC,CAAAA,CAAezF,YAAAA,CAAuB,IAAI,EAC1C,CAAE,SAAA,CAAAtC,CAAAA,CAAW,KAAA,CAAAuK,EAAO,MAAA,CAAAC,CAAAA,CAAQ,eAAA,CAAAvC,CAAgB,EAAI3B,CAAAA,CAChD0B,CAAAA,CAAQhI,CAAAA,GAAc,KAAA,CAEtByK,EAAoB3C,EAAAA,CAAW,CACnC,YAAA,CAAAC,CAAAA,CACA,MAAAC,CAAAA,CACA,SAAA,CAAAhI,CAAAA,CACA,eAAA,CAAAiI,EACA,WAAA,CAAAC,CAAAA,CACA,aAAA,CAAexE,CAAAA,EAAiB,EAChC,MAAA,CAAAT,CAAAA,CACA,WAAA,CAAAqD,CAAAA,CACA,cAAA,CAAA6B,CAAAA,CACA,aAAA,CAAe,IAAMmC,EAAc,IAAI,CAAA,CACvC,WAAA,CAAa,IAAMA,EAAc,KAAK,CACxC,CAAC,CAAA,CAED,OACEzD,eAAAA,CAAC,KAAA,CAAA,CACC,GAAA,CAAKkB,CAAAA,CACL,MAAO,CACL,OAAA,CAAS,MAAA,CACT,aAAA,CAAeC,EAAQ,KAAA,CAAQ,QAAA,CAC/B,KAAA,CAAO,MAAA,CACP,OAAQ,MAAA,CACR,QAAA,CAAU,QACZ,CAAA,CAEA,UAAAtF,cAAAA,CAAC,KAAA,CAAA,CAAI,KAAA,CAAO,CAAE,KAAM,CAAA,EAAGuF,CAAe,CAAA,KAAA,CAAA,CAAS,QAAA,CAAU,QAAS,CAAA,CAChE,QAAA,CAAAvF,cAAAA,CAACgI,EAAAA,CAAA,CACC,IAAA,CAAMH,CAAAA,CACN,WAAA,CAAarC,CAAAA,CACb,cAAexE,CAAAA,CACf,aAAA,CAAeyG,CAAAA,CACjB,CAAA,CACF,EACCnG,CAAAA,CACCA,CAAAA,CAAc,CACZ,SAAA,CAAAhE,EACA,eAAA,CAAAiI,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,WAAAmC,CAAAA,CACA,aAAA,CAAeI,CACjB,CAAC,EAED/H,cAAAA,CAAC,KAAA,CAAA,CACC,SAAA,CAAWW,CAAAA,CAAW,OAAA,CACtB,gBAAA,CAAgBrD,CAAAA,CAChB,KAAA,CAAO,CACL,KAAA,CAAOgI,CAAAA,CAAQ,CAAA,EAAGE,CAAW,KAAO,MAAA,CACpC,MAAA,CAAQF,CAAAA,CAAQ,MAAA,CAAS,GAAGE,CAAW,CAAA,EAAA,CAAA,CACvC,MAAA,CAAQF,CAAAA,CAAQ,aAAe,YAAA,CAC/B,QAAA,CAAU,UAAA,CACV,MAAA,CAAQ,GACR,UAAA,CAAY,MAAA,CACZ,WAAA,CAAa,MAAA,CACb,UAAW,YAAA,CACX,UAAA,CAAY,CACd,CAAA,CACA,cAAeyC,CAAAA,CACf,IAAA,CAAK,WAAA,CACL,eAAA,CAAexC,CAAAA,CACf,eAAA,CAAe,CAAA,CACf,eAAA,CAAe,GACjB,CAAA,CAEFvF,cAAAA,CAAC,KAAA,CAAA,CAAI,KAAA,CAAO,CAAE,IAAA,CAAM,CAAA,EAAG,GAAA,CAAMuF,CAAe,QAAS,QAAA,CAAU,QAAS,CAAA,CACtE,QAAA,CAAAvF,eAACgI,EAAAA,CAAA,CACC,IAAA,CAAMF,CAAAA,CACN,YAAatC,CAAAA,CACb,aAAA,CAAexE,CAAAA,CACf,aAAA,CAAeyG,EACjB,CAAA,CACF,CAAA,CAAA,CACF,CAEJ,CAAA,CAEaO,GAAoC,CAAC,CAChD,IAAA,CAAAhL,CAAAA,CACA,WAAA,CAAAwI,CAAAA,CAAc,CAAA,CACd,aAAA,CAAeyC,EACf,aAAA,CAAA3G,CACF,CAAA,GAAM,CACJ,GAAM,CACJ,MAAA,CAAAf,CAAAA,CACA,UAAA,CAAAE,EACA,QAAA,CAAAjB,CAAAA,CACA,UAAA,CAAAmB,CAAAA,CACA,iBAAAC,CAAAA,CACA,aAAA,CAAesH,CACjB,CAAA,CAAIxL,GAAkB,CAEhBsE,CAAAA,CAAgBiH,CAAAA,GAAsB,MAAA,CAAYA,EAAoBC,CAAAA,CAEtEjD,CAAAA,CAAgB3C,aAAAA,CAAQ,IACxBtF,IAAS,MAAA,EAAa,CAACwC,CAAAA,CAAiB,KAAA,CACrCzC,EAAWwD,CAAAA,CAAQf,CAAQ,CAAA,GAAM,IAAA,CACvC,CAACxC,CAAAA,CAAMuD,CAAAA,CAAQf,CAAQ,CAAC,EAG3B,GAAIoB,CAAAA,EAAoB,CAAC5D,CAAAA,CACvB,OACEgD,cAAAA,CAAC,KAAA,CAAA,CAAI,KAAA,CAAO,CAAE,MAAO,MAAA,CAAQ,MAAA,CAAQ,MAAA,CAAQ,QAAA,CAAU,UAAW,CAAA,CAC/D,QAAA,CAAAS,CAAAA,CAAWG,CAAgB,EAC9B,CAAA,CAIJ,IAAMgD,CAAAA,CAAc5G,CAAAA,GAAS,OAAYA,CAAAA,CAAOuD,CAAAA,CAEhD,GAAI,CAACqD,CAAAA,CAAa,OAAO,IAAA,CAEzB,IAAMuE,EAAgB,IAChBvE,CAAAA,CAAY,IAAA,GAAS,MAAA,CAErB5D,eAAC,KAAA,CAAA,CAAI,KAAA,CAAO,CAAE,KAAA,CAAO,OAAQ,MAAA,CAAQ,MAAA,CAAQ,QAAA,CAAU,UAAW,EAC/D,QAAA,CAAAS,CAAAA,CAAWmD,CAAAA,CAAY,MAAM,EAChC,CAAA,CAKF5D,cAAAA,CAACwH,EAAAA,CAAA,CACC,YAAa5D,CAAAA,CACb,WAAA,CAAa4B,CAAAA,CACb,aAAA,CAAexE,EACf,aAAA,CAAeM,CAAAA,CACjB,CAAA,CAKJ,OAAItE,CAAAA,GAAS,MAAA,CAETmH,eAAAA,CAAC,KAAA,CAAA,CACC,UAAU,uBAAA,CACV,KAAA,CAAO,CACL,QAAA,CAAU,WACV,KAAA,CAAO,MAAA,CACP,MAAA,CAAQ,MAAA,CACR,SAAU,QACZ,CAAA,CAEC,QAAA,CAAA,CAAAgE,CAAAA,GACDnI,cAAAA,CAACgF,EAAAA,CAAA,CACC,QAAA,CAAUxF,EACV,aAAA,CAAeyF,CAAAA,CACf,oBAAA,CAAsBtE,CAAAA,CAAW,YACnC,CAAA,CAAA,CACF,CAAA,CAIGwH,CAAAA,EACT,ECjMO,IAAMC,EAAAA,CAAmB5L,mBAAAA,CAA8C,IAAI,ECWlF,IAAM6L,EAAAA,CAA2D,CAC/D,GAAA,CAAK,CACH,QAAA,CAAU,UAAA,CACV,IAAK,CAAA,CACL,IAAA,CAAM,KAAA,CACN,KAAA,CAAO,MACP,MAAA,CAAQ,KAAA,CACR,MAAA,CAAQ,EAAA,CACR,cAAe,MACjB,CAAA,CACA,MAAA,CAAQ,CACN,SAAU,UAAA,CACV,MAAA,CAAQ,CAAA,CACR,IAAA,CAAM,MACN,KAAA,CAAO,KAAA,CACP,MAAA,CAAQ,KAAA,CACR,OAAQ,EAAA,CACR,aAAA,CAAe,MACjB,CAAA,CACA,KAAM,CACJ,QAAA,CAAU,UAAA,CACV,GAAA,CAAK,MACL,IAAA,CAAM,CAAA,CACN,KAAA,CAAO,KAAA,CACP,OAAQ,KAAA,CACR,MAAA,CAAQ,EAAA,CACR,aAAA,CAAe,MACjB,CAAA,CACA,KAAA,CAAO,CACL,QAAA,CAAU,UAAA,CACV,GAAA,CAAK,KAAA,CACL,KAAA,CAAO,EACP,KAAA,CAAO,KAAA,CACP,MAAA,CAAQ,KAAA,CACR,OAAQ,EAAA,CACR,aAAA,CAAe,MACjB,CAAA,CACA,OAAQ,CACN,QAAA,CAAU,UAAA,CACV,GAAA,CAAK,MACL,IAAA,CAAM,KAAA,CACN,KAAA,CAAO,KAAA,CACP,OAAQ,KAAA,CACR,MAAA,CAAQ,EAAA,CACR,aAAA,CAAe,MACjB,CACF,CAAA,CAEMC,EAAAA,CAAwD,CAC5D,IAAK,CACH,QAAA,CAAU,UAAA,CACV,GAAA,CAAK,CAAA,CACL,IAAA,CAAM,CAAA,CACN,KAAA,CAAO,EACP,MAAA,CAAQ,KAAA,CACR,MAAA,CAAQ,EAAA,CACR,cAAe,MAAA,CACf,SAAA,CAAW,YACb,CAAA,CACA,OAAQ,CACN,QAAA,CAAU,UAAA,CACV,MAAA,CAAQ,EACR,IAAA,CAAM,CAAA,CACN,KAAA,CAAO,CAAA,CACP,OAAQ,KAAA,CACR,MAAA,CAAQ,EAAA,CACR,aAAA,CAAe,OACf,SAAA,CAAW,YACb,CAAA,CACA,IAAA,CAAM,CACJ,QAAA,CAAU,UAAA,CACV,GAAA,CAAK,CAAA,CACL,MAAA,CAAQ,CAAA,CACR,IAAA,CAAM,CAAA,CACN,MAAO,KAAA,CACP,MAAA,CAAQ,EAAA,CACR,aAAA,CAAe,OACf,SAAA,CAAW,YACb,CAAA,CACA,KAAA,CAAO,CACL,QAAA,CAAU,UAAA,CACV,GAAA,CAAK,CAAA,CACL,OAAQ,CAAA,CACR,KAAA,CAAO,CAAA,CACP,KAAA,CAAO,MACP,MAAA,CAAQ,EAAA,CACR,aAAA,CAAe,MAAA,CACf,UAAW,YACb,CAAA,CACA,MAAA,CAAQ,CACN,SAAU,UAAA,CACV,GAAA,CAAK,CAAA,CACL,IAAA,CAAM,EACN,KAAA,CAAO,CAAA,CACP,MAAA,CAAQ,CAAA,CACR,OAAQ,EAAA,CACR,aAAA,CAAe,MAAA,CACf,SAAA,CAAW,YACb,CACF,CAAA,CAEMC,EAAAA,CAAoC,CAAC,CAAE,EAAA,CAAA9D,CAAAA,CAAI,QAAA,CAAAC,CAAAA,CAAU,gBAAAC,CAAgB,CAAA,GAAM,CAC/E,GAAM,CAAE,UAAA,CAAAC,CAAAA,CAAY,MAAA,CAAAC,CAAO,EAAIC,iBAAAA,CAAa,CAAE,EAAA,CAAAL,CAAG,CAAC,CAAA,CAClD,OACEN,eAAAA,CAAAY,mBAAAA,CAAA,CACE,QAAA,CAAA,CAAA/E,cAAAA,CAAC,KAAA,CAAA,CAAI,IAAK4E,CAAAA,CAAY,KAAA,CAAOyD,EAAAA,CAAoB3D,CAAQ,EAAG,CAAA,CAC3DG,CAAAA,EAAU7E,cAAAA,CAAC,KAAA,CAAA,CAAI,UAAW2E,CAAAA,CAAiB,KAAA,CAAO2D,EAAAA,CAAiB5D,CAAQ,EAAG,CAAA,CAAA,CACjF,CAEJ,CAAA,CAQa8D,EAAAA,CAA4B,CAAC,CAAE,EAAA,CAAA/D,CAAAA,CAAI,QAAA,CAAAhD,EAAU,KAAA,CAAAgH,CAAM,CAAA,GAAM,CACpE,GAAM,CAAE,MAAA,CAAAlI,CAAAA,CAAQ,QAAA,CAAAf,CAAAA,CAAU,UAAA,CAAAmB,CAAAA,CAAY,gBAAA,CAAAC,EAAkB,QAAA,CAAAE,CAAAA,CAAU,kBAAA,CAAAD,CAAmB,EACnFnE,CAAAA,EAAkB,CACd,CAAE,UAAA,CAAAK,EAAY,kBAAA,CAAAgC,CAAmB,CAAA,CAAIlC,EAAAA,GACrC6L,CAAAA,CAAgBlJ,CAAAA,GAAa,IAAA,EAAQA,CAAAA,GAAaiF,EAElD,CAAE,UAAA,CAAAkE,CAAAA,CAAY,SAAA,CAAAC,EAAW,UAAA,CAAAhE,CAAAA,CAAY,UAAA,CAAAiE,CAAW,EAAIC,iBAAAA,CAAa,CAAE,EAAA,CAAArE,CAAG,CAAC,CAAA,CACvEsE,CAAAA,CAAWvJ,CAAAA,GAAaiF,GAAMoE,CAAAA,CAC9BG,CAAAA,CAAepI,CAAAA,GAAqB6D,CAAAA,CAGpCwE,EADW3G,aAAAA,CAAQ,IAAMvE,CAAAA,CAASwC,CAAAA,CAAQkE,CAAE,CAAA,CAAG,CAAClE,CAAAA,CAAQkE,CAAE,CAAC,CAAA,EACtC,QAAA,CAErByE,CAAAA,CAA+B5G,aAAAA,CACnC,KAAO,CACL,UAAA,CAAYyG,CAAAA,CACZ,YAAA,CAAAC,EACA,gBAAA,CAAkB,IAAMnI,CAAAA,GAAqBmI,CAAAA,CAAe,KAAOvE,CAAE,CAAA,CACrE,MAAA,CAAQ,IAAM,CACRuE,CAAAA,EACFnI,CAAAA,GAAqB,IAAI,CAAA,CAEvBC,EACFA,CAAAA,CAAS2D,CAAE,CAAA,CAEX1H,CAAAA,CAAW0H,CAAE,EAEjB,CAAA,CACA,QAAA,CAAAwE,CAAAA,CACA,eAAiBjK,CAAAA,EAAY,CAC3BD,CAAAA,CAAmB0F,CAAAA,CAAIzF,CAAO,EAChC,CACF,CAAA,CAAA,CACA,CACE+J,EACAC,CAAAA,CACAnI,CAAAA,CACA4D,CAAAA,CACA3D,CAAAA,CACA/D,EACAkM,CAAAA,CACAlK,CACF,CACF,CAAA,CAGMoK,EAAe7G,aAAAA,CACnB,KAAO,CACL,GAAGsG,CAAAA,CACH,GAAGD,CACL,CAAA,CAAA,CACA,CAACC,CAAAA,CAAWD,CAAU,CACxB,CAAA,CAEA,OACE3I,cAAAA,CAACoI,EAAAA,CAAiB,QAAA,CAAjB,CAA0B,MAAOe,CAAAA,CAChC,QAAA,CAAAhF,eAAAA,CAAC,KAAA,CAAA,CACC,IAAKS,CAAAA,CACL,SAAA,CAAWjE,CAAAA,CAAW,IAAA,CACtB,MAAO,CAAE,QAAA,CAAU,UAAA,CAAY,KAAA,CAAO,OAAQ,MAAA,CAAQ,MAAA,CAAQ,GAAG8H,CAAM,EAEtE,QAAA,CAAA,CAAAhH,CAAAA,CAASyH,CAAW,CAAA,CAEpBR,CAAAA,EACCvE,eAAAA,CAAC,KAAA,CAAA,CACC,KAAA,CAAO,CACL,QAAA,CAAU,UAAA,CACV,GAAA,CAAK,CAAA,CACL,KAAM,CAAA,CACN,KAAA,CAAO,CAAA,CACP,MAAA,CAAQ,EACR,MAAA,CAAQ,EAAA,CACR,aAAA,CAAe,MACjB,EAEE,QAAA,CAAA,CAAA,CAAC,KAAA,CAAO,QAAA,CAAU,MAAA,CAAQ,OAAO,CAAA,CAAY,GAAA,CAAKgB,CAAAA,EAClDnF,cAAAA,CAACuI,GAAA,CAEC,EAAA,CAAI,CAAA,KAAA,EAAQpD,CAAG,IAAIV,CAAE,CAAA,CAAA,CACrB,QAAA,CAAUU,CAAAA,CACV,eAAA,CAAiBxE,CAAAA,CAAW,WAAA,CAAA,CAHvBwE,CAIP,CACD,CAAA,CACDnF,cAAAA,CAACuI,EAAAA,CAAA,CACC,GAAI,CAAA,YAAA,EAAe9D,CAAE,CAAA,CAAA,CACrB,QAAA,CAAS,SACT,eAAA,CAAiB9D,CAAAA,CAAW,WAAA,CAC9B,CAAA,CAAA,CACF,GAEJ,CAAA,CACF,CAEJ,ECtNO,IAAMyI,EAAAA,CAAwC,CAAC,CAAE,SAAA3H,CAAAA,CAAU,SAAA,CAAA/B,CAAAA,CAAW,KAAA,CAAA+I,CAAM,CAAA,GAAM,CACvF,IAAMY,CAAAA,CAAYzM,iBAAWwL,EAAgB,CAAA,CAC7C,GAAI,CAACiB,EACH,MAAM,IAAI,KAAA,CAAM,2CAA2C,EAE7D,OACErJ,cAAAA,CAAC,KAAA,CAAA,CACC,SAAA,CAAWN,EACX,KAAA,CAAO,CAAE,MAAA,CAAQ,MAAA,CAAQ,WAAY,MAAA,CAAQ,WAAA,CAAa,MAAA,CAAQ,GAAG+I,CAAM,CAAA,CAC1E,GAAGY,CAAAA,CAEH,QAAA,CAAA5H,EACH,CAEJ","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\n/**\n * State context — holds reactive values that change during runtime.\n * All consumers of this context will re-render when any of these values change.\n */\nexport interface DashboardStateValue {\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}\n\n/**\n * Actions context — holds stable dispatch functions with permanent identity.\n * Consumers of only this context will never re-render from layout/drag state changes.\n */\nexport interface DashboardActionsValue {\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 updatePaneMetadata: (\n paneId: string,\n updater: (current: Record<string, unknown> | undefined) => Record<string, unknown> | undefined,\n ) => void\n}\nexport const DashboardStateContext = createContext<DashboardStateValue | undefined>(undefined)\nexport const DashboardActionsContext = createContext<DashboardActionsValue | undefined>(undefined)\n","import { useContext } from 'react'\nimport {\n DashboardStateContext,\n DashboardActionsContext,\n DashboardStateValue,\n DashboardActionsValue,\n} from './context'\n\n/** Returns only reactive state. Use when you need layout, activeId, classNames, etc. */\nexport const useDashboardState = (): DashboardStateValue => {\n const state = useContext(DashboardStateContext)\n if (!state) {\n throw new Error('useDashboardState must be used within a DashboardProvider')\n }\n return state\n}\n\n/** Returns only stable action dispatchers. Consumers of this hook never re-render from state changes. */\nexport const useDashboardActions = (): DashboardActionsValue => {\n const actions = useContext(DashboardActionsContext)\n if (!actions) {\n throw new Error('useDashboardActions must be used within a DashboardProvider')\n }\n return actions\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 | PaneNode,\n): TreeNode | null {\n if (tree === null) {\n return typeof paneToAdd === 'string' ? { type: 'pane', paneId: paneToAdd } : paneToAdd\n }\n if (tree.type === 'pane') {\n if (tree.paneId === targetId) {\n const addedNode: PaneNode =\n typeof paneToAdd === 'string' ? { type: 'pane', paneId: paneToAdd } : paneToAdd\n const isFirst = splitType === 'left' || splitType === 'top'\n return {\n type: 'split',\n direction,\n first: isFirst ? addedNode : tree,\n second: isFirst ? tree : 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\n // First pass: collect the full PaneNode references\n const nodeA = findPane(tree, idA)\n const nodeB = findPane(tree, idB)\n if (!nodeA || !nodeB) return tree\n\n // Second pass: replace each location with the other node\n function swap(node: TreeNode): TreeNode {\n if (node.type === 'pane') {\n if (node.paneId === idA) return { ...nodeB! }\n if (node.paneId === idB) return { ...nodeA! }\n return node\n }\n return {\n ...node,\n first: swap(node.first),\n second: swap(node.second),\n }\n }\n\n return swap(tree)\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 // Preserve dragged pane's metadata\n const draggedPaneNode: PaneNode = findPane(tree, draggingId) ?? {\n type: 'pane',\n paneId: draggingId,\n }\n const treeWithoutDragging = removePane(tree, draggingId)\n if (treeWithoutDragging === null) {\n return { ...draggedPaneNode }\n }\n\n const direction: SplitDirection = splitType === 'left' || splitType === 'right' ? 'row' : 'column'\n const isFirst = splitType === 'left' || splitType === 'top'\n const draggedNode: TreeNode = { ...draggedPaneNode }\n\n return {\n type: 'split',\n direction,\n first: isFirst ? draggedNode : treeWithoutDragging,\n second: isFirst ? treeWithoutDragging : draggedNode,\n splitPercentage: 50,\n }\n}\n\n/**\n * Find a PaneNode by its paneId.\n */\nexport function findPane(tree: TreeNode | null, paneId: string): PaneNode | null {\n if (tree === null) return null\n if (tree.type === 'pane') {\n return tree.paneId === paneId ? tree : null\n }\n return findPane(tree.first, paneId) ?? findPane(tree.second, paneId)\n}\n\n/**\n * Update metadata on a specific pane node using an updater function.\n */\nexport function updatePaneMetadata(\n tree: TreeNode | null,\n paneId: string,\n updater: (current: Record<string, unknown> | undefined) => Record<string, unknown> | undefined,\n): TreeNode | null {\n if (tree === null) return null\n if (tree.type === 'pane') {\n if (tree.paneId === paneId) {\n const newMetadata = updater(tree.metadata)\n if (newMetadata === undefined) {\n // Remove metadata key\n const { metadata: _, ...rest } = tree\n return rest as PaneNode\n }\n return { ...tree, metadata: newMetadata }\n }\n return tree\n }\n return {\n ...tree,\n first: updatePaneMetadata(tree.first, paneId, updater) ?? tree.first,\n second: updatePaneMetadata(tree.second, paneId, updater) ?? tree.second,\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 TouchSensor,\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 updatePaneMetadata,\n findPane,\n} from '../../../shared/lib/tree'\nimport { DEFAULT_DRAG_ACTIVATION_DISTANCE, DEFAULT_SNAP_THRESHOLD } from '../../../shared/config'\nimport {\n DashboardStateContext,\n DashboardActionsContext,\n ZeugmaClassNames,\n ResizerRenderProps,\n} 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\nclass SmartPointerSensor extends PointerSensor {\n static activators = [\n {\n eventName: 'onPointerDown' as const,\n handler: ({ nativeEvent: event }: { nativeEvent: PointerEvent }) => {\n const element = event.target as HTMLElement | null\n if (element?.closest('.drag-cancel')) {\n return false\n }\n return true\n },\n },\n ]\n}\n\nclass SmartTouchSensor extends TouchSensor {\n static activators = [\n {\n eventName: 'onTouchStart' as const,\n handler: ({ nativeEvent: event }: { nativeEvent: TouchEvent }) => {\n const element = event.target as HTMLElement | null\n if (element?.closest('.drag-cancel')) {\n return false\n }\n return true\n },\n },\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 [localLayout, setLocalLayout] = useState<TreeNode | null>(layout)\n const prevLayoutRef = useRef(layout)\n\n if (layout !== prevLayoutRef.current) {\n prevLayoutRef.current = layout\n setLocalLayout(layout)\n }\n\n const [activeId, setActiveId] = useState<string | null>(null)\n\n // Refs for stable closure access — prevents callback identity changes on every layout update\n const layoutRef = useRef(localLayout)\n layoutRef.current = localLayout\n\n const onChangeRef = useRef(onChange)\n onChangeRef.current = onChange\n\n const renderPaneRef = useRef(renderPane)\n renderPaneRef.current = renderPane\n\n const onResizeEndPropRef = useRef(onResizeEnd)\n onResizeEndPropRef.current = onResizeEnd\n\n // Stable renderPane wrapper — immune to consumer passing inline functions\n const stableRenderPane = useCallback((paneId: string) => renderPaneRef.current(paneId), [])\n\n // Shallow-memoize classNames by individual fields to avoid identity busting from inline objects\n const stableClassNames = useMemo(\n () => classNames,\n [\n classNames.pane,\n classNames.dropPreview,\n classNames.swapPreview,\n classNames.dragOverlay,\n classNames.resizer,\n ],\n )\n\n const sensors = useSensors(\n useSensor(SmartPointerSensor, {\n activationConstraint: { distance: dragActivationDistance },\n }),\n useSensor(SmartTouchSensor, {\n activationConstraint: { delay: 250, tolerance: 5 },\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 localLayout,\n draggingId,\n dropZone as 'left' | 'right' | 'top' | 'bottom',\n )\n setLocalLayout(newLayout)\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 const newLayout = swapPanes(localLayout, draggingId, targetId)\n setLocalLayout(newLayout)\n onChange(newLayout)\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 draggedPaneNode = findPane(localLayout, draggingId) ?? {\n type: 'pane',\n paneId: draggingId,\n }\n const treeWithoutDragging = removePane(localLayout, draggingId)\n\n const newLayout = splitPane(\n treeWithoutDragging,\n targetId,\n direction,\n dropZone as 'left' | 'right' | 'top' | 'bottom',\n draggedPaneNode,\n )\n setLocalLayout(newLayout)\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 handleLocalLayoutChange = useCallback((newLayout: TreeNode | null) => {\n setLocalLayout(newLayout)\n }, [])\n\n const handleRemovePane = useCallback((paneId: string) => {\n const newLayout = removePane(layoutRef.current, paneId)\n setLocalLayout(newLayout)\n onChangeRef.current(newLayout)\n }, [])\n\n const handleAddPane = useCallback((paneId: string) => {\n const newLayout = addPane(layoutRef.current, paneId)\n setLocalLayout(newLayout)\n onChangeRef.current(newLayout)\n }, [])\n\n const handleSwapPanes = useCallback((paneIdA: string, paneIdB: string) => {\n const newLayout = swapPanes(layoutRef.current, paneIdA, paneIdB)\n setLocalLayout(newLayout)\n onChangeRef.current(newLayout)\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 draggedPaneNode = findPane(layoutRef.current, paneToAdd) ?? {\n type: 'pane',\n paneId: paneToAdd,\n }\n const treeWithoutDragging = removePane(layoutRef.current, paneToAdd)\n const newLayout = splitPane(\n treeWithoutDragging,\n targetId,\n direction,\n splitType,\n draggedPaneNode,\n )\n setLocalLayout(newLayout)\n onChangeRef.current(newLayout)\n },\n [],\n )\n\n const handleUpdateSplitPercentage = useCallback((currentNode: SplitNode, percentage: number) => {\n const newLayout = updateSplitPercentage(layoutRef.current, currentNode, percentage)\n setLocalLayout(newLayout)\n onChangeRef.current(newLayout)\n }, [])\n\n const handleUpdatePaneMetadata = useCallback(\n (\n paneId: string,\n updater: (\n current: Record<string, unknown> | undefined,\n ) => Record<string, unknown> | undefined,\n ) => {\n const newLayout = updatePaneMetadata(layoutRef.current, paneId, updater)\n setLocalLayout(newLayout)\n onChangeRef.current(newLayout)\n },\n [],\n )\n\n const handleResizeEnd = useCallback((currentNode: SplitNode, percentage: number) => {\n const finalLayout = updateSplitPercentage(layoutRef.current, currentNode, percentage)\n setLocalLayout(finalLayout)\n onChangeRef.current(finalLayout)\n if (onResizeEndPropRef.current) {\n onResizeEndPropRef.current(currentNode, percentage)\n }\n }, [])\n\n // State context — reactive values that change during runtime\n const stateValue = useMemo(\n () => ({\n layout: localLayout,\n onLayoutChange: handleLocalLayoutChange,\n renderPane: stableRenderPane,\n activeId,\n fullscreenPaneId,\n classNames: stableClassNames,\n onRemove,\n onFullscreenChange,\n snapThreshold,\n onResizeStart,\n onResize,\n onResizeEnd: handleResizeEnd,\n renderResizer,\n minSplitPercentage,\n maxSplitPercentage,\n }),\n [\n localLayout,\n activeId,\n fullscreenPaneId,\n stableClassNames,\n onRemove,\n onFullscreenChange,\n snapThreshold,\n onResizeStart,\n onResize,\n renderResizer,\n minSplitPercentage,\n maxSplitPercentage,\n // Stable callbacks (empty deps) — included for exhaustive-deps lint rule\n handleLocalLayoutChange,\n stableRenderPane,\n handleResizeEnd,\n ],\n )\n\n // Actions context — stable dispatch functions that never change identity\n const actionsValue = useMemo(\n () => ({\n removePane: handleRemovePane,\n addPane: handleAddPane,\n swapPanes: handleSwapPanes,\n splitPane: handleSplitPane,\n updateSplitPercentage: handleUpdateSplitPercentage,\n updatePaneMetadata: handleUpdatePaneMetadata,\n }),\n [\n handleRemovePane,\n handleAddPane,\n handleSwapPanes,\n handleSplitPane,\n handleUpdateSplitPercentage,\n handleUpdatePaneMetadata,\n ],\n )\n\n return (\n <DashboardActionsContext.Provider value={actionsValue}>\n <DashboardStateContext.Provider value={stateValue}>\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 </DashboardStateContext.Provider>\n </DashboardActionsContext.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 { useDashboardState } 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 } = useDashboardState()\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\n // Imperatively update the sibling pane container flex sizes during drag\n const firstChild = container.children[0] as HTMLElement\n const secondChild = container.children[container.children.length - 1] as HTMLElement\n if (firstChild && secondChild) {\n firstChild.style.flex = `${finalPercentage} 1 0%`\n secondChild.style.flex = `${100 - finalPercentage} 1 0%`\n }\n\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 // Write to React state once resizing completes\n const newLayout = updateSplitPercentage(layout, currentNode, currentPercentage)\n console.log('onLayoutChange (finalized) called with percentage:', currentPercentage)\n onLayoutChange(newLayout)\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 { useDashboardState, 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 {\n layout,\n onLayoutChange,\n classNames,\n renderResizer: contextRenderResizer,\n } = useDashboardState()\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 touchAction: '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 } = useDashboardState()\n\n const snapThreshold = propSnapThreshold !== undefined ? propSnapThreshold : contextSnapThreshold\n\n const hasOtherPanes = useMemo(() => {\n if (tree !== undefined || !activeId) return false\n return removePane(layout, activeId) !== null\n }, [tree, 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 { useDashboardState, useDashboardActions } from '../../dashboard'\nimport { DragListenersCtx } from '../model/context'\nimport { PaneRenderProps } from '../model/types'\nimport { findPane } from '../../../shared/lib/tree'\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: '25%',\n left: 0,\n width: '25%',\n height: '50%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n right: {\n position: 'absolute',\n top: '25%',\n right: 0,\n width: '25%',\n height: '50%',\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 { layout, activeId, classNames, fullscreenPaneId, onRemove, onFullscreenChange } =\n useDashboardState()\n const { removePane, updatePaneMetadata } = useDashboardActions()\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 paneNode = useMemo(() => findPane(layout, id), [layout, id])\n const metadata = paneNode?.metadata\n\n const renderProps: PaneRenderProps = useMemo(\n () => ({\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 metadata,\n updateMetadata: (updater) => {\n updatePaneMetadata(id, updater)\n },\n }),\n [\n dragging,\n isFullscreen,\n onFullscreenChange,\n id,\n onRemove,\n removePane,\n metadata,\n updatePaneMetadata,\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', touchAction: '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":["DashboardStateContext","createContext","DashboardActionsContext","useDashboardState","state","useContext","useDashboardActions","actions","removePane","tree","idToRemove","newFirst","newSecond","splitPane","targetId","direction","splitType","paneToAdd","addedNode","isFirst","swapPanes","idA","idB","nodeA","findPane","nodeB","swap","node","addPane","insert","parentDirection","updateSplitPercentage","target","newPercentage","splitRoot","draggingId","draggedPaneNode","treeWithoutDragging","draggedNode","paneId","updatePaneMetadata","updater","newMetadata","_","rest","DEFAULT_SNAP_THRESHOLD","DEFAULT_DRAG_ACTIVATION_DISTANCE","DEFAULT_RESIZER_SIZE","CursorOverlay","activeId","render","className","ref","useRef","useEffect","handleMove","e","jsx","SmartPointerSensor","PointerSensor","event","SmartTouchSensor","TouchSensor","DashboardProvider","layout","onChange","renderPane","renderDragOverlay","classNames","fullscreenPaneId","onFullscreenChange","onRemove","dragActivationDistance","snapThreshold","onDragStart","onDragEnd","onResizeStart","onResize","onResizeEnd","renderResizer","minSplitPercentage","maxSplitPercentage","dragOutThreshold","onDragOutChange","onDragOut","children","localLayout","setLocalLayout","useState","prevLayoutRef","setActiveId","draggedOutId","setDraggedOutId","containerRef","containerRectRef","setContainerRef","useCallback","element","onDragOutChangeRef","onDragOutRef","layoutRef","onChangeRef","renderPaneRef","onResizeEndPropRef","stableRenderPane","stableClassNames","useMemo","sensors","useSensors","useSensor","handleDragStart","handleDragMove","containerRect","ae","px","py","touch","distance","dx","dy","activeRect","cx","cy","handleDragEnd","active","over","wasDraggedOut","handleRemovePane","overIdStr","rootMatch","dropZone","newLayout","swapMatch","match","handleLocalLayoutChange","handleAddPane","handleSwapPanes","paneIdA","paneIdB","handleSplitPane","handleUpdateSplitPercentage","currentNode","percentage","handleUpdatePaneMetadata","handleResizeEnd","finalLayout","stateValue","actionsValue","jsxs","DndContext","pointerWithin","rootActivationPositions","rootPreviewPositions","RootDropZone","id","position","activeClassName","setNodeRef","isOver","useDroppable","Fragment","RootDropZones","hasOtherPanes","dropPreviewClassName","pos","useResizer","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","firstChild","secondChild","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","metadata","renderProps","contextValue","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 dragOut?: 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\n/**\n * State context — holds reactive values that change during runtime.\n * All consumers of this context will re-render when any of these values change.\n */\nexport interface DashboardStateValue {\n layout: TreeNode | null\n onLayoutChange: (newLayout: TreeNode | null) => void\n renderPane: (paneId: string) => ReactNode\n activeId: string | null\n draggedOutId: string | null\n setContainerRef: (element: HTMLElement | null) => void\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}\n\n/**\n * Actions context — holds stable dispatch functions with permanent identity.\n * Consumers of only this context will never re-render from layout/drag state changes.\n */\nexport interface DashboardActionsValue {\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 updatePaneMetadata: (\n paneId: string,\n updater: (current: Record<string, unknown> | undefined) => Record<string, unknown> | undefined,\n ) => void\n}\nexport const DashboardStateContext = createContext<DashboardStateValue | undefined>(undefined)\nexport const DashboardActionsContext = createContext<DashboardActionsValue | undefined>(undefined)\n","import { useContext } from 'react'\nimport {\n DashboardStateContext,\n DashboardActionsContext,\n DashboardStateValue,\n DashboardActionsValue,\n} from './context'\n\n/** Returns only reactive state. Use when you need layout, activeId, classNames, etc. */\nexport const useDashboardState = (): DashboardStateValue => {\n const state = useContext(DashboardStateContext)\n if (!state) {\n throw new Error('useDashboardState must be used within a DashboardProvider')\n }\n return state\n}\n\n/** Returns only stable action dispatchers. Consumers of this hook never re-render from state changes. */\nexport const useDashboardActions = (): DashboardActionsValue => {\n const actions = useContext(DashboardActionsContext)\n if (!actions) {\n throw new Error('useDashboardActions must be used within a DashboardProvider')\n }\n return actions\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 | PaneNode,\n): TreeNode | null {\n if (tree === null) {\n return typeof paneToAdd === 'string' ? { type: 'pane', paneId: paneToAdd } : paneToAdd\n }\n if (tree.type === 'pane') {\n if (tree.paneId === targetId) {\n const addedNode: PaneNode =\n typeof paneToAdd === 'string' ? { type: 'pane', paneId: paneToAdd } : paneToAdd\n const isFirst = splitType === 'left' || splitType === 'top'\n return {\n type: 'split',\n direction,\n first: isFirst ? addedNode : tree,\n second: isFirst ? tree : 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\n // First pass: collect the full PaneNode references\n const nodeA = findPane(tree, idA)\n const nodeB = findPane(tree, idB)\n if (!nodeA || !nodeB) return tree\n\n // Second pass: replace each location with the other node\n function swap(node: TreeNode): TreeNode {\n if (node.type === 'pane') {\n if (node.paneId === idA) return { ...nodeB! }\n if (node.paneId === idB) return { ...nodeA! }\n return node\n }\n return {\n ...node,\n first: swap(node.first),\n second: swap(node.second),\n }\n }\n\n return swap(tree)\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 // Preserve dragged pane's metadata\n const draggedPaneNode: PaneNode = findPane(tree, draggingId) ?? {\n type: 'pane',\n paneId: draggingId,\n }\n const treeWithoutDragging = removePane(tree, draggingId)\n if (treeWithoutDragging === null) {\n return { ...draggedPaneNode }\n }\n\n const direction: SplitDirection = splitType === 'left' || splitType === 'right' ? 'row' : 'column'\n const isFirst = splitType === 'left' || splitType === 'top'\n const draggedNode: TreeNode = { ...draggedPaneNode }\n\n return {\n type: 'split',\n direction,\n first: isFirst ? draggedNode : treeWithoutDragging,\n second: isFirst ? treeWithoutDragging : draggedNode,\n splitPercentage: 50,\n }\n}\n\n/**\n * Find a PaneNode by its paneId.\n */\nexport function findPane(tree: TreeNode | null, paneId: string): PaneNode | null {\n if (tree === null) return null\n if (tree.type === 'pane') {\n return tree.paneId === paneId ? tree : null\n }\n return findPane(tree.first, paneId) ?? findPane(tree.second, paneId)\n}\n\n/**\n * Update metadata on a specific pane node using an updater function.\n */\nexport function updatePaneMetadata(\n tree: TreeNode | null,\n paneId: string,\n updater: (current: Record<string, unknown> | undefined) => Record<string, unknown> | undefined,\n): TreeNode | null {\n if (tree === null) return null\n if (tree.type === 'pane') {\n if (tree.paneId === paneId) {\n const newMetadata = updater(tree.metadata)\n if (newMetadata === undefined) {\n // Remove metadata key\n const { metadata: _, ...rest } = tree\n return rest as PaneNode\n }\n return { ...tree, metadata: newMetadata }\n }\n return tree\n }\n return {\n ...tree,\n first: updatePaneMetadata(tree.first, paneId, updater) ?? tree.first,\n second: updatePaneMetadata(tree.second, paneId, updater) ?? tree.second,\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 TouchSensor,\n DragStartEvent,\n DragEndEvent,\n DragMoveEvent,\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 updatePaneMetadata,\n findPane,\n} from '../../../shared/lib/tree'\nimport { DEFAULT_DRAG_ACTIVATION_DISTANCE, DEFAULT_SNAP_THRESHOLD } from '../../../shared/config'\nimport {\n DashboardStateContext,\n DashboardActionsContext,\n ZeugmaClassNames,\n ResizerRenderProps,\n} 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\nclass SmartPointerSensor extends PointerSensor {\n static activators = [\n {\n eventName: 'onPointerDown' as const,\n handler: ({ nativeEvent: event }: { nativeEvent: PointerEvent }) => {\n const element = event.target as HTMLElement | null\n if (element?.closest('.drag-cancel')) {\n return false\n }\n return true\n },\n },\n ]\n}\n\nclass SmartTouchSensor extends TouchSensor {\n static activators = [\n {\n eventName: 'onTouchStart' as const,\n handler: ({ nativeEvent: event }: { nativeEvent: TouchEvent }) => {\n const element = event.target as HTMLElement | null\n if (element?.closest('.drag-cancel')) {\n return false\n }\n return true\n },\n },\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 dragOutThreshold?: number\n onDragOutChange?: (paneId: string | null) => void\n onDragOut?: (paneId: string) => void\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 dragOutThreshold = 60,\n onDragOutChange,\n onDragOut,\n children,\n}) => {\n const [localLayout, setLocalLayout] = useState<TreeNode | null>(layout)\n const prevLayoutRef = useRef(layout)\n\n if (layout !== prevLayoutRef.current) {\n prevLayoutRef.current = layout\n setLocalLayout(layout)\n }\n\n const [activeId, setActiveId] = useState<string | null>(null)\n const [draggedOutId, setDraggedOutId] = useState<string | null>(null)\n const containerRef = useRef<HTMLElement | null>(null)\n const containerRectRef = useRef<DOMRect | null>(null)\n\n const setContainerRef = useCallback((element: HTMLElement | null) => {\n containerRef.current = element\n }, [])\n\n const onDragOutChangeRef = useRef(onDragOutChange)\n onDragOutChangeRef.current = onDragOutChange\n\n const onDragOutRef = useRef(onDragOut)\n onDragOutRef.current = onDragOut\n\n // Refs for stable closure access — prevents callback identity changes on every layout update\n const layoutRef = useRef(localLayout)\n layoutRef.current = localLayout\n\n const onChangeRef = useRef(onChange)\n onChangeRef.current = onChange\n\n const renderPaneRef = useRef(renderPane)\n renderPaneRef.current = renderPane\n\n const onResizeEndPropRef = useRef(onResizeEnd)\n onResizeEndPropRef.current = onResizeEnd\n\n // Stable renderPane wrapper — immune to consumer passing inline functions\n const stableRenderPane = useCallback((paneId: string) => renderPaneRef.current(paneId), [])\n\n // Shallow-memoize classNames by individual fields to avoid identity busting from inline objects\n const stableClassNames = useMemo(\n () => classNames,\n [\n classNames.pane,\n classNames.dropPreview,\n classNames.swapPreview,\n classNames.dragOverlay,\n classNames.resizer,\n classNames.dragOut,\n ],\n )\n\n const sensors = useSensors(\n useSensor(SmartPointerSensor, {\n activationConstraint: { distance: dragActivationDistance },\n }),\n useSensor(SmartTouchSensor, {\n activationConstraint: { delay: 250, tolerance: 5 },\n }),\n )\n\n const handleDragStart = (event: DragStartEvent) => {\n const draggingId = event.active.id.toString()\n setActiveId(draggingId)\n if (containerRef.current) {\n containerRectRef.current = containerRef.current.getBoundingClientRect()\n } else {\n containerRectRef.current = null\n }\n if (onDragStart) {\n onDragStart(draggingId)\n }\n }\n\n const handleDragMove = (event: DragMoveEvent) => {\n const draggingId = event.active.id.toString()\n const containerRect = containerRectRef.current\n\n if (!containerRect) {\n if (draggedOutId !== null) {\n setDraggedOutId(null)\n onDragOutChangeRef.current?.(null)\n }\n return\n }\n\n const ae = event.activatorEvent\n let px: number | null = null\n let py: number | null = null\n\n if (ae instanceof MouseEvent || ae instanceof PointerEvent) {\n px = ae.clientX + event.delta.x\n py = ae.clientY + event.delta.y\n } else if (typeof TouchEvent !== 'undefined' && ae instanceof TouchEvent) {\n const touch = ae.touches[0] || ae.changedTouches[0]\n if (touch) {\n px = touch.clientX + event.delta.x\n py = touch.clientY + event.delta.y\n }\n }\n\n let distance = 0\n if (px !== null && py !== null) {\n let dx = 0\n let dy = 0\n\n if (px < containerRect.left) {\n dx = containerRect.left - px\n } else if (px > containerRect.right) {\n dx = px - containerRect.right\n }\n\n if (py < containerRect.top) {\n dy = containerRect.top - py\n } else if (py > containerRect.bottom) {\n dy = py - containerRect.bottom\n }\n\n distance = Math.sqrt(dx * dx + dy * dy)\n } else {\n const activeRect = event.active.rect.current.translated\n if (activeRect) {\n const cx = activeRect.left + activeRect.width / 2\n const cy = activeRect.top + activeRect.height / 2\n let dx = 0\n let dy = 0\n\n if (cx < containerRect.left) {\n dx = containerRect.left - cx\n } else if (cx > containerRect.right) {\n dx = cx - containerRect.right\n }\n\n if (cy < containerRect.top) {\n dy = containerRect.top - cy\n } else if (cy > containerRect.bottom) {\n dy = cy - containerRect.bottom\n }\n\n distance = Math.sqrt(dx * dx + dy * dy)\n }\n }\n\n const isDraggedOut = distance > dragOutThreshold\n if (isDraggedOut) {\n if (draggedOutId !== draggingId) {\n setDraggedOutId(draggingId)\n onDragOutChangeRef.current?.(draggingId)\n }\n } else {\n if (draggedOutId !== null) {\n setDraggedOutId(null)\n onDragOutChangeRef.current?.(null)\n }\n }\n }\n\n const handleDragEnd = (event: DragEndEvent) => {\n setActiveId(null)\n const { active, over } = event\n const draggingId = active.id.toString()\n\n const wasDraggedOut = draggedOutId === draggingId\n\n setDraggedOutId(null)\n onDragOutChangeRef.current?.(null)\n containerRectRef.current = null\n\n if (wasDraggedOut) {\n if (onDragOutRef.current) {\n onDragOutRef.current(draggingId)\n } else {\n if (onRemove) {\n onRemove(draggingId)\n } else {\n handleRemovePane(draggingId)\n }\n }\n\n if (onDragEnd) {\n onDragEnd(draggingId, null, null)\n }\n return\n }\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 localLayout,\n draggingId,\n dropZone as 'left' | 'right' | 'top' | 'bottom',\n )\n setLocalLayout(newLayout)\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 const newLayout = swapPanes(localLayout, draggingId, targetId)\n setLocalLayout(newLayout)\n onChange(newLayout)\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 draggedPaneNode = findPane(localLayout, draggingId) ?? {\n type: 'pane',\n paneId: draggingId,\n }\n const treeWithoutDragging = removePane(localLayout, draggingId)\n\n const newLayout = splitPane(\n treeWithoutDragging,\n targetId,\n direction,\n dropZone as 'left' | 'right' | 'top' | 'bottom',\n draggedPaneNode,\n )\n setLocalLayout(newLayout)\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 handleLocalLayoutChange = useCallback((newLayout: TreeNode | null) => {\n setLocalLayout(newLayout)\n }, [])\n\n const handleRemovePane = useCallback((paneId: string) => {\n const newLayout = removePane(layoutRef.current, paneId)\n setLocalLayout(newLayout)\n onChangeRef.current(newLayout)\n }, [])\n\n const handleAddPane = useCallback((paneId: string) => {\n const newLayout = addPane(layoutRef.current, paneId)\n setLocalLayout(newLayout)\n onChangeRef.current(newLayout)\n }, [])\n\n const handleSwapPanes = useCallback((paneIdA: string, paneIdB: string) => {\n const newLayout = swapPanes(layoutRef.current, paneIdA, paneIdB)\n setLocalLayout(newLayout)\n onChangeRef.current(newLayout)\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 draggedPaneNode = findPane(layoutRef.current, paneToAdd) ?? {\n type: 'pane',\n paneId: paneToAdd,\n }\n const treeWithoutDragging = removePane(layoutRef.current, paneToAdd)\n const newLayout = splitPane(\n treeWithoutDragging,\n targetId,\n direction,\n splitType,\n draggedPaneNode,\n )\n setLocalLayout(newLayout)\n onChangeRef.current(newLayout)\n },\n [],\n )\n\n const handleUpdateSplitPercentage = useCallback((currentNode: SplitNode, percentage: number) => {\n const newLayout = updateSplitPercentage(layoutRef.current, currentNode, percentage)\n setLocalLayout(newLayout)\n onChangeRef.current(newLayout)\n }, [])\n\n const handleUpdatePaneMetadata = useCallback(\n (\n paneId: string,\n updater: (\n current: Record<string, unknown> | undefined,\n ) => Record<string, unknown> | undefined,\n ) => {\n const newLayout = updatePaneMetadata(layoutRef.current, paneId, updater)\n setLocalLayout(newLayout)\n onChangeRef.current(newLayout)\n },\n [],\n )\n\n const handleResizeEnd = useCallback((currentNode: SplitNode, percentage: number) => {\n const finalLayout = updateSplitPercentage(layoutRef.current, currentNode, percentage)\n setLocalLayout(finalLayout)\n onChangeRef.current(finalLayout)\n if (onResizeEndPropRef.current) {\n onResizeEndPropRef.current(currentNode, percentage)\n }\n }, [])\n\n // State context — reactive values that change during runtime\n const stateValue = useMemo(\n () => ({\n layout: localLayout,\n onLayoutChange: handleLocalLayoutChange,\n renderPane: stableRenderPane,\n activeId,\n draggedOutId,\n setContainerRef,\n fullscreenPaneId,\n classNames: stableClassNames,\n onRemove,\n onFullscreenChange,\n snapThreshold,\n onResizeStart,\n onResize,\n onResizeEnd: handleResizeEnd,\n renderResizer,\n minSplitPercentage,\n maxSplitPercentage,\n }),\n [\n localLayout,\n activeId,\n draggedOutId,\n setContainerRef,\n fullscreenPaneId,\n stableClassNames,\n onRemove,\n onFullscreenChange,\n snapThreshold,\n onResizeStart,\n onResize,\n renderResizer,\n minSplitPercentage,\n maxSplitPercentage,\n // Stable callbacks (empty deps) — included for exhaustive-deps lint rule\n handleLocalLayoutChange,\n stableRenderPane,\n handleResizeEnd,\n ],\n )\n\n // Actions context — stable dispatch functions that never change identity\n const actionsValue = useMemo(\n () => ({\n removePane: handleRemovePane,\n addPane: handleAddPane,\n swapPanes: handleSwapPanes,\n splitPane: handleSplitPane,\n updateSplitPercentage: handleUpdateSplitPercentage,\n updatePaneMetadata: handleUpdatePaneMetadata,\n }),\n [\n handleRemovePane,\n handleAddPane,\n handleSwapPanes,\n handleSplitPane,\n handleUpdateSplitPercentage,\n handleUpdatePaneMetadata,\n ],\n )\n\n return (\n <DashboardActionsContext.Provider value={actionsValue}>\n <DashboardStateContext.Provider value={stateValue}>\n <DndContext\n id=\"zeugma-dnd-context\"\n sensors={sensors}\n collisionDetection={pointerWithin}\n onDragStart={handleDragStart}\n onDragMove={handleDragMove}\n onDragEnd={handleDragEnd}\n >\n {children}\n </DndContext>\n {activeId && renderDragOverlay && (\n <CursorOverlay\n activeId={activeId}\n render={renderDragOverlay}\n className={`${classNames.dragOverlay || ''} ${\n activeId === draggedOutId ? classNames.dragOut || 'zeugma-dragout' : ''\n }`.trim()}\n />\n )}\n </DashboardStateContext.Provider>\n </DashboardActionsContext.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 { useDashboardState } 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 } = useDashboardState()\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\n // Imperatively update the sibling pane container flex sizes during drag\n const firstChild = container.children[0] as HTMLElement\n const secondChild = container.children[container.children.length - 1] as HTMLElement\n if (firstChild && secondChild) {\n firstChild.style.flex = `${finalPercentage} 1 0%`\n secondChild.style.flex = `${100 - finalPercentage} 1 0%`\n }\n\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 // Write to React state once resizing completes\n const newLayout = updateSplitPercentage(layout, currentNode, currentPercentage)\n console.log('onLayoutChange (finalized) called with percentage:', currentPercentage)\n onLayoutChange(newLayout)\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 { useDashboardState, 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 {\n layout,\n onLayoutChange,\n classNames,\n renderResizer: contextRenderResizer,\n } = useDashboardState()\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 touchAction: '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 draggedOutId,\n setContainerRef,\n classNames,\n fullscreenPaneId,\n snapThreshold: contextSnapThreshold,\n } = useDashboardState()\n\n const snapThreshold = propSnapThreshold !== undefined ? propSnapThreshold : contextSnapThreshold\n\n const hasOtherPanes = useMemo(() => {\n if (tree !== undefined || !activeId) return false\n return removePane(layout, activeId) !== null\n }, [tree, 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 const isDragOutActive = activeId !== null && activeId === draggedOutId\n return (\n <div\n ref={setContainerRef}\n className={`zeugma-dashboard-root ${isDragOutActive ? 'zeugma-dashboard-dragout-active' : ''}`.trim()}\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 { useDashboardState, useDashboardActions } from '../../dashboard'\nimport { DragListenersCtx } from '../model/context'\nimport { PaneRenderProps } from '../model/types'\nimport { findPane } from '../../../shared/lib/tree'\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: '25%',\n left: 0,\n width: '25%',\n height: '50%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n right: {\n position: 'absolute',\n top: '25%',\n right: 0,\n width: '25%',\n height: '50%',\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 { layout, activeId, classNames, fullscreenPaneId, onRemove, onFullscreenChange } =\n useDashboardState()\n const { removePane, updatePaneMetadata } = useDashboardActions()\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 paneNode = useMemo(() => findPane(layout, id), [layout, id])\n const metadata = paneNode?.metadata\n\n const renderProps: PaneRenderProps = useMemo(\n () => ({\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 metadata,\n updateMetadata: (updater) => {\n updatePaneMetadata(id, updater)\n },\n }),\n [\n dragging,\n isFullscreen,\n onFullscreenChange,\n id,\n onRemove,\n removePane,\n metadata,\n updatePaneMetadata,\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', touchAction: 'none', ...style }}\n {...dragProps}\n >\n {children}\n </div>\n )\n}\n"]}
|
package/dist/index.d.cts
CHANGED
|
@@ -21,6 +21,7 @@ interface ZeugmaClassNames {
|
|
|
21
21
|
swapPreview?: string;
|
|
22
22
|
dragOverlay?: string;
|
|
23
23
|
resizer?: string;
|
|
24
|
+
dragOut?: string;
|
|
24
25
|
}
|
|
25
26
|
interface ResizerRenderProps {
|
|
26
27
|
direction: SplitDirection;
|
|
@@ -38,6 +39,8 @@ interface DashboardStateValue {
|
|
|
38
39
|
onLayoutChange: (newLayout: TreeNode | null) => void;
|
|
39
40
|
renderPane: (paneId: string) => ReactNode;
|
|
40
41
|
activeId: string | null;
|
|
42
|
+
draggedOutId: string | null;
|
|
43
|
+
setContainerRef: (element: HTMLElement | null) => void;
|
|
41
44
|
fullscreenPaneId: string | null;
|
|
42
45
|
classNames: ZeugmaClassNames;
|
|
43
46
|
onRemove?: (paneId: string) => void;
|
|
@@ -91,6 +94,9 @@ interface DashboardProviderProps {
|
|
|
91
94
|
renderResizer?: (props: ResizerRenderProps) => ReactNode;
|
|
92
95
|
minSplitPercentage?: number;
|
|
93
96
|
maxSplitPercentage?: number;
|
|
97
|
+
dragOutThreshold?: number;
|
|
98
|
+
onDragOutChange?: (paneId: string | null) => void;
|
|
99
|
+
onDragOut?: (paneId: string) => void;
|
|
94
100
|
children: ReactNode;
|
|
95
101
|
}
|
|
96
102
|
declare const DashboardProvider: React$1.FC<DashboardProviderProps>;
|
package/dist/index.d.ts
CHANGED
|
@@ -21,6 +21,7 @@ interface ZeugmaClassNames {
|
|
|
21
21
|
swapPreview?: string;
|
|
22
22
|
dragOverlay?: string;
|
|
23
23
|
resizer?: string;
|
|
24
|
+
dragOut?: string;
|
|
24
25
|
}
|
|
25
26
|
interface ResizerRenderProps {
|
|
26
27
|
direction: SplitDirection;
|
|
@@ -38,6 +39,8 @@ interface DashboardStateValue {
|
|
|
38
39
|
onLayoutChange: (newLayout: TreeNode | null) => void;
|
|
39
40
|
renderPane: (paneId: string) => ReactNode;
|
|
40
41
|
activeId: string | null;
|
|
42
|
+
draggedOutId: string | null;
|
|
43
|
+
setContainerRef: (element: HTMLElement | null) => void;
|
|
41
44
|
fullscreenPaneId: string | null;
|
|
42
45
|
classNames: ZeugmaClassNames;
|
|
43
46
|
onRemove?: (paneId: string) => void;
|
|
@@ -91,6 +94,9 @@ interface DashboardProviderProps {
|
|
|
91
94
|
renderResizer?: (props: ResizerRenderProps) => ReactNode;
|
|
92
95
|
minSplitPercentage?: number;
|
|
93
96
|
maxSplitPercentage?: number;
|
|
97
|
+
dragOutThreshold?: number;
|
|
98
|
+
onDragOutChange?: (paneId: string | null) => void;
|
|
99
|
+
onDragOut?: (paneId: string) => void;
|
|
94
100
|
children: ReactNode;
|
|
95
101
|
}
|
|
96
102
|
declare const DashboardProvider: React$1.FC<DashboardProviderProps>;
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {createContext,useContext,useState,useRef,useCallback,useMemo,useEffect}from'react';import {useSensors,useSensor,DndContext,pointerWithin,useDraggable,PointerSensor,TouchSensor,useDroppable}from'@dnd-kit/core';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var
|
|
1
|
+
import {createContext,useContext,useState,useRef,useCallback,useMemo,useEffect}from'react';import {useSensors,useSensor,DndContext,pointerWithin,useDraggable,PointerSensor,TouchSensor,useDroppable}from'@dnd-kit/core';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var de=createContext(void 0),ce=createContext(void 0);var k=()=>{let e=useContext(de);if(!e)throw new Error("useDashboardState must be used within a DashboardProvider");return e},be=()=>{let e=useContext(ce);if(!e)throw new Error("useDashboardActions must be used within a DashboardProvider");return e};function Z(e,t){if(e===null)return null;if(e.type==="pane")return e.paneId===t?null:e;let o=Z(e.first,t),r=Z(e.second,t);return o===null?r:r===null?o:{...e,first:o,second:r}}function ae(e,t,o,r,n){if(e===null)return typeof n=="string"?{type:"pane",paneId:n}:n;if(e.type==="pane"){if(e.paneId===t){let d=typeof n=="string"?{type:"pane",paneId:n}:n,a=r==="left"||r==="top";return {type:"split",direction:o,first:a?d:e,second:a?e:d,splitPercentage:50}}return e}return {...e,first:ae(e.first,t,o,r,n)||e.first,second:ae(e.second,t,o,r,n)||e.second}}function Pe(e,t,o){if(e===null)return null;let r=A(e,t),n=A(e,o);if(!r||!n)return e;function d(a){return a.type==="pane"?a.paneId===t?{...n}:a.paneId===o?{...r}:a:{...a,first:d(a.first),second:d(a.second)}}return d(e)}function Ze(e,t){if(e===null)return {type:"pane",paneId:t};function o(r,n){return r.type==="pane"?{type:"split",direction:n==="row"?"column":"row",splitPercentage:50,first:r,second:{type:"pane",paneId:t}}:{...r,second:o(r.second,r.direction)}}return o(e,null)}function G(e,t,o){return e===null?null:e===t?{...e,splitPercentage:o}:e.type==="split"?{...e,first:G(e.first,t,o)||e.first,second:G(e.second,t,o)||e.second}:e}function $e(e,t,o){let r=A(e,t)??{type:"pane",paneId:t},n=Z(e,t);if(n===null)return {...r};let d=o==="left"||o==="right"?"row":"column",a=o==="left"||o==="top",p={...r};return {type:"split",direction:d,first:a?p:n,second:a?n:p,splitPercentage:50}}function A(e,t){return e===null?null:e.type==="pane"?e.paneId===t?e:null:A(e.first,t)??A(e.second,t)}function ue(e,t,o){if(e===null)return null;if(e.type==="pane"){if(e.paneId===t){let r=o(e.metadata);if(r===void 0){let{metadata:n,...d}=e;return d}return {...e,metadata:r}}return e}return {...e,first:ue(e.first,t,o)??e.first,second:ue(e.second,t,o)??e.second}}var Je=8,Ke=8,Zt=4;var rt=({activeId:e,render:t,className:o})=>{let r=useRef(null);return useEffect(()=>{let n=d=>{r.current&&(r.current.style.transform=`translate(${d.clientX+12}px, ${d.clientY+12}px)`);};return document.addEventListener("pointermove",n),()=>document.removeEventListener("pointermove",n)},[]),jsx("div",{ref:r,className:o,style:{position:"fixed",top:0,left:0,zIndex:9999,pointerEvents:"none"},children:t(e)})},Ne=class extends PointerSensor{static activators=[{eventName:"onPointerDown",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]},De=class extends TouchSensor{static activators=[{eventName:"onTouchStart",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]},it=({layout:e,onChange:t,renderPane:o,renderDragOverlay:r,classNames:n={},fullscreenPaneId:d=null,onFullscreenChange:a,onRemove:p,dragActivationDistance:C=8,snapThreshold:N=8,onDragStart:x,onDragEnd:c,onResizeStart:h,onResize:z,onResizeEnd:D,renderResizer:v,minSplitPercentage:f=5,maxSplitPercentage:b=95,dragOutThreshold:J=60,onDragOutChange:P,onDragOut:K,children:ne})=>{let[g,R]=useState(e),me=useRef(e);e!==me.current&&(me.current=e,R(e));let[U,X]=useState(null),[M,Y]=useState(null),S=useRef(null),I=useRef(null),Q=useCallback(s=>{S.current=s;},[]),B=useRef(P);B.current=P;let j=useRef(K);j.current=K;let w=useRef(g);w.current=g;let T=useRef(t);T.current=t;let W=useRef(o);W.current=o;let ee=useRef(D);ee.current=D;let oe=useCallback(s=>W.current(s),[]),re=useMemo(()=>n,[n.pane,n.dropPreview,n.swapPreview,n.dragOverlay,n.resizer,n.dragOut]),ie=useSensors(useSensor(Ne,{activationConstraint:{distance:C}}),useSensor(De,{activationConstraint:{delay:250,tolerance:5}})),Xe=s=>{let u=s.active.id.toString();X(u),S.current?I.current=S.current.getBoundingClientRect():I.current=null,x&&x(u);},Ye=s=>{let u=s.active.id.toString(),i=I.current;if(!i){M!==null&&(Y(null),B.current?.(null));return}let l=s.activatorEvent,L=null,E=null;if(l instanceof MouseEvent||l instanceof PointerEvent)L=l.clientX+s.delta.x,E=l.clientY+s.delta.y;else if(typeof TouchEvent<"u"&&l instanceof TouchEvent){let m=l.touches[0]||l.changedTouches[0];m&&(L=m.clientX+s.delta.x,E=m.clientY+s.delta.y);}let H=0;if(L!==null&&E!==null){let m=0,y=0;L<i.left?m=i.left-L:L>i.right&&(m=L-i.right),E<i.top?y=i.top-E:E>i.bottom&&(y=E-i.bottom),H=Math.sqrt(m*m+y*y);}else {let m=s.active.rect.current.translated;if(m){let y=m.left+m.width/2,V=m.top+m.height/2,q=0,te=0;y<i.left?q=i.left-y:y>i.right&&(q=y-i.right),V<i.top?te=i.top-V:V>i.bottom&&(te=V-i.bottom),H=Math.sqrt(q*q+te*te);}}H>J?M!==u&&(Y(u),B.current?.(u)):M!==null&&(Y(null),B.current?.(null));},Be=s=>{X(null);let{active:u,over:i}=s,l=u.id.toString(),L=M===l;if(Y(null),B.current?.(null),I.current=null,L){j.current?j.current(l):p?p(l):he(l),c&&c(l,null,null);return}if(!i){c&&c(l,null,null);return}let E=i.id.toString(),H=E.match(/^drop-root-(left|right|top|bottom)$/);if(H){let[,_]=H,se=$e(g,l,_);R(se),t(se),c&&c(l,"root",{type:"split",direction:_==="left"||_==="right"?"row":"column",position:_});return}let ve=E.match(/^drop-center-(.+)$/);if(ve){let[,_]=ve;if(l!==_){let se=Pe(g,l,_);R(se),t(se);}c&&c(l,_,{type:"swap",position:"center"});return}let m=E.match(/^drop-(left|right|top|bottom)-(.+)$/);if(!m){c&&c(l,null,null);return}let[,y,V]=m;if(l===V){c&&c(l,null,null);return}let q=y==="left"||y==="right"?"row":"column",te=A(g,l)??{type:"pane",paneId:l},Ge=Z(g,l),Oe=ae(Ge,V,q,y,te);R(Oe),t(Oe),c&&c(l,V,{type:"split",direction:q,position:y});},Ie=useCallback(s=>{R(s);},[]),he=useCallback(s=>{let u=Z(w.current,s);R(u),T.current(u);},[]),Ee=useCallback(s=>{let u=Ze(w.current,s);R(u),T.current(u);},[]),Ce=useCallback((s,u)=>{let i=Pe(w.current,s,u);R(i),T.current(i);},[]),Te=useCallback((s,u,i,l)=>{let L=A(w.current,l)??{type:"pane",paneId:l},E=Z(w.current,l),H=ae(E,s,u,i,L);R(H),T.current(H);},[]),Le=useCallback((s,u)=>{let i=G(w.current,s,u);R(i),T.current(i);},[]),Me=useCallback((s,u)=>{let i=ue(w.current,s,u);R(i),T.current(i);},[]),Ae=useCallback((s,u)=>{let i=G(w.current,s,u);R(i),T.current(i),ee.current&&ee.current(s,u);},[]),We=useMemo(()=>({layout:g,onLayoutChange:Ie,renderPane:oe,activeId:U,draggedOutId:M,setContainerRef:Q,fullscreenPaneId:d,classNames:re,onRemove:p,onFullscreenChange:a,snapThreshold:N,onResizeStart:h,onResize:z,onResizeEnd:Ae,renderResizer:v,minSplitPercentage:f,maxSplitPercentage:b}),[g,U,M,Q,d,re,p,a,N,h,z,v,f,b,Ie,oe,Ae]),qe=useMemo(()=>({removePane:he,addPane:Ee,swapPanes:Ce,splitPane:Te,updateSplitPercentage:Le,updatePaneMetadata:Me}),[he,Ee,Ce,Te,Le,Me]);return jsx(ce.Provider,{value:qe,children:jsxs(de.Provider,{value:We,children:[jsx(DndContext,{id:"zeugma-dnd-context",sensors:ie,collisionDetection:pointerWithin,onDragStart:Xe,onDragMove:Ye,onDragEnd:Be,children:ne}),U&&r&&jsx(rt,{activeId:U,render:r,className:`${n.dragOverlay||""} ${U===M?n.dragOut||"zeugma-dragout":""}`.trim()})]})})};var lt={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"}},dt={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"}},ct=({id:e,position:t,activeClassName:o})=>{let{setNodeRef:r,isOver:n}=useDroppable({id:e});return jsxs(Fragment,{children:[jsx("div",{ref:r,style:lt[t]}),n&&jsx("div",{className:o,style:dt[t]})]})},_e=({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(r=>jsx(ct,{id:`drop-root-${r}`,position:r,activeClassName:o},r))});function Se({containerRef:e,isRow:t,direction:o,splitPercentage:r,resizerSize:n,snapThreshold:d,layout:a,currentNode:p,onLayoutChange:C,onResizeStart:N,onResizeEnd:x}){let{onResizeStart:c,onResize:h,onResizeEnd:z,minSplitPercentage:D=5,maxSplitPercentage:v=95}=k();return useCallback(f=>{f.preventDefault();let b=e.current;if(!b)return;document.body.classList.add("zeugma-resizing");let J=document.createElement("style");J.id="zeugma-global-cursor-style",J.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(J),N&&N(),c&&c(p);let P=b.getBoundingClientRect(),K=f.clientX,ne=f.clientY,g=r,R=f.currentTarget;R.setAttribute("data-resizing","true");let U=Array.from(document.querySelectorAll('div[role="separator"][data-direction]')).filter(S=>S!==R&&S.getAttribute("data-direction")===o).map(S=>{let I=S.getBoundingClientRect();return t?I.left+I.width/2:I.top+I.height/2}),X=g,M=S=>{let I=t?(S.clientX-K)/P.width*100:(S.clientY-ne)/P.height*100,Q=g+I,B=t?P.left+(P.width-n)*(Q/100)+n/2:P.top+(P.height-n)*(Q/100)+n/2,j=1/0,w=null;for(let re of U){let ie=Math.abs(B-re);ie<d&&ie<j&&(j=ie,w=re);}let T=Q;w!==null&&(T=t?(w-n/2-P.left)/(P.width-n)*100:(w-n/2-P.top)/(P.height-n)*100);let W=Math.max(D,Math.min(v,T));X=W;let ee=b.children[0],oe=b.children[b.children.length-1];ee&&oe&&(ee.style.flex=`${W} 1 0%`,oe.style.flex=`${100-W} 1 0%`),h&&h(p,W);},Y=()=>{document.body.classList.remove("zeugma-resizing"),R.removeAttribute("data-resizing");let S=document.getElementById("zeugma-global-cursor-style");S&&S.remove(),document.removeEventListener("pointermove",M),document.removeEventListener("pointerup",Y);let I=G(a,p,X);console.log("onLayoutChange (finalized) called with percentage:",X),C(I),x&&x(),z&&z(p,X);};document.addEventListener("pointermove",M),document.addEventListener("pointerup",Y);},[e,t,o,r,n,d,a,p,C,N,x,c,h,z,D,v])}var vt=({currentNode:e,resizerSize:t,snapThreshold:o,renderResizer:r})=>{let{layout:n,onLayoutChange:d,classNames:a,renderResizer:p}=k(),[C,N]=useState(false),x=r||p,c=useRef(null),{direction:h,first:z,second:D,splitPercentage:v}=e,f=h==="row",b=Se({containerRef:c,isRow:f,direction:h,splitPercentage:v,resizerSize:t,snapThreshold:o??8,layout:n,currentNode:e,onLayoutChange:d,onResizeStart:()=>N(true),onResizeEnd:()=>N(false)});return jsxs("div",{ref:c,style:{display:"flex",flexDirection:f?"row":"column",width:"100%",height:"100%",overflow:"hidden"},children:[jsx("div",{style:{flex:`${v} 1 0%`,overflow:"hidden"},children:jsx(we,{tree:z,resizerSize:t,snapThreshold:o,renderResizer:r})}),x?x({direction:h,splitPercentage:v,resizerSize:t,isResizing:C,onPointerDown:b}):jsx("div",{className:a.resizer,"data-direction":h,style:{width:f?`${t}px`:"100%",height:f?"100%":`${t}px`,cursor:f?"col-resize":"row-resize",position:"relative",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box",flexShrink:0},onPointerDown:b,role:"separator","aria-valuenow":v,"aria-valuemin":5,"aria-valuemax":95}),jsx("div",{style:{flex:`${100-v} 1 0%`,overflow:"hidden"},children:jsx(we,{tree:D,resizerSize:t,snapThreshold:o,renderResizer:r})})]})},we=({tree:e,resizerSize:t=4,snapThreshold:o,renderResizer:r})=>{let{layout:n,renderPane:d,activeId:a,draggedOutId:p,setContainerRef:C,classNames:N,fullscreenPaneId:x,snapThreshold:c}=k(),h=o!==void 0?o:c,z=useMemo(()=>e!==void 0||!a?false:Z(n,a)!==null,[e,n,a]);if(x&&!e)return jsx("div",{style:{width:"100%",height:"100%",position:"relative"},children:d(x)});let D=e!==void 0?e:n;if(!D)return null;let v=()=>D.type==="pane"?jsx("div",{style:{width:"100%",height:"100%",position:"relative"},children:d(D.paneId)}):jsx(vt,{currentNode:D,resizerSize:t,snapThreshold:h,renderResizer:r});return e===void 0?jsxs("div",{ref:C,className:`zeugma-dashboard-root ${a!==null&&a===p?"zeugma-dashboard-dragout-active":""}`.trim(),style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:[v(),jsx(_e,{activeId:a,hasOtherPanes:z,dropPreviewClassName:N.dropPreview})]}):v()};var ge=createContext(null);var xt={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:"25%",left:0,width:"25%",height:"50%",zIndex:20,pointerEvents:"auto"},right:{position:"absolute",top:"25%",right:0,width:"25%",height:"50%",zIndex:20,pointerEvents:"auto"},center:{position:"absolute",top:"25%",left:"25%",width:"50%",height:"50%",zIndex:20,pointerEvents:"auto"}},Nt={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"}},Ue=({id:e,position:t,activeClassName:o})=>{let{setNodeRef:r,isOver:n}=useDroppable({id:e});return jsxs(Fragment,{children:[jsx("div",{ref:r,style:xt[t]}),n&&jsx("div",{className:o,style:Nt[t]})]})},Dt=({id:e,children:t,style:o})=>{let{layout:r,activeId:n,classNames:d,fullscreenPaneId:a,onRemove:p,onFullscreenChange:C}=k(),{removePane:N,updatePaneMetadata:x}=be(),c=n!==null&&n!==e,{attributes:h,listeners:z,setNodeRef:D,isDragging:v}=useDraggable({id:e}),f=n===e||v,b=a===e,P=useMemo(()=>A(r,e),[r,e])?.metadata,K=useMemo(()=>({isDragging:f,isFullscreen:b,toggleFullscreen:()=>C?.(b?null:e),remove:()=>{b&&C?.(null),p?p(e):N(e);},metadata:P,updateMetadata:g=>{x(e,g);}}),[f,b,C,e,p,N,P,x]),ne=useMemo(()=>({...z,...h}),[z,h]);return jsx(ge.Provider,{value:ne,children:jsxs("div",{ref:D,className:d.pane,style:{position:"relative",width:"100%",height:"100%",...o},children:[t(K),c&&jsxs("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:[["top","bottom","left","right"].map(g=>jsx(Ue,{id:`drop-${g}-${e}`,position:g,activeClassName:d.dropPreview},g)),jsx(Ue,{id:`drop-center-${e}`,position:"center",activeClassName:d.swapPreview})]})]})})};var yt=({children:e,className:t,style:o})=>{let r=useContext(ge);if(!r)throw new Error("<DragHandle> must be used inside a <Pane>");return jsx("div",{className:t,style:{cursor:"grab",userSelect:"none",touchAction:"none",...o},...r,children:e})};export{Ke as DEFAULT_DRAG_ACTIVATION_DISTANCE,Zt as DEFAULT_RESIZER_SIZE,Je as DEFAULT_SNAP_THRESHOLD,it as DashboardProvider,yt as DragHandle,Dt as Pane,we as PaneTree,Ze as addPane,A as findPane,Z as removePane,ae as splitPane,$e as splitRoot,Pe as swapPanes,ue as updatePaneMetadata,G as updateSplitPercentage,be as useDashboardActions,k as useDashboardState,Se 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/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":["DashboardStateContext","createContext","DashboardActionsContext","useDashboardState","state","useContext","useDashboardActions","actions","removePane","tree","idToRemove","newFirst","newSecond","splitPane","targetId","direction","splitType","paneToAdd","addedNode","isFirst","swapPanes","idA","idB","nodeA","findPane","nodeB","swap","node","addPane","insert","parentDirection","updateSplitPercentage","target","newPercentage","splitRoot","draggingId","draggedPaneNode","treeWithoutDragging","draggedNode","paneId","updatePaneMetadata","updater","newMetadata","_","rest","DEFAULT_SNAP_THRESHOLD","DEFAULT_DRAG_ACTIVATION_DISTANCE","DEFAULT_RESIZER_SIZE","CursorOverlay","activeId","render","className","ref","useRef","useEffect","handleMove","e","jsx","SmartPointerSensor","PointerSensor","event","SmartTouchSensor","TouchSensor","DashboardProvider","layout","onChange","renderPane","renderDragOverlay","classNames","fullscreenPaneId","onFullscreenChange","onRemove","dragActivationDistance","snapThreshold","onDragStart","onDragEnd","onResizeStart","onResize","onResizeEnd","renderResizer","minSplitPercentage","maxSplitPercentage","children","localLayout","setLocalLayout","useState","prevLayoutRef","setActiveId","layoutRef","onChangeRef","renderPaneRef","onResizeEndPropRef","stableRenderPane","useCallback","stableClassNames","useMemo","sensors","useSensors","useSensor","handleDragStart","handleDragEnd","active","over","overIdStr","rootMatch","dropZone","newLayout","swapMatch","match","handleLocalLayoutChange","handleRemovePane","handleAddPane","handleSwapPanes","paneIdA","paneIdB","handleSplitPane","handleUpdateSplitPercentage","currentNode","percentage","handleUpdatePaneMetadata","handleResizeEnd","finalLayout","stateValue","actionsValue","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","firstChild","secondChild","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","metadata","renderProps","contextValue","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\n/**\n * State context — holds reactive values that change during runtime.\n * All consumers of this context will re-render when any of these values change.\n */\nexport interface DashboardStateValue {\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}\n\n/**\n * Actions context — holds stable dispatch functions with permanent identity.\n * Consumers of only this context will never re-render from layout/drag state changes.\n */\nexport interface DashboardActionsValue {\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 updatePaneMetadata: (\n paneId: string,\n updater: (current: Record<string, unknown> | undefined) => Record<string, unknown> | undefined,\n ) => void\n}\nexport const DashboardStateContext = createContext<DashboardStateValue | undefined>(undefined)\nexport const DashboardActionsContext = createContext<DashboardActionsValue | undefined>(undefined)\n","import { useContext } from 'react'\nimport {\n DashboardStateContext,\n DashboardActionsContext,\n DashboardStateValue,\n DashboardActionsValue,\n} from './context'\n\n/** Returns only reactive state. Use when you need layout, activeId, classNames, etc. */\nexport const useDashboardState = (): DashboardStateValue => {\n const state = useContext(DashboardStateContext)\n if (!state) {\n throw new Error('useDashboardState must be used within a DashboardProvider')\n }\n return state\n}\n\n/** Returns only stable action dispatchers. Consumers of this hook never re-render from state changes. */\nexport const useDashboardActions = (): DashboardActionsValue => {\n const actions = useContext(DashboardActionsContext)\n if (!actions) {\n throw new Error('useDashboardActions must be used within a DashboardProvider')\n }\n return actions\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 | PaneNode,\n): TreeNode | null {\n if (tree === null) {\n return typeof paneToAdd === 'string' ? { type: 'pane', paneId: paneToAdd } : paneToAdd\n }\n if (tree.type === 'pane') {\n if (tree.paneId === targetId) {\n const addedNode: PaneNode =\n typeof paneToAdd === 'string' ? { type: 'pane', paneId: paneToAdd } : paneToAdd\n const isFirst = splitType === 'left' || splitType === 'top'\n return {\n type: 'split',\n direction,\n first: isFirst ? addedNode : tree,\n second: isFirst ? tree : 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\n // First pass: collect the full PaneNode references\n const nodeA = findPane(tree, idA)\n const nodeB = findPane(tree, idB)\n if (!nodeA || !nodeB) return tree\n\n // Second pass: replace each location with the other node\n function swap(node: TreeNode): TreeNode {\n if (node.type === 'pane') {\n if (node.paneId === idA) return { ...nodeB! }\n if (node.paneId === idB) return { ...nodeA! }\n return node\n }\n return {\n ...node,\n first: swap(node.first),\n second: swap(node.second),\n }\n }\n\n return swap(tree)\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 // Preserve dragged pane's metadata\n const draggedPaneNode: PaneNode = findPane(tree, draggingId) ?? {\n type: 'pane',\n paneId: draggingId,\n }\n const treeWithoutDragging = removePane(tree, draggingId)\n if (treeWithoutDragging === null) {\n return { ...draggedPaneNode }\n }\n\n const direction: SplitDirection = splitType === 'left' || splitType === 'right' ? 'row' : 'column'\n const isFirst = splitType === 'left' || splitType === 'top'\n const draggedNode: TreeNode = { ...draggedPaneNode }\n\n return {\n type: 'split',\n direction,\n first: isFirst ? draggedNode : treeWithoutDragging,\n second: isFirst ? treeWithoutDragging : draggedNode,\n splitPercentage: 50,\n }\n}\n\n/**\n * Find a PaneNode by its paneId.\n */\nexport function findPane(tree: TreeNode | null, paneId: string): PaneNode | null {\n if (tree === null) return null\n if (tree.type === 'pane') {\n return tree.paneId === paneId ? tree : null\n }\n return findPane(tree.first, paneId) ?? findPane(tree.second, paneId)\n}\n\n/**\n * Update metadata on a specific pane node using an updater function.\n */\nexport function updatePaneMetadata(\n tree: TreeNode | null,\n paneId: string,\n updater: (current: Record<string, unknown> | undefined) => Record<string, unknown> | undefined,\n): TreeNode | null {\n if (tree === null) return null\n if (tree.type === 'pane') {\n if (tree.paneId === paneId) {\n const newMetadata = updater(tree.metadata)\n if (newMetadata === undefined) {\n // Remove metadata key\n const { metadata: _, ...rest } = tree\n return rest as PaneNode\n }\n return { ...tree, metadata: newMetadata }\n }\n return tree\n }\n return {\n ...tree,\n first: updatePaneMetadata(tree.first, paneId, updater) ?? tree.first,\n second: updatePaneMetadata(tree.second, paneId, updater) ?? tree.second,\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 TouchSensor,\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 updatePaneMetadata,\n findPane,\n} from '../../../shared/lib/tree'\nimport { DEFAULT_DRAG_ACTIVATION_DISTANCE, DEFAULT_SNAP_THRESHOLD } from '../../../shared/config'\nimport {\n DashboardStateContext,\n DashboardActionsContext,\n ZeugmaClassNames,\n ResizerRenderProps,\n} 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\nclass SmartPointerSensor extends PointerSensor {\n static activators = [\n {\n eventName: 'onPointerDown' as const,\n handler: ({ nativeEvent: event }: { nativeEvent: PointerEvent }) => {\n const element = event.target as HTMLElement | null\n if (element?.closest('.drag-cancel')) {\n return false\n }\n return true\n },\n },\n ]\n}\n\nclass SmartTouchSensor extends TouchSensor {\n static activators = [\n {\n eventName: 'onTouchStart' as const,\n handler: ({ nativeEvent: event }: { nativeEvent: TouchEvent }) => {\n const element = event.target as HTMLElement | null\n if (element?.closest('.drag-cancel')) {\n return false\n }\n return true\n },\n },\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 [localLayout, setLocalLayout] = useState<TreeNode | null>(layout)\n const prevLayoutRef = useRef(layout)\n\n if (layout !== prevLayoutRef.current) {\n prevLayoutRef.current = layout\n setLocalLayout(layout)\n }\n\n const [activeId, setActiveId] = useState<string | null>(null)\n\n // Refs for stable closure access — prevents callback identity changes on every layout update\n const layoutRef = useRef(localLayout)\n layoutRef.current = localLayout\n\n const onChangeRef = useRef(onChange)\n onChangeRef.current = onChange\n\n const renderPaneRef = useRef(renderPane)\n renderPaneRef.current = renderPane\n\n const onResizeEndPropRef = useRef(onResizeEnd)\n onResizeEndPropRef.current = onResizeEnd\n\n // Stable renderPane wrapper — immune to consumer passing inline functions\n const stableRenderPane = useCallback((paneId: string) => renderPaneRef.current(paneId), [])\n\n // Shallow-memoize classNames by individual fields to avoid identity busting from inline objects\n const stableClassNames = useMemo(\n () => classNames,\n [\n classNames.pane,\n classNames.dropPreview,\n classNames.swapPreview,\n classNames.dragOverlay,\n classNames.resizer,\n ],\n )\n\n const sensors = useSensors(\n useSensor(SmartPointerSensor, {\n activationConstraint: { distance: dragActivationDistance },\n }),\n useSensor(SmartTouchSensor, {\n activationConstraint: { delay: 250, tolerance: 5 },\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 localLayout,\n draggingId,\n dropZone as 'left' | 'right' | 'top' | 'bottom',\n )\n setLocalLayout(newLayout)\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 const newLayout = swapPanes(localLayout, draggingId, targetId)\n setLocalLayout(newLayout)\n onChange(newLayout)\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 draggedPaneNode = findPane(localLayout, draggingId) ?? {\n type: 'pane',\n paneId: draggingId,\n }\n const treeWithoutDragging = removePane(localLayout, draggingId)\n\n const newLayout = splitPane(\n treeWithoutDragging,\n targetId,\n direction,\n dropZone as 'left' | 'right' | 'top' | 'bottom',\n draggedPaneNode,\n )\n setLocalLayout(newLayout)\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 handleLocalLayoutChange = useCallback((newLayout: TreeNode | null) => {\n setLocalLayout(newLayout)\n }, [])\n\n const handleRemovePane = useCallback((paneId: string) => {\n const newLayout = removePane(layoutRef.current, paneId)\n setLocalLayout(newLayout)\n onChangeRef.current(newLayout)\n }, [])\n\n const handleAddPane = useCallback((paneId: string) => {\n const newLayout = addPane(layoutRef.current, paneId)\n setLocalLayout(newLayout)\n onChangeRef.current(newLayout)\n }, [])\n\n const handleSwapPanes = useCallback((paneIdA: string, paneIdB: string) => {\n const newLayout = swapPanes(layoutRef.current, paneIdA, paneIdB)\n setLocalLayout(newLayout)\n onChangeRef.current(newLayout)\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 draggedPaneNode = findPane(layoutRef.current, paneToAdd) ?? {\n type: 'pane',\n paneId: paneToAdd,\n }\n const treeWithoutDragging = removePane(layoutRef.current, paneToAdd)\n const newLayout = splitPane(\n treeWithoutDragging,\n targetId,\n direction,\n splitType,\n draggedPaneNode,\n )\n setLocalLayout(newLayout)\n onChangeRef.current(newLayout)\n },\n [],\n )\n\n const handleUpdateSplitPercentage = useCallback((currentNode: SplitNode, percentage: number) => {\n const newLayout = updateSplitPercentage(layoutRef.current, currentNode, percentage)\n setLocalLayout(newLayout)\n onChangeRef.current(newLayout)\n }, [])\n\n const handleUpdatePaneMetadata = useCallback(\n (\n paneId: string,\n updater: (\n current: Record<string, unknown> | undefined,\n ) => Record<string, unknown> | undefined,\n ) => {\n const newLayout = updatePaneMetadata(layoutRef.current, paneId, updater)\n setLocalLayout(newLayout)\n onChangeRef.current(newLayout)\n },\n [],\n )\n\n const handleResizeEnd = useCallback((currentNode: SplitNode, percentage: number) => {\n const finalLayout = updateSplitPercentage(layoutRef.current, currentNode, percentage)\n setLocalLayout(finalLayout)\n onChangeRef.current(finalLayout)\n if (onResizeEndPropRef.current) {\n onResizeEndPropRef.current(currentNode, percentage)\n }\n }, [])\n\n // State context — reactive values that change during runtime\n const stateValue = useMemo(\n () => ({\n layout: localLayout,\n onLayoutChange: handleLocalLayoutChange,\n renderPane: stableRenderPane,\n activeId,\n fullscreenPaneId,\n classNames: stableClassNames,\n onRemove,\n onFullscreenChange,\n snapThreshold,\n onResizeStart,\n onResize,\n onResizeEnd: handleResizeEnd,\n renderResizer,\n minSplitPercentage,\n maxSplitPercentage,\n }),\n [\n localLayout,\n activeId,\n fullscreenPaneId,\n stableClassNames,\n onRemove,\n onFullscreenChange,\n snapThreshold,\n onResizeStart,\n onResize,\n renderResizer,\n minSplitPercentage,\n maxSplitPercentage,\n // Stable callbacks (empty deps) — included for exhaustive-deps lint rule\n handleLocalLayoutChange,\n stableRenderPane,\n handleResizeEnd,\n ],\n )\n\n // Actions context — stable dispatch functions that never change identity\n const actionsValue = useMemo(\n () => ({\n removePane: handleRemovePane,\n addPane: handleAddPane,\n swapPanes: handleSwapPanes,\n splitPane: handleSplitPane,\n updateSplitPercentage: handleUpdateSplitPercentage,\n updatePaneMetadata: handleUpdatePaneMetadata,\n }),\n [\n handleRemovePane,\n handleAddPane,\n handleSwapPanes,\n handleSplitPane,\n handleUpdateSplitPercentage,\n handleUpdatePaneMetadata,\n ],\n )\n\n return (\n <DashboardActionsContext.Provider value={actionsValue}>\n <DashboardStateContext.Provider value={stateValue}>\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 </DashboardStateContext.Provider>\n </DashboardActionsContext.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 { useDashboardState } 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 } = useDashboardState()\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\n // Imperatively update the sibling pane container flex sizes during drag\n const firstChild = container.children[0] as HTMLElement\n const secondChild = container.children[container.children.length - 1] as HTMLElement\n if (firstChild && secondChild) {\n firstChild.style.flex = `${finalPercentage} 1 0%`\n secondChild.style.flex = `${100 - finalPercentage} 1 0%`\n }\n\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 // Write to React state once resizing completes\n const newLayout = updateSplitPercentage(layout, currentNode, currentPercentage)\n console.log('onLayoutChange (finalized) called with percentage:', currentPercentage)\n onLayoutChange(newLayout)\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 { useDashboardState, 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 {\n layout,\n onLayoutChange,\n classNames,\n renderResizer: contextRenderResizer,\n } = useDashboardState()\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 touchAction: '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 } = useDashboardState()\n\n const snapThreshold = propSnapThreshold !== undefined ? propSnapThreshold : contextSnapThreshold\n\n const hasOtherPanes = useMemo(() => {\n if (tree !== undefined || !activeId) return false\n return removePane(layout, activeId) !== null\n }, [tree, 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 { useDashboardState, useDashboardActions } from '../../dashboard'\nimport { DragListenersCtx } from '../model/context'\nimport { PaneRenderProps } from '../model/types'\nimport { findPane } from '../../../shared/lib/tree'\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: '25%',\n left: 0,\n width: '25%',\n height: '50%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n right: {\n position: 'absolute',\n top: '25%',\n right: 0,\n width: '25%',\n height: '50%',\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 { layout, activeId, classNames, fullscreenPaneId, onRemove, onFullscreenChange } =\n useDashboardState()\n const { removePane, updatePaneMetadata } = useDashboardActions()\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 paneNode = useMemo(() => findPane(layout, id), [layout, id])\n const metadata = paneNode?.metadata\n\n const renderProps: PaneRenderProps = useMemo(\n () => ({\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 metadata,\n updateMetadata: (updater) => {\n updatePaneMetadata(id, updater)\n },\n }),\n [\n dragging,\n isFullscreen,\n onFullscreenChange,\n id,\n onRemove,\n removePane,\n metadata,\n updatePaneMetadata,\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', touchAction: '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":["DashboardStateContext","createContext","DashboardActionsContext","useDashboardState","state","useContext","useDashboardActions","actions","removePane","tree","idToRemove","newFirst","newSecond","splitPane","targetId","direction","splitType","paneToAdd","addedNode","isFirst","swapPanes","idA","idB","nodeA","findPane","nodeB","swap","node","addPane","insert","parentDirection","updateSplitPercentage","target","newPercentage","splitRoot","draggingId","draggedPaneNode","treeWithoutDragging","draggedNode","paneId","updatePaneMetadata","updater","newMetadata","_","rest","DEFAULT_SNAP_THRESHOLD","DEFAULT_DRAG_ACTIVATION_DISTANCE","DEFAULT_RESIZER_SIZE","CursorOverlay","activeId","render","className","ref","useRef","useEffect","handleMove","e","jsx","SmartPointerSensor","PointerSensor","event","SmartTouchSensor","TouchSensor","DashboardProvider","layout","onChange","renderPane","renderDragOverlay","classNames","fullscreenPaneId","onFullscreenChange","onRemove","dragActivationDistance","snapThreshold","onDragStart","onDragEnd","onResizeStart","onResize","onResizeEnd","renderResizer","minSplitPercentage","maxSplitPercentage","dragOutThreshold","onDragOutChange","onDragOut","children","localLayout","setLocalLayout","useState","prevLayoutRef","setActiveId","draggedOutId","setDraggedOutId","containerRef","containerRectRef","setContainerRef","useCallback","element","onDragOutChangeRef","onDragOutRef","layoutRef","onChangeRef","renderPaneRef","onResizeEndPropRef","stableRenderPane","stableClassNames","useMemo","sensors","useSensors","useSensor","handleDragStart","handleDragMove","containerRect","ae","px","py","touch","distance","dx","dy","activeRect","cx","cy","handleDragEnd","active","over","wasDraggedOut","handleRemovePane","overIdStr","rootMatch","dropZone","newLayout","swapMatch","match","handleLocalLayoutChange","handleAddPane","handleSwapPanes","paneIdA","paneIdB","handleSplitPane","handleUpdateSplitPercentage","currentNode","percentage","handleUpdatePaneMetadata","handleResizeEnd","finalLayout","stateValue","actionsValue","jsxs","DndContext","pointerWithin","rootActivationPositions","rootPreviewPositions","RootDropZone","id","position","activeClassName","setNodeRef","isOver","useDroppable","Fragment","RootDropZones","hasOtherPanes","dropPreviewClassName","pos","useResizer","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","firstChild","secondChild","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","metadata","renderProps","contextValue","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 dragOut?: 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\n/**\n * State context — holds reactive values that change during runtime.\n * All consumers of this context will re-render when any of these values change.\n */\nexport interface DashboardStateValue {\n layout: TreeNode | null\n onLayoutChange: (newLayout: TreeNode | null) => void\n renderPane: (paneId: string) => ReactNode\n activeId: string | null\n draggedOutId: string | null\n setContainerRef: (element: HTMLElement | null) => void\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}\n\n/**\n * Actions context — holds stable dispatch functions with permanent identity.\n * Consumers of only this context will never re-render from layout/drag state changes.\n */\nexport interface DashboardActionsValue {\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 updatePaneMetadata: (\n paneId: string,\n updater: (current: Record<string, unknown> | undefined) => Record<string, unknown> | undefined,\n ) => void\n}\nexport const DashboardStateContext = createContext<DashboardStateValue | undefined>(undefined)\nexport const DashboardActionsContext = createContext<DashboardActionsValue | undefined>(undefined)\n","import { useContext } from 'react'\nimport {\n DashboardStateContext,\n DashboardActionsContext,\n DashboardStateValue,\n DashboardActionsValue,\n} from './context'\n\n/** Returns only reactive state. Use when you need layout, activeId, classNames, etc. */\nexport const useDashboardState = (): DashboardStateValue => {\n const state = useContext(DashboardStateContext)\n if (!state) {\n throw new Error('useDashboardState must be used within a DashboardProvider')\n }\n return state\n}\n\n/** Returns only stable action dispatchers. Consumers of this hook never re-render from state changes. */\nexport const useDashboardActions = (): DashboardActionsValue => {\n const actions = useContext(DashboardActionsContext)\n if (!actions) {\n throw new Error('useDashboardActions must be used within a DashboardProvider')\n }\n return actions\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 | PaneNode,\n): TreeNode | null {\n if (tree === null) {\n return typeof paneToAdd === 'string' ? { type: 'pane', paneId: paneToAdd } : paneToAdd\n }\n if (tree.type === 'pane') {\n if (tree.paneId === targetId) {\n const addedNode: PaneNode =\n typeof paneToAdd === 'string' ? { type: 'pane', paneId: paneToAdd } : paneToAdd\n const isFirst = splitType === 'left' || splitType === 'top'\n return {\n type: 'split',\n direction,\n first: isFirst ? addedNode : tree,\n second: isFirst ? tree : 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\n // First pass: collect the full PaneNode references\n const nodeA = findPane(tree, idA)\n const nodeB = findPane(tree, idB)\n if (!nodeA || !nodeB) return tree\n\n // Second pass: replace each location with the other node\n function swap(node: TreeNode): TreeNode {\n if (node.type === 'pane') {\n if (node.paneId === idA) return { ...nodeB! }\n if (node.paneId === idB) return { ...nodeA! }\n return node\n }\n return {\n ...node,\n first: swap(node.first),\n second: swap(node.second),\n }\n }\n\n return swap(tree)\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 // Preserve dragged pane's metadata\n const draggedPaneNode: PaneNode = findPane(tree, draggingId) ?? {\n type: 'pane',\n paneId: draggingId,\n }\n const treeWithoutDragging = removePane(tree, draggingId)\n if (treeWithoutDragging === null) {\n return { ...draggedPaneNode }\n }\n\n const direction: SplitDirection = splitType === 'left' || splitType === 'right' ? 'row' : 'column'\n const isFirst = splitType === 'left' || splitType === 'top'\n const draggedNode: TreeNode = { ...draggedPaneNode }\n\n return {\n type: 'split',\n direction,\n first: isFirst ? draggedNode : treeWithoutDragging,\n second: isFirst ? treeWithoutDragging : draggedNode,\n splitPercentage: 50,\n }\n}\n\n/**\n * Find a PaneNode by its paneId.\n */\nexport function findPane(tree: TreeNode | null, paneId: string): PaneNode | null {\n if (tree === null) return null\n if (tree.type === 'pane') {\n return tree.paneId === paneId ? tree : null\n }\n return findPane(tree.first, paneId) ?? findPane(tree.second, paneId)\n}\n\n/**\n * Update metadata on a specific pane node using an updater function.\n */\nexport function updatePaneMetadata(\n tree: TreeNode | null,\n paneId: string,\n updater: (current: Record<string, unknown> | undefined) => Record<string, unknown> | undefined,\n): TreeNode | null {\n if (tree === null) return null\n if (tree.type === 'pane') {\n if (tree.paneId === paneId) {\n const newMetadata = updater(tree.metadata)\n if (newMetadata === undefined) {\n // Remove metadata key\n const { metadata: _, ...rest } = tree\n return rest as PaneNode\n }\n return { ...tree, metadata: newMetadata }\n }\n return tree\n }\n return {\n ...tree,\n first: updatePaneMetadata(tree.first, paneId, updater) ?? tree.first,\n second: updatePaneMetadata(tree.second, paneId, updater) ?? tree.second,\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 TouchSensor,\n DragStartEvent,\n DragEndEvent,\n DragMoveEvent,\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 updatePaneMetadata,\n findPane,\n} from '../../../shared/lib/tree'\nimport { DEFAULT_DRAG_ACTIVATION_DISTANCE, DEFAULT_SNAP_THRESHOLD } from '../../../shared/config'\nimport {\n DashboardStateContext,\n DashboardActionsContext,\n ZeugmaClassNames,\n ResizerRenderProps,\n} 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\nclass SmartPointerSensor extends PointerSensor {\n static activators = [\n {\n eventName: 'onPointerDown' as const,\n handler: ({ nativeEvent: event }: { nativeEvent: PointerEvent }) => {\n const element = event.target as HTMLElement | null\n if (element?.closest('.drag-cancel')) {\n return false\n }\n return true\n },\n },\n ]\n}\n\nclass SmartTouchSensor extends TouchSensor {\n static activators = [\n {\n eventName: 'onTouchStart' as const,\n handler: ({ nativeEvent: event }: { nativeEvent: TouchEvent }) => {\n const element = event.target as HTMLElement | null\n if (element?.closest('.drag-cancel')) {\n return false\n }\n return true\n },\n },\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 dragOutThreshold?: number\n onDragOutChange?: (paneId: string | null) => void\n onDragOut?: (paneId: string) => void\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 dragOutThreshold = 60,\n onDragOutChange,\n onDragOut,\n children,\n}) => {\n const [localLayout, setLocalLayout] = useState<TreeNode | null>(layout)\n const prevLayoutRef = useRef(layout)\n\n if (layout !== prevLayoutRef.current) {\n prevLayoutRef.current = layout\n setLocalLayout(layout)\n }\n\n const [activeId, setActiveId] = useState<string | null>(null)\n const [draggedOutId, setDraggedOutId] = useState<string | null>(null)\n const containerRef = useRef<HTMLElement | null>(null)\n const containerRectRef = useRef<DOMRect | null>(null)\n\n const setContainerRef = useCallback((element: HTMLElement | null) => {\n containerRef.current = element\n }, [])\n\n const onDragOutChangeRef = useRef(onDragOutChange)\n onDragOutChangeRef.current = onDragOutChange\n\n const onDragOutRef = useRef(onDragOut)\n onDragOutRef.current = onDragOut\n\n // Refs for stable closure access — prevents callback identity changes on every layout update\n const layoutRef = useRef(localLayout)\n layoutRef.current = localLayout\n\n const onChangeRef = useRef(onChange)\n onChangeRef.current = onChange\n\n const renderPaneRef = useRef(renderPane)\n renderPaneRef.current = renderPane\n\n const onResizeEndPropRef = useRef(onResizeEnd)\n onResizeEndPropRef.current = onResizeEnd\n\n // Stable renderPane wrapper — immune to consumer passing inline functions\n const stableRenderPane = useCallback((paneId: string) => renderPaneRef.current(paneId), [])\n\n // Shallow-memoize classNames by individual fields to avoid identity busting from inline objects\n const stableClassNames = useMemo(\n () => classNames,\n [\n classNames.pane,\n classNames.dropPreview,\n classNames.swapPreview,\n classNames.dragOverlay,\n classNames.resizer,\n classNames.dragOut,\n ],\n )\n\n const sensors = useSensors(\n useSensor(SmartPointerSensor, {\n activationConstraint: { distance: dragActivationDistance },\n }),\n useSensor(SmartTouchSensor, {\n activationConstraint: { delay: 250, tolerance: 5 },\n }),\n )\n\n const handleDragStart = (event: DragStartEvent) => {\n const draggingId = event.active.id.toString()\n setActiveId(draggingId)\n if (containerRef.current) {\n containerRectRef.current = containerRef.current.getBoundingClientRect()\n } else {\n containerRectRef.current = null\n }\n if (onDragStart) {\n onDragStart(draggingId)\n }\n }\n\n const handleDragMove = (event: DragMoveEvent) => {\n const draggingId = event.active.id.toString()\n const containerRect = containerRectRef.current\n\n if (!containerRect) {\n if (draggedOutId !== null) {\n setDraggedOutId(null)\n onDragOutChangeRef.current?.(null)\n }\n return\n }\n\n const ae = event.activatorEvent\n let px: number | null = null\n let py: number | null = null\n\n if (ae instanceof MouseEvent || ae instanceof PointerEvent) {\n px = ae.clientX + event.delta.x\n py = ae.clientY + event.delta.y\n } else if (typeof TouchEvent !== 'undefined' && ae instanceof TouchEvent) {\n const touch = ae.touches[0] || ae.changedTouches[0]\n if (touch) {\n px = touch.clientX + event.delta.x\n py = touch.clientY + event.delta.y\n }\n }\n\n let distance = 0\n if (px !== null && py !== null) {\n let dx = 0\n let dy = 0\n\n if (px < containerRect.left) {\n dx = containerRect.left - px\n } else if (px > containerRect.right) {\n dx = px - containerRect.right\n }\n\n if (py < containerRect.top) {\n dy = containerRect.top - py\n } else if (py > containerRect.bottom) {\n dy = py - containerRect.bottom\n }\n\n distance = Math.sqrt(dx * dx + dy * dy)\n } else {\n const activeRect = event.active.rect.current.translated\n if (activeRect) {\n const cx = activeRect.left + activeRect.width / 2\n const cy = activeRect.top + activeRect.height / 2\n let dx = 0\n let dy = 0\n\n if (cx < containerRect.left) {\n dx = containerRect.left - cx\n } else if (cx > containerRect.right) {\n dx = cx - containerRect.right\n }\n\n if (cy < containerRect.top) {\n dy = containerRect.top - cy\n } else if (cy > containerRect.bottom) {\n dy = cy - containerRect.bottom\n }\n\n distance = Math.sqrt(dx * dx + dy * dy)\n }\n }\n\n const isDraggedOut = distance > dragOutThreshold\n if (isDraggedOut) {\n if (draggedOutId !== draggingId) {\n setDraggedOutId(draggingId)\n onDragOutChangeRef.current?.(draggingId)\n }\n } else {\n if (draggedOutId !== null) {\n setDraggedOutId(null)\n onDragOutChangeRef.current?.(null)\n }\n }\n }\n\n const handleDragEnd = (event: DragEndEvent) => {\n setActiveId(null)\n const { active, over } = event\n const draggingId = active.id.toString()\n\n const wasDraggedOut = draggedOutId === draggingId\n\n setDraggedOutId(null)\n onDragOutChangeRef.current?.(null)\n containerRectRef.current = null\n\n if (wasDraggedOut) {\n if (onDragOutRef.current) {\n onDragOutRef.current(draggingId)\n } else {\n if (onRemove) {\n onRemove(draggingId)\n } else {\n handleRemovePane(draggingId)\n }\n }\n\n if (onDragEnd) {\n onDragEnd(draggingId, null, null)\n }\n return\n }\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 localLayout,\n draggingId,\n dropZone as 'left' | 'right' | 'top' | 'bottom',\n )\n setLocalLayout(newLayout)\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 const newLayout = swapPanes(localLayout, draggingId, targetId)\n setLocalLayout(newLayout)\n onChange(newLayout)\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 draggedPaneNode = findPane(localLayout, draggingId) ?? {\n type: 'pane',\n paneId: draggingId,\n }\n const treeWithoutDragging = removePane(localLayout, draggingId)\n\n const newLayout = splitPane(\n treeWithoutDragging,\n targetId,\n direction,\n dropZone as 'left' | 'right' | 'top' | 'bottom',\n draggedPaneNode,\n )\n setLocalLayout(newLayout)\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 handleLocalLayoutChange = useCallback((newLayout: TreeNode | null) => {\n setLocalLayout(newLayout)\n }, [])\n\n const handleRemovePane = useCallback((paneId: string) => {\n const newLayout = removePane(layoutRef.current, paneId)\n setLocalLayout(newLayout)\n onChangeRef.current(newLayout)\n }, [])\n\n const handleAddPane = useCallback((paneId: string) => {\n const newLayout = addPane(layoutRef.current, paneId)\n setLocalLayout(newLayout)\n onChangeRef.current(newLayout)\n }, [])\n\n const handleSwapPanes = useCallback((paneIdA: string, paneIdB: string) => {\n const newLayout = swapPanes(layoutRef.current, paneIdA, paneIdB)\n setLocalLayout(newLayout)\n onChangeRef.current(newLayout)\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 draggedPaneNode = findPane(layoutRef.current, paneToAdd) ?? {\n type: 'pane',\n paneId: paneToAdd,\n }\n const treeWithoutDragging = removePane(layoutRef.current, paneToAdd)\n const newLayout = splitPane(\n treeWithoutDragging,\n targetId,\n direction,\n splitType,\n draggedPaneNode,\n )\n setLocalLayout(newLayout)\n onChangeRef.current(newLayout)\n },\n [],\n )\n\n const handleUpdateSplitPercentage = useCallback((currentNode: SplitNode, percentage: number) => {\n const newLayout = updateSplitPercentage(layoutRef.current, currentNode, percentage)\n setLocalLayout(newLayout)\n onChangeRef.current(newLayout)\n }, [])\n\n const handleUpdatePaneMetadata = useCallback(\n (\n paneId: string,\n updater: (\n current: Record<string, unknown> | undefined,\n ) => Record<string, unknown> | undefined,\n ) => {\n const newLayout = updatePaneMetadata(layoutRef.current, paneId, updater)\n setLocalLayout(newLayout)\n onChangeRef.current(newLayout)\n },\n [],\n )\n\n const handleResizeEnd = useCallback((currentNode: SplitNode, percentage: number) => {\n const finalLayout = updateSplitPercentage(layoutRef.current, currentNode, percentage)\n setLocalLayout(finalLayout)\n onChangeRef.current(finalLayout)\n if (onResizeEndPropRef.current) {\n onResizeEndPropRef.current(currentNode, percentage)\n }\n }, [])\n\n // State context — reactive values that change during runtime\n const stateValue = useMemo(\n () => ({\n layout: localLayout,\n onLayoutChange: handleLocalLayoutChange,\n renderPane: stableRenderPane,\n activeId,\n draggedOutId,\n setContainerRef,\n fullscreenPaneId,\n classNames: stableClassNames,\n onRemove,\n onFullscreenChange,\n snapThreshold,\n onResizeStart,\n onResize,\n onResizeEnd: handleResizeEnd,\n renderResizer,\n minSplitPercentage,\n maxSplitPercentage,\n }),\n [\n localLayout,\n activeId,\n draggedOutId,\n setContainerRef,\n fullscreenPaneId,\n stableClassNames,\n onRemove,\n onFullscreenChange,\n snapThreshold,\n onResizeStart,\n onResize,\n renderResizer,\n minSplitPercentage,\n maxSplitPercentage,\n // Stable callbacks (empty deps) — included for exhaustive-deps lint rule\n handleLocalLayoutChange,\n stableRenderPane,\n handleResizeEnd,\n ],\n )\n\n // Actions context — stable dispatch functions that never change identity\n const actionsValue = useMemo(\n () => ({\n removePane: handleRemovePane,\n addPane: handleAddPane,\n swapPanes: handleSwapPanes,\n splitPane: handleSplitPane,\n updateSplitPercentage: handleUpdateSplitPercentage,\n updatePaneMetadata: handleUpdatePaneMetadata,\n }),\n [\n handleRemovePane,\n handleAddPane,\n handleSwapPanes,\n handleSplitPane,\n handleUpdateSplitPercentage,\n handleUpdatePaneMetadata,\n ],\n )\n\n return (\n <DashboardActionsContext.Provider value={actionsValue}>\n <DashboardStateContext.Provider value={stateValue}>\n <DndContext\n id=\"zeugma-dnd-context\"\n sensors={sensors}\n collisionDetection={pointerWithin}\n onDragStart={handleDragStart}\n onDragMove={handleDragMove}\n onDragEnd={handleDragEnd}\n >\n {children}\n </DndContext>\n {activeId && renderDragOverlay && (\n <CursorOverlay\n activeId={activeId}\n render={renderDragOverlay}\n className={`${classNames.dragOverlay || ''} ${\n activeId === draggedOutId ? classNames.dragOut || 'zeugma-dragout' : ''\n }`.trim()}\n />\n )}\n </DashboardStateContext.Provider>\n </DashboardActionsContext.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 { useDashboardState } 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 } = useDashboardState()\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\n // Imperatively update the sibling pane container flex sizes during drag\n const firstChild = container.children[0] as HTMLElement\n const secondChild = container.children[container.children.length - 1] as HTMLElement\n if (firstChild && secondChild) {\n firstChild.style.flex = `${finalPercentage} 1 0%`\n secondChild.style.flex = `${100 - finalPercentage} 1 0%`\n }\n\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 // Write to React state once resizing completes\n const newLayout = updateSplitPercentage(layout, currentNode, currentPercentage)\n console.log('onLayoutChange (finalized) called with percentage:', currentPercentage)\n onLayoutChange(newLayout)\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 { useDashboardState, 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 {\n layout,\n onLayoutChange,\n classNames,\n renderResizer: contextRenderResizer,\n } = useDashboardState()\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 touchAction: '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 draggedOutId,\n setContainerRef,\n classNames,\n fullscreenPaneId,\n snapThreshold: contextSnapThreshold,\n } = useDashboardState()\n\n const snapThreshold = propSnapThreshold !== undefined ? propSnapThreshold : contextSnapThreshold\n\n const hasOtherPanes = useMemo(() => {\n if (tree !== undefined || !activeId) return false\n return removePane(layout, activeId) !== null\n }, [tree, 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 const isDragOutActive = activeId !== null && activeId === draggedOutId\n return (\n <div\n ref={setContainerRef}\n className={`zeugma-dashboard-root ${isDragOutActive ? 'zeugma-dashboard-dragout-active' : ''}`.trim()}\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 { useDashboardState, useDashboardActions } from '../../dashboard'\nimport { DragListenersCtx } from '../model/context'\nimport { PaneRenderProps } from '../model/types'\nimport { findPane } from '../../../shared/lib/tree'\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: '25%',\n left: 0,\n width: '25%',\n height: '50%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n right: {\n position: 'absolute',\n top: '25%',\n right: 0,\n width: '25%',\n height: '50%',\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 { layout, activeId, classNames, fullscreenPaneId, onRemove, onFullscreenChange } =\n useDashboardState()\n const { removePane, updatePaneMetadata } = useDashboardActions()\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 paneNode = useMemo(() => findPane(layout, id), [layout, id])\n const metadata = paneNode?.metadata\n\n const renderProps: PaneRenderProps = useMemo(\n () => ({\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 metadata,\n updateMetadata: (updater) => {\n updatePaneMetadata(id, updater)\n },\n }),\n [\n dragging,\n isFullscreen,\n onFullscreenChange,\n id,\n onRemove,\n removePane,\n metadata,\n updatePaneMetadata,\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', touchAction: '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": "1.
|
|
3
|
+
"version": "1.2.0",
|
|
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,
|