react-zeugma 0.8.0 → 0.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -303,7 +303,7 @@ Below is the comprehensive developer skill configuration for integrations, tree
303
303
 
304
304
  ````markdown
305
305
  ---
306
- name: use-react-zeugma
306
+ name: react-zeugma
307
307
  description: Integrate, configure, style, and programmatically manipulate dashboard layouts using the react-zeugma package.
308
308
  ---
309
309
 
@@ -560,6 +560,6 @@ During modern excavation efforts, archeologists discovered some of the most brea
560
560
 
561
561
  ## Links
562
562
 
563
- - [GitHub Repository](https://github.com/yusufarsln98/react-zeugma)
563
+ - [GitHub Repository](https://github.com/react-zeugma/react-zeugma)
564
564
  - [npm Package](https://www.npmjs.com/package/react-zeugma)
565
- - [Contributing Guide](https://github.com/yusufarsln98/react-zeugma/blob/master/CONTRIBUTING.md)
565
+ - [Contributing Guide](https://github.com/react-zeugma/react-zeugma/blob/master/CONTRIBUTING.md)
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 j=react.createContext(void 0);var L=()=>{let e=react.useContext(j);if(!e)throw new Error("useDashboard must be used within a DashboardProvider");return e};function I(e,t){if(e===null)return null;if(e.type==="pane")return e.paneId===t?null:e;let n=I(e.first,t),o=I(e.second,t);return n===null?o:o===null?n:{...e,first:n,second:o}}function X(e,t,n,o,r){if(e===null)return typeof r=="string"?{type:"pane",paneId:r}:r;if(e.type==="pane"){if(e.paneId===t){let s=typeof r=="string"?{type:"pane",paneId:r}:r,a=o==="left"||o==="top";return {type:"split",direction:n,first:a?s:e,second:a?e:s,splitPercentage:50}}return e}return {...e,first:X(e.first,t,n,o,r)||e.first,second:X(e.second,t,n,o,r)||e.second}}function se(e,t,n){if(e===null)return null;let o=y(e,t),r=y(e,n);if(!o||!r)return e;function s(a){return a.type==="pane"?a.paneId===t?{...r}:a.paneId===n?{...o}:a:{...a,first:s(a.first),second:s(a.second)}}return s(e)}function ge(e,t){if(e===null)return {type:"pane",paneId:t};function n(o,r){return o.type==="pane"?{type:"split",direction:r==="row"?"column":"row",splitPercentage:50,first:o,second:{type:"pane",paneId:t}}:{...o,second:n(o.second,o.direction)}}return n(e,null)}function Z(e,t,n){return e===null?null:e===t?{...e,splitPercentage:n}:e.type==="split"?{...e,first:Z(e.first,t,n)||e.first,second:Z(e.second,t,n)||e.second}:e}function ve(e,t,n){let o=y(e,t)??{type:"pane",paneId:t},r=I(e,t);if(r===null)return {...o};let s=n==="left"||n==="right"?"row":"column",a=n==="left"||n==="top",f={...o};return {type:"split",direction:s,first:a?f:r,second:a?r:f,splitPercentage:50}}function y(e,t){return e===null?null:e.type==="pane"?e.paneId===t?e:null:y(e.first,t)??y(e.second,t)}function ee(e,t,n){if(e===null)return null;if(e.type==="pane"){if(e.paneId===t){let o=n(e.metadata);if(o===void 0){let{metadata:r,...s}=e;return s}return {...e,metadata:o}}return e}return {...e,first:ee(e.first,t,n)??e.first,second:ee(e.second,t,n)??e.second}}var we=8,ye=8,ft=4;var Ze=({activeId:e,render:t,className:n})=>{let o=react.useRef(null);return react.useEffect(()=>{let r=s=>{o.current&&(o.current.style.transform=`translate(${s.clientX+12}px, ${s.clientY+12}px)`);};return document.addEventListener("pointermove",r),()=>document.removeEventListener("pointermove",r)},[]),jsxRuntime.jsx("div",{ref:o,className:n,style:{position:"fixed",top:0,left:0,zIndex:9999,pointerEvents:"none"},children:t(e)})},Ae=({layout:e,onChange:t,renderPane:n,renderDragOverlay:o,classNames:r={},fullscreenPaneId:s=null,onFullscreenChange:a,onRemove:f,dragActivationDistance:x=8,snapThreshold:P=8,onDragStart:b,onDragEnd:l,onResizeStart:u,onResize:h,onResizeEnd:D,renderResizer:R,minSplitPercentage:v=5,maxSplitPercentage:S=95,children:A})=>{let[i,g]=react.useState(e),[$,w]=react.useState(e);e!==$&&(g(e),w(e));let[T,ne]=react.useState(null),re=core.useSensors(core.useSensor(core.PointerSensor,{activationConstraint:{distance:x}})),G=p=>{let d=p.active.id.toString();ne(d),b&&b(d);},q=p=>{ne(null);let{active:d,over:c}=p,m=d.id.toString();if(!c){l&&l(m,null,null);return}let V=c.id.toString(),K=V.match(/^drop-root-(left|right|top|bottom)$/);if(K){let[,C]=K,W=ve(i,m,C);g(W),t(W),l&&l(m,"root",{type:"split",direction:C==="left"||C==="right"?"row":"column",position:C});return}let B=V.match(/^drop-center-(.+)$/);if(B){let[,C]=B;if(m!==C){let W=se(i,m,C);g(W),t(W);}l&&l(m,C,{type:"swap",position:"center"});return}let ue=V.match(/^drop-(left|right|top|bottom)-(.+)$/);if(!ue){l&&l(m,null,null);return}let[,Q,ie]=ue;if(m===ie){l&&l(m,null,null);return}let fe=Q==="left"||Q==="right"?"row":"column",Ne=y(i,m)??{type:"pane",paneId:m},xe=I(i,m),me=X(xe,ie,fe,Q,Ne);g(me),t(me),l&&l(m,ie,{type:"split",direction:fe,position:Q});},_=react.useCallback(p=>{g(p);},[]),N=react.useCallback(p=>{let d=I(i,p);g(d),t(d);},[i,t]),z=react.useCallback(p=>{let d=ge(i,p);g(d),t(d);},[i,t]),H=react.useCallback((p,d)=>{let c=se(i,p,d);g(c),t(c);},[i,t]),J=react.useCallback((p,d,c,m)=>{let V=y(i,m)??{type:"pane",paneId:m},K=I(i,m),B=X(K,p,d,c,V);g(B),t(B);},[i,t]),k=react.useCallback((p,d)=>{let c=Z(i,p,d);g(c),t(c);},[i,t]),F=react.useCallback((p,d)=>{let c=ee(i,p,d);g(c),t(c);},[i,t]),O=react.useCallback((p,d)=>{let c=Z(i,p,d);g(c),t(c),D&&D(p,d);},[i,t,D]),U=react.useMemo(()=>({layout:i,onLayoutChange:_,renderPane:n,activeId:T,fullscreenPaneId:s,classNames:r,onRemove:f,onFullscreenChange:a,snapThreshold:P,onResizeStart:u,onResize:h,onResizeEnd:O,renderResizer:R,minSplitPercentage:v,maxSplitPercentage:S,removePane:N,addPane:z,swapPanes:H,splitPane:J,updateSplitPercentage:k,updatePaneMetadata:F}),[i,_,n,T,s,r,f,a,P,u,h,O,R,v,S,N,z,H,J,k,F]);return jsxRuntime.jsxs(j.Provider,{value:U,children:[jsxRuntime.jsx(core.DndContext,{id:"zeugma-dnd-context",sensors:re,collisionDetection:core.pointerWithin,onDragStart:G,onDragEnd:q,children:A}),T&&o&&jsxRuntime.jsx(Ze,{activeId:T,render:o,className:r.dragOverlay})]})};var _e={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"}},ke={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"}},Oe=({id:e,position:t,activeClassName:n})=>{let{setNodeRef:o,isOver:r}=core.useDroppable({id:e});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{ref:o,style:_e[t]}),r&&jsxRuntime.jsx("div",{className:n,style:ke[t]})]})},he=({activeId:e,hasOtherPanes:t,dropPreviewClassName:n})=>!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(o=>jsxRuntime.jsx(Oe,{id:`drop-root-${o}`,position:o,activeClassName:n},o))});function le({containerRef:e,isRow:t,direction:n,splitPercentage:o,resizerSize:r,snapThreshold:s,layout:a,currentNode:f,onLayoutChange:x,onResizeStart:P,onResizeEnd:b}){let{onResizeStart:l,onResize:u,onResizeEnd:h,minSplitPercentage:D=5,maxSplitPercentage:R=95}=L();return react.useCallback(v=>{v.preventDefault();let S=e.current;if(!S)return;document.body.classList.add("zeugma-resizing");let A=document.createElement("style");A.id="zeugma-global-cursor-style",A.textContent=`
1
+ 'use strict';var react=require('react'),core=require('@dnd-kit/core'),jsxRuntime=require('react/jsx-runtime');var j=react.createContext(void 0);var C=()=>{let e=react.useContext(j);if(!e)throw new Error("useDashboard must be used within a DashboardProvider");return e};function I(e,t){if(e===null)return null;if(e.type==="pane")return e.paneId===t?null:e;let n=I(e.first,t),o=I(e.second,t);return n===null?o:o===null?n:{...e,first:n,second:o}}function X(e,t,n,o,r){if(e===null)return typeof r=="string"?{type:"pane",paneId:r}:r;if(e.type==="pane"){if(e.paneId===t){let s=typeof r=="string"?{type:"pane",paneId:r}:r,a=o==="left"||o==="top";return {type:"split",direction:n,first:a?s:e,second:a?e:s,splitPercentage:50}}return e}return {...e,first:X(e.first,t,n,o,r)||e.first,second:X(e.second,t,n,o,r)||e.second}}function se(e,t,n){if(e===null)return null;let o=y(e,t),r=y(e,n);if(!o||!r)return e;function s(a){return a.type==="pane"?a.paneId===t?{...r}:a.paneId===n?{...o}:a:{...a,first:s(a.first),second:s(a.second)}}return s(e)}function ve(e,t){if(e===null)return {type:"pane",paneId:t};function n(o,r){return o.type==="pane"?{type:"split",direction:r==="row"?"column":"row",splitPercentage:50,first:o,second:{type:"pane",paneId:t}}:{...o,second:n(o.second,o.direction)}}return n(e,null)}function Z(e,t,n){return e===null?null:e===t?{...e,splitPercentage:n}:e.type==="split"?{...e,first:Z(e.first,t,n)||e.first,second:Z(e.second,t,n)||e.second}:e}function he(e,t,n){let o=y(e,t)??{type:"pane",paneId:t},r=I(e,t);if(r===null)return {...o};let s=n==="left"||n==="right"?"row":"column",a=n==="left"||n==="top",f={...o};return {type:"split",direction:s,first:a?f:r,second:a?r:f,splitPercentage:50}}function y(e,t){return e===null?null:e.type==="pane"?e.paneId===t?e:null:y(e.first,t)??y(e.second,t)}function ee(e,t,n){if(e===null)return null;if(e.type==="pane"){if(e.paneId===t){let o=n(e.metadata);if(o===void 0){let{metadata:r,...s}=e;return s}return {...e,metadata:o}}return e}return {...e,first:ee(e.first,t,n)??e.first,second:ee(e.second,t,n)??e.second}}var ye=8,ze=8,mt=4;var Ae=({activeId:e,render:t,className:n})=>{let o=react.useRef(null);return react.useEffect(()=>{let r=s=>{o.current&&(o.current.style.transform=`translate(${s.clientX+12}px, ${s.clientY+12}px)`);};return document.addEventListener("pointermove",r),()=>document.removeEventListener("pointermove",r)},[]),jsxRuntime.jsx("div",{ref:o,className:n,style:{position:"fixed",top:0,left:0,zIndex:9999,pointerEvents:"none"},children:t(e)})},de=class extends core.PointerSensor{static activators=[{eventName:"onPointerDown",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]},He=({layout:e,onChange:t,renderPane:n,renderDragOverlay:o,classNames:r={},fullscreenPaneId:s=null,onFullscreenChange:a,onRemove:f,dragActivationDistance:x=8,snapThreshold:P=8,onDragStart:b,onDragEnd:l,onResizeStart:u,onResize:h,onResizeEnd:D,renderResizer:R,minSplitPercentage:v=5,maxSplitPercentage:S=95,children:A})=>{let[i,g]=react.useState(e),[$,w]=react.useState(e);e!==$&&(g(e),w(e));let[T,ne]=react.useState(null),re=core.useSensors(core.useSensor(de,{activationConstraint:{distance:x}})),G=p=>{let d=p.active.id.toString();ne(d),b&&b(d);},q=p=>{ne(null);let{active:d,over:c}=p,m=d.id.toString();if(!c){l&&l(m,null,null);return}let V=c.id.toString(),K=V.match(/^drop-root-(left|right|top|bottom)$/);if(K){let[,L]=K,W=he(i,m,L);g(W),t(W),l&&l(m,"root",{type:"split",direction:L==="left"||L==="right"?"row":"column",position:L});return}let B=V.match(/^drop-center-(.+)$/);if(B){let[,L]=B;if(m!==L){let W=se(i,m,L);g(W),t(W);}l&&l(m,L,{type:"swap",position:"center"});return}let fe=V.match(/^drop-(left|right|top|bottom)-(.+)$/);if(!fe){l&&l(m,null,null);return}let[,Q,ie]=fe;if(m===ie){l&&l(m,null,null);return}let me=Q==="left"||Q==="right"?"row":"column",xe=y(i,m)??{type:"pane",paneId:m},Se=I(i,m),ge=X(Se,ie,me,Q,xe);g(ge),t(ge),l&&l(m,ie,{type:"split",direction:me,position:Q});},_=react.useCallback(p=>{g(p);},[]),N=react.useCallback(p=>{let d=I(i,p);g(d),t(d);},[i,t]),z=react.useCallback(p=>{let d=ve(i,p);g(d),t(d);},[i,t]),H=react.useCallback((p,d)=>{let c=se(i,p,d);g(c),t(c);},[i,t]),J=react.useCallback((p,d,c,m)=>{let V=y(i,m)??{type:"pane",paneId:m},K=I(i,m),B=X(K,p,d,c,V);g(B),t(B);},[i,t]),k=react.useCallback((p,d)=>{let c=Z(i,p,d);g(c),t(c);},[i,t]),F=react.useCallback((p,d)=>{let c=ee(i,p,d);g(c),t(c);},[i,t]),O=react.useCallback((p,d)=>{let c=Z(i,p,d);g(c),t(c),D&&D(p,d);},[i,t,D]),U=react.useMemo(()=>({layout:i,onLayoutChange:_,renderPane:n,activeId:T,fullscreenPaneId:s,classNames:r,onRemove:f,onFullscreenChange:a,snapThreshold:P,onResizeStart:u,onResize:h,onResizeEnd:O,renderResizer:R,minSplitPercentage:v,maxSplitPercentage:S,removePane:N,addPane:z,swapPanes:H,splitPane:J,updateSplitPercentage:k,updatePaneMetadata:F}),[i,_,n,T,s,r,f,a,P,u,h,O,R,v,S,N,z,H,J,k,F]);return jsxRuntime.jsxs(j.Provider,{value:U,children:[jsxRuntime.jsx(core.DndContext,{id:"zeugma-dnd-context",sensors:re,collisionDetection:core.pointerWithin,onDragStart:G,onDragEnd:q,children:A}),T&&o&&jsxRuntime.jsx(Ae,{activeId:T,render:o,className:r.dragOverlay})]})};var ke={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"}},Oe={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"}},Ue=({id:e,position:t,activeClassName:n})=>{let{setNodeRef:o,isOver:r}=core.useDroppable({id:e});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{ref:o,style:ke[t]}),r&&jsxRuntime.jsx("div",{className:n,style:Oe[t]})]})},Pe=({activeId:e,hasOtherPanes:t,dropPreviewClassName:n})=>!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(o=>jsxRuntime.jsx(Ue,{id:`drop-root-${o}`,position:o,activeClassName:n},o))});function pe({containerRef:e,isRow:t,direction:n,splitPercentage:o,resizerSize:r,snapThreshold:s,layout:a,currentNode:f,onLayoutChange:x,onResizeStart:P,onResizeEnd:b}){let{onResizeStart:l,onResize:u,onResizeEnd:h,minSplitPercentage:D=5,maxSplitPercentage:R=95}=C();return react.useCallback(v=>{v.preventDefault();let S=e.current;if(!S)return;document.body.classList.add("zeugma-resizing");let A=document.createElement("style");A.id="zeugma-global-cursor-style",A.textContent=`
2
2
  * {
3
3
  cursor: ${t?"col-resize":"row-resize"} !important;
4
4
  user-select: none !important;
5
5
  }
6
- `,document.head.appendChild(A),P&&P(),l&&l(f);let i=S.getBoundingClientRect(),g=v.clientX,$=v.clientY,w=o,T=v.currentTarget;T.setAttribute("data-resizing","true");let re=Array.from(document.querySelectorAll('div[role="separator"][data-direction]')).filter(N=>N!==T&&N.getAttribute("data-direction")===n).map(N=>{let z=N.getBoundingClientRect();return t?z.left+z.width/2:z.top+z.height/2}),G=w,q=N=>{let z=t?(N.clientX-g)/i.width*100:(N.clientY-$)/i.height*100,H=w+z,J=t?i.left+(i.width-r)*(H/100)+r/2:i.top+(i.height-r)*(H/100)+r/2,k=1/0,F=null;for(let d of re){let c=Math.abs(J-d);c<s&&c<k&&(k=c,F=d);}let O=H;F!==null&&(O=t?(F-r/2-i.left)/(i.width-r)*100:(F-r/2-i.top)/(i.height-r)*100);let U=Math.max(D,Math.min(R,O));G=U;let p=Z(a,f,U);x(p),u&&u(f,U);},_=()=>{document.body.classList.remove("zeugma-resizing"),T.removeAttribute("data-resizing");let N=document.getElementById("zeugma-global-cursor-style");N&&N.remove(),document.removeEventListener("pointermove",q),document.removeEventListener("pointerup",_),b&&b(),h&&h(f,G);};document.addEventListener("pointermove",q),document.addEventListener("pointerup",_);},[e,t,n,o,r,s,a,f,x,P,b,l,u,h,D,R])}var Ge=({currentNode:e,resizerSize:t,snapThreshold:n,renderResizer:o})=>{let{layout:r,onLayoutChange:s,classNames:a,renderResizer:f}=L(),[x,P]=react.useState(false),b=o||f,l=react.useRef(null),{direction:u,first:h,second:D,splitPercentage:R}=e,v=u==="row",S=le({containerRef:l,isRow:v,direction:u,splitPercentage:R,resizerSize:t,snapThreshold:n??8,layout:r,currentNode:e,onLayoutChange:s,onResizeStart:()=>P(true),onResizeEnd:()=>P(false)});return jsxRuntime.jsxs("div",{ref:l,style:{display:"flex",flexDirection:v?"row":"column",width:"100%",height:"100%",overflow:"hidden"},children:[jsxRuntime.jsx("div",{style:{flex:`${R} 1 0%`,overflow:"hidden"},children:jsxRuntime.jsx(pe,{tree:h,resizerSize:t,snapThreshold:n,renderResizer:o})}),b?b({direction:u,splitPercentage:R,resizerSize:t,isResizing:x,onPointerDown:S}):jsxRuntime.jsx("div",{className:a.resizer,"data-direction":u,style:{width:v?`${t}px`:"100%",height:v?"100%":`${t}px`,cursor:v?"col-resize":"row-resize",position:"relative",zIndex:10,userSelect:"none",boxSizing:"border-box",flexShrink:0},onPointerDown:S,role:"separator","aria-valuenow":R,"aria-valuemin":5,"aria-valuemax":95}),jsxRuntime.jsx("div",{style:{flex:`${100-R} 1 0%`,overflow:"hidden"},children:jsxRuntime.jsx(pe,{tree:D,resizerSize:t,snapThreshold:n,renderResizer:o})})]})},pe=({tree:e,resizerSize:t=4,snapThreshold:n,renderResizer:o})=>{let{layout:r,renderPane:s,activeId:a,classNames:f,fullscreenPaneId:x,snapThreshold:P}=L(),b=n!==void 0?n:P,l=react.useMemo(()=>a?I(r,a)!==null:false,[r,a]);if(x&&!e)return jsxRuntime.jsx("div",{style:{width:"100%",height:"100%",position:"relative"},children:s(x)});let u=e!==void 0?e:r;if(!u)return null;let h=()=>u.type==="pane"?jsxRuntime.jsx("div",{style:{width:"100%",height:"100%",position:"relative"},children:s(u.paneId)}):jsxRuntime.jsx(Ge,{currentNode:u,resizerSize:t,snapThreshold:b,renderResizer:o});return e===void 0?jsxRuntime.jsxs("div",{className:"zeugma-dashboard-root",style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:[h(),jsxRuntime.jsx(he,{activeId:a,hasOtherPanes:l,dropPreviewClassName:f.dropPreview})]}):h()};var oe=react.createContext(null);var Qe={top:{position:"absolute",top:0,left:"25%",width:"50%",height:"25%",zIndex:20,pointerEvents:"auto"},bottom:{position:"absolute",bottom:0,left:"25%",width:"50%",height:"25%",zIndex:20,pointerEvents:"auto"},left:{position:"absolute",top:0,bottom:0,left:0,width:"25%",height:"100%",zIndex:20,pointerEvents:"auto"},right:{position:"absolute",top:0,bottom:0,right:0,width:"25%",height:"100%",zIndex:20,pointerEvents:"auto"},center:{position:"absolute",top:"25%",left:"25%",width:"50%",height:"50%",zIndex:20,pointerEvents:"auto"}},je={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"}},Re=({id:e,position:t,activeClassName:n})=>{let{setNodeRef:o,isOver:r}=core.useDroppable({id:e});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{ref:o,style:Qe[t]}),r&&jsxRuntime.jsx("div",{className:n,style:je[t]})]})},et=({id:e,children:t,style:n})=>{let{layout:o,activeId:r,classNames:s,fullscreenPaneId:a,onRemove:f,onFullscreenChange:x,removePane:P,updatePaneMetadata:b}=L(),l=r!==null&&r!==e,{attributes:u,listeners:h,setNodeRef:D,isDragging:R}=core.useDraggable({id:e}),v=r===e||R,S=a===e,i=react.useMemo(()=>y(o,e),[o,e])?.metadata,g={isDragging:v,isFullscreen:S,toggleFullscreen:()=>x?.(S?null:e),remove:()=>{S&&x?.(null),f?f(e):P(e);},metadata:i,updateMetadata:w=>{b(e,w);}},$=react.useMemo(()=>({...h,...u}),[h,u]);return jsxRuntime.jsx(oe.Provider,{value:$,children:jsxRuntime.jsxs("div",{ref:D,className:s.pane,style:{position:"relative",width:"100%",height:"100%",...n},children:[t(g),l&&jsxRuntime.jsxs("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:[["top","bottom","left","right"].map(w=>jsxRuntime.jsx(Re,{id:`drop-${w}-${e}`,position:w,activeClassName:s.dropPreview},w)),jsxRuntime.jsx(Re,{id:`drop-center-${e}`,position:"center",activeClassName:s.swapPreview})]})]})})};var nt=({children:e,className:t,style:n})=>{let o=react.useContext(oe);if(!o)throw new Error("<DragHandle> must be used inside a <Pane>");return jsxRuntime.jsx("div",{className:t,style:{cursor:"grab",userSelect:"none",...n},...o,children:e})};exports.DEFAULT_DRAG_ACTIVATION_DISTANCE=ye;exports.DEFAULT_RESIZER_SIZE=ft;exports.DEFAULT_SNAP_THRESHOLD=we;exports.DashboardProvider=Ae;exports.DragHandle=nt;exports.Pane=et;exports.PaneTree=pe;exports.addPane=ge;exports.findPane=y;exports.removePane=I;exports.splitPane=X;exports.splitRoot=ve;exports.swapPanes=se;exports.updatePaneMetadata=ee;exports.updateSplitPercentage=Z;exports.useDashboard=L;exports.useResizer=le;//# sourceMappingURL=index.cjs.map
6
+ `,document.head.appendChild(A),P&&P(),l&&l(f);let i=S.getBoundingClientRect(),g=v.clientX,$=v.clientY,w=o,T=v.currentTarget;T.setAttribute("data-resizing","true");let re=Array.from(document.querySelectorAll('div[role="separator"][data-direction]')).filter(N=>N!==T&&N.getAttribute("data-direction")===n).map(N=>{let z=N.getBoundingClientRect();return t?z.left+z.width/2:z.top+z.height/2}),G=w,q=N=>{let z=t?(N.clientX-g)/i.width*100:(N.clientY-$)/i.height*100,H=w+z,J=t?i.left+(i.width-r)*(H/100)+r/2:i.top+(i.height-r)*(H/100)+r/2,k=1/0,F=null;for(let d of re){let c=Math.abs(J-d);c<s&&c<k&&(k=c,F=d);}let O=H;F!==null&&(O=t?(F-r/2-i.left)/(i.width-r)*100:(F-r/2-i.top)/(i.height-r)*100);let U=Math.max(D,Math.min(R,O));G=U;let p=Z(a,f,U);x(p),u&&u(f,U);},_=()=>{document.body.classList.remove("zeugma-resizing"),T.removeAttribute("data-resizing");let N=document.getElementById("zeugma-global-cursor-style");N&&N.remove(),document.removeEventListener("pointermove",q),document.removeEventListener("pointerup",_),b&&b(),h&&h(f,G);};document.addEventListener("pointermove",q),document.addEventListener("pointerup",_);},[e,t,n,o,r,s,a,f,x,P,b,l,u,h,D,R])}var qe=({currentNode:e,resizerSize:t,snapThreshold:n,renderResizer:o})=>{let{layout:r,onLayoutChange:s,classNames:a,renderResizer:f}=C(),[x,P]=react.useState(false),b=o||f,l=react.useRef(null),{direction:u,first:h,second:D,splitPercentage:R}=e,v=u==="row",S=pe({containerRef:l,isRow:v,direction:u,splitPercentage:R,resizerSize:t,snapThreshold:n??8,layout:r,currentNode:e,onLayoutChange:s,onResizeStart:()=>P(true),onResizeEnd:()=>P(false)});return jsxRuntime.jsxs("div",{ref:l,style:{display:"flex",flexDirection:v?"row":"column",width:"100%",height:"100%",overflow:"hidden"},children:[jsxRuntime.jsx("div",{style:{flex:`${R} 1 0%`,overflow:"hidden"},children:jsxRuntime.jsx(ce,{tree:h,resizerSize:t,snapThreshold:n,renderResizer:o})}),b?b({direction:u,splitPercentage:R,resizerSize:t,isResizing:x,onPointerDown:S}):jsxRuntime.jsx("div",{className:a.resizer,"data-direction":u,style:{width:v?`${t}px`:"100%",height:v?"100%":`${t}px`,cursor:v?"col-resize":"row-resize",position:"relative",zIndex:10,userSelect:"none",boxSizing:"border-box",flexShrink:0},onPointerDown:S,role:"separator","aria-valuenow":R,"aria-valuemin":5,"aria-valuemax":95}),jsxRuntime.jsx("div",{style:{flex:`${100-R} 1 0%`,overflow:"hidden"},children:jsxRuntime.jsx(ce,{tree:D,resizerSize:t,snapThreshold:n,renderResizer:o})})]})},ce=({tree:e,resizerSize:t=4,snapThreshold:n,renderResizer:o})=>{let{layout:r,renderPane:s,activeId:a,classNames:f,fullscreenPaneId:x,snapThreshold:P}=C(),b=n!==void 0?n:P,l=react.useMemo(()=>a?I(r,a)!==null:false,[r,a]);if(x&&!e)return jsxRuntime.jsx("div",{style:{width:"100%",height:"100%",position:"relative"},children:s(x)});let u=e!==void 0?e:r;if(!u)return null;let h=()=>u.type==="pane"?jsxRuntime.jsx("div",{style:{width:"100%",height:"100%",position:"relative"},children:s(u.paneId)}):jsxRuntime.jsx(qe,{currentNode:u,resizerSize:t,snapThreshold:b,renderResizer:o});return e===void 0?jsxRuntime.jsxs("div",{className:"zeugma-dashboard-root",style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:[h(),jsxRuntime.jsx(Pe,{activeId:a,hasOtherPanes:l,dropPreviewClassName:f.dropPreview})]}):h()};var oe=react.createContext(null);var je={top:{position:"absolute",top:0,left:"25%",width:"50%",height:"25%",zIndex:20,pointerEvents:"auto"},bottom:{position:"absolute",bottom:0,left:"25%",width:"50%",height:"25%",zIndex:20,pointerEvents:"auto"},left:{position:"absolute",top:0,bottom:0,left:0,width:"25%",height:"100%",zIndex:20,pointerEvents:"auto"},right:{position:"absolute",top:0,bottom:0,right:0,width:"25%",height:"100%",zIndex:20,pointerEvents:"auto"},center:{position:"absolute",top:"25%",left:"25%",width:"50%",height:"50%",zIndex:20,pointerEvents:"auto"}},et={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"}},Ne=({id:e,position:t,activeClassName:n})=>{let{setNodeRef:o,isOver:r}=core.useDroppable({id:e});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{ref:o,style:je[t]}),r&&jsxRuntime.jsx("div",{className:n,style:et[t]})]})},tt=({id:e,children:t,style:n})=>{let{layout:o,activeId:r,classNames:s,fullscreenPaneId:a,onRemove:f,onFullscreenChange:x,removePane:P,updatePaneMetadata:b}=C(),l=r!==null&&r!==e,{attributes:u,listeners:h,setNodeRef:D,isDragging:R}=core.useDraggable({id:e}),v=r===e||R,S=a===e,i=react.useMemo(()=>y(o,e),[o,e])?.metadata,g={isDragging:v,isFullscreen:S,toggleFullscreen:()=>x?.(S?null:e),remove:()=>{S&&x?.(null),f?f(e):P(e);},metadata:i,updateMetadata:w=>{b(e,w);}},$=react.useMemo(()=>({...h,...u}),[h,u]);return jsxRuntime.jsx(oe.Provider,{value:$,children:jsxRuntime.jsxs("div",{ref:D,className:s.pane,style:{position:"relative",width:"100%",height:"100%",...n},children:[t(g),l&&jsxRuntime.jsxs("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:[["top","bottom","left","right"].map(w=>jsxRuntime.jsx(Ne,{id:`drop-${w}-${e}`,position:w,activeClassName:s.dropPreview},w)),jsxRuntime.jsx(Ne,{id:`drop-center-${e}`,position:"center",activeClassName:s.swapPreview})]})]})})};var rt=({children:e,className:t,style:n})=>{let o=react.useContext(oe);if(!o)throw new Error("<DragHandle> must be used inside a <Pane>");return jsxRuntime.jsx("div",{className:t,style:{cursor:"grab",userSelect:"none",...n},...o,children:e})};exports.DEFAULT_DRAG_ACTIVATION_DISTANCE=ze;exports.DEFAULT_RESIZER_SIZE=mt;exports.DEFAULT_SNAP_THRESHOLD=ye;exports.DashboardProvider=He;exports.DragHandle=rt;exports.Pane=tt;exports.PaneTree=ce;exports.addPane=ve;exports.findPane=y;exports.removePane=I;exports.splitPane=X;exports.splitRoot=he;exports.swapPanes=se;exports.updatePaneMetadata=ee;exports.updateSplitPercentage=Z;exports.useDashboard=C;exports.useResizer=pe;//# sourceMappingURL=index.cjs.map
7
7
  //# sourceMappingURL=index.cjs.map
@@ -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":["DashboardContext","createContext","useDashboard","context","useContext","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","DashboardProvider","layout","onChange","renderPane","renderDragOverlay","classNames","fullscreenPaneId","onFullscreenChange","onRemove","dragActivationDistance","snapThreshold","onDragStart","onDragEnd","onResizeStart","onResize","onResizeEnd","renderResizer","minSplitPercentage","maxSplitPercentage","children","localLayout","setLocalLayout","useState","prevLayout","setPrevLayout","setActiveId","sensors","useSensors","useSensor","PointerSensor","handleDragStart","event","handleDragEnd","active","over","overIdStr","rootMatch","dropZone","newLayout","swapMatch","match","handleLocalLayoutChange","useCallback","handleRemovePane","handleAddPane","handleSwapPanes","paneIdA","paneIdB","handleSplitPane","handleUpdateSplitPercentage","currentNode","percentage","handleUpdatePaneMetadata","handleResizeEnd","finalLayout","contextValue","useMemo","jsxs","DndContext","pointerWithin","rootActivationPositions","rootPreviewPositions","RootDropZone","id","position","activeClassName","setNodeRef","isOver","useDroppable","Fragment","RootDropZones","hasOtherPanes","dropPreviewClassName","pos","useResizer","containerRef","isRow","splitPercentage","resizerSize","onLayoutChange","localOnResizeStart","localOnResizeEnd","globalOnResizeStart","globalOnResize","globalOnResizeEnd","container","styleEl","rect","startX","startY","startPercentage","resizerEl","otherPositions","el","r","currentPercentage","handlePointerMove","moveEvent","delta","proposedPercentage","proposedPos","closestDistance","bestTarget","dist","snappedPercentage","finalPercentage","handlePointerUp","globalStyle","PaneSplit","propRenderResizer","contextRenderResizer","isResizing","setIsResizing","first","second","handlePointerDown","PaneTree","propSnapThreshold","contextSnapThreshold","renderContent","DragListenersCtx","activationPositions","previewPositions","DropZone","Pane","style","showDropZones","attributes","listeners","isDragging","useDraggable","dragging","isFullscreen","metadata","renderProps","DragHandle","dragProps"],"mappings":"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","file":"index.cjs","sourcesContent":["import { createContext, ReactNode } from 'react'\nimport { TreeNode, SplitDirection, SplitNode } from '../../../shared/model'\n\nexport interface ZeugmaClassNames {\n pane?: string\n dropPreview?: string\n swapPreview?: string\n dragOverlay?: string\n resizer?: string\n}\n\nexport interface ResizerRenderProps {\n direction: SplitDirection\n splitPercentage: number\n resizerSize: number\n isResizing: boolean\n onPointerDown: (e: React.PointerEvent<HTMLDivElement>) => void\n}\n\nexport interface DashboardContextValue {\n layout: TreeNode | null\n onLayoutChange: (newLayout: TreeNode | null) => void\n renderPane: (paneId: string) => ReactNode\n activeId: string | null\n fullscreenPaneId: string | null\n classNames: ZeugmaClassNames\n onRemove?: (paneId: string) => void\n onFullscreenChange?: (paneId: string | null) => void\n snapThreshold?: number\n onResizeStart?: (currentNode: SplitNode) => void\n onResize?: (currentNode: SplitNode, percentage: number) => void\n onResizeEnd?: (currentNode: SplitNode, percentage: number) => void\n renderResizer?: (props: ResizerRenderProps) => ReactNode\n minSplitPercentage?: number\n maxSplitPercentage?: number\n removePane: (paneId: string) => void\n addPane: (paneId: string) => void\n swapPanes: (paneIdA: string, paneIdB: string) => void\n splitPane: (\n targetId: string,\n direction: SplitDirection,\n splitType: 'left' | 'right' | 'top' | 'bottom',\n paneToAdd: string,\n ) => void\n updateSplitPercentage: (currentNode: SplitNode, percentage: number) => void\n updatePaneMetadata: (\n paneId: string,\n updater: (current: Record<string, unknown> | undefined) => Record<string, unknown> | undefined,\n ) => void\n}\n\nexport const DashboardContext = createContext<DashboardContextValue | undefined>(undefined)\n","import { useContext } from 'react'\nimport { DashboardContext } from './context'\n\nexport const useDashboard = () => {\n const context = useContext(DashboardContext)\n if (!context) {\n throw new Error('useDashboard must be used within a DashboardProvider')\n }\n return context\n}\n","import { TreeNode, SplitNode, SplitDirection, PaneNode } from '../../model'\n\n/**\n * Tree Helper: Remove a pane and consolidate the tree structure.\n */\nexport function removePane(tree: TreeNode | null, idToRemove: string): TreeNode | null {\n if (tree === null) return null\n if (tree.type === 'pane') {\n return tree.paneId === idToRemove ? null : tree\n }\n const newFirst = removePane(tree.first, idToRemove)\n const newSecond = removePane(tree.second, idToRemove)\n if (newFirst === null) return newSecond\n if (newSecond === null) return newFirst\n return { ...tree, first: newFirst, second: newSecond }\n}\n\n/**\n * Tree Helper: Insert a pane by splitting an existing target node.\n */\nexport function splitPane(\n tree: TreeNode | null,\n targetId: string,\n direction: SplitDirection,\n splitType: 'left' | 'right' | 'top' | 'bottom',\n paneToAdd: string | 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 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 { DashboardContext, ZeugmaClassNames, ResizerRenderProps } from '../model/context'\n\n/** Cursor-following overlay rendered via portal */\nconst CursorOverlay: React.FC<{\n activeId: string\n render: (id: string) => ReactNode\n className?: string\n}> = ({ activeId, render, className }) => {\n const ref = useRef<HTMLDivElement>(null)\n\n useEffect(() => {\n const handleMove = (e: PointerEvent) => {\n if (ref.current) {\n ref.current.style.transform = `translate(${e.clientX + 12}px, ${e.clientY + 12}px)`\n }\n }\n document.addEventListener('pointermove', handleMove)\n return () => document.removeEventListener('pointermove', handleMove)\n }, [])\n\n return (\n <div\n ref={ref}\n className={className}\n style={{\n position: 'fixed',\n top: 0,\n left: 0,\n zIndex: 9999,\n pointerEvents: 'none',\n }}\n >\n {render(activeId)}\n </div>\n )\n}\n\ninterface DashboardProviderProps {\n layout: TreeNode | null\n onChange: (newLayout: TreeNode | null) => void\n renderPane: (paneId: string) => ReactNode\n renderDragOverlay?: (activeId: string) => ReactNode\n classNames?: ZeugmaClassNames\n fullscreenPaneId?: string | null\n onFullscreenChange?: (paneId: string | null) => void\n onRemove?: (paneId: string) => void\n dragActivationDistance?: number\n snapThreshold?: number\n onDragStart?: (activeId: string) => void\n onDragEnd?: (\n activeId: string,\n overId: string | null,\n dropAction: {\n type: 'split' | 'swap'\n direction?: SplitDirection\n position?: 'top' | 'bottom' | 'left' | 'right' | 'center'\n } | null,\n ) => void\n onResizeStart?: (currentNode: SplitNode) => void\n onResize?: (currentNode: SplitNode, percentage: number) => void\n onResizeEnd?: (currentNode: SplitNode, percentage: number) => void\n renderResizer?: (props: ResizerRenderProps) => ReactNode\n minSplitPercentage?: number\n maxSplitPercentage?: number\n children: ReactNode\n}\n\nexport const DashboardProvider: React.FC<DashboardProviderProps> = ({\n layout,\n onChange,\n renderPane,\n renderDragOverlay,\n classNames = {},\n fullscreenPaneId = null,\n onFullscreenChange,\n onRemove,\n dragActivationDistance = DEFAULT_DRAG_ACTIVATION_DISTANCE,\n snapThreshold = DEFAULT_SNAP_THRESHOLD,\n onDragStart,\n onDragEnd,\n onResizeStart,\n onResize,\n onResizeEnd,\n renderResizer,\n minSplitPercentage = 5,\n maxSplitPercentage = 95,\n children,\n}) => {\n const [localLayout, setLocalLayout] = useState<TreeNode | null>(layout)\n const [prevLayout, setPrevLayout] = useState<TreeNode | null>(layout)\n\n if (layout !== prevLayout) {\n setLocalLayout(layout)\n setPrevLayout(layout)\n }\n\n const [activeId, setActiveId] = useState<string | null>(null)\n\n const sensors = useSensors(\n useSensor(PointerSensor, {\n activationConstraint: { distance: dragActivationDistance },\n }),\n )\n\n const handleDragStart = (event: DragStartEvent) => {\n const draggingId = event.active.id.toString()\n setActiveId(draggingId)\n if (onDragStart) {\n onDragStart(draggingId)\n }\n }\n\n const handleDragEnd = (event: DragEndEvent) => {\n setActiveId(null)\n const { active, over } = event\n const draggingId = active.id.toString()\n\n if (!over) {\n if (onDragEnd) {\n onDragEnd(draggingId, null, null)\n }\n return\n }\n\n const overIdStr = over.id.toString()\n\n // Check for root drop (places pane like half of the root)\n const rootMatch = overIdStr.match(/^drop-root-(left|right|top|bottom)$/)\n if (rootMatch) {\n const [, dropZone] = rootMatch\n const newLayout = splitRoot(\n 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(\n (paneId: string) => {\n const newLayout = removePane(localLayout, paneId)\n setLocalLayout(newLayout)\n onChange(newLayout)\n },\n [localLayout, onChange],\n )\n\n const handleAddPane = useCallback(\n (paneId: string) => {\n const newLayout = addPane(localLayout, paneId)\n setLocalLayout(newLayout)\n onChange(newLayout)\n },\n [localLayout, onChange],\n )\n\n const handleSwapPanes = useCallback(\n (paneIdA: string, paneIdB: string) => {\n const newLayout = swapPanes(localLayout, paneIdA, paneIdB)\n setLocalLayout(newLayout)\n onChange(newLayout)\n },\n [localLayout, onChange],\n )\n\n const handleSplitPane = useCallback(\n (\n targetId: string,\n direction: SplitDirection,\n splitType: 'left' | 'right' | 'top' | 'bottom',\n paneToAdd: string,\n ) => {\n const draggedPaneNode = findPane(localLayout, paneToAdd) ?? {\n type: 'pane',\n paneId: paneToAdd,\n }\n const treeWithoutDragging = removePane(localLayout, paneToAdd)\n const newLayout = splitPane(\n treeWithoutDragging,\n targetId,\n direction,\n splitType,\n draggedPaneNode,\n )\n setLocalLayout(newLayout)\n onChange(newLayout)\n },\n [localLayout, onChange],\n )\n\n const handleUpdateSplitPercentage = useCallback(\n (currentNode: SplitNode, percentage: number) => {\n const newLayout = updateSplitPercentage(localLayout, currentNode, percentage)\n setLocalLayout(newLayout)\n onChange(newLayout)\n },\n [localLayout, onChange],\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(localLayout, paneId, updater)\n setLocalLayout(newLayout)\n onChange(newLayout)\n },\n [localLayout, onChange],\n )\n\n const handleResizeEnd = useCallback(\n (currentNode: SplitNode, percentage: number) => {\n const finalLayout = updateSplitPercentage(localLayout, currentNode, percentage)\n setLocalLayout(finalLayout)\n onChange(finalLayout)\n if (onResizeEnd) {\n onResizeEnd(currentNode, percentage)\n }\n },\n [localLayout, onChange, onResizeEnd],\n )\n\n // Best practice: Memoize context value to prevent unnecessary re-renders of context consumers.\n const contextValue = useMemo(\n () => ({\n layout: localLayout,\n onLayoutChange: handleLocalLayoutChange,\n renderPane,\n activeId,\n fullscreenPaneId,\n classNames,\n onRemove,\n onFullscreenChange,\n snapThreshold,\n onResizeStart,\n onResize,\n onResizeEnd: handleResizeEnd,\n renderResizer,\n minSplitPercentage,\n maxSplitPercentage,\n removePane: handleRemovePane,\n addPane: handleAddPane,\n swapPanes: handleSwapPanes,\n splitPane: handleSplitPane,\n updateSplitPercentage: handleUpdateSplitPercentage,\n updatePaneMetadata: handleUpdatePaneMetadata,\n }),\n [\n localLayout,\n handleLocalLayoutChange,\n renderPane,\n activeId,\n fullscreenPaneId,\n classNames,\n onRemove,\n onFullscreenChange,\n snapThreshold,\n onResizeStart,\n onResize,\n handleResizeEnd,\n renderResizer,\n minSplitPercentage,\n maxSplitPercentage,\n handleRemovePane,\n handleAddPane,\n handleSwapPanes,\n handleSplitPane,\n handleUpdateSplitPercentage,\n handleUpdatePaneMetadata,\n ],\n )\n\n return (\n <DashboardContext.Provider value={contextValue}>\n <DndContext\n id=\"zeugma-dnd-context\"\n sensors={sensors}\n collisionDetection={pointerWithin}\n onDragStart={handleDragStart}\n onDragEnd={handleDragEnd}\n >\n {children}\n </DndContext>\n {activeId && renderDragOverlay && (\n <CursorOverlay\n activeId={activeId}\n render={renderDragOverlay}\n className={classNames.dragOverlay}\n />\n )}\n </DashboardContext.Provider>\n )\n}\n","import React from 'react'\nimport { useDroppable } from '@dnd-kit/core'\n\nconst rootActivationPositions: Record<string, React.CSSProperties> = {\n top: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n height: '32px',\n zIndex: 30,\n pointerEvents: 'auto',\n },\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n height: '32px',\n zIndex: 30,\n pointerEvents: 'auto',\n },\n left: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n width: '32px',\n zIndex: 30,\n pointerEvents: 'auto',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '32px',\n zIndex: 30,\n pointerEvents: 'auto',\n },\n}\n\nconst rootPreviewPositions: Record<string, React.CSSProperties> = {\n top: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 31,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 31,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n left: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n width: '50%',\n zIndex: 31,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '50%',\n zIndex: 31,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n}\n\nexport interface RootDropZoneProps {\n id: string\n position: 'top' | 'bottom' | 'left' | 'right'\n activeClassName?: string\n}\n\nexport const RootDropZone: React.FC<RootDropZoneProps> = ({ id, position, activeClassName }) => {\n const { setNodeRef, isOver } = useDroppable({ id })\n return (\n <>\n <div ref={setNodeRef} style={rootActivationPositions[position]} />\n {isOver && <div className={activeClassName} style={rootPreviewPositions[position]} />}\n </>\n )\n}\n\nexport interface RootDropZonesProps {\n activeId: string | null\n hasOtherPanes: boolean\n dropPreviewClassName?: string\n}\n\nexport const RootDropZones: React.FC<RootDropZonesProps> = ({\n activeId,\n hasOtherPanes,\n dropPreviewClassName,\n}) => {\n if (!activeId || !hasOtherPanes) return null\n\n return (\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 30,\n pointerEvents: 'none',\n }}\n >\n {(['top', 'bottom', 'left', 'right'] as const).map((pos) => (\n <RootDropZone\n key={pos}\n id={`drop-root-${pos}`}\n position={pos}\n activeClassName={dropPreviewClassName}\n />\n ))}\n </div>\n )\n}\n","import React, { useCallback } from 'react'\nimport { TreeNode, SplitNode, SplitDirection } from '../../../shared/model'\nimport { updateSplitPercentage } from '../../../shared/lib/tree'\nimport { useDashboard } from '../../../entities/dashboard'\n\ninterface UseResizerProps {\n containerRef: React.RefObject<HTMLDivElement | null>\n isRow: boolean\n direction: SplitDirection\n splitPercentage: number\n resizerSize: number\n snapThreshold: number\n layout: TreeNode | null\n currentNode: SplitNode\n onLayoutChange: (newLayout: TreeNode | null) => void\n onResizeStart?: () => void\n onResizeEnd?: () => void\n}\n\nexport function useResizer({\n containerRef,\n isRow,\n direction,\n splitPercentage,\n resizerSize,\n snapThreshold,\n layout,\n currentNode,\n onLayoutChange,\n onResizeStart: localOnResizeStart,\n onResizeEnd: localOnResizeEnd,\n}: UseResizerProps) {\n const {\n onResizeStart: globalOnResizeStart,\n onResize: globalOnResize,\n onResizeEnd: globalOnResizeEnd,\n minSplitPercentage = 5,\n maxSplitPercentage = 95,\n } = useDashboard()\n\n return useCallback(\n (e: React.PointerEvent<HTMLDivElement>) => {\n e.preventDefault()\n const container = containerRef.current\n if (!container) return\n\n document.body.classList.add('zeugma-resizing')\n\n // Inject global cursor style to keep resizing cursor active across the entire page during drag\n const styleEl = document.createElement('style')\n styleEl.id = 'zeugma-global-cursor-style'\n styleEl.textContent = `\n * {\n cursor: ${isRow ? 'col-resize' : 'row-resize'} !important;\n user-select: none !important;\n }\n `\n document.head.appendChild(styleEl)\n\n if (localOnResizeStart) {\n localOnResizeStart()\n }\n if (globalOnResizeStart) {\n globalOnResizeStart(currentNode)\n }\n\n const rect = container.getBoundingClientRect()\n const startX = e.clientX\n const startY = e.clientY\n const startPercentage = splitPercentage\n\n // Cache other resizers of the same direction once at drag-start to prevent layout thrashing on move\n const resizerEl = e.currentTarget\n resizerEl.setAttribute('data-resizing', 'true')\n\n const otherResizers = Array.from(\n document.querySelectorAll('div[role=\"separator\"][data-direction]'),\n ).filter((el) => el !== resizerEl && el.getAttribute('data-direction') === direction)\n\n const otherPositions = otherResizers.map((el) => {\n const r = el.getBoundingClientRect()\n return isRow ? r.left + r.width / 2 : r.top + r.height / 2\n })\n\n let currentPercentage = startPercentage\n\n const handlePointerMove = (moveEvent: PointerEvent) => {\n const delta = isRow\n ? ((moveEvent.clientX - startX) / rect.width) * 100\n : ((moveEvent.clientY - startY) / rect.height) * 100\n const proposedPercentage = startPercentage + delta\n\n // Find physical position corresponding to proposed percentage\n const proposedPos = isRow\n ? rect.left + (rect.width - resizerSize) * (proposedPercentage / 100) + resizerSize / 2\n : rect.top + (rect.height - resizerSize) * (proposedPercentage / 100) + resizerSize / 2\n\n let closestDistance = Infinity\n let bestTarget: number | null = null\n\n for (const pos of otherPositions) {\n const dist = Math.abs(proposedPos - pos)\n if (dist < snapThreshold && dist < closestDistance) {\n closestDistance = dist\n bestTarget = pos\n }\n }\n\n let snappedPercentage = proposedPercentage\n if (bestTarget !== null) {\n snappedPercentage = isRow\n ? ((bestTarget - resizerSize / 2 - rect.left) / (rect.width - resizerSize)) * 100\n : ((bestTarget - resizerSize / 2 - rect.top) / (rect.height - resizerSize)) * 100\n }\n\n const finalPercentage = Math.max(\n minSplitPercentage,\n Math.min(maxSplitPercentage, snappedPercentage),\n )\n currentPercentage = finalPercentage\n const newLayout = updateSplitPercentage(layout, currentNode, finalPercentage)\n onLayoutChange(newLayout)\n if (globalOnResize) {\n globalOnResize(currentNode, finalPercentage)\n }\n }\n\n const handlePointerUp = () => {\n document.body.classList.remove('zeugma-resizing')\n resizerEl.removeAttribute('data-resizing')\n\n const globalStyle = document.getElementById('zeugma-global-cursor-style')\n if (globalStyle) {\n globalStyle.remove()\n }\n\n document.removeEventListener('pointermove', handlePointerMove)\n document.removeEventListener('pointerup', handlePointerUp)\n\n if (localOnResizeEnd) {\n localOnResizeEnd()\n }\n if (globalOnResizeEnd) {\n globalOnResizeEnd(currentNode, currentPercentage)\n }\n }\n\n document.addEventListener('pointermove', handlePointerMove)\n document.addEventListener('pointerup', handlePointerUp)\n },\n [\n containerRef,\n isRow,\n direction,\n splitPercentage,\n resizerSize,\n snapThreshold,\n layout,\n currentNode,\n onLayoutChange,\n localOnResizeStart,\n localOnResizeEnd,\n globalOnResizeStart,\n globalOnResize,\n globalOnResizeEnd,\n minSplitPercentage,\n maxSplitPercentage,\n ],\n )\n}\n","import React, { useRef, useState, useMemo } from 'react'\nimport { useDashboard, ResizerRenderProps, RootDropZones } from '../../../entities/dashboard'\nimport { useResizer } from '../../../features/resize-pane'\nimport { TreeNode, SplitNode } from '../../../shared/model'\nimport { removePane } from '../../../shared'\n\nexport interface PaneTreeProps {\n tree?: TreeNode | null\n /** Size of the resizer in pixels (default 4) */\n resizerSize?: number\n /** Threshold in pixels to snap to adjacent resizer edges (default 8) */\n snapThreshold?: number\n /** Custom resizer renderer to override context-level renderResizer */\n renderResizer?: (props: ResizerRenderProps) => React.ReactNode\n}\n\ninterface PaneSplitProps {\n currentNode: SplitNode\n resizerSize: number\n snapThreshold?: number\n renderResizer?: (props: ResizerRenderProps) => React.ReactNode\n}\n\nconst PaneSplit: React.FC<PaneSplitProps> = ({\n currentNode,\n resizerSize,\n snapThreshold,\n renderResizer: propRenderResizer,\n}) => {\n const { layout, onLayoutChange, classNames, renderResizer: contextRenderResizer } = useDashboard()\n const [isResizing, setIsResizing] = useState(false)\n\n const renderResizer = propRenderResizer || contextRenderResizer\n\n const containerRef = useRef<HTMLDivElement>(null)\n const { direction, first, second, splitPercentage } = currentNode\n const isRow = direction === 'row'\n\n const handlePointerDown = useResizer({\n containerRef,\n isRow,\n direction,\n splitPercentage,\n resizerSize,\n snapThreshold: snapThreshold ?? 8,\n layout,\n currentNode,\n onLayoutChange,\n onResizeStart: () => setIsResizing(true),\n onResizeEnd: () => setIsResizing(false),\n })\n\n return (\n <div\n ref={containerRef}\n style={{\n display: 'flex',\n flexDirection: isRow ? 'row' : 'column',\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n }}\n >\n <div style={{ flex: `${splitPercentage} 1 0%`, overflow: 'hidden' }}>\n <PaneTree\n tree={first}\n resizerSize={resizerSize}\n snapThreshold={snapThreshold}\n renderResizer={propRenderResizer}\n />\n </div>\n {renderResizer ? (\n renderResizer({\n direction,\n splitPercentage,\n resizerSize,\n isResizing,\n onPointerDown: handlePointerDown,\n })\n ) : (\n <div\n className={classNames.resizer}\n data-direction={direction}\n style={{\n width: isRow ? `${resizerSize}px` : '100%',\n height: isRow ? '100%' : `${resizerSize}px`,\n cursor: isRow ? 'col-resize' : 'row-resize',\n position: 'relative',\n zIndex: 10,\n userSelect: 'none',\n boxSizing: 'border-box',\n flexShrink: 0,\n }}\n onPointerDown={handlePointerDown}\n role=\"separator\"\n aria-valuenow={splitPercentage}\n aria-valuemin={5}\n aria-valuemax={95}\n />\n )}\n <div style={{ flex: `${100 - splitPercentage} 1 0%`, overflow: 'hidden' }}>\n <PaneTree\n tree={second}\n resizerSize={resizerSize}\n snapThreshold={snapThreshold}\n renderResizer={propRenderResizer}\n />\n </div>\n </div>\n )\n}\n\nexport const PaneTree: React.FC<PaneTreeProps> = ({\n tree,\n resizerSize = 4,\n snapThreshold: propSnapThreshold,\n renderResizer,\n}) => {\n const {\n layout,\n renderPane,\n activeId,\n classNames,\n fullscreenPaneId,\n snapThreshold: contextSnapThreshold,\n } = useDashboard()\n\n const snapThreshold = propSnapThreshold !== undefined ? propSnapThreshold : contextSnapThreshold\n\n const hasOtherPanes = useMemo(() => {\n if (!activeId) return false\n return removePane(layout, activeId) !== null\n }, [layout, activeId])\n\n // Fullscreen bypass\n if (fullscreenPaneId && !tree) {\n return (\n <div style={{ width: '100%', height: '100%', position: 'relative' }}>\n {renderPane(fullscreenPaneId)}\n </div>\n )\n }\n\n const currentNode = tree !== undefined ? tree : layout\n\n if (!currentNode) return null\n\n const renderContent = () => {\n if (currentNode.type === 'pane') {\n return (\n <div style={{ width: '100%', height: '100%', position: 'relative' }}>\n {renderPane(currentNode.paneId)}\n </div>\n )\n }\n\n return (\n <PaneSplit\n currentNode={currentNode}\n resizerSize={resizerSize}\n snapThreshold={snapThreshold}\n renderResizer={renderResizer}\n />\n )\n }\n\n // Only render RootDropZones at the top-level PaneTree (where tree is undefined)\n if (tree === undefined) {\n return (\n <div\n className=\"zeugma-dashboard-root\"\n style={{\n position: 'relative',\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n }}\n >\n {renderContent()}\n <RootDropZones\n activeId={activeId}\n hasOtherPanes={hasOtherPanes}\n dropPreviewClassName={classNames.dropPreview}\n />\n </div>\n )\n }\n\n return renderContent()\n}\n","import { createContext } from 'react'\n\nexport const DragListenersCtx = createContext<Record<string, unknown> | null>(null)\n","import React, { useMemo } from 'react'\nimport { useDraggable, useDroppable } from '@dnd-kit/core'\nimport { useDashboard } from '../../dashboard'\nimport { DragListenersCtx } from '../model/context'\nimport { PaneRenderProps } from '../model/types'\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: 0,\n bottom: 0,\n left: 0,\n width: '25%',\n height: '100%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '25%',\n height: '100%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n center: {\n position: 'absolute',\n top: '25%',\n left: '25%',\n width: '50%',\n height: '50%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n}\n\nconst previewPositions: Record<string, React.CSSProperties> = {\n top: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n left: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n width: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n center: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n}\n\nconst DropZone: React.FC<DropZoneProps> = ({ id, position, activeClassName }) => {\n const { setNodeRef, isOver } = useDroppable({ id })\n return (\n <>\n <div ref={setNodeRef} style={activationPositions[position]} />\n {isOver && <div className={activeClassName} style={previewPositions[position]} />}\n </>\n )\n}\n\ninterface PaneProps {\n id: string\n children: (props: PaneRenderProps) => React.ReactNode\n style?: React.CSSProperties\n}\n\nexport const Pane: React.FC<PaneProps> = ({ id, children, style }) => {\n const {\n layout,\n activeId,\n classNames,\n fullscreenPaneId,\n onRemove,\n onFullscreenChange,\n removePane,\n updatePaneMetadata,\n } = useDashboard()\n const showDropZones = activeId !== null && activeId !== id\n\n const { attributes, listeners, setNodeRef, isDragging } = useDraggable({ id })\n const dragging = activeId === id || isDragging\n const isFullscreen = fullscreenPaneId === id\n\n const paneNode = useMemo(() => findPane(layout, id), [layout, id])\n const metadata = paneNode?.metadata\n\n const renderProps: PaneRenderProps = {\n isDragging: dragging,\n isFullscreen,\n toggleFullscreen: () => onFullscreenChange?.(isFullscreen ? null : id),\n remove: () => {\n if (isFullscreen) {\n onFullscreenChange?.(null)\n }\n if (onRemove) {\n onRemove(id)\n } else {\n removePane(id)\n }\n },\n metadata,\n updateMetadata: (updater) => {\n updatePaneMetadata(id, updater)\n },\n }\n\n // Best practice: Memoize drag context value to prevent unnecessary re-renders of the drag handle.\n const contextValue = useMemo(\n () => ({\n ...listeners,\n ...attributes,\n }),\n [listeners, attributes],\n )\n\n return (\n <DragListenersCtx.Provider value={contextValue}>\n <div\n ref={setNodeRef}\n className={classNames.pane}\n style={{ position: 'relative', width: '100%', height: '100%', ...style }}\n >\n {children(renderProps)}\n\n {showDropZones && (\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 15,\n pointerEvents: 'none',\n }}\n >\n {(['top', 'bottom', 'left', 'right'] as const).map((pos) => (\n <DropZone\n key={pos}\n id={`drop-${pos}-${id}`}\n position={pos}\n activeClassName={classNames.dropPreview}\n />\n ))}\n <DropZone\n id={`drop-center-${id}`}\n position=\"center\"\n activeClassName={classNames.swapPreview}\n />\n </div>\n )}\n </div>\n </DragListenersCtx.Provider>\n )\n}\n","import React, { useContext } from 'react'\nimport { DragListenersCtx } from '../model/context'\n\ninterface DragHandleProps {\n children: React.ReactNode\n className?: string\n style?: React.CSSProperties\n}\n\nexport const DragHandle: React.FC<DragHandleProps> = ({ children, className, style }) => {\n const dragProps = useContext(DragListenersCtx)\n if (!dragProps) {\n throw new Error('<DragHandle> must be used inside a <Pane>')\n }\n return (\n <div\n className={className}\n style={{ cursor: 'grab', userSelect: 'none', ...style }}\n {...dragProps}\n >\n {children}\n </div>\n )\n}\n"]}
1
+ {"version":3,"sources":["../src/entities/dashboard/model/context.ts","../src/entities/dashboard/model/hooks.ts","../src/shared/lib/tree/tree-helpers.ts","../src/shared/config/constants.ts","../src/entities/dashboard/ui/DashboardProvider.tsx","../src/entities/dashboard/ui/RootDropZone.tsx","../src/features/resize-pane/hooks/useResizer.ts","../src/widgets/pane-tree/ui/PaneTree.tsx","../src/entities/pane/model/context.ts","../src/entities/pane/ui/Pane.tsx","../src/entities/pane/ui/DragHandle.tsx"],"names":["DashboardContext","createContext","useDashboard","context","useContext","removePane","tree","idToRemove","newFirst","newSecond","splitPane","targetId","direction","splitType","paneToAdd","addedNode","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","DashboardProvider","layout","onChange","renderPane","renderDragOverlay","classNames","fullscreenPaneId","onFullscreenChange","onRemove","dragActivationDistance","snapThreshold","onDragStart","onDragEnd","onResizeStart","onResize","onResizeEnd","renderResizer","minSplitPercentage","maxSplitPercentage","children","localLayout","setLocalLayout","useState","prevLayout","setPrevLayout","setActiveId","sensors","useSensors","useSensor","handleDragStart","handleDragEnd","active","over","overIdStr","rootMatch","dropZone","newLayout","swapMatch","match","handleLocalLayoutChange","useCallback","handleRemovePane","handleAddPane","handleSwapPanes","paneIdA","paneIdB","handleSplitPane","handleUpdateSplitPercentage","currentNode","percentage","handleUpdatePaneMetadata","handleResizeEnd","finalLayout","contextValue","useMemo","jsxs","DndContext","pointerWithin","rootActivationPositions","rootPreviewPositions","RootDropZone","id","position","activeClassName","setNodeRef","isOver","useDroppable","Fragment","RootDropZones","hasOtherPanes","dropPreviewClassName","pos","useResizer","containerRef","isRow","splitPercentage","resizerSize","onLayoutChange","localOnResizeStart","localOnResizeEnd","globalOnResizeStart","globalOnResize","globalOnResizeEnd","container","styleEl","rect","startX","startY","startPercentage","resizerEl","otherPositions","el","r","currentPercentage","handlePointerMove","moveEvent","delta","proposedPercentage","proposedPos","closestDistance","bestTarget","dist","snappedPercentage","finalPercentage","handlePointerUp","globalStyle","PaneSplit","propRenderResizer","contextRenderResizer","isResizing","setIsResizing","first","second","handlePointerDown","PaneTree","propSnapThreshold","contextSnapThreshold","renderContent","DragListenersCtx","activationPositions","previewPositions","DropZone","Pane","style","showDropZones","attributes","listeners","isDragging","useDraggable","dragging","isFullscreen","metadata","renderProps","DragHandle","dragProps"],"mappings":"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","file":"index.cjs","sourcesContent":["import { createContext, ReactNode } from 'react'\nimport { TreeNode, SplitDirection, SplitNode } from '../../../shared/model'\n\nexport interface ZeugmaClassNames {\n pane?: string\n dropPreview?: string\n swapPreview?: string\n dragOverlay?: string\n resizer?: string\n}\n\nexport interface ResizerRenderProps {\n direction: SplitDirection\n splitPercentage: number\n resizerSize: number\n isResizing: boolean\n onPointerDown: (e: React.PointerEvent<HTMLDivElement>) => void\n}\n\nexport interface DashboardContextValue {\n layout: TreeNode | null\n onLayoutChange: (newLayout: TreeNode | null) => void\n renderPane: (paneId: string) => ReactNode\n activeId: string | null\n fullscreenPaneId: string | null\n classNames: ZeugmaClassNames\n onRemove?: (paneId: string) => void\n onFullscreenChange?: (paneId: string | null) => void\n snapThreshold?: number\n onResizeStart?: (currentNode: SplitNode) => void\n onResize?: (currentNode: SplitNode, percentage: number) => void\n onResizeEnd?: (currentNode: SplitNode, percentage: number) => void\n renderResizer?: (props: ResizerRenderProps) => ReactNode\n minSplitPercentage?: number\n maxSplitPercentage?: number\n removePane: (paneId: string) => void\n addPane: (paneId: string) => void\n swapPanes: (paneIdA: string, paneIdB: string) => void\n splitPane: (\n targetId: string,\n direction: SplitDirection,\n splitType: 'left' | 'right' | 'top' | 'bottom',\n paneToAdd: string,\n ) => void\n updateSplitPercentage: (currentNode: SplitNode, percentage: number) => void\n updatePaneMetadata: (\n paneId: string,\n updater: (current: Record<string, unknown> | undefined) => Record<string, unknown> | undefined,\n ) => void\n}\n\nexport const DashboardContext = createContext<DashboardContextValue | undefined>(undefined)\n","import { useContext } from 'react'\nimport { DashboardContext } from './context'\n\nexport const useDashboard = () => {\n const context = useContext(DashboardContext)\n if (!context) {\n throw new Error('useDashboard must be used within a DashboardProvider')\n }\n return context\n}\n","import { TreeNode, SplitNode, SplitDirection, PaneNode } from '../../model'\n\n/**\n * Tree Helper: Remove a pane and consolidate the tree structure.\n */\nexport function removePane(tree: TreeNode | null, idToRemove: string): TreeNode | null {\n if (tree === null) return null\n if (tree.type === 'pane') {\n return tree.paneId === idToRemove ? null : tree\n }\n const newFirst = removePane(tree.first, idToRemove)\n const newSecond = removePane(tree.second, idToRemove)\n if (newFirst === null) return newSecond\n if (newSecond === null) return newFirst\n return { ...tree, first: newFirst, second: newSecond }\n}\n\n/**\n * Tree Helper: Insert a pane by splitting an existing target node.\n */\nexport function splitPane(\n tree: TreeNode | null,\n targetId: string,\n direction: SplitDirection,\n splitType: 'left' | 'right' | 'top' | 'bottom',\n paneToAdd: string | 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 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 { DashboardContext, ZeugmaClassNames, ResizerRenderProps } from '../model/context'\n\n/** Cursor-following overlay rendered via portal */\nconst CursorOverlay: React.FC<{\n activeId: string\n render: (id: string) => ReactNode\n className?: string\n}> = ({ activeId, render, className }) => {\n const ref = useRef<HTMLDivElement>(null)\n\n useEffect(() => {\n const handleMove = (e: PointerEvent) => {\n if (ref.current) {\n ref.current.style.transform = `translate(${e.clientX + 12}px, ${e.clientY + 12}px)`\n }\n }\n document.addEventListener('pointermove', handleMove)\n return () => document.removeEventListener('pointermove', handleMove)\n }, [])\n\n return (\n <div\n ref={ref}\n className={className}\n style={{\n position: 'fixed',\n top: 0,\n left: 0,\n zIndex: 9999,\n pointerEvents: 'none',\n }}\n >\n {render(activeId)}\n </div>\n )\n}\n\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\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 [prevLayout, setPrevLayout] = useState<TreeNode | null>(layout)\n\n if (layout !== prevLayout) {\n setLocalLayout(layout)\n setPrevLayout(layout)\n }\n\n const [activeId, setActiveId] = useState<string | null>(null)\n\n const sensors = useSensors(\n useSensor(SmartPointerSensor, {\n activationConstraint: { distance: dragActivationDistance },\n }),\n )\n\n const handleDragStart = (event: DragStartEvent) => {\n const draggingId = event.active.id.toString()\n setActiveId(draggingId)\n if (onDragStart) {\n onDragStart(draggingId)\n }\n }\n\n const handleDragEnd = (event: DragEndEvent) => {\n setActiveId(null)\n const { active, over } = event\n const draggingId = active.id.toString()\n\n if (!over) {\n if (onDragEnd) {\n onDragEnd(draggingId, null, null)\n }\n return\n }\n\n const overIdStr = over.id.toString()\n\n // Check for root drop (places pane like half of the root)\n const rootMatch = overIdStr.match(/^drop-root-(left|right|top|bottom)$/)\n if (rootMatch) {\n const [, dropZone] = rootMatch\n const newLayout = splitRoot(\n 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(\n (paneId: string) => {\n const newLayout = removePane(localLayout, paneId)\n setLocalLayout(newLayout)\n onChange(newLayout)\n },\n [localLayout, onChange],\n )\n\n const handleAddPane = useCallback(\n (paneId: string) => {\n const newLayout = addPane(localLayout, paneId)\n setLocalLayout(newLayout)\n onChange(newLayout)\n },\n [localLayout, onChange],\n )\n\n const handleSwapPanes = useCallback(\n (paneIdA: string, paneIdB: string) => {\n const newLayout = swapPanes(localLayout, paneIdA, paneIdB)\n setLocalLayout(newLayout)\n onChange(newLayout)\n },\n [localLayout, onChange],\n )\n\n const handleSplitPane = useCallback(\n (\n targetId: string,\n direction: SplitDirection,\n splitType: 'left' | 'right' | 'top' | 'bottom',\n paneToAdd: string,\n ) => {\n const draggedPaneNode = findPane(localLayout, paneToAdd) ?? {\n type: 'pane',\n paneId: paneToAdd,\n }\n const treeWithoutDragging = removePane(localLayout, paneToAdd)\n const newLayout = splitPane(\n treeWithoutDragging,\n targetId,\n direction,\n splitType,\n draggedPaneNode,\n )\n setLocalLayout(newLayout)\n onChange(newLayout)\n },\n [localLayout, onChange],\n )\n\n const handleUpdateSplitPercentage = useCallback(\n (currentNode: SplitNode, percentage: number) => {\n const newLayout = updateSplitPercentage(localLayout, currentNode, percentage)\n setLocalLayout(newLayout)\n onChange(newLayout)\n },\n [localLayout, onChange],\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(localLayout, paneId, updater)\n setLocalLayout(newLayout)\n onChange(newLayout)\n },\n [localLayout, onChange],\n )\n\n const handleResizeEnd = useCallback(\n (currentNode: SplitNode, percentage: number) => {\n const finalLayout = updateSplitPercentage(localLayout, currentNode, percentage)\n setLocalLayout(finalLayout)\n onChange(finalLayout)\n if (onResizeEnd) {\n onResizeEnd(currentNode, percentage)\n }\n },\n [localLayout, onChange, onResizeEnd],\n )\n\n // Best practice: Memoize context value to prevent unnecessary re-renders of context consumers.\n const contextValue = useMemo(\n () => ({\n layout: localLayout,\n onLayoutChange: handleLocalLayoutChange,\n renderPane,\n activeId,\n fullscreenPaneId,\n classNames,\n onRemove,\n onFullscreenChange,\n snapThreshold,\n onResizeStart,\n onResize,\n onResizeEnd: handleResizeEnd,\n renderResizer,\n minSplitPercentage,\n maxSplitPercentage,\n removePane: handleRemovePane,\n addPane: handleAddPane,\n swapPanes: handleSwapPanes,\n splitPane: handleSplitPane,\n updateSplitPercentage: handleUpdateSplitPercentage,\n updatePaneMetadata: handleUpdatePaneMetadata,\n }),\n [\n localLayout,\n handleLocalLayoutChange,\n renderPane,\n activeId,\n fullscreenPaneId,\n classNames,\n onRemove,\n onFullscreenChange,\n snapThreshold,\n onResizeStart,\n onResize,\n handleResizeEnd,\n renderResizer,\n minSplitPercentage,\n maxSplitPercentage,\n handleRemovePane,\n handleAddPane,\n handleSwapPanes,\n handleSplitPane,\n handleUpdateSplitPercentage,\n handleUpdatePaneMetadata,\n ],\n )\n\n return (\n <DashboardContext.Provider value={contextValue}>\n <DndContext\n id=\"zeugma-dnd-context\"\n sensors={sensors}\n collisionDetection={pointerWithin}\n onDragStart={handleDragStart}\n onDragEnd={handleDragEnd}\n >\n {children}\n </DndContext>\n {activeId && renderDragOverlay && (\n <CursorOverlay\n activeId={activeId}\n render={renderDragOverlay}\n className={classNames.dragOverlay}\n />\n )}\n </DashboardContext.Provider>\n )\n}\n","import React from 'react'\nimport { useDroppable } from '@dnd-kit/core'\n\nconst rootActivationPositions: Record<string, React.CSSProperties> = {\n top: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n height: '32px',\n zIndex: 30,\n pointerEvents: 'auto',\n },\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n height: '32px',\n zIndex: 30,\n pointerEvents: 'auto',\n },\n left: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n width: '32px',\n zIndex: 30,\n pointerEvents: 'auto',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '32px',\n zIndex: 30,\n pointerEvents: 'auto',\n },\n}\n\nconst rootPreviewPositions: Record<string, React.CSSProperties> = {\n top: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 31,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 31,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n left: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n width: '50%',\n zIndex: 31,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '50%',\n zIndex: 31,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n}\n\nexport interface RootDropZoneProps {\n id: string\n position: 'top' | 'bottom' | 'left' | 'right'\n activeClassName?: string\n}\n\nexport const RootDropZone: React.FC<RootDropZoneProps> = ({ id, position, activeClassName }) => {\n const { setNodeRef, isOver } = useDroppable({ id })\n return (\n <>\n <div ref={setNodeRef} style={rootActivationPositions[position]} />\n {isOver && <div className={activeClassName} style={rootPreviewPositions[position]} />}\n </>\n )\n}\n\nexport interface RootDropZonesProps {\n activeId: string | null\n hasOtherPanes: boolean\n dropPreviewClassName?: string\n}\n\nexport const RootDropZones: React.FC<RootDropZonesProps> = ({\n activeId,\n hasOtherPanes,\n dropPreviewClassName,\n}) => {\n if (!activeId || !hasOtherPanes) return null\n\n return (\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 30,\n pointerEvents: 'none',\n }}\n >\n {(['top', 'bottom', 'left', 'right'] as const).map((pos) => (\n <RootDropZone\n key={pos}\n id={`drop-root-${pos}`}\n position={pos}\n activeClassName={dropPreviewClassName}\n />\n ))}\n </div>\n )\n}\n","import React, { useCallback } from 'react'\nimport { TreeNode, SplitNode, SplitDirection } from '../../../shared/model'\nimport { updateSplitPercentage } from '../../../shared/lib/tree'\nimport { useDashboard } from '../../../entities/dashboard'\n\ninterface UseResizerProps {\n containerRef: React.RefObject<HTMLDivElement | null>\n isRow: boolean\n direction: SplitDirection\n splitPercentage: number\n resizerSize: number\n snapThreshold: number\n layout: TreeNode | null\n currentNode: SplitNode\n onLayoutChange: (newLayout: TreeNode | null) => void\n onResizeStart?: () => void\n onResizeEnd?: () => void\n}\n\nexport function useResizer({\n containerRef,\n isRow,\n direction,\n splitPercentage,\n resizerSize,\n snapThreshold,\n layout,\n currentNode,\n onLayoutChange,\n onResizeStart: localOnResizeStart,\n onResizeEnd: localOnResizeEnd,\n}: UseResizerProps) {\n const {\n onResizeStart: globalOnResizeStart,\n onResize: globalOnResize,\n onResizeEnd: globalOnResizeEnd,\n minSplitPercentage = 5,\n maxSplitPercentage = 95,\n } = useDashboard()\n\n return useCallback(\n (e: React.PointerEvent<HTMLDivElement>) => {\n e.preventDefault()\n const container = containerRef.current\n if (!container) return\n\n document.body.classList.add('zeugma-resizing')\n\n // Inject global cursor style to keep resizing cursor active across the entire page during drag\n const styleEl = document.createElement('style')\n styleEl.id = 'zeugma-global-cursor-style'\n styleEl.textContent = `\n * {\n cursor: ${isRow ? 'col-resize' : 'row-resize'} !important;\n user-select: none !important;\n }\n `\n document.head.appendChild(styleEl)\n\n if (localOnResizeStart) {\n localOnResizeStart()\n }\n if (globalOnResizeStart) {\n globalOnResizeStart(currentNode)\n }\n\n const rect = container.getBoundingClientRect()\n const startX = e.clientX\n const startY = e.clientY\n const startPercentage = splitPercentage\n\n // Cache other resizers of the same direction once at drag-start to prevent layout thrashing on move\n const resizerEl = e.currentTarget\n resizerEl.setAttribute('data-resizing', 'true')\n\n const otherResizers = Array.from(\n document.querySelectorAll('div[role=\"separator\"][data-direction]'),\n ).filter((el) => el !== resizerEl && el.getAttribute('data-direction') === direction)\n\n const otherPositions = otherResizers.map((el) => {\n const r = el.getBoundingClientRect()\n return isRow ? r.left + r.width / 2 : r.top + r.height / 2\n })\n\n let currentPercentage = startPercentage\n\n const handlePointerMove = (moveEvent: PointerEvent) => {\n const delta = isRow\n ? ((moveEvent.clientX - startX) / rect.width) * 100\n : ((moveEvent.clientY - startY) / rect.height) * 100\n const proposedPercentage = startPercentage + delta\n\n // Find physical position corresponding to proposed percentage\n const proposedPos = isRow\n ? rect.left + (rect.width - resizerSize) * (proposedPercentage / 100) + resizerSize / 2\n : rect.top + (rect.height - resizerSize) * (proposedPercentage / 100) + resizerSize / 2\n\n let closestDistance = Infinity\n let bestTarget: number | null = null\n\n for (const pos of otherPositions) {\n const dist = Math.abs(proposedPos - pos)\n if (dist < snapThreshold && dist < closestDistance) {\n closestDistance = dist\n bestTarget = pos\n }\n }\n\n let snappedPercentage = proposedPercentage\n if (bestTarget !== null) {\n snappedPercentage = isRow\n ? ((bestTarget - resizerSize / 2 - rect.left) / (rect.width - resizerSize)) * 100\n : ((bestTarget - resizerSize / 2 - rect.top) / (rect.height - resizerSize)) * 100\n }\n\n const finalPercentage = Math.max(\n minSplitPercentage,\n Math.min(maxSplitPercentage, snappedPercentage),\n )\n currentPercentage = finalPercentage\n const newLayout = updateSplitPercentage(layout, currentNode, finalPercentage)\n onLayoutChange(newLayout)\n if (globalOnResize) {\n globalOnResize(currentNode, finalPercentage)\n }\n }\n\n const handlePointerUp = () => {\n document.body.classList.remove('zeugma-resizing')\n resizerEl.removeAttribute('data-resizing')\n\n const globalStyle = document.getElementById('zeugma-global-cursor-style')\n if (globalStyle) {\n globalStyle.remove()\n }\n\n document.removeEventListener('pointermove', handlePointerMove)\n document.removeEventListener('pointerup', handlePointerUp)\n\n if (localOnResizeEnd) {\n localOnResizeEnd()\n }\n if (globalOnResizeEnd) {\n globalOnResizeEnd(currentNode, currentPercentage)\n }\n }\n\n document.addEventListener('pointermove', handlePointerMove)\n document.addEventListener('pointerup', handlePointerUp)\n },\n [\n containerRef,\n isRow,\n direction,\n splitPercentage,\n resizerSize,\n snapThreshold,\n layout,\n currentNode,\n onLayoutChange,\n localOnResizeStart,\n localOnResizeEnd,\n globalOnResizeStart,\n globalOnResize,\n globalOnResizeEnd,\n minSplitPercentage,\n maxSplitPercentage,\n ],\n )\n}\n","import React, { useRef, useState, useMemo } from 'react'\nimport { useDashboard, ResizerRenderProps, RootDropZones } from '../../../entities/dashboard'\nimport { useResizer } from '../../../features/resize-pane'\nimport { TreeNode, SplitNode } from '../../../shared/model'\nimport { removePane } from '../../../shared'\n\nexport interface PaneTreeProps {\n tree?: TreeNode | null\n /** Size of the resizer in pixels (default 4) */\n resizerSize?: number\n /** Threshold in pixels to snap to adjacent resizer edges (default 8) */\n snapThreshold?: number\n /** Custom resizer renderer to override context-level renderResizer */\n renderResizer?: (props: ResizerRenderProps) => React.ReactNode\n}\n\ninterface PaneSplitProps {\n currentNode: SplitNode\n resizerSize: number\n snapThreshold?: number\n renderResizer?: (props: ResizerRenderProps) => React.ReactNode\n}\n\nconst PaneSplit: React.FC<PaneSplitProps> = ({\n currentNode,\n resizerSize,\n snapThreshold,\n renderResizer: propRenderResizer,\n}) => {\n const { layout, onLayoutChange, classNames, renderResizer: contextRenderResizer } = useDashboard()\n const [isResizing, setIsResizing] = useState(false)\n\n const renderResizer = propRenderResizer || contextRenderResizer\n\n const containerRef = useRef<HTMLDivElement>(null)\n const { direction, first, second, splitPercentage } = currentNode\n const isRow = direction === 'row'\n\n const handlePointerDown = useResizer({\n containerRef,\n isRow,\n direction,\n splitPercentage,\n resizerSize,\n snapThreshold: snapThreshold ?? 8,\n layout,\n currentNode,\n onLayoutChange,\n onResizeStart: () => setIsResizing(true),\n onResizeEnd: () => setIsResizing(false),\n })\n\n return (\n <div\n ref={containerRef}\n style={{\n display: 'flex',\n flexDirection: isRow ? 'row' : 'column',\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n }}\n >\n <div style={{ flex: `${splitPercentage} 1 0%`, overflow: 'hidden' }}>\n <PaneTree\n tree={first}\n resizerSize={resizerSize}\n snapThreshold={snapThreshold}\n renderResizer={propRenderResizer}\n />\n </div>\n {renderResizer ? (\n renderResizer({\n direction,\n splitPercentage,\n resizerSize,\n isResizing,\n onPointerDown: handlePointerDown,\n })\n ) : (\n <div\n className={classNames.resizer}\n data-direction={direction}\n style={{\n width: isRow ? `${resizerSize}px` : '100%',\n height: isRow ? '100%' : `${resizerSize}px`,\n cursor: isRow ? 'col-resize' : 'row-resize',\n position: 'relative',\n zIndex: 10,\n userSelect: 'none',\n boxSizing: 'border-box',\n flexShrink: 0,\n }}\n onPointerDown={handlePointerDown}\n role=\"separator\"\n aria-valuenow={splitPercentage}\n aria-valuemin={5}\n aria-valuemax={95}\n />\n )}\n <div style={{ flex: `${100 - splitPercentage} 1 0%`, overflow: 'hidden' }}>\n <PaneTree\n tree={second}\n resizerSize={resizerSize}\n snapThreshold={snapThreshold}\n renderResizer={propRenderResizer}\n />\n </div>\n </div>\n )\n}\n\nexport const PaneTree: React.FC<PaneTreeProps> = ({\n tree,\n resizerSize = 4,\n snapThreshold: propSnapThreshold,\n renderResizer,\n}) => {\n const {\n layout,\n renderPane,\n activeId,\n classNames,\n fullscreenPaneId,\n snapThreshold: contextSnapThreshold,\n } = useDashboard()\n\n const snapThreshold = propSnapThreshold !== undefined ? propSnapThreshold : contextSnapThreshold\n\n const hasOtherPanes = useMemo(() => {\n if (!activeId) return false\n return removePane(layout, activeId) !== null\n }, [layout, activeId])\n\n // Fullscreen bypass\n if (fullscreenPaneId && !tree) {\n return (\n <div style={{ width: '100%', height: '100%', position: 'relative' }}>\n {renderPane(fullscreenPaneId)}\n </div>\n )\n }\n\n const currentNode = tree !== undefined ? tree : layout\n\n if (!currentNode) return null\n\n const renderContent = () => {\n if (currentNode.type === 'pane') {\n return (\n <div style={{ width: '100%', height: '100%', position: 'relative' }}>\n {renderPane(currentNode.paneId)}\n </div>\n )\n }\n\n return (\n <PaneSplit\n currentNode={currentNode}\n resizerSize={resizerSize}\n snapThreshold={snapThreshold}\n renderResizer={renderResizer}\n />\n )\n }\n\n // Only render RootDropZones at the top-level PaneTree (where tree is undefined)\n if (tree === undefined) {\n return (\n <div\n className=\"zeugma-dashboard-root\"\n style={{\n position: 'relative',\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n }}\n >\n {renderContent()}\n <RootDropZones\n activeId={activeId}\n hasOtherPanes={hasOtherPanes}\n dropPreviewClassName={classNames.dropPreview}\n />\n </div>\n )\n }\n\n return renderContent()\n}\n","import { createContext } from 'react'\n\nexport const DragListenersCtx = createContext<Record<string, unknown> | null>(null)\n","import React, { useMemo } from 'react'\nimport { useDraggable, useDroppable } from '@dnd-kit/core'\nimport { useDashboard } from '../../dashboard'\nimport { DragListenersCtx } from '../model/context'\nimport { PaneRenderProps } from '../model/types'\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: 0,\n bottom: 0,\n left: 0,\n width: '25%',\n height: '100%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '25%',\n height: '100%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n center: {\n position: 'absolute',\n top: '25%',\n left: '25%',\n width: '50%',\n height: '50%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n}\n\nconst previewPositions: Record<string, React.CSSProperties> = {\n top: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n left: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n width: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n center: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n}\n\nconst DropZone: React.FC<DropZoneProps> = ({ id, position, activeClassName }) => {\n const { setNodeRef, isOver } = useDroppable({ id })\n return (\n <>\n <div ref={setNodeRef} style={activationPositions[position]} />\n {isOver && <div className={activeClassName} style={previewPositions[position]} />}\n </>\n )\n}\n\ninterface PaneProps {\n id: string\n children: (props: PaneRenderProps) => React.ReactNode\n style?: React.CSSProperties\n}\n\nexport const Pane: React.FC<PaneProps> = ({ id, children, style }) => {\n const {\n layout,\n activeId,\n classNames,\n fullscreenPaneId,\n onRemove,\n onFullscreenChange,\n removePane,\n updatePaneMetadata,\n } = useDashboard()\n const showDropZones = activeId !== null && activeId !== id\n\n const { attributes, listeners, setNodeRef, isDragging } = useDraggable({ id })\n const dragging = activeId === id || isDragging\n const isFullscreen = fullscreenPaneId === id\n\n const paneNode = useMemo(() => findPane(layout, id), [layout, id])\n const metadata = paneNode?.metadata\n\n const renderProps: PaneRenderProps = {\n isDragging: dragging,\n isFullscreen,\n toggleFullscreen: () => onFullscreenChange?.(isFullscreen ? null : id),\n remove: () => {\n if (isFullscreen) {\n onFullscreenChange?.(null)\n }\n if (onRemove) {\n onRemove(id)\n } else {\n removePane(id)\n }\n },\n metadata,\n updateMetadata: (updater) => {\n updatePaneMetadata(id, updater)\n },\n }\n\n // Best practice: Memoize drag context value to prevent unnecessary re-renders of the drag handle.\n const contextValue = useMemo(\n () => ({\n ...listeners,\n ...attributes,\n }),\n [listeners, attributes],\n )\n\n return (\n <DragListenersCtx.Provider value={contextValue}>\n <div\n ref={setNodeRef}\n className={classNames.pane}\n style={{ position: 'relative', width: '100%', height: '100%', ...style }}\n >\n {children(renderProps)}\n\n {showDropZones && (\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 15,\n pointerEvents: 'none',\n }}\n >\n {(['top', 'bottom', 'left', 'right'] as const).map((pos) => (\n <DropZone\n key={pos}\n id={`drop-${pos}-${id}`}\n position={pos}\n activeClassName={classNames.dropPreview}\n />\n ))}\n <DropZone\n id={`drop-center-${id}`}\n position=\"center\"\n activeClassName={classNames.swapPreview}\n />\n </div>\n )}\n </div>\n </DragListenersCtx.Provider>\n )\n}\n","import React, { useContext } from 'react'\nimport { DragListenersCtx } from '../model/context'\n\ninterface DragHandleProps {\n children: React.ReactNode\n className?: string\n style?: React.CSSProperties\n}\n\nexport const DragHandle: React.FC<DragHandleProps> = ({ children, className, style }) => {\n const dragProps = useContext(DragListenersCtx)\n if (!dragProps) {\n throw new Error('<DragHandle> must be used inside a <Pane>')\n }\n return (\n <div\n className={className}\n style={{ cursor: 'grab', userSelect: 'none', ...style }}\n {...dragProps}\n >\n {children}\n </div>\n )\n}\n"]}
package/dist/index.js CHANGED
@@ -1,7 +1,7 @@
1
- import {createContext,useContext,useState,useCallback,useMemo,useRef,useEffect}from'react';import {useSensors,useSensor,PointerSensor,DndContext,pointerWithin,useDraggable,useDroppable}from'@dnd-kit/core';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var j=createContext(void 0);var L=()=>{let e=useContext(j);if(!e)throw new Error("useDashboard must be used within a DashboardProvider");return e};function I(e,t){if(e===null)return null;if(e.type==="pane")return e.paneId===t?null:e;let n=I(e.first,t),o=I(e.second,t);return n===null?o:o===null?n:{...e,first:n,second:o}}function X(e,t,n,o,r){if(e===null)return typeof r=="string"?{type:"pane",paneId:r}:r;if(e.type==="pane"){if(e.paneId===t){let s=typeof r=="string"?{type:"pane",paneId:r}:r,a=o==="left"||o==="top";return {type:"split",direction:n,first:a?s:e,second:a?e:s,splitPercentage:50}}return e}return {...e,first:X(e.first,t,n,o,r)||e.first,second:X(e.second,t,n,o,r)||e.second}}function se(e,t,n){if(e===null)return null;let o=y(e,t),r=y(e,n);if(!o||!r)return e;function s(a){return a.type==="pane"?a.paneId===t?{...r}:a.paneId===n?{...o}:a:{...a,first:s(a.first),second:s(a.second)}}return s(e)}function ge(e,t){if(e===null)return {type:"pane",paneId:t};function n(o,r){return o.type==="pane"?{type:"split",direction:r==="row"?"column":"row",splitPercentage:50,first:o,second:{type:"pane",paneId:t}}:{...o,second:n(o.second,o.direction)}}return n(e,null)}function Z(e,t,n){return e===null?null:e===t?{...e,splitPercentage:n}:e.type==="split"?{...e,first:Z(e.first,t,n)||e.first,second:Z(e.second,t,n)||e.second}:e}function ve(e,t,n){let o=y(e,t)??{type:"pane",paneId:t},r=I(e,t);if(r===null)return {...o};let s=n==="left"||n==="right"?"row":"column",a=n==="left"||n==="top",f={...o};return {type:"split",direction:s,first:a?f:r,second:a?r:f,splitPercentage:50}}function y(e,t){return e===null?null:e.type==="pane"?e.paneId===t?e:null:y(e.first,t)??y(e.second,t)}function ee(e,t,n){if(e===null)return null;if(e.type==="pane"){if(e.paneId===t){let o=n(e.metadata);if(o===void 0){let{metadata:r,...s}=e;return s}return {...e,metadata:o}}return e}return {...e,first:ee(e.first,t,n)??e.first,second:ee(e.second,t,n)??e.second}}var we=8,ye=8,ft=4;var Ze=({activeId:e,render:t,className:n})=>{let o=useRef(null);return useEffect(()=>{let r=s=>{o.current&&(o.current.style.transform=`translate(${s.clientX+12}px, ${s.clientY+12}px)`);};return document.addEventListener("pointermove",r),()=>document.removeEventListener("pointermove",r)},[]),jsx("div",{ref:o,className:n,style:{position:"fixed",top:0,left:0,zIndex:9999,pointerEvents:"none"},children:t(e)})},Ae=({layout:e,onChange:t,renderPane:n,renderDragOverlay:o,classNames:r={},fullscreenPaneId:s=null,onFullscreenChange:a,onRemove:f,dragActivationDistance:x=8,snapThreshold:P=8,onDragStart:b,onDragEnd:l,onResizeStart:u,onResize:h,onResizeEnd:D,renderResizer:R,minSplitPercentage:v=5,maxSplitPercentage:S=95,children:A})=>{let[i,g]=useState(e),[$,w]=useState(e);e!==$&&(g(e),w(e));let[T,ne]=useState(null),re=useSensors(useSensor(PointerSensor,{activationConstraint:{distance:x}})),G=p=>{let d=p.active.id.toString();ne(d),b&&b(d);},q=p=>{ne(null);let{active:d,over:c}=p,m=d.id.toString();if(!c){l&&l(m,null,null);return}let V=c.id.toString(),K=V.match(/^drop-root-(left|right|top|bottom)$/);if(K){let[,C]=K,W=ve(i,m,C);g(W),t(W),l&&l(m,"root",{type:"split",direction:C==="left"||C==="right"?"row":"column",position:C});return}let B=V.match(/^drop-center-(.+)$/);if(B){let[,C]=B;if(m!==C){let W=se(i,m,C);g(W),t(W);}l&&l(m,C,{type:"swap",position:"center"});return}let ue=V.match(/^drop-(left|right|top|bottom)-(.+)$/);if(!ue){l&&l(m,null,null);return}let[,Q,ie]=ue;if(m===ie){l&&l(m,null,null);return}let fe=Q==="left"||Q==="right"?"row":"column",Ne=y(i,m)??{type:"pane",paneId:m},xe=I(i,m),me=X(xe,ie,fe,Q,Ne);g(me),t(me),l&&l(m,ie,{type:"split",direction:fe,position:Q});},_=useCallback(p=>{g(p);},[]),N=useCallback(p=>{let d=I(i,p);g(d),t(d);},[i,t]),z=useCallback(p=>{let d=ge(i,p);g(d),t(d);},[i,t]),H=useCallback((p,d)=>{let c=se(i,p,d);g(c),t(c);},[i,t]),J=useCallback((p,d,c,m)=>{let V=y(i,m)??{type:"pane",paneId:m},K=I(i,m),B=X(K,p,d,c,V);g(B),t(B);},[i,t]),k=useCallback((p,d)=>{let c=Z(i,p,d);g(c),t(c);},[i,t]),F=useCallback((p,d)=>{let c=ee(i,p,d);g(c),t(c);},[i,t]),O=useCallback((p,d)=>{let c=Z(i,p,d);g(c),t(c),D&&D(p,d);},[i,t,D]),U=useMemo(()=>({layout:i,onLayoutChange:_,renderPane:n,activeId:T,fullscreenPaneId:s,classNames:r,onRemove:f,onFullscreenChange:a,snapThreshold:P,onResizeStart:u,onResize:h,onResizeEnd:O,renderResizer:R,minSplitPercentage:v,maxSplitPercentage:S,removePane:N,addPane:z,swapPanes:H,splitPane:J,updateSplitPercentage:k,updatePaneMetadata:F}),[i,_,n,T,s,r,f,a,P,u,h,O,R,v,S,N,z,H,J,k,F]);return jsxs(j.Provider,{value:U,children:[jsx(DndContext,{id:"zeugma-dnd-context",sensors:re,collisionDetection:pointerWithin,onDragStart:G,onDragEnd:q,children:A}),T&&o&&jsx(Ze,{activeId:T,render:o,className:r.dragOverlay})]})};var _e={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"}},ke={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"}},Oe=({id:e,position:t,activeClassName:n})=>{let{setNodeRef:o,isOver:r}=useDroppable({id:e});return jsxs(Fragment,{children:[jsx("div",{ref:o,style:_e[t]}),r&&jsx("div",{className:n,style:ke[t]})]})},he=({activeId:e,hasOtherPanes:t,dropPreviewClassName:n})=>!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(o=>jsx(Oe,{id:`drop-root-${o}`,position:o,activeClassName:n},o))});function le({containerRef:e,isRow:t,direction:n,splitPercentage:o,resizerSize:r,snapThreshold:s,layout:a,currentNode:f,onLayoutChange:x,onResizeStart:P,onResizeEnd:b}){let{onResizeStart:l,onResize:u,onResizeEnd:h,minSplitPercentage:D=5,maxSplitPercentage:R=95}=L();return useCallback(v=>{v.preventDefault();let S=e.current;if(!S)return;document.body.classList.add("zeugma-resizing");let A=document.createElement("style");A.id="zeugma-global-cursor-style",A.textContent=`
1
+ import {createContext,useContext,useState,useCallback,useMemo,useRef,useEffect}from'react';import {useSensors,useSensor,DndContext,pointerWithin,useDraggable,PointerSensor,useDroppable}from'@dnd-kit/core';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var j=createContext(void 0);var C=()=>{let e=useContext(j);if(!e)throw new Error("useDashboard must be used within a DashboardProvider");return e};function I(e,t){if(e===null)return null;if(e.type==="pane")return e.paneId===t?null:e;let n=I(e.first,t),o=I(e.second,t);return n===null?o:o===null?n:{...e,first:n,second:o}}function X(e,t,n,o,r){if(e===null)return typeof r=="string"?{type:"pane",paneId:r}:r;if(e.type==="pane"){if(e.paneId===t){let s=typeof r=="string"?{type:"pane",paneId:r}:r,a=o==="left"||o==="top";return {type:"split",direction:n,first:a?s:e,second:a?e:s,splitPercentage:50}}return e}return {...e,first:X(e.first,t,n,o,r)||e.first,second:X(e.second,t,n,o,r)||e.second}}function se(e,t,n){if(e===null)return null;let o=y(e,t),r=y(e,n);if(!o||!r)return e;function s(a){return a.type==="pane"?a.paneId===t?{...r}:a.paneId===n?{...o}:a:{...a,first:s(a.first),second:s(a.second)}}return s(e)}function ve(e,t){if(e===null)return {type:"pane",paneId:t};function n(o,r){return o.type==="pane"?{type:"split",direction:r==="row"?"column":"row",splitPercentage:50,first:o,second:{type:"pane",paneId:t}}:{...o,second:n(o.second,o.direction)}}return n(e,null)}function Z(e,t,n){return e===null?null:e===t?{...e,splitPercentage:n}:e.type==="split"?{...e,first:Z(e.first,t,n)||e.first,second:Z(e.second,t,n)||e.second}:e}function he(e,t,n){let o=y(e,t)??{type:"pane",paneId:t},r=I(e,t);if(r===null)return {...o};let s=n==="left"||n==="right"?"row":"column",a=n==="left"||n==="top",f={...o};return {type:"split",direction:s,first:a?f:r,second:a?r:f,splitPercentage:50}}function y(e,t){return e===null?null:e.type==="pane"?e.paneId===t?e:null:y(e.first,t)??y(e.second,t)}function ee(e,t,n){if(e===null)return null;if(e.type==="pane"){if(e.paneId===t){let o=n(e.metadata);if(o===void 0){let{metadata:r,...s}=e;return s}return {...e,metadata:o}}return e}return {...e,first:ee(e.first,t,n)??e.first,second:ee(e.second,t,n)??e.second}}var ye=8,ze=8,mt=4;var Ae=({activeId:e,render:t,className:n})=>{let o=useRef(null);return useEffect(()=>{let r=s=>{o.current&&(o.current.style.transform=`translate(${s.clientX+12}px, ${s.clientY+12}px)`);};return document.addEventListener("pointermove",r),()=>document.removeEventListener("pointermove",r)},[]),jsx("div",{ref:o,className:n,style:{position:"fixed",top:0,left:0,zIndex:9999,pointerEvents:"none"},children:t(e)})},de=class extends PointerSensor{static activators=[{eventName:"onPointerDown",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]},He=({layout:e,onChange:t,renderPane:n,renderDragOverlay:o,classNames:r={},fullscreenPaneId:s=null,onFullscreenChange:a,onRemove:f,dragActivationDistance:x=8,snapThreshold:P=8,onDragStart:b,onDragEnd:l,onResizeStart:u,onResize:h,onResizeEnd:D,renderResizer:R,minSplitPercentage:v=5,maxSplitPercentage:S=95,children:A})=>{let[i,g]=useState(e),[$,w]=useState(e);e!==$&&(g(e),w(e));let[T,ne]=useState(null),re=useSensors(useSensor(de,{activationConstraint:{distance:x}})),G=p=>{let d=p.active.id.toString();ne(d),b&&b(d);},q=p=>{ne(null);let{active:d,over:c}=p,m=d.id.toString();if(!c){l&&l(m,null,null);return}let V=c.id.toString(),K=V.match(/^drop-root-(left|right|top|bottom)$/);if(K){let[,L]=K,W=he(i,m,L);g(W),t(W),l&&l(m,"root",{type:"split",direction:L==="left"||L==="right"?"row":"column",position:L});return}let B=V.match(/^drop-center-(.+)$/);if(B){let[,L]=B;if(m!==L){let W=se(i,m,L);g(W),t(W);}l&&l(m,L,{type:"swap",position:"center"});return}let fe=V.match(/^drop-(left|right|top|bottom)-(.+)$/);if(!fe){l&&l(m,null,null);return}let[,Q,ie]=fe;if(m===ie){l&&l(m,null,null);return}let me=Q==="left"||Q==="right"?"row":"column",xe=y(i,m)??{type:"pane",paneId:m},Se=I(i,m),ge=X(Se,ie,me,Q,xe);g(ge),t(ge),l&&l(m,ie,{type:"split",direction:me,position:Q});},_=useCallback(p=>{g(p);},[]),N=useCallback(p=>{let d=I(i,p);g(d),t(d);},[i,t]),z=useCallback(p=>{let d=ve(i,p);g(d),t(d);},[i,t]),H=useCallback((p,d)=>{let c=se(i,p,d);g(c),t(c);},[i,t]),J=useCallback((p,d,c,m)=>{let V=y(i,m)??{type:"pane",paneId:m},K=I(i,m),B=X(K,p,d,c,V);g(B),t(B);},[i,t]),k=useCallback((p,d)=>{let c=Z(i,p,d);g(c),t(c);},[i,t]),F=useCallback((p,d)=>{let c=ee(i,p,d);g(c),t(c);},[i,t]),O=useCallback((p,d)=>{let c=Z(i,p,d);g(c),t(c),D&&D(p,d);},[i,t,D]),U=useMemo(()=>({layout:i,onLayoutChange:_,renderPane:n,activeId:T,fullscreenPaneId:s,classNames:r,onRemove:f,onFullscreenChange:a,snapThreshold:P,onResizeStart:u,onResize:h,onResizeEnd:O,renderResizer:R,minSplitPercentage:v,maxSplitPercentage:S,removePane:N,addPane:z,swapPanes:H,splitPane:J,updateSplitPercentage:k,updatePaneMetadata:F}),[i,_,n,T,s,r,f,a,P,u,h,O,R,v,S,N,z,H,J,k,F]);return jsxs(j.Provider,{value:U,children:[jsx(DndContext,{id:"zeugma-dnd-context",sensors:re,collisionDetection:pointerWithin,onDragStart:G,onDragEnd:q,children:A}),T&&o&&jsx(Ae,{activeId:T,render:o,className:r.dragOverlay})]})};var ke={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"}},Oe={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"}},Ue=({id:e,position:t,activeClassName:n})=>{let{setNodeRef:o,isOver:r}=useDroppable({id:e});return jsxs(Fragment,{children:[jsx("div",{ref:o,style:ke[t]}),r&&jsx("div",{className:n,style:Oe[t]})]})},Pe=({activeId:e,hasOtherPanes:t,dropPreviewClassName:n})=>!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(o=>jsx(Ue,{id:`drop-root-${o}`,position:o,activeClassName:n},o))});function pe({containerRef:e,isRow:t,direction:n,splitPercentage:o,resizerSize:r,snapThreshold:s,layout:a,currentNode:f,onLayoutChange:x,onResizeStart:P,onResizeEnd:b}){let{onResizeStart:l,onResize:u,onResizeEnd:h,minSplitPercentage:D=5,maxSplitPercentage:R=95}=C();return useCallback(v=>{v.preventDefault();let S=e.current;if(!S)return;document.body.classList.add("zeugma-resizing");let A=document.createElement("style");A.id="zeugma-global-cursor-style",A.textContent=`
2
2
  * {
3
3
  cursor: ${t?"col-resize":"row-resize"} !important;
4
4
  user-select: none !important;
5
5
  }
6
- `,document.head.appendChild(A),P&&P(),l&&l(f);let i=S.getBoundingClientRect(),g=v.clientX,$=v.clientY,w=o,T=v.currentTarget;T.setAttribute("data-resizing","true");let re=Array.from(document.querySelectorAll('div[role="separator"][data-direction]')).filter(N=>N!==T&&N.getAttribute("data-direction")===n).map(N=>{let z=N.getBoundingClientRect();return t?z.left+z.width/2:z.top+z.height/2}),G=w,q=N=>{let z=t?(N.clientX-g)/i.width*100:(N.clientY-$)/i.height*100,H=w+z,J=t?i.left+(i.width-r)*(H/100)+r/2:i.top+(i.height-r)*(H/100)+r/2,k=1/0,F=null;for(let d of re){let c=Math.abs(J-d);c<s&&c<k&&(k=c,F=d);}let O=H;F!==null&&(O=t?(F-r/2-i.left)/(i.width-r)*100:(F-r/2-i.top)/(i.height-r)*100);let U=Math.max(D,Math.min(R,O));G=U;let p=Z(a,f,U);x(p),u&&u(f,U);},_=()=>{document.body.classList.remove("zeugma-resizing"),T.removeAttribute("data-resizing");let N=document.getElementById("zeugma-global-cursor-style");N&&N.remove(),document.removeEventListener("pointermove",q),document.removeEventListener("pointerup",_),b&&b(),h&&h(f,G);};document.addEventListener("pointermove",q),document.addEventListener("pointerup",_);},[e,t,n,o,r,s,a,f,x,P,b,l,u,h,D,R])}var Ge=({currentNode:e,resizerSize:t,snapThreshold:n,renderResizer:o})=>{let{layout:r,onLayoutChange:s,classNames:a,renderResizer:f}=L(),[x,P]=useState(false),b=o||f,l=useRef(null),{direction:u,first:h,second:D,splitPercentage:R}=e,v=u==="row",S=le({containerRef:l,isRow:v,direction:u,splitPercentage:R,resizerSize:t,snapThreshold:n??8,layout:r,currentNode:e,onLayoutChange:s,onResizeStart:()=>P(true),onResizeEnd:()=>P(false)});return jsxs("div",{ref:l,style:{display:"flex",flexDirection:v?"row":"column",width:"100%",height:"100%",overflow:"hidden"},children:[jsx("div",{style:{flex:`${R} 1 0%`,overflow:"hidden"},children:jsx(pe,{tree:h,resizerSize:t,snapThreshold:n,renderResizer:o})}),b?b({direction:u,splitPercentage:R,resizerSize:t,isResizing:x,onPointerDown:S}):jsx("div",{className:a.resizer,"data-direction":u,style:{width:v?`${t}px`:"100%",height:v?"100%":`${t}px`,cursor:v?"col-resize":"row-resize",position:"relative",zIndex:10,userSelect:"none",boxSizing:"border-box",flexShrink:0},onPointerDown:S,role:"separator","aria-valuenow":R,"aria-valuemin":5,"aria-valuemax":95}),jsx("div",{style:{flex:`${100-R} 1 0%`,overflow:"hidden"},children:jsx(pe,{tree:D,resizerSize:t,snapThreshold:n,renderResizer:o})})]})},pe=({tree:e,resizerSize:t=4,snapThreshold:n,renderResizer:o})=>{let{layout:r,renderPane:s,activeId:a,classNames:f,fullscreenPaneId:x,snapThreshold:P}=L(),b=n!==void 0?n:P,l=useMemo(()=>a?I(r,a)!==null:false,[r,a]);if(x&&!e)return jsx("div",{style:{width:"100%",height:"100%",position:"relative"},children:s(x)});let u=e!==void 0?e:r;if(!u)return null;let h=()=>u.type==="pane"?jsx("div",{style:{width:"100%",height:"100%",position:"relative"},children:s(u.paneId)}):jsx(Ge,{currentNode:u,resizerSize:t,snapThreshold:b,renderResizer:o});return e===void 0?jsxs("div",{className:"zeugma-dashboard-root",style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:[h(),jsx(he,{activeId:a,hasOtherPanes:l,dropPreviewClassName:f.dropPreview})]}):h()};var oe=createContext(null);var Qe={top:{position:"absolute",top:0,left:"25%",width:"50%",height:"25%",zIndex:20,pointerEvents:"auto"},bottom:{position:"absolute",bottom:0,left:"25%",width:"50%",height:"25%",zIndex:20,pointerEvents:"auto"},left:{position:"absolute",top:0,bottom:0,left:0,width:"25%",height:"100%",zIndex:20,pointerEvents:"auto"},right:{position:"absolute",top:0,bottom:0,right:0,width:"25%",height:"100%",zIndex:20,pointerEvents:"auto"},center:{position:"absolute",top:"25%",left:"25%",width:"50%",height:"50%",zIndex:20,pointerEvents:"auto"}},je={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"}},Re=({id:e,position:t,activeClassName:n})=>{let{setNodeRef:o,isOver:r}=useDroppable({id:e});return jsxs(Fragment,{children:[jsx("div",{ref:o,style:Qe[t]}),r&&jsx("div",{className:n,style:je[t]})]})},et=({id:e,children:t,style:n})=>{let{layout:o,activeId:r,classNames:s,fullscreenPaneId:a,onRemove:f,onFullscreenChange:x,removePane:P,updatePaneMetadata:b}=L(),l=r!==null&&r!==e,{attributes:u,listeners:h,setNodeRef:D,isDragging:R}=useDraggable({id:e}),v=r===e||R,S=a===e,i=useMemo(()=>y(o,e),[o,e])?.metadata,g={isDragging:v,isFullscreen:S,toggleFullscreen:()=>x?.(S?null:e),remove:()=>{S&&x?.(null),f?f(e):P(e);},metadata:i,updateMetadata:w=>{b(e,w);}},$=useMemo(()=>({...h,...u}),[h,u]);return jsx(oe.Provider,{value:$,children:jsxs("div",{ref:D,className:s.pane,style:{position:"relative",width:"100%",height:"100%",...n},children:[t(g),l&&jsxs("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:[["top","bottom","left","right"].map(w=>jsx(Re,{id:`drop-${w}-${e}`,position:w,activeClassName:s.dropPreview},w)),jsx(Re,{id:`drop-center-${e}`,position:"center",activeClassName:s.swapPreview})]})]})})};var nt=({children:e,className:t,style:n})=>{let o=useContext(oe);if(!o)throw new Error("<DragHandle> must be used inside a <Pane>");return jsx("div",{className:t,style:{cursor:"grab",userSelect:"none",...n},...o,children:e})};export{ye as DEFAULT_DRAG_ACTIVATION_DISTANCE,ft as DEFAULT_RESIZER_SIZE,we as DEFAULT_SNAP_THRESHOLD,Ae as DashboardProvider,nt as DragHandle,et as Pane,pe as PaneTree,ge as addPane,y as findPane,I as removePane,X as splitPane,ve as splitRoot,se as swapPanes,ee as updatePaneMetadata,Z as updateSplitPercentage,L as useDashboard,le as useResizer};//# sourceMappingURL=index.js.map
6
+ `,document.head.appendChild(A),P&&P(),l&&l(f);let i=S.getBoundingClientRect(),g=v.clientX,$=v.clientY,w=o,T=v.currentTarget;T.setAttribute("data-resizing","true");let re=Array.from(document.querySelectorAll('div[role="separator"][data-direction]')).filter(N=>N!==T&&N.getAttribute("data-direction")===n).map(N=>{let z=N.getBoundingClientRect();return t?z.left+z.width/2:z.top+z.height/2}),G=w,q=N=>{let z=t?(N.clientX-g)/i.width*100:(N.clientY-$)/i.height*100,H=w+z,J=t?i.left+(i.width-r)*(H/100)+r/2:i.top+(i.height-r)*(H/100)+r/2,k=1/0,F=null;for(let d of re){let c=Math.abs(J-d);c<s&&c<k&&(k=c,F=d);}let O=H;F!==null&&(O=t?(F-r/2-i.left)/(i.width-r)*100:(F-r/2-i.top)/(i.height-r)*100);let U=Math.max(D,Math.min(R,O));G=U;let p=Z(a,f,U);x(p),u&&u(f,U);},_=()=>{document.body.classList.remove("zeugma-resizing"),T.removeAttribute("data-resizing");let N=document.getElementById("zeugma-global-cursor-style");N&&N.remove(),document.removeEventListener("pointermove",q),document.removeEventListener("pointerup",_),b&&b(),h&&h(f,G);};document.addEventListener("pointermove",q),document.addEventListener("pointerup",_);},[e,t,n,o,r,s,a,f,x,P,b,l,u,h,D,R])}var qe=({currentNode:e,resizerSize:t,snapThreshold:n,renderResizer:o})=>{let{layout:r,onLayoutChange:s,classNames:a,renderResizer:f}=C(),[x,P]=useState(false),b=o||f,l=useRef(null),{direction:u,first:h,second:D,splitPercentage:R}=e,v=u==="row",S=pe({containerRef:l,isRow:v,direction:u,splitPercentage:R,resizerSize:t,snapThreshold:n??8,layout:r,currentNode:e,onLayoutChange:s,onResizeStart:()=>P(true),onResizeEnd:()=>P(false)});return jsxs("div",{ref:l,style:{display:"flex",flexDirection:v?"row":"column",width:"100%",height:"100%",overflow:"hidden"},children:[jsx("div",{style:{flex:`${R} 1 0%`,overflow:"hidden"},children:jsx(ce,{tree:h,resizerSize:t,snapThreshold:n,renderResizer:o})}),b?b({direction:u,splitPercentage:R,resizerSize:t,isResizing:x,onPointerDown:S}):jsx("div",{className:a.resizer,"data-direction":u,style:{width:v?`${t}px`:"100%",height:v?"100%":`${t}px`,cursor:v?"col-resize":"row-resize",position:"relative",zIndex:10,userSelect:"none",boxSizing:"border-box",flexShrink:0},onPointerDown:S,role:"separator","aria-valuenow":R,"aria-valuemin":5,"aria-valuemax":95}),jsx("div",{style:{flex:`${100-R} 1 0%`,overflow:"hidden"},children:jsx(ce,{tree:D,resizerSize:t,snapThreshold:n,renderResizer:o})})]})},ce=({tree:e,resizerSize:t=4,snapThreshold:n,renderResizer:o})=>{let{layout:r,renderPane:s,activeId:a,classNames:f,fullscreenPaneId:x,snapThreshold:P}=C(),b=n!==void 0?n:P,l=useMemo(()=>a?I(r,a)!==null:false,[r,a]);if(x&&!e)return jsx("div",{style:{width:"100%",height:"100%",position:"relative"},children:s(x)});let u=e!==void 0?e:r;if(!u)return null;let h=()=>u.type==="pane"?jsx("div",{style:{width:"100%",height:"100%",position:"relative"},children:s(u.paneId)}):jsx(qe,{currentNode:u,resizerSize:t,snapThreshold:b,renderResizer:o});return e===void 0?jsxs("div",{className:"zeugma-dashboard-root",style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:[h(),jsx(Pe,{activeId:a,hasOtherPanes:l,dropPreviewClassName:f.dropPreview})]}):h()};var oe=createContext(null);var je={top:{position:"absolute",top:0,left:"25%",width:"50%",height:"25%",zIndex:20,pointerEvents:"auto"},bottom:{position:"absolute",bottom:0,left:"25%",width:"50%",height:"25%",zIndex:20,pointerEvents:"auto"},left:{position:"absolute",top:0,bottom:0,left:0,width:"25%",height:"100%",zIndex:20,pointerEvents:"auto"},right:{position:"absolute",top:0,bottom:0,right:0,width:"25%",height:"100%",zIndex:20,pointerEvents:"auto"},center:{position:"absolute",top:"25%",left:"25%",width:"50%",height:"50%",zIndex:20,pointerEvents:"auto"}},et={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"}},Ne=({id:e,position:t,activeClassName:n})=>{let{setNodeRef:o,isOver:r}=useDroppable({id:e});return jsxs(Fragment,{children:[jsx("div",{ref:o,style:je[t]}),r&&jsx("div",{className:n,style:et[t]})]})},tt=({id:e,children:t,style:n})=>{let{layout:o,activeId:r,classNames:s,fullscreenPaneId:a,onRemove:f,onFullscreenChange:x,removePane:P,updatePaneMetadata:b}=C(),l=r!==null&&r!==e,{attributes:u,listeners:h,setNodeRef:D,isDragging:R}=useDraggable({id:e}),v=r===e||R,S=a===e,i=useMemo(()=>y(o,e),[o,e])?.metadata,g={isDragging:v,isFullscreen:S,toggleFullscreen:()=>x?.(S?null:e),remove:()=>{S&&x?.(null),f?f(e):P(e);},metadata:i,updateMetadata:w=>{b(e,w);}},$=useMemo(()=>({...h,...u}),[h,u]);return jsx(oe.Provider,{value:$,children:jsxs("div",{ref:D,className:s.pane,style:{position:"relative",width:"100%",height:"100%",...n},children:[t(g),l&&jsxs("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:[["top","bottom","left","right"].map(w=>jsx(Ne,{id:`drop-${w}-${e}`,position:w,activeClassName:s.dropPreview},w)),jsx(Ne,{id:`drop-center-${e}`,position:"center",activeClassName:s.swapPreview})]})]})})};var rt=({children:e,className:t,style:n})=>{let o=useContext(oe);if(!o)throw new Error("<DragHandle> must be used inside a <Pane>");return jsx("div",{className:t,style:{cursor:"grab",userSelect:"none",...n},...o,children:e})};export{ze as DEFAULT_DRAG_ACTIVATION_DISTANCE,mt as DEFAULT_RESIZER_SIZE,ye as DEFAULT_SNAP_THRESHOLD,He as DashboardProvider,rt as DragHandle,tt as Pane,ce as PaneTree,ve as addPane,y as findPane,I as removePane,X as splitPane,he as splitRoot,se as swapPanes,ee as updatePaneMetadata,Z as updateSplitPercentage,C as useDashboard,pe 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":["DashboardContext","createContext","useDashboard","context","useContext","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","DashboardProvider","layout","onChange","renderPane","renderDragOverlay","classNames","fullscreenPaneId","onFullscreenChange","onRemove","dragActivationDistance","snapThreshold","onDragStart","onDragEnd","onResizeStart","onResize","onResizeEnd","renderResizer","minSplitPercentage","maxSplitPercentage","children","localLayout","setLocalLayout","useState","prevLayout","setPrevLayout","setActiveId","sensors","useSensors","useSensor","PointerSensor","handleDragStart","event","handleDragEnd","active","over","overIdStr","rootMatch","dropZone","newLayout","swapMatch","match","handleLocalLayoutChange","useCallback","handleRemovePane","handleAddPane","handleSwapPanes","paneIdA","paneIdB","handleSplitPane","handleUpdateSplitPercentage","currentNode","percentage","handleUpdatePaneMetadata","handleResizeEnd","finalLayout","contextValue","useMemo","jsxs","DndContext","pointerWithin","rootActivationPositions","rootPreviewPositions","RootDropZone","id","position","activeClassName","setNodeRef","isOver","useDroppable","Fragment","RootDropZones","hasOtherPanes","dropPreviewClassName","pos","useResizer","containerRef","isRow","splitPercentage","resizerSize","onLayoutChange","localOnResizeStart","localOnResizeEnd","globalOnResizeStart","globalOnResize","globalOnResizeEnd","container","styleEl","rect","startX","startY","startPercentage","resizerEl","otherPositions","el","r","currentPercentage","handlePointerMove","moveEvent","delta","proposedPercentage","proposedPos","closestDistance","bestTarget","dist","snappedPercentage","finalPercentage","handlePointerUp","globalStyle","PaneSplit","propRenderResizer","contextRenderResizer","isResizing","setIsResizing","first","second","handlePointerDown","PaneTree","propSnapThreshold","contextSnapThreshold","renderContent","DragListenersCtx","activationPositions","previewPositions","DropZone","Pane","style","showDropZones","attributes","listeners","isDragging","useDraggable","dragging","isFullscreen","metadata","renderProps","DragHandle","dragProps"],"mappings":"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","file":"index.js","sourcesContent":["import { createContext, ReactNode } from 'react'\nimport { TreeNode, SplitDirection, SplitNode } from '../../../shared/model'\n\nexport interface ZeugmaClassNames {\n pane?: string\n dropPreview?: string\n swapPreview?: string\n dragOverlay?: string\n resizer?: string\n}\n\nexport interface ResizerRenderProps {\n direction: SplitDirection\n splitPercentage: number\n resizerSize: number\n isResizing: boolean\n onPointerDown: (e: React.PointerEvent<HTMLDivElement>) => void\n}\n\nexport interface DashboardContextValue {\n layout: TreeNode | null\n onLayoutChange: (newLayout: TreeNode | null) => void\n renderPane: (paneId: string) => ReactNode\n activeId: string | null\n fullscreenPaneId: string | null\n classNames: ZeugmaClassNames\n onRemove?: (paneId: string) => void\n onFullscreenChange?: (paneId: string | null) => void\n snapThreshold?: number\n onResizeStart?: (currentNode: SplitNode) => void\n onResize?: (currentNode: SplitNode, percentage: number) => void\n onResizeEnd?: (currentNode: SplitNode, percentage: number) => void\n renderResizer?: (props: ResizerRenderProps) => ReactNode\n minSplitPercentage?: number\n maxSplitPercentage?: number\n removePane: (paneId: string) => void\n addPane: (paneId: string) => void\n swapPanes: (paneIdA: string, paneIdB: string) => void\n splitPane: (\n targetId: string,\n direction: SplitDirection,\n splitType: 'left' | 'right' | 'top' | 'bottom',\n paneToAdd: string,\n ) => void\n updateSplitPercentage: (currentNode: SplitNode, percentage: number) => void\n updatePaneMetadata: (\n paneId: string,\n updater: (current: Record<string, unknown> | undefined) => Record<string, unknown> | undefined,\n ) => void\n}\n\nexport const DashboardContext = createContext<DashboardContextValue | undefined>(undefined)\n","import { useContext } from 'react'\nimport { DashboardContext } from './context'\n\nexport const useDashboard = () => {\n const context = useContext(DashboardContext)\n if (!context) {\n throw new Error('useDashboard must be used within a DashboardProvider')\n }\n return context\n}\n","import { TreeNode, SplitNode, SplitDirection, PaneNode } from '../../model'\n\n/**\n * Tree Helper: Remove a pane and consolidate the tree structure.\n */\nexport function removePane(tree: TreeNode | null, idToRemove: string): TreeNode | null {\n if (tree === null) return null\n if (tree.type === 'pane') {\n return tree.paneId === idToRemove ? null : tree\n }\n const newFirst = removePane(tree.first, idToRemove)\n const newSecond = removePane(tree.second, idToRemove)\n if (newFirst === null) return newSecond\n if (newSecond === null) return newFirst\n return { ...tree, first: newFirst, second: newSecond }\n}\n\n/**\n * Tree Helper: Insert a pane by splitting an existing target node.\n */\nexport function splitPane(\n tree: TreeNode | null,\n targetId: string,\n direction: SplitDirection,\n splitType: 'left' | 'right' | 'top' | 'bottom',\n paneToAdd: string | 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 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 { DashboardContext, ZeugmaClassNames, ResizerRenderProps } from '../model/context'\n\n/** Cursor-following overlay rendered via portal */\nconst CursorOverlay: React.FC<{\n activeId: string\n render: (id: string) => ReactNode\n className?: string\n}> = ({ activeId, render, className }) => {\n const ref = useRef<HTMLDivElement>(null)\n\n useEffect(() => {\n const handleMove = (e: PointerEvent) => {\n if (ref.current) {\n ref.current.style.transform = `translate(${e.clientX + 12}px, ${e.clientY + 12}px)`\n }\n }\n document.addEventListener('pointermove', handleMove)\n return () => document.removeEventListener('pointermove', handleMove)\n }, [])\n\n return (\n <div\n ref={ref}\n className={className}\n style={{\n position: 'fixed',\n top: 0,\n left: 0,\n zIndex: 9999,\n pointerEvents: 'none',\n }}\n >\n {render(activeId)}\n </div>\n )\n}\n\ninterface DashboardProviderProps {\n layout: TreeNode | null\n onChange: (newLayout: TreeNode | null) => void\n renderPane: (paneId: string) => ReactNode\n renderDragOverlay?: (activeId: string) => ReactNode\n classNames?: ZeugmaClassNames\n fullscreenPaneId?: string | null\n onFullscreenChange?: (paneId: string | null) => void\n onRemove?: (paneId: string) => void\n dragActivationDistance?: number\n snapThreshold?: number\n onDragStart?: (activeId: string) => void\n onDragEnd?: (\n activeId: string,\n overId: string | null,\n dropAction: {\n type: 'split' | 'swap'\n direction?: SplitDirection\n position?: 'top' | 'bottom' | 'left' | 'right' | 'center'\n } | null,\n ) => void\n onResizeStart?: (currentNode: SplitNode) => void\n onResize?: (currentNode: SplitNode, percentage: number) => void\n onResizeEnd?: (currentNode: SplitNode, percentage: number) => void\n renderResizer?: (props: ResizerRenderProps) => ReactNode\n minSplitPercentage?: number\n maxSplitPercentage?: number\n children: ReactNode\n}\n\nexport const DashboardProvider: React.FC<DashboardProviderProps> = ({\n layout,\n onChange,\n renderPane,\n renderDragOverlay,\n classNames = {},\n fullscreenPaneId = null,\n onFullscreenChange,\n onRemove,\n dragActivationDistance = DEFAULT_DRAG_ACTIVATION_DISTANCE,\n snapThreshold = DEFAULT_SNAP_THRESHOLD,\n onDragStart,\n onDragEnd,\n onResizeStart,\n onResize,\n onResizeEnd,\n renderResizer,\n minSplitPercentage = 5,\n maxSplitPercentage = 95,\n children,\n}) => {\n const [localLayout, setLocalLayout] = useState<TreeNode | null>(layout)\n const [prevLayout, setPrevLayout] = useState<TreeNode | null>(layout)\n\n if (layout !== prevLayout) {\n setLocalLayout(layout)\n setPrevLayout(layout)\n }\n\n const [activeId, setActiveId] = useState<string | null>(null)\n\n const sensors = useSensors(\n useSensor(PointerSensor, {\n activationConstraint: { distance: dragActivationDistance },\n }),\n )\n\n const handleDragStart = (event: DragStartEvent) => {\n const draggingId = event.active.id.toString()\n setActiveId(draggingId)\n if (onDragStart) {\n onDragStart(draggingId)\n }\n }\n\n const handleDragEnd = (event: DragEndEvent) => {\n setActiveId(null)\n const { active, over } = event\n const draggingId = active.id.toString()\n\n if (!over) {\n if (onDragEnd) {\n onDragEnd(draggingId, null, null)\n }\n return\n }\n\n const overIdStr = over.id.toString()\n\n // Check for root drop (places pane like half of the root)\n const rootMatch = overIdStr.match(/^drop-root-(left|right|top|bottom)$/)\n if (rootMatch) {\n const [, dropZone] = rootMatch\n const newLayout = splitRoot(\n 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(\n (paneId: string) => {\n const newLayout = removePane(localLayout, paneId)\n setLocalLayout(newLayout)\n onChange(newLayout)\n },\n [localLayout, onChange],\n )\n\n const handleAddPane = useCallback(\n (paneId: string) => {\n const newLayout = addPane(localLayout, paneId)\n setLocalLayout(newLayout)\n onChange(newLayout)\n },\n [localLayout, onChange],\n )\n\n const handleSwapPanes = useCallback(\n (paneIdA: string, paneIdB: string) => {\n const newLayout = swapPanes(localLayout, paneIdA, paneIdB)\n setLocalLayout(newLayout)\n onChange(newLayout)\n },\n [localLayout, onChange],\n )\n\n const handleSplitPane = useCallback(\n (\n targetId: string,\n direction: SplitDirection,\n splitType: 'left' | 'right' | 'top' | 'bottom',\n paneToAdd: string,\n ) => {\n const draggedPaneNode = findPane(localLayout, paneToAdd) ?? {\n type: 'pane',\n paneId: paneToAdd,\n }\n const treeWithoutDragging = removePane(localLayout, paneToAdd)\n const newLayout = splitPane(\n treeWithoutDragging,\n targetId,\n direction,\n splitType,\n draggedPaneNode,\n )\n setLocalLayout(newLayout)\n onChange(newLayout)\n },\n [localLayout, onChange],\n )\n\n const handleUpdateSplitPercentage = useCallback(\n (currentNode: SplitNode, percentage: number) => {\n const newLayout = updateSplitPercentage(localLayout, currentNode, percentage)\n setLocalLayout(newLayout)\n onChange(newLayout)\n },\n [localLayout, onChange],\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(localLayout, paneId, updater)\n setLocalLayout(newLayout)\n onChange(newLayout)\n },\n [localLayout, onChange],\n )\n\n const handleResizeEnd = useCallback(\n (currentNode: SplitNode, percentage: number) => {\n const finalLayout = updateSplitPercentage(localLayout, currentNode, percentage)\n setLocalLayout(finalLayout)\n onChange(finalLayout)\n if (onResizeEnd) {\n onResizeEnd(currentNode, percentage)\n }\n },\n [localLayout, onChange, onResizeEnd],\n )\n\n // Best practice: Memoize context value to prevent unnecessary re-renders of context consumers.\n const contextValue = useMemo(\n () => ({\n layout: localLayout,\n onLayoutChange: handleLocalLayoutChange,\n renderPane,\n activeId,\n fullscreenPaneId,\n classNames,\n onRemove,\n onFullscreenChange,\n snapThreshold,\n onResizeStart,\n onResize,\n onResizeEnd: handleResizeEnd,\n renderResizer,\n minSplitPercentage,\n maxSplitPercentage,\n removePane: handleRemovePane,\n addPane: handleAddPane,\n swapPanes: handleSwapPanes,\n splitPane: handleSplitPane,\n updateSplitPercentage: handleUpdateSplitPercentage,\n updatePaneMetadata: handleUpdatePaneMetadata,\n }),\n [\n localLayout,\n handleLocalLayoutChange,\n renderPane,\n activeId,\n fullscreenPaneId,\n classNames,\n onRemove,\n onFullscreenChange,\n snapThreshold,\n onResizeStart,\n onResize,\n handleResizeEnd,\n renderResizer,\n minSplitPercentage,\n maxSplitPercentage,\n handleRemovePane,\n handleAddPane,\n handleSwapPanes,\n handleSplitPane,\n handleUpdateSplitPercentage,\n handleUpdatePaneMetadata,\n ],\n )\n\n return (\n <DashboardContext.Provider value={contextValue}>\n <DndContext\n id=\"zeugma-dnd-context\"\n sensors={sensors}\n collisionDetection={pointerWithin}\n onDragStart={handleDragStart}\n onDragEnd={handleDragEnd}\n >\n {children}\n </DndContext>\n {activeId && renderDragOverlay && (\n <CursorOverlay\n activeId={activeId}\n render={renderDragOverlay}\n className={classNames.dragOverlay}\n />\n )}\n </DashboardContext.Provider>\n )\n}\n","import React from 'react'\nimport { useDroppable } from '@dnd-kit/core'\n\nconst rootActivationPositions: Record<string, React.CSSProperties> = {\n top: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n height: '32px',\n zIndex: 30,\n pointerEvents: 'auto',\n },\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n height: '32px',\n zIndex: 30,\n pointerEvents: 'auto',\n },\n left: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n width: '32px',\n zIndex: 30,\n pointerEvents: 'auto',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '32px',\n zIndex: 30,\n pointerEvents: 'auto',\n },\n}\n\nconst rootPreviewPositions: Record<string, React.CSSProperties> = {\n top: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 31,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 31,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n left: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n width: '50%',\n zIndex: 31,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '50%',\n zIndex: 31,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n}\n\nexport interface RootDropZoneProps {\n id: string\n position: 'top' | 'bottom' | 'left' | 'right'\n activeClassName?: string\n}\n\nexport const RootDropZone: React.FC<RootDropZoneProps> = ({ id, position, activeClassName }) => {\n const { setNodeRef, isOver } = useDroppable({ id })\n return (\n <>\n <div ref={setNodeRef} style={rootActivationPositions[position]} />\n {isOver && <div className={activeClassName} style={rootPreviewPositions[position]} />}\n </>\n )\n}\n\nexport interface RootDropZonesProps {\n activeId: string | null\n hasOtherPanes: boolean\n dropPreviewClassName?: string\n}\n\nexport const RootDropZones: React.FC<RootDropZonesProps> = ({\n activeId,\n hasOtherPanes,\n dropPreviewClassName,\n}) => {\n if (!activeId || !hasOtherPanes) return null\n\n return (\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 30,\n pointerEvents: 'none',\n }}\n >\n {(['top', 'bottom', 'left', 'right'] as const).map((pos) => (\n <RootDropZone\n key={pos}\n id={`drop-root-${pos}`}\n position={pos}\n activeClassName={dropPreviewClassName}\n />\n ))}\n </div>\n )\n}\n","import React, { useCallback } from 'react'\nimport { TreeNode, SplitNode, SplitDirection } from '../../../shared/model'\nimport { updateSplitPercentage } from '../../../shared/lib/tree'\nimport { useDashboard } from '../../../entities/dashboard'\n\ninterface UseResizerProps {\n containerRef: React.RefObject<HTMLDivElement | null>\n isRow: boolean\n direction: SplitDirection\n splitPercentage: number\n resizerSize: number\n snapThreshold: number\n layout: TreeNode | null\n currentNode: SplitNode\n onLayoutChange: (newLayout: TreeNode | null) => void\n onResizeStart?: () => void\n onResizeEnd?: () => void\n}\n\nexport function useResizer({\n containerRef,\n isRow,\n direction,\n splitPercentage,\n resizerSize,\n snapThreshold,\n layout,\n currentNode,\n onLayoutChange,\n onResizeStart: localOnResizeStart,\n onResizeEnd: localOnResizeEnd,\n}: UseResizerProps) {\n const {\n onResizeStart: globalOnResizeStart,\n onResize: globalOnResize,\n onResizeEnd: globalOnResizeEnd,\n minSplitPercentage = 5,\n maxSplitPercentage = 95,\n } = useDashboard()\n\n return useCallback(\n (e: React.PointerEvent<HTMLDivElement>) => {\n e.preventDefault()\n const container = containerRef.current\n if (!container) return\n\n document.body.classList.add('zeugma-resizing')\n\n // Inject global cursor style to keep resizing cursor active across the entire page during drag\n const styleEl = document.createElement('style')\n styleEl.id = 'zeugma-global-cursor-style'\n styleEl.textContent = `\n * {\n cursor: ${isRow ? 'col-resize' : 'row-resize'} !important;\n user-select: none !important;\n }\n `\n document.head.appendChild(styleEl)\n\n if (localOnResizeStart) {\n localOnResizeStart()\n }\n if (globalOnResizeStart) {\n globalOnResizeStart(currentNode)\n }\n\n const rect = container.getBoundingClientRect()\n const startX = e.clientX\n const startY = e.clientY\n const startPercentage = splitPercentage\n\n // Cache other resizers of the same direction once at drag-start to prevent layout thrashing on move\n const resizerEl = e.currentTarget\n resizerEl.setAttribute('data-resizing', 'true')\n\n const otherResizers = Array.from(\n document.querySelectorAll('div[role=\"separator\"][data-direction]'),\n ).filter((el) => el !== resizerEl && el.getAttribute('data-direction') === direction)\n\n const otherPositions = otherResizers.map((el) => {\n const r = el.getBoundingClientRect()\n return isRow ? r.left + r.width / 2 : r.top + r.height / 2\n })\n\n let currentPercentage = startPercentage\n\n const handlePointerMove = (moveEvent: PointerEvent) => {\n const delta = isRow\n ? ((moveEvent.clientX - startX) / rect.width) * 100\n : ((moveEvent.clientY - startY) / rect.height) * 100\n const proposedPercentage = startPercentage + delta\n\n // Find physical position corresponding to proposed percentage\n const proposedPos = isRow\n ? rect.left + (rect.width - resizerSize) * (proposedPercentage / 100) + resizerSize / 2\n : rect.top + (rect.height - resizerSize) * (proposedPercentage / 100) + resizerSize / 2\n\n let closestDistance = Infinity\n let bestTarget: number | null = null\n\n for (const pos of otherPositions) {\n const dist = Math.abs(proposedPos - pos)\n if (dist < snapThreshold && dist < closestDistance) {\n closestDistance = dist\n bestTarget = pos\n }\n }\n\n let snappedPercentage = proposedPercentage\n if (bestTarget !== null) {\n snappedPercentage = isRow\n ? ((bestTarget - resizerSize / 2 - rect.left) / (rect.width - resizerSize)) * 100\n : ((bestTarget - resizerSize / 2 - rect.top) / (rect.height - resizerSize)) * 100\n }\n\n const finalPercentage = Math.max(\n minSplitPercentage,\n Math.min(maxSplitPercentage, snappedPercentage),\n )\n currentPercentage = finalPercentage\n const newLayout = updateSplitPercentage(layout, currentNode, finalPercentage)\n onLayoutChange(newLayout)\n if (globalOnResize) {\n globalOnResize(currentNode, finalPercentage)\n }\n }\n\n const handlePointerUp = () => {\n document.body.classList.remove('zeugma-resizing')\n resizerEl.removeAttribute('data-resizing')\n\n const globalStyle = document.getElementById('zeugma-global-cursor-style')\n if (globalStyle) {\n globalStyle.remove()\n }\n\n document.removeEventListener('pointermove', handlePointerMove)\n document.removeEventListener('pointerup', handlePointerUp)\n\n if (localOnResizeEnd) {\n localOnResizeEnd()\n }\n if (globalOnResizeEnd) {\n globalOnResizeEnd(currentNode, currentPercentage)\n }\n }\n\n document.addEventListener('pointermove', handlePointerMove)\n document.addEventListener('pointerup', handlePointerUp)\n },\n [\n containerRef,\n isRow,\n direction,\n splitPercentage,\n resizerSize,\n snapThreshold,\n layout,\n currentNode,\n onLayoutChange,\n localOnResizeStart,\n localOnResizeEnd,\n globalOnResizeStart,\n globalOnResize,\n globalOnResizeEnd,\n minSplitPercentage,\n maxSplitPercentage,\n ],\n )\n}\n","import React, { useRef, useState, useMemo } from 'react'\nimport { useDashboard, ResizerRenderProps, RootDropZones } from '../../../entities/dashboard'\nimport { useResizer } from '../../../features/resize-pane'\nimport { TreeNode, SplitNode } from '../../../shared/model'\nimport { removePane } from '../../../shared'\n\nexport interface PaneTreeProps {\n tree?: TreeNode | null\n /** Size of the resizer in pixels (default 4) */\n resizerSize?: number\n /** Threshold in pixels to snap to adjacent resizer edges (default 8) */\n snapThreshold?: number\n /** Custom resizer renderer to override context-level renderResizer */\n renderResizer?: (props: ResizerRenderProps) => React.ReactNode\n}\n\ninterface PaneSplitProps {\n currentNode: SplitNode\n resizerSize: number\n snapThreshold?: number\n renderResizer?: (props: ResizerRenderProps) => React.ReactNode\n}\n\nconst PaneSplit: React.FC<PaneSplitProps> = ({\n currentNode,\n resizerSize,\n snapThreshold,\n renderResizer: propRenderResizer,\n}) => {\n const { layout, onLayoutChange, classNames, renderResizer: contextRenderResizer } = useDashboard()\n const [isResizing, setIsResizing] = useState(false)\n\n const renderResizer = propRenderResizer || contextRenderResizer\n\n const containerRef = useRef<HTMLDivElement>(null)\n const { direction, first, second, splitPercentage } = currentNode\n const isRow = direction === 'row'\n\n const handlePointerDown = useResizer({\n containerRef,\n isRow,\n direction,\n splitPercentage,\n resizerSize,\n snapThreshold: snapThreshold ?? 8,\n layout,\n currentNode,\n onLayoutChange,\n onResizeStart: () => setIsResizing(true),\n onResizeEnd: () => setIsResizing(false),\n })\n\n return (\n <div\n ref={containerRef}\n style={{\n display: 'flex',\n flexDirection: isRow ? 'row' : 'column',\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n }}\n >\n <div style={{ flex: `${splitPercentage} 1 0%`, overflow: 'hidden' }}>\n <PaneTree\n tree={first}\n resizerSize={resizerSize}\n snapThreshold={snapThreshold}\n renderResizer={propRenderResizer}\n />\n </div>\n {renderResizer ? (\n renderResizer({\n direction,\n splitPercentage,\n resizerSize,\n isResizing,\n onPointerDown: handlePointerDown,\n })\n ) : (\n <div\n className={classNames.resizer}\n data-direction={direction}\n style={{\n width: isRow ? `${resizerSize}px` : '100%',\n height: isRow ? '100%' : `${resizerSize}px`,\n cursor: isRow ? 'col-resize' : 'row-resize',\n position: 'relative',\n zIndex: 10,\n userSelect: 'none',\n boxSizing: 'border-box',\n flexShrink: 0,\n }}\n onPointerDown={handlePointerDown}\n role=\"separator\"\n aria-valuenow={splitPercentage}\n aria-valuemin={5}\n aria-valuemax={95}\n />\n )}\n <div style={{ flex: `${100 - splitPercentage} 1 0%`, overflow: 'hidden' }}>\n <PaneTree\n tree={second}\n resizerSize={resizerSize}\n snapThreshold={snapThreshold}\n renderResizer={propRenderResizer}\n />\n </div>\n </div>\n )\n}\n\nexport const PaneTree: React.FC<PaneTreeProps> = ({\n tree,\n resizerSize = 4,\n snapThreshold: propSnapThreshold,\n renderResizer,\n}) => {\n const {\n layout,\n renderPane,\n activeId,\n classNames,\n fullscreenPaneId,\n snapThreshold: contextSnapThreshold,\n } = useDashboard()\n\n const snapThreshold = propSnapThreshold !== undefined ? propSnapThreshold : contextSnapThreshold\n\n const hasOtherPanes = useMemo(() => {\n if (!activeId) return false\n return removePane(layout, activeId) !== null\n }, [layout, activeId])\n\n // Fullscreen bypass\n if (fullscreenPaneId && !tree) {\n return (\n <div style={{ width: '100%', height: '100%', position: 'relative' }}>\n {renderPane(fullscreenPaneId)}\n </div>\n )\n }\n\n const currentNode = tree !== undefined ? tree : layout\n\n if (!currentNode) return null\n\n const renderContent = () => {\n if (currentNode.type === 'pane') {\n return (\n <div style={{ width: '100%', height: '100%', position: 'relative' }}>\n {renderPane(currentNode.paneId)}\n </div>\n )\n }\n\n return (\n <PaneSplit\n currentNode={currentNode}\n resizerSize={resizerSize}\n snapThreshold={snapThreshold}\n renderResizer={renderResizer}\n />\n )\n }\n\n // Only render RootDropZones at the top-level PaneTree (where tree is undefined)\n if (tree === undefined) {\n return (\n <div\n className=\"zeugma-dashboard-root\"\n style={{\n position: 'relative',\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n }}\n >\n {renderContent()}\n <RootDropZones\n activeId={activeId}\n hasOtherPanes={hasOtherPanes}\n dropPreviewClassName={classNames.dropPreview}\n />\n </div>\n )\n }\n\n return renderContent()\n}\n","import { createContext } from 'react'\n\nexport const DragListenersCtx = createContext<Record<string, unknown> | null>(null)\n","import React, { useMemo } from 'react'\nimport { useDraggable, useDroppable } from '@dnd-kit/core'\nimport { useDashboard } from '../../dashboard'\nimport { DragListenersCtx } from '../model/context'\nimport { PaneRenderProps } from '../model/types'\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: 0,\n bottom: 0,\n left: 0,\n width: '25%',\n height: '100%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '25%',\n height: '100%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n center: {\n position: 'absolute',\n top: '25%',\n left: '25%',\n width: '50%',\n height: '50%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n}\n\nconst previewPositions: Record<string, React.CSSProperties> = {\n top: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n left: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n width: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n center: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n}\n\nconst DropZone: React.FC<DropZoneProps> = ({ id, position, activeClassName }) => {\n const { setNodeRef, isOver } = useDroppable({ id })\n return (\n <>\n <div ref={setNodeRef} style={activationPositions[position]} />\n {isOver && <div className={activeClassName} style={previewPositions[position]} />}\n </>\n )\n}\n\ninterface PaneProps {\n id: string\n children: (props: PaneRenderProps) => React.ReactNode\n style?: React.CSSProperties\n}\n\nexport const Pane: React.FC<PaneProps> = ({ id, children, style }) => {\n const {\n layout,\n activeId,\n classNames,\n fullscreenPaneId,\n onRemove,\n onFullscreenChange,\n removePane,\n updatePaneMetadata,\n } = useDashboard()\n const showDropZones = activeId !== null && activeId !== id\n\n const { attributes, listeners, setNodeRef, isDragging } = useDraggable({ id })\n const dragging = activeId === id || isDragging\n const isFullscreen = fullscreenPaneId === id\n\n const paneNode = useMemo(() => findPane(layout, id), [layout, id])\n const metadata = paneNode?.metadata\n\n const renderProps: PaneRenderProps = {\n isDragging: dragging,\n isFullscreen,\n toggleFullscreen: () => onFullscreenChange?.(isFullscreen ? null : id),\n remove: () => {\n if (isFullscreen) {\n onFullscreenChange?.(null)\n }\n if (onRemove) {\n onRemove(id)\n } else {\n removePane(id)\n }\n },\n metadata,\n updateMetadata: (updater) => {\n updatePaneMetadata(id, updater)\n },\n }\n\n // Best practice: Memoize drag context value to prevent unnecessary re-renders of the drag handle.\n const contextValue = useMemo(\n () => ({\n ...listeners,\n ...attributes,\n }),\n [listeners, attributes],\n )\n\n return (\n <DragListenersCtx.Provider value={contextValue}>\n <div\n ref={setNodeRef}\n className={classNames.pane}\n style={{ position: 'relative', width: '100%', height: '100%', ...style }}\n >\n {children(renderProps)}\n\n {showDropZones && (\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 15,\n pointerEvents: 'none',\n }}\n >\n {(['top', 'bottom', 'left', 'right'] as const).map((pos) => (\n <DropZone\n key={pos}\n id={`drop-${pos}-${id}`}\n position={pos}\n activeClassName={classNames.dropPreview}\n />\n ))}\n <DropZone\n id={`drop-center-${id}`}\n position=\"center\"\n activeClassName={classNames.swapPreview}\n />\n </div>\n )}\n </div>\n </DragListenersCtx.Provider>\n )\n}\n","import React, { useContext } from 'react'\nimport { DragListenersCtx } from '../model/context'\n\ninterface DragHandleProps {\n children: React.ReactNode\n className?: string\n style?: React.CSSProperties\n}\n\nexport const DragHandle: React.FC<DragHandleProps> = ({ children, className, style }) => {\n const dragProps = useContext(DragListenersCtx)\n if (!dragProps) {\n throw new Error('<DragHandle> must be used inside a <Pane>')\n }\n return (\n <div\n className={className}\n style={{ cursor: 'grab', userSelect: 'none', ...style }}\n {...dragProps}\n >\n {children}\n </div>\n )\n}\n"]}
1
+ {"version":3,"sources":["../src/entities/dashboard/model/context.ts","../src/entities/dashboard/model/hooks.ts","../src/shared/lib/tree/tree-helpers.ts","../src/shared/config/constants.ts","../src/entities/dashboard/ui/DashboardProvider.tsx","../src/entities/dashboard/ui/RootDropZone.tsx","../src/features/resize-pane/hooks/useResizer.ts","../src/widgets/pane-tree/ui/PaneTree.tsx","../src/entities/pane/model/context.ts","../src/entities/pane/ui/Pane.tsx","../src/entities/pane/ui/DragHandle.tsx"],"names":["DashboardContext","createContext","useDashboard","context","useContext","removePane","tree","idToRemove","newFirst","newSecond","splitPane","targetId","direction","splitType","paneToAdd","addedNode","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","DashboardProvider","layout","onChange","renderPane","renderDragOverlay","classNames","fullscreenPaneId","onFullscreenChange","onRemove","dragActivationDistance","snapThreshold","onDragStart","onDragEnd","onResizeStart","onResize","onResizeEnd","renderResizer","minSplitPercentage","maxSplitPercentage","children","localLayout","setLocalLayout","useState","prevLayout","setPrevLayout","setActiveId","sensors","useSensors","useSensor","handleDragStart","handleDragEnd","active","over","overIdStr","rootMatch","dropZone","newLayout","swapMatch","match","handleLocalLayoutChange","useCallback","handleRemovePane","handleAddPane","handleSwapPanes","paneIdA","paneIdB","handleSplitPane","handleUpdateSplitPercentage","currentNode","percentage","handleUpdatePaneMetadata","handleResizeEnd","finalLayout","contextValue","useMemo","jsxs","DndContext","pointerWithin","rootActivationPositions","rootPreviewPositions","RootDropZone","id","position","activeClassName","setNodeRef","isOver","useDroppable","Fragment","RootDropZones","hasOtherPanes","dropPreviewClassName","pos","useResizer","containerRef","isRow","splitPercentage","resizerSize","onLayoutChange","localOnResizeStart","localOnResizeEnd","globalOnResizeStart","globalOnResize","globalOnResizeEnd","container","styleEl","rect","startX","startY","startPercentage","resizerEl","otherPositions","el","r","currentPercentage","handlePointerMove","moveEvent","delta","proposedPercentage","proposedPos","closestDistance","bestTarget","dist","snappedPercentage","finalPercentage","handlePointerUp","globalStyle","PaneSplit","propRenderResizer","contextRenderResizer","isResizing","setIsResizing","first","second","handlePointerDown","PaneTree","propSnapThreshold","contextSnapThreshold","renderContent","DragListenersCtx","activationPositions","previewPositions","DropZone","Pane","style","showDropZones","attributes","listeners","isDragging","useDraggable","dragging","isFullscreen","metadata","renderProps","DragHandle","dragProps"],"mappings":"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","file":"index.js","sourcesContent":["import { createContext, ReactNode } from 'react'\nimport { TreeNode, SplitDirection, SplitNode } from '../../../shared/model'\n\nexport interface ZeugmaClassNames {\n pane?: string\n dropPreview?: string\n swapPreview?: string\n dragOverlay?: string\n resizer?: string\n}\n\nexport interface ResizerRenderProps {\n direction: SplitDirection\n splitPercentage: number\n resizerSize: number\n isResizing: boolean\n onPointerDown: (e: React.PointerEvent<HTMLDivElement>) => void\n}\n\nexport interface DashboardContextValue {\n layout: TreeNode | null\n onLayoutChange: (newLayout: TreeNode | null) => void\n renderPane: (paneId: string) => ReactNode\n activeId: string | null\n fullscreenPaneId: string | null\n classNames: ZeugmaClassNames\n onRemove?: (paneId: string) => void\n onFullscreenChange?: (paneId: string | null) => void\n snapThreshold?: number\n onResizeStart?: (currentNode: SplitNode) => void\n onResize?: (currentNode: SplitNode, percentage: number) => void\n onResizeEnd?: (currentNode: SplitNode, percentage: number) => void\n renderResizer?: (props: ResizerRenderProps) => ReactNode\n minSplitPercentage?: number\n maxSplitPercentage?: number\n removePane: (paneId: string) => void\n addPane: (paneId: string) => void\n swapPanes: (paneIdA: string, paneIdB: string) => void\n splitPane: (\n targetId: string,\n direction: SplitDirection,\n splitType: 'left' | 'right' | 'top' | 'bottom',\n paneToAdd: string,\n ) => void\n updateSplitPercentage: (currentNode: SplitNode, percentage: number) => void\n updatePaneMetadata: (\n paneId: string,\n updater: (current: Record<string, unknown> | undefined) => Record<string, unknown> | undefined,\n ) => void\n}\n\nexport const DashboardContext = createContext<DashboardContextValue | undefined>(undefined)\n","import { useContext } from 'react'\nimport { DashboardContext } from './context'\n\nexport const useDashboard = () => {\n const context = useContext(DashboardContext)\n if (!context) {\n throw new Error('useDashboard must be used within a DashboardProvider')\n }\n return context\n}\n","import { TreeNode, SplitNode, SplitDirection, PaneNode } from '../../model'\n\n/**\n * Tree Helper: Remove a pane and consolidate the tree structure.\n */\nexport function removePane(tree: TreeNode | null, idToRemove: string): TreeNode | null {\n if (tree === null) return null\n if (tree.type === 'pane') {\n return tree.paneId === idToRemove ? null : tree\n }\n const newFirst = removePane(tree.first, idToRemove)\n const newSecond = removePane(tree.second, idToRemove)\n if (newFirst === null) return newSecond\n if (newSecond === null) return newFirst\n return { ...tree, first: newFirst, second: newSecond }\n}\n\n/**\n * Tree Helper: Insert a pane by splitting an existing target node.\n */\nexport function splitPane(\n tree: TreeNode | null,\n targetId: string,\n direction: SplitDirection,\n splitType: 'left' | 'right' | 'top' | 'bottom',\n paneToAdd: string | 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 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 { DashboardContext, ZeugmaClassNames, ResizerRenderProps } from '../model/context'\n\n/** Cursor-following overlay rendered via portal */\nconst CursorOverlay: React.FC<{\n activeId: string\n render: (id: string) => ReactNode\n className?: string\n}> = ({ activeId, render, className }) => {\n const ref = useRef<HTMLDivElement>(null)\n\n useEffect(() => {\n const handleMove = (e: PointerEvent) => {\n if (ref.current) {\n ref.current.style.transform = `translate(${e.clientX + 12}px, ${e.clientY + 12}px)`\n }\n }\n document.addEventListener('pointermove', handleMove)\n return () => document.removeEventListener('pointermove', handleMove)\n }, [])\n\n return (\n <div\n ref={ref}\n className={className}\n style={{\n position: 'fixed',\n top: 0,\n left: 0,\n zIndex: 9999,\n pointerEvents: 'none',\n }}\n >\n {render(activeId)}\n </div>\n )\n}\n\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\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 [prevLayout, setPrevLayout] = useState<TreeNode | null>(layout)\n\n if (layout !== prevLayout) {\n setLocalLayout(layout)\n setPrevLayout(layout)\n }\n\n const [activeId, setActiveId] = useState<string | null>(null)\n\n const sensors = useSensors(\n useSensor(SmartPointerSensor, {\n activationConstraint: { distance: dragActivationDistance },\n }),\n )\n\n const handleDragStart = (event: DragStartEvent) => {\n const draggingId = event.active.id.toString()\n setActiveId(draggingId)\n if (onDragStart) {\n onDragStart(draggingId)\n }\n }\n\n const handleDragEnd = (event: DragEndEvent) => {\n setActiveId(null)\n const { active, over } = event\n const draggingId = active.id.toString()\n\n if (!over) {\n if (onDragEnd) {\n onDragEnd(draggingId, null, null)\n }\n return\n }\n\n const overIdStr = over.id.toString()\n\n // Check for root drop (places pane like half of the root)\n const rootMatch = overIdStr.match(/^drop-root-(left|right|top|bottom)$/)\n if (rootMatch) {\n const [, dropZone] = rootMatch\n const newLayout = splitRoot(\n 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(\n (paneId: string) => {\n const newLayout = removePane(localLayout, paneId)\n setLocalLayout(newLayout)\n onChange(newLayout)\n },\n [localLayout, onChange],\n )\n\n const handleAddPane = useCallback(\n (paneId: string) => {\n const newLayout = addPane(localLayout, paneId)\n setLocalLayout(newLayout)\n onChange(newLayout)\n },\n [localLayout, onChange],\n )\n\n const handleSwapPanes = useCallback(\n (paneIdA: string, paneIdB: string) => {\n const newLayout = swapPanes(localLayout, paneIdA, paneIdB)\n setLocalLayout(newLayout)\n onChange(newLayout)\n },\n [localLayout, onChange],\n )\n\n const handleSplitPane = useCallback(\n (\n targetId: string,\n direction: SplitDirection,\n splitType: 'left' | 'right' | 'top' | 'bottom',\n paneToAdd: string,\n ) => {\n const draggedPaneNode = findPane(localLayout, paneToAdd) ?? {\n type: 'pane',\n paneId: paneToAdd,\n }\n const treeWithoutDragging = removePane(localLayout, paneToAdd)\n const newLayout = splitPane(\n treeWithoutDragging,\n targetId,\n direction,\n splitType,\n draggedPaneNode,\n )\n setLocalLayout(newLayout)\n onChange(newLayout)\n },\n [localLayout, onChange],\n )\n\n const handleUpdateSplitPercentage = useCallback(\n (currentNode: SplitNode, percentage: number) => {\n const newLayout = updateSplitPercentage(localLayout, currentNode, percentage)\n setLocalLayout(newLayout)\n onChange(newLayout)\n },\n [localLayout, onChange],\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(localLayout, paneId, updater)\n setLocalLayout(newLayout)\n onChange(newLayout)\n },\n [localLayout, onChange],\n )\n\n const handleResizeEnd = useCallback(\n (currentNode: SplitNode, percentage: number) => {\n const finalLayout = updateSplitPercentage(localLayout, currentNode, percentage)\n setLocalLayout(finalLayout)\n onChange(finalLayout)\n if (onResizeEnd) {\n onResizeEnd(currentNode, percentage)\n }\n },\n [localLayout, onChange, onResizeEnd],\n )\n\n // Best practice: Memoize context value to prevent unnecessary re-renders of context consumers.\n const contextValue = useMemo(\n () => ({\n layout: localLayout,\n onLayoutChange: handleLocalLayoutChange,\n renderPane,\n activeId,\n fullscreenPaneId,\n classNames,\n onRemove,\n onFullscreenChange,\n snapThreshold,\n onResizeStart,\n onResize,\n onResizeEnd: handleResizeEnd,\n renderResizer,\n minSplitPercentage,\n maxSplitPercentage,\n removePane: handleRemovePane,\n addPane: handleAddPane,\n swapPanes: handleSwapPanes,\n splitPane: handleSplitPane,\n updateSplitPercentage: handleUpdateSplitPercentage,\n updatePaneMetadata: handleUpdatePaneMetadata,\n }),\n [\n localLayout,\n handleLocalLayoutChange,\n renderPane,\n activeId,\n fullscreenPaneId,\n classNames,\n onRemove,\n onFullscreenChange,\n snapThreshold,\n onResizeStart,\n onResize,\n handleResizeEnd,\n renderResizer,\n minSplitPercentage,\n maxSplitPercentage,\n handleRemovePane,\n handleAddPane,\n handleSwapPanes,\n handleSplitPane,\n handleUpdateSplitPercentage,\n handleUpdatePaneMetadata,\n ],\n )\n\n return (\n <DashboardContext.Provider value={contextValue}>\n <DndContext\n id=\"zeugma-dnd-context\"\n sensors={sensors}\n collisionDetection={pointerWithin}\n onDragStart={handleDragStart}\n onDragEnd={handleDragEnd}\n >\n {children}\n </DndContext>\n {activeId && renderDragOverlay && (\n <CursorOverlay\n activeId={activeId}\n render={renderDragOverlay}\n className={classNames.dragOverlay}\n />\n )}\n </DashboardContext.Provider>\n )\n}\n","import React from 'react'\nimport { useDroppable } from '@dnd-kit/core'\n\nconst rootActivationPositions: Record<string, React.CSSProperties> = {\n top: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n height: '32px',\n zIndex: 30,\n pointerEvents: 'auto',\n },\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n height: '32px',\n zIndex: 30,\n pointerEvents: 'auto',\n },\n left: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n width: '32px',\n zIndex: 30,\n pointerEvents: 'auto',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '32px',\n zIndex: 30,\n pointerEvents: 'auto',\n },\n}\n\nconst rootPreviewPositions: Record<string, React.CSSProperties> = {\n top: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 31,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 31,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n left: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n width: '50%',\n zIndex: 31,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '50%',\n zIndex: 31,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n}\n\nexport interface RootDropZoneProps {\n id: string\n position: 'top' | 'bottom' | 'left' | 'right'\n activeClassName?: string\n}\n\nexport const RootDropZone: React.FC<RootDropZoneProps> = ({ id, position, activeClassName }) => {\n const { setNodeRef, isOver } = useDroppable({ id })\n return (\n <>\n <div ref={setNodeRef} style={rootActivationPositions[position]} />\n {isOver && <div className={activeClassName} style={rootPreviewPositions[position]} />}\n </>\n )\n}\n\nexport interface RootDropZonesProps {\n activeId: string | null\n hasOtherPanes: boolean\n dropPreviewClassName?: string\n}\n\nexport const RootDropZones: React.FC<RootDropZonesProps> = ({\n activeId,\n hasOtherPanes,\n dropPreviewClassName,\n}) => {\n if (!activeId || !hasOtherPanes) return null\n\n return (\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 30,\n pointerEvents: 'none',\n }}\n >\n {(['top', 'bottom', 'left', 'right'] as const).map((pos) => (\n <RootDropZone\n key={pos}\n id={`drop-root-${pos}`}\n position={pos}\n activeClassName={dropPreviewClassName}\n />\n ))}\n </div>\n )\n}\n","import React, { useCallback } from 'react'\nimport { TreeNode, SplitNode, SplitDirection } from '../../../shared/model'\nimport { updateSplitPercentage } from '../../../shared/lib/tree'\nimport { useDashboard } from '../../../entities/dashboard'\n\ninterface UseResizerProps {\n containerRef: React.RefObject<HTMLDivElement | null>\n isRow: boolean\n direction: SplitDirection\n splitPercentage: number\n resizerSize: number\n snapThreshold: number\n layout: TreeNode | null\n currentNode: SplitNode\n onLayoutChange: (newLayout: TreeNode | null) => void\n onResizeStart?: () => void\n onResizeEnd?: () => void\n}\n\nexport function useResizer({\n containerRef,\n isRow,\n direction,\n splitPercentage,\n resizerSize,\n snapThreshold,\n layout,\n currentNode,\n onLayoutChange,\n onResizeStart: localOnResizeStart,\n onResizeEnd: localOnResizeEnd,\n}: UseResizerProps) {\n const {\n onResizeStart: globalOnResizeStart,\n onResize: globalOnResize,\n onResizeEnd: globalOnResizeEnd,\n minSplitPercentage = 5,\n maxSplitPercentage = 95,\n } = useDashboard()\n\n return useCallback(\n (e: React.PointerEvent<HTMLDivElement>) => {\n e.preventDefault()\n const container = containerRef.current\n if (!container) return\n\n document.body.classList.add('zeugma-resizing')\n\n // Inject global cursor style to keep resizing cursor active across the entire page during drag\n const styleEl = document.createElement('style')\n styleEl.id = 'zeugma-global-cursor-style'\n styleEl.textContent = `\n * {\n cursor: ${isRow ? 'col-resize' : 'row-resize'} !important;\n user-select: none !important;\n }\n `\n document.head.appendChild(styleEl)\n\n if (localOnResizeStart) {\n localOnResizeStart()\n }\n if (globalOnResizeStart) {\n globalOnResizeStart(currentNode)\n }\n\n const rect = container.getBoundingClientRect()\n const startX = e.clientX\n const startY = e.clientY\n const startPercentage = splitPercentage\n\n // Cache other resizers of the same direction once at drag-start to prevent layout thrashing on move\n const resizerEl = e.currentTarget\n resizerEl.setAttribute('data-resizing', 'true')\n\n const otherResizers = Array.from(\n document.querySelectorAll('div[role=\"separator\"][data-direction]'),\n ).filter((el) => el !== resizerEl && el.getAttribute('data-direction') === direction)\n\n const otherPositions = otherResizers.map((el) => {\n const r = el.getBoundingClientRect()\n return isRow ? r.left + r.width / 2 : r.top + r.height / 2\n })\n\n let currentPercentage = startPercentage\n\n const handlePointerMove = (moveEvent: PointerEvent) => {\n const delta = isRow\n ? ((moveEvent.clientX - startX) / rect.width) * 100\n : ((moveEvent.clientY - startY) / rect.height) * 100\n const proposedPercentage = startPercentage + delta\n\n // Find physical position corresponding to proposed percentage\n const proposedPos = isRow\n ? rect.left + (rect.width - resizerSize) * (proposedPercentage / 100) + resizerSize / 2\n : rect.top + (rect.height - resizerSize) * (proposedPercentage / 100) + resizerSize / 2\n\n let closestDistance = Infinity\n let bestTarget: number | null = null\n\n for (const pos of otherPositions) {\n const dist = Math.abs(proposedPos - pos)\n if (dist < snapThreshold && dist < closestDistance) {\n closestDistance = dist\n bestTarget = pos\n }\n }\n\n let snappedPercentage = proposedPercentage\n if (bestTarget !== null) {\n snappedPercentage = isRow\n ? ((bestTarget - resizerSize / 2 - rect.left) / (rect.width - resizerSize)) * 100\n : ((bestTarget - resizerSize / 2 - rect.top) / (rect.height - resizerSize)) * 100\n }\n\n const finalPercentage = Math.max(\n minSplitPercentage,\n Math.min(maxSplitPercentage, snappedPercentage),\n )\n currentPercentage = finalPercentage\n const newLayout = updateSplitPercentage(layout, currentNode, finalPercentage)\n onLayoutChange(newLayout)\n if (globalOnResize) {\n globalOnResize(currentNode, finalPercentage)\n }\n }\n\n const handlePointerUp = () => {\n document.body.classList.remove('zeugma-resizing')\n resizerEl.removeAttribute('data-resizing')\n\n const globalStyle = document.getElementById('zeugma-global-cursor-style')\n if (globalStyle) {\n globalStyle.remove()\n }\n\n document.removeEventListener('pointermove', handlePointerMove)\n document.removeEventListener('pointerup', handlePointerUp)\n\n if (localOnResizeEnd) {\n localOnResizeEnd()\n }\n if (globalOnResizeEnd) {\n globalOnResizeEnd(currentNode, currentPercentage)\n }\n }\n\n document.addEventListener('pointermove', handlePointerMove)\n document.addEventListener('pointerup', handlePointerUp)\n },\n [\n containerRef,\n isRow,\n direction,\n splitPercentage,\n resizerSize,\n snapThreshold,\n layout,\n currentNode,\n onLayoutChange,\n localOnResizeStart,\n localOnResizeEnd,\n globalOnResizeStart,\n globalOnResize,\n globalOnResizeEnd,\n minSplitPercentage,\n maxSplitPercentage,\n ],\n )\n}\n","import React, { useRef, useState, useMemo } from 'react'\nimport { useDashboard, ResizerRenderProps, RootDropZones } from '../../../entities/dashboard'\nimport { useResizer } from '../../../features/resize-pane'\nimport { TreeNode, SplitNode } from '../../../shared/model'\nimport { removePane } from '../../../shared'\n\nexport interface PaneTreeProps {\n tree?: TreeNode | null\n /** Size of the resizer in pixels (default 4) */\n resizerSize?: number\n /** Threshold in pixels to snap to adjacent resizer edges (default 8) */\n snapThreshold?: number\n /** Custom resizer renderer to override context-level renderResizer */\n renderResizer?: (props: ResizerRenderProps) => React.ReactNode\n}\n\ninterface PaneSplitProps {\n currentNode: SplitNode\n resizerSize: number\n snapThreshold?: number\n renderResizer?: (props: ResizerRenderProps) => React.ReactNode\n}\n\nconst PaneSplit: React.FC<PaneSplitProps> = ({\n currentNode,\n resizerSize,\n snapThreshold,\n renderResizer: propRenderResizer,\n}) => {\n const { layout, onLayoutChange, classNames, renderResizer: contextRenderResizer } = useDashboard()\n const [isResizing, setIsResizing] = useState(false)\n\n const renderResizer = propRenderResizer || contextRenderResizer\n\n const containerRef = useRef<HTMLDivElement>(null)\n const { direction, first, second, splitPercentage } = currentNode\n const isRow = direction === 'row'\n\n const handlePointerDown = useResizer({\n containerRef,\n isRow,\n direction,\n splitPercentage,\n resizerSize,\n snapThreshold: snapThreshold ?? 8,\n layout,\n currentNode,\n onLayoutChange,\n onResizeStart: () => setIsResizing(true),\n onResizeEnd: () => setIsResizing(false),\n })\n\n return (\n <div\n ref={containerRef}\n style={{\n display: 'flex',\n flexDirection: isRow ? 'row' : 'column',\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n }}\n >\n <div style={{ flex: `${splitPercentage} 1 0%`, overflow: 'hidden' }}>\n <PaneTree\n tree={first}\n resizerSize={resizerSize}\n snapThreshold={snapThreshold}\n renderResizer={propRenderResizer}\n />\n </div>\n {renderResizer ? (\n renderResizer({\n direction,\n splitPercentage,\n resizerSize,\n isResizing,\n onPointerDown: handlePointerDown,\n })\n ) : (\n <div\n className={classNames.resizer}\n data-direction={direction}\n style={{\n width: isRow ? `${resizerSize}px` : '100%',\n height: isRow ? '100%' : `${resizerSize}px`,\n cursor: isRow ? 'col-resize' : 'row-resize',\n position: 'relative',\n zIndex: 10,\n userSelect: 'none',\n boxSizing: 'border-box',\n flexShrink: 0,\n }}\n onPointerDown={handlePointerDown}\n role=\"separator\"\n aria-valuenow={splitPercentage}\n aria-valuemin={5}\n aria-valuemax={95}\n />\n )}\n <div style={{ flex: `${100 - splitPercentage} 1 0%`, overflow: 'hidden' }}>\n <PaneTree\n tree={second}\n resizerSize={resizerSize}\n snapThreshold={snapThreshold}\n renderResizer={propRenderResizer}\n />\n </div>\n </div>\n )\n}\n\nexport const PaneTree: React.FC<PaneTreeProps> = ({\n tree,\n resizerSize = 4,\n snapThreshold: propSnapThreshold,\n renderResizer,\n}) => {\n const {\n layout,\n renderPane,\n activeId,\n classNames,\n fullscreenPaneId,\n snapThreshold: contextSnapThreshold,\n } = useDashboard()\n\n const snapThreshold = propSnapThreshold !== undefined ? propSnapThreshold : contextSnapThreshold\n\n const hasOtherPanes = useMemo(() => {\n if (!activeId) return false\n return removePane(layout, activeId) !== null\n }, [layout, activeId])\n\n // Fullscreen bypass\n if (fullscreenPaneId && !tree) {\n return (\n <div style={{ width: '100%', height: '100%', position: 'relative' }}>\n {renderPane(fullscreenPaneId)}\n </div>\n )\n }\n\n const currentNode = tree !== undefined ? tree : layout\n\n if (!currentNode) return null\n\n const renderContent = () => {\n if (currentNode.type === 'pane') {\n return (\n <div style={{ width: '100%', height: '100%', position: 'relative' }}>\n {renderPane(currentNode.paneId)}\n </div>\n )\n }\n\n return (\n <PaneSplit\n currentNode={currentNode}\n resizerSize={resizerSize}\n snapThreshold={snapThreshold}\n renderResizer={renderResizer}\n />\n )\n }\n\n // Only render RootDropZones at the top-level PaneTree (where tree is undefined)\n if (tree === undefined) {\n return (\n <div\n className=\"zeugma-dashboard-root\"\n style={{\n position: 'relative',\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n }}\n >\n {renderContent()}\n <RootDropZones\n activeId={activeId}\n hasOtherPanes={hasOtherPanes}\n dropPreviewClassName={classNames.dropPreview}\n />\n </div>\n )\n }\n\n return renderContent()\n}\n","import { createContext } from 'react'\n\nexport const DragListenersCtx = createContext<Record<string, unknown> | null>(null)\n","import React, { useMemo } from 'react'\nimport { useDraggable, useDroppable } from '@dnd-kit/core'\nimport { useDashboard } from '../../dashboard'\nimport { DragListenersCtx } from '../model/context'\nimport { PaneRenderProps } from '../model/types'\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: 0,\n bottom: 0,\n left: 0,\n width: '25%',\n height: '100%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '25%',\n height: '100%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n center: {\n position: 'absolute',\n top: '25%',\n left: '25%',\n width: '50%',\n height: '50%',\n zIndex: 20,\n pointerEvents: 'auto',\n },\n}\n\nconst previewPositions: Record<string, React.CSSProperties> = {\n top: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n height: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n left: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n width: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n right: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n right: 0,\n width: '50%',\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n center: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 21,\n pointerEvents: 'none',\n boxSizing: 'border-box',\n },\n}\n\nconst DropZone: React.FC<DropZoneProps> = ({ id, position, activeClassName }) => {\n const { setNodeRef, isOver } = useDroppable({ id })\n return (\n <>\n <div ref={setNodeRef} style={activationPositions[position]} />\n {isOver && <div className={activeClassName} style={previewPositions[position]} />}\n </>\n )\n}\n\ninterface PaneProps {\n id: string\n children: (props: PaneRenderProps) => React.ReactNode\n style?: React.CSSProperties\n}\n\nexport const Pane: React.FC<PaneProps> = ({ id, children, style }) => {\n const {\n layout,\n activeId,\n classNames,\n fullscreenPaneId,\n onRemove,\n onFullscreenChange,\n removePane,\n updatePaneMetadata,\n } = useDashboard()\n const showDropZones = activeId !== null && activeId !== id\n\n const { attributes, listeners, setNodeRef, isDragging } = useDraggable({ id })\n const dragging = activeId === id || isDragging\n const isFullscreen = fullscreenPaneId === id\n\n const paneNode = useMemo(() => findPane(layout, id), [layout, id])\n const metadata = paneNode?.metadata\n\n const renderProps: PaneRenderProps = {\n isDragging: dragging,\n isFullscreen,\n toggleFullscreen: () => onFullscreenChange?.(isFullscreen ? null : id),\n remove: () => {\n if (isFullscreen) {\n onFullscreenChange?.(null)\n }\n if (onRemove) {\n onRemove(id)\n } else {\n removePane(id)\n }\n },\n metadata,\n updateMetadata: (updater) => {\n updatePaneMetadata(id, updater)\n },\n }\n\n // Best practice: Memoize drag context value to prevent unnecessary re-renders of the drag handle.\n const contextValue = useMemo(\n () => ({\n ...listeners,\n ...attributes,\n }),\n [listeners, attributes],\n )\n\n return (\n <DragListenersCtx.Provider value={contextValue}>\n <div\n ref={setNodeRef}\n className={classNames.pane}\n style={{ position: 'relative', width: '100%', height: '100%', ...style }}\n >\n {children(renderProps)}\n\n {showDropZones && (\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 15,\n pointerEvents: 'none',\n }}\n >\n {(['top', 'bottom', 'left', 'right'] as const).map((pos) => (\n <DropZone\n key={pos}\n id={`drop-${pos}-${id}`}\n position={pos}\n activeClassName={classNames.dropPreview}\n />\n ))}\n <DropZone\n id={`drop-center-${id}`}\n position=\"center\"\n activeClassName={classNames.swapPreview}\n />\n </div>\n )}\n </div>\n </DragListenersCtx.Provider>\n )\n}\n","import React, { useContext } from 'react'\nimport { DragListenersCtx } from '../model/context'\n\ninterface DragHandleProps {\n children: React.ReactNode\n className?: string\n style?: React.CSSProperties\n}\n\nexport const DragHandle: React.FC<DragHandleProps> = ({ children, className, style }) => {\n const dragProps = useContext(DragListenersCtx)\n if (!dragProps) {\n throw new Error('<DragHandle> must be used inside a <Pane>')\n }\n return (\n <div\n className={className}\n style={{ cursor: 'grab', userSelect: 'none', ...style }}\n {...dragProps}\n >\n {children}\n </div>\n )\n}\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-zeugma",
3
- "version": "0.8.0",
3
+ "version": "0.8.1",
4
4
  "description": "Recursive drag-and-drop dashboard layout engine for React — combining the tree-based splitting of react-mosaic with the declarative API of react-grid-layout.",
5
5
  "type": "module",
6
6
  "sideEffects": false,
@@ -23,10 +23,10 @@
23
23
  "license": "MIT",
24
24
  "repository": {
25
25
  "type": "git",
26
- "url": "git+https://github.com/yusufarsln98/react-zeugma.git"
26
+ "url": "git+https://github.com/react-zeugma/react-zeugma.git"
27
27
  },
28
28
  "bugs": {
29
- "url": "https://github.com/yusufarsln98/react-zeugma/issues"
29
+ "url": "https://github.com/react-zeugma/react-zeugma/issues"
30
30
  },
31
31
  "homepage": "https://react-zeugma.vercel.app",
32
32
  "publishConfig": {