react-table-dnd 2.0.0 → 2.0.1

package/README.md

@@ -51,7 +51,7 @@
 npm install react-table-dnd
 ```
 
-> Requires `react` and `react-dom` >= 17.0.0
+> Requires `react` and `react-dom` >= 18.0.0
 
 ## Quick Start
 

package/dist/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),s=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},c=(n,r,a)=>(a=n==null?{}:e(i(n)),s(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let l=require(`react`);l=c(l);let u=require(`react/jsx-runtime`),d=require(`react-dom`),f=require(`classnames`);f=c(f);var p=({children:e,className:t})=>(0,u.jsx)(`div`,{"data-flexitable-root":``,className:t??``,children:e}),m=o((e=>{var t=require(`react`);function n(e,t){return e===t&&(e!==0||1/e==1/t)||e!==e&&t!==t}var r=typeof Object.is==`function`?Object.is:n,i=t.useState,a=t.useEffect,o=t.useLayoutEffect,s=t.useDebugValue;function c(e,t){var n=t(),r=i({inst:{value:n,getSnapshot:t}}),c=r[0].inst,u=r[1];return o(function(){c.value=n,c.getSnapshot=t,l(c)&&u({inst:c})},[e,n,t]),a(function(){return l(c)&&u({inst:c}),e(function(){l(c)&&u({inst:c})})},[e]),s(n),n}function l(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!r(e,n)}catch{return!0}}function u(e,t){return t()}var d=typeof window>`u`||window.document===void 0||window.document.createElement===void 0?u:c;e.useSyncExternalStore=t.useSyncExternalStore===void 0?d:t.useSyncExternalStore})),h=o((e=>{process.env.NODE_ENV!==`production`&&(function(){function t(e,t){return e===t&&(e!==0||1/e==1/t)||e!==e&&t!==t}function n(e,t){d||a.startTransition===void 0||(d=!0,console.error(`You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release.`));var n=t();if(!f){var i=t();o(n,i)||(console.error(`The result of getSnapshot should be cached to avoid an infinite loop`),f=!0)}i=s({inst:{value:n,getSnapshot:t}});var p=i[0].inst,m=i[1];return l(function(){p.value=n,p.getSnapshot=t,r(p)&&m({inst:p})},[e,n,t]),c(function(){return r(p)&&m({inst:p}),e(function(){r(p)&&m({inst:p})})},[e]),u(n),n}function r(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!o(e,n)}catch{return!0}}function i(e,t){return t()}typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<`u`&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart==`function`&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());var a=require(`react`),o=typeof Object.is==`function`?Object.is:t,s=a.useState,c=a.useEffect,l=a.useLayoutEffect,u=a.useDebugValue,d=!1,f=!1,p=typeof window>`u`||window.document===void 0||window.document.createElement===void 0?i:n;e.useSyncExternalStore=a.useSyncExternalStore===void 0?p:a.useSyncExternalStore,typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<`u`&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop==`function`&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())})()})),g=o(((e,t)=>{process.env.NODE_ENV===`production`?t.exports=m():t.exports=h()}))(),_=(0,l.createContext)(null),v=e=>{let t=(0,l.useContext)(_);if(!t)throw Error(`useTableStore must be used within TableProvider`);return(0,g.useSyncExternalStore)(t.subscribe,()=>e(t.getState()))},y=()=>{let e=(0,l.useContext)(_);if(!e)throw Error(`useTableDispatch must be used within TableProvider`);return e.dispatch},b=()=>{let e=(0,l.useContext)(_);if(!e)throw Error(`useTable must be used within a TableProvider`);return{state:(0,g.useSyncExternalStore)(e.subscribe,e.getState),dispatch:e.dispatch}};function x(e,t){let n=t,r=new Set;return{getState:()=>n,dispatch(t){n=e(n,t),r.forEach(e=>e())},subscribe(e){return r.add(e),()=>{r.delete(e)}}}}var S=30,C=e=>{let{headerRef:t,bodyRef:n}=e,r=(0,l.useRef)(null),i=(0,l.useRef)(t),a=(0,l.useRef)(!1),o=(0,l.useRef)(!1),s=(0,l.useRef)(0),c=(0,l.useRef)(null),u=(0,l.useRef)({x:0,y:0}),d=(0,l.useRef)(null),f=(0,l.useCallback)(e=>{d.current=e},[]),p=(0,l.useCallback)(()=>{o.current=!1,a.current=!1,c.current!==null&&(cancelAnimationFrame(c.current),c.current=null)},[]),m=(0,l.useCallback)((e,t,n)=>{let l=n===`vertical`,f=l?o:a;if(!f.current)return;let p=d.current;if(p){let e=u.current;if(l){let t=e.y<p.top+S,n=e.y>p.bottom-S;if(!t&&!n){f.current=!1;return}}else{let t=e.x<p.left+S,n=e.x>p.right-S;if(!t&&!n){f.current=!1;return}}}let m=l?t.scrollHeight-t.clientHeight:t.scrollWidth-t.clientWidth;if(l)t.scrollTop+=e;else{t.scrollLeft+=e;let n=i.current;n?.current&&(n.current.scrollLeft=t.scrollLeft)}let h=l?t.scrollTop:t.scrollLeft;if(h>=m||h<=0){f.current=!1;return}s.current+=e/1e3,c.current=requestAnimationFrame(()=>r.current?.(e+s.current,t,n))},[]);return(0,l.useEffect)(()=>{r.current=m},[m]),{startAutoScroll:(0,l.useCallback)((e,t,n)=>{let r=n===`vertical`?o:a;r.current||(r.current=!0,s.current=0,c.current=requestAnimationFrame(()=>m(e,t,n)))},[m]),stopAutoScroll:p,setContainerRect:f,isAutoScrollingVertical:o,isAutoScrollingHorizontal:a,pointerRef:u,BodyScrollHandle:(0,l.useCallback)(e=>{t?.current&&e.currentTarget&&(t.current.scrollLeft=e.currentTarget.scrollLeft)},[t]),HeaderScrollHandle:(0,l.useCallback)(e=>{n?.current&&e.currentTarget&&(n.current.scrollLeft=e.currentTarget.scrollLeft)},[n])}},w=300,T=8,E=.92,D=.5;function O(e,t,n,r){let i=(0,l.useRef)(null),a=(0,l.useRef)({x:0,y:0}),o=(0,l.useRef)(null),s=(0,l.useRef)(!1),c=(0,l.useRef)(null),u=(0,l.useRef)(null),d=(0,l.useCallback)(()=>{u.current!==null&&(cancelAnimationFrame(u.current),u.current=null)},[]),f=(0,l.useCallback)(()=>{i.current&&=(clearTimeout(i.current),null),o.current=null,c.current&&=(c.current(),null)},[]);return{touchStart:(0,l.useCallback)(l=>{if(l.target===l.currentTarget)return;let p=l.target,m=!1;for(;p&&!(p.dataset?.contextid||p.dataset?.disabled===`true`);){if(p.dataset?.id){m=!0;break}p=p.parentNode}if(!m)return;d(),f(),s.current=!0,window.getSelection()?.removeAllRanges();let h=l.touches[0];a.current={x:h.clientX,y:h.clientY},o.current=l;let g=e.tableRef?.current;if(!g)return;let _=!1,v=!1,y=h.clientY,b=h.clientX,x=0,S=0,C=Date.now(),O=e=>e.preventDefault();document.addEventListener(`selectstart`,O);let k=(t=>{let n=e.bodyRef?.current,r=t;for(;r&&r!==n;){let e=window.getComputedStyle(r),t=e.overflowY,n=e.overflowX,i=(t===`auto`||t===`scroll`)&&r.scrollHeight>r.clientHeight,a=(n===`auto`||n===`scroll`)&&r.scrollWidth>r.clientWidth;if(i||a)return r;r=r.parentElement}return n??document.body})(l.target),A=t=>{t.preventDefault();let n=t.touches[0],s=Date.now(),c=Math.max(s-C,1);if(C=s,v){let t=n.clientY-y,r=n.clientX-b;if(k){let n=e.bodyRef?.current,i=t>0&&k.scrollTop<=0,a=t<0&&k.scrollTop+k.clientHeight>=k.scrollHeight-1,o=r>0&&k.scrollLeft<=0,s=r<0&&k.scrollLeft+k.clientWidth>=k.scrollWidth-1,c=i||a,l=o||s;k===n?(k.scrollTop-=t,k.scrollLeft-=r):(l||(k.scrollLeft-=r),c||(k.scrollTop-=t),n&&(c&&(n.scrollTop-=t),l&&(n.scrollLeft-=r)))}x=-t/c*16,S=-r/c*16,y=n.clientY,b=n.clientX}else if(_)r(n.clientX,n.clientY);else{let e=n.clientX-a.current.x,t=n.clientY-a.current.y;(Math.abs(e)>T||Math.abs(t)>T)&&(i.current&&=(clearTimeout(i.current),null),o.current=null,v=!0,y=n.clientY,b=n.clientX,x=0,S=0,C=Date.now())}},j=()=>{if(_)M(),n();else{if(f(),v&&k&&(Math.abs(x)>D||Math.abs(S)>D)){let e=k,t=()=>{x*=E,S*=E,e.scrollTop+=x,e.scrollLeft+=S,Math.abs(x)>D||Math.abs(S)>D?u.current=requestAnimationFrame(t):u.current=null};u.current=requestAnimationFrame(t)}setTimeout(()=>{s.current=!1},400)}},M=()=>{g.removeEventListener(`touchmove`,A),g.removeEventListener(`touchend`,j),g.removeEventListener(`touchcancel`,j),document.removeEventListener(`selectstart`,O),c.current=null};g.addEventListener(`touchmove`,A,{passive:!1}),g.addEventListener(`touchend`,j,!1),g.addEventListener(`touchcancel`,j,!1),c.current=M,i.current=setTimeout(()=>{i.current=null,_=!0;let e=o.current;o.current=null,e&&t(e,h.clientX,h.clientY)},w)},[t,n,r,f,d,e.tableRef?.current,e.bodyRef?.current]),cancelLongPress:f,isTouchActiveRef:s}}var k=`transform 450ms cubic-bezier(0.2, 0, 0, 1)`,A=(e,t,n,r)=>{let i=(0,l.useRef)({width:0,height:0}),a=(0,l.useRef)(null),o=(0,l.useRef)(new Set),s=(0,l.useRef)(new Set),c=(0,l.useRef)(new Map),u=(0,l.useCallback)((t,n,r,a)=>{let o=e.placeholderRef?.current;if(!o||!t){o&&(o.style.display=`none`);return}let s=i.current,c=t.getBoundingClientRect(),l=e.tableRef?.current?.getBoundingClientRect(),u=(n??0)<(r??0);o.style.display=`block`,a===`row`?(o.style.top=`${u?c.top+c.height-s.height:c.top}px`,o.style.left=`${l?.left??c.left}px`,o.style.width=`${l?.width??c.width}px`,o.style.height=`${s.height}px`):(o.style.top=`${l?.top??c.top}px`,o.style.left=`${u?c.left+c.width-s.width:c.left}px`,o.style.width=`${s.width}px`,o.style.height=`${l?.height??c.height}px`)},[e.placeholderRef,e.tableRef]);return{applyShiftTransforms:(0,l.useCallback)((e,l,d)=>{if(e===null||l===null)return;let f=i.current,p=a.current,m=p===null,h=m?-1/0:Math.min(p,l,e)-1,g=m?1/0:Math.max(p,l,e)+1,_=null,v=(d===`row`?t.current:n.current).get(l);v&&(_=v.outer),u(_,e,l,d);let y=(t,n,r)=>{let i=(t,i,a)=>{let s=``;t>e&&t<=l?s=`translate${n}(-${r}px)`:t<e&&t>=l&&(s=`translate${n}(${r}px)`),a.style.transform=s,a.style.transition=t===e?`none`:k,s&&o.current.add(a),t===l?i.setAttribute(`data-drop-target`,`true`):i.removeAttribute(`data-drop-target`)};if(m)for(let[e,{outer:n,inner:r}]of t)i(e,n,r);else for(let e=h;e<=g;e++){let n=t.get(e);n&&i(e,n.outer,n.inner)}};if(d===`row`)y(t.current,`Y`,f.height);else if(d===`column`){y(n.current,`X`,f.width);let t=r.current,i=c.current,a=(t,n,r)=>{let a=``;t>e&&t<=l?a=`translateX(-${f.width}px)`:t<e&&t>=l&&(a=`translateX(${f.width}px)`);for(let e of n)i.get(e)!==a&&(e.style.transform=a,r&&(e.style.transition=k),i.set(e,a),a&&s.current.add(e))};if(m)for(let[e,n]of t)a(e,n,!0);else for(let e=h;e<=g;e++){let n=t.get(e);n&&a(e,n,!1)}}a.current=l},[u,t,n,r]),clearShiftTransforms:(0,l.useCallback)(()=>{let t=e.placeholderRef?.current;t&&(t.style.display=`none`);for(let e of o.current){e.style.transition=`none`,e.style.transform=``;let t=e.parentElement;t&&t.removeAttribute(`data-drop-target`)}o.current.clear();for(let e of s.current)e.style.transition=`none`,e.style.transform=``;s.current.clear(),c.current.clear(),a.current=null},[e.placeholderRef]),prevTargetIndexRef:a,draggedSizeRef:i}},j=e=>{let t=(0,l.useRef)(new Map),n=(0,l.useRef)(new Map),r=(0,l.useRef)(new Map),i=(0,l.useRef)(!1),a=(0,l.useCallback)(()=>{t.current.clear(),n.current.clear(),r.current.clear()},[]),o=(0,l.useCallback)(e=>{t.current.clear();let n=e.querySelectorAll(`.draggable[data-type="row"]`);for(let e=0;e<n.length;e++){let r=n[e],i=r.dataset.index;if(i===void 0)continue;let a=r.firstElementChild;a&&t.current.set(+i,{outer:r,inner:a})}},[]),s=(0,l.useCallback)(e=>{n.current.clear();let t=e.querySelectorAll(`.draggable[data-type="column"]`);for(let e=0;e<t.length;e++){let r=t[e],i=r.dataset.index;if(i===void 0)continue;let a=r.firstElementChild;a&&n.current.set(+i,{outer:r,inner:a})}},[]),c=(0,l.useCallback)(e=>{r.current.clear();let t=e.querySelectorAll(`.td[data-col-index]`);for(let e=0;e<t.length;e++){let n=t[e],i=+n.dataset.colIndex;r.current.has(i)||r.current.set(i,[]),r.current.get(i).push(n)}},[]);return{rowIndexMapRef:t,colIndexMapRef:n,cellIndexMapRef:r,mapStaleRef:i,buildMaps:(0,l.useCallback)((t,n)=>{if(a(),n){if(t===`row`)o(n);else if(t===`column`){let t=e.headerRef?.current;t&&s(t),c(n)}}},[e.headerRef,a,o,s,c]),rebuildRowMap:(0,l.useCallback)(e=>{i.current=!1,o(e)},[o]),rebuildColumnMaps:(0,l.useCallback)((e,t)=>{i.current=!1,t&&s(t),c(e)},[s,c]),checkStaleness:(0,l.useCallback)(()=>{if(!i.current){if(t.current.size>0){let e=t.current.values().next().value;if(e&&!e.outer.isConnected){i.current=!0;return}}if(n.current.size>0){let e=n.current.values().next().value;e&&!e.outer.isConnected&&(i.current=!0)}}},[]),clearMaps:a}},M=(e,t)=>{let n=e,r=0,i=t.length-1;for(;r<i;){let e=Math.floor((r+i)/2),a=t[e];if(a.itemTop<=n&&n<=a.itemBottom)return n<a.itemTop+a.height/2?+a.index:+a.index+1;n<a.itemTop?i=e-1:r=e+1}return+t[r].index},N=(e,t)=>{let n=e,r=0,i=t.length-1;for(;r<i;){let e=Math.floor((r+i)/2),a=t[e];if(a.itemLeft<=n&&n<=a.itemRight)return n<a.itemLeft+a.width/2?+a.index:+a.index+1;n<a.itemLeft?i=e-1:r=e+1}return+t[r].index};function ee(e,t,n){let r=n.getBoundingClientRect();return e>r.left+n.clientWidth||t>r.top+n.clientHeight}var P=(e,t,n)=>{let r=Number(e);return t!==void 0&&r<t||n!==void 0&&r>n},te=(e,t)=>{let n=(0,l.useRef)(null),r=(0,l.useRef)(null),i=(0,l.useCallback)(()=>{let n=e.bodyRef?.current;if(!n)return null;let r=n.scrollTop,i=n.getBoundingClientRect().top,a=n.querySelectorAll(`.draggable[data-type="row"]`),o=[];for(let e=0;e<a.length;e++){let t=a[e];if(t.dataset.index===void 0)continue;let n=t.getBoundingClientRect(),s=n.top-i+r;o.push({height:n.height,itemTop:s,itemBottom:s+n.height,index:t.dataset.index})}let{start:s,end:c}=t.rowDragRange;return(s||c)&&(o=o.filter(e=>(!s||+e.index>=s)&&(!c||+e.index<=c))),o},[e.bodyRef,t.rowDragRange]),a=(0,l.useCallback)(()=>{let n=e.headerRef?.current;if(!n||!n.children[0])return null;let r=Array.from(n.children[0].children).map(e=>{let t=e.getBoundingClientRect();return{left:t.left,width:t.width,itemLeft:t.left,itemRight:t.left+t.width,index:e.dataset.index}}).filter(e=>e.index!==void 0),{start:i,end:a}=t.columnDragRange??{};return(i!==void 0||a!==void 0)&&(r=r.filter(e=>{let t=+e.index;return(i===void 0||t>=i)&&(a===void 0||t<=a)})),r},[e.headerRef,t.columnDragRange]);return{computeRowItems:i,computeColumnItems:a,resolveDropIndex:(0,l.useCallback)((e,t,r,o,s,c,l)=>{let u;if(r===`row`){if(u=n.current,u||(u=i(),n.current=u),u&&u.length>0)return M(t-c.y+l.height/2-o.top+s,u)}else if(u=n.current,u||(u=a(),n.current=u),u&&u.length>0)return N(e-c.x+l.width/2,u);return 0},[i,a]),cachedItemsRef:n,cachedContainerRef:r}},F=200,I=30,L=5;function ne(e){let t=e,n=!1;for(;t;){if(t.dataset?.dragHandle===`true`&&(n=!0),t.dataset?.contextid||t.dataset?.disabled===`true`)return null;if(t.dataset?.id)return{element:t,foundHandle:n};t=t.parentNode}return null}var R=(e,t,n,r,i,a)=>{let{startAutoScroll:o,stopAutoScroll:s,setContainerRect:c,pointerRef:u,isAutoScrollingVertical:f,isAutoScrollingHorizontal:p}=C(e),m=j(e),{rowIndexMapRef:h,colIndexMapRef:g,cellIndexMapRef:_,mapStaleRef:v}=m,{applyShiftTransforms:y,clearShiftTransforms:b,prevTargetIndexRef:x,draggedSizeRef:S}=A(e,h,g,_),w=te(e,i),{resolveDropIndex:T,cachedItemsRef:E,cachedContainerRef:D}=w,k=(0,l.useRef)(null),M=(0,l.useRef)({x:0,y:0}),N=(0,l.useRef)(null),P=(0,l.useRef)(null),R=(0,l.useRef)(!1),z=(0,l.useRef)(!1),B=(0,l.useRef)(null),V=(0,l.useRef)(null),H=(0,l.useRef)([]),U=(0,l.useCallback)((t,r,i)=>{let a=ne(t.target);if(!a)return;let{element:o,foundHandle:s}=a;if(!s&&o.querySelector(`[data-drag-handle]`))return;let l=o.dataset.id,d=+o.dataset.index,f=o.dataset.type;k.current=f??null,N.current=d,P.current=null,B.current=null,H.current=[],x.current=null,R.current=!1;let p=f===`row`?e.bodyRef?.current?.scrollLeft??0:0,h=o.getBoundingClientRect();S.current={width:h.width,height:h.height};let g={x:r-h.left-p,y:i-h.top};M.current=g,u.current={x:r,y:i};let _={x:h.left+p,y:h.top};E.current=f===`row`?w.computeRowItems():w.computeColumnItems();let v=e.bodyRef?.current;v&&(D.current=v.getBoundingClientRect(),c(D.current)),m.buildMaps(f,v??null);let y=e.tableRef?.current;y&&(y.style.touchAction=`none`);let b=o.firstElementChild;b&&(b.style.opacity=`0`,b.style.pointerEvents=`none`,b.style.zIndex=`2`,b.style.cursor=`-webkit-grabbing`),V.current=b;let C=e.cloneRef?.current;if(C){if(C.innerHTML=``,C.style.transform=`translate(${_.x}px, ${_.y}px)`,z.current=(v?.querySelector(`[data-type="row"]`))?.style.position===`absolute`,f===`row`){let e=o.firstElementChild?.firstElementChild;e&&C.appendChild(e.cloneNode(!0))}else if(f===`column`&&v){let e=String(d),t=o.querySelector(`.th`);if(t){let e=document.createElement(`div`);e.style.flexShrink=`0`,e.style.order=`-1`,e.appendChild(t.cloneNode(!0)),C.appendChild(e)}let n=document.createElement(`div`);n.style.flex=`1`;let r=document.createElement(`div`);r.className=`rbody`,r.style.height=`${v.scrollHeight}px`,r.style.position=`relative`,v.querySelectorAll(`[data-type="row"]`).forEach(t=>{let n=t.cloneNode(!0);if(z.current){let t=n.querySelector(`.tr`);if(t){let n=t.querySelector(`[data-col-index="${e}"]`);for(;t.firstChild;)t.removeChild(t.firstChild);n&&t.appendChild(n)}}else n.querySelectorAll(`[data-col-index]`).forEach(t=>{t.getAttribute(`data-col-index`)!==e&&t.remove()});r.appendChild(n)}),n.appendChild(r),z.current?(n.style.overflow=`auto`,n.style.scrollbarWidth=`none`,n.className=`clone-body-strip`):n.style.overflow=`hidden`,C.appendChild(n),B.current=n,H.current=[],v.querySelectorAll(`[data-col-index="${e}"]`).forEach(e=>{e.style.opacity=`0`,H.current.push(e)})}}n({type:`dragStart`,value:{rect:{draggedItemHeight:h.height,draggedItemWidth:h.width},dragged:{initial:g,translate:_,draggedID:l??null,isDragging:!0,sourceIndex:d},dragType:f??null,tableDimensions:{height:(e.tableRef?.current?.offsetHeight??0)-(v?v.offsetHeight-v.clientHeight:0),width:(e.tableRef?.current?.offsetWidth??0)-(v?v.offsetWidth-v.clientWidth:0)}}});let T=v?.scrollLeft??0,O=v?.scrollTop??0;requestAnimationFrame(()=>{let t=e.cloneRef?.current;t&&(f===`row`?t.scrollLeft=T:B.current&&(B.current.scrollTop=O))})},[n,e,u,c,w,m,E,D,S,x]),W=(0,l.useCallback)((t,r,i,o,s)=>{let c=e.cloneRef?.current;c&&(c.style.visibility=`hidden`),V.current&&=(V.current.style.opacity=``,V.current.style.pointerEvents=``,V.current.style.zIndex=``,V.current.style.cursor=``,null),H.current.forEach(e=>{e.style.opacity=``}),H.current=[];let l=e.tableRef?.current;l&&(l.style.touchAction=``),(0,d.flushSync)(()=>{a&&t!==null&&r!==null&&(i===`row`||i===`column`)&&a({sourceIndex:t,targetIndex:r,dragType:i}),n({type:`dragEnd`,value:{targetIndex:r,sourceIndex:t}})}),b();let u=e.bodyRef?.current;u&&(u.scrollTop=o,u.scrollLeft=s,requestAnimationFrame(()=>{u.scrollTop=o,u.scrollLeft=s}))},[n,e.bodyRef,e.cloneRef,e.tableRef,b,a]),G=(0,l.useCallback)(()=>{if(R.current)return;R.current=!0,J(),setTimeout(()=>{Y.current=!1},400);let t=P.current,n=N.current,r=k.current,i=e.bodyRef?.current,a=i?.scrollTop??0,o=i?.scrollLeft??0;E.current=null,D.current=null,s(),k.current=null,N.current=null,P.current=null;let c=e.cloneRef?.current,l=e.placeholderRef?.current;if(c&&l&&l.style.display!==`none`){let e=parseFloat(l.style.left)||0,i=parseFloat(l.style.top)||0;c.style.transition=`transform ${F}ms cubic-bezier(0.2, 0, 0, 1)`,c.style.transform=`translate(${e}px, ${i}px)`,setTimeout(()=>W(n,t,r,a,o),F)}else W(n,t,r,a,o)},[s,e.bodyRef,e.placeholderRef,e.cloneRef,W]),K=(0,l.useRef)(()=>{}),{touchStart:q,cancelLongPress:J,isTouchActiveRef:Y}=O(e,U,G,(e,t)=>K.current(e,t)),X=(0,l.useCallback)(e=>{e.button===0&&e.target!==e.currentTarget&&(Y.current||ee(e.clientX,e.clientY,e.target)||U(e,e.clientX,e.clientY))},[U,Y]),Z=(0,l.useCallback)((t,n)=>{if(R.current)return;let i=M.current;u.current.x=t,u.current.y=n;let a=e.bodyRef?.current;if(!a)return;let c=D.current;(!c||v.current)&&(c=a.getBoundingClientRect(),D.current=c);let l=a.scrollLeft,d=a.scrollTop,h=e.cloneRef?.current;h&&(h.style.transform=`translate(${t-i.x}px, ${n-i.y}px)`,k.current===`row`?h.scrollLeft=l:B.current&&(B.current.scrollTop=d));let g=k.current||r;if(z.current&&m.checkStaleness(),v.current&&(E.current=null,P.current=null,x.current=null,z.current?g===`row`?m.rebuildRowMap(a):m.rebuildColumnMaps(a,e.headerRef?.current??null):v.current=!1),g===`row`)if(n<c.top+I)o(-L,a,`vertical`),v.current=!0;else if(n>c.bottom-I)o(L,a,`vertical`),v.current=!0;else{let t=f.current;s(),t&&requestAnimationFrame(()=>{let t=e.bodyRef?.current;if(!t)return;z.current&&m.rebuildRowMap(t),E.current=null;let n=t.getBoundingClientRect();D.current=n;let r=T(u.current.x,u.current.y,`row`,n,t.scrollTop,M.current,S.current);P.current=r,x.current=null,y(N.current,r,`row`)})}else if(t<c.left+I)o(-L,a,`horizontal`),v.current=!0;else if(t>c.right-I)o(L,a,`horizontal`),v.current=!0;else{let t=p.current;s(),t&&requestAnimationFrame(()=>{let t=e.bodyRef?.current;if(!t)return;z.current&&m.rebuildColumnMaps(t,e.headerRef?.current??null),E.current=null;let n=t.getBoundingClientRect();D.current=n;let r=T(u.current.x,u.current.y,`column`,n,t.scrollTop,M.current,S.current);P.current=r,x.current=null,y(N.current,r,`column`)})}let _=T(t,n,g,c,d,i,S.current);_!==P.current&&(P.current=_,requestAnimationFrame(()=>y(N.current,_,g)))},[u,e.bodyRef,e.cloneRef,e.headerRef,r,o,s,f,p,m,T,y,E,D,v,x,S]);K.current=Z;let Q=(0,l.useCallback)(()=>{J(),E.current=null,D.current=null;let t=e.cloneRef?.current;t&&(t.style.visibility=`hidden`);let r=e.tableRef?.current;r&&(r.style.touchAction=``),n({type:`dragEnd`,value:{targetIndex:null,sourceIndex:null}}),s(),b(),k.current=null,N.current=null,P.current=null},[J,E,D,e.cloneRef,e.tableRef,n,s,b]);return(0,l.useLayoutEffect)(()=>{if(!t.isDragging){b();let t=e.cloneRef?.current;t&&(t.style.transition=``,t.style.transform=`translate(0px, 0px)`,t.style.visibility=``,t.scrollLeft=0,t.innerHTML=``)}},[t.isDragging,b,e.cloneRef]),(0,l.useEffect)(()=>{if(!t.isDragging)return;let e=0,n=0,r=!1,i=t=>{e=t.clientX,n=t.clientY,r||(r=!0,requestAnimationFrame(()=>{r=!1,Z(e,n)}))},a=()=>G(),o=e=>{e.key===`Escape`&&Q()};return window.addEventListener(`pointermove`,i),window.addEventListener(`pointerup`,a),window.addEventListener(`pointercancel`,a),window.addEventListener(`keydown`,o),()=>{window.removeEventListener(`pointermove`,i),window.removeEventListener(`pointerup`,a),window.removeEventListener(`pointercancel`,a),window.removeEventListener(`keydown`,o)}},[t.isDragging,Z,G,Q]),{dragStart:X,touchStart:q}},z={columnDragRange:{start:void 0,end:void 0},rowDragRange:{start:void 0,end:void 0},defaultSizing:50};function B(e,t){switch(t.type){case`setDragged`:return{...e,dragged:{...e.dragged,...t.value}};case`setDragType`:return{...e,dragType:t.value};case`setTableDimensions`:return{...e,tableDimensions:t.value};case`setRef`:return{...e,refs:{...e.refs,[t.refName]:t.value}};case`setBodyScrollBarWidth`:return{...e,bodyScrollBarWidth:t.value};case`setWidths`:return{...e,widths:t.value};case`setColumnIds`:return{...e,columnIds:t.value};case`setOptions`:return{...e,options:{...e.options,...t.value}};case`dragStart`:return{...e,rect:t.value.rect,dragged:{...e.dragged,...t.value.dragged},dragType:t.value.dragType,tableDimensions:t.value.tableDimensions};case`dragEnd`:return{...e,dragged:{initial:{x:0,y:0},translate:{x:0,y:0},isDragging:!1,draggedID:null,targetIndex:t.value?.targetIndex??null,sourceIndex:t.value?.sourceIndex??null},dragType:null,rect:{draggedItemWidth:0,draggedItemHeight:0}};default:throw Error(`Unhandled action`)}}var V={dragged:{initial:{x:0,y:0},translate:{x:0,y:0},isDragging:!1,draggedID:null,targetIndex:null,sourceIndex:null},dragType:null,rect:{draggedItemWidth:0,draggedItemHeight:0},tableDimensions:{height:0,width:0},refs:{tableRef:{current:null},bodyRef:{current:null},headerRef:{current:null},cloneRef:{current:null},placeholderRef:{current:null}},bodyScrollBarWidth:0,options:z,widths:[],columnIds:[]},H={position:`relative`,display:`flex`,flexFlow:`column`},U={position:`fixed`,pointerEvents:`none`,zIndex:3,top:0,left:0,display:`none`},W=(0,l.forwardRef)(({children:e,className:t,style:n,options:r,onDragEnd:i,renderPlaceholder:a},o)=>{let s=(0,l.useRef)(null),c=(0,l.useRef)(null),d=(0,l.useRef)(null);(0,l.useImperativeHandle)(o,()=>s.current,[]);let[f]=(0,l.useState)(()=>x(B,V)),m=(0,g.useSyncExternalStore)(f.subscribe,f.getState),h=f.dispatch;(0,l.useEffect)(()=>{h({type:`setRef`,refName:`tableRef`,value:s}),h({type:`setRef`,refName:`cloneRef`,value:c}),h({type:`setRef`,refName:`placeholderRef`,value:d})},[s,h]),(0,l.useEffect)(()=>{let e=()=>{s.current&&h({type:`setTableDimensions`,value:{height:s.current.offsetHeight,width:s.current.offsetWidth}})};return e(),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`resize`,e)}},[s,h]),(0,l.useEffect)(()=>{r&&h({type:`setOptions`,value:r})},[r,h]);let{dragStart:v,touchStart:y}=R(m.refs,m.dragged,h,m.dragType,m.options,i),b=(0,l.useMemo)(()=>({position:`fixed`,zIndex:`5`,pointerEvents:`none`,top:0,left:0,display:`flex`,flexDirection:`column`,height:m.dragType===`row`?m.rect.draggedItemHeight:`${m.tableDimensions.height}px`,width:m.dragType===`column`?`${m.rect.draggedItemWidth}px`:`${m.tableDimensions.width}px`,overflow:`scroll`,scrollbarWidth:`none`,boxShadow:m.dragged.isDragging?`0 0 10px 0 rgba(0, 0, 0, 0.1)`:`none`}),[m.dragType,m.dragged.isDragging,m.rect.draggedItemHeight,m.rect.draggedItemWidth,m.tableDimensions.height,m.tableDimensions.width]);return(0,u.jsx)(_.Provider,{value:f,children:(0,u.jsxs)(p,{className:m.dragged.isDragging?`is-dragging`:``,children:[(0,u.jsx)(`div`,{id:`portalroot`,style:{...b,visibility:m.dragged.isDragging?`visible`:`hidden`},ref:c}),(0,u.jsx)(`div`,{ref:d,style:U,children:a?a():(0,u.jsx)(`div`,{style:{width:`100%`,height:`100%`}})}),(0,u.jsx)(`div`,{"data-contextid":`context`,ref:s,onMouseDown:v,onTouchStart:y,style:{...H,...n},className:`table ${t??``}`,children:e})]})})});W.displayName=`TableProvider`;var G=(0,l.forwardRef)(({children:e,style:t,className:n},r)=>{let i=(0,l.useRef)(null),a=r||i,o=v(e=>e.bodyScrollBarWidth),s=v(e=>e.dragged.isDragging),c=v(e=>e.refs),d=y(),f=(0,l.useCallback)(e=>`current`in e?e.current:null,[]);(0,l.useEffect)(()=>{i.current&&d({type:`setRef`,refName:`headerRef`,value:i})},[d]);let{HeaderScrollHandle:p}=C(c),m={display:`flex`,flex:`1 0 auto`},h=(0,l.useMemo)(()=>({overflowX:`scroll`,overflowY:`clip`,scrollbarWidth:`none`,display:`flex`,paddingRight:`${o}px`,userSelect:s?`none`:`auto`,...t}),[o,s,t]);return(0,l.useLayoutEffect)(()=>{let e=f(a);e&&d({type:`setWidths`,value:Array.from(e.querySelectorAll(`.th`)).map(e=>{let t=e.getAttribute(`data-width`);return t?parseInt(t,10):0})})},[e,d,f,a]),(0,l.useLayoutEffect)(()=>{let e=f(a);e&&d({type:`setColumnIds`,value:Array.from(e.querySelectorAll(`.draggable`)).map(e=>e.getAttribute(`data-id`)||``)})},[e,d,f,a]),(0,u.jsx)(`div`,{className:`header ${n??``}`,children:(0,u.jsx)(`div`,{className:`thead`,style:h,"data-droppableid":`header`,onScroll:p,ref:a,children:(0,u.jsx)(`div`,{style:m,className:`tr`,children:e})})})});G.displayName=`TableHeader`;var K=(0,l.memo)(({children:e,id:t,index:n,type:r,styles:i={}})=>{let a=v(e=>e.options.rowDragRange),o=v(e=>e.options.columnDragRange),s=(0,l.useMemo)(()=>r===`row`?P(n,a.start,a.end):P(n,o.start,o.end),[n,o.end,o.start,a.end,a.start,r]),c=(0,l.useRef)(null),d=(0,l.useMemo)(()=>({cursor:s?`auto`:`-webkit-grab`,display:`flex`}),[s]);return(0,l.useEffect)(()=>{c.current&&c.current.querySelector(`[data-drag-handle]`)&&(c.current.style.cursor=`auto`)},[e,s]),(0,u.jsx)(`div`,{className:`draggable`,"data-id":t,"data-index":n,"data-type":r,"data-disabled":s?`true`:`false`,style:i,children:(0,u.jsx)(`div`,{ref:c,style:d,children:e})})});K.displayName=`Draggable`;var q=(0,l.memo)(({children:e,style:t,className:n,...r})=>{let i=v(e=>e.options.defaultSizing),{width:a,flex:o,...s}=t??{},c=(0,l.useMemo)(()=>a===void 0?i:typeof a==`number`?a:parseFloat(String(a))||i,[a,i]),d=(0,l.useMemo)(()=>({width:`${c}px`,flex:o===void 0?`${c} 0 auto`:o}),[c,o]);return(0,u.jsx)(K,{...r,styles:d,type:`column`,children:(0,u.jsx)(`div`,{className:`th ${n??``}`,"data-width":c,style:{width:`100%`,...s},children:e})})});q.displayName=`ColumnCell`;var J={display:`flex`,overflow:`hidden`,flex:1},Y=(0,l.forwardRef)(({children:e,style:t,className:n},r)=>{let i=(0,l.useRef)(null);(0,l.useImperativeHandle)(r,()=>i.current,[]);let a=v(e=>e.dragged.isDragging),o=v(e=>e.refs),s=y();(0,l.useEffect)(()=>{s({type:`setRef`,refName:`bodyRef`,value:i})},[s,i]);let{BodyScrollHandle:c}=C(o),d=(0,l.useMemo)(()=>({overflowX:`auto`,overflowY:`auto`,flex:1,userSelect:a?`none`:`auto`,...t}),[a,t]);return(0,l.useEffect)(()=>{if(i.current){let e=i.current.clientWidth;s({type:`setBodyScrollBarWidth`,value:i.current.offsetWidth-e})}},[s,i]),(0,u.jsx)(`div`,{className:`body ${n??``}`,style:J,children:(0,u.jsx)(`div`,{className:`ibody`,style:d,"data-droppableid":`body`,onScroll:c,ref:i,children:e})})}),X={display:`flex`,flex:`1 0 auto`,minHeight:`24px`},Z=(0,l.memo)(({children:e,style:t,className:n,...r})=>{let i=(0,l.useMemo)(()=>t?{...X,...t}:X,[t]),a=(0,f.default)(`tr`,n);return(0,u.jsx)(K,{...r,type:`row`,children:(0,u.jsx)(`div`,{className:a,style:i,children:e})})});Z.displayName=`BodyRow`;var Q=(0,l.memo)(({children:e,style:t,className:n,...r})=>{let{index:i}=r,a=v(e=>e.widths),o=v(e=>e.options.defaultSizing),s=(0,l.useMemo)(()=>a[i]??o,[a,i,o]),c=(0,l.useMemo)(()=>({display:`inline-flex`,width:`${s}px`,flex:`${s} 0 auto`,...t}),[s,t]);return(0,u.jsx)(`div`,{className:`td ${n??``}`,style:c,"data-col-index":i,children:e})});Q.displayName=`RowCell`;var $=(0,l.memo)(({children:e,className:t,style:n})=>(0,u.jsx)(`div`,{"data-drag-handle":`true`,className:t,style:{cursor:`-webkit-grab`,display:`inline-flex`,alignItems:`center`,...n},children:e}));$.displayName=`DragHandle`,exports.BodyRow=Z,exports.ColumnCell=q,exports.DragHandle=$,exports.RowCell=Q,exports.TableBody=Y,exports.TableContainer=W,exports.TableHeader=G,exports.useTable=b,exports.useTableDispatch=y,exports.useTableStore=v;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require(`react`);c=s(c);let l=require(`react/jsx-runtime`),u=require(`react-dom`),d=require(`classnames`);d=s(d);var f=({children:e,className:t})=>(0,l.jsx)(`div`,{"data-flexitable-root":``,className:t??``,children:e}),p=(0,c.createContext)(null),m=e=>{let t=(0,c.useContext)(p);if(!t)throw Error(`useTableStore must be used within TableProvider`);return(0,c.useSyncExternalStore)(t.subscribe,()=>e(t.getState()))},h=()=>{let e=(0,c.useContext)(p);if(!e)throw Error(`useTableDispatch must be used within TableProvider`);return e.dispatch},g=()=>{let e=(0,c.useContext)(p);if(!e)throw Error(`useTable must be used within a TableProvider`);return{state:(0,c.useSyncExternalStore)(e.subscribe,e.getState),dispatch:e.dispatch}};function _(e,t){let n=t,r=new Set;return{getState:()=>n,dispatch(t){n=e(n,t),r.forEach(e=>e())},subscribe(e){return r.add(e),()=>{r.delete(e)}}}}var v=30,y=e=>{let{headerRef:t,bodyRef:n}=e,r=(0,c.useRef)(null),i=(0,c.useRef)(t),a=(0,c.useRef)(!1),o=(0,c.useRef)(!1),s=(0,c.useRef)(0),l=(0,c.useRef)(null),u=(0,c.useRef)({x:0,y:0}),d=(0,c.useRef)(null),f=(0,c.useCallback)(e=>{d.current=e},[]),p=(0,c.useCallback)(()=>{o.current=!1,a.current=!1,l.current!==null&&(cancelAnimationFrame(l.current),l.current=null)},[]),m=(0,c.useCallback)((e,t,n)=>{let c=n===`vertical`,f=c?o:a;if(!f.current)return;let p=d.current;if(p){let e=u.current;if(c){let t=e.y<p.top+v,n=e.y>p.bottom-v;if(!t&&!n){f.current=!1;return}}else{let t=e.x<p.left+v,n=e.x>p.right-v;if(!t&&!n){f.current=!1;return}}}let m=c?t.scrollHeight-t.clientHeight:t.scrollWidth-t.clientWidth;if(c)t.scrollTop+=e;else{t.scrollLeft+=e;let n=i.current;n?.current&&(n.current.scrollLeft=t.scrollLeft)}let h=c?t.scrollTop:t.scrollLeft;if(h>=m||h<=0){f.current=!1;return}s.current+=e/1e3,l.current=requestAnimationFrame(()=>r.current?.(e+s.current,t,n))},[]);return(0,c.useEffect)(()=>{r.current=m},[m]),{startAutoScroll:(0,c.useCallback)((e,t,n)=>{let r=n===`vertical`?o:a;r.current||(r.current=!0,s.current=0,l.current=requestAnimationFrame(()=>m(e,t,n)))},[m]),stopAutoScroll:p,setContainerRect:f,isAutoScrollingVertical:o,isAutoScrollingHorizontal:a,pointerRef:u,BodyScrollHandle:(0,c.useCallback)(e=>{t?.current&&e.currentTarget&&(t.current.scrollLeft=e.currentTarget.scrollLeft)},[t]),HeaderScrollHandle:(0,c.useCallback)(e=>{n?.current&&e.currentTarget&&(n.current.scrollLeft=e.currentTarget.scrollLeft)},[n])}},b=300,x=8,S=.92,C=.5;function w(e,t,n,r){let i=(0,c.useRef)(null),a=(0,c.useRef)({x:0,y:0}),o=(0,c.useRef)(null),s=(0,c.useRef)(!1),l=(0,c.useRef)(null),u=(0,c.useRef)(null),d=(0,c.useCallback)(()=>{u.current!==null&&(cancelAnimationFrame(u.current),u.current=null)},[]),f=(0,c.useCallback)(()=>{i.current&&=(clearTimeout(i.current),null),o.current=null,l.current&&=(l.current(),null)},[]);return{touchStart:(0,c.useCallback)(c=>{if(c.target===c.currentTarget)return;let p=c.target,m=!1;for(;p&&!(p.dataset?.contextid||p.dataset?.disabled===`true`);){if(p.dataset?.id){m=!0;break}p=p.parentNode}if(!m)return;d(),f(),s.current=!0,window.getSelection()?.removeAllRanges();let h=c.touches[0];a.current={x:h.clientX,y:h.clientY},o.current=c;let g=e.tableRef?.current;if(!g)return;let _=!1,v=!1,y=h.clientY,w=h.clientX,T=0,E=0,D=Date.now(),O=e=>e.preventDefault();document.addEventListener(`selectstart`,O);let k=(t=>{let n=e.bodyRef?.current,r=t;for(;r&&r!==n;){let e=window.getComputedStyle(r),t=e.overflowY,n=e.overflowX,i=(t===`auto`||t===`scroll`)&&r.scrollHeight>r.clientHeight,a=(n===`auto`||n===`scroll`)&&r.scrollWidth>r.clientWidth;if(i||a)return r;r=r.parentElement}return n??document.body})(c.target),A=t=>{t.preventDefault();let n=t.touches[0],s=Date.now(),c=Math.max(s-D,1);if(D=s,v){let t=n.clientY-y,r=n.clientX-w;if(k){let n=e.bodyRef?.current,i=t>0&&k.scrollTop<=0,a=t<0&&k.scrollTop+k.clientHeight>=k.scrollHeight-1,o=r>0&&k.scrollLeft<=0,s=r<0&&k.scrollLeft+k.clientWidth>=k.scrollWidth-1,c=i||a,l=o||s;k===n?(k.scrollTop-=t,k.scrollLeft-=r):(l||(k.scrollLeft-=r),c||(k.scrollTop-=t),n&&(c&&(n.scrollTop-=t),l&&(n.scrollLeft-=r)))}T=-t/c*16,E=-r/c*16,y=n.clientY,w=n.clientX}else if(_)r(n.clientX,n.clientY);else{let e=n.clientX-a.current.x,t=n.clientY-a.current.y;(Math.abs(e)>x||Math.abs(t)>x)&&(i.current&&=(clearTimeout(i.current),null),o.current=null,v=!0,y=n.clientY,w=n.clientX,T=0,E=0,D=Date.now())}},j=()=>{if(_)M(),n();else{if(f(),v&&k&&(Math.abs(T)>C||Math.abs(E)>C)){let e=k,t=()=>{T*=S,E*=S,e.scrollTop+=T,e.scrollLeft+=E,Math.abs(T)>C||Math.abs(E)>C?u.current=requestAnimationFrame(t):u.current=null};u.current=requestAnimationFrame(t)}setTimeout(()=>{s.current=!1},400)}},M=()=>{g.removeEventListener(`touchmove`,A),g.removeEventListener(`touchend`,j),g.removeEventListener(`touchcancel`,j),document.removeEventListener(`selectstart`,O),l.current=null};g.addEventListener(`touchmove`,A,{passive:!1}),g.addEventListener(`touchend`,j,!1),g.addEventListener(`touchcancel`,j,!1),l.current=M,i.current=setTimeout(()=>{i.current=null,_=!0;let e=o.current;o.current=null,e&&t(e,h.clientX,h.clientY)},b)},[t,n,r,f,d,e.tableRef?.current,e.bodyRef?.current]),cancelLongPress:f,isTouchActiveRef:s}}var T=`transform 450ms cubic-bezier(0.2, 0, 0, 1)`,E=(e,t,n,r)=>{let i=(0,c.useRef)({width:0,height:0}),a=(0,c.useRef)(null),o=(0,c.useRef)(new Set),s=(0,c.useRef)(new Set),l=(0,c.useRef)(new Map),u=(0,c.useCallback)((t,n,r,a)=>{let o=e.placeholderRef?.current;if(!o||!t){o&&(o.style.display=`none`);return}let s=i.current,c=t.getBoundingClientRect(),l=e.tableRef?.current?.getBoundingClientRect(),u=(n??0)<(r??0);o.style.display=`block`,a===`row`?(o.style.top=`${u?c.top+c.height-s.height:c.top}px`,o.style.left=`${l?.left??c.left}px`,o.style.width=`${l?.width??c.width}px`,o.style.height=`${s.height}px`):(o.style.top=`${l?.top??c.top}px`,o.style.left=`${u?c.left+c.width-s.width:c.left}px`,o.style.width=`${s.width}px`,o.style.height=`${l?.height??c.height}px`)},[e.placeholderRef,e.tableRef]);return{applyShiftTransforms:(0,c.useCallback)((e,c,d)=>{if(e===null||c===null)return;let f=i.current,p=a.current,m=p===null,h=m?-1/0:Math.min(p,c,e)-1,g=m?1/0:Math.max(p,c,e)+1,_=null,v=(d===`row`?t.current:n.current).get(c);v&&(_=v.outer),u(_,e,c,d);let y=(t,n,r)=>{let i=(t,i,a)=>{let s=``;t>e&&t<=c?s=`translate${n}(-${r}px)`:t<e&&t>=c&&(s=`translate${n}(${r}px)`),a.style.transform=s,a.style.transition=t===e?`none`:T,s&&o.current.add(a),t===c?i.setAttribute(`data-drop-target`,`true`):i.removeAttribute(`data-drop-target`)};if(m)for(let[e,{outer:n,inner:r}]of t)i(e,n,r);else for(let e=h;e<=g;e++){let n=t.get(e);n&&i(e,n.outer,n.inner)}};if(d===`row`)y(t.current,`Y`,f.height);else if(d===`column`){y(n.current,`X`,f.width);let t=r.current,i=l.current,a=(t,n,r)=>{let a=``;t>e&&t<=c?a=`translateX(-${f.width}px)`:t<e&&t>=c&&(a=`translateX(${f.width}px)`);for(let e of n)i.get(e)!==a&&(e.style.transform=a,r&&(e.style.transition=T),i.set(e,a),a&&s.current.add(e))};if(m)for(let[e,n]of t)a(e,n,!0);else for(let e=h;e<=g;e++){let n=t.get(e);n&&a(e,n,!1)}}a.current=c},[u,t,n,r]),clearShiftTransforms:(0,c.useCallback)(()=>{let t=e.placeholderRef?.current;t&&(t.style.display=`none`);for(let e of o.current){e.style.transition=`none`,e.style.transform=``;let t=e.parentElement;t&&t.removeAttribute(`data-drop-target`)}o.current.clear();for(let e of s.current)e.style.transition=`none`,e.style.transform=``;s.current.clear(),l.current.clear(),a.current=null},[e.placeholderRef]),prevTargetIndexRef:a,draggedSizeRef:i}},D=e=>{let t=(0,c.useRef)(new Map),n=(0,c.useRef)(new Map),r=(0,c.useRef)(new Map),i=(0,c.useRef)(!1),a=(0,c.useCallback)(()=>{t.current.clear(),n.current.clear(),r.current.clear()},[]),o=(0,c.useCallback)(e=>{t.current.clear();let n=e.querySelectorAll(`.draggable[data-type="row"]`);for(let e=0;e<n.length;e++){let r=n[e],i=r.dataset.index;if(i===void 0)continue;let a=r.firstElementChild;a&&t.current.set(+i,{outer:r,inner:a})}},[]),s=(0,c.useCallback)(e=>{n.current.clear();let t=e.querySelectorAll(`.draggable[data-type="column"]`);for(let e=0;e<t.length;e++){let r=t[e],i=r.dataset.index;if(i===void 0)continue;let a=r.firstElementChild;a&&n.current.set(+i,{outer:r,inner:a})}},[]),l=(0,c.useCallback)(e=>{r.current.clear();let t=e.querySelectorAll(`.td[data-col-index]`);for(let e=0;e<t.length;e++){let n=t[e],i=+n.dataset.colIndex;r.current.has(i)||r.current.set(i,[]),r.current.get(i).push(n)}},[]);return{rowIndexMapRef:t,colIndexMapRef:n,cellIndexMapRef:r,mapStaleRef:i,buildMaps:(0,c.useCallback)((t,n)=>{if(a(),n){if(t===`row`)o(n);else if(t===`column`){let t=e.headerRef?.current;t&&s(t),l(n)}}},[e.headerRef,a,o,s,l]),rebuildRowMap:(0,c.useCallback)(e=>{i.current=!1,o(e)},[o]),rebuildColumnMaps:(0,c.useCallback)((e,t)=>{i.current=!1,t&&s(t),l(e)},[s,l]),checkStaleness:(0,c.useCallback)(()=>{if(!i.current){if(t.current.size>0){let e=t.current.values().next().value;if(e&&!e.outer.isConnected){i.current=!0;return}}if(n.current.size>0){let e=n.current.values().next().value;e&&!e.outer.isConnected&&(i.current=!0)}}},[]),clearMaps:a}},O=(e,t)=>{let n=e,r=0,i=t.length-1;for(;r<i;){let e=Math.floor((r+i)/2),a=t[e];if(a.itemTop<=n&&n<=a.itemBottom)return n<a.itemTop+a.height/2?+a.index:+a.index+1;n<a.itemTop?i=e-1:r=e+1}return+t[r].index},k=(e,t)=>{let n=e,r=0,i=t.length-1;for(;r<i;){let e=Math.floor((r+i)/2),a=t[e];if(a.itemLeft<=n&&n<=a.itemRight)return n<a.itemLeft+a.width/2?+a.index:+a.index+1;n<a.itemLeft?i=e-1:r=e+1}return+t[r].index};function A(e,t,n){let r=n.getBoundingClientRect();return e>r.left+n.clientWidth||t>r.top+n.clientHeight}var j=(e,t,n)=>{let r=Number(e);return t!==void 0&&r<t||n!==void 0&&r>n},M=(e,t)=>{let n=(0,c.useRef)(null),r=(0,c.useRef)(null),i=(0,c.useCallback)(()=>{let n=e.bodyRef?.current;if(!n)return null;let r=n.scrollTop,i=n.getBoundingClientRect().top,a=n.querySelectorAll(`.draggable[data-type="row"]`),o=[];for(let e=0;e<a.length;e++){let t=a[e];if(t.dataset.index===void 0)continue;let n=t.getBoundingClientRect(),s=n.top-i+r;o.push({height:n.height,itemTop:s,itemBottom:s+n.height,index:t.dataset.index})}let{start:s,end:c}=t.rowDragRange;return(s||c)&&(o=o.filter(e=>(!s||+e.index>=s)&&(!c||+e.index<=c))),o},[e.bodyRef,t.rowDragRange]),a=(0,c.useCallback)(()=>{let n=e.headerRef?.current;if(!n||!n.children[0])return null;let r=Array.from(n.children[0].children).map(e=>{let t=e.getBoundingClientRect();return{left:t.left,width:t.width,itemLeft:t.left,itemRight:t.left+t.width,index:e.dataset.index}}).filter(e=>e.index!==void 0),{start:i,end:a}=t.columnDragRange??{};return(i!==void 0||a!==void 0)&&(r=r.filter(e=>{let t=+e.index;return(i===void 0||t>=i)&&(a===void 0||t<=a)})),r},[e.headerRef,t.columnDragRange]);return{computeRowItems:i,computeColumnItems:a,resolveDropIndex:(0,c.useCallback)((e,t,r,o,s,c,l)=>{let u;if(r===`row`){if(u=n.current,u||(u=i(),n.current=u),u&&u.length>0)return O(t-c.y+l.height/2-o.top+s,u)}else if(u=n.current,u||(u=a(),n.current=u),u&&u.length>0)return k(e-c.x+l.width/2,u);return 0},[i,a]),cachedItemsRef:n,cachedContainerRef:r}},N=200,P=30,F=5;function ee(e){let t=e,n=!1;for(;t;){if(t.dataset?.dragHandle===`true`&&(n=!0),t.dataset?.contextid||t.dataset?.disabled===`true`)return null;if(t.dataset?.id)return{element:t,foundHandle:n};t=t.parentNode}return null}var I=(e,t,n,r,i,a)=>{let{startAutoScroll:o,stopAutoScroll:s,setContainerRect:l,pointerRef:d,isAutoScrollingVertical:f,isAutoScrollingHorizontal:p}=y(e),m=D(e),{rowIndexMapRef:h,colIndexMapRef:g,cellIndexMapRef:_,mapStaleRef:v}=m,{applyShiftTransforms:b,clearShiftTransforms:x,prevTargetIndexRef:S,draggedSizeRef:C}=E(e,h,g,_),T=M(e,i),{resolveDropIndex:O,cachedItemsRef:k,cachedContainerRef:j}=T,I=(0,c.useRef)(null),L=(0,c.useRef)({x:0,y:0}),R=(0,c.useRef)(null),z=(0,c.useRef)(null),B=(0,c.useRef)(!1),V=(0,c.useRef)(!1),H=(0,c.useRef)(null),U=(0,c.useRef)(null),W=(0,c.useRef)([]),G=(0,c.useCallback)((t,r,i)=>{let a=ee(t.target);if(!a)return;let{element:o,foundHandle:s}=a;if(!s&&o.querySelector(`[data-drag-handle]`))return;let c=o.dataset.id,u=+o.dataset.index,f=o.dataset.type;I.current=f??null,R.current=u,z.current=null,H.current=null,W.current=[],S.current=null,B.current=!1;let p=f===`row`?e.bodyRef?.current?.scrollLeft??0:0,h=o.getBoundingClientRect();C.current={width:h.width,height:h.height};let g={x:r-h.left-p,y:i-h.top};L.current=g,d.current={x:r,y:i};let _={x:h.left+p,y:h.top};k.current=f===`row`?T.computeRowItems():T.computeColumnItems();let v=e.bodyRef?.current;v&&(j.current=v.getBoundingClientRect(),l(j.current)),m.buildMaps(f,v??null);let y=e.tableRef?.current;y&&(y.style.touchAction=`none`);let b=o.firstElementChild;b&&(b.style.opacity=`0`,b.style.pointerEvents=`none`,b.style.zIndex=`2`,b.style.cursor=`-webkit-grabbing`),U.current=b;let x=e.cloneRef?.current;if(x){if(x.innerHTML=``,x.style.transform=`translate(${_.x}px, ${_.y}px)`,V.current=(v?.querySelector(`[data-type="row"]`))?.style.position===`absolute`,f===`row`){let e=o.firstElementChild?.firstElementChild;e&&x.appendChild(e.cloneNode(!0))}else if(f===`column`&&v){let e=String(u),t=o.querySelector(`.th`);if(t){let e=document.createElement(`div`);e.style.flexShrink=`0`,e.style.order=`-1`,e.appendChild(t.cloneNode(!0)),x.appendChild(e)}let n=document.createElement(`div`);n.style.flex=`1`;let r=document.createElement(`div`);r.className=`rbody`,r.style.height=`${v.scrollHeight}px`,r.style.position=`relative`,v.querySelectorAll(`[data-type="row"]`).forEach(t=>{let n=t.cloneNode(!0);if(V.current){let t=n.querySelector(`.tr`);if(t){let n=t.querySelector(`[data-col-index="${e}"]`);for(;t.firstChild;)t.removeChild(t.firstChild);n&&t.appendChild(n)}}else n.querySelectorAll(`[data-col-index]`).forEach(t=>{t.getAttribute(`data-col-index`)!==e&&t.remove()});r.appendChild(n)}),n.appendChild(r),V.current?(n.style.overflow=`auto`,n.style.scrollbarWidth=`none`,n.className=`clone-body-strip`):n.style.overflow=`hidden`,x.appendChild(n),H.current=n,W.current=[],v.querySelectorAll(`[data-col-index="${e}"]`).forEach(e=>{e.style.opacity=`0`,W.current.push(e)})}}n({type:`dragStart`,value:{rect:{draggedItemHeight:h.height,draggedItemWidth:h.width},dragged:{initial:g,translate:_,draggedID:c??null,isDragging:!0,sourceIndex:u},dragType:f??null,tableDimensions:{height:(e.tableRef?.current?.offsetHeight??0)-(v?v.offsetHeight-v.clientHeight:0),width:(e.tableRef?.current?.offsetWidth??0)-(v?v.offsetWidth-v.clientWidth:0)}}});let w=v?.scrollLeft??0,E=v?.scrollTop??0;requestAnimationFrame(()=>{let t=e.cloneRef?.current;t&&(f===`row`?t.scrollLeft=w:H.current&&(H.current.scrollTop=E))})},[n,e,d,l,T,m,k,j,C,S]),K=(0,c.useCallback)((t,r,i,o,s)=>{let c=e.cloneRef?.current;c&&(c.style.visibility=`hidden`),U.current&&=(U.current.style.opacity=``,U.current.style.pointerEvents=``,U.current.style.zIndex=``,U.current.style.cursor=``,null),W.current.forEach(e=>{e.style.opacity=``}),W.current=[];let l=e.tableRef?.current;l&&(l.style.touchAction=``),(0,u.flushSync)(()=>{a&&t!==null&&r!==null&&(i===`row`||i===`column`)&&a({sourceIndex:t,targetIndex:r,dragType:i}),n({type:`dragEnd`,value:{targetIndex:r,sourceIndex:t}})}),x();let d=e.bodyRef?.current;d&&(d.scrollTop=o,d.scrollLeft=s,requestAnimationFrame(()=>{d.scrollTop=o,d.scrollLeft=s}))},[n,e.bodyRef,e.cloneRef,e.tableRef,x,a]),q=(0,c.useCallback)(()=>{if(B.current)return;B.current=!0,X(),setTimeout(()=>{Z.current=!1},400);let t=z.current,n=R.current,r=I.current,i=e.bodyRef?.current,a=i?.scrollTop??0,o=i?.scrollLeft??0;k.current=null,j.current=null,s(),I.current=null,R.current=null,z.current=null;let c=e.cloneRef?.current,l=e.placeholderRef?.current;if(c&&l&&l.style.display!==`none`){let e=parseFloat(l.style.left)||0,i=parseFloat(l.style.top)||0;c.style.transition=`transform ${N}ms cubic-bezier(0.2, 0, 0, 1)`,c.style.transform=`translate(${e}px, ${i}px)`,setTimeout(()=>K(n,t,r,a,o),N)}else K(n,t,r,a,o)},[s,e.bodyRef,e.placeholderRef,e.cloneRef,K]),J=(0,c.useRef)(()=>{}),{touchStart:Y,cancelLongPress:X,isTouchActiveRef:Z}=w(e,G,q,(e,t)=>J.current(e,t)),te=(0,c.useCallback)(e=>{e.button===0&&e.target!==e.currentTarget&&(Z.current||A(e.clientX,e.clientY,e.target)||G(e,e.clientX,e.clientY))},[G,Z]),Q=(0,c.useCallback)((t,n)=>{if(B.current)return;let i=L.current;d.current.x=t,d.current.y=n;let a=e.bodyRef?.current;if(!a)return;let c=j.current;(!c||v.current)&&(c=a.getBoundingClientRect(),j.current=c);let l=a.scrollLeft,u=a.scrollTop,h=e.cloneRef?.current;h&&(h.style.transform=`translate(${t-i.x}px, ${n-i.y}px)`,I.current===`row`?h.scrollLeft=l:H.current&&(H.current.scrollTop=u));let g=I.current||r;if(V.current&&m.checkStaleness(),v.current&&(k.current=null,z.current=null,S.current=null,V.current?g===`row`?m.rebuildRowMap(a):m.rebuildColumnMaps(a,e.headerRef?.current??null):v.current=!1),g===`row`)if(n<c.top+P)o(-F,a,`vertical`),v.current=!0;else if(n>c.bottom-P)o(F,a,`vertical`),v.current=!0;else{let t=f.current;s(),t&&requestAnimationFrame(()=>{let t=e.bodyRef?.current;if(!t)return;V.current&&m.rebuildRowMap(t),k.current=null;let n=t.getBoundingClientRect();j.current=n;let r=O(d.current.x,d.current.y,`row`,n,t.scrollTop,L.current,C.current);z.current=r,S.current=null,b(R.current,r,`row`)})}else if(t<c.left+P)o(-F,a,`horizontal`),v.current=!0;else if(t>c.right-P)o(F,a,`horizontal`),v.current=!0;else{let t=p.current;s(),t&&requestAnimationFrame(()=>{let t=e.bodyRef?.current;if(!t)return;V.current&&m.rebuildColumnMaps(t,e.headerRef?.current??null),k.current=null;let n=t.getBoundingClientRect();j.current=n;let r=O(d.current.x,d.current.y,`column`,n,t.scrollTop,L.current,C.current);z.current=r,S.current=null,b(R.current,r,`column`)})}let _=O(t,n,g,c,u,i,C.current);_!==z.current&&(z.current=_,requestAnimationFrame(()=>b(R.current,_,g)))},[d,e.bodyRef,e.cloneRef,e.headerRef,r,o,s,f,p,m,O,b,k,j,v,S,C]);J.current=Q;let $=(0,c.useCallback)(()=>{X(),k.current=null,j.current=null;let t=e.cloneRef?.current;t&&(t.style.visibility=`hidden`);let r=e.tableRef?.current;r&&(r.style.touchAction=``),n({type:`dragEnd`,value:{targetIndex:null,sourceIndex:null}}),s(),x(),I.current=null,R.current=null,z.current=null},[X,k,j,e.cloneRef,e.tableRef,n,s,x]);return(0,c.useLayoutEffect)(()=>{if(!t.isDragging){x();let t=e.cloneRef?.current;t&&(t.style.transition=``,t.style.transform=`translate(0px, 0px)`,t.style.visibility=``,t.scrollLeft=0,t.innerHTML=``)}},[t.isDragging,x,e.cloneRef]),(0,c.useEffect)(()=>{if(!t.isDragging)return;let e=0,n=0,r=!1,i=t=>{e=t.clientX,n=t.clientY,r||(r=!0,requestAnimationFrame(()=>{r=!1,Q(e,n)}))},a=()=>q(),o=e=>{e.key===`Escape`&&$()};return window.addEventListener(`pointermove`,i),window.addEventListener(`pointerup`,a),window.addEventListener(`pointercancel`,a),window.addEventListener(`keydown`,o),()=>{window.removeEventListener(`pointermove`,i),window.removeEventListener(`pointerup`,a),window.removeEventListener(`pointercancel`,a),window.removeEventListener(`keydown`,o)}},[t.isDragging,Q,q,$]),{dragStart:te,touchStart:Y}},L={columnDragRange:{start:void 0,end:void 0},rowDragRange:{start:void 0,end:void 0},defaultSizing:50};function R(e,t){switch(t.type){case`setDragged`:return{...e,dragged:{...e.dragged,...t.value}};case`setDragType`:return{...e,dragType:t.value};case`setTableDimensions`:return{...e,tableDimensions:t.value};case`setRef`:return{...e,refs:{...e.refs,[t.refName]:t.value}};case`setBodyScrollBarWidth`:return{...e,bodyScrollBarWidth:t.value};case`setWidths`:return{...e,widths:t.value};case`setColumnIds`:return{...e,columnIds:t.value};case`setOptions`:return{...e,options:{...e.options,...t.value}};case`dragStart`:return{...e,rect:t.value.rect,dragged:{...e.dragged,...t.value.dragged},dragType:t.value.dragType,tableDimensions:t.value.tableDimensions};case`dragEnd`:return{...e,dragged:{initial:{x:0,y:0},translate:{x:0,y:0},isDragging:!1,draggedID:null,targetIndex:t.value?.targetIndex??null,sourceIndex:t.value?.sourceIndex??null},dragType:null,rect:{draggedItemWidth:0,draggedItemHeight:0}};default:throw Error(`Unhandled action`)}}var z={dragged:{initial:{x:0,y:0},translate:{x:0,y:0},isDragging:!1,draggedID:null,targetIndex:null,sourceIndex:null},dragType:null,rect:{draggedItemWidth:0,draggedItemHeight:0},tableDimensions:{height:0,width:0},refs:{tableRef:{current:null},bodyRef:{current:null},headerRef:{current:null},cloneRef:{current:null},placeholderRef:{current:null}},bodyScrollBarWidth:0,options:L,widths:[],columnIds:[]},B={position:`relative`,display:`flex`,flexFlow:`column`},V={position:`fixed`,pointerEvents:`none`,zIndex:3,top:0,left:0,display:`none`},H=(0,c.forwardRef)(({children:e,className:t,style:n,options:r,onDragEnd:i,renderPlaceholder:a},o)=>{let s=(0,c.useRef)(null),u=(0,c.useRef)(null),d=(0,c.useRef)(null);(0,c.useImperativeHandle)(o,()=>s.current,[]);let[m]=(0,c.useState)(()=>_(R,z)),h=(0,c.useSyncExternalStore)(m.subscribe,m.getState),g=m.dispatch;(0,c.useEffect)(()=>{g({type:`setRef`,refName:`tableRef`,value:s}),g({type:`setRef`,refName:`cloneRef`,value:u}),g({type:`setRef`,refName:`placeholderRef`,value:d})},[s,g]),(0,c.useEffect)(()=>{let e=()=>{s.current&&g({type:`setTableDimensions`,value:{height:s.current.offsetHeight,width:s.current.offsetWidth}})};return e(),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`resize`,e)}},[s,g]),(0,c.useEffect)(()=>{r&&g({type:`setOptions`,value:r})},[r,g]);let{dragStart:v,touchStart:y}=I(h.refs,h.dragged,g,h.dragType,h.options,i),b=(0,c.useMemo)(()=>({position:`fixed`,zIndex:`5`,pointerEvents:`none`,top:0,left:0,display:`flex`,flexDirection:`column`,height:h.dragType===`row`?h.rect.draggedItemHeight:`${h.tableDimensions.height}px`,width:h.dragType===`column`?`${h.rect.draggedItemWidth}px`:`${h.tableDimensions.width}px`,overflow:`scroll`,scrollbarWidth:`none`,boxShadow:h.dragged.isDragging?`0 0 10px 0 rgba(0, 0, 0, 0.1)`:`none`}),[h.dragType,h.dragged.isDragging,h.rect.draggedItemHeight,h.rect.draggedItemWidth,h.tableDimensions.height,h.tableDimensions.width]);return(0,l.jsx)(p.Provider,{value:m,children:(0,l.jsxs)(f,{className:h.dragged.isDragging?`is-dragging`:``,children:[(0,l.jsx)(`div`,{id:`portalroot`,style:{...b,visibility:h.dragged.isDragging?`visible`:`hidden`},ref:u}),(0,l.jsx)(`div`,{ref:d,style:V,children:a?a():(0,l.jsx)(`div`,{style:{width:`100%`,height:`100%`}})}),(0,l.jsx)(`div`,{"data-contextid":`context`,ref:s,onMouseDown:v,onTouchStart:y,style:{...B,...n},className:`table ${t??``}`,children:e})]})})});H.displayName=`TableProvider`;var U=(0,c.forwardRef)(({children:e,style:t,className:n},r)=>{let i=(0,c.useRef)(null),a=r||i,o=m(e=>e.bodyScrollBarWidth),s=m(e=>e.dragged.isDragging),u=m(e=>e.refs),d=h(),f=(0,c.useCallback)(e=>`current`in e?e.current:null,[]);(0,c.useEffect)(()=>{i.current&&d({type:`setRef`,refName:`headerRef`,value:i})},[d]);let{HeaderScrollHandle:p}=y(u),g={display:`flex`,flex:`1 0 auto`},_=(0,c.useMemo)(()=>({overflowX:`scroll`,overflowY:`clip`,scrollbarWidth:`none`,display:`flex`,paddingRight:`${o}px`,userSelect:s?`none`:`auto`,...t}),[o,s,t]);return(0,c.useLayoutEffect)(()=>{let e=f(a);e&&d({type:`setWidths`,value:Array.from(e.querySelectorAll(`.th`)).map(e=>{let t=e.getAttribute(`data-width`);return t?parseInt(t,10):0})})},[e,d,f,a]),(0,c.useLayoutEffect)(()=>{let e=f(a);e&&d({type:`setColumnIds`,value:Array.from(e.querySelectorAll(`.draggable`)).map(e=>e.getAttribute(`data-id`)||``)})},[e,d,f,a]),(0,l.jsx)(`div`,{className:`header ${n??``}`,children:(0,l.jsx)(`div`,{className:`thead`,style:_,"data-droppableid":`header`,onScroll:p,ref:a,children:(0,l.jsx)(`div`,{style:g,className:`tr`,children:e})})})});U.displayName=`TableHeader`;var W=(0,c.memo)(({children:e,id:t,index:n,type:r,styles:i={}})=>{let a=m(e=>e.options.rowDragRange),o=m(e=>e.options.columnDragRange),s=(0,c.useMemo)(()=>r===`row`?j(n,a.start,a.end):j(n,o.start,o.end),[n,o.end,o.start,a.end,a.start,r]),u=(0,c.useRef)(null),d=(0,c.useMemo)(()=>({cursor:s?`auto`:`-webkit-grab`,display:`flex`}),[s]);return(0,c.useEffect)(()=>{u.current&&u.current.querySelector(`[data-drag-handle]`)&&(u.current.style.cursor=`auto`)},[e,s]),(0,l.jsx)(`div`,{className:`draggable`,"data-id":t,"data-index":n,"data-type":r,"data-disabled":s?`true`:`false`,style:i,children:(0,l.jsx)(`div`,{ref:u,style:d,children:e})})});W.displayName=`Draggable`;var G=(0,c.memo)(({children:e,style:t,className:n,...r})=>{let i=m(e=>e.options.defaultSizing),{width:a,flex:o,...s}=t??{},u=(0,c.useMemo)(()=>a===void 0?i:typeof a==`number`?a:parseFloat(String(a))||i,[a,i]),d=(0,c.useMemo)(()=>({width:`${u}px`,flex:o===void 0?`${u} 0 auto`:o}),[u,o]);return(0,l.jsx)(W,{...r,styles:d,type:`column`,children:(0,l.jsx)(`div`,{className:`th ${n??``}`,"data-width":u,style:{width:`100%`,...s},children:e})})});G.displayName=`ColumnCell`;var K={display:`flex`,overflow:`hidden`,flex:1},q=(0,c.forwardRef)(({children:e,style:t,className:n},r)=>{let i=(0,c.useRef)(null);(0,c.useImperativeHandle)(r,()=>i.current,[]);let a=m(e=>e.dragged.isDragging),o=m(e=>e.refs),s=h();(0,c.useEffect)(()=>{s({type:`setRef`,refName:`bodyRef`,value:i})},[s,i]);let{BodyScrollHandle:u}=y(o),d=(0,c.useMemo)(()=>({overflowX:`auto`,overflowY:`auto`,flex:1,userSelect:a?`none`:`auto`,...t}),[a,t]);return(0,c.useEffect)(()=>{if(i.current){let e=i.current.clientWidth;s({type:`setBodyScrollBarWidth`,value:i.current.offsetWidth-e})}},[s,i]),(0,l.jsx)(`div`,{className:`body ${n??``}`,style:K,children:(0,l.jsx)(`div`,{className:`ibody`,style:d,"data-droppableid":`body`,onScroll:u,ref:i,children:e})})}),J={display:`flex`,flex:`1 0 auto`,minHeight:`24px`},Y=(0,c.memo)(({children:e,style:t,className:n,...r})=>{let i=(0,c.useMemo)(()=>t?{...J,...t}:J,[t]),a=(0,d.default)(`tr`,n);return(0,l.jsx)(W,{...r,type:`row`,children:(0,l.jsx)(`div`,{className:a,style:i,children:e})})});Y.displayName=`BodyRow`;var X=(0,c.memo)(({children:e,style:t,className:n,...r})=>{let{index:i}=r,a=m(e=>e.widths),o=m(e=>e.options.defaultSizing),s=(0,c.useMemo)(()=>a[i]??o,[a,i,o]),u=(0,c.useMemo)(()=>({display:`inline-flex`,width:`${s}px`,flex:`${s} 0 auto`,...t}),[s,t]);return(0,l.jsx)(`div`,{className:`td ${n??``}`,style:u,"data-col-index":i,children:e})});X.displayName=`RowCell`;var Z=(0,c.memo)(({children:e,className:t,style:n})=>(0,l.jsx)(`div`,{"data-drag-handle":`true`,className:t,style:{cursor:`-webkit-grab`,display:`inline-flex`,alignItems:`center`,...n},children:e}));Z.displayName=`DragHandle`,exports.BodyRow=Y,exports.ColumnCell=G,exports.DragHandle=Z,exports.RowCell=X,exports.TableBody=q,exports.TableContainer=H,exports.TableHeader=U,exports.useTable=g,exports.useTableDispatch=h,exports.useTableStore=m;

package/dist/index.es.js

@@ -1,120 +1,31 @@
-import { createContext as e, forwardRef as t, memo as n, useCallback as r, useContext as i, useEffect as a, useImperativeHandle as o, useLayoutEffect as s, useMemo as c, useRef as l, useState as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { flushSync as p } from "react-dom";
-import m from "classnames";
-//#region \0rolldown/runtime.js
-var h = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), g = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
-	if (typeof require < "u") return require.apply(this, arguments);
-	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
-}), _ = ({ children: e, className: t }) => /* @__PURE__ */ d("div", {
+import { createContext as e, forwardRef as t, memo as n, useCallback as r, useContext as i, useEffect as a, useImperativeHandle as o, useLayoutEffect as s, useMemo as c, useRef as l, useState as u, useSyncExternalStore as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { flushSync as m } from "react-dom";
+import h from "classnames";
+//#region src/Components/TableContainer/styles.tsx
+var g = ({ children: e, className: t }) => /* @__PURE__ */ f("div", {
 	"data-flexitable-root": "",
 	className: t ?? "",
 	children: e
-}), v = /* @__PURE__ */ h(((e) => {
-	var t = g("react");
-	function n(e, t) {
-		return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
-	}
-	var r = typeof Object.is == "function" ? Object.is : n, i = t.useState, a = t.useEffect, o = t.useLayoutEffect, s = t.useDebugValue;
-	function c(e, t) {
-		var n = t(), r = i({ inst: {
-			value: n,
-			getSnapshot: t
-		} }), c = r[0].inst, u = r[1];
-		return o(function() {
-			c.value = n, c.getSnapshot = t, l(c) && u({ inst: c });
-		}, [
-			e,
-			n,
-			t
-		]), a(function() {
-			return l(c) && u({ inst: c }), e(function() {
-				l(c) && u({ inst: c });
-			});
-		}, [e]), s(n), n;
-	}
-	function l(e) {
-		var t = e.getSnapshot;
-		e = e.value;
-		try {
-			var n = t();
-			return !r(e, n);
-		} catch {
-			return !0;
-		}
-	}
-	function u(e, t) {
-		return t();
-	}
-	var d = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? u : c;
-	e.useSyncExternalStore = t.useSyncExternalStore === void 0 ? d : t.useSyncExternalStore;
-})), y = /* @__PURE__ */ h(((e) => {
-	process.env.NODE_ENV !== "production" && (function() {
-		function t(e, t) {
-			return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
-		}
-		function n(e, t) {
-			d || a.startTransition === void 0 || (d = !0, console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
-			var n = t();
-			if (!f) {
-				var i = t();
-				o(n, i) || (console.error("The result of getSnapshot should be cached to avoid an infinite loop"), f = !0);
-			}
-			i = s({ inst: {
-				value: n,
-				getSnapshot: t
-			} });
-			var p = i[0].inst, m = i[1];
-			return l(function() {
-				p.value = n, p.getSnapshot = t, r(p) && m({ inst: p });
-			}, [
-				e,
-				n,
-				t
-			]), c(function() {
-				return r(p) && m({ inst: p }), e(function() {
-					r(p) && m({ inst: p });
-				});
-			}, [e]), u(n), n;
-		}
-		function r(e) {
-			var t = e.getSnapshot;
-			e = e.value;
-			try {
-				var n = t();
-				return !o(e, n);
-			} catch {
-				return !0;
-			}
-		}
-		function i(e, t) {
-			return t();
-		}
-		typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-		var a = g("react"), o = typeof Object.is == "function" ? Object.is : t, s = a.useState, c = a.useEffect, l = a.useLayoutEffect, u = a.useDebugValue, d = !1, f = !1, p = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? i : n;
-		e.useSyncExternalStore = a.useSyncExternalStore === void 0 ? p : a.useSyncExternalStore, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-	})();
-})), b = (/* @__PURE__ */ h(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = v() : t.exports = y();
-})))(), x = e(null), S = (e) => {
-	let t = i(x);
+}), _ = e(null), v = (e) => {
+	let t = i(_);
 	if (!t) throw Error("useTableStore must be used within TableProvider");
-	return (0, b.useSyncExternalStore)(t.subscribe, () => e(t.getState()));
-}, C = () => {
-	let e = i(x);
+	return d(t.subscribe, () => e(t.getState()));
+}, y = () => {
+	let e = i(_);
 	if (!e) throw Error("useTableDispatch must be used within TableProvider");
 	return e.dispatch;
-}, w = () => {
-	let e = i(x);
+}, b = () => {
+	let e = i(_);
 	if (!e) throw Error("useTable must be used within a TableProvider");
 	return {
-		state: (0, b.useSyncExternalStore)(e.subscribe, e.getState),
+		state: d(e.subscribe, e.getState),
 		dispatch: e.dispatch
 	};
 };
 //#endregion
 //#region src/Components/TableContainer/store.ts
-function T(e, t) {
+function x(e, t) {
 	let n = t, r = /* @__PURE__ */ new Set();
 	return {
 		getState: () => n,
@@ -130,7 +41,7 @@ function T(e, t) {
 }
 //#endregion
 //#region src/hooks/useAutoScroll.ts
-var E = 30, D = (e) => {
+var S = 30, C = (e) => {
 	let { headerRef: t, bodyRef: n } = e, i = l(null), o = l(t), s = l(!1), c = l(!1), u = l(0), d = l(null), f = l({
 		x: 0,
 		y: 0
@@ -145,13 +56,13 @@ var E = 30, D = (e) => {
 		if (l) {
 			let e = f.current;
 			if (r) {
-				let t = e.y < l.top + E, n = e.y > l.bottom - E;
+				let t = e.y < l.top + S, n = e.y > l.bottom - S;
 				if (!t && !n) {
 					a.current = !1;
 					return;
 				}
 			} else {
-				let t = e.x < l.left + E, n = e.x > l.right - E;
+				let t = e.x < l.left + S, n = e.x > l.right - S;
 				if (!t && !n) {
 					a.current = !1;
 					return;
@@ -191,8 +102,8 @@ var E = 30, D = (e) => {
 			n?.current && e.currentTarget && (n.current.scrollLeft = e.currentTarget.scrollLeft);
 		}, [n])
 	};
-}, O = 300, k = 8, A = .92, j = .5;
-function M(e, t, n, i) {
+}, w = 300, T = 8, E = .92, D = .5;
+function O(e, t, n, i) {
 	let a = l(null), o = l({
 		x: 0,
 		y: 0
@@ -221,9 +132,9 @@ function M(e, t, n, i) {
 			}, s.current = r;
 			let g = e.tableRef?.current;
 			if (!g) return;
-			let _ = !1, v = !1, y = h.clientY, b = h.clientX, x = 0, S = 0, C = Date.now(), w = (e) => e.preventDefault();
-			document.addEventListener("selectstart", w);
-			let T = ((t) => {
+			let _ = !1, v = !1, y = h.clientY, b = h.clientX, x = 0, S = 0, C = Date.now(), O = (e) => e.preventDefault();
+			document.addEventListener("selectstart", O);
+			let k = ((t) => {
 				let n = e.bodyRef?.current, r = t;
 				for (; r && r !== n;) {
 					let e = window.getComputedStyle(r), t = e.overflowY, n = e.overflowX, i = (t === "auto" || t === "scroll") && r.scrollHeight > r.clientHeight, a = (n === "auto" || n === "scroll") && r.scrollWidth > r.clientWidth;
@@ -231,27 +142,27 @@ function M(e, t, n, i) {
 					r = r.parentElement;
 				}
 				return n ?? document.body;
-			})(r.target), E = (t) => {
+			})(r.target), A = (t) => {
 				t.preventDefault();
 				let n = t.touches[0], r = Date.now(), c = Math.max(r - C, 1);
 				if (C = r, v) {
 					let t = n.clientY - y, r = n.clientX - b;
-					if (T) {
-						let n = e.bodyRef?.current, i = t > 0 && T.scrollTop <= 0, a = t < 0 && T.scrollTop + T.clientHeight >= T.scrollHeight - 1, o = r > 0 && T.scrollLeft <= 0, s = r < 0 && T.scrollLeft + T.clientWidth >= T.scrollWidth - 1, c = i || a, l = o || s;
-						T === n ? (T.scrollTop -= t, T.scrollLeft -= r) : (l || (T.scrollLeft -= r), c || (T.scrollTop -= t), n && (c && (n.scrollTop -= t), l && (n.scrollLeft -= r)));
+					if (k) {
+						let n = e.bodyRef?.current, i = t > 0 && k.scrollTop <= 0, a = t < 0 && k.scrollTop + k.clientHeight >= k.scrollHeight - 1, o = r > 0 && k.scrollLeft <= 0, s = r < 0 && k.scrollLeft + k.clientWidth >= k.scrollWidth - 1, c = i || a, l = o || s;
+						k === n ? (k.scrollTop -= t, k.scrollLeft -= r) : (l || (k.scrollLeft -= r), c || (k.scrollTop -= t), n && (c && (n.scrollTop -= t), l && (n.scrollLeft -= r)));
 					}
 					x = -t / c * 16, S = -r / c * 16, y = n.clientY, b = n.clientX;
 				} else if (_) i(n.clientX, n.clientY);
 				else {
 					let e = n.clientX - o.current.x, t = n.clientY - o.current.y;
-					(Math.abs(e) > k || Math.abs(t) > k) && (a.current &&= (clearTimeout(a.current), null), s.current = null, v = !0, y = n.clientY, b = n.clientX, x = 0, S = 0, C = Date.now());
+					(Math.abs(e) > T || Math.abs(t) > T) && (a.current &&= (clearTimeout(a.current), null), s.current = null, v = !0, y = n.clientY, b = n.clientX, x = 0, S = 0, C = Date.now());
 				}
-			}, D = () => {
+			}, j = () => {
 				if (_) M(), n();
 				else {
-					if (p(), v && T && (Math.abs(x) > j || Math.abs(S) > j)) {
-						let e = T, t = () => {
-							x *= A, S *= A, e.scrollTop += x, e.scrollLeft += S, Math.abs(x) > j || Math.abs(S) > j ? d.current = requestAnimationFrame(t) : d.current = null;
+					if (p(), v && k && (Math.abs(x) > D || Math.abs(S) > D)) {
+						let e = k, t = () => {
+							x *= E, S *= E, e.scrollTop += x, e.scrollLeft += S, Math.abs(x) > D || Math.abs(S) > D ? d.current = requestAnimationFrame(t) : d.current = null;
 						};
 						d.current = requestAnimationFrame(t);
 					}
@@ -260,13 +171,13 @@ function M(e, t, n, i) {
 					}, 400);
 				}
 			}, M = () => {
-				g.removeEventListener("touchmove", E), g.removeEventListener("touchend", D), g.removeEventListener("touchcancel", D), document.removeEventListener("selectstart", w), u.current = null;
+				g.removeEventListener("touchmove", A), g.removeEventListener("touchend", j), g.removeEventListener("touchcancel", j), document.removeEventListener("selectstart", O), u.current = null;
 			};
-			g.addEventListener("touchmove", E, { passive: !1 }), g.addEventListener("touchend", D, !1), g.addEventListener("touchcancel", D, !1), u.current = M, a.current = setTimeout(() => {
+			g.addEventListener("touchmove", A, { passive: !1 }), g.addEventListener("touchend", j, !1), g.addEventListener("touchcancel", j, !1), u.current = M, a.current = setTimeout(() => {
 				a.current = null, _ = !0;
 				let e = s.current;
 				s.current = null, e && t(e, h.clientX, h.clientY);
-			}, O);
+			}, w);
 		}, [
 			t,
 			n,
@@ -282,7 +193,7 @@ function M(e, t, n, i) {
 }
 //#endregion
 //#region src/hooks/useShiftTransforms.ts
-var N = "transform 450ms cubic-bezier(0.2, 0, 0, 1)", ee = (e, t, n, i) => {
+var k = "transform 450ms cubic-bezier(0.2, 0, 0, 1)", A = (e, t, n, i) => {
 	let a = l({
 		width: 0,
 		height: 0
@@ -303,7 +214,7 @@ var N = "transform 450ms cubic-bezier(0.2, 0, 0, 1)", ee = (e, t, n, i) => {
 			let y = (t, n, i) => {
 				let a = (t, a, o) => {
 					let c = "";
-					t > e && t <= r ? c = `translate${n}(-${i}px)` : t < e && t >= r && (c = `translate${n}(${i}px)`), o.style.transform = c, o.style.transition = t === e ? "none" : N, c && s.current.add(o), t === r ? a.setAttribute("data-drop-target", "true") : a.removeAttribute("data-drop-target");
+					t > e && t <= r ? c = `translate${n}(-${i}px)` : t < e && t >= r && (c = `translate${n}(${i}px)`), o.style.transform = c, o.style.transition = t === e ? "none" : k, c && s.current.add(o), t === r ? a.setAttribute("data-drop-target", "true") : a.removeAttribute("data-drop-target");
 				};
 				if (m) for (let [e, { outer: n, inner: r }] of t) a(e, n, r);
 				else for (let e = h; e <= g; e++) {
@@ -317,7 +228,7 @@ var N = "transform 450ms cubic-bezier(0.2, 0, 0, 1)", ee = (e, t, n, i) => {
 				let t = i.current, a = u.current, o = (t, n, i) => {
 					let o = "";
 					t > e && t <= r ? o = `translateX(-${f.width}px)` : t < e && t >= r && (o = `translateX(${f.width}px)`);
-					for (let e of n) a.get(e) !== o && (e.style.transform = o, i && (e.style.transition = N), a.set(e, o), o && c.current.add(e));
+					for (let e of n) a.get(e) !== o && (e.style.transform = o, i && (e.style.transition = k), a.set(e, o), o && c.current.add(e));
 				};
 				if (m) for (let [e, n] of t) o(e, n, !0);
 				else for (let e = h; e <= g; e++) {
@@ -347,7 +258,7 @@ var N = "transform 450ms cubic-bezier(0.2, 0, 0, 1)", ee = (e, t, n, i) => {
 		prevTargetIndexRef: o,
 		draggedSizeRef: a
 	};
-}, te = (e) => {
+}, j = (e) => {
 	let t = l(/* @__PURE__ */ new Map()), n = l(/* @__PURE__ */ new Map()), i = l(/* @__PURE__ */ new Map()), a = l(!1), o = r(() => {
 		t.current.clear(), n.current.clear(), i.current.clear();
 	}, []), s = r((e) => {
@@ -425,7 +336,7 @@ var N = "transform 450ms cubic-bezier(0.2, 0, 0, 1)", ee = (e, t, n, i) => {
 		}, []),
 		clearMaps: o
 	};
-}, P = (e, t) => {
+}, M = (e, t) => {
 	let n = e, r = 0, i = t.length - 1;
 	for (; r < i;) {
 		let e = Math.floor((r + i) / 2), a = t[e];
@@ -433,7 +344,7 @@ var N = "transform 450ms cubic-bezier(0.2, 0, 0, 1)", ee = (e, t, n, i) => {
 		n < a.itemTop ? i = e - 1 : r = e + 1;
 	}
 	return +t[r].index;
-}, F = (e, t) => {
+}, N = (e, t) => {
 	let n = e, r = 0, i = t.length - 1;
 	for (; r < i;) {
 		let e = Math.floor((r + i) / 2), a = t[e];
@@ -442,14 +353,14 @@ var N = "transform 450ms cubic-bezier(0.2, 0, 0, 1)", ee = (e, t, n, i) => {
 	}
 	return +t[r].index;
 };
-function ne(e, t, n) {
+function ee(e, t, n) {
 	let r = n.getBoundingClientRect();
 	return e > r.left + n.clientWidth || t > r.top + n.clientHeight;
 }
-var I = (e, t, n) => {
+var P = (e, t, n) => {
 	let r = Number(e);
 	return t !== void 0 && r < t || n !== void 0 && r > n;
-}, re = (e, t) => {
+}, te = (e, t) => {
 	let n = l(null), i = l(null), a = r(() => {
 		let n = e.bodyRef?.current;
 		if (!n) return null;
@@ -491,15 +402,15 @@ var I = (e, t, n) => {
 		resolveDropIndex: r((e, t, r, i, s, c, l) => {
 			let u;
 			if (r === "row") {
-				if (u = n.current, u || (u = a(), n.current = u), u && u.length > 0) return P(t - c.y + l.height / 2 - i.top + s, u);
-			} else if (u = n.current, u || (u = o(), n.current = u), u && u.length > 0) return F(e - c.x + l.width / 2, u);
+				if (u = n.current, u || (u = a(), n.current = u), u && u.length > 0) return M(t - c.y + l.height / 2 - i.top + s, u);
+			} else if (u = n.current, u || (u = o(), n.current = u), u && u.length > 0) return N(e - c.x + l.width / 2, u);
 			return 0;
 		}, [a, o]),
 		cachedItemsRef: n,
 		cachedContainerRef: i
 	};
-}, L = 200, R = 30, z = 5;
-function ie(e) {
+}, ne = 200, F = 30, I = 5;
+function re(e) {
 	let t = e, n = !1;
 	for (; t;) {
 		if (t.dataset?.dragHandle === "true" && (n = !0), t.dataset?.contextid || t.dataset?.disabled === "true") return null;
@@ -511,44 +422,44 @@ function ie(e) {
 	}
 	return null;
 }
-var B = (e, t, n, i, o, c) => {
-	let { startAutoScroll: u, stopAutoScroll: d, setContainerRect: f, pointerRef: m, isAutoScrollingVertical: h, isAutoScrollingHorizontal: g } = D(e), _ = te(e), { rowIndexMapRef: v, colIndexMapRef: y, cellIndexMapRef: b, mapStaleRef: x } = _, { applyShiftTransforms: S, clearShiftTransforms: C, prevTargetIndexRef: w, draggedSizeRef: T } = ee(e, v, y, b), E = re(e, o), { resolveDropIndex: O, cachedItemsRef: k, cachedContainerRef: A } = E, j = l(null), N = l({
+var L = (e, t, n, i, o, c) => {
+	let { startAutoScroll: u, stopAutoScroll: d, setContainerRect: f, pointerRef: p, isAutoScrollingVertical: h, isAutoScrollingHorizontal: g } = C(e), _ = j(e), { rowIndexMapRef: v, colIndexMapRef: y, cellIndexMapRef: b, mapStaleRef: x } = _, { applyShiftTransforms: S, clearShiftTransforms: w, prevTargetIndexRef: T, draggedSizeRef: E } = A(e, v, y, b), D = te(e, o), { resolveDropIndex: k, cachedItemsRef: M, cachedContainerRef: N } = D, P = l(null), L = l({
 		x: 0,
 		y: 0
-	}), P = l(null), F = l(null), I = l(!1), B = l(!1), V = l(null), H = l(null), U = l([]), W = r((t, r, i) => {
-		let a = ie(t.target);
+	}), R = l(null), z = l(null), B = l(!1), V = l(!1), H = l(null), U = l(null), W = l([]), G = r((t, r, i) => {
+		let a = re(t.target);
 		if (!a) return;
 		let { element: o, foundHandle: s } = a;
 		if (!s && o.querySelector("[data-drag-handle]")) return;
 		let c = o.dataset.id, l = +o.dataset.index, u = o.dataset.type;
-		j.current = u ?? null, P.current = l, F.current = null, V.current = null, U.current = [], w.current = null, I.current = !1;
-		let d = u === "row" ? e.bodyRef?.current?.scrollLeft ?? 0 : 0, p = o.getBoundingClientRect();
-		T.current = {
-			width: p.width,
-			height: p.height
+		P.current = u ?? null, R.current = l, z.current = null, H.current = null, W.current = [], T.current = null, B.current = !1;
+		let d = u === "row" ? e.bodyRef?.current?.scrollLeft ?? 0 : 0, m = o.getBoundingClientRect();
+		E.current = {
+			width: m.width,
+			height: m.height
 		};
 		let h = {
-			x: r - p.left - d,
-			y: i - p.top
+			x: r - m.left - d,
+			y: i - m.top
 		};
-		N.current = h, m.current = {
+		L.current = h, p.current = {
 			x: r,
 			y: i
 		};
 		let g = {
-			x: p.left + d,
-			y: p.top
+			x: m.left + d,
+			y: m.top
 		};
-		k.current = u === "row" ? E.computeRowItems() : E.computeColumnItems();
+		M.current = u === "row" ? D.computeRowItems() : D.computeColumnItems();
 		let v = e.bodyRef?.current;
-		v && (A.current = v.getBoundingClientRect(), f(A.current)), _.buildMaps(u, v ?? null);
+		v && (N.current = v.getBoundingClientRect(), f(N.current)), _.buildMaps(u, v ?? null);
 		let y = e.tableRef?.current;
 		y && (y.style.touchAction = "none");
 		let b = o.firstElementChild;
-		b && (b.style.opacity = "0", b.style.pointerEvents = "none", b.style.zIndex = "2", b.style.cursor = "-webkit-grabbing"), H.current = b;
+		b && (b.style.opacity = "0", b.style.pointerEvents = "none", b.style.zIndex = "2", b.style.cursor = "-webkit-grabbing"), U.current = b;
 		let x = e.cloneRef?.current;
 		if (x) {
-			if (x.innerHTML = "", x.style.transform = `translate(${g.x}px, ${g.y}px)`, B.current = (v?.querySelector("[data-type=\"row\"]"))?.style.position === "absolute", u === "row") {
+			if (x.innerHTML = "", x.style.transform = `translate(${g.x}px, ${g.y}px)`, V.current = (v?.querySelector("[data-type=\"row\"]"))?.style.position === "absolute", u === "row") {
 				let e = o.firstElementChild?.firstElementChild;
 				e && x.appendChild(e.cloneNode(!0));
 			} else if (u === "column" && v) {
@@ -562,7 +473,7 @@ var B = (e, t, n, i, o, c) => {
 				let r = document.createElement("div");
 				r.className = "rbody", r.style.height = `${v.scrollHeight}px`, r.style.position = "relative", v.querySelectorAll("[data-type=\"row\"]").forEach((t) => {
 					let n = t.cloneNode(!0);
-					if (B.current) {
+					if (V.current) {
 						let t = n.querySelector(".tr");
 						if (t) {
 							let n = t.querySelector(`[data-col-index="${e}"]`);
@@ -573,8 +484,8 @@ var B = (e, t, n, i, o, c) => {
 						t.getAttribute("data-col-index") !== e && t.remove();
 					});
 					r.appendChild(n);
-				}), n.appendChild(r), B.current ? (n.style.overflow = "auto", n.style.scrollbarWidth = "none", n.className = "clone-body-strip") : n.style.overflow = "hidden", x.appendChild(n), V.current = n, U.current = [], v.querySelectorAll(`[data-col-index="${e}"]`).forEach((e) => {
-					e.style.opacity = "0", U.current.push(e);
+				}), n.appendChild(r), V.current ? (n.style.overflow = "auto", n.style.scrollbarWidth = "none", n.className = "clone-body-strip") : n.style.overflow = "hidden", x.appendChild(n), H.current = n, W.current = [], v.querySelectorAll(`[data-col-index="${e}"]`).forEach((e) => {
+					e.style.opacity = "0", W.current.push(e);
 				});
 			}
 		}
@@ -582,8 +493,8 @@ var B = (e, t, n, i, o, c) => {
 			type: "dragStart",
 			value: {
 				rect: {
-					draggedItemHeight: p.height,
-					draggedItemWidth: p.width
+					draggedItemHeight: m.height,
+					draggedItemWidth: m.width
 				},
 				dragged: {
 					initial: h,
@@ -602,26 +513,26 @@ var B = (e, t, n, i, o, c) => {
 		let S = v?.scrollLeft ?? 0, C = v?.scrollTop ?? 0;
 		requestAnimationFrame(() => {
 			let t = e.cloneRef?.current;
-			t && (u === "row" ? t.scrollLeft = S : V.current && (V.current.scrollTop = C));
+			t && (u === "row" ? t.scrollLeft = S : H.current && (H.current.scrollTop = C));
 		});
 	}, [
 		n,
 		e,
-		m,
+		p,
 		f,
-		E,
+		D,
 		_,
-		k,
-		A,
-		T,
-		w
-	]), G = r((t, r, i, a, o) => {
+		M,
+		N,
+		E,
+		T
+	]), K = r((t, r, i, a, o) => {
 		let s = e.cloneRef?.current;
-		s && (s.style.visibility = "hidden"), H.current &&= (H.current.style.opacity = "", H.current.style.pointerEvents = "", H.current.style.zIndex = "", H.current.style.cursor = "", null), U.current.forEach((e) => {
+		s && (s.style.visibility = "hidden"), U.current &&= (U.current.style.opacity = "", U.current.style.pointerEvents = "", U.current.style.zIndex = "", U.current.style.cursor = "", null), W.current.forEach((e) => {
 			e.style.opacity = "";
-		}), U.current = [];
+		}), W.current = [];
 		let l = e.tableRef?.current;
-		l && (l.style.touchAction = ""), p(() => {
+		l && (l.style.touchAction = ""), m(() => {
 			c && t !== null && r !== null && (i === "row" || i === "column") && c({
 				sourceIndex: t,
 				targetIndex: r,
@@ -633,7 +544,7 @@ var B = (e, t, n, i, o, c) => {
 					sourceIndex: t
 				}
 			});
-		}), C();
+		}), w();
 		let u = e.bodyRef?.current;
 		u && (u.scrollTop = a, u.scrollLeft = o, requestAnimationFrame(() => {
 			u.scrollTop = a, u.scrollLeft = o;
@@ -643,71 +554,71 @@ var B = (e, t, n, i, o, c) => {
 		e.bodyRef,
 		e.cloneRef,
 		e.tableRef,
-		C,
+		w,
 		c
-	]), K = r(() => {
-		if (I.current) return;
-		I.current = !0, Y(), setTimeout(() => {
-			X.current = !1;
+	]), q = r(() => {
+		if (B.current) return;
+		B.current = !0, X(), setTimeout(() => {
+			Z.current = !1;
 		}, 400);
-		let t = F.current, n = P.current, r = j.current, i = e.bodyRef?.current, a = i?.scrollTop ?? 0, o = i?.scrollLeft ?? 0;
-		k.current = null, A.current = null, d(), j.current = null, P.current = null, F.current = null;
+		let t = z.current, n = R.current, r = P.current, i = e.bodyRef?.current, a = i?.scrollTop ?? 0, o = i?.scrollLeft ?? 0;
+		M.current = null, N.current = null, d(), P.current = null, R.current = null, z.current = null;
 		let s = e.cloneRef?.current, c = e.placeholderRef?.current;
 		if (s && c && c.style.display !== "none") {
 			let e = parseFloat(c.style.left) || 0, i = parseFloat(c.style.top) || 0;
-			s.style.transition = `transform ${L}ms cubic-bezier(0.2, 0, 0, 1)`, s.style.transform = `translate(${e}px, ${i}px)`, setTimeout(() => G(n, t, r, a, o), L);
-		} else G(n, t, r, a, o);
+			s.style.transition = `transform ${ne}ms cubic-bezier(0.2, 0, 0, 1)`, s.style.transform = `translate(${e}px, ${i}px)`, setTimeout(() => K(n, t, r, a, o), ne);
+		} else K(n, t, r, a, o);
 	}, [
 		d,
 		e.bodyRef,
 		e.placeholderRef,
 		e.cloneRef,
-		G
-	]), q = l(() => {}), { touchStart: J, cancelLongPress: Y, isTouchActiveRef: X } = M(e, W, K, (e, t) => q.current(e, t)), Z = r((e) => {
-		e.button === 0 && e.target !== e.currentTarget && (X.current || ne(e.clientX, e.clientY, e.target) || W(e, e.clientX, e.clientY));
-	}, [W, X]), Q = r((t, n) => {
-		if (I.current) return;
-		let r = N.current;
-		m.current.x = t, m.current.y = n;
+		K
+	]), J = l(() => {}), { touchStart: Y, cancelLongPress: X, isTouchActiveRef: Z } = O(e, G, q, (e, t) => J.current(e, t)), Q = r((e) => {
+		e.button === 0 && e.target !== e.currentTarget && (Z.current || ee(e.clientX, e.clientY, e.target) || G(e, e.clientX, e.clientY));
+	}, [G, Z]), $ = r((t, n) => {
+		if (B.current) return;
+		let r = L.current;
+		p.current.x = t, p.current.y = n;
 		let a = e.bodyRef?.current;
 		if (!a) return;
-		let o = A.current;
-		(!o || x.current) && (o = a.getBoundingClientRect(), A.current = o);
+		let o = N.current;
+		(!o || x.current) && (o = a.getBoundingClientRect(), N.current = o);
 		let s = a.scrollLeft, c = a.scrollTop, l = e.cloneRef?.current;
-		l && (l.style.transform = `translate(${t - r.x}px, ${n - r.y}px)`, j.current === "row" ? l.scrollLeft = s : V.current && (V.current.scrollTop = c));
-		let f = j.current || i;
-		if (B.current && _.checkStaleness(), x.current && (k.current = null, F.current = null, w.current = null, B.current ? f === "row" ? _.rebuildRowMap(a) : _.rebuildColumnMaps(a, e.headerRef?.current ?? null) : x.current = !1), f === "row") if (n < o.top + R) u(-z, a, "vertical"), x.current = !0;
-		else if (n > o.bottom - R) u(z, a, "vertical"), x.current = !0;
+		l && (l.style.transform = `translate(${t - r.x}px, ${n - r.y}px)`, P.current === "row" ? l.scrollLeft = s : H.current && (H.current.scrollTop = c));
+		let f = P.current || i;
+		if (V.current && _.checkStaleness(), x.current && (M.current = null, z.current = null, T.current = null, V.current ? f === "row" ? _.rebuildRowMap(a) : _.rebuildColumnMaps(a, e.headerRef?.current ?? null) : x.current = !1), f === "row") if (n < o.top + F) u(-I, a, "vertical"), x.current = !0;
+		else if (n > o.bottom - F) u(I, a, "vertical"), x.current = !0;
 		else {
 			let t = h.current;
 			d(), t && requestAnimationFrame(() => {
 				let t = e.bodyRef?.current;
 				if (!t) return;
-				B.current && _.rebuildRowMap(t), k.current = null;
+				V.current && _.rebuildRowMap(t), M.current = null;
 				let n = t.getBoundingClientRect();
-				A.current = n;
-				let r = O(m.current.x, m.current.y, "row", n, t.scrollTop, N.current, T.current);
-				F.current = r, w.current = null, S(P.current, r, "row");
+				N.current = n;
+				let r = k(p.current.x, p.current.y, "row", n, t.scrollTop, L.current, E.current);
+				z.current = r, T.current = null, S(R.current, r, "row");
 			});
 		}
-		else if (t < o.left + R) u(-z, a, "horizontal"), x.current = !0;
-		else if (t > o.right - R) u(z, a, "horizontal"), x.current = !0;
+		else if (t < o.left + F) u(-I, a, "horizontal"), x.current = !0;
+		else if (t > o.right - F) u(I, a, "horizontal"), x.current = !0;
 		else {
 			let t = g.current;
 			d(), t && requestAnimationFrame(() => {
 				let t = e.bodyRef?.current;
 				if (!t) return;
-				B.current && _.rebuildColumnMaps(t, e.headerRef?.current ?? null), k.current = null;
+				V.current && _.rebuildColumnMaps(t, e.headerRef?.current ?? null), M.current = null;
 				let n = t.getBoundingClientRect();
-				A.current = n;
-				let r = O(m.current.x, m.current.y, "column", n, t.scrollTop, N.current, T.current);
-				F.current = r, w.current = null, S(P.current, r, "column");
+				N.current = n;
+				let r = k(p.current.x, p.current.y, "column", n, t.scrollTop, L.current, E.current);
+				z.current = r, T.current = null, S(R.current, r, "column");
 			});
 		}
-		let p = O(t, n, f, o, c, r, T.current);
-		p !== F.current && (F.current = p, requestAnimationFrame(() => S(P.current, p, f)));
+		let m = k(t, n, f, o, c, r, E.current);
+		m !== z.current && (z.current = m, requestAnimationFrame(() => S(R.current, m, f)));
 	}, [
-		m,
+		p,
 		e.bodyRef,
 		e.cloneRef,
 		e.headerRef,
@@ -717,17 +628,17 @@ var B = (e, t, n, i, o, c) => {
 		h,
 		g,
 		_,
-		O,
-		S,
 		k,
-		A,
+		S,
+		M,
+		N,
 		x,
-		w,
-		T
+		T,
+		E
 	]);
-	q.current = Q;
-	let $ = r(() => {
-		Y(), k.current = null, A.current = null;
+	J.current = $;
+	let ie = r(() => {
+		X(), M.current = null, N.current = null;
 		let t = e.cloneRef?.current;
 		t && (t.style.visibility = "hidden");
 		let r = e.tableRef?.current;
@@ -737,49 +648,49 @@ var B = (e, t, n, i, o, c) => {
 				targetIndex: null,
 				sourceIndex: null
 			}
-		}), d(), C(), j.current = null, P.current = null, F.current = null;
+		}), d(), w(), P.current = null, R.current = null, z.current = null;
 	}, [
-		Y,
-		k,
-		A,
+		X,
+		M,
+		N,
 		e.cloneRef,
 		e.tableRef,
 		n,
 		d,
-		C
+		w
 	]);
 	return s(() => {
 		if (!t.isDragging) {
-			C();
+			w();
 			let t = e.cloneRef?.current;
 			t && (t.style.transition = "", t.style.transform = "translate(0px, 0px)", t.style.visibility = "", t.scrollLeft = 0, t.innerHTML = "");
 		}
 	}, [
 		t.isDragging,
-		C,
+		w,
 		e.cloneRef
 	]), a(() => {
 		if (!t.isDragging) return;
 		let e = 0, n = 0, r = !1, i = (t) => {
 			e = t.clientX, n = t.clientY, r || (r = !0, requestAnimationFrame(() => {
-				r = !1, Q(e, n);
+				r = !1, $(e, n);
 			}));
-		}, a = () => K(), o = (e) => {
-			e.key === "Escape" && $();
+		}, a = () => q(), o = (e) => {
+			e.key === "Escape" && ie();
 		};
 		return window.addEventListener("pointermove", i), window.addEventListener("pointerup", a), window.addEventListener("pointercancel", a), window.addEventListener("keydown", o), () => {
 			window.removeEventListener("pointermove", i), window.removeEventListener("pointerup", a), window.removeEventListener("pointercancel", a), window.removeEventListener("keydown", o);
 		};
 	}, [
 		t.isDragging,
-		Q,
-		K,
-		$
+		$,
+		q,
+		ie
 	]), {
-		dragStart: Z,
-		touchStart: J
+		dragStart: Q,
+		touchStart: Y
 	};
-}, V = {
+}, R = {
 	columnDragRange: {
 		start: void 0,
 		end: void 0
@@ -790,7 +701,7 @@ var B = (e, t, n, i, o, c) => {
 	},
 	defaultSizing: 50
 };
-function H(e, t) {
+function z(e, t) {
 	switch (t.type) {
 		case "setDragged": return {
 			...e,
@@ -868,7 +779,7 @@ function H(e, t) {
 		default: throw Error("Unhandled action");
 	}
 }
-var U = {
+var B = {
 	dragged: {
 		initial: {
 			x: 0,
@@ -900,58 +811,58 @@ var U = {
 		placeholderRef: { current: null }
 	},
 	bodyScrollBarWidth: 0,
-	options: V,
+	options: R,
 	widths: [],
 	columnIds: []
-}, W = {
+}, V = {
 	position: "relative",
 	display: "flex",
 	flexFlow: "column"
-}, G = {
+}, H = {
 	position: "fixed",
 	pointerEvents: "none",
 	zIndex: 3,
 	top: 0,
 	left: 0,
 	display: "none"
-}, K = t(({ children: e, className: t, style: n, options: r, onDragEnd: i, renderPlaceholder: s }, p) => {
-	let m = l(null), h = l(null), g = l(null);
-	o(p, () => m.current, []);
-	let [v] = u(() => T(H, U)), y = (0, b.useSyncExternalStore)(v.subscribe, v.getState), S = v.dispatch;
+}, U = t(({ children: e, className: t, style: n, options: r, onDragEnd: i, renderPlaceholder: s }, m) => {
+	let h = l(null), v = l(null), y = l(null);
+	o(m, () => h.current, []);
+	let [b] = u(() => x(z, B)), S = d(b.subscribe, b.getState), C = b.dispatch;
 	a(() => {
-		S({
+		C({
 			type: "setRef",
 			refName: "tableRef",
-			value: m
-		}), S({
+			value: h
+		}), C({
 			type: "setRef",
 			refName: "cloneRef",
-			value: h
-		}), S({
+			value: v
+		}), C({
 			type: "setRef",
 			refName: "placeholderRef",
-			value: g
+			value: y
 		});
-	}, [m, S]), a(() => {
+	}, [h, C]), a(() => {
 		let e = () => {
-			m.current && S({
+			h.current && C({
 				type: "setTableDimensions",
 				value: {
-					height: m.current.offsetHeight,
-					width: m.current.offsetWidth
+					height: h.current.offsetHeight,
+					width: h.current.offsetWidth
 				}
 			});
 		};
 		return e(), window.addEventListener("resize", e), () => {
 			window.removeEventListener("resize", e);
 		};
-	}, [m, S]), a(() => {
-		r && S({
+	}, [h, C]), a(() => {
+		r && C({
 			type: "setOptions",
 			value: r
 		});
-	}, [r, S]);
-	let { dragStart: C, touchStart: w } = B(y.refs, y.dragged, S, y.dragType, y.options, i), E = c(() => ({
+	}, [r, C]);
+	let { dragStart: w, touchStart: T } = L(S.refs, S.dragged, C, S.dragType, S.options, i), E = c(() => ({
 		position: "fixed",
 		zIndex: "5",
 		pointerEvents: "none",
@@ -959,47 +870,47 @@ var U = {
 		left: 0,
 		display: "flex",
 		flexDirection: "column",
-		height: y.dragType === "row" ? y.rect.draggedItemHeight : `${y.tableDimensions.height}px`,
-		width: y.dragType === "column" ? `${y.rect.draggedItemWidth}px` : `${y.tableDimensions.width}px`,
+		height: S.dragType === "row" ? S.rect.draggedItemHeight : `${S.tableDimensions.height}px`,
+		width: S.dragType === "column" ? `${S.rect.draggedItemWidth}px` : `${S.tableDimensions.width}px`,
 		overflow: "scroll",
 		scrollbarWidth: "none",
-		boxShadow: y.dragged.isDragging ? "0 0 10px 0 rgba(0, 0, 0, 0.1)" : "none"
+		boxShadow: S.dragged.isDragging ? "0 0 10px 0 rgba(0, 0, 0, 0.1)" : "none"
 	}), [
-		y.dragType,
-		y.dragged.isDragging,
-		y.rect.draggedItemHeight,
-		y.rect.draggedItemWidth,
-		y.tableDimensions.height,
-		y.tableDimensions.width
+		S.dragType,
+		S.dragged.isDragging,
+		S.rect.draggedItemHeight,
+		S.rect.draggedItemWidth,
+		S.tableDimensions.height,
+		S.tableDimensions.width
 	]);
-	return /* @__PURE__ */ d(x.Provider, {
-		value: v,
-		children: /* @__PURE__ */ f(_, {
-			className: y.dragged.isDragging ? "is-dragging" : "",
+	return /* @__PURE__ */ f(_.Provider, {
+		value: b,
+		children: /* @__PURE__ */ p(g, {
+			className: S.dragged.isDragging ? "is-dragging" : "",
 			children: [
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ f("div", {
 					id: "portalroot",
 					style: {
 						...E,
-						visibility: y.dragged.isDragging ? "visible" : "hidden"
+						visibility: S.dragged.isDragging ? "visible" : "hidden"
 					},
-					ref: h
+					ref: v
 				}),
-				/* @__PURE__ */ d("div", {
-					ref: g,
-					style: G,
-					children: s ? s() : /* @__PURE__ */ d("div", { style: {
+				/* @__PURE__ */ f("div", {
+					ref: y,
+					style: H,
+					children: s ? s() : /* @__PURE__ */ f("div", { style: {
 						width: "100%",
 						height: "100%"
 					} })
 				}),
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ f("div", {
 					"data-contextid": "context",
-					ref: m,
-					onMouseDown: C,
-					onTouchStart: w,
+					ref: h,
+					onMouseDown: w,
+					onTouchStart: T,
 					style: {
-						...W,
+						...V,
 						...n
 					},
 					className: `table ${t ?? ""}`,
@@ -1009,11 +920,11 @@ var U = {
 		})
 	});
 });
-K.displayName = "TableProvider";
+U.displayName = "TableProvider";
 //#endregion
 //#region src/Components/TableHeader.tsx
-var q = t(({ children: e, style: t, className: n }, i) => {
-	let o = l(null), u = i || o, f = S((e) => e.bodyScrollBarWidth), p = S((e) => e.dragged.isDragging), m = S((e) => e.refs), h = C(), g = r((e) => "current" in e ? e.current : null, []);
+var W = t(({ children: e, style: t, className: n }, i) => {
+	let o = l(null), u = i || o, d = v((e) => e.bodyScrollBarWidth), p = v((e) => e.dragged.isDragging), m = v((e) => e.refs), h = y(), g = r((e) => "current" in e ? e.current : null, []);
 	a(() => {
 		o.current && h({
 			type: "setRef",
@@ -1021,19 +932,19 @@ var q = t(({ children: e, style: t, className: n }, i) => {
 			value: o
 		});
 	}, [h]);
-	let { HeaderScrollHandle: _ } = D(m), v = {
+	let { HeaderScrollHandle: _ } = C(m), b = {
 		display: "flex",
 		flex: "1 0 auto"
-	}, y = c(() => ({
+	}, x = c(() => ({
 		overflowX: "scroll",
 		overflowY: "clip",
 		scrollbarWidth: "none",
 		display: "flex",
-		paddingRight: `${f}px`,
+		paddingRight: `${d}px`,
 		userSelect: p ? "none" : "auto",
 		...t
 	}), [
-		f,
+		d,
 		p,
 		t
 	]);
@@ -1062,66 +973,66 @@ var q = t(({ children: e, style: t, className: n }, i) => {
 		h,
 		g,
 		u
-	]), /* @__PURE__ */ d("div", {
+	]), /* @__PURE__ */ f("div", {
 		className: `header ${n ?? ""}`,
-		children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ f("div", {
 			className: "thead",
-			style: y,
+			style: x,
 			"data-droppableid": "header",
 			onScroll: _,
 			ref: u,
-			children: /* @__PURE__ */ d("div", {
-				style: v,
+			children: /* @__PURE__ */ f("div", {
+				style: b,
 				className: "tr",
 				children: e
 			})
 		})
 	});
 });
-q.displayName = "TableHeader";
+W.displayName = "TableHeader";
 //#endregion
 //#region src/Components/Draggable.tsx
-var J = n(({ children: e, id: t, index: n, type: r, styles: i = {} }) => {
-	let o = S((e) => e.options.rowDragRange), s = S((e) => e.options.columnDragRange), u = c(() => r === "row" ? I(n, o.start, o.end) : I(n, s.start, s.end), [
+var G = n(({ children: e, id: t, index: n, type: r, styles: i = {} }) => {
+	let o = v((e) => e.options.rowDragRange), s = v((e) => e.options.columnDragRange), u = c(() => r === "row" ? P(n, o.start, o.end) : P(n, s.start, s.end), [
 		n,
 		s.end,
 		s.start,
 		o.end,
 		o.start,
 		r
-	]), f = l(null), p = c(() => ({
+	]), d = l(null), p = c(() => ({
 		cursor: u ? "auto" : "-webkit-grab",
 		display: "flex"
 	}), [u]);
 	return a(() => {
-		f.current && f.current.querySelector("[data-drag-handle]") && (f.current.style.cursor = "auto");
-	}, [e, u]), /* @__PURE__ */ d("div", {
+		d.current && d.current.querySelector("[data-drag-handle]") && (d.current.style.cursor = "auto");
+	}, [e, u]), /* @__PURE__ */ f("div", {
 		className: "draggable",
 		"data-id": t,
 		"data-index": n,
 		"data-type": r,
 		"data-disabled": u ? "true" : "false",
 		style: i,
-		children: /* @__PURE__ */ d("div", {
-			ref: f,
+		children: /* @__PURE__ */ f("div", {
+			ref: d,
 			style: p,
 			children: e
 		})
 	});
 });
-J.displayName = "Draggable";
+G.displayName = "Draggable";
 //#endregion
 //#region src/Components/ColumnCell.tsx
-var Y = n(({ children: e, style: t, className: n, ...r }) => {
-	let i = S((e) => e.options.defaultSizing), { width: a, flex: o, ...s } = t ?? {}, l = c(() => a === void 0 ? i : typeof a == "number" ? a : parseFloat(String(a)) || i, [a, i]), u = c(() => ({
+var K = n(({ children: e, style: t, className: n, ...r }) => {
+	let i = v((e) => e.options.defaultSizing), { width: a, flex: o, ...s } = t ?? {}, l = c(() => a === void 0 ? i : typeof a == "number" ? a : parseFloat(String(a)) || i, [a, i]), u = c(() => ({
 		width: `${l}px`,
 		flex: o === void 0 ? `${l} 0 auto` : o
 	}), [l, o]);
-	return /* @__PURE__ */ d(J, {
+	return /* @__PURE__ */ f(G, {
 		...r,
 		styles: u,
 		type: "column",
-		children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ f("div", {
 			className: `th ${n ?? ""}`,
 			"data-width": l,
 			style: {
@@ -1132,25 +1043,25 @@ var Y = n(({ children: e, style: t, className: n, ...r }) => {
 		})
 	});
 });
-Y.displayName = "ColumnCell";
+K.displayName = "ColumnCell";
 //#endregion
 //#region src/Components/TableBody.tsx
-var X = {
+var q = {
 	display: "flex",
 	overflow: "hidden",
 	flex: 1
-}, Z = t(({ children: e, style: t, className: n }, r) => {
+}, J = t(({ children: e, style: t, className: n }, r) => {
 	let i = l(null);
 	o(r, () => i.current, []);
-	let s = S((e) => e.dragged.isDragging), u = S((e) => e.refs), f = C();
+	let s = v((e) => e.dragged.isDragging), u = v((e) => e.refs), d = y();
 	a(() => {
-		f({
+		d({
 			type: "setRef",
 			refName: "bodyRef",
 			value: i
 		});
-	}, [f, i]);
-	let { BodyScrollHandle: p } = D(u), m = c(() => ({
+	}, [d, i]);
+	let { BodyScrollHandle: p } = C(u), m = c(() => ({
 		overflowX: "auto",
 		overflowY: "auto",
 		flex: 1,
@@ -1160,15 +1071,15 @@ var X = {
 	return a(() => {
 		if (i.current) {
 			let e = i.current.clientWidth;
-			f({
+			d({
 				type: "setBodyScrollBarWidth",
 				value: i.current.offsetWidth - e
 			});
 		}
-	}, [f, i]), /* @__PURE__ */ d("div", {
+	}, [d, i]), /* @__PURE__ */ f("div", {
 		className: `body ${n ?? ""}`,
-		style: X,
-		children: /* @__PURE__ */ d("div", {
+		style: q,
+		children: /* @__PURE__ */ f("div", {
 			className: "ibody",
 			style: m,
 			"data-droppableid": "body",
@@ -1177,30 +1088,30 @@ var X = {
 			children: e
 		})
 	});
-}), Q = {
+}), Y = {
 	display: "flex",
 	flex: "1 0 auto",
 	minHeight: "24px"
-}, $ = n(({ children: e, style: t, className: n, ...r }) => {
+}, X = n(({ children: e, style: t, className: n, ...r }) => {
 	let i = c(() => t ? {
-		...Q,
+		...Y,
 		...t
-	} : Q, [t]), a = m("tr", n);
-	return /* @__PURE__ */ d(J, {
+	} : Y, [t]), a = h("tr", n);
+	return /* @__PURE__ */ f(G, {
 		...r,
 		type: "row",
-		children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ f("div", {
 			className: a,
 			style: i,
 			children: e
 		})
 	});
 });
-$.displayName = "BodyRow";
+X.displayName = "BodyRow";
 //#endregion
 //#region src/Components/RowCell.tsx
-var ae = n(({ children: e, style: t, className: n, ...r }) => {
-	let { index: i } = r, a = S((e) => e.widths), o = S((e) => e.options.defaultSizing), s = c(() => a[i] ?? o, [
+var Z = n(({ children: e, style: t, className: n, ...r }) => {
+	let { index: i } = r, a = v((e) => e.widths), o = v((e) => e.options.defaultSizing), s = c(() => a[i] ?? o, [
 		a,
 		i,
 		o
@@ -1210,17 +1121,17 @@ var ae = n(({ children: e, style: t, className: n, ...r }) => {
 		flex: `${s} 0 auto`,
 		...t
 	}), [s, t]);
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ f("div", {
 		className: `td ${n ?? ""}`,
 		style: l,
 		"data-col-index": i,
 		children: e
 	});
 });
-ae.displayName = "RowCell";
+Z.displayName = "RowCell";
 //#endregion
 //#region src/Components/DragHandle.tsx
-var oe = n(({ children: e, className: t, style: n }) => /* @__PURE__ */ d("div", {
+var Q = n(({ children: e, className: t, style: n }) => /* @__PURE__ */ f("div", {
 	"data-drag-handle": "true",
 	className: t,
 	style: {
@@ -1231,6 +1142,6 @@ var oe = n(({ children: e, className: t, style: n }) => /* @__PURE__ */ d("div",
 	},
 	children: e
 }));
-oe.displayName = "DragHandle";
+Q.displayName = "DragHandle";
 //#endregion
-export { $ as BodyRow, Y as ColumnCell, oe as DragHandle, ae as RowCell, Z as TableBody, K as TableContainer, q as TableHeader, w as useTable, C as useTableDispatch, S as useTableStore };
+export { X as BodyRow, K as ColumnCell, Q as DragHandle, Z as RowCell, J as TableBody, U as TableContainer, W as TableHeader, b as useTable, y as useTableDispatch, v as useTableStore };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-table-dnd",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "type": "module",
   "description": "Sortable table with draggable rows and columns",
   "main": "dist/index.cjs.js",
@@ -49,12 +49,11 @@
   },
   "homepage": "https://samiodeh1337.github.io/react-table-dnd/",
   "peerDependencies": {
-    "react": ">=17.0.0",
-    "react-dom": ">=17.0.0"
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
   },
   "dependencies": {
-    "classnames": "^2.5.1",
-    "use-sync-external-store": "^1.6.0"
+    "classnames": "^2.5.1"
   },
   "devDependencies": {
     "styled-components": "^6.3.11",
@@ -63,7 +62,6 @@
     "@types/node": "^24.12.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@types/use-sync-external-store": "^1.5.0",
     "@vitejs/plugin-react": "^6.0.0",
     "eslint": "^9.39.4",
     "eslint-config-prettier": "^10.1.8",