react-zeugma 6.4.1 → 6.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -16
- package/dist/index.cjs +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +3 -4
- package/dist/index.d.ts +3 -4
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/{types-BN5W7EvY.d.cts → types-DO2k-HLr.d.cts} +3 -7
- package/dist/{types-BN5W7EvY.d.ts → types-DO2k-HLr.d.ts} +3 -7
- package/dist/utils.d.cts +1 -1
- package/dist/utils.d.ts +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { U as UseZeugmaOptions, Z as ZeugmaController, a as ZeugmaProps,
|
|
2
|
-
export { D as DragOverlayActiveItem, P as PaneNode,
|
|
1
|
+
import { U as UseZeugmaOptions, Z as ZeugmaController, a as ZeugmaProps, S as SplitDirection, T as TreeNode, b as SplitNode, c as TabDetails } from './types-DO2k-HLr.cjs';
|
|
2
|
+
export { D as DragOverlayActiveItem, P as PaneNode, d as ZeugmaClassNames } from './types-DO2k-HLr.cjs';
|
|
3
3
|
import React from 'react';
|
|
4
4
|
|
|
5
5
|
declare function useZeugma(options: UseZeugmaOptions): ZeugmaController;
|
|
6
6
|
|
|
7
7
|
declare const useZeugmaContext: () => ZeugmaController;
|
|
8
8
|
|
|
9
|
-
declare const ZeugmaProvider: React.FC<ZeugmaProviderProps>;
|
|
10
9
|
declare const Zeugma: React.FC<ZeugmaProps>;
|
|
11
10
|
|
|
12
11
|
interface UseResizerProps {
|
|
@@ -178,4 +177,4 @@ declare const Pane: React.FC<PaneProps> & {
|
|
|
178
177
|
Controls: typeof PaneControls;
|
|
179
178
|
};
|
|
180
179
|
|
|
181
|
-
export { type DragHandleProps, Pane, type PaneControlsProps, type PaneProps, type PaneRenderProps, PaneTree, SplitDirection, SplitNode, TabDetails, type TabsProps, TreeNode, UseZeugmaOptions, Zeugma, ZeugmaController, ZeugmaProps,
|
|
180
|
+
export { type DragHandleProps, Pane, type PaneControlsProps, type PaneProps, type PaneRenderProps, PaneTree, SplitDirection, SplitNode, TabDetails, type TabsProps, TreeNode, UseZeugmaOptions, Zeugma, ZeugmaController, ZeugmaProps, usePaneContext, useResizer, useZeugma, useZeugmaContext };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { U as UseZeugmaOptions, Z as ZeugmaController, a as ZeugmaProps,
|
|
2
|
-
export { D as DragOverlayActiveItem, P as PaneNode,
|
|
1
|
+
import { U as UseZeugmaOptions, Z as ZeugmaController, a as ZeugmaProps, S as SplitDirection, T as TreeNode, b as SplitNode, c as TabDetails } from './types-DO2k-HLr.js';
|
|
2
|
+
export { D as DragOverlayActiveItem, P as PaneNode, d as ZeugmaClassNames } from './types-DO2k-HLr.js';
|
|
3
3
|
import React from 'react';
|
|
4
4
|
|
|
5
5
|
declare function useZeugma(options: UseZeugmaOptions): ZeugmaController;
|
|
6
6
|
|
|
7
7
|
declare const useZeugmaContext: () => ZeugmaController;
|
|
8
8
|
|
|
9
|
-
declare const ZeugmaProvider: React.FC<ZeugmaProviderProps>;
|
|
10
9
|
declare const Zeugma: React.FC<ZeugmaProps>;
|
|
11
10
|
|
|
12
11
|
interface UseResizerProps {
|
|
@@ -178,4 +177,4 @@ declare const Pane: React.FC<PaneProps> & {
|
|
|
178
177
|
Controls: typeof PaneControls;
|
|
179
178
|
};
|
|
180
179
|
|
|
181
|
-
export { type DragHandleProps, Pane, type PaneControlsProps, type PaneProps, type PaneRenderProps, PaneTree, SplitDirection, SplitNode, TabDetails, type TabsProps, TreeNode, UseZeugmaOptions, Zeugma, ZeugmaController, ZeugmaProps,
|
|
180
|
+
export { type DragHandleProps, Pane, type PaneControlsProps, type PaneProps, type PaneRenderProps, PaneTree, SplitDirection, SplitNode, TabDetails, type TabsProps, TreeNode, UseZeugmaOptions, Zeugma, ZeugmaController, ZeugmaProps, usePaneContext, useResizer, useZeugma, useZeugmaContext };
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import on,{createContext,useState,useRef,useEffect,useCallback,useMemo,useContext}from'react';import {useDraggable,DndContext,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 ut(e){let t=useRef(null);return useEffect(()=>{if(!e){t.current=null;return}let n=o=>{t.current={x:o.clientX,y:o.clientY};},r=o=>{let i=o.touches[0]||o.changedTouches[0];i&&(t.current={x:i.clientX,y:i.clientY});};return window.addEventListener("pointermove",n,{passive:true}),window.addEventListener("touchmove",r,{passive:true}),()=>{window.removeEventListener("pointermove",n),window.removeEventListener("touchmove",r);}},[e]),t}function dt(e){useEffect(()=>(e?document.body.style.setProperty("cursor","not-allowed","important"):document.body.style.removeProperty("cursor"),()=>{document.body.style.removeProperty("cursor");}),[e]);}function pt(){let[e,t]=useState({}),n=useRef({}),r=useRef(true);useEffect(()=>(r.current=true,()=>{r.current=false;}),[]);let o=useCallback((a,l)=>{r.current&&t(c=>{if(!l){if(!c[a])return c;let p={...c};return delete p[a],p}return c[a]===l?c:{...c,[a]:l}});},[]),i=useCallback((a,l)=>{n.current[a]=l;},[]);return {portalTargets:e,registerPortalTarget:o,registerRenderCallback:i,renderCallbacksRef:n}}function de(){return "pane-"+Math.random().toString(36).substring(2,11)}function be(e,t){if(e===null)return null;if(e.type==="pane")return e.id===t?null:e;let n=be(e.first,t),r=be(e.second,t);return n===null?r:r===null?n:{...e,first:n,second:r}}function pe(e,t){if(e===null)return null;if(e.type==="pane"){if(e.tabs.includes(t)){let o=e.tabs.filter(l=>l!==t);if(o.length===0)return null;let i=e.activeTabId;e.activeTabId===t&&(i=o[0]);let a={...e.tabsMetadata};return delete a[t],{...e,tabs:o,activeTabId:i,tabsMetadata:Object.keys(a).length>0?a:void 0}}return e}let n=pe(e.first,t),r=pe(e.second,t);return n===null?r:r===null?n:{...e,first:n,second:r}}function ye(e,t,n,r,o){if(e===null)return typeof o=="string"?{type:"pane",id:de(),tabs:[o],activeTabId:o}:o;if(e.type==="pane"){if(e.id===t){let i=typeof o=="string"?{type:"pane",id:de(),tabs:[o],activeTabId:o}:o,a=r==="left"||r==="top";return {type:"split",direction:n,first:a?i:e,second:a?e:i,splitPercentage:50}}return e}return {...e,first:ye(e.first,t,n,r,o)||e.first,second:ye(e.second,t,n,r,o)||e.second}}function Wt(e,t){if(e===null)return t;function n(r,o){return r.type==="pane"?{type:"split",direction:o==="row"?"column":"row",splitPercentage:50,first:r,second:t}:{...r,second:n(r.second,r.direction)}}return n(e,null)}function ft(e,t,n,r){if(e===null)return {type:"pane",id:de(),tabs:[n],activeTabId:n,tabsMetadata:r?{[n]:r}:void 0};let o=t?Q(e,t):null;if(o&&o.type==="pane"){let l=function(c){if(c.type==="pane"&&c.id===t){let p=[...c.tabs];p.includes(n)||p.push(n);let g=c.tabsMetadata;return r&&(g={...c.tabsMetadata,[n]:r}),{...c,tabs:p,activeTabId:n,tabsMetadata:g}}return c.type==="split"?{...c,first:l(c.first),second:l(c.second)}:c};return l(e)}let i={type:"pane",id:de(),tabs:[n],activeTabId:n,tabsMetadata:r?{[n]:r}:void 0};return Wt(e,i)}function he(e,t,n){return e===null?null:e===t?{...e,splitPercentage:n}:e.type==="split"?{...e,first:he(e.first,t,n)||e.first,second:he(e.second,t,n)||e.second}:e}function Q(e,t){return e===null?null:e.type==="pane"?e.id===t?e:null:e.type==="split"?Q(e.first,t)??Q(e.second,t):null}function K(e,t){return e===null?null:e.type==="pane"?e.tabs.includes(t)?e:null:e.type==="split"?K(e.first,t)??K(e.second,t):null}function Je(e,t){let n=K(e,t);if(!n)return null;let r=n.tabs.indexOf(t);return {id:t,paneId:n.id,isActive:n.activeTabId===t,index:r,metadata:n.tabsMetadata?.[t]}}function _e(e,t){return K(e,t)?.tabsMetadata?.[t]}function Ge(e,t){let n=Q(e,t);return n?.tabsMetadata?.[n.activeTabId]}function Ee(e,t,n){if(e===null)return null;if(e.type==="pane"){if(e.tabs.includes(t)){let r=e.tabsMetadata||{},o=r[t],i=n(o),a={...r};return i===void 0?delete a[t]:a[t]=i,{...e,tabsMetadata:Object.keys(a).length>0?a:void 0}}return e}return e.type==="split"?{...e,first:Ee(e.first,t,n)??e.first,second:Ee(e.second,t,n)??e.second}:e}function Me(e,t,n){if(e===null)return null;if(e.type==="pane"){if(e.id===t){if(n===false){let{locked:r,...o}=e;return o}return {...e,locked:n}}return e}return e.type==="split"?{...e,first:Me(e.first,t,n)??e.first,second:Me(e.second,t,n)??e.second}:e}function Re(e,t,n){return e===null?null:e.type==="pane"?e.id===t?e.activeTabId===n?e:{...e,activeTabId:n}:e:e.type==="split"?{...e,first:Re(e.first,t,n)??e.first,second:Re(e.second,t,n)??e.second}:e}function gt(e,t,n){if(e===null)return null;let o=K(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(l){if(l.type==="pane"){if(l.id===n){let c=[...l.tabs];c.includes(t)||c.push(t);let p={...l.tabsMetadata};return o&&(p[t]=o),{...l,tabs:c,activeTabId:t,tabsMetadata:Object.keys(p).length>0?p:void 0}}return l}return l.type==="split"?{...l,first:a(l.first),second:a(l.second)}:l}return a(i)}function ke(e,t,n,r="before"){if(e===null)return null;let i=K(e,t)?.tabsMetadata?.[t],a=pe(e,t);if(a===null)return {type:"pane",id:de(),tabs:[t],activeTabId:t,tabsMetadata:i?{[t]:i}:void 0};function l(c){if(c.type==="pane"){if(c.tabs.includes(n)){let g=[...c.tabs].filter(N=>N!==t),v=g.indexOf(n);v<0&&(v=0),r==="after"&&(v+=1),g.splice(v,0,t);let D={...c.tabsMetadata};return i&&(D[t]=i),{...c,tabs:g,activeTabId:t,tabsMetadata:Object.keys(D).length>0?D:void 0}}return c}return c.type==="split"?{...c,first:l(c.first),second:l(c.second)}:c}return l(a)}function ge(e,t=0,n=0,r=100,o=100,i="root"){if(e===null)return {panes:[],splitters:[]};if(e.type==="pane")return {panes:[{paneId:e.id,left:t,top:n,width:r,height:o,node:e}],splitters:[]};let{direction:a,splitPercentage:l,first:c,second:p}=e,v={id:`splitter-${i}-${a}`,currentNode:e,direction:a,left:a==="row"?t+r*(l/100):t,top:a==="column"?n+o*(l/100):n,width:a==="row"?0:r,height:a==="column"?0:o,parentLeft:t,parentTop:n,parentWidth:r,parentHeight:o},D={panes:[],splitters:[]},N={panes:[],splitters:[]};if(a==="row"){let P=r*(l/100);D=ge(c,t,n,P,o,`${i}-L`),N=ge(p,t+P,n,r-P,o,`${i}-R`);}else {let P=o*(l/100);D=ge(c,t,n,r,P,`${i}-T`),N=ge(p,t,n+P,r,o-P,`${i}-B`);}return {panes:[...D.panes,...N.panes],splitters:[v,...D.splitters,...N.splitters]}}function mt(e,t,n,r){if(!(t==="tab"&&n&&e.includes(n))||!r)return -1;let a=e.indexOf(n);return r==="before"?a:a+1}function Ne(e){try{return JSON.stringify(e)}catch{return ""}}function Ut(e){let{initialLayout:t,layout:n,onChange:r,fullscreenPaneId:o,onFullscreenChange:i,locked:a=false}=e,[l,c]=useState(()=>n!==void 0?n:t??null),[p,g]=useState(()=>Ne(n!==void 0?n:null)),[v,D]=useState(o||null),[N,P]=useState(a),[z,I]=useState(null),[$,m]=useState(null),[B,U]=useState(null),[E,f]=useState(null),T=useRef(null),j=useCallback(s=>{T.current=s;},[]),L=useRef(l);L.current=l;let Z=useRef(z);Z.current=z;let q=useRef(r);q.current=r;let ee=useRef(i);ee.current=i;let J=useCallback(s=>{D(s),ee.current?.(s);},[]);if(useEffect(()=>{P(a);},[a]),useEffect(()=>{o!==void 0&&D(o);},[o]),n!==void 0){let s=Ne(n);s!==p&&(g(s),c(n));}let S=useCallback(s=>(...d)=>{let H=L.current,M=s(H,...d);Ne(H)!==Ne(M)&&(L.current=M,c(M),q.current?.(M));},[]),ie=useCallback(S((s,d)=>typeof d=="function"?d(s):d),[S]),k=ie,x=useCallback(s=>{D(null),ee.current?.(null),I(null),m(null),U(null),f(null),ie(s);},[ie]),A=useCallback(S((s,d)=>be(s,d)),[S]),w=useCallback(S((s,d,H,M)=>{let G=pe(s,d)??s;return ft(G,H,d,M)}),[S]),R=useCallback(S((s,d,H,M,G)=>{let X=Q(s,d)??K(s,d);if(!X)return s;let ce=Q(s,G)??K(s,G)??{type:"pane",id:G,tabs:[G],activeTabId:G},ne=be(s,G);return ye(ne,X.id,H,M,ce)}),[S]),u=useCallback(S((s,d,H)=>he(s,d,H)),[S]),F=useCallback(S((s,d,H)=>Ee(s,d,H)),[S]),y=useCallback(S((s,d,H)=>{let M=Q(s,d)??K(s,d);return M?Me(s,M.id,H):s}),[S]),C=useCallback(S((s,d,H)=>{let M=Q(s,d)??K(s,d);return M?Re(s,M.id,H):s}),[S]),te=useCallback(S((s,d,H)=>{let M=Q(s,H)??K(s,H);return M?gt(s,d,M.id):s}),[S]),V=useCallback(S((s,d,H,M)=>ke(s,d,H,M)),[S]),O=useCallback(S((s,d)=>pe(s,d)),[S]),W=useCallback(s=>{let d=Q(L.current,s);return !d&&Z.current&&(d=Q(Z.current,s)),d},[]),_=useCallback(s=>{let d=K(L.current,s);return !d&&Z.current&&(d=K(Z.current,s)),d},[]),b=useCallback(s=>{let d=Je(L.current,s);return !d&&Z.current&&(d=Je(Z.current,s)),d},[]),h=useCallback(s=>{let d=_e(L.current,s);return !d&&Z.current&&(d=_e(Z.current,s)),d},[]),re=useCallback(s=>{let d=Ge(L.current,s);return !d&&Z.current&&(d=Ge(Z.current,s)),d},[]);return {layout:l,setLayout:x,_internalSetLayout:k,layoutBeforeDrag:z,setLayoutBeforeDrag:I,fullscreenPaneId:v,setFullscreenPaneId:J,locked:N,setLocked:P,activeId:$,setActiveId:m,activeType:B,setActiveType:U,dismissIntentId:E,setDismissIntentId:f,containerRef:T,setContainerRef:j,removePane:A,addTab:w,updateMetadata:F,updatePaneLock:y,selectTab:C,mergeTab:te,moveTab:V,removeTab:O,splitPane:R,updateSplitPercentage:u,findPaneById:W,findPaneContainingTab:_,findTabById:b,getTabMetadata:h,getActiveTabMetadata:re}}function vt({cursor:e,resizerEl:t,onMove:n,onEnd:r}){document.body.classList.add("zeugma-resizing");let o=document.createElement("style");o.id="zeugma-global-cursor-style",o.textContent=`
|
|
2
2
|
* {
|
|
3
3
|
cursor: ${e} !important;
|
|
4
4
|
user-select: none !important;
|
|
5
5
|
}
|
|
6
|
-
`,document.head.appendChild(o),t.setAttribute("data-resizing","true");let s=l=>{n(l);},a=()=>{document.body.classList.remove("zeugma-resizing"),t.removeAttribute("data-resizing");let l=document.getElementById("zeugma-global-cursor-style");l&&l.remove(),document.removeEventListener("pointermove",s),document.removeEventListener("pointerup",a),r();};document.addEventListener("pointermove",s),document.addEventListener("pointerup",a);}var ke=createContext(void 0),Ke=createContext(void 0),ze=createContext(void 0),Qe=createContext(void 0),se=()=>{let e=useContext(ke);if(!e)throw new Error("useZeugmaState must be used within a Zeugma provider");return e},$e=()=>{let e=useContext(Ke);if(!e)throw new Error("useZeugmaActions must be used within a Zeugma provider");return e},Ae=()=>{let e=useContext(Qe);if(!e)throw new Error("useZeugmaDrag must be used within a Zeugma provider");return e};var Yt=()=>{let e=se(),t=$e();return {layout:e.layout,setLayout:e.setLayout,fullscreenPaneId:e.fullscreenPaneId,setFullscreenPaneId:t.setFullscreenPaneId,locked:e.locked,setLocked:t.setLocked,removePane:t.removePane,addTab:t.addTab,updateMetadata:t.updateMetadata,updatePaneLock:t.updatePaneLock,selectTab:t.selectTab,mergeTab:t.mergeTab,removeTab:t.removeTab,splitPane:t.splitPane,updateSplitPercentage:t.updateSplitPercentage,moveTab:t.moveTab,findPaneById:e.findPaneById,findPaneContainingTab:e.findPaneContainingTab,findTabById:e.findTabById,getTabMetadata:e.getTabMetadata,getActiveTabMetadata:e.getActiveTabMetadata}};var Be=class extends PointerSensor{static activators=[{eventName:"onPointerDown",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]},He=class extends TouchSensor{static activators=[{eventName:"onTouchStart",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]};function Oe(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 ht(e){let{layout:t,_internalSetLayout:n,layoutBeforeDrag:r,setLayoutBeforeDrag:o,activeId:s,setActiveId:a,setActiveType:l,dismissIntentId:c,setDismissIntentId:d,setOverTabId:g,setOverTabPosition:h,containerRef:y,dragActivationDistance:w,enableDragToDismiss:P,dismissThreshold:A,onRemove:I,onDragStart:B,onDragEnd:m,onDismissIntentChange:O,removeTab:U}=e,R=useRef(null),f=ct(s),[N,Y]=useState(false);ut(N);let Z=useSensors(useSensor(Be,{activationConstraint:{distance:w}}),useSensor(He,{activationConstraint:{delay:250,tolerance:5}})),z=useCallback(D=>{let v=D.active.id.toString().startsWith("tab-header-"),F=pointerWithin(D),x=v?F:F.filter(u=>!u.id.toString().startsWith("tab-drop-"));if(x.length>0)return [...x].sort(($,L)=>{let T=$.id.toString(),ne=L.id.toString();if(v){let J=T.startsWith("tab-drop-"),Q=ne.startsWith("tab-drop-");if(J&&!Q)return -1;if(!J&&Q)return 1}let V=T.startsWith("drop-root-"),W=ne.startsWith("drop-root-");return V&&!W?-1:!V&&W?1:0});if(v){let u=D.droppableContainers.filter($=>$.id.toString().startsWith("tab-drop-"));return closestCenter({...D,droppableContainers:u})}return []},[]);return {sensors:Z,collisionDetection:z,onDragStart:D=>{let K=D.active.id.toString(),v=K.startsWith("tab-header-"),F=v?K.substring(11):K;a(F),l(v?"tab":"pane"),g(null),h(null);let x=D.activatorEvent;f.current=Oe(x),P&&y.current?R.current=y.current.getBoundingClientRect():R.current=null;let u=t;if(v){let $=_(t,F);$&&(u=Re(t,$.id,F)||t);}o(u),v&&u!==t&&n(u),B&&B(F);},onDragMove:D=>{let{over:K}=D,v=K?.id.toString()||"",F=v.startsWith("drop-locked-");Y(b=>b===F?b:F);let x=D.active.id.toString(),u=x.startsWith("tab-header-"),$=u?x.substring(11):x,L=v.match(/^tab-drop-(.+)$/);if(L&&K&&u){let[,b]=L;if($!==b){let S="before",k=K.rect,re=D.activatorEvent,j=null;if(f.current)j=f.current.x;else {let i=Oe(re);i&&(j=i.x+D.delta.x);}if(j!==null){let i=k.left+k.width/2;j>i&&(S="after");}g(i=>i===b?i:b),h(i=>i===S?i:S);}else g(S=>S===null?S:null),h(S=>S===null?S:null);}else g(b=>b===null?b:null),h(b=>b===null?b:null);if(!P)return;let T=R.current;if(!T){c!==null&&(d(null),O?.(null));return}let ne=D.activatorEvent,V=null,W=null;if(f.current)V=f.current.x,W=f.current.y;else {let b=Oe(ne);b&&(V=b.x+D.delta.x,W=b.y+D.delta.y);}let J=0;if(V!==null&&W!==null){let b=0,S=0;V<T.left?b=T.left-V:V>T.right&&(b=V-T.right),W<T.top?S=T.top-W:W>T.bottom&&(S=W-T.bottom),J=Math.sqrt(b*b+S*S);}else {let b=D.active.rect.current.translated;if(b){let S=b.left+b.width/2,k=b.top+b.height/2,re=0,j=0;S<T.left?re=T.left-S:S>T.right&&(re=S-T.right),k<T.top?j=T.top-k:k>T.bottom&&(j=k-T.bottom),J=Math.sqrt(re*re+j*j);}}J>A?c!==$&&(d($),O?.($)):c!==null&&(d(null),O?.(null));},onDragEnd:D=>{a(null),l(null),Y(false),g(null),h(null);let{active:K,over:v}=D,F=K.id.toString(),x=F.startsWith("tab-header-"),u=x?F.substring(11):F,$=P&&c===u;d(null),O?.(null),R.current=null;let L=r||t;if(o(null),$){I?I(u):U(u),m&&m(u,null,null);return}if(!v){n(L),m&&m(u,null,null);return}let T=v.id.toString();if(T.startsWith("drop-locked-")){n(L),m&&m(u,null,null);return}let ne=T.match(/^tab-drop-(.+)$/);if(ne){if(!x){n(L),m&&m(u,null,null);return}let[,E]=ne;if(u!==E){let M="before",H=v.rect,ie=D.activatorEvent,oe=null;if(f.current)oe=f.current.x;else {let ae=Oe(ie);ae&&(oe=ae.x+D.delta.x);}if(oe!==null){let ae=H.left+H.width/2;oe>ae&&(M="after");}let pe=Me(L,u,E,M);n(pe),m&&m(u,E,{type:"move",position:"center"});}else n(L),m&&m(u,null,null);return}let V=T.match(/^drop-root-(1\/4|1\/3)-(top|bottom|left|right|start|end)$/);if(V){let[,E,M]=V,H=M;H==="start"&&(H="left"),H==="end"&&(H="right");let ie=x?de(L,u):be(L,u),oe;if(x){let ae=_(L,u)?.tabsMetadata?.[u];oe={type:"pane",id:ce(),tabs:[u],activeTabId:u,tabsMetadata:ae?{[u]:ae}:void 0};}else oe=ee(L,u)??{type:"pane",id:ce(),tabs:[u],activeTabId:u};if(ie===null)n(oe);else {let pe=H==="left"||H==="right",ae=H==="left"||H==="top",xe=50;E==="1/4"?xe=ae?25:75:E==="1/3"&&(xe=ae?100/3:200/3),n({type:"split",direction:pe?"row":"column",first:ae?oe:ie,second:ae?ie:oe,splitPercentage:xe});}m&&m(u,"root",{type:"split",direction:H==="left"||H==="right"?"row":"column",position:H});return}let W=T.match(/^drop-(left|right|top|bottom)-(.+)$/);if(!W){n(L),m&&m(u,null,null);return}let[,J,Q]=W,b=x?_(L,u):ee(L,u),S=b&&b.id===Q,k=b&&b.tabs.length===1;if(u===Q||S&&k){n(L),m&&m(u,null,null);return}let re=J==="left"||J==="right"?"row":"column",j;if(x){let M=_(L,u)?.tabsMetadata?.[u];j={type:"pane",id:ce(),tabs:[u],activeTabId:u,tabsMetadata:M?{[u]:M}:void 0};}else j=ee(L,u)??{type:"pane",id:ce(),tabs:[u],activeTabId:u};let i=x?de(L,u):be(L,u),p=ye(i,Q,re,J,j);n(p),m&&m(u,Q,{type:"split",direction:re,position:J});},onDragCancel:()=>{a(null),l(null),Y(false),g(null),h(null),d(null),O?.(null),R.current=null,r!==null&&(n(r),o(null));}}}var Tt=({activeId:e,render:t,className:n})=>{let r=useRef(null);return useEffect(()=>{let o=s=>{r.current&&(r.current.style.transform=`translate(${s.clientX+12}px, ${s.clientY+12}px)`);};return document.addEventListener("pointermove",o),()=>document.removeEventListener("pointermove",o)},[]),jsx("div",{ref:r,className:n,style:{position:"fixed",top:0,left:0,zIndex:9999,pointerEvents:"none"},children:t(e)})};var Pt=rn.memo(({tabDetails:e,target:t,renderWidget:n})=>{let{id:r}=e,[o,s]=useState(false),a=useRef(null);if(useEffect(()=>{s(true);},[]),useEffect(()=>{if(!o||!a.current)return;let c=a.current;if(t)t.appendChild(c);else {let d=document.getElementById("zeugma-hidden-portal-container");d||(d=document.createElement("div"),d.id="zeugma-hidden-portal-container",d.style.display="none",document.body.appendChild(d)),d.appendChild(c);}},[t,o]),useEffect(()=>()=>{a.current&&a.current.remove();},[]),!o)return null;a.current||(a.current=document.createElement("div"),a.current.className=`zeugma-portal-wrapper-${r}`,a.current.style.width="100%",a.current.style.height="100%");let l=a.current;return !l||!n?null:createPortal(n(e),l)},(e,t)=>e.target===t.target&&e.renderWidget===t.renderWidget&&e.tabDetails.id===t.tabDetails.id&&e.tabDetails.paneId===t.tabDetails.paneId&&e.tabDetails.isActive===t.tabDetails.isActive&&e.tabDetails.index===t.tabDetails.index&&e.tabDetails.metadata===t.tabDetails.metadata);function et({containerRef:e,isRow:t,direction:n,splitPercentage:r,resizerSize:o,snapThreshold:s,layout:a,currentNode:l,onLayoutChange:c,onResizeStart:d,onResizeEnd:g,parentLeft:h,parentTop:y,parentWidth:w,parentHeight:P}){let{onResizeStart:A,onResize:I,onResizeEnd:B,minSplitPercentage:m=5,maxSplitPercentage:O=95,locked:U=false}=se();return useCallback(R=>{if(U)return;R.preventDefault();let f=e.current;if(!f)return;d&&d(),A&&A(l);let N=f.getBoundingClientRect(),Y=R.clientX,Z=R.clientY,z=r,G=R.currentTarget,te=N.left+N.width*(h/100),q=N.top+N.height*(y/100),C=N.width*(w/100),D=N.height*(P/100),v=Array.from(document.querySelectorAll('div[role="separator"][data-direction]')).filter(x=>x!==G&&x.getAttribute("data-direction")===n).map(x=>{let u=x.getBoundingClientRect();return t?u.left+u.width/2:u.top+u.height/2}),F=z;bt({cursor:t?"col-resize":"row-resize",resizerEl:G,onMove:x=>{let u=t?(x.clientX-Y)/C*100:(x.clientY-Z)/D*100,$=z+u,L=t?te+(C-o)*($/100)+o/2:q+(D-o)*($/100)+o/2,T=1/0,ne=null;for(let Q of v){let b=Math.abs(L-Q);b<s&&b<T&&(T=b,ne=Q);}let V=$;ne!==null&&(V=t?(ne-o/2-te)/(C-o)*100:(ne-o/2-q)/(D-o)*100);let W=Math.max(m,Math.min(O,V));F=W;let J=he(a,l,W);if(J){let{panes:Q,splitters:b}=ge(J),S=e.current;if(S){for(let k of Q)S.style.setProperty(`--pane-left-${k.paneId}`,`${k.left}%`),S.style.setProperty(`--pane-top-${k.paneId}`,`${k.top}%`),S.style.setProperty(`--pane-width-${k.paneId}`,`${k.width}%`),S.style.setProperty(`--pane-height-${k.paneId}`,`${k.height}%`);for(let k of b)S.style.setProperty(`--splitter-pos-${k.id}`,`${k.direction==="row"?k.left:k.top}%`);}}I&&I(l,W);},onEnd:()=>{let x=he(a,l,F),u=e.current;if(u){let{panes:$,splitters:L}=ge(x);for(let T of $)u.style.removeProperty(`--pane-left-${T.paneId}`),u.style.removeProperty(`--pane-top-${T.paneId}`),u.style.removeProperty(`--pane-width-${T.paneId}`),u.style.removeProperty(`--pane-height-${T.paneId}`);for(let T of L)u.style.removeProperty(`--splitter-pos-${T.id}`);}c(x),g&&g(),B&&B(l,F);}});},[e,t,n,r,o,s,a,l,c,d,g,A,I,B,m,O,h,y,w,P])}var gn=({splitter:e,resizerSize:t,snapThreshold:n,containerRef:r})=>{let{layout:o,setLayout:s,classNames:a,locked:l}=se(),[c,d]=useState(false),{currentNode:g,direction:h,left:y,top:w,width:P,height:A,parentLeft:I,parentTop:B,parentWidth:m,parentHeight:O}=e,U=h==="row",R=et({containerRef:r,isRow:U,direction:h,splitPercentage:g.splitPercentage,resizerSize:t,snapThreshold:n,layout:o,currentNode:g,onLayoutChange:s,onResizeStart:()=>d(true),onResizeEnd:()=>d(false),parentLeft:I,parentTop:B,parentWidth:m,parentHeight:O}),f=U?{position:"absolute",left:`calc(var(--splitter-pos-${e.id}, ${y}%) - ${t/2}px)`,top:`calc(${w}% + ${t/2}px)`,width:`${t}px`,height:`calc(${A}% - ${t}px)`,cursor:l?"default":"col-resize",pointerEvents:l?"none":"auto",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box"}:{position:"absolute",left:`calc(${y}% + ${t/2}px)`,top:`calc(var(--splitter-pos-${e.id}, ${w}%) - ${t/2}px)`,width:`calc(${P}% - ${t}px)`,height:`${t}px`,cursor:l?"default":"row-resize",pointerEvents:l?"none":"auto",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box"};return jsx("div",{className:a.resizer||"","data-direction":h,"data-resizing":c||void 0,style:f,onPointerDown:R,role:"separator","aria-valuenow":g.splitPercentage,"aria-valuemin":5,"aria-valuemax":95})},mn=rn.memo(({paneId:e,renderPane:t})=>jsx(Fragment,{children:t(e)}),(e,t)=>e.paneId===t.paneId&&e.renderPane===t.renderPane),tt=({renderPane:e,tree:t,resizerSize:n,snapThreshold:r})=>{let{layout:o,activeId:s,dismissIntentId:a,setContainerRef:l,fullscreenPaneId:c,snapThreshold:d,locked:g,classNames:h,renderPane:y,resizerSize:w}=se(),P=r!==void 0?r:d??8,A=n!==void 0?n:w??4,I=e!==void 0?e:y;if(!I)throw new Error("PaneTree must be provided a renderPane prop or used within a Zeugma provider with renderPane.");let B=t!==void 0?t:o,m=useRef(null),{panes:O,splitters:U}=useMemo(()=>B?ge(B):{panes:[],splitters:[]},[B]);if(!B)return null;let R=()=>jsxs(Fragment,{children:[O.map(f=>{let N=c===f.paneId;return jsx("div",{style:{position:"absolute",left:N?"0%":`var(--pane-left-${f.paneId}, ${f.left}%)`,top:N?"0%":`var(--pane-top-${f.paneId}, ${f.top}%)`,width:N?"100%":`var(--pane-width-${f.paneId}, ${f.width}%)`,height:N?"100%":`var(--pane-height-${f.paneId}, ${f.height}%)`,overflow:"hidden",zIndex:N?20:1,display:c&&!N?"none":"block",padding:N?"0px":`${A/2}px`,boxSizing:"border-box"},children:jsx(mn,{paneId:f.paneId,renderPane:I})},f.paneId)}),!c&&U.map(f=>jsx(gn,{splitter:f,resizerSize:A,snapThreshold:P,containerRef:m},f.id))]});if(t===void 0){let f=s!==null&&s===a,N=Z=>{l(Z),m.current=Z;},Y=`${h.dashboard||""} ${f&&h.dashboardDismissActive||""} ${g&&h.dashboardLocked||""}`.trim();return jsxs("div",{ref:N,className:Y,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:[R(),s!==null&&!g&&jsx(Rt,{activeClassName:h.rootDropPreview??h.dropPreview})]})}return jsx("div",{ref:m,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:R()})};var St=e=>{let{controller:t,children:n,renderDragOverlay:r,classNames:o={},renderPane:s,resizerSize:a,dragActivationDistance:l=8,snapThreshold:c=8,minSplitPercentage:d=5,maxSplitPercentage:g=95,enableDragToDismiss:h=false,dismissThreshold:y=60,onRemove:w,onDragStart:P,onDragEnd:A,onResizeStart:I,onResize:B,onResizeEnd:m,onDismissIntentChange:O}=e,U=t,{layout:R,setLayout:f,_internalSetLayout:N,fullscreenPaneId:Y,setFullscreenPaneId:Z,locked:z,setLocked:G,findPaneById:te,findPaneContainingTab:q,findTabById:C,getTabMetadata:D,getActiveTabMetadata:K,activeId:v,setActiveId:F,activeType:x,setActiveType:u,dismissIntentId:$,setDismissIntentId:L,containerRef:T,setContainerRef:ne,layoutBeforeDrag:V,setLayoutBeforeDrag:W,removePane:J,addTab:Q,updateMetadata:b,updatePaneLock:S,selectTab:k,mergeTab:re,removeTab:j,splitPane:i,updateSplitPercentage:p,moveTab:E}=U,{portalTargets:M,registerPortalTarget:H,registerRenderCallback:ie,renderCallbacksRef:oe}=dt(),[pe,ae]=useState(null),[xe,at]=useState(null),$t=ht({layout:R,_internalSetLayout:N,layoutBeforeDrag:V,setLayoutBeforeDrag:W,activeId:v,setActiveId:F,setActiveType:u,dismissIntentId:$,setDismissIntentId:L,setOverTabId:ae,setOverTabPosition:at,containerRef:T,dragActivationDistance:l,enableDragToDismiss:h,dismissThreshold:y,onRemove:w,onDragStart:P,onDragEnd:A,onDismissIntentChange:O,removeTab:j}),st=useMemo(()=>o,[o.dashboard,o.dashboardDismissActive,o.pane,o.paneLocked,o.dropPreview,o.rootDropPreview,o.dragOverlay,o.resizer,o.dismissPreview,o.dashboardLocked,o.lockedPreview,o.tabDropPreview,o.tabSeparator,o.tabsContainer,o.tab,o.paneContainer,o.paneHeader,o.paneControls,o.paneButton,o.tabCloseButton,o.dragHandle]),it=useCallback((le,me)=>{m&&m(le,me);},[m]),At=useMemo(()=>({layout:R,setLayout:f,activeId:v,activeType:x,dismissIntentId:$,setContainerRef:ne,fullscreenPaneId:Y,classNames:st,onRemove:w,onFullscreenChange:Z,snapThreshold:c,onResizeStart:I,onResize:B,onResizeEnd:it,minSplitPercentage:d,maxSplitPercentage:g,locked:z,setLocked:G,findPaneById:te,findPaneContainingTab:q,findTabById:C,getTabMetadata:D,getActiveTabMetadata:K,renderPane:s,resizerSize:a}),[R,v,x,$,ne,Y,st,w,Z,c,I,B,d,g,f,it,z,G,te,q,C,D,K,s,a]),Bt=useMemo(()=>({overTabId:pe,overTabPosition:xe}),[pe,xe]),Ht=useMemo(()=>({removePane:J,addTab:Q,updateMetadata:b,updatePaneLock:S,selectTab:k,mergeTab:re,removeTab:j,setFullscreenPaneId:Z,setLocked:G,splitPane:i,updateSplitPercentage:p,moveTab:E}),[J,Q,b,S,k,re,j,Z,G,i,p,E]),Ot=useMemo(()=>{let le=new Set;function me(fe){fe&&(fe.type==="pane"?fe.tabs.forEach(Vt=>{le.add(Vt);}):fe.type==="split"&&(me(fe.first),me(fe.second)));}return me(R),V&&me(V),Array.from(le).sort()},[R,v,V]),Ft=useMemo(()=>({registerPortalTarget:H,registerRenderCallback:ie,renderCallbacksRef:oe}),[H,ie,oe]);return jsx(Ke.Provider,{value:Ht,children:jsx(ke.Provider,{value:At,children:jsx(Qe.Provider,{value:Bt,children:jsxs(ze.Provider,{value:Ft,children:[jsx(DndContext,{id:"zeugma-dnd-context",...$t,children:n}),v&&x&&r&&jsx(Tt,{activeId:v,render:le=>r({type:x,id:le,isDismissing:v===$}),className:`${o.dragOverlay||""} ${v===$&&o.dismissPreview||""}`.trim()}),jsx("div",{id:"zeugma-portal-host",style:{display:"none"},children:Ot.map(le=>{let me=M[le],fe=C(le);return fe?jsx(Pt,{tabDetails:fe,target:me||null,renderWidget:oe.current[le]},le):null})})]})})})})},Dt=({renderPane:e,resizerSize:t,snapThreshold:n})=>jsx(tt,{renderPane:e,resizerSize:t,snapThreshold:n}),Tn=e=>{if(!(useContext(ke)!==void 0)){let{controller:r,renderPane:o,...s}=e;if(!r)throw new Error("Zeugma component requires a controller when used standalone.");return jsx(St,{controller:r,renderPane:o,...s,children:jsx(Dt,{...s})})}return jsx(Dt,{...e})};var yn={top:{"1/4":{position:"absolute",top:0,left:0,width:"100%",height:"24px",zIndex:100,pointerEvents:"auto"},"1/3":{position:"absolute",top:"24px",left:0,width:"100%",height:"24px",zIndex:100,pointerEvents:"auto"}},bottom:{"1/4":{position:"absolute",bottom:0,left:0,width:"100%",height:"24px",zIndex:100,pointerEvents:"auto"},"1/3":{position:"absolute",bottom:"24px",left:0,width:"100%",height:"24px",zIndex:100,pointerEvents:"auto"}},left:{"1/4":{position:"absolute",left:0,top:"48px",width:"24px",height:"calc(100% - 96px)",zIndex:100,pointerEvents:"auto"},"1/3":{position:"absolute",left:"24px",top:"48px",width:"24px",height:"calc(100% - 96px)",zIndex:100,pointerEvents:"auto"}},right:{"1/4":{position:"absolute",right:0,top:"48px",width:"24px",height:"calc(100% - 96px)",zIndex:100,pointerEvents:"auto"},"1/3":{position:"absolute",right:"24px",top:"48px",width:"24px",height:"calc(100% - 96px)",zIndex:100,pointerEvents:"auto"}}},Rn={top:{"1/4":{top:0,left:0,width:"100%",height:"60px",borderBottomLeftRadius:"12px",borderBottomRightRadius:"12px",borderTopLeftRadius:"0px",borderTopRightRadius:"0px"},"1/3":{top:0,left:0,width:"100%",height:"96px",borderBottomLeftRadius:"12px",borderBottomRightRadius:"12px",borderTopLeftRadius:"0px",borderTopRightRadius:"0px"}},bottom:{"1/4":{bottom:0,left:0,width:"100%",height:"60px",borderTopLeftRadius:"12px",borderTopRightRadius:"12px",borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px"},"1/3":{bottom:0,left:0,width:"100%",height:"96px",borderTopLeftRadius:"12px",borderTopRightRadius:"12px",borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px"}},left:{"1/4":{left:0,top:0,width:"60px",height:"100%",borderTopRightRadius:"12px",borderBottomRightRadius:"12px",borderTopLeftRadius:"0px",borderBottomLeftRadius:"0px"},"1/3":{left:0,top:0,width:"96px",height:"100%",borderTopRightRadius:"12px",borderBottomRightRadius:"12px",borderTopLeftRadius:"0px",borderBottomLeftRadius:"0px"}},right:{"1/4":{right:0,top:0,width:"60px",height:"100%",borderTopLeftRadius:"12px",borderBottomLeftRadius:"12px",borderTopRightRadius:"0px",borderBottomRightRadius:"0px"},"1/3":{right:0,top:0,width:"96px",height:"100%",borderTopLeftRadius:"12px",borderBottomLeftRadius:"12px",borderTopRightRadius:"0px",borderBottomRightRadius:"0px"}}},Cn=({id:e,fraction:t,edge:n,activeClassName:r})=>{let{setNodeRef:o,isOver:s}=useDroppable({id:e}),a={position:"absolute",pointerEvents:"none",zIndex:101,boxSizing:"border-box",...Rn[n][t]};return jsxs(Fragment,{children:[jsx("div",{ref:o,style:yn[n][t]}),s&&jsx("div",{className:r,style:a})]})},Rt=({activeClassName:e})=>jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:99,pointerEvents:"none"},children:[{id:"drop-root-1/4-top",fraction:"1/4",edge:"top"},{id:"drop-root-1/3-top",fraction:"1/3",edge:"top"},{id:"drop-root-1/4-bottom",fraction:"1/4",edge:"bottom"},{id:"drop-root-1/3-bottom",fraction:"1/3",edge:"bottom"},{id:"drop-root-1/4-left",fraction:"1/4",edge:"left"},{id:"drop-root-1/3-left",fraction:"1/3",edge:"left"},{id:"drop-root-1/4-right",fraction:"1/4",edge:"right"},{id:"drop-root-1/3-right",fraction:"1/3",edge:"right"}].map(n=>jsx(Cn,{id:n.id,fraction:n.fraction,edge:n.edge,activeClassName:e},n.id))});var Ve=createContext(null);var In={top:{position:"absolute",top:0,left:0,width:"100%",height:"25%",zIndex:20,pointerEvents:"auto"},bottom:{position:"absolute",bottom:0,left:0,width:"100%",height:"25%",zIndex:20,pointerEvents:"auto"},left:{position:"absolute",top:"25%",left:0,width:"50%",height:"50%",zIndex:20,pointerEvents:"auto"},right:{position:"absolute",top:"25%",right:0,width:"50%",height:"50%",zIndex:20,pointerEvents:"auto"},full:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:20,pointerEvents:"auto",cursor:"not-allowed"}},Ln={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"}},nt=({id:e,position:t,activeClassName:n})=>{let{setNodeRef:r,isOver:o}=useDroppable({id:e});return jsxs(Fragment,{children:[jsx("div",{ref:r,style:In[t]}),o&&jsx("div",{className:n,style:Ln[t]})]})};var Nt=({children:e,className:t,style:n})=>{let r=useContext(Ve);if(!r)throw new Error("<DragHandle> must be used inside a <Pane>");let{disabled:o,...s}=r;return jsx("div",{className:t,style:{cursor:o?"default":"grab",userSelect:o?"auto":"none",touchAction:o?"auto":"none",...n},...o?{}:s,children:e})};var On=createContext(void 0);var Ie=({id:e,locked:t=false,children:n,className:r,style:o})=>{let{locked:s,classNames:a={},activeType:l}=se(),{overTabId:c}=Ae(),d=useContext(ot),g=t||s||(d?.locked??false),{attributes:h,listeners:y,setNodeRef:w,isDragging:P}=useDraggable({id:`tab-header-${e}`,disabled:g}),{setNodeRef:A,isOver:I}=useDroppable({id:`tab-drop-${e}`,disabled:g||l==="pane"}),B=q=>{w(q),A(q);},m=I&&c===e,O=d?.tabs||[],U=O.indexOf(e),R=d?.activeTabId,N=U>0&&e!==R&&O[U-1]!==R?jsx("div",{className:a.tabSeparator}):null,Y=d?d.activeTabId===e:false,Z=d?.tabsMetadata?.[e],z=useCallback(()=>{d?.selectTab(e);},[d,e]),G=useCallback(()=>{d?.removeTab(e);},[d,e]),te=useMemo(()=>({tabId:e,isActive:Y,isDragging:P,isOver:m,metadata:Z,locked:g,selectTab:z,removeTab:G}),[e,Y,P,m,Z,g,z,G]);return jsx(On.Provider,{value:te,children:jsxs("div",{ref:B,className:r,style:{display:"inline-flex",position:"relative",cursor:g?"default":"grab",...o},...g?{}:y,...g?{}:h,children:[N,n({isDragging:P,isOver:m})]})})};var ot=createContext(void 0);var Et=(e,t)=>typeof e=="function"?e(t):e,rt=({tabs:e,activeTabId:t,locked:n,tabsMetadata:r,selectTab:o,removeTab:s,renderTab:a,classNames:l,styles:c})=>{let d=useContext(We),g=e??d?.tabs??[],h=t??d?.activeTabId??"",y=n??d?.locked??false,w=r??d?.tabsMetadata,P=o??d?.selectTab??(()=>{}),A=s??d?.removeTab??(()=>{}),{classNames:I={},activeType:B}=se(),{overTabId:m,overTabPosition:O}=Ae(),U=useMemo(()=>({tabs:g,activeTabId:h,locked:y,tabsMetadata:w,selectTab:P,removeTab:A}),[g,h,y,w,P,A]),R=gt(g,B,m,O);return jsx(ot.Provider,{value:U,children:jsxs("div",{className:l?.container,style:{display:"flex",alignItems:"center",height:"100%",...c?.container},children:[g.map((f,N)=>{let Y=w?.[f],Z=Et(l?.tab,f),z=Et(c?.tab,f),G=N===R;return jsxs(rn.Fragment,{children:[G&&I.tabDropPreview&&jsx("div",{style:{position:"relative",height:"100%",width:0,zIndex:10},children:jsx("div",{className:I.tabDropPreview,style:{position:"absolute",top:0,bottom:0,transform:N===0?"none":"translateX(-50%)"}})}),jsx(Ie,{id:f,locked:y,className:Z,style:z,children:({isDragging:te,isOver:q})=>a({tabId:f,activeTabId:h,isDragging:te,isOver:q,metadata:Y,onSelect:()=>P(f),onRemove:()=>A(f)})})]},f)}),R===g.length&&I.tabDropPreview&&jsx("div",{style:{position:"relative",height:"100%",width:0,zIndex:10},children:jsx("div",{className:I.tabDropPreview,style:{position:"absolute",top:0,bottom:0,transform:"translateX(-100%)"}})})]})})};rt.Tab=Ie;var Zt=({className:e,style:t,children:n})=>jsx("div",{className:e,style:t,children:n});var We=createContext(void 0),zt=()=>{let e=useContext(We);if(!e)throw new Error("usePaneContext must be used within a Pane component");return e},Kn=({children:e,className:t,style:n})=>{let{activeTabId:r}=zt(),{classNames:o}=se(),s=useRef(null),a=useContext(ze);if(!a)throw new Error("PaneContent must be used within a Zeugma provider");let{registerPortalTarget:l,registerRenderCallback:c}=a,d=useMemo(()=>typeof e=="function"?e:()=>e,[e]);return c(r,d),useEffect(()=>{let g=s.current;return l(r,g),()=>{l(r,null);}},[r,l]),jsx("div",{ref:s,id:`zeugma-tab-target-${r}`,className:`${o.tabContentWrapper||""} ${t||""}`.trim(),style:{height:"100%",width:"100%",...n}})},Se=({id:e,children:t,style:n,locked:r=false})=>{let{layout:o,activeId:s,classNames:a,fullscreenPaneId:l,onFullscreenChange:c,locked:d}=se(),{removePane:g,updateMetadata:h,selectTab:y,removeTab:w}=$e(),P=useMemo(()=>ee(o,e),[o,e]),A=P?.id??e,I=P?.tabs??[e],B=P?.activeTabId??e,m=P?.tabsMetadata,O=m?.[e],U=P?.locked??false,R=r||U,f=d||R,N=d||R,Y=s!==null&&s!==e&&(!I.includes(s)||I.length>1)&&!N,{attributes:Z,listeners:z,setNodeRef:G}=useDraggable({id:e,disabled:f}),te=s!==null&&I.includes(s),q=l===e,C=useMemo(()=>({isDragging:te,isFullscreen:q,toggleFullscreen:()=>c?.(q?null:e),remove:()=>{q&&c?.(null),g(A);},metadata:O,updateMetadata:v=>{h(e,v);},locked:f,tabs:I,activeTabId:B,selectTab:v=>y(A,v),removeTab:v=>{q&&v===B&&c?.(null),w(v);},tabsMetadata:m,updateTabMetadata:(v,F)=>{h(v,F);}}),[te,q,c,e,w,O,h,f,I,B,y,A,m]),D=useMemo(()=>f?{disabled:true}:{...z,...Z},[z,Z,f]),K=`${a.pane||""} ${R&&a.paneLocked||""}`.trim();return jsx(We.Provider,{value:{id:e,...C},children:jsx(Ve.Provider,{value:D,children:jsxs("div",{ref:G,className:K,style:{position:"relative",width:"100%",height:"100%",...n},children:[t,Y&&jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:["top","bottom","left","right"].map(v=>jsx(nt,{id:`drop-${v}-${e}`,position:v,activeClassName:a.dropPreview},v))}),s!==null&&s!==e&&N&&jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:jsx(nt,{id:`drop-locked-${e}`,position:"full",activeClassName:a.lockedPreview||""})})]})})})};Se.Content=Kn;Se.DragHandle=Nt;Se.Tabs=rt;Se.Tab=Ie;Se.Controls=Zt;export{Se as Pane,tt as PaneTree,Tn as Zeugma,St as ZeugmaProvider,zt as usePaneContext,et as useResizer,Xt as useZeugma,Yt as useZeugmaContext};//# sourceMappingURL=index.js.map
|
|
6
|
+
`,document.head.appendChild(o),t.setAttribute("data-resizing","true");let i=l=>{n(l);},a=()=>{document.body.classList.remove("zeugma-resizing"),t.removeAttribute("data-resizing");let l=document.getElementById("zeugma-global-cursor-style");l&&l.remove(),document.removeEventListener("pointermove",i),document.removeEventListener("pointerup",a),r();};document.addEventListener("pointermove",i),document.addEventListener("pointerup",a);}var ze=createContext(void 0),Qe=createContext(void 0),$e=createContext(void 0),je=createContext(void 0),se=()=>{let e=useContext(ze);if(!e)throw new Error("useZeugmaState must be used within a Zeugma provider");return e},Ae=()=>{let e=useContext(Qe);if(!e)throw new Error("useZeugmaActions must be used within a Zeugma provider");return e},Be=()=>{let e=useContext(je);if(!e)throw new Error("useZeugmaDrag must be used within a Zeugma provider");return e};var Xt=()=>{let e=se(),t=Ae();return {layout:e.layout,setLayout:e.setLayout,fullscreenPaneId:e.fullscreenPaneId,setFullscreenPaneId:t.setFullscreenPaneId,locked:e.locked,setLocked:t.setLocked,removePane:t.removePane,addTab:t.addTab,updateMetadata:t.updateMetadata,updatePaneLock:t.updatePaneLock,selectTab:t.selectTab,mergeTab:t.mergeTab,removeTab:t.removeTab,splitPane:t.splitPane,updateSplitPercentage:t.updateSplitPercentage,moveTab:t.moveTab,findPaneById:e.findPaneById,findPaneContainingTab:e.findPaneContainingTab,findTabById:e.findTabById,getTabMetadata:e.getTabMetadata,getActiveTabMetadata:e.getActiveTabMetadata}};var He=class extends PointerSensor{static activators=[{eventName:"onPointerDown",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]},Oe=class extends TouchSensor{static activators=[{eventName:"onTouchStart",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]};function Fe(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 Tt(e){let{layout:t,_internalSetLayout:n,layoutBeforeDrag:r,setLayoutBeforeDrag:o,activeId:i,setActiveId:a,setActiveType:l,dismissIntentId:c,setDismissIntentId:p,setOverTabId:g,setOverTabPosition:v,containerRef:D,dragActivationDistance:N,enableDragToDismiss:P,dismissThreshold:z,onRemove:I,onDragStart:$,onDragEnd:m,onDismissIntentChange:B,removeTab:U,removePane:E}=e,f=useRef(null),T=ut(i),[j,L]=useState(false);dt(j);let Z=useSensors(useSensor(He,{activationConstraint:{distance:N}}),useSensor(Oe,{activationConstraint:{delay:250,tolerance:5}})),q=useCallback(k=>{let A=k.active.id.toString().startsWith("tab-header-"),w=pointerWithin(k),R=A?w:w.filter(u=>!u.id.toString().startsWith("tab-drop-"));if(R.length>0)return [...R].sort((F,y)=>{let C=F.id.toString(),te=y.id.toString();if(A){let W=C.startsWith("tab-drop-"),_=te.startsWith("tab-drop-");if(W&&!_)return -1;if(!W&&_)return 1}let V=C.startsWith("drop-root-"),O=te.startsWith("drop-root-");return V&&!O?-1:!V&&O?1:0});if(A){let u=k.droppableContainers.filter(F=>F.id.toString().startsWith("tab-drop-"));return closestCenter({...k,droppableContainers:u})}return []},[]);return {sensors:Z,collisionDetection:q,onDragStart:k=>{let x=k.active.id.toString(),A=x.startsWith("tab-header-"),w=A?x.substring(11):x;a(w),l(A?"tab":"pane"),g(null),v(null);let R=k.activatorEvent;T.current=Fe(R),P&&D.current?f.current=D.current.getBoundingClientRect():f.current=null;let u=t;if(A){let F=K(t,w);F&&(u=Re(t,F.id,w)||t);}o(u),A&&u!==t&&n(u),$&&$(w);},onDragMove:k=>{let{over:x}=k,A=x?.id.toString()||"",w=A.startsWith("drop-locked-");L(b=>b===w?b:w);let R=k.active.id.toString(),u=R.startsWith("tab-header-"),F=u?R.substring(11):R,y=A.match(/^tab-drop-(.+)$/);if(y&&x&&u){let[,b]=y;if(F!==b){let h="before",re=x.rect,ae=k.activatorEvent,s=null;if(T.current)s=T.current.x;else {let d=Fe(ae);d&&(s=d.x+k.delta.x);}if(s!==null){let d=re.left+re.width/2;s>d&&(h="after");}g(d=>d===b?d:b),v(d=>d===h?d:h);}else g(h=>h===null?h:null),v(h=>h===null?h:null);}else g(b=>b===null?b:null),v(b=>b===null?b:null);if(!P)return;let C=f.current;if(!C){c!==null&&(p(null),B?.(null));return}let te=k.activatorEvent,V=null,O=null;if(T.current)V=T.current.x,O=T.current.y;else {let b=Fe(te);b&&(V=b.x+k.delta.x,O=b.y+k.delta.y);}let W=0;if(V!==null&&O!==null){let b=0,h=0;V<C.left?b=C.left-V:V>C.right&&(b=V-C.right),O<C.top?h=C.top-O:O>C.bottom&&(h=O-C.bottom),W=Math.sqrt(b*b+h*h);}else {let b=k.active.rect.current.translated;if(b){let h=b.left+b.width/2,re=b.top+b.height/2,ae=0,s=0;h<C.left?ae=C.left-h:h>C.right&&(ae=h-C.right),re<C.top?s=C.top-re:re>C.bottom&&(s=re-C.bottom),W=Math.sqrt(ae*ae+s*s);}}W>z?c!==F&&(p(F),B?.(F)):c!==null&&(p(null),B?.(null));},onDragEnd:k=>{a(null),l(null),L(false),g(null),v(null);let{active:x,over:A}=k,w=x.id.toString(),R=w.startsWith("tab-header-"),u=R?w.substring(11):w,F=P&&c===u;p(null),B?.(null),f.current=null;let y=r||t;if(o(null),F){I?I(u):R?U(u):E(u),m&&m(u,null,null);return}if(!A){n(y),m&&m(u,null,null);return}let C=A.id.toString();if(C.startsWith("drop-locked-")){n(y),m&&m(u,null,null);return}let te=C.match(/^tab-drop-(.+)$/);if(te){if(!R){n(y),m&&m(u,null,null);return}let[,M]=te;if(u!==M){let G="before",X=A.rect,ce=k.activatorEvent,ne=null;if(T.current)ne=T.current.x;else {let oe=Fe(ce);oe&&(ne=oe.x+k.delta.x);}if(ne!==null){let oe=X.left+X.width/2;ne>oe&&(G="after");}let xe=ke(y,u,M,G);n(xe),m&&m(u,M,{type:"move",position:"center"});}else n(y),m&&m(u,null,null);return}let V=C.match(/^drop-root-(1\/4|1\/3)-(top|bottom|left|right|start|end)$/);if(V){let[,M,G]=V,X=G;X==="start"&&(X="left"),X==="end"&&(X="right");let ce=R?pe(y,u):be(y,u),ne;if(R){let oe=K(y,u)?.tabsMetadata?.[u];ne={type:"pane",id:de(),tabs:[u],activeTabId:u,tabsMetadata:oe?{[u]:oe}:void 0};}else ne=Q(y,u)??{type:"pane",id:de(),tabs:[u],activeTabId:u};if(ce===null)n(ne);else {let xe=X==="left"||X==="right",oe=X==="left"||X==="top",we=50;M==="1/4"?we=oe?25:75:M==="1/3"&&(we=oe?100/3:200/3),n({type:"split",direction:xe?"row":"column",first:oe?ne:ce,second:oe?ce:ne,splitPercentage:we});}m&&m(u,"root",{type:"split",direction:X==="left"||X==="right"?"row":"column",position:X});return}let O=C.match(/^drop-(left|right|top|bottom)-(.+)$/);if(!O){n(y),m&&m(u,null,null);return}let[,W,_]=O,b=R?K(y,u):Q(y,u),h=b&&b.id===_,re=b&&b.tabs.length===1;if(u===_||h&&re){n(y),m&&m(u,null,null);return}let ae=W==="left"||W==="right"?"row":"column",s;if(R){let G=K(y,u)?.tabsMetadata?.[u];s={type:"pane",id:de(),tabs:[u],activeTabId:u,tabsMetadata:G?{[u]:G}:void 0};}else s=Q(y,u)??{type:"pane",id:de(),tabs:[u],activeTabId:u};let d=R?pe(y,u):be(y,u),H=ye(d,_,ae,W,s);n(H),m&&m(u,_,{type:"split",direction:ae,position:W});},onDragCancel:()=>{a(null),l(null),L(false),g(null),v(null),p(null),B?.(null),f.current=null,r!==null&&(n(r),o(null));}}}var Pt=({activeId:e,render:t,className:n})=>{let r=useRef(null);return useEffect(()=>{let o=i=>{r.current&&(r.current.style.transform=`translate(${i.clientX+12}px, ${i.clientY+12}px)`);};return document.addEventListener("pointermove",o),()=>document.removeEventListener("pointermove",o)},[]),jsx("div",{ref:r,className:n,style:{position:"fixed",top:0,left:0,zIndex:9999,pointerEvents:"none"},children:t(e)})};var xt=on.memo(({tabDetails:e,target:t,renderWidget:n})=>{let{id:r}=e,[o,i]=useState(false),a=useRef(null);if(useEffect(()=>{i(true);},[]),useEffect(()=>{if(!o||!a.current)return;let c=a.current;if(t)t.appendChild(c);else {let p=document.getElementById("zeugma-hidden-portal-container");p||(p=document.createElement("div"),p.id="zeugma-hidden-portal-container",p.style.display="none",document.body.appendChild(p)),p.appendChild(c);}},[t,o]),useEffect(()=>()=>{a.current&&a.current.remove();},[]),!o)return null;a.current||(a.current=document.createElement("div"),a.current.className=`zeugma-portal-wrapper-${r}`,a.current.style.width="100%",a.current.style.height="100%");let l=a.current;return !l||!n?null:createPortal(n(e),l)},(e,t)=>e.target===t.target&&e.renderWidget===t.renderWidget&&e.tabDetails.id===t.tabDetails.id&&e.tabDetails.paneId===t.tabDetails.paneId&&e.tabDetails.isActive===t.tabDetails.isActive&&e.tabDetails.index===t.tabDetails.index&&e.tabDetails.metadata===t.tabDetails.metadata);function tt({containerRef:e,isRow:t,direction:n,splitPercentage:r,resizerSize:o,snapThreshold:i,layout:a,currentNode:l,onLayoutChange:c,onResizeStart:p,onResizeEnd:g,parentLeft:v,parentTop:D,parentWidth:N,parentHeight:P}){let{onResizeStart:z,onResize:I,onResizeEnd:$,minSplitPercentage:m=5,maxSplitPercentage:B=95,locked:U=false}=se();return useCallback(E=>{if(U)return;E.preventDefault();let f=e.current;if(!f)return;p&&p(),z&&z(l);let T=f.getBoundingClientRect(),j=E.clientX,L=E.clientY,Z=r,q=E.currentTarget,ee=T.left+T.width*(v/100),J=T.top+T.height*(D/100),S=T.width*(N/100),ie=T.height*(P/100),x=Array.from(document.querySelectorAll('div[role="separator"][data-direction]')).filter(w=>w!==q&&w.getAttribute("data-direction")===n).map(w=>{let R=w.getBoundingClientRect();return t?R.left+R.width/2:R.top+R.height/2}),A=Z;vt({cursor:t?"col-resize":"row-resize",resizerEl:q,onMove:w=>{let R=t?(w.clientX-j)/S*100:(w.clientY-L)/ie*100,u=Z+R,F=t?ee+(S-o)*(u/100)+o/2:J+(ie-o)*(u/100)+o/2,y=1/0,C=null;for(let W of x){let _=Math.abs(F-W);_<i&&_<y&&(y=_,C=W);}let te=u;C!==null&&(te=t?(C-o/2-ee)/(S-o)*100:(C-o/2-J)/(ie-o)*100);let V=Math.max(m,Math.min(B,te));A=V;let O=he(a,l,V);if(O){let{panes:W,splitters:_}=ge(O),b=e.current;if(b){for(let h of W)b.style.setProperty(`--pane-left-${h.paneId}`,`${h.left}%`),b.style.setProperty(`--pane-top-${h.paneId}`,`${h.top}%`),b.style.setProperty(`--pane-width-${h.paneId}`,`${h.width}%`),b.style.setProperty(`--pane-height-${h.paneId}`,`${h.height}%`);for(let h of _)b.style.setProperty(`--splitter-pos-${h.id}`,`${h.direction==="row"?h.left:h.top}%`);}}I&&I(l,V);},onEnd:()=>{let w=he(a,l,A),R=e.current;if(R){let{panes:u,splitters:F}=ge(w);for(let y of u)R.style.removeProperty(`--pane-left-${y.paneId}`),R.style.removeProperty(`--pane-top-${y.paneId}`),R.style.removeProperty(`--pane-width-${y.paneId}`),R.style.removeProperty(`--pane-height-${y.paneId}`);for(let y of F)R.style.removeProperty(`--splitter-pos-${y.id}`);}c(w),g&&g(),$&&$(l,A);}});},[e,t,n,r,o,i,a,l,c,p,g,z,I,$,m,B,v,D,N,P])}var fn=({splitter:e,resizerSize:t,snapThreshold:n,containerRef:r})=>{let{layout:o,setLayout:i,classNames:a,locked:l}=se(),[c,p]=useState(false),{currentNode:g,direction:v,left:D,top:N,width:P,height:z,parentLeft:I,parentTop:$,parentWidth:m,parentHeight:B}=e,U=v==="row",E=tt({containerRef:r,isRow:U,direction:v,splitPercentage:g.splitPercentage,resizerSize:t,snapThreshold:n,layout:o,currentNode:g,onLayoutChange:i,onResizeStart:()=>p(true),onResizeEnd:()=>p(false),parentLeft:I,parentTop:$,parentWidth:m,parentHeight:B}),f=U?{position:"absolute",left:`calc(var(--splitter-pos-${e.id}, ${D}%) - ${t/2}px)`,top:`calc(${N}% + ${t/2}px)`,width:`${t}px`,height:`calc(${z}% - ${t}px)`,cursor:l?"default":"col-resize",pointerEvents:l?"none":"auto",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box"}:{position:"absolute",left:`calc(${D}% + ${t/2}px)`,top:`calc(var(--splitter-pos-${e.id}, ${N}%) - ${t/2}px)`,width:`calc(${P}% - ${t}px)`,height:`${t}px`,cursor:l?"default":"row-resize",pointerEvents:l?"none":"auto",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box"};return jsx("div",{className:a.resizer||"","data-direction":v,"data-resizing":c||void 0,style:f,onPointerDown:E,role:"separator","aria-valuenow":g.splitPercentage,"aria-valuemin":5,"aria-valuemax":95})},gn=on.memo(({paneId:e,renderPane:t})=>jsx(Fragment,{children:t(e)}),(e,t)=>e.paneId===t.paneId&&e.renderPane===t.renderPane),nt=({renderPane:e,tree:t,resizerSize:n,snapThreshold:r})=>{let{layout:o,activeId:i,dismissIntentId:a,setContainerRef:l,fullscreenPaneId:c,snapThreshold:p,locked:g,classNames:v,renderPane:D,resizerSize:N}=se(),P=r!==void 0?r:p??8,z=n!==void 0?n:N??4,I=e!==void 0?e:D;if(!I)throw new Error("PaneTree must be provided a renderPane prop or used within a Zeugma provider with renderPane.");let $=t!==void 0?t:o,m=useRef(null),{panes:B,splitters:U}=useMemo(()=>$?ge($):{panes:[],splitters:[]},[$]);if(!$)return null;let E=()=>jsxs(Fragment,{children:[B.map(f=>{let T=c===f.paneId;return jsx("div",{style:{position:"absolute",left:T?"0%":`var(--pane-left-${f.paneId}, ${f.left}%)`,top:T?"0%":`var(--pane-top-${f.paneId}, ${f.top}%)`,width:T?"100%":`var(--pane-width-${f.paneId}, ${f.width}%)`,height:T?"100%":`var(--pane-height-${f.paneId}, ${f.height}%)`,overflow:"hidden",zIndex:T?20:1,display:c&&!T?"none":"block",padding:T?"0px":`${z/2}px`,boxSizing:"border-box"},children:jsx(gn,{paneId:f.paneId,renderPane:I})},f.paneId)}),!c&&U.map(f=>jsx(fn,{splitter:f,resizerSize:z,snapThreshold:P,containerRef:m},f.id))]});if(t===void 0){let f=i!==null&&i===a,T=L=>{l(L),m.current=L;},j=`${v.dashboard||""} ${f&&v.dashboardDismissActive||""} ${g&&v.dashboardLocked||""}`.trim();return jsxs("div",{ref:T,className:j,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:[E(),i!==null&&!g&&jsx(Ct,{activeClassName:v.rootDropPreview??v.dropPreview})]})}return jsx("div",{ref:m,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:E()})};var hn=e=>{let{controller:t,children:n,renderDragOverlay:r,classNames:o={},renderPane:i,resizerSize:a,dragActivationDistance:l=8,snapThreshold:c=8,minSplitPercentage:p=5,maxSplitPercentage:g=95,enableDragToDismiss:v=false,dismissThreshold:D=60,onRemove:N,onDragStart:P,onDragEnd:z,onResizeStart:I,onResize:$,onResizeEnd:m,onDismissIntentChange:B}=e,U=t,{layout:E,setLayout:f,_internalSetLayout:T,fullscreenPaneId:j,setFullscreenPaneId:L,locked:Z,setLocked:q,findPaneById:ee,findPaneContainingTab:J,findTabById:S,getTabMetadata:ie,getActiveTabMetadata:k,activeId:x,setActiveId:A,activeType:w,setActiveType:R,dismissIntentId:u,setDismissIntentId:F,containerRef:y,setContainerRef:C,layoutBeforeDrag:te,setLayoutBeforeDrag:V,removePane:O,addTab:W,updateMetadata:_,updatePaneLock:b,selectTab:h,mergeTab:re,removeTab:ae,splitPane:s,updateSplitPercentage:d,moveTab:H}=U,{portalTargets:M,registerPortalTarget:G,registerRenderCallback:X,renderCallbacksRef:ce}=pt(),[ne,xe]=useState(null),[oe,we]=useState(null),st=Tt({layout:E,_internalSetLayout:T,layoutBeforeDrag:te,setLayoutBeforeDrag:V,activeId:x,setActiveId:A,setActiveType:R,dismissIntentId:u,setDismissIntentId:F,setOverTabId:xe,setOverTabPosition:we,containerRef:y,dragActivationDistance:l,enableDragToDismiss:v,dismissThreshold:D,onRemove:N,onDragStart:P,onDragEnd:z,onDismissIntentChange:B,removeTab:ae,removePane:O}),it=useMemo(()=>o,[o.dashboard,o.dashboardDismissActive,o.pane,o.paneLocked,o.dropPreview,o.rootDropPreview,o.dragOverlay,o.resizer,o.dismissPreview,o.dashboardLocked,o.lockedPreview,o.tabDropPreview,o.tabSeparator,o.tabsContainer,o.tab,o.paneContainer,o.paneHeader,o.paneControls,o.paneButton,o.tabCloseButton,o.dragHandle]),lt=useCallback((ue,me)=>{m&&m(ue,me);},[m]),$t=useMemo(()=>({layout:E,setLayout:f,activeId:x,activeType:w,dismissIntentId:u,setContainerRef:C,fullscreenPaneId:j,classNames:it,onRemove:N,onFullscreenChange:L,snapThreshold:c,onResizeStart:I,onResize:$,onResizeEnd:lt,minSplitPercentage:p,maxSplitPercentage:g,locked:Z,setLocked:q,findPaneById:ee,findPaneContainingTab:J,findTabById:S,getTabMetadata:ie,getActiveTabMetadata:k,renderPane:i,resizerSize:a}),[E,x,w,u,C,j,it,N,L,c,I,$,p,g,f,lt,Z,q,ee,J,S,ie,k,i,a]),At=useMemo(()=>({overTabId:ne,overTabPosition:oe}),[ne,oe]),Bt=useMemo(()=>({removePane:O,addTab:W,updateMetadata:_,updatePaneLock:b,selectTab:h,mergeTab:re,removeTab:ae,setFullscreenPaneId:L,setLocked:q,splitPane:s,updateSplitPercentage:d,moveTab:H}),[O,W,_,b,h,re,ae,L,q,s,d,H]),Ht=useMemo(()=>{let ue=new Set;function me(fe){fe&&(fe.type==="pane"?fe.tabs.forEach(Ft=>{ue.add(Ft);}):fe.type==="split"&&(me(fe.first),me(fe.second)));}return me(E),te&&me(te),Array.from(ue).sort()},[E,x,te]),Ot=useMemo(()=>({registerPortalTarget:G,registerRenderCallback:X,renderCallbacksRef:ce}),[G,X,ce]);return jsx(Qe.Provider,{value:Bt,children:jsx(ze.Provider,{value:$t,children:jsx(je.Provider,{value:At,children:jsxs($e.Provider,{value:Ot,children:[jsx(DndContext,{id:"zeugma-dnd-context",...st,children:n}),x&&w&&r&&jsx(Pt,{activeId:x,render:ue=>r({type:w,id:ue,isDismissing:x===u}),className:`${o.dragOverlay||""} ${x===u&&o.dismissPreview||""}`.trim()}),jsx("div",{id:"zeugma-portal-host",style:{display:"none"},children:Ht.map(ue=>{let me=M[ue],fe=S(ue);return fe?jsx(xt,{tabDetails:fe,target:me||null,renderWidget:ce.current[ue]},ue):null})})]})})})})},St=({renderPane:e,resizerSize:t,snapThreshold:n})=>jsx(nt,{renderPane:e,resizerSize:t,snapThreshold:n}),Tn=e=>{let n=useContext(ze)!==void 0,{children:r,...o}=e;if(!n){let{controller:i}=e;if(!i)throw new Error("Zeugma component requires a controller when used standalone.");return jsx(hn,{...e,children:r!==void 0?r:jsx(St,{...o})})}return r!==void 0?jsx(Fragment,{children:r}):jsx(St,{...e})};var Rn={top:{"1/4":{position:"absolute",top:0,left:0,width:"100%",height:"24px",zIndex:100,pointerEvents:"auto"},"1/3":{position:"absolute",top:"24px",left:0,width:"100%",height:"24px",zIndex:100,pointerEvents:"auto"}},bottom:{"1/4":{position:"absolute",bottom:0,left:0,width:"100%",height:"24px",zIndex:100,pointerEvents:"auto"},"1/3":{position:"absolute",bottom:"24px",left:0,width:"100%",height:"24px",zIndex:100,pointerEvents:"auto"}},left:{"1/4":{position:"absolute",left:0,top:"48px",width:"24px",height:"calc(100% - 96px)",zIndex:100,pointerEvents:"auto"},"1/3":{position:"absolute",left:"24px",top:"48px",width:"24px",height:"calc(100% - 96px)",zIndex:100,pointerEvents:"auto"}},right:{"1/4":{position:"absolute",right:0,top:"48px",width:"24px",height:"calc(100% - 96px)",zIndex:100,pointerEvents:"auto"},"1/3":{position:"absolute",right:"24px",top:"48px",width:"24px",height:"calc(100% - 96px)",zIndex:100,pointerEvents:"auto"}}},Cn={top:{"1/4":{top:0,left:0,width:"100%",height:"60px",borderBottomLeftRadius:"12px",borderBottomRightRadius:"12px",borderTopLeftRadius:"0px",borderTopRightRadius:"0px"},"1/3":{top:0,left:0,width:"100%",height:"96px",borderBottomLeftRadius:"12px",borderBottomRightRadius:"12px",borderTopLeftRadius:"0px",borderTopRightRadius:"0px"}},bottom:{"1/4":{bottom:0,left:0,width:"100%",height:"60px",borderTopLeftRadius:"12px",borderTopRightRadius:"12px",borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px"},"1/3":{bottom:0,left:0,width:"100%",height:"96px",borderTopLeftRadius:"12px",borderTopRightRadius:"12px",borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px"}},left:{"1/4":{left:0,top:0,width:"60px",height:"100%",borderTopRightRadius:"12px",borderBottomRightRadius:"12px",borderTopLeftRadius:"0px",borderBottomLeftRadius:"0px"},"1/3":{left:0,top:0,width:"96px",height:"100%",borderTopRightRadius:"12px",borderBottomRightRadius:"12px",borderTopLeftRadius:"0px",borderBottomLeftRadius:"0px"}},right:{"1/4":{right:0,top:0,width:"60px",height:"100%",borderTopLeftRadius:"12px",borderBottomLeftRadius:"12px",borderTopRightRadius:"0px",borderBottomRightRadius:"0px"},"1/3":{right:0,top:0,width:"96px",height:"100%",borderTopLeftRadius:"12px",borderBottomLeftRadius:"12px",borderTopRightRadius:"0px",borderBottomRightRadius:"0px"}}},Dn=({id:e,fraction:t,edge:n,activeClassName:r})=>{let{setNodeRef:o,isOver:i}=useDroppable({id:e}),a={position:"absolute",pointerEvents:"none",zIndex:101,boxSizing:"border-box",...Cn[n][t]};return jsxs(Fragment,{children:[jsx("div",{ref:o,style:Rn[n][t]}),i&&jsx("div",{className:r,style:a})]})},Ct=({activeClassName:e})=>jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:99,pointerEvents:"none"},children:[{id:"drop-root-1/4-top",fraction:"1/4",edge:"top"},{id:"drop-root-1/3-top",fraction:"1/3",edge:"top"},{id:"drop-root-1/4-bottom",fraction:"1/4",edge:"bottom"},{id:"drop-root-1/3-bottom",fraction:"1/3",edge:"bottom"},{id:"drop-root-1/4-left",fraction:"1/4",edge:"left"},{id:"drop-root-1/3-left",fraction:"1/3",edge:"left"},{id:"drop-root-1/4-right",fraction:"1/4",edge:"right"},{id:"drop-root-1/3-right",fraction:"1/3",edge:"right"}].map(n=>jsx(Dn,{id:n.id,fraction:n.fraction,edge:n.edge,activeClassName:e},n.id))});var We=createContext(null);var Ln={top:{position:"absolute",top:0,left:0,width:"100%",height:"25%",zIndex:20,pointerEvents:"auto"},bottom:{position:"absolute",bottom:0,left:0,width:"100%",height:"25%",zIndex:20,pointerEvents:"auto"},left:{position:"absolute",top:"25%",left:0,width:"50%",height:"50%",zIndex:20,pointerEvents:"auto"},right:{position:"absolute",top:"25%",right:0,width:"50%",height:"50%",zIndex:20,pointerEvents:"auto"},full:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:20,pointerEvents:"auto",cursor:"not-allowed"}},En={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"}},ot=({id:e,position:t,activeClassName:n})=>{let{setNodeRef:r,isOver:o}=useDroppable({id:e});return jsxs(Fragment,{children:[jsx("div",{ref:r,style:Ln[t]}),o&&jsx("div",{className:n,style:En[t]})]})};var Nt=({children:e,className:t,style:n})=>{let r=useContext(We);if(!r)throw new Error("<DragHandle> must be used inside a <Pane>");let{disabled:o,...i}=r;return jsx("div",{className:t,style:{cursor:o?"default":"grab",userSelect:o?"auto":"none",touchAction:o?"auto":"none",...n},...o?{}:i,children:e})};var Fn=createContext(void 0);var Le=({id:e,locked:t=false,children:n,className:r,style:o})=>{let{locked:i,classNames:a={},activeType:l}=se(),{overTabId:c}=Be(),p=useContext(rt),g=t||i||(p?.locked??false),{attributes:v,listeners:D,setNodeRef:N,isDragging:P}=useDraggable({id:`tab-header-${e}`,disabled:g}),{setNodeRef:z,isOver:I}=useDroppable({id:`tab-drop-${e}`,disabled:g||l==="pane"}),$=J=>{N(J),z(J);},m=I&&c===e,B=p?.tabs||[],U=B.indexOf(e),E=p?.activeTabId,T=U>0&&e!==E&&B[U-1]!==E?jsx("div",{className:a.tabSeparator}):null,j=p?p.activeTabId===e:false,L=p?.tabsMetadata?.[e],Z=useCallback(()=>{p?.selectTab(e);},[p,e]),q=useCallback(()=>{p?.removeTab(e);},[p,e]),ee=useMemo(()=>({tabId:e,isActive:j,isDragging:P,isOver:m,metadata:L,locked:g,selectTab:Z,removeTab:q}),[e,j,P,m,L,g,Z,q]);return jsx(Fn.Provider,{value:ee,children:jsxs("div",{ref:$,className:r,style:{display:"inline-flex",position:"relative",cursor:g?"default":"grab",...o},...g?{}:D,...g?{}:v,children:[T,n({isDragging:P,isOver:m})]})})};var rt=createContext(void 0);var Et=(e,t)=>typeof e=="function"?e(t):e,at=({tabs:e,activeTabId:t,locked:n,tabsMetadata:r,selectTab:o,removeTab:i,renderTab:a,classNames:l,styles:c})=>{let p=useContext(Ue),g=e??p?.tabs??[],v=t??p?.activeTabId??"",D=n??p?.locked??false,N=r??p?.tabsMetadata,P=o??p?.selectTab??(()=>{}),z=i??p?.removeTab??(()=>{}),{classNames:I={},activeType:$}=se(),{overTabId:m,overTabPosition:B}=Be(),U=useMemo(()=>({tabs:g,activeTabId:v,locked:D,tabsMetadata:N,selectTab:P,removeTab:z}),[g,v,D,N,P,z]),E=mt(g,$,m,B);return jsx(rt.Provider,{value:U,children:jsxs("div",{className:l?.container,style:{display:"flex",alignItems:"center",height:"100%",...c?.container},children:[g.map((f,T)=>{let j=N?.[f],L=Et(l?.tab,f),Z=Et(c?.tab,f),q=T===E;return jsxs(on.Fragment,{children:[q&&I.tabDropPreview&&jsx("div",{style:{position:"relative",height:"100%",width:0,zIndex:10},children:jsx("div",{className:I.tabDropPreview,style:{position:"absolute",top:0,bottom:0,transform:T===0?"none":"translateX(-50%)"}})}),jsx(Le,{id:f,locked:D,className:L,style:Z,children:({isDragging:ee,isOver:J})=>a({tabId:f,activeTabId:v,isDragging:ee,isOver:J,metadata:j,onSelect:()=>P(f),onRemove:()=>z(f)})})]},f)}),E===g.length&&I.tabDropPreview&&jsx("div",{style:{position:"relative",height:"100%",width:0,zIndex:10},children:jsx("div",{className:I.tabDropPreview,style:{position:"absolute",top:0,bottom:0,transform:"translateX(-100%)"}})})]})})};at.Tab=Le;var kt=({className:e,style:t,children:n})=>jsx("div",{className:e,style:t,children:n});var Ue=createContext(void 0),zt=()=>{let e=useContext(Ue);if(!e)throw new Error("usePaneContext must be used within a Pane component");return e},Qn=({children:e,className:t,style:n})=>{let{activeTabId:r}=zt(),{classNames:o}=se(),i=useRef(null),a=useContext($e);if(!a)throw new Error("PaneContent must be used within a Zeugma provider");let{registerPortalTarget:l,registerRenderCallback:c}=a,p=useMemo(()=>typeof e=="function"?e:()=>e,[e]);return c(r,p),useEffect(()=>{let g=i.current;return l(r,g),()=>{l(r,null);}},[r,l]),jsx("div",{ref:i,id:`zeugma-tab-target-${r}`,className:`${o.tabContentWrapper||""} ${t||""}`.trim(),style:{height:"100%",width:"100%",...n}})},Se=({id:e,children:t,style:n,locked:r=false})=>{let{layout:o,activeId:i,classNames:a,fullscreenPaneId:l,onFullscreenChange:c,locked:p}=se(),{removePane:g,updateMetadata:v,selectTab:D,removeTab:N}=Ae(),P=useMemo(()=>Q(o,e),[o,e]),z=P?.id??e,I=P?.tabs??[e],$=P?.activeTabId??e,m=P?.tabsMetadata,B=m?.[e],U=P?.locked??false,E=r||U,f=p||E,T=p||E,j=i!==null&&i!==e&&(!I.includes(i)||I.length>1)&&!T,{attributes:L,listeners:Z,setNodeRef:q}=useDraggable({id:e,disabled:f}),ee=i!==null&&I.includes(i),J=l===e,S=useMemo(()=>({isDragging:ee,isFullscreen:J,toggleFullscreen:()=>c?.(J?null:e),remove:()=>{J&&c?.(null),g(z);},metadata:B,updateMetadata:x=>{v(e,x);},locked:f,tabs:I,activeTabId:$,selectTab:x=>D(z,x),removeTab:x=>{J&&x===$&&c?.(null),N(x);},tabsMetadata:m,updateTabMetadata:(x,A)=>{v(x,A);}}),[ee,J,c,e,N,B,v,f,I,$,D,z,m]),ie=useMemo(()=>f?{disabled:true}:{...Z,...L},[Z,L,f]),k=`${a.pane||""} ${E&&a.paneLocked||""}`.trim();return jsx(Ue.Provider,{value:{id:e,...S},children:jsx(We.Provider,{value:ie,children:jsxs("div",{ref:q,className:k,style:{position:"relative",width:"100%",height:"100%",...n},children:[t,j&&jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:["top","bottom","left","right"].map(x=>jsx(ot,{id:`drop-${x}-${e}`,position:x,activeClassName:a.dropPreview},x))}),i!==null&&i!==e&&T&&jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:jsx(ot,{id:`drop-locked-${e}`,position:"full",activeClassName:a.lockedPreview||""})})]})})})};Se.Content=Qn;Se.DragHandle=Nt;Se.Tabs=at;Se.Tab=Le;Se.Controls=kt;export{Se as Pane,nt as PaneTree,Tn as Zeugma,zt as usePaneContext,tt as useResizer,Ut as useZeugma,Xt as useZeugmaContext};//# sourceMappingURL=index.js.map
|
|
7
7
|
//# sourceMappingURL=index.js.map
|