react-zeugma 5.1.0 → 5.2.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/dist/index.cjs +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/{types-CaiXD2pG.d.cts → types-BjBbRjIM.d.cts} +22 -2
- package/dist/{types-CaiXD2pG.d.ts → types-BjBbRjIM.d.ts} +22 -2
- package/dist/utils.cjs +1 -1
- package/dist/utils.cjs.map +1 -1
- package/dist/utils.d.cts +2 -2
- package/dist/utils.d.ts +2 -2
- package/dist/utils.js +1 -1
- package/dist/utils.js.map +1 -1
- package/package.json +8 -2
package/dist/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { P as PortalRegistryValue, Z as ZeugmaActionsValue, a as ZeugmaInternalStateValue, b as ZeugmaStateValue, U as UseZeugmaOptions, c as ZeugmaController, d as ZeugmaContextValue, e as ZeugmaProps, S as SplitDirection, T as TreeNode, f as SplitNode } from './types-
|
|
2
|
-
export { g as PaneNode, h as TabDetails, i as ZeugmaClassNames, j as ZeugmaInternalController } from './types-
|
|
1
|
+
import { P as PortalRegistryValue, Z as ZeugmaActionsValue, a as ZeugmaInternalStateValue, b as ZeugmaStateValue, U as UseZeugmaOptions, c as ZeugmaController, d as ZeugmaContextValue, e as ZeugmaProps, S as SplitDirection, T as TreeNode, f as SplitNode } from './types-BjBbRjIM.cjs';
|
|
2
|
+
export { g as PaneNode, h as TabDetails, i as ZeugmaClassNames, j as ZeugmaInternalController } from './types-BjBbRjIM.cjs';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import React__default, { ReactNode } from 'react';
|
|
5
5
|
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { P as PortalRegistryValue, Z as ZeugmaActionsValue, a as ZeugmaInternalStateValue, b as ZeugmaStateValue, U as UseZeugmaOptions, c as ZeugmaController, d as ZeugmaContextValue, e as ZeugmaProps, S as SplitDirection, T as TreeNode, f as SplitNode } from './types-
|
|
2
|
-
export { g as PaneNode, h as TabDetails, i as ZeugmaClassNames, j as ZeugmaInternalController } from './types-
|
|
1
|
+
import { P as PortalRegistryValue, Z as ZeugmaActionsValue, a as ZeugmaInternalStateValue, b as ZeugmaStateValue, U as UseZeugmaOptions, c as ZeugmaController, d as ZeugmaContextValue, e as ZeugmaProps, S as SplitDirection, T as TreeNode, f as SplitNode } from './types-BjBbRjIM.js';
|
|
2
|
+
export { g as PaneNode, h as TabDetails, i as ZeugmaClassNames, j as ZeugmaInternalController } from './types-BjBbRjIM.js';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import React__default, { ReactNode } from 'react';
|
|
5
5
|
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import Wt,{createContext,useState,useRef,useCallback,useEffect,useContext,useMemo}from'react';import {DndContext,useDraggable,useDroppable,useSensors,useSensor,pointerWithin,closestCenter,PointerSensor,TouchSensor}from'@dnd-kit/core';import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {createPortal}from'react-dom';function qe(e){let t=useRef(null);return useEffect(()=>{if(!e){t.current=null;return}let n=r=>{t.current={x:r.clientX,y:r.clientY};},s=r=>{let o=r.touches[0]||r.changedTouches[0];o&&(t.current={x:o.clientX,y:o.clientY});};return window.addEventListener("pointermove",n,{passive:true}),window.addEventListener("touchmove",s,{passive:true}),()=>{window.removeEventListener("pointermove",n),window.removeEventListener("touchmove",s);}},[e]),t}function Je(e){useEffect(()=>(e?document.body.style.setProperty("cursor","not-allowed","important"):document.body.style.removeProperty("cursor"),()=>{document.body.style.removeProperty("cursor");}),[e]);}function Ge(){let[e,t]=useState({}),n=useRef(true);useEffect(()=>(n.current=true,()=>{n.current=false;}),[]);let s=useCallback((r,o)=>{n.current&&t(i=>i[r]===o?i:{...i,[r]:o});},[]);return {portalTargets:e,registerPortalTarget:s}}var yt=8,xt=8,Sn=4;function de(){return "pane-"+Math.random().toString(36).substring(2,11)}function me(e,t){if(e===null)return null;if(e.type==="pane")return e.id===t?null:e;let n=me(e.first,t),s=me(e.second,t);return n===null?s:s===null?n:{...e,first:n,second:s}}function pe(e,t){if(e===null)return null;if(e.type==="pane"){if(e.tabs.includes(t)){let r=e.tabs.filter(a=>a!==t);if(r.length===0)return null;let o=e.activeTabId;e.activeTabId===t&&(o=r[0]);let i={...e.tabsMetadata};return delete i[t],{...e,tabs:r,activeTabId:o,tabsMetadata:Object.keys(i).length>0?i:void 0}}return e}let n=pe(e.first,t),s=pe(e.second,t);return n===null?s:s===null?n:{...e,first:n,second:s}}function Pe(e,t,n,s,r){if(e===null)return typeof r=="string"?{type:"pane",id:de(),tabs:[r],activeTabId:r}:r;if(e.type==="pane"){if(e.id===t){let o=typeof r=="string"?{type:"pane",id:de(),tabs:[r],activeTabId:r}:r,i=s==="left"||s==="top";return {type:"split",direction:n,first:i?o:e,second:i?e:o,splitPercentage:50}}return e}return {...e,first:Pe(e.first,t,n,s,r)||e.first,second:Pe(e.second,t,n,s,r)||e.second}}function Ke(e,t,n){if(e===null)return {type:"pane",id:de(),tabs:[t],activeTabId:t,tabsMetadata:n?{[t]:n}:void 0};function s(r,o){return r.type==="pane"?{type:"split",direction:o==="row"?"column":"row",splitPercentage:50,first:r,second:{type:"pane",id:de(),tabs:[t],activeTabId:t,tabsMetadata:n?{[t]:n}:void 0}}:{...r,second:s(r.second,r.direction)}}return s(e,null)}function ge(e,t,n){return e===null?null:e===t?{...e,splitPercentage:n}:e.type==="split"?{...e,first:ge(e.first,t,n)||e.first,second:ge(e.second,t,n)||e.second}:e}function j(e,t){return e===null?null:e.type==="pane"?e.id===t?e:null:j(e.first,t)??j(e.second,t)}function Y(e,t){return e===null?null:e.type==="pane"?e.tabs.includes(t)?e:null:Y(e.first,t)??Y(e.second,t)}function je(e,t){let n=Y(e,t);if(!n)return null;let s=n.tabs.indexOf(t);return {id:t,paneId:n.id,isActive:n.activeTabId===t,index:s,metadata:n.tabsMetadata?.[t]}}function Se(e,t,n){if(e===null)return null;if(e.type==="pane"){if(e.tabs.includes(t)){let s=e.tabsMetadata||{},r=s[t],o=n(r),i={...s};return o===void 0?delete i[t]:i[t]=o,{...e,tabsMetadata:Object.keys(i).length>0?i:void 0}}return e}return {...e,first:Se(e.first,t,n)??e.first,second:Se(e.second,t,n)??e.second}}function De(e,t,n,s){if(e===null)return null;if(e.type==="pane"){if(e.id===t){let r=[...e.tabs];r.includes(n)||r.push(n);let o=e.tabsMetadata;return s&&(o={...e.tabsMetadata,[n]:s}),{...e,tabs:r,activeTabId:n,tabsMetadata:o}}return e}return {...e,first:De(e.first,t,n,s)||e.first,second:De(e.second,t,n,s)||e.second}}function Ce(e,t,n){if(e===null)return null;if(e.type==="pane"){if(e.id===t){if(n===false){let{locked:s,...r}=e;return r}return {...e,locked:n}}return e}return {...e,first:Ce(e.first,t,n)??e.first,second:Ce(e.second,t,n)??e.second}}function we(e,t,n){return e===null?null:e.type==="pane"?e.id===t?{...e,activeTabId:n}:e:{...e,first:we(e.first,t,n)??e.first,second:we(e.second,t,n)??e.second}}function Qe(e,t,n){if(e===null)return null;let r=Y(e,t)?.tabsMetadata?.[t],o=pe(e,t);if(o===null)return {type:"pane",id:de(),tabs:[t],activeTabId:t,tabsMetadata:r?{[t]:r}:void 0};function i(a){if(a.type==="pane"){if(a.id===n){let u=[...a.tabs];u.includes(t)||u.push(t);let f={...a.tabsMetadata};return r&&(f[t]=r),{...a,tabs:u,activeTabId:t,tabsMetadata:Object.keys(f).length>0?f:void 0}}return a}return {...a,first:i(a.first),second:i(a.second)}}return i(o)}function et(e,t,n,s="before"){if(e===null)return null;let o=Y(e,t)?.tabsMetadata?.[t],i=pe(e,t);if(i===null)return {type:"pane",id:de(),tabs:[t],activeTabId:t,tabsMetadata:o?{[t]:o}:void 0};function a(u){if(u.type==="pane"){if(u.tabs.includes(n)){let C=[...u.tabs].filter(x=>x!==t),g=C.indexOf(n);g<0&&(g=0),s==="after"&&(g+=1),C.splice(g,0,t);let v={...u.tabsMetadata};return o&&(v[t]=o),{...u,tabs:C,activeTabId:t,tabsMetadata:Object.keys(v).length>0?v:void 0}}return u}return {...u,first:a(u.first),second:a(u.second)}}return a(i)}function ue(e,t=0,n=0,s=100,r=100,o="root"){if(e===null)return {panes:[],splitters:[]};if(e.type==="pane")return {panes:[{paneId:e.id,left:t,top:n,width:s,height:r,node:e}],splitters:[]};let{direction:i,splitPercentage:a,first:u,second:f}=e,g={id:`splitter-${o}-${i}`,currentNode:e,direction:i,left:i==="row"?t+s*(a/100):t,top:i==="column"?n+r*(a/100):n,width:i==="row"?0:s,height:i==="column"?0:r,parentLeft:t,parentTop:n,parentWidth:s,parentHeight:r},v={panes:[],splitters:[]},x={panes:[],splitters:[]};if(i==="row"){let R=s*(a/100);v=ue(u,t,n,R,r,`${o}-L`),x=ue(f,t+R,n,s-R,r,`${o}-R`);}else {let R=r*(a/100);v=ue(u,t,n,s,R,`${o}-T`),x=ue(f,t,n+R,s,r-R,`${o}-B`);}return {panes:[...v.panes,...x.panes],splitters:[g,...v.splitters,...x.splitters]}}function xe(e){try{return JSON.stringify(e)}catch{return ""}}function Rt(e){let{initialLayout:t,layout:n,onChange:s,fullscreenPaneId:r,onFullscreenChange:o,locked:i=false,dragActivationDistance:a=8,snapThreshold:u=8,minSplitPercentage:f=5,maxSplitPercentage:C=95,enableDragToDismiss:g=false,dismissThreshold:v=60,onRemove:x,onDragStart:R,onDragEnd:$,onResizeStart:p,onResize:S,onResizeEnd:m,onDismissIntentChange:D}=e,[P,M]=useState(()=>n!==void 0?n:t??null),[H,W]=useState(()=>xe(n!==void 0?n:null)),[q,Z]=useState(r||null),[G,V]=useState(i),[J,Q]=useState(null),[ee,d]=useState(null),[T,k]=useState(null),E=useRef(null),y=useCallback(c=>{E.current=c;},[]),l=useRef(P);l.current=P;let I=useRef(s);I.current=s;let U=useRef(o);U.current=o;let h=useCallback(c=>{Z(c),U.current?.(c);},[]);if(useEffect(()=>{V(i);},[i]),useEffect(()=>{r!==void 0&&Z(r);},[r]),n!==void 0){let c=xe(n);c!==H&&(W(c),M(n));}let b=useCallback(c=>(...w)=>{let A=l.current,B=c(A,...w);xe(A)!==xe(B)&&(l.current=B,M(B),I.current?.(B));},[]),O=useCallback(b((c,w)=>typeof w=="function"?w(c):w),[b]),K=useCallback(b((c,w)=>me(c,w)),[b]),oe=useCallback(b((c,w,A)=>Ke(c,w,A)),[b]),N=useCallback(b((c,w,A,B)=>{let ce=j(c,w)??Y(c,w);if(!ce)return c;let ye=Y(c,A),Ae=ye&&ye.id===ce.id?c:pe(c,A)??c;return De(Ae,ce.id,A,B)}),[b]),L=useCallback(b((c,w,A,B,ce)=>{let ye=j(c,w)??Y(c,w);if(!ye)return c;let Ye=j(c,ce)??Y(c,ce)??{type:"pane",id:ce,tabs:[ce],activeTabId:ce},Ae=me(c,ce);return Pe(Ae,ye.id,A,B,Ye)}),[b]),z=useCallback(b((c,w,A)=>ge(c,w,A)),[b]),se=useCallback(b((c,w,A)=>Se(c,w,A)),[b]),ne=useCallback(b((c,w,A)=>{let B=j(c,w)??Y(c,w);return B?Ce(c,B.id,A):c}),[b]),ie=useCallback(b((c,w,A)=>{let B=j(c,w)??Y(c,w);return B?we(c,B.id,A):c}),[b]),ae=useCallback(b((c,w,A)=>{let B=j(c,A)??Y(c,A);return B?Qe(c,w,B.id):c}),[b]),F=useCallback(b((c,w,A,B)=>et(c,w,A,B)),[b]),te=useCallback(b((c,w)=>pe(c,w)),[b]),re=useCallback(c=>j(l.current,c),[]),he=useCallback(c=>Y(l.current,c),[]),ht=useCallback(c=>je(l.current,c),[]);return {layout:P,setLayout:O,fullscreenPaneId:q,setFullscreenPaneId:h,locked:G,setLocked:V,activeId:J,setActiveId:Q,activeType:ee,setActiveType:d,dismissIntentId:T,setDismissIntentId:k,containerRef:E,setContainerRef:y,dragActivationDistance:a,snapThreshold:u,minSplitPercentage:f,maxSplitPercentage:C,enableDragToDismiss:g,dismissThreshold:v,onRemove:x,onDragStart:R,onDragEnd:$,onResizeStart:p,onResize:S,onResizeEnd:m,onDismissIntentChange:D,removePane:K,addPane:oe,addTab:N,splitPane:L,updateSplitPercentage:z,updateTabMetadata:se,updatePaneLock:ne,selectTab:ie,mergeTab:ae,moveTab:F,removeTab:te,findPaneById:re,findPaneContainingTab:he,findTabById:ht}}function Ne({cursor:e,resizerEl:t,onMove:n,onEnd:s}){document.body.classList.add("zeugma-resizing");let r=document.createElement("style");r.id="zeugma-global-cursor-style",r.textContent=`
|
|
2
2
|
* {
|
|
3
3
|
cursor: ${e} !important;
|
|
4
4
|
user-select: none !important;
|
|
5
5
|
}
|
|
6
|
-
`,document.head.appendChild(r),t.setAttribute("data-resizing","true");let o=a=>{n(a);},i=()=>{document.body.classList.remove("zeugma-resizing"),t.removeAttribute("data-resizing");let a=document.getElementById("zeugma-global-cursor-style");a&&a.remove(),document.removeEventListener("pointermove",o),document.removeEventListener("pointerup",i),s();};document.addEventListener("pointermove",o),document.addEventListener("pointerup",i);}var $e=createContext(void 0),Ze=createContext(void 0),Re=createContext(void 0),oe=()=>{let e=useContext($e);if(!e)throw new Error("useZeugmaState must be used within a Zeugma provider");return e},De=()=>{let e=useContext(Ze);if(!e)throw new Error("useZeugmaActions must be used within a Zeugma provider");return e};var Pt=()=>{let e=oe(),t=De();return {...e,...t}};var Ce=class extends PointerSensor{static activators=[{eventName:"onPointerDown",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]},Ee=class extends TouchSensor{static activators=[{eventName:"onTouchStart",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]};function we(e){if(e instanceof MouseEvent||e instanceof PointerEvent)return {x:e.clientX,y:e.clientY};if(typeof TouchEvent<"u"&&e instanceof TouchEvent){let t=e.touches[0]||e.changedTouches[0];if(t)return {x:t.clientX,y:t.clientY}}return null}function Ke(e){let{layout:t,setLayout:n,activeId:s,setActiveId:r,setActiveType:o,dismissIntentId:i,setDismissIntentId:a,setOverTabId:u,setOverTabPosition:m,containerRef:E,dragActivationDistance:v,enableDragToDismiss:P,dismissThreshold:S,onRemove:R,onDragStart:L,onDragEnd:f,onDismissIntentChange:D,removeTab:g,moveTab:C,selectTab:b}=e,I=useRef(null),k=Ve(s),[B,Y]=useState(false);Be(B);let $=useSensors(useSensor(Ce,{activationConstraint:{distance:v}}),useSensor(Ee,{activationConstraint:{delay:250,tolerance:5}})),K=useCallback(d=>{let y=pointerWithin(d);if(y.length>0)return y;if(d.active.id.toString().startsWith("tab-header-")){let w=d.droppableContainers.filter(T=>T.id.toString().startsWith("tab-drop-"));return closestCenter({...d,droppableContainers:w})}return []},[]);return {sensors:$,collisionDetection:K,onDragStart:d=>{let y=d.active.id.toString(),Z=y.startsWith("tab-header-"),w=Z?y.substring(11):y;r(w),o(Z?"tab":"pane"),u(null),m(null);let T=d.activatorEvent;if(k.current=we(T),P&&E.current?I.current=E.current.getBoundingClientRect():I.current=null,Z){let c=G(t,w);c&&b(c.id,w);}L&&L(w);},onDragMove:d=>{let{over:y}=d,Z=y?.id.toString()||"",w=Z.startsWith("drop-locked-");Y(w);let T=Z.match(/^tab-drop-(.+)$/);if(T&&y){let[,N]=T,M=d.active.id.toString();if((M.startsWith("tab-header-")?M.substring(11):M)!==N){let U="before",j=y.rect,se=d.activatorEvent,ie=null;if(k.current)ie=k.current.x;else {let l=we(se);l&&(ie=l.x+d.delta.x);}if(ie!==null){let l=j.left+j.width/2;ie>l&&(U="after");}u(N),m(U);}else u(null),m(null);}else u(null),m(null);if(!P)return;let c=d.active.id.toString(),W=c.startsWith("tab-header-")?c.substring(11):c,h=I.current;if(!h){i!==null&&(a(null),D?.(null));return}let ne=d.activatorEvent,O=null,F=null;if(k.current)O=k.current.x,F=k.current.y;else {let N=we(ne);N&&(O=N.x+d.delta.x,F=N.y+d.delta.y);}let q=0;if(O!==null&&F!==null){let N=0,M=0;O<h.left?N=h.left-O:O>h.right&&(N=O-h.right),F<h.top?M=h.top-F:F>h.bottom&&(M=F-h.bottom),q=Math.sqrt(N*N+M*M);}else {let N=d.active.rect.current.translated;if(N){let M=N.left+N.width/2,z=N.top+N.height/2,H=0,U=0;M<h.left?H=h.left-M:M>h.right&&(H=M-h.right),z<h.top?U=h.top-z:z>h.bottom&&(U=z-h.bottom),q=Math.sqrt(H*H+U*U);}}q>S?i!==W&&(a(W),D?.(W)):i!==null&&(a(null),D?.(null));},onDragEnd:d=>{r(null),o(null),Y(false),u(null),m(null);let{active:y,over:Z}=d,w=y.id.toString(),T=w.startsWith("tab-header-"),c=T?w.substring(11):w,p=P&&i===c;if(a(null),D?.(null),I.current=null,p){R?R(c):g(c),f&&f(c,null,null);return}if(!Z){f&&f(c,null,null);return}let W=Z.id.toString();if(W.startsWith("drop-locked-")){f&&f(c,null,null);return}let h=W.match(/^tab-drop-(.+)$/);if(h){let[,j]=h;if(c!==j){let se="before",ie=Z.rect,l=d.activatorEvent,x=null;if(k.current)x=k.current.x;else {let A=we(l);A&&(x=A.x+d.delta.x);}if(x!==null){let A=ie.left+ie.width/2;x>A&&(se="after");}C(c,j,se),f&&f(c,j,{type:"move",position:"center"});}else f&&f(c,null,null);return}let ne=W.match(/^drop-(left|right|top|bottom)-(.+)$/);if(!ne){f&&f(c,null,null);return}let[,O,F]=ne,q=T?G(t,c):te(t,c),re=q&&q.id===F,N=q&&q.tabs.length===1;if(c===F||re&&N){f&&f(c,null,null);return}let M=O==="left"||O==="right"?"row":"column",z;if(T){let se=G(t,c)?.tabsMetadata?.[c];z={type:"pane",id:le(),tabs:[c],activeTabId:c,tabsMetadata:se?{[c]:se}:void 0};}else z=te(t,c)??{type:"pane",id:le(),tabs:[c],activeTabId:c};let H=T?ce(t,c):de(t,c),U=be(H,F,M,O,z);n(U),f&&f(c,F,{type:"split",direction:M,position:O});},onDragCancel:()=>{r(null),o(null),Y(false),u(null),m(null),a(null),D?.(null),I.current=null;}}}var je=({activeId:e,render:t,className:n})=>{let s=useRef(null);return useEffect(()=>{let r=o=>{s.current&&(s.current.style.transform=`translate(${o.clientX+12}px, ${o.clientY+12}px)`);};return document.addEventListener("pointermove",r),()=>document.removeEventListener("pointermove",r)},[]),jsx("div",{ref:s,className:n,style:{position:"fixed",top:0,left:0,zIndex:9999,pointerEvents:"none"},children:t(e)})};var Qe=({tabId:e,target:t,renderWidget:n})=>{let[s,r]=useState(false),o=useRef(null);if(useEffect(()=>{r(true);},[]),useEffect(()=>{if(!s||!o.current)return;let a=o.current;if(t)t.appendChild(a);else {let u=document.getElementById("zeugma-hidden-portal-container");u||(u=document.createElement("div"),u.id="zeugma-hidden-portal-container",u.style.display="none",document.body.appendChild(u)),u.appendChild(a);}},[t,s]),useEffect(()=>()=>{o.current&&o.current.remove();},[]),!s)return null;o.current||(o.current=document.createElement("div"),o.current.className=`zeugma-portal-wrapper-${e}`,o.current.style.width="100%",o.current.style.height="100%");let i=o.current;return !i||!n?null:createPortal(n(e),i)};var Zt=e=>{let t=e,{renderPane:n,renderWidget:s,renderDragOverlay:r,classNames:o={},children:i,layout:a,setLayout:u,fullscreenPaneId:m,setFullscreenPaneId:E,locked:v,setLocked:P,findPaneById:S,findPaneContainingTab:R,findTabById:L,activeId:f,activeType:D,dismissIntentId:g,setContainerRef:C,snapThreshold:b,minSplitPercentage:I,maxSplitPercentage:k,onRemove:B,onResizeStart:Y,onResize:$,onResizeEnd:K,removePane:V,addPane:X,updateTabMetadata:Q,updatePaneLock:ee,selectTab:d,mergeTab:y,removeTab:Z}=t,{portalTargets:w,registerPortalTarget:T}=We(),[c,p]=useState(null),[W,h]=useState(null),ne=Ke({...t,setOverTabId:p,setOverTabPosition:h}),O=useCallback(H=>n(H),[n]),F=useMemo(()=>o,[o.dashboard,o.dashboardDismissActive,o.pane,o.paneLocked,o.dropPreview,o.dragOverlay,o.resizer,o.dismissPreview,o.dashboardLocked,o.lockedPreview,o.tabDropPreview]),q=useCallback((H,U)=>{K&&K(H,U);},[K]),re=useMemo(()=>({layout:a,setLayout:u,renderPane:O,activeId:f,dismissIntentId:g,overTabId:c,overTabPosition:W,setContainerRef:C,fullscreenPaneId:m,classNames:F,onRemove:B,onFullscreenChange:E,snapThreshold:b,onResizeStart:Y,onResize:$,onResizeEnd:q,minSplitPercentage:I,maxSplitPercentage:k,locked:v,setLocked:P,findPaneById:S,findPaneContainingTab:R,findTabById:L}),[a,f,g,c,W,C,m,F,B,E,b,Y,$,I,k,u,O,q,v,P,S,R,L]),N=useMemo(()=>({removePane:V,addPane:X,updateTabMetadata:Q,updatePaneLock:ee,selectTab:d,mergeTab:y,removeTab:Z}),[V,X,Q,ee,d,y,Z]),M=useMemo(()=>{let H=[];function U(j){j&&(j.type==="pane"?H.push(...j.tabs):(U(j.first),U(j.second)));}return U(a),H},[a]),z=useMemo(()=>({registerPortalTarget:T}),[T]);return jsx(Ze.Provider,{value:N,children:jsx($e.Provider,{value:re,children:jsxs(Re.Provider,{value:z,children:[jsx(DndContext,{id:"zeugma-dnd-context",...ne,children:i}),f&&D&&r&&jsx(je,{activeId:f,render:H=>r(H,D),className:`${o.dragOverlay||""} ${f===g&&o.dismissPreview||""}`.trim()}),jsx("div",{id:"zeugma-portal-host",style:{display:"none"},children:M.map(H=>jsx(Qe,{tabId:H,target:w[H]||null,renderWidget:s},H))})]})})})};function He({containerRef:e,isRow:t,direction:n,splitPercentage:s,resizerSize:r,snapThreshold:o,layout:i,currentNode:a,onLayoutChange:u,onResizeStart:m,onResizeEnd:E,parentLeft:v,parentTop:P,parentWidth:S,parentHeight:R}){let{onResizeStart:L,onResize:f,onResizeEnd:D,minSplitPercentage:g=5,maxSplitPercentage:C=95,locked:b=false}=oe();return useCallback(I=>{if(b)return;I.preventDefault();let k=e.current;if(!k)return;m&&m(),L&&L(a);let B=k.getBoundingClientRect(),Y=I.clientX,$=I.clientY,K=s,V=I.currentTarget,X=B.left+B.width*(v/100),Q=B.top+B.height*(P/100),ee=B.width*(S/100),d=B.height*(R/100),Z=Array.from(document.querySelectorAll('div[role="separator"][data-direction]')).filter(T=>T!==V&&T.getAttribute("data-direction")===n).map(T=>{let c=T.getBoundingClientRect();return t?c.left+c.width/2:c.top+c.height/2}),w=K;Se({cursor:t?"col-resize":"row-resize",resizerEl:V,onMove:T=>{let c=t?(T.clientX-Y)/ee*100:(T.clientY-$)/d*100,p=K+c,W=t?X+(ee-r)*(p/100)+r/2:Q+(d-r)*(p/100)+r/2,h=1/0,ne=null;for(let re of Z){let N=Math.abs(W-re);N<o&&N<h&&(h=N,ne=re);}let O=p;ne!==null&&(O=t?(ne-r/2-X)/(ee-r)*100:(ne-r/2-Q)/(d-r)*100);let F=Math.max(g,Math.min(C,O));w=F;let q=pe(i,a,F);if(q){let{panes:re,splitters:N}=ae(q),M=e.current;if(M){for(let z of re)M.style.setProperty(`--pane-left-${z.paneId}`,`${z.left}%`),M.style.setProperty(`--pane-top-${z.paneId}`,`${z.top}%`),M.style.setProperty(`--pane-width-${z.paneId}`,`${z.width}%`),M.style.setProperty(`--pane-height-${z.paneId}`,`${z.height}%`);for(let z of N)M.style.setProperty(`--splitter-pos-${z.id}`,`${z.direction==="row"?z.left:z.top}%`);}}f&&f(a,F);},onEnd:()=>{let T=pe(i,a,w),c=e.current;if(c){let{panes:p,splitters:W}=ae(T);for(let h of p)c.style.removeProperty(`--pane-left-${h.paneId}`),c.style.removeProperty(`--pane-top-${h.paneId}`),c.style.removeProperty(`--pane-width-${h.paneId}`),c.style.removeProperty(`--pane-height-${h.paneId}`);for(let h of W)c.style.removeProperty(`--splitter-pos-${h.id}`);}u(T),E&&E(),D&&D(a,w);}});},[e,t,n,s,r,o,i,a,u,m,E,L,f,D,g,C,v,P,S,R])}var Bt=({splitter:e,resizerSize:t,snapThreshold:n,containerRef:s})=>{let{layout:r,setLayout:o,classNames:i,locked:a}=oe(),[u,m]=useState(false),{currentNode:E,direction:v,left:P,top:S,width:R,height:L,parentLeft:f,parentTop:D,parentWidth:g,parentHeight:C}=e,b=v==="row",I=He({containerRef:s,isRow:b,direction:v,splitPercentage:E.splitPercentage,resizerSize:t,snapThreshold:n,layout:r,currentNode:E,onLayoutChange:o,onResizeStart:()=>m(true),onResizeEnd:()=>m(false),parentLeft:f,parentTop:D,parentWidth:g,parentHeight:C}),k=b?{position:"absolute",left:`calc(var(--splitter-pos-${e.id}, ${P}%) - ${t/2}px)`,top:`calc(${S}% + ${t/2}px)`,width:`${t}px`,height:`calc(${L}% - ${t}px)`,cursor:a?"default":"col-resize",pointerEvents:a?"none":"auto",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box"}:{position:"absolute",left:`calc(${P}% + ${t/2}px)`,top:`calc(var(--splitter-pos-${e.id}, ${S}%) - ${t/2}px)`,width:`calc(${R}% - ${t}px)`,height:`${t}px`,cursor:a?"default":"row-resize",pointerEvents:a?"none":"auto",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box"};return jsx("div",{className:i.resizer||"","data-direction":v,"data-resizing":u||void 0,style:k,onPointerDown:I,role:"separator","aria-valuenow":E.splitPercentage,"aria-valuemin":5,"aria-valuemax":95})},Wt=At.memo(({paneId:e,renderPane:t})=>jsx(Fragment,{children:t(e)}),(e,t)=>e.paneId===t.paneId&&e.renderPane===t.renderPane),Ut=({tree:e,resizerSize:t=4,snapThreshold:n})=>{let{layout:s,renderPane:r,activeId:o,dismissIntentId:i,setContainerRef:a,fullscreenPaneId:u,snapThreshold:m,locked:E,classNames:v}=oe(),P=n!==void 0?n:m??8,S=e!==void 0?e:s,R=useRef(null),{panes:L,splitters:f}=useMemo(()=>S?ae(S):{panes:[],splitters:[]},[S]);if(!S)return null;let D=()=>jsxs(Fragment,{children:[L.map(g=>{let C=u===g.paneId;return jsx("div",{style:{position:"absolute",left:C?"0%":`var(--pane-left-${g.paneId}, ${g.left}%)`,top:C?"0%":`var(--pane-top-${g.paneId}, ${g.top}%)`,width:C?"100%":`var(--pane-width-${g.paneId}, ${g.width}%)`,height:C?"100%":`var(--pane-height-${g.paneId}, ${g.height}%)`,overflow:"hidden",zIndex:C?20:1,display:u&&!C?"none":"block",padding:C?"0px":`${t/2}px`,boxSizing:"border-box"},children:jsx(Wt,{paneId:g.paneId,renderPane:r})},g.paneId)}),!u&&f.map(g=>jsx(Bt,{splitter:g,resizerSize:t,snapThreshold:P,containerRef:R},g.id))]});if(e===void 0){let g=o!==null&&o===i,C=I=>{a(I),R.current=I;},b=`${v.dashboard||""} ${g&&v.dashboardDismissActive||""} ${E&&v.dashboardLocked||""}`.trim();return jsx("div",{ref:C,className:b,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:D()})}return jsx("div",{ref:R,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:D()})};var it="zeugma-height:",qt="default-pane";function Jt(e){try{let t=localStorage.getItem(it+e);if(t!==null){let n=Number(t);if(Number.isFinite(n)&&n>0)return n}}catch{}return null}function st(e,t){try{localStorage.setItem(it+e,String(Math.round(t)));}catch{}}var at=({children:e,active:t=true,height:n,onHeightChange:s,minHeight:r=100,maxHeight:o=1/0,persist:i,localStorageKey:a,resizerHeight:u=6,className:m,resizerClassName:E})=>{let v=i?a||qt:null,P=()=>{let b=(v?Jt(v):null)??n??400;return Ne(b,r,o)},[S,R]=useState(P),L=useRef(null),f=v?S:n??S,D=useRef(n);useEffect(()=>{if(n!==void 0&&n!==D.current){let b=Ne(n,r,o);R(b),v&&st(v,b);}D.current=n;},[n,r,o,v]);let g=useCallback(()=>o,[o]),C=useCallback(b=>{b.preventDefault();let I=b.clientY,k=f,B=g(),Y=b.currentTarget,$=lt(L.current),K=$?$.scrollTop:0,V=I,X=null,Q=(d,y)=>{let Z=y-K,T=d-I+Z,c=Ne(k+T,r,B);return L.current&&(L.current.style.height=`${c}px`),c},ee=()=>{if(!$)return;let d=$===document.documentElement||$===document.body?{top:0,bottom:window.innerHeight}:$.getBoundingClientRect(),y=40,Z=10,w=0;V>d.bottom-y?w=Math.min(1,(V-(d.bottom-y))/y)*Z:V<d.top+y&&(w=-Math.min(1,(d.top+y-V)/y)*Z),w!==0&&($.scrollTop+=w,Q(V,$.scrollTop)),X=requestAnimationFrame(ee);};X=requestAnimationFrame(ee),Se({cursor:"row-resize",resizerEl:Y,onMove:d=>{V=d.clientY,$&&Q(V,$.scrollTop);},onEnd:()=>{X!==null&&cancelAnimationFrame(X);let d=k;L.current&&(d=L.current.getBoundingClientRect().height),d=Ne(d,r,B),R(d),s&&s(d),v&&st(v,d);}});},[f,r,g,s,v]);return t?jsxs("div",{ref:L,className:`zeugma-resizable-container ${m||""}`.trim(),style:{height:`${f}px`,position:"relative",overflow:"hidden",boxSizing:"border-box"},children:[jsx("div",{style:{height:`calc(100% - ${u}px)`,overflow:"hidden"},children:e}),jsx("div",{className:`zeugma-resizable-handle ${E||""}`.trim(),style:{height:`${u}px`,cursor:"row-resize",position:"relative",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box",flexShrink:0},onPointerDown:C,role:"separator","aria-orientation":"horizontal","aria-valuenow":Math.round(f),"aria-valuemin":r,"aria-valuemax":o===1/0?void 0:o})]}):jsx("div",{className:`zeugma-resizable-container disabled ${m||""}`.trim(),style:{height:"100%",position:"relative",overflow:"hidden",boxSizing:"border-box"},children:jsx("div",{style:{height:"100%",overflow:"hidden"},children:e})})};function Ne(e,t,n){return Math.max(t,Math.min(n,e))}function lt(e){if(typeof window>"u"||!e)return null;let t=e.parentElement;if(!t)return document.documentElement;let s=window.getComputedStyle(t).overflowY;return s==="auto"||s==="scroll"?t:lt(t)}var Le=createContext(null);var on={top:{position:"absolute",top:0,left:"25%",width:"50%",height:"25%",zIndex:20,pointerEvents:"auto"},bottom:{position:"absolute",bottom:0,left:"25%",width:"50%",height:"25%",zIndex:20,pointerEvents:"auto"},left:{position:"absolute",top:"25%",left:0,width:"25%",height:"50%",zIndex:20,pointerEvents:"auto"},right:{position:"absolute",top:"25%",right:0,width:"25%",height:"50%",zIndex:20,pointerEvents:"auto"},full:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:20,pointerEvents:"auto",cursor:"not-allowed"}},sn={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"},full:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:21,pointerEvents:"none",boxSizing:"border-box"}},ct=({id:e,position:t,activeClassName:n})=>{let{setNodeRef:s,isOver:r}=useDroppable({id:e});return jsxs(Fragment,{children:[jsx("div",{ref:s,style:on[t]}),r&&jsx("div",{className:n,style:sn[t]})]})},an=({id:e,children:t,style:n,locked:s=false})=>{let r=useRef(null),{layout:o,activeId:i,classNames:a,fullscreenPaneId:u,onFullscreenChange:m,locked:E}=oe(),{removePane:v,updateTabMetadata:P,selectTab:S,removeTab:R}=De(),L=useContext(Re);if(!L)throw new Error("Pane must be used within a Zeugma provider");let{registerPortalTarget:f}=L,D=useMemo(()=>te(o,e),[o,e]),g=D?.id??e,C=D?.tabs??[e],b=D?.activeTabId??e,I=D?.tabsMetadata,k=I?.[e],B=D?.locked??false,Y=s||B,$=E||Y,K=E||Y,V=i!==null&&i!==e&&(!C.includes(i)||C.length>1)&&!K,{attributes:X,listeners:Q,setNodeRef:ee}=useDraggable({id:e,disabled:$}),d=i!==null&&C.includes(i),y=u===e,Z=useCallback(()=>jsx("div",{ref:r,id:`zeugma-tab-target-${b}`,className:"zeugma-tab-content-wrapper",style:{height:"100%",width:"100%"}}),[b]);useEffect(()=>{let p=r.current;return f(b,p),()=>{f(b,null);}},[b,f]);let w=useMemo(()=>({isDragging:d,isFullscreen:y,toggleFullscreen:()=>m?.(y?null:e),remove:()=>{y&&m?.(null),v(g);},metadata:k,updateMetadata:p=>{P(e,p);},locked:$,tabs:C,activeTabId:b,selectTab:p=>S(g,p),removeTab:p=>{y&&p===b&&m?.(null),R(p);},tabsMetadata:I,updateTabMetadata:(p,W)=>{P(p,W);},renderActiveTab:Z}),[d,y,m,e,R,k,P,$,C,b,S,g,I,Z]),T=useMemo(()=>$?{disabled:true}:{...Q,...X},[Q,X,$]),c=`${a.pane||""} ${Y&&a.paneLocked||""}`.trim();return jsx(Le.Provider,{value:T,children:jsxs("div",{ref:ee,className:c,style:{position:"relative",width:"100%",height:"100%",...n},children:[t(w),V&&jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:["top","bottom","left","right"].map(p=>jsx(ct,{id:`drop-${p}-${e}`,position:p,activeClassName:a.dropPreview},p))}),i!==null&&i!==e&&K&&jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:jsx(ct,{id:`drop-locked-${e}`,position:"full",activeClassName:a.lockedPreview||""})})]})})};var un=({children:e,className:t,style:n})=>{let s=useContext(Le);if(!s)throw new Error("<DragHandle> must be used inside a <Pane>");let{disabled:r,...o}=s;return jsx("div",{className:t,style:{cursor:r?"default":"grab",userSelect:r?"auto":"none",touchAction:r?"auto":"none",...n},...r?{}:o,children:e})};var mn=({id:e,locked:t=false,children:n,className:s,style:r})=>{let{locked:o,classNames:i={},overTabId:a,overTabPosition:u}=oe(),m=t||o,{attributes:E,listeners:v,setNodeRef:P,isDragging:S}=useDraggable({id:`tab-header-${e}`,disabled:m}),{setNodeRef:R,isOver:L}=useDroppable({id:`tab-drop-${e}`,disabled:m}),f=C=>{P(C),R(C);},D=L&&a===e,g=D?u:null;return jsxs("div",{ref:f,className:s,style:{display:"inline-flex",position:"relative",cursor:m?"default":"grab",...r},...m?{}:v,...m?{}:E,children:[n({isDragging:S,isOver:D}),D&&g&&jsx("div",{className:i.tabDropPreview||"",style:{position:"absolute",top:0,bottom:0,width:"2px",backgroundColor:"#6366f1",left:g==="before"?0:void 0,right:g==="after"?0:void 0,pointerEvents:"none",zIndex:10}})]})};export{bt as DEFAULT_DRAG_ACTIVATION_DISTANCE,Pn as DEFAULT_RESIZER_SIZE,gt as DEFAULT_SNAP_THRESHOLD,un as DragHandle,an as Pane,Ut as PaneTree,Re as PortalRegistryContext,at as ResizableContainer,mn as Tab,Zt as Zeugma,Ze as ZeugmaActionsContext,$e as ZeugmaStateContext,Se as createDragSession,he as safeJsonStringify,He as useResizer,ht as useZeugma,De as useZeugmaActions,Pt as useZeugmaContext,oe as useZeugmaState};//# sourceMappingURL=index.js.map
|
|
6
|
+
`,document.head.appendChild(r),t.setAttribute("data-resizing","true");let o=a=>{n(a);},i=()=>{document.body.classList.remove("zeugma-resizing"),t.removeAttribute("data-resizing");let a=document.getElementById("zeugma-global-cursor-style");a&&a.remove(),document.removeEventListener("pointermove",o),document.removeEventListener("pointerup",i),s();};document.addEventListener("pointermove",o),document.addEventListener("pointerup",i);}var Ve=createContext(void 0),Be=createContext(void 0),Ie=createContext(void 0),le=()=>{let e=useContext(Ve);if(!e)throw new Error("useZeugmaState must be used within a Zeugma provider");return e},Me=()=>{let e=useContext(Be);if(!e)throw new Error("useZeugmaActions must be used within a Zeugma provider");return e};var St=()=>{let e=le(),t=Me();return {...e,...t}};var Le=class extends PointerSensor{static activators=[{eventName:"onPointerDown",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]},ze=class extends TouchSensor{static activators=[{eventName:"onTouchStart",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]};function $e(e){if(e instanceof MouseEvent||e instanceof PointerEvent)return {x:e.clientX,y:e.clientY};if(typeof TouchEvent<"u"&&e instanceof TouchEvent){let t=e.touches[0]||e.changedTouches[0];if(t)return {x:t.clientX,y:t.clientY}}return null}function ot(e){let{layout:t,setLayout:n,activeId:s,setActiveId:r,setActiveType:o,dismissIntentId:i,setDismissIntentId:a,setOverTabId:u,setOverTabPosition:f,containerRef:C,dragActivationDistance:g,enableDragToDismiss:v,dismissThreshold:x,onRemove:R,onDragStart:$,onDragEnd:p,onDismissIntentChange:S,removeTab:m,moveTab:D,selectTab:P}=e,M=useRef(null),H=qe(s),[W,q]=useState(false);Je(W);let Z=useSensors(useSensor(Le,{activationConstraint:{distance:g}}),useSensor(ze,{activationConstraint:{delay:250,tolerance:5}})),G=useCallback(d=>{let T=pointerWithin(d);if(T.length>0)return T;if(d.active.id.toString().startsWith("tab-header-")){let E=d.droppableContainers.filter(y=>y.id.toString().startsWith("tab-drop-"));return closestCenter({...d,droppableContainers:E})}return []},[]);return {sensors:Z,collisionDetection:G,onDragStart:d=>{let T=d.active.id.toString(),k=T.startsWith("tab-header-"),E=k?T.substring(11):T;r(E),o(k?"tab":"pane"),u(null),f(null);let y=d.activatorEvent;if(H.current=$e(y),v&&C.current?M.current=C.current.getBoundingClientRect():M.current=null,k){let l=Y(t,E);l&&P(l.id,E);}$&&$(E);},onDragMove:d=>{let{over:T}=d,k=T?.id.toString()||"",E=k.startsWith("drop-locked-");q(E);let y=k.match(/^tab-drop-(.+)$/);if(y&&T){let[,N]=y,L=d.active.id.toString();if((L.startsWith("tab-header-")?L.substring(11):L)!==N){let ne="before",ie=T.rect,ae=d.activatorEvent,F=null;if(H.current)F=H.current.x;else {let te=$e(ae);te&&(F=te.x+d.delta.x);}if(F!==null){let te=ie.left+ie.width/2;F>te&&(ne="after");}u(N),f(ne);}else u(null),f(null);}else u(null),f(null);if(!v)return;let l=d.active.id.toString(),U=l.startsWith("tab-header-")?l.substring(11):l,h=M.current;if(!h){i!==null&&(a(null),S?.(null));return}let b=d.activatorEvent,_=null,O=null;if(H.current)_=H.current.x,O=H.current.y;else {let N=$e(b);N&&(_=N.x+d.delta.x,O=N.y+d.delta.y);}let K=0;if(_!==null&&O!==null){let N=0,L=0;_<h.left?N=h.left-_:_>h.right&&(N=_-h.right),O<h.top?L=h.top-O:O>h.bottom&&(L=O-h.bottom),K=Math.sqrt(N*N+L*L);}else {let N=d.active.rect.current.translated;if(N){let L=N.left+N.width/2,z=N.top+N.height/2,se=0,ne=0;L<h.left?se=h.left-L:L>h.right&&(se=L-h.right),z<h.top?ne=h.top-z:z>h.bottom&&(ne=z-h.bottom),K=Math.sqrt(se*se+ne*ne);}}K>x?i!==U&&(a(U),S?.(U)):i!==null&&(a(null),S?.(null));},onDragEnd:d=>{r(null),o(null),q(false),u(null),f(null);let{active:T,over:k}=d,E=T.id.toString(),y=E.startsWith("tab-header-"),l=y?E.substring(11):E,I=v&&i===l;if(a(null),S?.(null),M.current=null,I){R?R(l):m(l),p&&p(l,null,null);return}if(!k){p&&p(l,null,null);return}let U=k.id.toString();if(U.startsWith("drop-locked-")){p&&p(l,null,null);return}let h=U.match(/^tab-drop-(.+)$/);if(h){let[,ie]=h;if(l!==ie){let ae="before",F=k.rect,te=d.activatorEvent,re=null;if(H.current)re=H.current.x;else {let he=$e(te);he&&(re=he.x+d.delta.x);}if(re!==null){let he=F.left+F.width/2;re>he&&(ae="after");}D(l,ie,ae),p&&p(l,ie,{type:"move",position:"center"});}else p&&p(l,null,null);return}let b=U.match(/^drop-(left|right|top|bottom)-(.+)$/);if(!b){p&&p(l,null,null);return}let[,_,O]=b,K=y?Y(t,l):j(t,l),oe=K&&K.id===O,N=K&&K.tabs.length===1;if(l===O||oe&&N){p&&p(l,null,null);return}let L=_==="left"||_==="right"?"row":"column",z;if(y){let ae=Y(t,l)?.tabsMetadata?.[l];z={type:"pane",id:de(),tabs:[l],activeTabId:l,tabsMetadata:ae?{[l]:ae}:void 0};}else z=j(t,l)??{type:"pane",id:de(),tabs:[l],activeTabId:l};let se=y?pe(t,l):me(t,l),ne=Pe(se,O,L,_,z);n(ne),p&&p(l,O,{type:"split",direction:L,position:_});},onDragCancel:()=>{r(null),o(null),q(false),u(null),f(null),a(null),S?.(null),M.current=null;}}}var st=({activeId:e,render:t,className:n})=>{let s=useRef(null);return useEffect(()=>{let r=o=>{s.current&&(s.current.style.transform=`translate(${o.clientX+12}px, ${o.clientY+12}px)`);};return document.addEventListener("pointermove",r),()=>document.removeEventListener("pointermove",r)},[]),jsx("div",{ref:s,className:n,style:{position:"fixed",top:0,left:0,zIndex:9999,pointerEvents:"none"},children:t(e)})};var it=({tabId:e,target:t,renderWidget:n})=>{let[s,r]=useState(false),o=useRef(null);if(useEffect(()=>{r(true);},[]),useEffect(()=>{if(!s||!o.current)return;let a=o.current;if(t)t.appendChild(a);else {let u=document.getElementById("zeugma-hidden-portal-container");u||(u=document.createElement("div"),u.id="zeugma-hidden-portal-container",u.style.display="none",document.body.appendChild(u)),u.appendChild(a);}},[t,s]),useEffect(()=>()=>{o.current&&o.current.remove();},[]),!s)return null;o.current||(o.current=document.createElement("div"),o.current.className=`zeugma-portal-wrapper-${e}`,o.current.style.width="100%",o.current.style.height="100%");let i=o.current;return !i||!n?null:createPortal(n(e),i)};var Ot=e=>{let t=e,{renderPane:n,renderWidget:s,renderDragOverlay:r,classNames:o={},children:i,layout:a,setLayout:u,fullscreenPaneId:f,setFullscreenPaneId:C,locked:g,setLocked:v,findPaneById:x,findPaneContainingTab:R,findTabById:$,activeId:p,activeType:S,dismissIntentId:m,setContainerRef:D,snapThreshold:P,minSplitPercentage:M,maxSplitPercentage:H,onRemove:W,onResizeStart:q,onResize:Z,onResizeEnd:G,removePane:V,addPane:J,addTab:Q,updateTabMetadata:ee,updatePaneLock:d,selectTab:T,mergeTab:k,removeTab:E,splitPane:y,updateSplitPercentage:l,moveTab:I}=t,{portalTargets:U,registerPortalTarget:h}=Ge(),[b,_]=useState(null),[O,K]=useState(null),oe=ot({...t,setOverTabId:_,setOverTabPosition:K}),N=useCallback(F=>n(F),[n]),L=useMemo(()=>o,[o.dashboard,o.dashboardDismissActive,o.pane,o.paneLocked,o.dropPreview,o.dragOverlay,o.resizer,o.dismissPreview,o.dashboardLocked,o.lockedPreview,o.tabDropPreview]),z=useCallback((F,te)=>{G&&G(F,te);},[G]),se=useMemo(()=>({layout:a,setLayout:u,renderPane:N,activeId:p,dismissIntentId:m,overTabId:b,overTabPosition:O,setContainerRef:D,fullscreenPaneId:f,classNames:L,onRemove:W,onFullscreenChange:C,snapThreshold:P,onResizeStart:q,onResize:Z,onResizeEnd:z,minSplitPercentage:M,maxSplitPercentage:H,locked:g,setLocked:v,findPaneById:x,findPaneContainingTab:R,findTabById:$}),[a,p,m,b,O,D,f,L,W,C,P,q,Z,M,H,u,N,z,g,v,x,R,$]),ne=useMemo(()=>({removePane:V,addPane:J,addTab:Q,updateTabMetadata:ee,updatePaneLock:d,selectTab:T,mergeTab:k,removeTab:E,setFullscreenPaneId:C,setLocked:v,splitPane:y,updateSplitPercentage:l,moveTab:I}),[V,J,Q,ee,d,T,k,E,C,v,y,l,I]),ie=useMemo(()=>{let F=[];function te(re){re&&(re.type==="pane"?F.push(...re.tabs):(te(re.first),te(re.second)));}return te(a),F},[a]),ae=useMemo(()=>({registerPortalTarget:h}),[h]);return jsx(Be.Provider,{value:ne,children:jsx(Ve.Provider,{value:se,children:jsxs(Ie.Provider,{value:ae,children:[jsx(DndContext,{id:"zeugma-dnd-context",...oe,children:i}),p&&S&&r&&jsx(st,{activeId:p,render:F=>r(F,S),className:`${o.dragOverlay||""} ${p===m&&o.dismissPreview||""}`.trim()}),jsx("div",{id:"zeugma-portal-host",style:{display:"none"},children:ie.map(F=>jsx(it,{tabId:F,target:U[F]||null,renderWidget:s},F))})]})})})};function Ue({containerRef:e,isRow:t,direction:n,splitPercentage:s,resizerSize:r,snapThreshold:o,layout:i,currentNode:a,onLayoutChange:u,onResizeStart:f,onResizeEnd:C,parentLeft:g,parentTop:v,parentWidth:x,parentHeight:R}){let{onResizeStart:$,onResize:p,onResizeEnd:S,minSplitPercentage:m=5,maxSplitPercentage:D=95,locked:P=false}=le();return useCallback(M=>{if(P)return;M.preventDefault();let H=e.current;if(!H)return;f&&f(),$&&$(a);let W=H.getBoundingClientRect(),q=M.clientX,Z=M.clientY,G=s,V=M.currentTarget,J=W.left+W.width*(g/100),Q=W.top+W.height*(v/100),ee=W.width*(x/100),d=W.height*(R/100),k=Array.from(document.querySelectorAll('div[role="separator"][data-direction]')).filter(y=>y!==V&&y.getAttribute("data-direction")===n).map(y=>{let l=y.getBoundingClientRect();return t?l.left+l.width/2:l.top+l.height/2}),E=G;Ne({cursor:t?"col-resize":"row-resize",resizerEl:V,onMove:y=>{let l=t?(y.clientX-q)/ee*100:(y.clientY-Z)/d*100,I=G+l,U=t?J+(ee-r)*(I/100)+r/2:Q+(d-r)*(I/100)+r/2,h=1/0,b=null;for(let oe of k){let N=Math.abs(U-oe);N<o&&N<h&&(h=N,b=oe);}let _=I;b!==null&&(_=t?(b-r/2-J)/(ee-r)*100:(b-r/2-Q)/(d-r)*100);let O=Math.max(m,Math.min(D,_));E=O;let K=ge(i,a,O);if(K){let{panes:oe,splitters:N}=ue(K),L=e.current;if(L){for(let z of oe)L.style.setProperty(`--pane-left-${z.paneId}`,`${z.left}%`),L.style.setProperty(`--pane-top-${z.paneId}`,`${z.top}%`),L.style.setProperty(`--pane-width-${z.paneId}`,`${z.width}%`),L.style.setProperty(`--pane-height-${z.paneId}`,`${z.height}%`);for(let z of N)L.style.setProperty(`--splitter-pos-${z.id}`,`${z.direction==="row"?z.left:z.top}%`);}}p&&p(a,O);},onEnd:()=>{let y=ge(i,a,E),l=e.current;if(l){let{panes:I,splitters:U}=ue(y);for(let h of I)l.style.removeProperty(`--pane-left-${h.paneId}`),l.style.removeProperty(`--pane-top-${h.paneId}`),l.style.removeProperty(`--pane-width-${h.paneId}`),l.style.removeProperty(`--pane-height-${h.paneId}`);for(let h of U)l.style.removeProperty(`--splitter-pos-${h.id}`);}u(y),C&&C(),S&&S(a,E);}});},[e,t,n,s,r,o,i,a,u,f,C,$,p,S,m,D,g,v,x,R])}var Xt=({splitter:e,resizerSize:t,snapThreshold:n,containerRef:s})=>{let{layout:r,setLayout:o,classNames:i,locked:a}=le(),[u,f]=useState(false),{currentNode:C,direction:g,left:v,top:x,width:R,height:$,parentLeft:p,parentTop:S,parentWidth:m,parentHeight:D}=e,P=g==="row",M=Ue({containerRef:s,isRow:P,direction:g,splitPercentage:C.splitPercentage,resizerSize:t,snapThreshold:n,layout:r,currentNode:C,onLayoutChange:o,onResizeStart:()=>f(true),onResizeEnd:()=>f(false),parentLeft:p,parentTop:S,parentWidth:m,parentHeight:D}),H=P?{position:"absolute",left:`calc(var(--splitter-pos-${e.id}, ${v}%) - ${t/2}px)`,top:`calc(${x}% + ${t/2}px)`,width:`${t}px`,height:`calc(${$}% - ${t}px)`,cursor:a?"default":"col-resize",pointerEvents:a?"none":"auto",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box"}:{position:"absolute",left:`calc(${v}% + ${t/2}px)`,top:`calc(var(--splitter-pos-${e.id}, ${x}%) - ${t/2}px)`,width:`calc(${R}% - ${t}px)`,height:`${t}px`,cursor:a?"default":"row-resize",pointerEvents:a?"none":"auto",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box"};return jsx("div",{className:i.resizer||"","data-direction":g,"data-resizing":u||void 0,style:H,onPointerDown:M,role:"separator","aria-valuenow":C.splitPercentage,"aria-valuemin":5,"aria-valuemax":95})},qt=Wt.memo(({paneId:e,renderPane:t})=>jsx(Fragment,{children:t(e)}),(e,t)=>e.paneId===t.paneId&&e.renderPane===t.renderPane),Jt=({tree:e,resizerSize:t=4,snapThreshold:n})=>{let{layout:s,renderPane:r,activeId:o,dismissIntentId:i,setContainerRef:a,fullscreenPaneId:u,snapThreshold:f,locked:C,classNames:g}=le(),v=n!==void 0?n:f??8,x=e!==void 0?e:s,R=useRef(null),{panes:$,splitters:p}=useMemo(()=>x?ue(x):{panes:[],splitters:[]},[x]);if(!x)return null;let S=()=>jsxs(Fragment,{children:[$.map(m=>{let D=u===m.paneId;return jsx("div",{style:{position:"absolute",left:D?"0%":`var(--pane-left-${m.paneId}, ${m.left}%)`,top:D?"0%":`var(--pane-top-${m.paneId}, ${m.top}%)`,width:D?"100%":`var(--pane-width-${m.paneId}, ${m.width}%)`,height:D?"100%":`var(--pane-height-${m.paneId}, ${m.height}%)`,overflow:"hidden",zIndex:D?20:1,display:u&&!D?"none":"block",padding:D?"0px":`${t/2}px`,boxSizing:"border-box"},children:jsx(qt,{paneId:m.paneId,renderPane:r})},m.paneId)}),!u&&p.map(m=>jsx(Xt,{splitter:m,resizerSize:t,snapThreshold:v,containerRef:R},m.id))]});if(e===void 0){let m=o!==null&&o===i,D=M=>{a(M),R.current=M;},P=`${g.dashboard||""} ${m&&g.dashboardDismissActive||""} ${C&&g.dashboardLocked||""}`.trim();return jsx("div",{ref:D,className:P,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:S()})}return jsx("div",{ref:R,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:S()})};var ft="zeugma-height:",Qt="default-pane";function en(e){try{let t=localStorage.getItem(ft+e);if(t!==null){let n=Number(t);if(Number.isFinite(n)&&n>0)return n}}catch{}return null}function pt(e,t){try{localStorage.setItem(ft+e,String(Math.round(t)));}catch{}}var mt=({children:e,active:t=true,height:n,onHeightChange:s,minHeight:r=100,maxHeight:o=1/0,persist:i,localStorageKey:a,resizerHeight:u=6,className:f,resizerClassName:C})=>{let g=i?a||Qt:null,v=()=>{let P=(g?en(g):null)??n??400;return Ze(P,r,o)},[x,R]=useState(v),$=useRef(null),p=g?x:n??x,S=useRef(n);useEffect(()=>{if(n!==void 0&&n!==S.current){let P=Ze(n,r,o);R(P),g&&pt(g,P);}S.current=n;},[n,r,o,g]);let m=useCallback(()=>o,[o]),D=useCallback(P=>{P.preventDefault();let M=P.clientY,H=p,W=m(),q=P.currentTarget,Z=gt($.current),G=Z?Z.scrollTop:0,V=M,J=null,Q=(d,T)=>{let k=T-G,y=d-M+k,l=Ze(H+y,r,W);return $.current&&($.current.style.height=`${l}px`),l},ee=()=>{if(!Z)return;let d=Z===document.documentElement||Z===document.body?{top:0,bottom:window.innerHeight}:Z.getBoundingClientRect(),T=40,k=10,E=0;V>d.bottom-T?E=Math.min(1,(V-(d.bottom-T))/T)*k:V<d.top+T&&(E=-Math.min(1,(d.top+T-V)/T)*k),E!==0&&(Z.scrollTop+=E,Q(V,Z.scrollTop)),J=requestAnimationFrame(ee);};J=requestAnimationFrame(ee),Ne({cursor:"row-resize",resizerEl:q,onMove:d=>{V=d.clientY,Z&&Q(V,Z.scrollTop);},onEnd:()=>{J!==null&&cancelAnimationFrame(J);let d=H;$.current&&(d=$.current.getBoundingClientRect().height),d=Ze(d,r,W),R(d),s&&s(d),g&&pt(g,d);}});},[p,r,m,s,g]);return t?jsxs("div",{ref:$,className:`zeugma-resizable-container ${f||""}`.trim(),style:{height:`${p}px`,position:"relative",overflow:"hidden",boxSizing:"border-box"},children:[jsx("div",{style:{height:`calc(100% - ${u}px)`,overflow:"hidden"},children:e}),jsx("div",{className:`zeugma-resizable-handle ${C||""}`.trim(),style:{height:`${u}px`,cursor:"row-resize",position:"relative",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box",flexShrink:0},onPointerDown:D,role:"separator","aria-orientation":"horizontal","aria-valuenow":Math.round(p),"aria-valuemin":r,"aria-valuemax":o===1/0?void 0:o})]}):jsx("div",{className:`zeugma-resizable-container disabled ${f||""}`.trim(),style:{height:"100%",position:"relative",overflow:"hidden",boxSizing:"border-box"},children:jsx("div",{style:{height:"100%",overflow:"hidden"},children:e})})};function Ze(e,t,n){return Math.max(t,Math.min(n,e))}function gt(e){if(typeof window>"u"||!e)return null;let t=e.parentElement;if(!t)return document.documentElement;let s=window.getComputedStyle(t).overflowY;return s==="auto"||s==="scroll"?t:gt(t)}var He=createContext(null);var un={top:{position:"absolute",top:0,left:"25%",width:"50%",height:"25%",zIndex:20,pointerEvents:"auto"},bottom:{position:"absolute",bottom:0,left:"25%",width:"50%",height:"25%",zIndex:20,pointerEvents:"auto"},left:{position:"absolute",top:"25%",left:0,width:"25%",height:"50%",zIndex:20,pointerEvents:"auto"},right:{position:"absolute",top:"25%",right:0,width:"25%",height:"50%",zIndex:20,pointerEvents:"auto"},full:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:20,pointerEvents:"auto",cursor:"not-allowed"}},dn={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"},full:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:21,pointerEvents:"none",boxSizing:"border-box"}},bt=({id:e,position:t,activeClassName:n})=>{let{setNodeRef:s,isOver:r}=useDroppable({id:e});return jsxs(Fragment,{children:[jsx("div",{ref:s,style:un[t]}),r&&jsx("div",{className:n,style:dn[t]})]})},pn=({id:e,children:t,style:n,locked:s=false})=>{let r=useRef(null),{layout:o,activeId:i,classNames:a,fullscreenPaneId:u,onFullscreenChange:f,locked:C}=le(),{removePane:g,updateTabMetadata:v,selectTab:x,removeTab:R}=Me(),$=useContext(Ie);if(!$)throw new Error("Pane must be used within a Zeugma provider");let{registerPortalTarget:p}=$,S=useMemo(()=>j(o,e),[o,e]),m=S?.id??e,D=S?.tabs??[e],P=S?.activeTabId??e,M=S?.tabsMetadata,H=M?.[e],W=S?.locked??false,q=s||W,Z=C||q,G=C||q,V=i!==null&&i!==e&&(!D.includes(i)||D.length>1)&&!G,{attributes:J,listeners:Q,setNodeRef:ee}=useDraggable({id:e,disabled:Z}),d=i!==null&&D.includes(i),T=u===e,k=useCallback(()=>jsx("div",{ref:r,id:`zeugma-tab-target-${P}`,className:"zeugma-tab-content-wrapper",style:{height:"100%",width:"100%"}}),[P]);useEffect(()=>{let I=r.current;return p(P,I),()=>{p(P,null);}},[P,p]);let E=useMemo(()=>({isDragging:d,isFullscreen:T,toggleFullscreen:()=>f?.(T?null:e),remove:()=>{T&&f?.(null),g(m);},metadata:H,updateMetadata:I=>{v(e,I);},locked:Z,tabs:D,activeTabId:P,selectTab:I=>x(m,I),removeTab:I=>{T&&I===P&&f?.(null),R(I);},tabsMetadata:M,updateTabMetadata:(I,U)=>{v(I,U);},renderActiveTab:k}),[d,T,f,e,R,H,v,Z,D,P,x,m,M,k]),y=useMemo(()=>Z?{disabled:true}:{...Q,...J},[Q,J,Z]),l=`${a.pane||""} ${q&&a.paneLocked||""}`.trim();return jsx(He.Provider,{value:y,children:jsxs("div",{ref:ee,className:l,style:{position:"relative",width:"100%",height:"100%",...n},children:[t(E),V&&jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:["top","bottom","left","right"].map(I=>jsx(bt,{id:`drop-${I}-${e}`,position:I,activeClassName:a.dropPreview},I))}),i!==null&&i!==e&&G&&jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:jsx(bt,{id:`drop-locked-${e}`,position:"full",activeClassName:a.lockedPreview||""})})]})})};var gn=({children:e,className:t,style:n})=>{let s=useContext(He);if(!s)throw new Error("<DragHandle> must be used inside a <Pane>");let{disabled:r,...o}=s;return jsx("div",{className:t,style:{cursor:r?"default":"grab",userSelect:r?"auto":"none",touchAction:r?"auto":"none",...n},...r?{}:o,children:e})};var Pn=({id:e,locked:t=false,children:n,className:s,style:r})=>{let{locked:o,classNames:i={},overTabId:a,overTabPosition:u}=le(),f=t||o,{attributes:C,listeners:g,setNodeRef:v,isDragging:x}=useDraggable({id:`tab-header-${e}`,disabled:f}),{setNodeRef:R,isOver:$}=useDroppable({id:`tab-drop-${e}`,disabled:f}),p=D=>{v(D),R(D);},S=$&&a===e,m=S?u:null;return jsxs("div",{ref:p,className:s,style:{display:"inline-flex",position:"relative",cursor:f?"default":"grab",...r},...f?{}:g,...f?{}:C,children:[n({isDragging:x,isOver:S}),S&&m&&jsx("div",{className:i.tabDropPreview||"",style:{position:"absolute",top:0,bottom:0,width:"2px",backgroundColor:"#6366f1",left:m==="before"?0:void 0,right:m==="after"?0:void 0,pointerEvents:"none",zIndex:10}})]})};export{xt as DEFAULT_DRAG_ACTIVATION_DISTANCE,Sn as DEFAULT_RESIZER_SIZE,yt as DEFAULT_SNAP_THRESHOLD,gn as DragHandle,pn as Pane,Jt as PaneTree,Ie as PortalRegistryContext,mt as ResizableContainer,Pn as Tab,Ot as Zeugma,Be as ZeugmaActionsContext,Ve as ZeugmaStateContext,Ne as createDragSession,xe as safeJsonStringify,Ue as useResizer,Rt as useZeugma,Me as useZeugmaActions,St as useZeugmaContext,le as useZeugmaState};//# sourceMappingURL=index.js.map
|
|
7
7
|
//# sourceMappingURL=index.js.map
|