UNPKG

mantine-datatable

Version:

The lightweight, dependency-free, dark-theme aware table component for your Mantine UI data-rich applications, featuring asynchronous data loading support, pagination, intuitive Gmail-style additive batch rows selection, column sorting, custom cell data r

2 lines 40.6 kB
"use strict";"use client";var _n=Object.create;var it=Object.defineProperty;var Fn=Object.getOwnPropertyDescriptor;var Bn=Object.getOwnPropertyNames;var Gn=Object.getPrototypeOf,Xn=Object.prototype.hasOwnProperty;var Qn=(e,t)=>{for(var o in t)it(e,o,{get:t[o],enumerable:!0})},co=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Bn(t))!Xn.call(e,a)&&a!==o&&it(e,a,{get:()=>t[a],enumerable:!(n=Fn(t,a))||n.enumerable});return e};var z=(e,t,o)=>(o=e!=null?_n(Gn(e)):{},co(t||!e||!e.__esModule?it(o,"default",{value:e,enumerable:!0}):o,e)),Un=e=>co(it({},"__esModule",{value:!0}),e);var qn={};Qn(qn,{DataTable:()=>Ma,DataTableDraggableRow:()=>Na,differenceBy:()=>zt,getRecordId:()=>L,getValueAtPath:()=>mt,humanize:()=>De,reorderRecords:()=>Jn,swapRecords:()=>Zn,uniqBy:()=>Je,useDataTableColumns:()=>Wt});module.exports=Un(qn);var wt=require("@mantine/core"),tt=require("@mantine/hooks"),Qt=z(require("clsx")),F=require("react");var Ht=require("react");var uo=require("@mantine/core"),[mo,Me]=(0,uo.createSafeContext)("useDataTableColumnsContext must be used within DataTableColumnProvider");var po=require("react/jsx-runtime"),It=e=>{let{children:t,columnsOrder:o,setColumnsOrder:n,columnsToggle:a,setColumnsToggle:r,resetColumnsOrder:l,resetColumnsToggle:i,setColumnWidth:d,resetColumnsWidth:s}=e,[m,u]=(0,Ht.useState)(""),[b,T]=(0,Ht.useState)("");return(0,po.jsx)(mo,{value:{sourceColumn:m,setSourceColumn:u,targetColumn:b,setTargetColumn:T,columnsToggle:a,setColumnsToggle:r,swapColumns:()=>{if(!o||!n||!m||!b)return;let S=o.indexOf(m),y=o.indexOf(b);if(S!==-1&&y!==-1){let P=o.splice(S,1)[0];o.splice(y,0,P),n([...o])}},resetColumnsOrder:l,resetColumnsToggle:i,setColumnWidth:d,resetColumnsWidth:s},children:t})};var Ot=require("react/jsx-runtime");function fo(){return(0,Ot.jsx)("tr",{className:"mantine-datatable-empty-row",children:(0,Ot.jsx)("td",{})})}var st=require("@mantine/core");var re=require("react/jsx-runtime");function bo(){return(0,re.jsxs)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,re.jsx)("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),(0,re.jsx)("path",{d:"M12.983 8.978c3.955 -.182 7.017 -1.446 7.017 -2.978c0 -1.657 -3.582 -3 -8 -3c-1.661 0 -3.204 .19 -4.483 .515m-2.783 1.228c-.471 .382 -.734 .808 -.734 1.257c0 1.22 1.944 2.271 4.734 2.74"}),(0,re.jsx)("path",{d:"M4 6v6c0 1.657 3.582 3 8 3c.986 0 1.93 -.067 2.802 -.19m3.187 -.82c1.251 -.53 2.011 -1.228 2.011 -1.99v-6"}),(0,re.jsx)("path",{d:"M4 12v6c0 1.657 3.582 3 8 3c3.217 0 5.991 -.712 7.261 -1.74m.739 -3.26v-4"}),(0,re.jsx)("path",{d:"M3 3l18 18"})]})}var oe=require("react/jsx-runtime");function To({icon:e,text:t,pt:o,pb:n,active:a,children:r}){return(0,oe.jsx)(st.Center,{pt:o,pb:n,className:"mantine-datatable-empty-state","data-active":a||void 0,children:r||(0,oe.jsxs)(oe.Fragment,{children:[e||(0,oe.jsx)("div",{className:"mantine-datatable-empty-state-icon",children:(0,oe.jsx)(bo,{})}),(0,oe.jsx)(st.Text,{component:"div",size:"sm",c:"dimmed",children:t})]})})}var He=require("@mantine/core"),Ao=z(require("clsx")),zo=require("react");var Eo=require("@mantine/core"),No=z(require("clsx"));var dt=require("@mantine/hooks"),go=require("react"),Wt=({key:e,columns:t=[],getInitialValueInEffect:o=!0})=>{function n(f,C){let p=[];return f.forEach(c=>{C.find(w=>w.accessor===c)&&p.push(c)}),C.forEach(c=>{p.includes(c.accessor)||p.push(c.accessor)}),p}function a(f,C){let p=[];return f.forEach(c=>{C.find(w=>w.accessor===c.accessor)&&p.push(c)}),C.forEach(c=>{p.find(w=>w.accessor===c.accessor)||p.push({accessor:c.accessor,defaultToggle:c.defaultToggle||!0,toggleable:c.toggleable,toggled:c.defaultToggle===void 0?!0:c.defaultToggle})}),p}function r(f,C){let p=[];return f.forEach(c=>{let w=Object.keys(c)[0];C.find(h=>h.accessor===w)&&p.push(c)}),C.forEach(c=>{let w=c.accessor;if(!p.find(h=>Object.keys(h)[0]===w)){let h={};h[w]="",p.push(h)}}),p}function l(){let[f,C]=(0,dt.useLocalStorage)({key:e?`${e}-columns-order`:"",defaultValue:e?s:void 0,getInitialValueInEffect:o});function p(h){e&&C(h)}if(!e)return[f,p];let c=n(f,t),w=JSON.stringify(f);return JSON.stringify(c)!==w&&p(c),[c,p]}function i(){let[f,C]=(0,dt.useLocalStorage)({key:e?`${e}-columns-toggle`:"",defaultValue:e?u:void 0,getInitialValueInEffect:o});function p(h){e&&C(h)}if(!e)return[f,p];let c=a(f,t),w=JSON.stringify(f);return JSON.stringify(c)!==w&&p(c),[a(f,t),p]}function d(){let[f,C]=(0,dt.useLocalStorage)({key:e?`${e}-columns-width`:"",defaultValue:e?m:void 0,getInitialValueInEffect:o});function p(h){e&&C(h)}if(!e)return[f,p];let c=r(f,t),w=JSON.stringify(f);return JSON.stringify(c)!==w&&p(c),[r(f,t),p]}let s=t&&t.map(f=>f.accessor)||[],m=t&&t.map(f=>({[f.accessor]:f.width??"initial"}))||[],u=t&&t.map(f=>({accessor:f.accessor,defaultToggle:f.defaultToggle||!0,toggleable:f.toggleable,toggled:f.defaultToggle===void 0?!0:f.defaultToggle})),[b,T]=l(),[g,S]=i(),[y,P]=d(),E=()=>T(s),v=()=>{S(u)},M=()=>P(m);return{effectiveColumns:(0,go.useMemo)(()=>b?b.map(p=>t.find(c=>c.accessor===p)).map(p=>({...p,hidden:p?.hidden||!g.find(c=>c.accessor===p?.accessor)?.toggled})).map(p=>({...p,width:y.find(c=>c[p?.accessor])?.[p?.accessor]})):t,[t,b,g,y]),setColumnsOrder:T,columnsOrder:b,resetColumnsOrder:E,columnsToggle:g,setColumnsToggle:S,resetColumnsToggle:v,columnsWidth:y,setColumnsWidth:P,setColumnWidth:(f,C)=>{let p=y.map(c=>c[f]?{[f]:C}:c);P(p)},resetColumnsWidth:M}};var ho=require("@mantine/hooks");function Ce(){let[e]=(0,ho.useResizeObserver)(),{width:t,height:o}=e.current?.getBoundingClientRect()||{width:0,height:0};return{ref:e,width:t,height:o}}var ct=require("react"),Co=typeof window<"u"?ct.useLayoutEffect:ct.useEffect;var ut=require("react");function Do(e){let[t,o]=(0,ut.useState)(null),n=e?.join(":")||"";return(0,ut.useEffect)(()=>{o(null)},[n]),{lastSelectionChangeIndex:t,setLastSelectionChangeIndex:o}}var ke=require("react");function $n(e,t){let o=()=>{t(e.map(a=>a.matches))},n=e.map(a=>{try{return a.addEventListener("change",o),()=>a.removeEventListener("change",o)}catch{return a.addListener(o),()=>a.removeListener(o)}});return()=>{n.forEach(a=>a())}}function Kn(e,t){return t||(typeof window<"u"&&"matchMedia"in window?e.map(o=>window.matchMedia(o).matches):e.map(()=>!1))}function yo(e,t,{getInitialValueInEffect:o}={getInitialValueInEffect:!0}){let[n,a]=(0,ke.useState)(o?t:Kn(e,t)),r=(0,ke.useRef)(null);return(0,ke.useEffect)(()=>{if("matchMedia"in window)return r.current=e.map(l=>window.matchMedia(l)),a(r.current.map(l=>l.matches)),$n(r.current,l=>{a(l)})},[e]),n}var wo=require("@mantine/core"),At=require("react");function Po(e){let t=(0,wo.useMantineTheme)(),o=(0,At.useMemo)(()=>e.map(a=>(typeof a=="function"?a(t):a)??""),[e,t]),n=(0,At.useMemo)(()=>e.map(()=>!0),[e]);return yo(o,n)}var So=require("@mantine/core"),vo=require("@mantine/hooks");function le(e){let t=(0,So.useMantineTheme)(),o=typeof e=="function"?e(t):e;return(0,vo.useMediaQuery)(o||"",!0)}var xo=require("react");function De(e){let t=e.replace(/([a-z\d])([A-Z]+)/g,"$1 $2").replace(/\W|_/g," ").trim().toLowerCase();return`${t.charAt(0).toUpperCase()}${t.slice(1)}`}function zt(e,t,o){return e.filter(n=>!t.map(o).includes(o(n)))}function Je(e,t){return e.filter((o,n,a)=>n===a.findIndex(r=>t(o)===t(r)))}function mt(e,t){return t?t.match(/([^[.\]])+/g).reduce((n,a)=>n&&n[a],e):void 0}function L(e,t){return typeof t=="string"?mt(e,t):t(e)}function Jn(e,t){let o=structuredClone(t),n=o[e.source.index];return e.destination&&(o.splice(e.source.index,1),o.splice(e.destination.index,0,n)),o}function Zn(e,t){let o=structuredClone(t),n=e.destination;if(!n)return o;let a=o[e.source.index],r=o[n.index];return o.splice(n.index,1,a),o.splice(e.source.index,1,r),o}function Ro({rowExpansion:e,records:t,idAccessor:o}){let n=[];if(e&&t){let{trigger:i,allowMultiple:d,initiallyExpanded:s}=e;t&&i==="always"?n=t.map(m=>L(m,o)):s&&(n=t.filter((m,u)=>s({record:m,index:u})).map(m=>L(m,o)),d||(n=[n[0]]))}let a,r,l=(0,xo.useState)(n);if(e){let{expandable:i,trigger:d,allowMultiple:s,collapseProps:m,content:u}=e;e.expanded?{recordIds:a,onRecordIdsChange:r}=e.expanded:[a,r]=l;let b=T=>r?.(a.filter(g=>g!==L(T,o)));return{expandOnClick:d!=="always"&&d!=="never",isRowExpanded:T=>d==="always"?!0:a.includes(L(T,o)),isExpandable:({record:T,index:g})=>i?i({record:T,index:g}):!0,expandRow:T=>{let g=L(T,o);r?.(s?[...a,g]:[g])},collapseRow:b,collapseProps:m,content:({record:T,index:g})=>()=>u({record:T,index:g,collapse:()=>b(T)})}}}var Vt=require("@mantine/hooks"),Ze=require("react");function Mo(e,t){let[o,n]=(0,Ze.useState)(e),[a,r]=(0,Ze.useState)(e),l=(0,Vt.useTimeout)(()=>n(!0),0),i=(0,Vt.useTimeout)(()=>r(!1),t||200);return(0,Ze.useEffect)(()=>{e?(i.clear(),r(!0),l.start()):(l.clear(),n(!1),i.start())},[l,i,e]),{expanded:o,visible:a}}var Ee="mantine-datatable-nowrap",Ne="mantine-datatable-ellipsis",Z="mantine-datatable-pointer-cursor",pt="mantine-datatable-context-menu-cursor",ko="mantine-datatable-text-selection-disabled",ie="mantine-datatable-text-align-left",se="mantine-datatable-text-align-center",de="mantine-datatable-text-align-right";var Ho=require("react/jsx-runtime");function Lo({className:e,style:t,visibleMediaQuery:o,title:n,noWrap:a,ellipsis:r,textAlign:l,width:i}){return le(o)?(0,Ho.jsx)(Eo.TableTh,{className:(0,No.default)({[Ee]:a||r,[Ne]:r,[ie]:l==="left",[se]:l==="center",[de]:l==="right"},e),style:[{width:i,minWidth:i,maxWidth:i},t],children:n}):null}var Io=require("@mantine/core"),Wo=require("react/jsx-runtime");function Oo({shadowVisible:e}){return(0,Wo.jsx)(Io.TableTh,{className:"mantine-datatable-footer-selector-placeholder-cell","data-shadow-visible":e||void 0})}var Le=require("react/jsx-runtime"),Vo=(0,zo.forwardRef)(function({className:t,style:o,columns:n,defaultColumnProps:a,selectionVisible:r,selectorCellShadowVisible:l,scrollDiff:i},d){let s=i<0;return(0,Le.jsx)(He.TableTfoot,{ref:d,className:(0,Ao.default)("mantine-datatable-footer",t),style:[{position:s?"relative":"sticky",bottom:(0,He.rem)(s?i:0)},o],children:(0,Le.jsxs)(He.TableTr,{children:[r&&(0,Le.jsx)(Oo,{shadowVisible:l}),n.map(({hidden:m,...u})=>{if(m)return null;let{accessor:b,visibleMediaQuery:T,textAlign:g,width:S,footer:y,footerClassName:P,footerStyle:E,noWrap:v,ellipsis:M}={...a,...u};return(0,Le.jsx)(Lo,{className:P,style:E,visibleMediaQuery:T,textAlign:g,width:S,title:y,noWrap:v,ellipsis:M},b)})]})})});var H=require("@mantine/core"),na=z(require("clsx")),ht=require("react");var _o=require("@mantine/core"),Fo=z(require("clsx")),_t=require("react");var Go=require("react/jsx-runtime");function Bo({group:{id:e,columns:t,title:o,textAlign:n,className:a,style:r}}){let l=(0,_t.useMemo)(()=>t.map(({visibleMediaQuery:s})=>s),[t]),i=Po(l),d=(0,_t.useMemo)(()=>t.filter(({hidden:s},m)=>!s&&i?.[m]).length,[t,i]);return d>0?(0,Go.jsx)(_o.TableTh,{colSpan:d,className:(0,Fo.default)("mantine-datatable-column-group-header-cell",{[ie]:n==="left",[se]:n==="center",[de]:n==="right"},a),style:r,children:o??De(e)}):null}var I=require("@mantine/core"),je=z(require("clsx")),Tt=require("react");var ce=require("@mantine/core"),ft=require("@mantine/hooks");var Ye=require("react/jsx-runtime");function Xo(){return(0,Ye.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,Ye.jsx)("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),(0,Ye.jsx)("path",{d:"M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227z"})]})}var qe=require("react/jsx-runtime");function Qo(){return(0,qe.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,qe.jsx)("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),(0,qe.jsx)("path",{d:"M20 3h-16a1 1 0 0 0 -1 1v2.227l.008 .223a3 3 0 0 0 .772 1.795l4.22 4.641v8.114a1 1 0 0 0 1.316 .949l6 -2l.108 -.043a1 1 0 0 0 .576 -.906v-6.586l4.121 -4.12a3 3 0 0 0 .879 -2.123v-2.171a1 1 0 0 0 -1 -1z",strokeWidth:"0",fill:"currentColor"})]})}var ye=require("react/jsx-runtime");function Uo({children:e,isActive:t,filterPopoverProps:o,filterPopoverDisableClickOutside:n}){let[a,{close:r,toggle:l}]=(0,ft.useDisclosure)(!1),i=t?Qo:Xo,d=(0,ft.useClickOutside)(r);return n&&(d=void 0),(0,ye.jsxs)(ce.Popover,{withArrow:!0,shadow:"md",opened:a,onClose:r,trapFocus:!0,...o,children:[(0,ye.jsx)(ce.PopoverTarget,{children:(0,ye.jsx)(ce.ActionIcon,{className:"mantine-datatable-header-cell-filter-action-icon","data-active":t||void 0,size:"sm",variant:"default",onClick:s=>{s.preventDefault(),l()},onKeyDown:s=>s.stopPropagation(),children:(0,ye.jsx)(i,{})})}),(0,ye.jsx)(ce.PopoverDropdown,{ref:d,onClick:s=>s.stopPropagation(),onKeyDown:s=>s.stopPropagation(),children:typeof e=="function"?e({close:r}):e})]})}var $o=require("@mantine/core"),bt=require("react");var Jo=require("react/jsx-runtime"),Ko=e=>{let{accessor:t,columnRef:o}=e,n=(0,bt.useRef)(null),[a,r]=(0,bt.useState)(0),{setColumnWidth:l}=Me(),i=u=>{u.preventDefault(),u.stopPropagation(),document.addEventListener("mousemove",d),document.addEventListener("mouseup",s),document.body.style.cursor="col-resize"},d=u=>{if(!o.current)return;let b=u.clientX-o.current.getBoundingClientRect().right,g=`${o.current.getBoundingClientRect().width+b}px`;o.current.style.width=g,l(t,o.current.style.width),r(-b)},s=()=>{o.current&&(document.removeEventListener("mousemove",d),document.removeEventListener("mouseup",s),document.body.style.cursor="initial",l(t,o.current.style.width),r(0))};return(0,Jo.jsx)("div",{ref:n,onClick:u=>u.stopPropagation(),onMouseDown:i,onDoubleClick:()=>{o.current&&(o.current.style.maxWidth="initial",o.current.style.minWidth="initial",o.current.style.width="initial",l(t,"initial"))},className:"mantine-datatable-header-resizable-handle",style:{right:(0,$o.rem)(a)}})};var we=require("react/jsx-runtime");function Zo(){return(0,we.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,we.jsx)("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),(0,we.jsx)("path",{d:"M12 5l0 14"}),(0,we.jsx)("path",{d:"M16 9l-4 -4"}),(0,we.jsx)("path",{d:"M8 9l4 -4"})]})}var Pe=require("react/jsx-runtime");function Yo(){return(0,Pe.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,Pe.jsx)("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),(0,Pe.jsx)("path",{d:"M8 7l4 -4l4 4"}),(0,Pe.jsx)("path",{d:"M8 17l4 4l4 -4"}),(0,Pe.jsx)("path",{d:"M12 3l0 18"})]})}var Y=require("react/jsx-runtime");function qo(){return(0,Y.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,Y.jsx)("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),(0,Y.jsx)("path",{d:"M9 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"}),(0,Y.jsx)("path",{d:"M9 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"}),(0,Y.jsx)("path",{d:"M9 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"}),(0,Y.jsx)("path",{d:"M15 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"}),(0,Y.jsx)("path",{d:"M15 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"}),(0,Y.jsx)("path",{d:"M15 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"})]})}var Ie=require("react/jsx-runtime");function jo(){return(0,Ie.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,Ie.jsx)("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),(0,Ie.jsx)("path",{d:"M18 6l-12 12"}),(0,Ie.jsx)("path",{d:"M6 6l12 12"})]})}var x=require("react/jsx-runtime");function ea({className:e,style:t,accessor:o,visibleMediaQuery:n,title:a,sortable:r,draggable:l,toggleable:i,resizable:d,sortIcons:s,textAlign:m,width:u,sortStatus:b,onSortStatusChange:T,filter:g,filterPopoverProps:S,filterPopoverDisableClickOutside:y,filtering:P,sortKey:E}){let{setSourceColumn:v,setTargetColumn:M,swapColumns:W,setColumnsToggle:G}=Me(),[f,C]=(0,Tt.useState)(!1),p=(0,Tt.useRef)(null);if(!le(n))return null;let c=a??De(o),w=typeof c=="string"?c:void 0,h=r&&T?N=>{N?.defaultPrevented||T({sortKey:E,columnAccessor:o,direction:b?.columnAccessor===o?b.direction==="asc"?"desc":"asc":b?.direction??"asc"})}:void 0,A=N=>{N.stopPropagation(),v(o),C(!1)},_=N=>{N.preventDefault(),M(o),C(!0)},X=()=>{M(o),C(!1),W()},ae=()=>{C(!0)},J=()=>{C(!1)},j=N=>{N.stopPropagation(),G(pe=>pe.map(ee=>ee.accessor===o?{...ee,toggled:!1}:ee))};return(0,x.jsxs)(I.TableTh,{className:(0,je.default)({"mantine-datatable-header-cell-sortable":r,"mantine-datatable-header-cell-toggleable":i,"mantine-datatable-header-cell-resizable":d},e),style:[{width:u,...d?{minWidth:"1px"}:{minWidth:u,maxWidth:u}},t],role:r?"button":void 0,tabIndex:r?0:void 0,onClick:h,onKeyDown:N=>N.key==="Enter"&&h?.(),ref:p,children:[(0,x.jsxs)(I.Group,{className:"mantine-datatable-header-cell-sortable-group",justify:"space-between",wrap:"nowrap",children:[(0,x.jsxs)(I.Flex,{align:"center",w:"100%",className:(0,je.default)({"mantine-datatable-header-cell-draggable":l,"mantine-datatable-header-cell-drag-over":f}),draggable:l,onDragStart:l?A:void 0,onDragEnter:l?ae:void 0,onDragOver:l?_:void 0,onDrop:l?X:void 0,onDragLeave:l?J:void 0,children:[l?(0,x.jsx)(I.Center,{role:"img","aria-label":"Drag column",children:(0,x.jsx)(I.ActionIcon,{className:"mantine-datatable-header-cell-draggable-action-icon",variant:"subtle",size:"xs",onClick:N=>{N.stopPropagation()},children:(0,x.jsx)(qo,{})})}):null,(0,x.jsx)(I.Box,{className:(0,je.default)("mantine-datatable-header-cell-sortable-text",{[ie]:m==="left",[se]:m==="center",[de]:m==="right"},Ee,Ne),title:w,children:c})]}),i?(0,x.jsx)(I.Center,{className:"mantine-datatable-header-cell-toggleable-icon",role:"img","aria-label":"Toggle column",children:(0,x.jsx)(I.ActionIcon,{size:"xs",variant:"light",onClick:j,children:(0,x.jsx)(jo,{})})}):null,r||b?.columnAccessor===o?(0,x.jsx)(x.Fragment,{children:b?.columnAccessor===o?(0,x.jsx)(I.Center,{className:(0,je.default)("mantine-datatable-header-cell-sortable-icon",{"mantine-datatable-header-cell-sortable-icon-reversed":b.direction==="desc"}),role:"img","aria-label":`Sorted ${b.direction==="desc"?"descending":"ascending"}`,children:s?.sorted||(0,x.jsx)(Zo,{})}):(0,x.jsx)(I.Center,{className:"mantine-datatable-header-cell-sortable-unsorted-icon",role:"img","aria-label":"Not sorted",children:s?.unsorted||(0,x.jsx)(Yo,{})})}):null,g?(0,x.jsx)(Uo,{filterPopoverProps:S,isActive:!!P,filterPopoverDisableClickOutside:y,children:g}):null]}),d?(0,x.jsx)(Ko,{accessor:o,columnRef:p}):null]})}var gt=require("@mantine/core"),ta=z(require("clsx")),oa=require("react");var Ft=require("react/jsx-runtime"),aa=(0,oa.forwardRef)(function({className:t,style:o,trigger:n,shadowVisible:a,checked:r,indeterminate:l,checkboxProps:i,onChange:d,rowSpan:s},m){let u=!i.disabled;return(0,Ft.jsx)(gt.TableTh,{ref:m,className:(0,ta.default)("mantine-datatable-header-selector-cell",{[Z]:n==="cell"&&u},t),style:o,rowSpan:s,"data-shadow-visible":a||void 0,onClick:n==="cell"&&u?d:void 0,children:(0,Ft.jsx)(gt.Checkbox,{classNames:u?{input:Z}:void 0,checked:r,indeterminate:l,onChange:d,...i,disabled:!(d||i.onChange)||i.disabled})})});var V=require("react/jsx-runtime"),ra=(0,ht.forwardRef)(function({selectionColumnHeaderRef:t,className:o,style:n,sortStatus:a,sortIcons:r,onSortStatusChange:l,columns:i,defaultColumnProps:d,groups:s,selectionTrigger:m,selectionVisible:u,selectionChecked:b,selectionIndeterminate:T,onSelectionChange:g,selectionCheckboxProps:S,selectorCellShadowVisible:y,selectionColumnClassName:P,selectionColumnStyle:E},v){let M=u?(0,V.jsx)(aa,{ref:t,className:P,style:E,trigger:m,shadowVisible:y,checked:b,indeterminate:T,checkboxProps:S,onChange:g,rowSpan:s?2:void 0}):null,{columnsToggle:W,setColumnsToggle:G}=Me(),[f,C]=(0,ht.useState)(!1),p=i.some(h=>h.toggleable),c=p?Object.fromEntries(i.map(({accessor:h,title:A})=>[h,A??De(String(h))])):void 0,w=(0,V.jsxs)(H.TableThead,{className:(0,na.default)("mantine-datatable-header",o),style:n,ref:v,onContextMenu:p?h=>{h.preventDefault(),C(A=>!A)}:void 0,children:[s&&(0,V.jsxs)(H.TableTr,{children:[M,s.map(h=>(0,V.jsx)(Bo,{group:h},h.id))]}),(0,V.jsxs)(H.TableTr,{children:[!s&&M,i.map(({hidden:h,...A},_)=>{if(h)return null;let{accessor:X,visibleMediaQuery:ae,textAlign:J,width:j,title:N,sortable:pe,draggable:ee,toggleable:Ae,resizable:ze,titleClassName:Ve,titleStyle:_e,filter:fe,filterPopoverProps:Fe,filterPopoverDisableClickOutside:Be,filtering:te,sortKey:St}={...d,...A};return(0,V.jsx)(ea,{accessor:X,className:Ve,style:_e,visibleMediaQuery:ae,textAlign:J,width:j,title:N,sortable:pe,draggable:ee,toggleable:Ae,resizable:ze&&_<i.length-1,sortStatus:a,sortIcons:r,sortKey:St,onSortStatusChange:l,filter:fe,filterPopoverProps:Fe,filterPopoverDisableClickOutside:Be,filtering:te},X)})]})]});return p?(0,V.jsxs)(H.Popover,{position:"bottom",withArrow:!0,shadow:"md",opened:f,onChange:C,children:[(0,V.jsx)(H.PopoverTarget,{children:w}),(0,V.jsx)(H.PopoverDropdown,{children:(0,V.jsx)(H.Stack,{children:W.filter(h=>h.toggleable).map(h=>(0,V.jsx)(H.Group,{children:(0,V.jsx)(H.Checkbox,{classNames:{label:"mantine-datatable-header-column-toggle-checkbox-label"},size:"xs",label:c[h.accessor],checked:h.toggled,onChange:A=>{G(W.map(_=>_.accessor===h.accessor?{..._,toggled:A.currentTarget.checked}:_))}})},h.accessor))})})]}):w});var Ct=require("@mantine/core"),la=z(require("clsx")),Bt=require("react/jsx-runtime");function ia({pt:e,pb:t,fetching:o,customContent:n,backgroundBlur:a,size:r,type:l,color:i}){return(0,Bt.jsx)(Ct.Center,{pt:e,pb:t,className:(0,la.default)("mantine-datatable-loader",{"mantine-datatable-loader-fetching":o}),style:[{backdropFilter:a?`blur(${a}px)`:void 0}],children:o&&(n||(0,Bt.jsx)(Ct.Loader,{size:r,type:l,color:i}))})}var ue=require("@mantine/core"),Gt=z(require("clsx")),ba=require("react");var R=require("@mantine/core"),pa=z(require("clsx"));var sa=require("@mantine/core");function k(e,t,o){return e?(0,sa.parseThemeColor)({color:typeof e=="object"?e[o]:e,theme:t}).value:void 0}function da({theme:e,c:t,backgroundColor:o,borderColor:n,rowBorderColor:a,stripedColor:r,highlightOnHoverColor:l}){return{"--mantine-datatable-color-light":k(t,e,"light"),"--mantine-datatable-color-dark":k(t,e,"dark"),"--mantine-datatable-background-color-light":k(o,e,"light"),"--mantine-datatable-background-color-dark":k(o,e,"dark"),"--mantine-datatable-border-color-light":k(n,e,"light"),"--mantine-datatable-border-color-dark":k(n,e,"dark"),"--mantine-datatable-row-border-color-light":k(a,e,"light"),"--mantine-datatable-row-border-color-dark":k(a,e,"dark"),"--mantine-datatable-striped-color-light":k(r,e,"light"),"--mantine-datatable-striped-color-dark":k(r,e,"dark"),"--mantine-datatable-highlight-on-hover-color-light":k(l,e,"light"),"--mantine-datatable-highlight-on-hover-color-dark":k(l,e,"dark")}}function Dt({theme:e,paginationActiveTextColor:t,paginationActiveBackgroundColor:o}){return{"--mantine-datatable-pagination-active-text-color-light":k(t,e,"light"),"--mantine-datatable-pagination-active-text-color-dark":k(t,e,"dark"),"--mantine-datatable-pagination-active-background-color-light":k(o,e,"light"),"--mantine-datatable-pagination-active-background-color-dark":k(o,e,"dark")}}function ca({theme:e,color:t,backgroundColor:o}){return{"--mantine-datatable-row-color-light":k(t,e,"light"),"--mantine-datatable-row-color-dark":k(t,e,"dark"),"--mantine-datatable-row-background-color-light":k(o,e,"light"),"--mantine-datatable-row-background-color-dark":k(o,e,"dark")}}var Oe=require("react/jsx-runtime");function ua(){return(0,Oe.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,Oe.jsx)("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),(0,Oe.jsx)("path",{d:"M8 9l4 -4l4 4"}),(0,Oe.jsx)("path",{d:"M16 15l-4 4l-4 -4"})]})}var $=require("react/jsx-runtime"),ma={xs:(0,R.rem)(22),sm:(0,R.rem)(26),md:(0,R.rem)(32),lg:(0,R.rem)(38),xl:(0,R.rem)(44)};function fa({size:e,label:t,values:o,value:n,activeTextColor:a,activeBackgroundColor:r,onChange:l}){return(0,$.jsxs)(R.Group,{gap:"xs",children:[(0,$.jsx)(R.Text,{component:"div",size:e,children:t}),(0,$.jsxs)(R.Menu,{withinPortal:!0,withArrow:!0,offset:2,classNames:{arrow:"mantine-datatable-page-size-selector-menu-arrow"},children:[(0,$.jsx)(R.MenuTarget,{children:(0,$.jsx)(R.Button,{size:e,variant:"default",classNames:{section:"mantine-datatable-page-size-selector-button-icon"},rightSection:(0,$.jsx)(ua,{}),style:[{fontWeight:"normal"},i=>({height:ma[e],paddingLeft:i.spacing[e],paddingRight:i.spacing[e]})],children:n})}),(0,$.jsx)(R.MenuDropdown,{children:o.map(i=>{let d=i===n;return(0,$.jsx)(R.MenuItem,{className:(0,pa.default)({"mantine-datatable-page-size-selector-active":d}),style:[{height:ma[e]},d&&(a||r)?s=>Dt({theme:s,paginationActiveTextColor:a,paginationActiveBackgroundColor:r}):void 0],disabled:d,onClick:()=>l(i),children:(0,$.jsx)(R.Text,{component:"div",size:e,children:i})},i)})})]})]})}var We=require("react/jsx-runtime"),Ta=(0,ba.forwardRef)(function({className:t,style:o,fetching:n,page:a,onPageChange:r,paginationWithEdges:l,paginationWithControls:i,paginationActiveTextColor:d,paginationActiveBackgroundColor:s,paginationSize:m,loadingText:u,noRecordsText:b,paginationText:T,totalRecords:g,recordsPerPage:S,onRecordsPerPageChange:y,recordsPerPageLabel:P,recordsPerPageOptions:E,recordsLength:v,horizontalSpacing:M,paginationWrapBreakpoint:W,getPaginationControlProps:G},f){let C;if(g){let c=(a-1)*S+1,w=c+(v||0)-1;C=T({from:c,to:w,totalRecords:g})}else C=n?u:b;let p=le(({breakpoints:c})=>`(min-width: ${typeof W=="number"?`${(0,ue.rem)(W)}rem`:c[W]||W})`);return(0,We.jsxs)(ue.Box,{ref:f,px:M??"xs",py:"xs",className:(0,Gt.default)("mantine-datatable-pagination",t),style:[{flexDirection:p?"row":"column"},o],children:[(0,We.jsx)(ue.Text,{component:"div",className:"mantine-datatable-pagination-text",size:m,children:C}),E&&(0,We.jsx)(fa,{activeTextColor:d,activeBackgroundColor:s,size:m,label:P,values:E,value:S,onChange:y}),(0,We.jsx)(ue.Pagination,{classNames:{root:(0,Gt.default)("mantine-datatable-pagination-pages",{"mantine-datatable-pagination-pages-fetching":n||!v}),control:"mantine-datatable-pagination-pages-control"},style:d||s?c=>Dt({theme:c,paginationActiveTextColor:d,paginationActiveBackgroundColor:s}):void 0,withEdges:l,withControls:i,value:a,onChange:r,size:m,total:Math.ceil(g/S),getControlProps:G})]})});var Sa=require("@mantine/core"),va=z(require("clsx"));var ga=require("@mantine/core"),ha=z(require("clsx"));var Da=require("react/jsx-runtime");function Ca({className:e,style:t,visibleMediaQuery:o,record:n,index:a,onClick:r,onDoubleClick:l,onContextMenu:i,noWrap:d,ellipsis:s,textAlign:m,width:u,accessor:b,render:T,defaultRender:g,customCellAttributes:S}){return le(o)?(0,Da.jsx)(ga.TableTd,{className:(0,ha.default)({[Ee]:d||s,[Ne]:s,[Z]:r||l,[pt]:i,[ie]:m==="left",[se]:m==="center",[de]:m==="right"},e),style:[{width:u,minWidth:u,maxWidth:u},t],onClick:r,onDoubleClick:l,onContextMenu:i,...S?.(n,a),children:T?T(n,a):g?g(n,a,b):mt(n,b)}):null}var Se=require("@mantine/core");var q=require("react/jsx-runtime");function ya({open:e,colSpan:t,content:o,collapseProps:n}){let{expanded:a,visible:r}=Mo(e,n?.transitionDuration);return r?(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(Se.TableTr,{}),(0,q.jsx)(Se.TableTr,{children:(0,q.jsx)(Se.TableTd,{className:"mantine-datatable-row-expansion-cell",colSpan:t,children:(0,q.jsx)(Se.Collapse,{in:a,...n,children:(0,q.jsx)("div",{className:"mantine-datatable-row-expansion-cell-content",children:o()})})})})]}):null}var yt=require("@mantine/core"),wa=z(require("clsx"));var Xt=require("react/jsx-runtime");function Pa({className:e,style:t,record:o,index:n,trigger:a,onChange:r,withRightShadow:l,checkboxProps:i,getCheckboxProps:d,...s}){let m={...i,...d(o,n)},u=!s.disabled&&!m.disabled,b=T=>{T.stopPropagation(),a==="cell"&&u&&r?.(T)};return(0,Xt.jsx)(yt.TableTd,{className:(0,wa.default)("mantine-datatable-row-selector-cell",{[Z]:a==="cell"&&u},e),style:t,"data-shadow-visible":l||void 0,onClick:b,children:(0,Xt.jsx)(yt.Checkbox,{classNames:u?{input:Z}:void 0,onChange:r,...s,...m})})}var K=require("react/jsx-runtime");function xa({record:e,index:t,columns:o,defaultColumnProps:n,defaultColumnRender:a,selectionTrigger:r,selectionVisible:l,selectionChecked:i,onSelectionChange:d,isRecordSelectable:s,selectionCheckboxProps:m,getSelectionCheckboxProps:u,onClick:b,onDoubleClick:T,onContextMenu:g,onCellClick:S,onCellDoubleClick:y,onCellContextMenu:P,expansion:E,customAttributes:v,color:M,backgroundColor:W,className:G,style:f,selectorCellShadowVisible:C,selectionColumnClassName:p,selectionColumnStyle:c,rowFactory:w}){let h=(0,K.jsxs)(K.Fragment,{children:[l&&(0,K.jsx)(Pa,{className:p,style:c,record:e,index:t,trigger:r,withRightShadow:C,checked:i,disabled:!d||(s?!s(e,t):!1),onChange:d,checkboxProps:m,getCheckboxProps:u}),o.map(({hidden:X,hiddenContent:ae,...J},j)=>{if(X||ae)return null;let{accessor:N,visibleMediaQuery:pe,textAlign:ee,noWrap:Ae,ellipsis:ze,width:Ve,render:_e,cellsClassName:fe,cellsStyle:Fe,customCellAttributes:Be}={...n,...J};return(0,K.jsx)(Ca,{className:typeof fe=="function"?fe(e,t):fe,style:Fe?.(e,t),visibleMediaQuery:pe,record:e,index:t,onClick:S?te=>S({event:te,record:e,index:t,column:J,columnIndex:j}):void 0,onDoubleClick:y?te=>y({event:te,record:e,index:t,column:J,columnIndex:j}):void 0,onContextMenu:P?te=>P({event:te,record:e,index:t,column:J,columnIndex:j}):void 0,accessor:N,textAlign:ee,noWrap:Ae,ellipsis:ze,width:Ve,render:_e,defaultRender:a,customCellAttributes:Be},N)})]}),A=E&&(0,K.jsx)(ya,{colSpan:o.filter(({hidden:X})=>!X).length+(l?1:0),open:E.isRowExpanded(e),content:E.content({record:e,index:t}),collapseProps:E.collapseProps}),_=Yn({record:e,index:t,selectionChecked:i,onClick:b,onDoubleClick:T,onContextMenu:g,expansion:E,customAttributes:v,color:M,backgroundColor:W,className:G,style:f});return w?w({record:e,index:t,rowProps:_,children:h,expandedElement:A}):(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(Sa.TableTr,{..._,children:h}),A]})}function Yn({record:e,index:t,selectionChecked:o,onClick:n,onDoubleClick:a,onContextMenu:r,expansion:l,customAttributes:i,color:d,backgroundColor:s,className:m,style:u}){return{className:(0,va.default)("mantine-datatable-row",{[Z]:n||a||l?.isExpandable({record:e,index:t})&&l?.expandOnClick},{[pt]:r},typeof m=="function"?m(e,t):m),"data-selected":o||void 0,onClick:b=>{if(l){let{isExpandable:T,isRowExpanded:g,expandOnClick:S,expandRow:y,collapseRow:P}=l;T({record:e,index:t})&&S&&(g(e)?P(e):y(e))}n?.({event:b,record:e,index:t})},onDoubleClick:a?b=>a({event:b,record:e,index:t}):void 0,onContextMenu:r?b=>r({event:b,record:e,index:t}):void 0,style:[d||s?b=>{let T=d?.(e,t),g=s?.(e,t);return ca({theme:b,color:T,backgroundColor:g})}:void 0,u?.(e,t)],...i?.(e,t)??{}}}var me=require("@mantine/core"),et=z(require("clsx")),ve=require("react/jsx-runtime");function Ra({topShadowVisible:e,leftShadowVisible:t,leftShadowBehind:o,rightShadowVisible:n,rightShadowBehind:a,bottomShadowVisible:r,headerHeight:l,footerHeight:i,onScrollPositionChange:d,children:s,viewportRef:m,scrollAreaProps:u}){return(0,ve.jsxs)(me.ScrollArea,{...u,viewportRef:m,classNames:{root:"mantine-datatable-scroll-area",scrollbar:"mantine-datatable-scroll-area-scrollbar",thumb:"mantine-datatable-scroll-area-thumb",corner:"mantine-datatable-scroll-area-corner"},onScrollPositionChange:d,children:[s,(0,ve.jsx)(me.Box,{className:(0,et.default)("mantine-datatable-scroll-area-shadow","mantine-datatable-scroll-area-top-shadow",{"mantine-datatable-scroll-area-shadow-visible":e}),style:{top:l?(0,me.rem)(l):0}}),(0,ve.jsx)("div",{className:(0,et.default)("mantine-datatable-scroll-area-shadow","mantine-datatable-scroll-area-left-shadow",{"mantine-datatable-scroll-area-shadow-visible":t,"mantine-datatable-scroll-area-shadow-behind":o})}),(0,ve.jsx)("div",{className:(0,et.default)("mantine-datatable-scroll-area-shadow","mantine-datatable-scroll-area-right-shadow",{"mantine-datatable-scroll-area-shadow-visible":n,"mantine-datatable-scroll-area-shadow-behind":a})}),(0,ve.jsx)(me.Box,{className:(0,et.default)("mantine-datatable-scroll-area-shadow","mantine-datatable-scroll-area-bottom-shadow",{"mantine-datatable-scroll-area-shadow-visible":r}),style:{bottom:i?(0,me.rem)(i+1):0}})]})}var O=require("react/jsx-runtime");function Ma({withTableBorder:e,borderRadius:t,textSelectionDisabled:o,height:n="100%",minHeight:a,maxHeight:r,shadow:l,verticalAlign:i="center",fetching:d,columns:s,storeColumnsKey:m,groups:u,pinFirstColumn:b,pinLastColumn:T,defaultColumnProps:g,defaultColumnRender:S,idAccessor:y="id",records:P,selectionTrigger:E="checkbox",selectedRecords:v,onSelectedRecordsChange:M,selectionColumnClassName:W,selectionColumnStyle:G,isRecordSelectable:f,selectionCheckboxProps:C,allRecordsSelectionCheckboxProps:p={"aria-label":"Select all records"},getRecordSelectionCheckboxProps:c=(B,be)=>({"aria-label":`Select record ${be+1}`}),sortStatus:w,sortIcons:h,onSortStatusChange:A,horizontalSpacing:_,page:X,onPageChange:ae,totalRecords:J,recordsPerPage:j,onRecordsPerPageChange:N,recordsPerPageOptions:pe,recordsPerPageLabel:ee="Records per page",paginationWithEdges:Ae,paginationWithControls:ze,paginationActiveTextColor:Ve,paginationActiveBackgroundColor:_e,paginationSize:fe="sm",paginationText:Fe=({from:B,to:be,totalRecords:Te})=>`${B} - ${be} / ${Te}`,paginationWrapBreakpoint:Be="sm",getPaginationControlProps:te=B=>B==="previous"?{"aria-label":"Previous page"}:B==="next"?{"aria-label":"Next page"}:{},loaderBackgroundBlur:St,customLoader:Ha,loaderSize:Ia,loaderType:Oa,loaderColor:Wa,loadingText:Aa="...",emptyState:za,noRecordsText:Ut="No records",noRecordsIcon:Va,highlightOnHover:_a,striped:Fa,noHeader:Ba,onRowClick:Ga,onRowDoubleClick:Xa,onRowContextMenu:Qa,onCellClick:Ua,onCellDoubleClick:$a,onCellContextMenu:Ka,onScroll:$t,onScrollToTop:Kt,onScrollToBottom:Jt,onScrollToLeft:Zt,onScrollToRight:Yt,c:Ja,backgroundColor:Za,borderColor:Ya,rowBorderColor:qa,stripedColor:ja,highlightOnHoverColor:en,rowColor:tn,rowBackgroundColor:on,rowExpansion:an,rowClassName:nn,rowStyle:rn,customRowAttributes:ln,scrollViewportRef:sn,scrollAreaProps:dn,tableRef:cn,bodyRef:un,m:mn,my:pn,mx:fn,mt:bn,mb:Tn,ml:gn,mr:hn,className:Cn,classNames:Ge,style:Dn,styles:Xe,rowFactory:yn,tableWrapper:vt,...qt}){let{ref:B,width:be,height:Te}=Ce(),Qe=(0,F.useMemo)(()=>u?.flatMap(D=>D.columns)??s,[s,u]),jt=Wt({key:m,columns:Qe}),{ref:wn,height:xt}=Ce(),{ref:Pn,width:Rt,height:Ue}=Ce(),{ref:Sn,height:vn}=Ce(),{ref:xn,height:eo}=Ce(),{ref:Rn,width:Mn}=Ce(),kn=(0,tt.useMergedRef)(Pn,cn),En=(0,tt.useMergedRef)(B,sn),[Mt,to]=(0,F.useState)(!0),[kt,oo]=(0,F.useState)(!0),[$e,ao]=(0,F.useState)(!0),[ot,no]=(0,F.useState)(!0),Nn=Ro({rowExpansion:an,records:P,idAccessor:y}),Et=(0,F.useCallback)(()=>{let D=B.current?.scrollTop??0,ne=B.current?.scrollLeft??0;if(d||Ue<=Te)to(!0),oo(!0);else{let Q=D===0,U=Ue-D-Te<1;to(Q),oo(U),Q&&Q!==Mt&&Kt?.(),U&&U!==kt&&Jt?.()}if(d||Rt===be)ao(!0),no(!0);else{let Q=ne===0,U=Rt-ne-be<1;ao(Q),no(U),Q&&Q!==$e&&Zt?.(),U&&U!==ot&&Yt?.()}},[d,Jt,Zt,Yt,Kt,Te,B,be,kt,$e,ot,Mt,Ue,Rt]);Co(Et,[Et]);let ro=(0,tt.useDebouncedCallback)(Et,50),Ln=(0,F.useCallback)(D=>{$t?.(D),ro()},[ro,$t]),Hn=(0,F.useCallback)(D=>{B.current?.scrollTo({top:0,left:0}),ae(D)},[ae,B]),at=P?.length,lo=P?.map(D=>L(D,y)),xe=!!v,Ke=v?.map(D=>L(D,y)),io=lo!==void 0&&Ke!==void 0&&Ke.length>0,Nt=f?P?.filter(f):P,nt=Nt?.map(D=>L(D,y)),rt=io&&nt.every(D=>Ke.includes(D)),In=io&&nt.some(D=>Ke.includes(D)),On=(0,F.useCallback)(()=>{v&&M&&M(rt?v.filter(D=>!nt.includes(L(D,y))):Je([...v,...Nt],D=>L(D,y)))},[rt,y,M,nt,Nt,v]),{lastSelectionChangeIndex:lt,setLastSelectionChangeIndex:Wn}=Do(lo),Lt=xe&&!$e&&!b,An={m:mn,my:pn,mx:fn,mt:bn,mb:Tn,ml:gn,mr:hn},zn=(0,F.useCallback)(({children:D})=>vt?vt({children:D}):D,[vt]);return(0,O.jsx)(It,{...jt,children:(0,O.jsxs)(wt.Box,{...An,className:(0,Qt.default)("mantine-datatable",{"mantine-datatable-with-border":e},Cn,Ge?.root),style:[D=>({...da({theme:D,c:Ja,backgroundColor:Za,borderColor:Ya,rowBorderColor:qa,stripedColor:ja,highlightOnHoverColor:en}),borderRadius:D.radius[t]||t,boxShadow:D.shadows[l]||l,height:n,minHeight:a,maxHeight:r}),Dn,Xe?.root,{position:"relative"}],children:[(0,O.jsx)(Ra,{viewportRef:En,topShadowVisible:!Mt,leftShadowVisible:!$e,leftShadowBehind:xe||!!b,rightShadowVisible:!ot,rightShadowBehind:T,bottomShadowVisible:!kt,headerHeight:xt,footerHeight:vn,onScrollPositionChange:Ln,scrollAreaProps:dn,children:(0,O.jsx)(zn,{children:(0,O.jsxs)(wt.Table,{ref:kn,horizontalSpacing:_,className:(0,Qt.default)("mantine-datatable-table",{[ko]:o,"mantine-datatable-vertical-align-top":i==="top","mantine-datatable-vertical-align-bottom":i==="bottom","mantine-datatable-last-row-border-bottom-visible":qt.withRowBorders&&Ue<Te,"mantine-datatable-pin-last-column":T,"mantine-datatable-pin-last-column-scrolled":!ot&&T,"mantine-datatable-selection-column-visible":xe,"mantine-datatable-pin-first-column":b,"mantine-datatable-pin-first-column-scrolled":!$e&&b},Ge?.table),style:{...Xe?.table,"--mantine-datatable-selection-column-width":`${Mn}px`},"data-striped":at&&Fa||void 0,"data-highlight-on-hover":_a||void 0,...qt,children:[Ba?null:(0,O.jsx)(It,{...jt,children:(0,O.jsx)(ra,{ref:wn,selectionColumnHeaderRef:Rn,className:Ge?.header,style:Xe?.header,columns:Qe,defaultColumnProps:g,groups:u,sortStatus:w,sortIcons:h,onSortStatusChange:A,selectionTrigger:E,selectionVisible:xe,selectionChecked:rt,selectionIndeterminate:In&&!rt,onSelectionChange:On,selectionCheckboxProps:{...C,...p},selectorCellShadowVisible:Lt,selectionColumnClassName:W,selectionColumnStyle:G})}),(0,O.jsx)("tbody",{ref:un,children:at?P.map((D,ne)=>{let Q=L(D,y),U=Ke?.includes(Q)||!1,so;return M&&v&&(so=Vn=>{if(Vn.nativeEvent.shiftKey&&lt!==null){let Re=P.filter(ne>lt?(ge,he)=>he>=lt&&he<=ne&&(f?f(ge,he):!0):(ge,he)=>he>=ne&&he<=lt&&(f?f(ge,he):!0));M(U?zt(v,Re,ge=>L(ge,y)):Je([...v,...Re],ge=>L(ge,y)))}else M(U?v.filter(Re=>L(Re,y)!==Q):Je([...v,D],Re=>L(Re,y)));Wn(ne)}),(0,O.jsx)(xa,{record:D,index:ne,columns:Qe,defaultColumnProps:g,defaultColumnRender:S,selectionTrigger:E,selectionVisible:xe,selectionChecked:U,onSelectionChange:so,isRecordSelectable:f,selectionCheckboxProps:C,getSelectionCheckboxProps:c,onClick:Ga,onDoubleClick:Xa,onCellClick:Ua,onCellDoubleClick:$a,onContextMenu:Qa,onCellContextMenu:Ka,expansion:Nn,color:tn,backgroundColor:on,className:nn,style:rn,customAttributes:ln,selectorCellShadowVisible:Lt,selectionColumnClassName:W,selectionColumnStyle:G,idAccessor:y,rowFactory:yn},Q)}):(0,O.jsx)(fo,{})}),Qe.some(({footer:D})=>D)&&(0,O.jsx)(Vo,{ref:Sn,className:Ge?.footer,style:Xe?.footer,columns:Qe,defaultColumnProps:g,selectionVisible:xe,selectorCellShadowVisible:Lt,scrollDiff:Ue-Te})]})})}),X&&(0,O.jsx)(Ta,{ref:xn,className:Ge?.pagination,style:Xe?.pagination,horizontalSpacing:_,fetching:d,page:X,onPageChange:Hn,totalRecords:J,recordsPerPage:j,onRecordsPerPageChange:N,recordsPerPageOptions:pe,recordsPerPageLabel:ee,paginationWithEdges:Ae,paginationWithControls:ze,paginationActiveTextColor:Ve,paginationActiveBackgroundColor:_e,paginationSize:fe,paginationText:Fe,paginationWrapBreakpoint:Be,getPaginationControlProps:te,noRecordsText:Ut,loadingText:Aa,recordsLength:at}),(0,O.jsx)(ia,{pt:xt,pb:eo,fetching:d,backgroundBlur:St,customContent:Ha,size:Ia,type:Oa,color:Wa}),(0,O.jsx)(To,{pt:xt,pb:eo,icon:Va,text:Ut,active:!d&&!at,children:za})]})})}var ka=require("@mantine/core"),Ea=require("@mantine/hooks"),Pt=require("react"),La=require("react/jsx-runtime");function Na({className:e,children:t,isDragging:o,ref:n,...a}){let r=(0,Pt.useRef)(null),l=(0,Ea.useMergedRef)(r,n);return(0,Pt.useEffect)(()=>{if(!r.current||!o)return;let m=r.current.parentElement.parentElement.children[0].children[0];for(let u=0;u<m.children.length;u++){let T=m.children[u].getBoundingClientRect(),g=r.current.children[u];g.style.height=T.height+"px",g.style.width=T.width+"px",g.style.minWidth=T.width+"px",g.style.maxWidth=T.width+"px"}},[o,t]),(0,La.jsx)(ka.TableTr,{"data-is-dragging":o,ref:l,...a,className:e,children:t})}0&&(module.exports={DataTable,DataTableDraggableRow,differenceBy,getRecordId,getValueAtPath,humanize,reorderRecords,swapRecords,uniqBy,useDataTableColumns}); //# sourceMappingURL=index.js.map