flexi-datagrid 1.2.6 → 1.2.7

package/dist/index.umd.js

@@ -1 +1 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("lucide-react"),require("react"),require("react-dom"),require("react/jsx-runtime")):typeof define==`function`&&define.amd?define([`exports`,`lucide-react`,`react`,`react-dom`,`react/jsx-runtime`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.FlexiDataGrid={},e.LucideReact,e.React,e.ReactDOM,e.JSX))})(this,function(e,t,n,r,i){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var a=Object.create,o=Object.defineProperty,s=Object.getOwnPropertyDescriptor,c=Object.getOwnPropertyNames,l=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,d=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=c(t),a=0,l=i.length,d;a<l;a++)d=i[a],!u.call(e,d)&&d!==n&&o(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=s(t,d))||r.enumerable});return e};n=((e,t,n)=>(n=e==null?{}:a(l(e)),d(t||!e||!e.__esModule?o(n,`default`,{value:e,enumerable:!0}):n,e)))(n,1);var f=e=>{let t=[];return e.forEach(e=>{e.children&&e.children.length>0?t.push(...f(e.children)):t.push(e)}),t},p=(...e)=>e.filter(Boolean).join(` `),ee=e=>{if(e===!0)return`left`;if(e===`left`||e===`right`)return e},te=(e,t,n)=>{let r=e=>{let n=t[e];return n===`left`?0:n===`right`?2:1},i=e=>e.map((e,t)=>({col:e,idx:t})).sort((e,t)=>{let i=r(e.col.key)-r(t.col.key);return i===0?(n[e.col.key]??e.idx)-(n[t.col.key]??t.idx):i}).map(({col:e})=>e.children&&e.children.length>0?{...e,children:i(e.children)}:e);return i(e)},ne=48,re=150,ie=60;function m({columns:e,data:a,rowKey:o,actions:s,isLoading:c,groupBy:l=!1,defaultGroupBy:u=[],onPinChange:d,onGroupChange:m,containerStyle:ae,tableStyle:oe,bordered:se=!1,pinnedBottomRowData:h=[],pinnedRowClassName:g,rowHeight:_=ne,overscan:v=8,onColumnResize:ce,onColumnReorder:le,rowClassRules:y,onRowClick:b}){let[x,ue]=(0,n.useState)(null),[S,de]=(0,n.useState)({}),[C,w]=(0,n.useState)(``),[T,fe]=(0,n.useState)(null),E=(0,n.useRef)(new Map),[D,pe]=(0,n.useState)(u),[O,me]=(0,n.useState)({}),[he,k]=(0,n.useState)(!1),[A,ge]=(0,n.useState)({key:null,direction:null}),[j,_e]=(0,n.useState)({}),[M,ve]=(0,n.useState)({}),N=(0,n.useRef)(null),P=(0,n.useRef)(!1),F=(0,n.useRef)(null),I=(0,n.useMemo)(()=>f(e),[e]),[L,ye]=(0,n.useState)(()=>{let e={};return I.forEach(t=>{let n=ee(t.pinned);n&&(e[t.key]=n)}),e}),R=(0,n.useMemo)(()=>te(e,L,M),[e,L,M]),z=(0,n.useMemo)(()=>{let e=f(R),t=l?D:[];return e.filter(e=>!t.includes(e.key))},[R,D,l]),B=(0,n.useRef)(null),V=(0,n.useRef)(null);(0,n.useEffect)(()=>{function e(e){let t=e.target,n=x?E.current.get(x):null;V.current&&!V.current.contains(t)&&!(n&&n.contains(t))&&(ue(null),w(``))}return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[x]),(0,n.useEffect)(()=>{if(!x)return;let e=()=>{let e=E.current.get(x),t=B.current;if(!e||!t)return;let n=e.getBoundingClientRect(),r=t.getBoundingClientRect();fe({top:n.bottom-r.top+4,left:n.left-r.left})};return e(),window.addEventListener(`scroll`,e,!0),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`scroll`,e,!0),window.removeEventListener(`resize`,e)}},[x]);let be=e=>typeof o==`function`?o(e):String(e[o]),xe=(e,t)=>{if(!y)return;let n;for(let r in y)y[r](e,t)&&(n=n?`${n} ${r}`:r);return n},Se=e=>{ye(t=>{let n=t[e],r=n?n===`left`?`right`:void 0:`left`,i={...t};return r?i[e]=r:delete i[e],d&&d(e,!!r,r),i})},Ce=e=>{let t=`asc`;A.key===e&&(t=A.direction===`asc`?`desc`:A.direction===`desc`?null:`asc`),ge({key:t?e:null,direction:t})},we=(e,t,n)=>{if(P.current){e.preventDefault();return}N.current=t,n&&e.dataTransfer.setData(`text/plain`,t),e.dataTransfer.effectAllowed=`move`},Te=(e,t,n)=>{let r=e.map(e=>e.key);if(r.includes(t)&&r.includes(n))return e;for(let r of e)if(r.children&&r.children.length>0){let e=Te(r.children,t,n);if(e)return e}return null},Ee=(t,n)=>{t.preventDefault(),t.stopPropagation();let r=N.current;if(N.current=null,!r||r===n)return;let i=Te(R,r,n);if(!i)return;let a=i.map(e=>e.key),o=a.indexOf(r),s=a.indexOf(n);a.splice(s,0,a.splice(o,1)[0]);let c={...M};a.forEach((e,t)=>{c[e]=t}),ve(c),le&&le(f(te(e,L,c)).map(e=>e.key))},De=(e,t)=>{e.preventDefault(),e.stopPropagation(),P.current=!0,F.current={key:t.key,startX:e.clientX,startWidth:U(t)};let n=t.minWidth??ie,r=t.maxWidth,i=e=>{let t=F.current;if(!t)return;let i=t.startWidth+(e.clientX-t.startX);i=Math.max(n,i),r&&(i=Math.min(r,i)),_e(e=>e[t.key]===i?e:{...e,[t.key]:i})},a=()=>{let e=F.current;F.current=null,window.removeEventListener(`mousemove`,i),window.removeEventListener(`mouseup`,a),requestAnimationFrame(()=>{P.current=!1}),e&&ce&&_e(t=>(t[e.key]!==void 0&&ce(e.key,t[e.key]),t))};window.addEventListener(`mousemove`,i),window.addEventListener(`mouseup`,a)},Oe=e=>{e.preventDefault(),k(!1);let t=e.dataTransfer.getData(`text/plain`);if(t&&!D.includes(t)){let e=[...D,t];pe(e),m&&m(e)}},ke=e=>{let t=D.filter(t=>t!==e);pe(t),me({}),m&&m(t)},H=(0,n.useMemo)(()=>{let e=t=>{let n=0;return t.forEach(t=>{n=t.children&&t.children.length>0?Math.max(n,1+e(t.children)):Math.max(n,1)}),n},t=e(R),n=Array.from({length:t},()=>[]),r=e=>!e.children||e.children.length===0?D.includes(e.key)&&l?0:1:e.children.reduce((e,t)=>e+r(t),0),i=l?D:[],a=(e,o)=>{e.forEach(e=>{if(i.includes(e.key))return;let s=r(e);s!==0&&(e.children&&e.children.length>0?(n[o].push({col:e,rowSpan:1,colSpan:s}),a(e.children,o+1)):n[o].push({col:e,rowSpan:t-o,colSpan:1}))})};return a(R,0),n.filter(e=>e.length>0)},[R,D,l]),U=e=>{if(j[e.key]!==void 0)return j[e.key];let t=e.style?.width||e.headerStyle?.width||`${re}px`;return typeof t==`number`?t:parseInt(String(t),10)||re},Ae=(0,n.useMemo)(()=>{let e={},t=0;l&&D.length>0&&(t+=48),z.forEach(n=>{L[n.key]===`left`&&(e[n.key]={side:`left`,offset:t},t+=U(n))});let n=s?100:0;for(let t=z.length-1;t>=0;t--){let r=z[t];L[r.key]===`right`&&(e[r.key]={side:`right`,offset:n},n+=U(r))}return e},[z,L,D,l,s,j]),je=(e,t)=>{de(n=>{let r=n[e]||[],i=r.includes(t)?r.filter(e=>e!==t):[...r,t],a={...n,[e]:i};return a[e].length===0&&delete a[e],a})},Me=e=>{de(t=>{let n={...t};return delete n[e],n})},W=(0,n.useMemo)(()=>{let e=new Map;return I.forEach(t=>e.set(t.key,t)),e},[I]),G=(0,n.useMemo)(()=>{if(!x)return[];let e=W.get(x),t=a.map(t=>e?.getValue?e.getValue(t):t[x]);return Array.from(new Set(t)).filter(e=>e!=null)},[a,x,W]),Ne=(0,n.useMemo)(()=>{if(!C.trim())return G;let e=C.toLowerCase();return G.filter(t=>String(t).toLowerCase().includes(e))},[G,C]),K=(0,n.useMemo)(()=>{let e=Object.entries(S).filter(([,e])=>e&&e.length>0),t=e.length===0?a:a.filter(t=>e.every(([e,n])=>{let r=W.get(e),i=r?.getValue?r.getValue(t):t[e];return n.includes(i)}));if(A.key&&A.direction){let{key:e,direction:n}=A,r=W.get(e);t=[...t].sort((t,i)=>{let a=r?.getValue?r.getValue(t):t[e],o=r?.getValue?r.getValue(i):i[e];if(a===o)return 0;if(a==null)return 1;if(o==null)return-1;let s=0;return s=typeof a==`number`&&typeof o==`number`?a-o:String(a).localeCompare(String(o),void 0,{numeric:!0,sensitivity:`base`}),n===`asc`?s:-s})}return t},[a,S,A,W]),q=(0,n.useMemo)(()=>{if(!l||D.length===0)return K;let e=(t,n,r=``)=>{if(n>=D.length)return t;let i=D[n],a=W.get(i),o={};return t.forEach(e=>{let t=a?.getValue?a.getValue(e):e[i],n=String(t??`N/A`);o[n]||(o[n]=[]),o[n].push(e)}),Object.entries(o).map(([t,a])=>{let o=r?`${r}➔${t}`:t;return{isGroupRow:!0,groupKey:i,groupValue:t,path:o,depth:n,children:e(a,n+1,o),totalItemsCount:a.length}})};return e(K,0)},[K,D,l,W]),Pe=e=>{me(t=>{let n=t[e]!==!1;return{...t,[e]:!n}})},J=(0,n.useMemo)(()=>{if(!l||D.length===0)return q;let e=[],t=n=>{n.forEach(n=>{n.isGroupRow?(e.push(n),O[n.path]!==!1&&t(n.children)):e.push(n)})};return t(q),e},[q,O,D,l]),Fe=(0,n.useRef)(null),[Ie,Le]=(0,n.useState)(0),[Y,Re]=(0,n.useState)(0);(0,n.useEffect)(()=>{let e=Fe.current;if(!e)return;let t=()=>Le(e.scrollTop);Re(e.clientHeight),Le(e.scrollTop),e.addEventListener(`scroll`,t,{passive:!0});let n;return typeof ResizeObserver<`u`&&(n=new ResizeObserver(()=>Re(e.clientHeight)),n.observe(e)),()=>{e.removeEventListener(`scroll`,t),n?.disconnect()}},[]);let X=J.length,{startIndex:Z,endIndex:ze,topSpacerHeight:Q,bottomSpacerHeight:Be}=(0,n.useMemo)(()=>{if(Y===0)return{startIndex:0,endIndex:X,topSpacerHeight:0,bottomSpacerHeight:0};let e=Math.floor(Ie/_),t=Math.ceil(Y/_),n=Math.max(0,e-v),r=Math.min(X,e+t+v);return{startIndex:n,endIndex:r,topSpacerHeight:n*_,bottomSpacerHeight:(X-r)*_}},[Ie,Y,X,_,v]),Ve=(0,n.useMemo)(()=>J.slice(Z,ze),[J,Z,ze]),He=(e,t=!1,n)=>{let r=Ae[e];if(!r)return n||{};let i=r.side===`right`;return{position:`sticky`,[i?`right`:`left`]:`${r.offset}px`,...t?{top:0}:{},zIndex:t?30:20,background:`#f8fafc`,boxShadow:i?`-2px 0 5px -2px rgba(0,0,0,0.1)`:`2px 0 5px -2px rgba(0,0,0,0.1)`,...n}},Ue=(0,n.useMemo)(()=>h.map((e,t)=>(h.length-1-t)*48),[h]),$=z.length+ +!!s+(l&&D.length>0?1:0);return(0,i.jsxs)(`div`,{ref:B,className:`flexi-root`,children:[l&&(0,i.jsx)(`div`,{onDragOver:e=>{e.preventDefault(),k(!0)},onDragLeave:()=>k(!1),onDrop:Oe,className:p(`flexi-groupzone`,he&&`flexi-groupzone--dragover`),children:D.length===0?(0,i.jsx)(`span`,{className:`flexi-groupzone-hint`,children:`Drag a column header here to group your records by that field`}):(0,i.jsxs)(`div`,{className:`flexi-groupzone-chips`,children:[(0,i.jsx)(`span`,{className:`flexi-groupzone-label`,children:`Grouped By:`}),D.map(e=>(0,i.jsxs)(`div`,{className:`flexi-chip`,children:[(0,i.jsx)(`span`,{children:I.find(t=>t.key===e)?.header||e}),(0,i.jsx)(`button`,{type:`button`,onClick:()=>ke(e),className:`flexi-icon-btn flexi-chip-remove`,children:(0,i.jsx)(t.X,{className:`flexi-icon-xs`})})]},e))]})}),(0,i.jsx)(`div`,{ref:Fe,className:`flexi-table-wrap`,style:ae,children:(0,i.jsxs)(`table`,{className:p(`flexi-table`,se&&`flexi-table--bordered`),style:oe,children:[(0,i.jsxs)(`colgroup`,{children:[l&&D.length>0&&(0,i.jsx)(`col`,{style:{width:`48px`}}),z.map(e=>(0,i.jsx)(`col`,{style:{...e.style,width:U(e)}},e.key)),s&&(0,i.jsx)(`col`,{style:{width:`100px`}})]}),(0,i.jsx)(`thead`,{className:`flexi-thead`,children:H.map((e,n)=>(0,i.jsxs)(`tr`,{className:`flexi-header-row`,children:[n===0&&l&&D.length>0&&(0,i.jsx)(`th`,{rowSpan:H.length,className:`flexi-group-spacer-th`,style:{position:`sticky`,top:0,left:0,zIndex:35,backgroundColor:`rgb(248, 250, 252)`}}),e.map(({col:e,rowSpan:n,colSpan:a})=>{let o=(S[e.key]?.length||0)>0,s=!!L[e.key],c=He(e.key,!0,e.headerStyle),u=!e.children||e.children.length===0,d=A.key===e.key,f=!!(l&&u),ee=u&&e.resizable!==!1;return(0,i.jsxs)(`th`,{rowSpan:n,colSpan:a,draggable:!0,onDragStart:t=>we(t,e.key,u),onDragOver:e=>e.preventDefault(),onDrop:t=>Ee(t,e.key),className:p(`flexi-th`,`flexi-th--draggable`,f&&`flexi-th--group-draggable`,s&&`flexi-th--pinned`,e.className,e.headerClassName),style:c,children:[(0,i.jsxs)(`div`,{className:`flexi-th-inner`,children:[(0,i.jsxs)(`div`,{className:p(`flexi-th-label`,e.sortable&&u&&`flexi-th-label--sortable`),onClick:()=>e.sortable&&u&&Ce(e.key),children:[(0,i.jsx)(`span`,{className:`flexi-th-text`,children:e.header}),u&&e.sortable&&(0,i.jsx)(`span`,{className:p(`flexi-sort-icon`,d&&`flexi-sort-icon--active`),children:d&&A.direction===`asc`?(0,i.jsx)(t.ArrowUp,{className:`flexi-icon-sm`}):d&&A.direction===`desc`?(0,i.jsx)(t.ArrowDown,{className:`flexi-icon-sm`}):(0,i.jsx)(t.ArrowUpDown,{className:`flexi-icon-sm`})})]}),(0,i.jsxs)(`div`,{className:`flexi-th-actions`,children:[u&&e.filterable&&(0,i.jsx)(`button`,{type:`button`,ref:t=>{t?E.current.set(e.key,t):E.current.delete(e.key)},onClick:t=>{t.stopPropagation(),w(``),ue(x===e.key?null:e.key)},className:p(`flexi-icon-btn`,`flexi-filter-btn`,o&&`flexi-filter-btn--active`),children:(0,i.jsx)(t.Filter,{className:`flexi-icon-sm`})}),u&&(0,i.jsx)(`button`,{type:`button`,onClick:t=>{t.stopPropagation(),Se(e.key)},className:p(`flexi-icon-btn`,`flexi-pin-btn`,s&&`flexi-pin-btn--pinned`),title:L[e.key]===`left`?`Pinned left (click to pin right)`:L[e.key]===`right`?`Pinned right (click to unpin)`:`Pin column left`,children:s?(0,i.jsx)(t.PinOff,{className:`flexi-icon-sm`}):(0,i.jsx)(t.Pin,{className:`flexi-icon-sm`})})]}),x===e.key&&u&&T&&B.current&&(0,r.createPortal)((0,i.jsxs)(`div`,{ref:V,className:`flexi-filter-dropdown`,style:{top:T.top,left:T.left,zIndex:9999},children:[(0,i.jsx)(`div`,{className:`flexi-filter-search`,children:(0,i.jsx)(`input`,{type:`text`,placeholder:`Search values...`,value:C,onChange:e=>w(e.target.value),className:`flexi-input`,onClick:e=>e.stopPropagation()})}),(0,i.jsx)(`div`,{className:`flexi-filter-list`,children:Ne.length===0?(0,i.jsx)(`div`,{className:`flexi-filter-empty`,children:`No results found`}):Ne.map((t,n)=>(0,i.jsxs)(`label`,{className:`flexi-filter-option`,children:[(0,i.jsx)(`input`,{type:`checkbox`,className:`flexi-checkbox`,checked:S[e.key]?.includes(t)||!1,onChange:()=>je(e.key,t)}),(0,i.jsx)(`span`,{className:`flexi-filter-option-text`,children:String(t)})]},n))}),o&&(0,i.jsx)(`div`,{className:`flexi-filter-footer`,children:(0,i.jsx)(`button`,{type:`button`,onClick:()=>Me(e.key),className:`flexi-filter-clear`,children:`Clear Filter`})})]}),B.current)]}),ee&&(0,i.jsx)(`div`,{className:`flexi-th-resizer`,onMouseDown:t=>De(t,e),onClick:e=>e.stopPropagation(),onDragStart:e=>e.preventDefault()})]},e.key)}),n===0&&s&&(0,i.jsx)(`th`,{rowSpan:H.length,className:`flexi-actions-th`,style:{position:`sticky`,top:0,right:0,zIndex:35,backgroundColor:`rgb(248, 250, 252)`}})]},`header-row-${n}`))}),(0,i.jsx)(`tbody`,{className:`flexi-tbody`,children:c?(0,i.jsx)(`tr`,{children:(0,i.jsx)(`td`,{colSpan:$,className:`flexi-empty-cell`,children:`Loading records...`})}):J.length===0?(0,i.jsx)(`tr`,{children:(0,i.jsx)(`td`,{colSpan:$,className:`flexi-empty-cell`,children:`No records found matching criteria.`})}):(0,i.jsxs)(i.Fragment,{children:[Q>0&&(0,i.jsx)(`tr`,{"aria-hidden":`true`,style:{height:Q},children:(0,i.jsx)(`td`,{colSpan:$,style:{padding:0,border:`none`,height:Q}})}),Ve.map((e,t)=>We(e,Z+t)),Be>0&&(0,i.jsx)(`tr`,{"aria-hidden":`true`,style:{height:Be},children:(0,i.jsx)(`td`,{colSpan:$,style:{padding:0,border:`none`,height:Be}})})]})}),h.length>0&&(0,i.jsx)(`tbody`,{className:`flexi-tbody flexi-tbody--pinned-bottom`,children:h.map((e,t)=>Ge(e,t))})]})})]});function We(e,n){if(e.isGroupRow){let r=O[e.path]!==!1;return(0,i.jsxs)(`tr`,{className:`flexi-group-row`,children:[(0,i.jsx)(`td`,{className:`flexi-group-cell`,style:{position:`sticky`,left:0,zIndex:20,backgroundColor:`rgba(248, 250, 252, 0.9)`,paddingLeft:`${e.depth*12+16}px`},children:(0,i.jsxs)(`button`,{type:`button`,onClick:()=>Pe(e.path),className:`flexi-group-toggle`,children:[r?(0,i.jsx)(t.ChevronDown,{className:`flexi-icon-md flexi-icon-muted`}):(0,i.jsx)(t.ChevronRight,{className:`flexi-icon-md flexi-icon-muted`}),(0,i.jsx)(`span`,{className:`flexi-group-value`,children:e.groupValue}),(0,i.jsx)(`span`,{className:`flexi-group-count`,children:e.totalItemsCount})]})}),(0,i.jsx)(`td`,{colSpan:$-1,className:`flexi-group-filler`})]},`group-header-${e.path}-${n}`)}let r=be(e);return(0,i.jsxs)(`tr`,{className:p(`flexi-row`,b&&`flexi-row--clickable`,xe(e,n)),onClick:b?t=>b(e,n,t):void 0,children:[l&&D?.length>0&&(0,i.jsx)(`td`,{className:`flexi-row-indent-cell`,style:{position:`sticky`,left:0,zIndex:10}}),z?.map(t=>{let n=e[t.key],r=He(t.key,!1,t.style);return(0,i.jsx)(`td`,{className:p(`flexi-cell`,!!L[t.key]&&`flexi-cell--pinned`,t.className),style:r,children:t.render?t.render(n,e):(0,i.jsx)(`span`,{className:`flexi-cell-text`,children:n})},t.key)}),s&&(0,i.jsx)(`td`,{className:`flexi-actions-cell`,style:{position:`sticky`,right:0},children:(0,i.jsx)(`div`,{className:`flexi-actions-inner`,children:s(e)})})]},r??`row-${n}`)}function Ge(e,t){let n=typeof g==`function`?g(e,t):g,r={position:`sticky`,bottom:`${Ue[t]}px`,background:`#`,zIndex:45};return(0,i.jsxs)(`tr`,{className:p(`flexi-row`,`flexi-row--pinned-bottom`,n),style:r,children:[l&&D?.length>0&&(0,i.jsx)(`td`,{className:`flexi-row-indent-cell`,style:{position:`sticky`,left:0,zIndex:10}}),z?.map(t=>{let n=e[t.key],r=He(t.key,!1,t.style),a=!!L[t.key],o=t.pinnedRender??t.render;return(0,i.jsx)(`td`,{className:p(`flexi-cell`,a&&`flexi-cell--pinned`,t.className),style:r,children:o?o(n,e):(0,i.jsx)(`span`,{className:`flexi-cell-text`,children:n})},t.key)}),s&&(0,i.jsx)(`td`,{className:`flexi-actions-cell`,style:{position:`sticky`,right:0},children:(0,i.jsx)(`div`,{className:`flexi-actions-inner`,children:s(e)})})]},`pinned-bottom-row-${t}`)}}e.DataTable=m});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("lucide-react"),require("react"),require("react-dom"),require("react/jsx-runtime")):typeof define==`function`&&define.amd?define([`exports`,`lucide-react`,`react`,`react-dom`,`react/jsx-runtime`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.FlexiDataGrid={},e.LucideReact,e.React,e.ReactDOM,e.JSX))})(this,function(e,t,n,r,i){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var a=Object.create,o=Object.defineProperty,s=Object.getOwnPropertyDescriptor,c=Object.getOwnPropertyNames,l=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,d=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=c(t),a=0,l=i.length,d;a<l;a++)d=i[a],!u.call(e,d)&&d!==n&&o(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=s(t,d))||r.enumerable});return e};n=((e,t,n)=>(n=e==null?{}:a(l(e)),d(t||!e||!e.__esModule?o(n,`default`,{value:e,enumerable:!0}):n,e)))(n,1);var f=e=>{let t=[];return e.forEach(e=>{e.children&&e.children.length>0?t.push(...f(e.children)):t.push(e)}),t},p=(...e)=>e.filter(Boolean).join(` `),m=e=>{if(e===!0)return`left`;if(e===`left`||e===`right`)return e},h=(e,t,n)=>{let r=e=>{let n=t[e];return n===`left`?0:n===`right`?2:1},i=e=>e.map((e,t)=>({col:e,idx:t})).sort((e,t)=>{let i=r(e.col.key)-r(t.col.key);return i===0?(n[e.col.key]??e.idx)-(n[t.col.key]??t.idx):i}).map(({col:e})=>e.children&&e.children.length>0?{...e,children:i(e.children)}:e);return i(e)},ee=48,te=150,ne=60;function g({columns:e,data:a,rowKey:o,actions:s,isLoading:c,groupBy:l=!1,defaultGroupBy:u=[],onPinChange:d,onGroupChange:g,containerStyle:re,tableStyle:ie,bordered:ae=!1,pinnedBottomRowData:_=[],pinnedRowClassName:oe,rowHeight:v=ee,overscan:y=8,onColumnResize:se,onColumnReorder:ce,rowClassRules:le,onRowClick:ue,rowSpanColumns:b,controlPanel:de=!1,defaultDisplayPinnedIcon:fe=!0,defaultHiddenColumns:pe=[],onColumnVisibilityChange:x,pagination:S=!1,defaultPageSize:me=10,pageSizeOptions:he=[10,25,50,100],onPageChange:C}){let[w,ge]=(0,n.useState)(null),[T,_e]=(0,n.useState)({}),[E,ve]=(0,n.useState)(``),[D,ye]=(0,n.useState)(null),[be,xe]=(0,n.useState)(null),O=(0,n.useRef)(new Map),[k,Se]=(0,n.useState)(u),[Ce,we]=(0,n.useState)({}),[Te,Ee]=(0,n.useState)(!1),[A,De]=(0,n.useState)({key:null,direction:null}),[Oe,ke]=(0,n.useState)({}),[Ae,je]=(0,n.useState)({}),[Me,Ne]=(0,n.useState)(fe),[j,Pe]=(0,n.useState)(pe),[M,Fe]=(0,n.useState)(!1),Ie=(0,n.useRef)(null),N=(0,n.useRef)(null),[P,F]=(0,n.useState)(1),[I,Le]=(0,n.useState)(me),Re=(0,n.useRef)(null),L=(0,n.useRef)(!1),R=(0,n.useRef)(null),z=(0,n.useMemo)(()=>f(e),[e]),[B,ze]=(0,n.useState)(()=>{let e={};return z.forEach(t=>{let n=m(t.pinned);n&&(e[t.key]=n)}),e}),V=(0,n.useMemo)(()=>h(e,B,Ae),[e,B,Ae]),H=(0,n.useMemo)(()=>{let e=f(V),t=l?k:[];return e.filter(e=>!t.includes(e.key)&&!j.includes(e.key))},[V,k,l,j]),U=(0,n.useRef)(null),Be=(0,n.useRef)(null);(0,n.useEffect)(()=>{function e(e){let t=e.target,n=w?O.current.get(w):null;Be.current&&!Be.current.contains(t)&&!(n&&n.contains(t))&&(ge(null),ve(``))}return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[w]),(0,n.useEffect)(()=>{if(!M)return;function e(e){let t=e.target;Ie.current&&!Ie.current.contains(t)&&!(N.current&&N.current.contains(t))&&Fe(!1)}return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[M]),(0,n.useEffect)(()=>{if(!M)return;let e=()=>{let e=N.current,t=U.current;if(!e||!t)return;let n=e.getBoundingClientRect(),r=t.getBoundingClientRect();xe({top:n.bottom-r.top+4,right:r.right-n.right})};return e(),window.addEventListener(`scroll`,e,!0),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`scroll`,e,!0),window.removeEventListener(`resize`,e)}},[M]),(0,n.useEffect)(()=>{if(!w)return;let e=()=>{let e=O.current.get(w),t=U.current;if(!e||!t)return;let n=e.getBoundingClientRect(),r=t.getBoundingClientRect();ye({top:n.bottom-r.top+4,left:n.left-r.left})};return e(),window.addEventListener(`scroll`,e,!0),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`scroll`,e,!0),window.removeEventListener(`resize`,e)}},[w]);let Ve=e=>typeof o==`function`?o(e):String(e[o]),He=(e,t)=>{if(!le)return;let n;for(let r in le)le[r](e,t)&&(n=n?`${n} ${r}`:r);return n},Ue=e=>{ze(t=>{let n=t[e],r=n?n===`left`?`right`:void 0:`left`,i={...t};return r?i[e]=r:delete i[e],d&&d(e,!!r,r),i})},We=e=>{Pe(t=>{let n=t.includes(e)?t.filter(t=>t!==e):[...t,e];return x&&x(n),n})},Ge=()=>{Ne(fe),Pe(pe),x&&x(pe)},Ke=e=>{let t=`asc`;A.key===e&&(t=A.direction===`asc`?`desc`:A.direction===`desc`?null:`asc`),De({key:t?e:null,direction:t})},qe=(e,t,n)=>{if(L.current){e.preventDefault();return}Re.current=t,n&&e.dataTransfer.setData(`text/plain`,t),e.dataTransfer.effectAllowed=`move`},Je=(e,t,n)=>{let r=e.map(e=>e.key);if(r.includes(t)&&r.includes(n))return e;for(let r of e)if(r.children&&r.children.length>0){let e=Je(r.children,t,n);if(e)return e}return null},Ye=(t,n)=>{t.preventDefault(),t.stopPropagation();let r=Re.current;if(Re.current=null,!r||r===n)return;let i=Je(V,r,n);if(!i)return;let a=i.map(e=>e.key),o=a.indexOf(r),s=a.indexOf(n);a.splice(s,0,a.splice(o,1)[0]);let c={...Ae};a.forEach((e,t)=>{c[e]=t}),je(c),ce&&ce(f(h(e,B,c)).map(e=>e.key))},Xe=(e,t)=>{e.preventDefault(),e.stopPropagation(),L.current=!0,R.current={key:t.key,startX:e.clientX,startWidth:W(t)};let n=t.minWidth??ne,r=t.maxWidth,i=e=>{let t=R.current;if(!t)return;let i=t.startWidth+(e.clientX-t.startX);i=Math.max(n,i),r&&(i=Math.min(r,i)),ke(e=>e[t.key]===i?e:{...e,[t.key]:i})},a=()=>{let e=R.current;R.current=null,window.removeEventListener(`mousemove`,i),window.removeEventListener(`mouseup`,a),requestAnimationFrame(()=>{L.current=!1}),e&&se&&ke(t=>(t[e.key]!==void 0&&se(e.key,t[e.key]),t))};window.addEventListener(`mousemove`,i),window.addEventListener(`mouseup`,a)},Ze=e=>{e.preventDefault(),Ee(!1);let t=e.dataTransfer.getData(`text/plain`);if(t&&!k.includes(t)){let e=[...k,t];Se(e),g&&g(e)}},Qe=e=>{let t=k.filter(t=>t!==e);Se(t),we({}),g&&g(t)},$e=(0,n.useMemo)(()=>{let e=t=>{let n=0;return t.forEach(t=>{n=t.children&&t.children.length>0?Math.max(n,1+e(t.children)):Math.max(n,1)}),n},t=e(V),n=Array.from({length:t},()=>[]),r=e=>!e.children||e.children.length===0?l&&k.includes(e.key)||j.includes(e.key)?0:1:e.children.reduce((e,t)=>e+r(t),0),i=l?k:[],a=(e,o)=>{e.forEach(e=>{if(i.includes(e.key))return;let s=r(e);s!==0&&(e.children&&e.children.length>0?(n[o].push({col:e,rowSpan:1,colSpan:s}),a(e.children,o+1)):n[o].push({col:e,rowSpan:t-o,colSpan:1}))})};return a(V,0),n.filter(e=>e.length>0)},[V,k,l,j]),W=e=>{if(Oe[e.key]!==void 0)return Oe[e.key];let t=e.style?.width||e.headerStyle?.width||`${te}px`;return typeof t==`number`?t:parseInt(String(t),10)||te},et=(0,n.useMemo)(()=>{let e={},t=0;l&&k.length>0&&(t+=48),H.forEach(n=>{B[n.key]===`left`&&(e[n.key]={side:`left`,offset:t},t+=W(n))});let n=s?100:0;for(let t=H.length-1;t>=0;t--){let r=H[t];B[r.key]===`right`&&(e[r.key]={side:`right`,offset:n},n+=W(r))}return e},[H,B,k,l,s,Oe]),tt=(e,t)=>{_e(n=>{let r=n[e]||[],i=r.includes(t)?r.filter(e=>e!==t):[...r,t],a={...n,[e]:i};return a[e].length===0&&delete a[e],a})},nt=e=>{_e(t=>{let n={...t};return delete n[e],n})},G=(0,n.useMemo)(()=>{let e=new Map;return z.forEach(t=>e.set(t.key,t)),e},[z]),rt=(0,n.useMemo)(()=>{if(!w)return[];let e=G.get(w),t=a.map(t=>e?.getValue?e.getValue(t):t[w]);return Array.from(new Set(t)).filter(e=>e!=null)},[a,w,G]),it=(0,n.useMemo)(()=>{if(!E.trim())return rt;let e=E.toLowerCase();return rt.filter(t=>String(t).toLowerCase().includes(e))},[rt,E]),K=(0,n.useMemo)(()=>{let e=Object.entries(T).filter(([,e])=>e&&e.length>0),t=e.length===0?a:a.filter(t=>e.every(([e,n])=>{let r=G.get(e),i=r?.getValue?r.getValue(t):t[e];return n.includes(i)}));if(A.key&&A.direction){let{key:e,direction:n}=A,r=G.get(e);t=[...t].sort((t,i)=>{let a=r?.getValue?r.getValue(t):t[e],o=r?.getValue?r.getValue(i):i[e];if(a===o)return 0;if(a==null)return 1;if(o==null)return-1;let s=0;return s=typeof a==`number`&&typeof o==`number`?a-o:String(a).localeCompare(String(o),void 0,{numeric:!0,sensitivity:`base`}),n===`asc`?s:-s})}return t},[a,T,A,G]),q=K.length,J=S?Math.max(1,Math.ceil(q/I)):1;(0,n.useEffect)(()=>{F(1)},[T,A,I,S]),(0,n.useEffect)(()=>{P>J&&F(J)},[P,J]);let at=(0,n.useMemo)(()=>{if(!S)return K;let e=(P-1)*I;return K.slice(e,e+I)},[K,S,P,I]),Y=e=>{let t=Math.min(Math.max(1,e),J);F(t),C&&C(t,I)},ot=e=>{Le(e),F(1),C&&C(1,e)},st=(0,n.useMemo)(()=>{if(!l||k.length===0)return at;let e=(t,n,r=``)=>{if(n>=k.length)return t;let i=k[n],a=G.get(i),o={};return t.forEach(e=>{let t=a?.getValue?a.getValue(e):e[i],n=String(t??`N/A`);o[n]||(o[n]=[]),o[n].push(e)}),Object.entries(o).sort(([e],[t])=>e.localeCompare(t,void 0,{numeric:!0,sensitivity:`base`})).map(([t,a])=>{let o=r?`${r}➔${t}`:t;return{isGroupRow:!0,groupKey:i,groupValue:t,path:o,depth:n,children:e(a,n+1,o),totalItemsCount:a.length}})};return e(at,0)},[at,k,l,G]),ct=e=>{we(t=>{let n=t[e]!==!1;return{...t,[e]:!n}})},X=(0,n.useMemo)(()=>{if(!l||k.length===0)return st;let e=[],t=n=>{n.forEach(n=>{n.isGroupRow?(e.push(n),Ce[n.path]!==!1&&t(n.children)):e.push(n)})};return t(st),e},[st,Ce,k,l]),lt=(0,n.useRef)(null),[ut,dt]=(0,n.useState)(0),[ft,pt]=(0,n.useState)(0);(0,n.useEffect)(()=>{let e=lt.current;if(!e)return;let t=()=>dt(e.scrollTop);pt(e.clientHeight),dt(e.scrollTop),e.addEventListener(`scroll`,t,{passive:!0});let n;return typeof ResizeObserver<`u`&&(n=new ResizeObserver(()=>pt(e.clientHeight)),n.observe(e)),()=>{e.removeEventListener(`scroll`,t),n?.disconnect()}},[]);let Z=X.length,{startIndex:Q,endIndex:mt,topSpacerHeight:ht,bottomSpacerHeight:gt}=(0,n.useMemo)(()=>{if(ft===0)return{startIndex:0,endIndex:Z,topSpacerHeight:0,bottomSpacerHeight:0};let e=Math.max(0,Z-1),t=Math.min(e,Math.floor(ut/v)),n=Math.ceil(ft/v)+1,r=Math.max(0,t-y),i=Math.min(Z,t+n+y);return{startIndex:r,endIndex:i,topSpacerHeight:r*v,bottomSpacerHeight:(Z-i)*v}},[ut,ft,Z,v,y]),_t=(0,n.useMemo)(()=>X.slice(Q,mt),[X,Q,mt]),vt=(0,n.useMemo)(()=>{let e=new Map;if(!b||b.length===0)return e;let t=(e,t)=>{let n=G.get(t);return n?.getValue?n.getValue(e):e[t]},n=_t,r=n.map(()=>b.map(()=>!0)),i=null;for(let e=0;e<n.length;e++){let a=n[e];if(a.isGroupRow){i=null;continue}if(i!==null){let o=n[i],s=!0;for(let n=0;n<b.length;n++){let i=b[n];s&&t(a,i)===t(o,i)?r[e][n]=!1:(s=!1,r[e][n]=!0)}}i=e}return b.forEach((t,i)=>{let a=0;for(;a<n.length;){if(n[a].isGroupRow||!r[a][i]){a++;continue}let o=a+1;for(;o<n.length&&!n[o].isGroupRow&&!r[o][i];)o++;if(o-a>1){let n=e.get(Q+a)||{};n[t]=o-a,e.set(Q+a,n);for(let n=a+1;n<o;n++){let r=e.get(Q+n)||{};r[t]=`skip`,e.set(Q+n,r)}}a=o}}),e},[_t,b,G,Q]),yt=(e,t=!1,n)=>{let r=et[e];if(!r)return n||{};let i=r.side===`right`;return{position:`sticky`,[i?`right`:`left`]:`${r.offset}px`,...t?{top:0}:{},zIndex:t?30:20,background:`#f8fafc`,boxShadow:i?`-2px 0 5px -2px rgba(0,0,0,0.1)`:`2px 0 5px -2px rgba(0,0,0,0.1)`,...n}},bt=(0,n.useMemo)(()=>_.map((e,t)=>(_.length-1-t)*48),[_]),$=H.length+ +!!s+(l&&k.length>0?1:0),xt=(0,i.jsx)(`button`,{type:`button`,ref:N,onClick:e=>{e.stopPropagation(),Fe(e=>!e)},className:p(`flexi-icon-btn`,`flexi-settings-btn`,M&&`flexi-settings-btn--active`),title:`Grid display settings`,children:(0,i.jsx)(t.Settings,{className:`flexi-icon-sm`})}),St=M&&be&&U.current&&(0,r.createPortal)((0,i.jsxs)(`div`,{ref:Ie,className:`flexi-settings-menu`,style:{top:be.top,right:be.right,zIndex:9999},children:[(0,i.jsxs)(`div`,{className:`flexi-settings-section`,children:[(0,i.jsx)(`span`,{className:`flexi-settings-heading`,children:`Action Icons`}),(0,i.jsxs)(`label`,{className:`flexi-filter-option`,children:[(0,i.jsx)(`input`,{type:`checkbox`,className:`flexi-checkbox`,checked:Me,onChange:()=>Ne(e=>!e)}),(0,i.jsx)(`span`,{className:`flexi-filter-option-text`,children:`Show pin icon on hover`})]})]}),(0,i.jsx)(`div`,{className:`flexi-settings-divider`}),(0,i.jsxs)(`div`,{className:`flexi-settings-section`,children:[(0,i.jsx)(`span`,{className:`flexi-settings-heading`,children:`Columns`}),z.map(e=>(0,i.jsxs)(`label`,{className:`flexi-filter-option`,children:[(0,i.jsx)(`input`,{type:`checkbox`,className:`flexi-checkbox`,checked:!j.includes(e.key),onChange:()=>We(e.key)}),(0,i.jsx)(`span`,{className:`flexi-filter-option-text`,children:e.header})]},e.key))]}),(0,i.jsx)(`div`,{className:`flexi-settings-divider`}),(0,i.jsxs)(`button`,{type:`button`,onClick:Ge,className:`flexi-settings-reset`,title:`Reset pin icon visibility and hidden columns to their defaults`,children:[(0,i.jsx)(t.RotateCcw,{className:`flexi-icon-sm`}),(0,i.jsx)(`span`,{children:`Reset to defaults`})]})]}),U.current);return(0,i.jsxs)(`div`,{ref:U,className:`flexi-root`,children:[l&&(0,i.jsx)(`div`,{onDragOver:e=>{e.preventDefault(),Ee(!0)},onDragLeave:()=>Ee(!1),onDrop:Ze,className:p(`flexi-groupzone`,Te&&`flexi-groupzone--dragover`),children:k.length===0?(0,i.jsx)(`span`,{className:`flexi-groupzone-hint`,children:`Drag a column header here to group your records by that field`}):(0,i.jsxs)(`div`,{className:`flexi-groupzone-chips`,children:[(0,i.jsx)(`span`,{className:`flexi-groupzone-label`,children:`Grouped By:`}),k.map(e=>(0,i.jsxs)(`div`,{className:`flexi-chip`,children:[(0,i.jsx)(`span`,{children:z.find(t=>t.key===e)?.header||e}),(0,i.jsx)(`button`,{type:`button`,onClick:()=>Qe(e),className:`flexi-icon-btn flexi-chip-remove`,children:(0,i.jsx)(t.X,{className:`flexi-icon-xs`})})]},e))]})}),(0,i.jsx)(`div`,{ref:lt,className:`flexi-table-wrap`,style:re,children:(0,i.jsxs)(`table`,{className:p(`flexi-table`,ae&&`flexi-table--bordered`),style:ie,children:[(0,i.jsxs)(`colgroup`,{children:[l&&k.length>0&&(0,i.jsx)(`col`,{style:{width:`48px`}}),H.map(e=>(0,i.jsx)(`col`,{style:{...e.style,width:W(e)}},e.key)),s&&(0,i.jsx)(`col`,{style:{width:`100px`}})]}),(0,i.jsx)(`thead`,{className:`flexi-thead`,children:$e.map((e,n)=>(0,i.jsxs)(`tr`,{className:`flexi-header-row`,children:[n===0&&l&&k.length>0&&(0,i.jsx)(`th`,{rowSpan:$e.length,className:`flexi-group-spacer-th`,style:{position:`sticky`,top:0,left:0,zIndex:35,backgroundColor:`rgb(248, 250, 252)`}}),e.map(({col:a,rowSpan:o,colSpan:s},c)=>{let u=(T[a.key]?.length||0)>0,d=!!B[a.key],f=yt(a.key,!0,a.headerStyle),m=!a.children||a.children.length===0,h=A.key===a.key,ee=!!(l&&m),te=m&&a.resizable!==!1,ne=n===0&&c===e.length-1;return(0,i.jsxs)(`th`,{rowSpan:o,colSpan:s,draggable:!0,onDragStart:e=>qe(e,a.key,m),onDragOver:e=>e.preventDefault(),onDrop:e=>Ye(e,a.key),className:p(`flexi-th`,`flexi-th--draggable`,ee&&`flexi-th--group-draggable`,d&&`flexi-th--pinned`,a.className,a.headerClassName),style:f,children:[(0,i.jsxs)(`div`,{className:`flexi-th-inner`,children:[(0,i.jsxs)(`div`,{className:p(`flexi-th-label`,a.sortable&&m&&`flexi-th-label--sortable`),onClick:()=>a.sortable&&m&&Ke(a.key),children:[(0,i.jsx)(`span`,{className:`flexi-th-text`,children:a.header}),m&&a.sortable&&(0,i.jsx)(`span`,{className:p(`flexi-sort-icon`,h&&`flexi-sort-icon--active`),children:h&&A.direction===`asc`?(0,i.jsx)(t.ArrowUp,{className:`flexi-icon-sm`}):h&&A.direction===`desc`?(0,i.jsx)(t.ArrowDown,{className:`flexi-icon-sm`}):(0,i.jsx)(t.ArrowUpDown,{className:`flexi-icon-sm`})})]}),(0,i.jsxs)(`div`,{className:`flexi-th-actions`,children:[m&&a.filterable&&(0,i.jsx)(`button`,{type:`button`,ref:e=>{e?O.current.set(a.key,e):O.current.delete(a.key)},onClick:e=>{e.stopPropagation(),ve(``),ge(w===a.key?null:a.key)},className:p(`flexi-icon-btn`,`flexi-filter-btn`,u&&`flexi-filter-btn--active`),children:(0,i.jsx)(t.Filter,{className:`flexi-icon-sm`})}),m&&Me&&(0,i.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),Ue(a.key)},className:p(`flexi-icon-btn`,`flexi-pin-btn`,d&&`flexi-pin-btn--pinned`),title:B[a.key]===`left`?`Pinned left (click to pin right)`:B[a.key]===`right`?`Pinned right (click to unpin)`:`Pin column left`,children:d?(0,i.jsx)(t.PinOff,{className:`flexi-icon-sm`}):(0,i.jsx)(t.Pin,{className:`flexi-icon-sm`})}),de&&ne&&xt]}),w===a.key&&m&&D&&U.current&&(0,r.createPortal)((0,i.jsxs)(`div`,{ref:Be,className:`flexi-filter-dropdown`,style:{top:D.top,left:D.left,zIndex:9999},children:[(0,i.jsx)(`div`,{className:`flexi-filter-search`,children:(0,i.jsx)(`input`,{type:`text`,placeholder:`Search values...`,value:E,onChange:e=>ve(e.target.value),className:`flexi-input`,onClick:e=>e.stopPropagation()})}),(0,i.jsx)(`div`,{className:`flexi-filter-list`,children:it.length===0?(0,i.jsx)(`div`,{className:`flexi-filter-empty`,children:`No results found`}):it.map((e,t)=>(0,i.jsxs)(`label`,{className:`flexi-filter-option`,children:[(0,i.jsx)(`input`,{type:`checkbox`,className:`flexi-checkbox`,checked:T[a.key]?.includes(e)||!1,onChange:()=>tt(a.key,e)}),(0,i.jsx)(`span`,{className:`flexi-filter-option-text`,children:String(e)})]},t))}),u&&(0,i.jsx)(`div`,{className:`flexi-filter-footer`,children:(0,i.jsx)(`button`,{type:`button`,onClick:()=>nt(a.key),className:`flexi-filter-clear`,children:`Clear Filter`})})]}),U.current)]}),te&&(0,i.jsx)(`div`,{className:`flexi-th-resizer`,onMouseDown:e=>Xe(e,a),onClick:e=>e.stopPropagation(),onDragStart:e=>e.preventDefault()})]},a.key)}),n===0&&s&&(0,i.jsx)(`th`,{rowSpan:$e.length,className:`flexi-actions-th`,style:{position:`sticky`,top:0,right:0,zIndex:35,backgroundColor:`rgb(248, 250, 252)`},children:de&&xt})]},`header-row-${n}`))}),(0,i.jsx)(`tbody`,{className:`flexi-tbody`,children:c?(0,i.jsx)(`tr`,{children:(0,i.jsx)(`td`,{colSpan:$,className:`flexi-empty-cell`,children:`Loading records...`})}):X.length===0?(0,i.jsx)(`tr`,{children:(0,i.jsx)(`td`,{colSpan:$,className:`flexi-empty-cell`,children:`No records found matching criteria.`})}):(0,i.jsxs)(i.Fragment,{children:[ht>0&&(0,i.jsx)(`tr`,{"aria-hidden":`true`,style:{height:ht},children:(0,i.jsx)(`td`,{colSpan:$,style:{padding:0,border:`none`,height:ht}})}),_t.map((e,t)=>Ct(e,Q+t)),gt>0&&(0,i.jsx)(`tr`,{"aria-hidden":`true`,style:{height:gt},children:(0,i.jsx)(`td`,{colSpan:$,style:{padding:0,border:`none`,height:gt}})})]})}),_.length>0&&(0,i.jsx)(`tbody`,{className:`flexi-tbody flexi-tbody--pinned-bottom`,children:_.map((e,t)=>wt(e,t))})]})}),St,S&&(0,i.jsxs)(`div`,{className:`flexi-pagination`,children:[(0,i.jsxs)(`div`,{className:`flexi-pagination-size`,children:[(0,i.jsx)(`span`,{children:`Rows per page`}),(0,i.jsx)(`select`,{value:I,onChange:e=>ot(Number(e.target.value)),className:`flexi-pagination-select`,children:he.map(e=>(0,i.jsx)(`option`,{value:e,children:e},e))})]}),(0,i.jsx)(`div`,{className:`flexi-pagination-info`,children:q===0?`0 of 0`:`${(P-1)*I+1}–${Math.min(P*I,q)} of ${q}`}),(0,i.jsxs)(`div`,{className:`flexi-pagination-controls`,children:[(0,i.jsx)(`button`,{type:`button`,onClick:()=>Y(1),disabled:P===1,className:`flexi-icon-btn`,title:`First page`,children:(0,i.jsx)(t.ChevronsLeft,{className:`flexi-icon-sm`})}),(0,i.jsx)(`button`,{type:`button`,onClick:()=>Y(P-1),disabled:P===1,className:`flexi-icon-btn`,title:`Previous page`,children:(0,i.jsx)(t.ChevronLeft,{className:`flexi-icon-sm`})}),(0,i.jsxs)(`span`,{className:`flexi-pagination-page`,children:[`Page `,P,` of `,J]}),(0,i.jsx)(`button`,{type:`button`,onClick:()=>Y(P+1),disabled:P===J,className:`flexi-icon-btn`,title:`Next page`,children:(0,i.jsx)(t.ChevronRight,{className:`flexi-icon-sm`})}),(0,i.jsx)(`button`,{type:`button`,onClick:()=>Y(J),disabled:P===J,className:`flexi-icon-btn`,title:`Last page`,children:(0,i.jsx)(t.ChevronsRight,{className:`flexi-icon-sm`})})]})]})]});function Ct(e,n){if(e.isGroupRow){let r=Ce[e.path]!==!1;return(0,i.jsxs)(`tr`,{className:`flexi-group-row`,style:{height:v},children:[(0,i.jsx)(`td`,{className:`flexi-group-cell`,style:{position:`sticky`,left:0,zIndex:20,backgroundColor:`rgba(248, 250, 252, 0.9)`,paddingLeft:`${e.depth*12+16}px`},children:(0,i.jsxs)(`button`,{type:`button`,onClick:()=>ct(e.path),className:`flexi-group-toggle`,children:[r?(0,i.jsx)(t.ChevronDown,{className:`flexi-icon-md flexi-icon-muted`}):(0,i.jsx)(t.ChevronRight,{className:`flexi-icon-md flexi-icon-muted`}),(0,i.jsx)(`span`,{className:`flexi-group-value`,children:e.groupValue}),(0,i.jsx)(`span`,{className:`flexi-group-count`,children:e.totalItemsCount})]})}),(0,i.jsx)(`td`,{colSpan:$-1,className:`flexi-group-filler`})]},`group-header-${e.path}-${n}`)}let r=Ve(e);return(0,i.jsxs)(`tr`,{className:p(`flexi-row`,ue&&`flexi-row--clickable`,He(e,n)),style:{height:v},onClick:ue?t=>ue(e,n,t):void 0,children:[l&&k?.length>0&&(0,i.jsx)(`td`,{className:`flexi-row-indent-cell`,style:{position:`sticky`,left:0,zIndex:10}}),H?.map(t=>{let r=b?.includes(t.key)?vt.get(n)?.[t.key]:void 0;if(r===`skip`)return null;let a=e[t.key],o=yt(t.key,!1,t.style),s=!!B[t.key];return(0,i.jsx)(`td`,{rowSpan:typeof r==`number`?r:void 0,className:p(`flexi-cell`,s&&`flexi-cell--pinned`,t.className),style:o,children:t.render?t.render(a,e):(0,i.jsx)(`span`,{className:`flexi-cell-text`,children:a})},t.key)}),s&&(0,i.jsx)(`td`,{className:`flexi-actions-cell`,style:{position:`sticky`,right:0},children:(0,i.jsx)(`div`,{className:`flexi-actions-inner`,children:s(e)})})]},r??`row-${n}`)}function wt(e,t){let n=typeof oe==`function`?oe(e,t):oe,r={position:`sticky`,bottom:`${bt[t]}px`,background:`#`,zIndex:45};return(0,i.jsxs)(`tr`,{className:p(`flexi-row`,`flexi-row--pinned-bottom`,n),style:r,children:[l&&k?.length>0&&(0,i.jsx)(`td`,{className:`flexi-row-indent-cell`,style:{position:`sticky`,left:0,zIndex:10}}),H?.map(t=>{let n=e[t.key],r=yt(t.key,!1,t.style),a=!!B[t.key],o=t.pinnedRender??t.render;return(0,i.jsx)(`td`,{className:p(`flexi-cell`,a&&`flexi-cell--pinned`,t.className),style:r,children:o?o(n,e):(0,i.jsx)(`span`,{className:`flexi-cell-text`,children:n})},t.key)}),s&&(0,i.jsx)(`td`,{className:`flexi-actions-cell`,style:{position:`sticky`,right:0},children:(0,i.jsx)(`div`,{className:`flexi-actions-inner`,children:s(e)})})]},`pinned-bottom-row-${t}`)}}e.DataTable=g});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flexi-datagrid",
-  "version": "1.2.6",
+  "version": "1.2.7",
   "description": "A powerful universal datagrid with tree-grouping, column pinning, and drag-and-drop.",
   "type": "module",
   "main": "./dist/index.umd.js",