@zimyo/ui 1.12.1 → 1.12.2

package/dist/components/DataTable/index.esm.js

@@ -20,4 +20,4 @@ function h(e,t){return"function"==typeof e?e(t):e}function w(e,t){return n=>{t.s
    *
    * @license MIT
    */
-function ue(e,t){return e?function(e){return"function"==typeof e&&(()=>{const t=Object.getPrototypeOf(e);return t.prototype&&t.prototype.isReactComponent})()}(n=e)||"function"==typeof n||function(e){return"object"==typeof e&&"symbol"==typeof e.$$typeof&&["react.memo","react.forward_ref"].includes(e.$$typeof.description)}(n)?o.createElement(e,t):e:null;var n}function se(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(Boolean).join(" ")}var ge=function(e){var t=e.isExpanded,l=e.onToggle;return n("button",{type:"button",className:"zui:flex zui:items-center zui:justify-center zui:w-6 zui:h-6 zui:rounded zui:text-gray-400 hover:zui:text-gray-600 hover:zui:bg-gray-100 zui:transition-colors zui:duration-150",onClick:function(e){e.stopPropagation(),l()},"aria-label":t?"Collapse row":"Expand row",children:n(f,{className:se("zui:h-4 zui:w-4 zui:transition-transform zui:duration-200",t&&"zui:rotate-90")})})},de=function(e){var t=e.isExpanded,l=e.children,o=e.colSpan;return n("tr",{style:{display:t?"table-row":"none"},children:n("td",{className:"zui:bg-gray-50 zui:px-4 zui:py-6 zui:border-b zui:border-gray-200",colSpan:o,children:n("div",{className:"zui:bg-white zui:rounded-lg zui:p-6 zui:shadow-sm",children:l})})})};function ce(h){var w=h.columns,b=h.data,z=h.virtualized,C=void 0===z?{}:z,R=h.serverMode,x=void 0!==R&&R,F=h.pagination,M=void 0===F?{}:F,I=h.selection,P=void 0===I?{}:I,V=h.expansion,_=void 0===V?{}:V,E=h.sorting,A=void 0===E?{}:E,G=h.loading,L=void 0===G?{}:G,D=h.styling,H=void 0===D?{}:D,N=M.enabled,O=void 0===N||N,k=M.totalCount,B=M.currentPage,T=M.pageSize,j=M.pageSizeOptions,q=void 0===j?[10,25,50,100]:j,U=M.initialPageSize,$=void 0===U?10:U,X=M.onPageChange,K=M.onPageSizeChange,W=M.showInfo,J=void 0===W||W,Q=M.showPageSizeSelector,Y=void 0===Q||Q;M.showGoToPage;var Z=P.enabled,ee=void 0!==Z&&Z,te=P.rowIdAccessor,ne=P.onBulkAction,le=P.bulkActions,oe=void 0===le?[]:le,ie=P.selectionText,ce=void 0===ie?function(e){return"".concat(e," row").concat(1!==e?"s":""," selected")}:ie,pe=_.enabled,fe=void 0!==pe&&pe,me=_.renderExpanded,he=C.enabled,we=void 0!==he&&he,be=C.tableHeight,ve=void 0===be?550:be,Se=A.enabled,ze=void 0!==Se&&Se,Ce=A.initialSorting,Re=void 0===Ce?[]:Ce,xe=A.onSort,ye=L.loading,Fe=void 0!==ye&&ye,Me=L.fetched,Ie=void 0===Me||Me,Pe=L.loadingRows,Ve=L.emptyMessage,_e=void 0===Ve?"No data found":Ve,Ee=H.className;H.showColumnBorders;var Ae=H.showRowBorders,Ge=void 0===Ae||Ae,Le=H.stickyHeader,De=void 0===Le||Le,He=H.pinLeft,Ne=void 0===He?0:He,Oe=H.pinRight,ke=void 0===Oe?0:Oe,Be=i.useState(Re),Te=Be[0],je=Be[1],qe=i.useState({pageIndex:null!=B?B:0,pageSize:null!=T?T:$}),Ue=qe[0],$e=qe[1],Xe=i.useState({}),Ke=Xe[0],We=Xe[1],Je=i.useState({}),Qe=Je[0],Ye=Je[1];i.useEffect(function(){!O||"number"!=typeof B&&"number"!=typeof T||$e(function(e){return{pageIndex:null!=B?B:e.pageIndex,pageSize:null!=T?T:e.pageSize}})},[B,T,O]);var Ze=i.useCallback(function(e,t){return te?te(e):String(t)},[te]),et=i.useMemo(function(){var e=[];return fe&&e.push({id:"__expand__",header:function(){return null},enableSorting:!1,enableHiding:!1,size:40,cell:function(e){var t=e.row;return n(ge,{isExpanded:t.getIsExpanded(),onToggle:function(){return t.toggleExpanded()}})}}),ee&&e.push({id:"__select__",header:function(e){var t=e.table,l=t.getIsAllPageRowsSelected(),o=t.getIsSomePageRowsSelected();return n("div",{className:"zui:flex zui:items-center zui:justify-center",children:n(r,{size:"sm","aria-label":"Select all rows",checked:l,indeterminate:o&&!l,onChange:function(e){return t.toggleAllPageRowsSelected(e.target.checked)}})})},cell:function(e){var t=e.row;return n("div",{className:"zui:flex zui:items-center zui:justify-center",children:n(r,{size:"sm","aria-label":"Select row",checked:t.getIsSelected(),onChange:function(e){e.stopPropagation(),t.toggleSelected(e.target.checked)}})})},enableSorting:!1,enableHiding:!1,size:40}),e},[fe,ee]),tt=i.useMemo(function(){return w.filter(function(e){return!1!==e.enableHiding})},[w]),nt=function(e){const t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[n]=o.useState(()=>({current:re(t)})),[l,i]=o.useState(()=>n.current.initialState);return n.current.setOptions(t=>({...t,...e,state:{...l,...e.state},onStateChange:t=>{i(t),null==e.onStateChange||e.onStateChange(t)}})),n.current}({data:b,columns:i.useMemo(function(){return e(e([],et,!0),tt,!0)},[et,tt]),getRowId:Ze,defaultColumn:{enableSorting:!1},state:{sorting:ze?Te:[],rowSelection:ee?Ke:{},expanded:fe?Qe:{},pagination:O?Ue:{pageIndex:0,pageSize:b.length||1e3}},enableSorting:ze,onSortingChange:ze?function(e){var t="function"==typeof e?e(Te):e;je(t),xe&&xe(t)}:void 0,enableRowSelection:ee,onRowSelectionChange:ee?We:void 0,onExpandedChange:fe?Ye:void 0,onPaginationChange:O?function(e){var t="function"==typeof e?e(Ue):e;$e(t),X&&X(t.pageIndex,t.pageSize),K&&t.pageSize!==Ue.pageSize&&K(t.pageSize)}:void 0,manualPagination:x&&O,manualSorting:x&&ze,pageCount:x&&O&&"number"==typeof k?Math.max(1,Math.ceil(k/Ue.pageSize)):void 0,getCoreRowModel:e=>v(()=>[e.options.data],t=>{const n={rows:[],flatRows:[],rowsById:{}},l=function(t,o,i){void 0===o&&(o=0);const r=[];for(let u=0;u<t.length;u++){const s=y(e,e._getRowId(t[u],u,i),t[u],u,o,void 0,null==i?void 0:i.id);var a;n.flatRows.push(s),n.rowsById[s.id]=s,r.push(s),e.options.getSubRows&&(s.originalSubRows=e.options.getSubRows(t[u],u),null!=(a=s.originalSubRows)&&a.length&&(s.subRows=l(s.originalSubRows,o+1,s)))}return r};return n.rows=l(t),n},S(e.options,"debugTable","getRowModel",()=>e._autoResetPageIndex())),getSortedRowModel:!x&&ze?e=>v(()=>[e.getState().sorting,e.getPreSortedRowModel()],(t,n)=>{if(!n.rows.length||null==t||!t.length)return n;const l=e.getState().sorting,o=[],i=l.filter(t=>{var n;return null==(n=e.getColumn(t.id))?void 0:n.getCanSort()}),r={};i.forEach(t=>{const n=e.getColumn(t.id);n&&(r[t.id]={sortUndefined:n.columnDef.sortUndefined,invertSorting:n.columnDef.invertSorting,sortingFn:n.getSortingFn()})});const a=e=>{const t=e.map(e=>({...e}));return t.sort((e,t)=>{for(let l=0;l<i.length;l+=1){var n;const o=i[l],a=r[o.id],u=a.sortUndefined,s=null!=(n=null==o?void 0:o.desc)&&n;let g=0;if(u){const n=void 0===e.getValue(o.id),l=void 0===t.getValue(o.id);if(n||l){if("first"===u)return n?-1:1;if("last"===u)return n?1:-1;g=n&&l?0:n?u:-u}}if(0===g&&(g=a.sortingFn(e,t,o.id)),0!==g)return s&&(g*=-1),a.invertSorting&&(g*=-1),g}return e.index-t.index}),t.forEach(e=>{var t;o.push(e),null!=(t=e.subRows)&&t.length&&(e.subRows=a(e.subRows))}),t};return{rows:a(n.rows),flatRows:o,rowsById:n.rowsById}},S(e.options,"debugTable","getSortedRowModel",()=>e._autoResetPageIndex())):void 0,getPaginationRowModel:!x&&O?e=>v(()=>[e.getState().pagination,e.getPrePaginationRowModel(),e.options.paginateExpandedRows?void 0:e.getState().expanded],(t,n)=>{if(!n.rows.length)return n;const{pageSize:l,pageIndex:o}=t;let{rows:i,flatRows:r,rowsById:a}=n;const u=l*o,s=u+l;let g;i=i.slice(u,s),g=e.options.paginateExpandedRows?{rows:i,flatRows:r,rowsById:a}:ae({rows:i,flatRows:r,rowsById:a}),g.flatRows=[];const d=e=>{g.flatRows.push(e),e.subRows.length&&e.subRows.forEach(d)};return g.rows.forEach(d),g},S(e.options,"debugTable","getPaginationRowModel")):void 0,getExpandedRowModel:fe?e=>v(()=>[e.getState().expanded,e.getPreExpandedRowModel(),e.options.paginateExpandedRows],(e,t,n)=>!t.rows.length||!0!==e&&!Object.keys(null!=e?e:{}).length?t:n?ae(t):t,S(e.options,"debugTable","getExpandedRowModel")):void 0}),lt=nt.getVisibleLeafColumns(),ot=i.useMemo(function(){return nt.getSelectedRowModel().rows.map(function(e){return e.id})},[Ke,nt]),it=null!=Pe?Pe:O?Ue.pageSize:10,rt=function(e){return nt.getRowModel().rows[e].getIsExpanded()?80:48},at=function(e){for(var t,n=0,l=0;l<e;l++)n+=(null===(t=lt[l])||void 0===t?void 0:t.getSize())||150;return n},ut=function(e){for(var t,n=0,l=e+1;l<lt.length;l++)n+=(null===(t=lt[l])||void 0===t?void 0:t.getSize())||150;return n},st=O?x&&"number"==typeof k?Math.max(1,Math.ceil(k/Ue.pageSize)):nt.getPageCount():1,gt=O?Ue.pageIndex*Ue.pageSize+1:1,dt=O?Math.min((Ue.pageIndex+1)*Ue.pageSize,x?k||0:b.length):b.length,ct=x?k||0:b.length;return l("div",{className:se("zui:flex zui:flex-col zui:h-full zui:bg-white zui:w-full",Ee),children:[ee&&ot.length>0&&n("div",{className:"zui:bg-blue-50 zui:border zui:border-blue-200 zui:px-4 zui:py-3 zui:flex-shrink-0 zui:mx-0 zui:mb-0 zui:rounded-t-lg",children:l("div",{className:"zui:flex zui:items-center zui:justify-between",children:[n("span",{className:"zui:text-sm zui:text-blue-800 zui:font-medium",children:ce(ot.length)}),l("div",{className:"zui:flex zui:items-center zui:gap-2",children:[oe.map(function(e){return l("button",{onClick:function(t){t.stopPropagation(),function(e,t){if(ne){var n=nt.getSelectedRowModel().rows.map(function(e){return Ze(e.original,Number(e.id))});ne(t,n,e)}}(e.key,t)},className:se("zui:inline-flex zui:items-center zui:px-3 zui:py-1.5 zui:text-sm zui:font-medium zui:rounded zui:transition-colors","destructive"===e.variant?"zui:bg-red-600 zui:text-white hover:zui:bg-red-700":"zui:bg-white zui:text-gray-700 zui:border zui:border-gray-300 hover:zui:bg-gray-50"),children:[n(e.icon,{className:"zui:h-4 zui:w-4 zui:mr-1"}),e.label]},e.key)}),n("button",{onClick:function(){We({})},className:"zui:text-sm zui:text-blue-600 hover:zui:text-blue-800 zui:font-medium",children:"Clear"})]})]})}),n("div",{className:"zui:flex-1 zui:overflow-hidden zui:relative",children:n("div",{className:"zui:h-full zui:overflow-auto",children:l("table",{className:"zui:w-full zui:text-sm zui:border-collapse",children:[n("thead",{children:nt.getHeaderGroups().map(function(e){return n("tr",{className:"zui:bg-gray-50",children:e.headers.map(function(e,t){var o=ze&&!1!==e.column.columnDef.enableSorting,i=e.column.getIsSorted(),r=t<Ne,a=t>=lt.length-ke,u=Ne>0&&t===Ne-1,c=ke>0&&t===lt.length-ke;return n("th",{className:se("zui:px-3 zui:py-2.5 zui:text-left zui:text-xs zui:font-medium zui:text-black zui:tracking-wider zui:select-none","zui:bg-gray-200","zui:border-b zui:border-gray-300",De&&"zui:sticky zui:top-0 zui:z-20",r&&"zui:z-30 zui:bg-gray-50",a&&"zui:z-30 zui:bg-gray-50",(r||a)&&"zui:sticky",u&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:right-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200',c&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:left-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200',o&&"zui:cursor-pointer hover:zui:bg-gray-100 zui:transition-colors"),style:{left:r?"".concat(at(t),"px"):void 0,right:a?"".concat(ut(t),"px"):void 0,minWidth:e.getSize()},onClick:o?e.column.getToggleSortingHandler():void 0,children:e.isPlaceholder?null:l("div",{className:"zui:flex zui:items-center zui:justify-between zui:gap-2",children:[n("span",{className:"zui:flex-1",children:ue(e.column.columnDef.header,e.getContext())}),o&&l("span",{className:"zui:flex zui:items-center zui:text-gray-400",children:["asc"===i&&n(s,{className:"zui:h-4 zui:w-4"}),"desc"===i&&n(g,{className:"zui:h-4 zui:w-4"}),!i&&n(d,{className:"zui:h-4 zui:w-4"})]})]})},e.id)})},e.id)})}),n("tbody",{className:"zui:divide-y zui:divide-gray-200",children:Fe?Array.from({length:it}).map(function(e,t){return n("tr",{children:lt.map(function(e,l){var o=l<Ne,i=l>=lt.length-ke;return n("td",{className:se("zui:px-4 zui:py-3 zui:bg-white",Ge&&"zui:border-b zui:border-gray-200",o&&"zui:sticky zui:z-10",i&&"zui:sticky zui:z-10"),style:{left:o?"".concat(at(l),"px"):void 0,right:i?"".concat(ut(l),"px"):void 0},children:n("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse"})},"skeleton-".concat(t,"-").concat(l))})},"skeleton-".concat(t))}):0===nt.getRowModel().rows.length?Fe||!Ie?null:n("tr",{children:n("td",{className:se("zui:py-12 zui:text-center zui:text-black zui:bg-white",Ge&&"zui:border-b zui:border-gray-200"),colSpan:lt.length,children:n("div",{className:"zui:flex zui:flex-col zui:items-center zui:gap-3",children:l("div",{children:[n("img",{src:"assets/noData-301bc56d84fa99a6.gif",height:60,width:180}),n("p",{className:"zui:text-sm zui:text-gray-500 zui:mt-2",children:_e})]})})})}):we?n("tr",{className:se("zui:bg-white hover:zui:bg-gray-50 zui:transition-colors zui:duration-150"),children:n("td",{colSpan:w.length,className:"p-0",children:n("div",{style:{width:"100%",height:ve},children:n(a,{disableWidth:!1,children:function(e){var o=e.height,i=e.width;return n(u,{height:o,width:i,itemCount:nt.getRowModel().rows.length,itemSize:rt,children:function(e){var o=e.index,i=e.style,r=nt.getRowModel().rows[o];return l("div",{style:t(t({},i),{display:"table",tableLayout:"fixed",width:"100%"}),className:"zui:w-full zui:table-fixed hover:zui:bg-gray-50 zui:transition-colors",children:[n("div",{className:"zui:table-row",style:{display:"table-row"},children:r.getVisibleCells().map(function(e,t){var l=t<Ne,o=t>=r.getVisibleCells().length-ke,i=Ne>0&&t===Ne-1,a=ke>0&&t===lt.length-ke;return n("div",{className:se("zui:table-cell zui:px-4 zui:py-3 zui:text-sm zui:align-middle zui:transition-colors zui:duration-150","zui:text-gray-900",Ge&&"zui:border-b zui:border-gray-200",r.getIsSelected()?"zui:bg-blue-50":"zui:bg-white",l&&"zui:sticky zui:z-10 zui:bg-white",o&&"zui:sticky zui:z-10 zui:bg-white",i&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:right-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200',a&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:left-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200'),style:{left:l?"".concat(at(t),"px"):void 0,right:o?"".concat(ut(t),"px"):void 0,width:e.column.getSize()},children:ue(e.column.columnDef.cell,e.getContext())},e.id)})}),me&&n("div",{style:{display:"table-row"},className:"zui:table-row",children:n("div",{className:"zui:table-cell",style:{display:"table-cell",width:"100%"},colSpan:r.getVisibleCells().length,children:n(de,{isExpanded:r.getIsExpanded(),colSpan:r.getVisibleCells().length,children:me(r.original)})})})]},r.id)}})}})})})}):nt.getRowModel().rows.map(function(e){return l(i.Fragment,{children:[n("tr",{className:se("zui:bg-white hover:zui:bg-gray-50 zui:transition-colors zui:duration-150",e.getIsSelected()&&"zui:bg-blue-50 hover:zui:bg-blue-100"),"data-row-id":e.id,children:e.getVisibleCells().map(function(t,l){var o=l<Ne,i=l>=e.getVisibleCells().length-ke,r=Ne>0&&l===Ne-1,a=ke>0&&l===lt.length-ke;return n("td",{className:se("zui:px-4 zui:py-3 zui:text-sm zui:align-middle zui:transition-colors zui:duration-150","zui:text-gray-900",Ge&&"zui:border-b zui:border-gray-200",e.getIsSelected()?"zui:bg-blue-50":"zui:bg-white",o&&"zui:sticky zui:z-10 zui:bg-white",i&&"zui:sticky zui:z-10 zui:bg-white",r&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:right-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200',a&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:left-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200'),style:{left:o?"".concat(at(l),"px"):void 0,right:i?"".concat(ut(l),"px"):void 0,minWidth:t.column.getSize()},children:ue(t.column.columnDef.cell,t.getContext())},t.id)})}),me&&n(de,{isExpanded:e.getIsExpanded(),colSpan:e.getVisibleCells().length,children:me(e.original)})]},e.id)})})]})})}),O&&n("div",{className:"zui:bg-white zui:px-4 zui:py-3 zui:border-t zui:border-gray-200",children:l("div",{className:"zui:flex zui:items-center zui:justify-between",children:[J&&n("div",{className:"zui:text-sm zui:text-gray-700",children:l("span",{children:[gt,"–",dt," of ",ct]})}),l("div",{className:"zui:flex zui:items-center zui:gap-2",children:[Y&&n("select",{className:"zui:text-sm zui:border zui:border-gray-300 zui:rounded zui:px-2 zui:py-1 zui:bg-white",value:Ue.pageSize,onChange:function(e){return nt.setPageSize(Number(e.target.value))},children:q.map(function(e){return l("option",{value:e,children:[e," rows"]},e)})}),l("div",{className:"zui:flex zui:items-center zui:gap-1",children:[n("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return nt.setPageIndex(0)},disabled:!nt.getCanPreviousPage(),children:n(c,{className:"zui:h-4 zui:w-4"})}),n("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return nt.previousPage()},disabled:!nt.getCanPreviousPage(),children:n(p,{className:"zui:h-4 zui:w-4"})}),l("span",{className:"zui:px-3 zui:py-1 zui:text-sm zui:text-gray-700",children:[Ue.pageIndex+1," of ",st]}),n("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return nt.nextPage()},disabled:!nt.getCanNextPage(),children:n(f,{className:"zui:h-4 zui:w-4"})}),n("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return nt.setPageIndex(st-1)},disabled:!nt.getCanNextPage(),children:n(m,{className:"zui:h-4 zui:w-4"})})]})]})]})})]})}export{ce as DataTable,ce as default};
+function ue(e,t){return e?function(e){return"function"==typeof e&&(()=>{const t=Object.getPrototypeOf(e);return t.prototype&&t.prototype.isReactComponent})()}(n=e)||"function"==typeof n||function(e){return"object"==typeof e&&"symbol"==typeof e.$$typeof&&["react.memo","react.forward_ref"].includes(e.$$typeof.description)}(n)?o.createElement(e,t):e:null;var n}function se(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(Boolean).join(" ")}var ge=function(e){var t=e.isExpanded,l=e.onToggle;return n("button",{type:"button",className:"zui:flex zui:items-center zui:justify-center zui:w-6 zui:h-6 zui:rounded zui:text-gray-400 hover:zui:text-gray-600 hover:zui:bg-gray-100 zui:transition-colors zui:duration-150",onClick:function(e){e.stopPropagation(),l()},"aria-label":t?"Collapse row":"Expand row",children:n(f,{className:se("zui:h-4 zui:w-4 zui:transition-transform zui:duration-200",t&&"zui:rotate-90")})})},de=function(e){var t=e.isExpanded,l=e.children,o=e.colSpan;return n("tr",{style:{display:t?"table-row":"none"},children:n("td",{className:"zui:bg-gray-50 zui:px-4 zui:py-6 zui:border-b zui:border-gray-200",colSpan:o,children:n("div",{className:"zui:bg-white zui:rounded-lg zui:p-6 zui:shadow-sm",children:l})})})};function ce(h){var w=h.columns,b=h.data,z=h.virtualized,C=void 0===z?{}:z,R=h.serverMode,x=void 0!==R&&R,F=h.pagination,M=void 0===F?{}:F,I=h.selection,P=void 0===I?{}:I,V=h.expansion,_=void 0===V?{}:V,E=h.sorting,A=void 0===E?{}:E,G=h.loading,L=void 0===G?{}:G,D=h.styling,H=void 0===D?{}:D,N=M.enabled,O=void 0===N||N,k=M.totalCount,B=M.currentPage,T=M.pageSize,j=M.pageSizeOptions,q=void 0===j?[10,25,50,100]:j,U=M.initialPageSize,$=void 0===U?10:U,X=M.onPageChange,K=M.onPageSizeChange,W=M.showInfo,J=void 0===W||W,Q=M.showPageSizeSelector,Y=void 0===Q||Q;M.showGoToPage;var Z=P.enabled,ee=void 0!==Z&&Z,te=P.rowIdAccessor,ne=P.onBulkAction,le=P.bulkActions,oe=void 0===le?[]:le,ie=P.selectionText,ce=void 0===ie?function(e){return"".concat(e," row").concat(1!==e?"s":""," selected")}:ie,pe=_.enabled,fe=void 0!==pe&&pe,me=_.renderExpanded,he=C.enabled,we=void 0!==he&&he,be=C.tableHeight,ve=void 0===be?550:be,Se=A.enabled,ze=void 0!==Se&&Se,Ce=A.initialSorting,Re=void 0===Ce?[]:Ce,xe=A.onSort,ye=L.loading,Fe=void 0!==ye&&ye,Me=L.fetched,Ie=void 0===Me||Me,Pe=L.loadingRows,Ve=L.emptyMessage,_e=void 0===Ve?"No data found":Ve,Ee=H.className;H.showColumnBorders;var Ae=H.showRowBorders,Ge=void 0===Ae||Ae,Le=H.stickyHeader,De=void 0===Le||Le,He=H.pinLeft,Ne=void 0===He?0:He,Oe=H.pinRight,ke=void 0===Oe?0:Oe,Be=i.useState(Re),Te=Be[0],je=Be[1],qe=i.useState({pageIndex:null!=B?B:0,pageSize:null!=T?T:$}),Ue=qe[0],$e=qe[1],Xe=i.useState({}),Ke=Xe[0],We=Xe[1],Je=i.useState({}),Qe=Je[0],Ye=Je[1];i.useEffect(function(){!O||"number"!=typeof B&&"number"!=typeof T||$e(function(e){return{pageIndex:null!=B?B:e.pageIndex,pageSize:null!=T?T:e.pageSize}})},[B,T,O]);var Ze=i.useCallback(function(e,t){return te?te(e):String(t)},[te]),et=i.useMemo(function(){var e=[];return fe&&e.push({id:"__expand__",header:function(){return null},enableSorting:!1,enableHiding:!1,size:40,cell:function(e){var t=e.row;return n(ge,{isExpanded:t.getIsExpanded(),onToggle:function(){return t.toggleExpanded()}})}}),ee&&e.push({id:"__select__",header:function(e){var t=e.table,l=t.getIsAllPageRowsSelected(),o=t.getIsSomePageRowsSelected();return n("div",{className:"zui:flex zui:items-center zui:justify-center",children:n(r,{size:"sm","aria-label":"Select all rows",checked:l,indeterminate:o&&!l,onChange:function(e){return t.toggleAllPageRowsSelected(e.target.checked)}})})},cell:function(e){var t=e.row;return n("div",{className:"zui:flex zui:items-center zui:justify-center",children:n(r,{size:"sm","aria-label":"Select row",checked:t.getIsSelected(),onChange:function(e){e.stopPropagation(),t.toggleSelected(e.target.checked)}})})},enableSorting:!1,enableHiding:!1,size:40}),e},[fe,ee]),tt=i.useMemo(function(){return w.filter(function(e){return!1!==e.enableHiding})},[w]),nt=function(e){const t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[n]=o.useState(()=>({current:re(t)})),[l,i]=o.useState(()=>n.current.initialState);return n.current.setOptions(t=>({...t,...e,state:{...l,...e.state},onStateChange:t=>{i(t),null==e.onStateChange||e.onStateChange(t)}})),n.current}({data:b,columns:i.useMemo(function(){return e(e([],et,!0),tt,!0)},[et,tt]),getRowId:Ze,defaultColumn:{enableSorting:!1},state:{sorting:ze?Te:[],rowSelection:ee?Ke:{},expanded:fe?Qe:{},pagination:O?Ue:{pageIndex:0,pageSize:b.length||1e3}},enableSorting:ze,onSortingChange:ze?function(e){var t="function"==typeof e?e(Te):e;je(t),xe&&xe(t)}:void 0,enableRowSelection:ee,onRowSelectionChange:ee?We:void 0,onExpandedChange:fe?Ye:void 0,onPaginationChange:O?function(e){var t="function"==typeof e?e(Ue):e;$e(t),X&&X(t.pageIndex,t.pageSize),K&&t.pageSize!==Ue.pageSize&&K(t.pageSize)}:void 0,manualPagination:x&&O,manualSorting:x&&ze,pageCount:x&&O&&"number"==typeof k?Math.max(1,Math.ceil(k/Ue.pageSize)):void 0,getCoreRowModel:e=>v(()=>[e.options.data],t=>{const n={rows:[],flatRows:[],rowsById:{}},l=function(t,o,i){void 0===o&&(o=0);const r=[];for(let u=0;u<t.length;u++){const s=y(e,e._getRowId(t[u],u,i),t[u],u,o,void 0,null==i?void 0:i.id);var a;n.flatRows.push(s),n.rowsById[s.id]=s,r.push(s),e.options.getSubRows&&(s.originalSubRows=e.options.getSubRows(t[u],u),null!=(a=s.originalSubRows)&&a.length&&(s.subRows=l(s.originalSubRows,o+1,s)))}return r};return n.rows=l(t),n},S(e.options,"debugTable","getRowModel",()=>e._autoResetPageIndex())),getSortedRowModel:!x&&ze?e=>v(()=>[e.getState().sorting,e.getPreSortedRowModel()],(t,n)=>{if(!n.rows.length||null==t||!t.length)return n;const l=e.getState().sorting,o=[],i=l.filter(t=>{var n;return null==(n=e.getColumn(t.id))?void 0:n.getCanSort()}),r={};i.forEach(t=>{const n=e.getColumn(t.id);n&&(r[t.id]={sortUndefined:n.columnDef.sortUndefined,invertSorting:n.columnDef.invertSorting,sortingFn:n.getSortingFn()})});const a=e=>{const t=e.map(e=>({...e}));return t.sort((e,t)=>{for(let l=0;l<i.length;l+=1){var n;const o=i[l],a=r[o.id],u=a.sortUndefined,s=null!=(n=null==o?void 0:o.desc)&&n;let g=0;if(u){const n=void 0===e.getValue(o.id),l=void 0===t.getValue(o.id);if(n||l){if("first"===u)return n?-1:1;if("last"===u)return n?1:-1;g=n&&l?0:n?u:-u}}if(0===g&&(g=a.sortingFn(e,t,o.id)),0!==g)return s&&(g*=-1),a.invertSorting&&(g*=-1),g}return e.index-t.index}),t.forEach(e=>{var t;o.push(e),null!=(t=e.subRows)&&t.length&&(e.subRows=a(e.subRows))}),t};return{rows:a(n.rows),flatRows:o,rowsById:n.rowsById}},S(e.options,"debugTable","getSortedRowModel",()=>e._autoResetPageIndex())):void 0,getPaginationRowModel:!x&&O?e=>v(()=>[e.getState().pagination,e.getPrePaginationRowModel(),e.options.paginateExpandedRows?void 0:e.getState().expanded],(t,n)=>{if(!n.rows.length)return n;const{pageSize:l,pageIndex:o}=t;let{rows:i,flatRows:r,rowsById:a}=n;const u=l*o,s=u+l;let g;i=i.slice(u,s),g=e.options.paginateExpandedRows?{rows:i,flatRows:r,rowsById:a}:ae({rows:i,flatRows:r,rowsById:a}),g.flatRows=[];const d=e=>{g.flatRows.push(e),e.subRows.length&&e.subRows.forEach(d)};return g.rows.forEach(d),g},S(e.options,"debugTable","getPaginationRowModel")):void 0,getExpandedRowModel:fe?e=>v(()=>[e.getState().expanded,e.getPreExpandedRowModel(),e.options.paginateExpandedRows],(e,t,n)=>!t.rows.length||!0!==e&&!Object.keys(null!=e?e:{}).length?t:n?ae(t):t,S(e.options,"debugTable","getExpandedRowModel")):void 0}),lt=nt.getVisibleLeafColumns(),ot=i.useMemo(function(){return nt.getSelectedRowModel().rows.map(function(e){return e.id})},[Ke,nt]),it=null!=Pe?Pe:O?Ue.pageSize:10,rt=function(e){return nt.getRowModel().rows[e].getIsExpanded()?80:48},at=function(e){for(var t,n=0,l=0;l<e;l++)n+=(null===(t=lt[l])||void 0===t?void 0:t.getSize())||150;return n},ut=function(e){for(var t,n=0,l=e+1;l<lt.length;l++)n+=(null===(t=lt[l])||void 0===t?void 0:t.getSize())||150;return n},st=O?x&&"number"==typeof k?Math.max(1,Math.ceil(k/Ue.pageSize)):nt.getPageCount():1,gt=O?Ue.pageIndex*Ue.pageSize+1:1,dt=O?Math.min((Ue.pageIndex+1)*Ue.pageSize,x?k||0:b.length):b.length,ct=x?k||0:b.length;return l("div",{className:se("zui:flex zui:flex-col zui:h-full zui:bg-white zui:w-full",Ee),children:[ee&&ot.length>0&&n("div",{className:"zui:bg-blue-50 zui:border zui:border-blue-200 zui:px-4 zui:py-3 zui:flex-shrink-0 zui:mx-0 zui:mb-0 zui:rounded-t-lg",children:l("div",{className:"zui:flex zui:items-center zui:justify-between",children:[n("span",{className:"zui:text-sm zui:text-blue-800 zui:font-medium",children:ce(ot.length)}),l("div",{className:"zui:flex zui:items-center zui:gap-2",children:[oe.map(function(e){return l("button",{onClick:function(t){t.stopPropagation(),function(e,t){if(ne){var n=nt.getSelectedRowModel().rows.map(function(e){return Ze(e.original,Number(e.id))});ne(t,n,e)}}(e.key,t)},className:se("zui:inline-flex zui:items-center zui:px-3 zui:py-1.5 zui:text-sm zui:font-medium zui:rounded zui:transition-colors","destructive"===e.variant?"zui:bg-red-600 zui:text-white hover:zui:bg-red-700":"zui:bg-white zui:text-gray-700 zui:border zui:border-gray-300 hover:zui:bg-gray-50"),children:[n(e.icon,{className:"zui:h-4 zui:w-4 zui:mr-1"}),e.label]},e.key)}),n("button",{onClick:function(){We({})},className:"zui:text-sm zui:text-blue-600 hover:zui:text-blue-800 zui:font-medium",children:"Clear"})]})]})}),n("div",{className:"zui:flex-1 zui:overflow-hidden zui:relative",children:n("div",{className:"zui:h-full zui:overflow-auto",children:l("table",{className:"zui:w-full zui:text-sm zui:border-collapse",children:[n("thead",{children:nt.getHeaderGroups().map(function(e){return n("tr",{className:"zui:bg-gray-50",children:e.headers.map(function(e,t){var o=ze&&!1!==e.column.columnDef.enableSorting,i=e.column.getIsSorted(),r=t<Ne,a=t>=lt.length-ke,u=Ne>0&&t===Ne-1,c=ke>0&&t===lt.length-ke;return n("th",{className:se("zui:px-3 zui:py-2.5 zui:text-left zui:text-xs zui:font-medium zui:text-black zui:tracking-wider zui:select-none","zui:bg-gray-200","zui:border-b zui:border-gray-300",De&&"zui:sticky zui:top-0 zui:z-20",r&&"zui:z-30 zui:bg-gray-50",a&&"zui:z-30 zui:bg-gray-50",(r||a)&&"zui:sticky",u&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:right-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200',c&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:left-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200',o&&"zui:cursor-pointer hover:zui:bg-gray-100 zui:transition-colors"),style:{left:r?"".concat(at(t),"px"):void 0,right:a?"".concat(ut(t),"px"):void 0,minWidth:e.getSize()},onClick:o?e.column.getToggleSortingHandler():void 0,children:e.isPlaceholder?null:l("div",{className:"zui:flex zui:items-center zui:justify-between zui:gap-2",children:[n("span",{className:"zui:flex-1",children:ue(e.column.columnDef.header,e.getContext())}),o&&l("span",{className:"zui:flex zui:items-center zui:text-gray-400",children:["asc"===i&&n(s,{className:"zui:h-4 zui:w-4"}),"desc"===i&&n(g,{className:"zui:h-4 zui:w-4"}),!i&&n(d,{className:"zui:h-4 zui:w-4"})]})]})},e.id)})},e.id)})}),n("tbody",{className:"zui:divide-y zui:divide-gray-200",children:Fe?Array.from({length:it}).map(function(e,t){return n("tr",{children:lt.map(function(e,l){var o=l<Ne,i=l>=lt.length-ke;return n("td",{className:se("zui:px-4 zui:py-3 zui:bg-white",Ge&&"zui:border-b zui:border-gray-200",o&&"zui:sticky zui:z-10",i&&"zui:sticky zui:z-10"),style:{left:o?"".concat(at(l),"px"):void 0,right:i?"".concat(ut(l),"px"):void 0},children:n("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse"})},"skeleton-".concat(t,"-").concat(l))})},"skeleton-".concat(t))}):0===nt.getRowModel().rows.length?Fe||!Ie?null:n("tr",{children:n("td",{className:se("zui:py-12 zui:text-center zui:text-black zui:bg-white",Ge&&"zui:border-b zui:border-gray-200"),colSpan:lt.length,children:n("div",{className:"zui:flex zui:flex-col zui:items-center zui:gap-3",children:l("div",{children:[n("img",{src:"http://files.zimyo.work/staticlogo/global/no_data_found.gif",height:60,width:180}),n("p",{className:"zui:text-sm zui:text-gray-500 zui:mt-2",children:_e})]})})})}):we?n("tr",{className:se("zui:bg-white hover:zui:bg-gray-50 zui:transition-colors zui:duration-150"),children:n("td",{colSpan:w.length,className:"p-0",children:n("div",{style:{width:"100%",height:ve},children:n(a,{disableWidth:!1,children:function(e){var o=e.height,i=e.width;return n(u,{height:o,width:i,itemCount:nt.getRowModel().rows.length,itemSize:rt,children:function(e){var o=e.index,i=e.style,r=nt.getRowModel().rows[o];return l("div",{style:t(t({},i),{display:"table",tableLayout:"fixed",width:"100%"}),className:"zui:w-full zui:table-fixed hover:zui:bg-gray-50 zui:transition-colors",children:[n("div",{className:"zui:table-row",style:{display:"table-row"},children:r.getVisibleCells().map(function(e,t){var l=t<Ne,o=t>=r.getVisibleCells().length-ke,i=Ne>0&&t===Ne-1,a=ke>0&&t===lt.length-ke;return n("div",{className:se("zui:table-cell zui:px-4 zui:py-3 zui:text-sm zui:align-middle zui:transition-colors zui:duration-150","zui:text-gray-900",Ge&&"zui:border-b zui:border-gray-200",r.getIsSelected()?"zui:bg-blue-50":"zui:bg-white",l&&"zui:sticky zui:z-10 zui:bg-white",o&&"zui:sticky zui:z-10 zui:bg-white",i&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:right-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200',a&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:left-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200'),style:{left:l?"".concat(at(t),"px"):void 0,right:o?"".concat(ut(t),"px"):void 0,width:e.column.getSize()},children:ue(e.column.columnDef.cell,e.getContext())},e.id)})}),me&&n("div",{style:{display:"table-row"},className:"zui:table-row",children:n("div",{className:"zui:table-cell",style:{display:"table-cell",width:"100%"},colSpan:r.getVisibleCells().length,children:n(de,{isExpanded:r.getIsExpanded(),colSpan:r.getVisibleCells().length,children:me(r.original)})})})]},r.id)}})}})})})}):nt.getRowModel().rows.map(function(e){return l(i.Fragment,{children:[n("tr",{className:se("zui:bg-white hover:zui:bg-gray-50 zui:transition-colors zui:duration-150",e.getIsSelected()&&"zui:bg-blue-50 hover:zui:bg-blue-100"),"data-row-id":e.id,children:e.getVisibleCells().map(function(t,l){var o=l<Ne,i=l>=e.getVisibleCells().length-ke,r=Ne>0&&l===Ne-1,a=ke>0&&l===lt.length-ke;return n("td",{className:se("zui:px-4 zui:py-3 zui:text-sm zui:align-middle zui:transition-colors zui:duration-150","zui:text-gray-900",Ge&&"zui:border-b zui:border-gray-200",e.getIsSelected()?"zui:bg-blue-50":"zui:bg-white",o&&"zui:sticky zui:z-10 zui:bg-white",i&&"zui:sticky zui:z-10 zui:bg-white",r&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:right-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200',a&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:left-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200'),style:{left:o?"".concat(at(l),"px"):void 0,right:i?"".concat(ut(l),"px"):void 0,minWidth:t.column.getSize()},children:ue(t.column.columnDef.cell,t.getContext())},t.id)})}),me&&n(de,{isExpanded:e.getIsExpanded(),colSpan:e.getVisibleCells().length,children:me(e.original)})]},e.id)})})]})})}),O&&n("div",{className:"zui:bg-white zui:px-4 zui:py-3 zui:border-t zui:border-gray-200",children:l("div",{className:"zui:flex zui:items-center zui:justify-between",children:[J&&n("div",{className:"zui:text-sm zui:text-gray-700",children:l("span",{children:[gt,"–",dt," of ",ct]})}),l("div",{className:"zui:flex zui:items-center zui:gap-2",children:[Y&&n("select",{className:"zui:text-sm zui:border zui:border-gray-300 zui:rounded zui:px-2 zui:py-1 zui:bg-white",value:Ue.pageSize,onChange:function(e){return nt.setPageSize(Number(e.target.value))},children:q.map(function(e){return l("option",{value:e,children:[e," rows"]},e)})}),l("div",{className:"zui:flex zui:items-center zui:gap-1",children:[n("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return nt.setPageIndex(0)},disabled:!nt.getCanPreviousPage(),children:n(c,{className:"zui:h-4 zui:w-4"})}),n("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return nt.previousPage()},disabled:!nt.getCanPreviousPage(),children:n(p,{className:"zui:h-4 zui:w-4"})}),l("span",{className:"zui:px-3 zui:py-1 zui:text-sm zui:text-gray-700",children:[Ue.pageIndex+1," of ",st]}),n("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return nt.nextPage()},disabled:!nt.getCanNextPage(),children:n(f,{className:"zui:h-4 zui:w-4"})}),n("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return nt.setPageIndex(st-1)},disabled:!nt.getCanNextPage(),children:n(m,{className:"zui:h-4 zui:w-4"})})]})]})]})})]})}export{ce as DataTable,ce as default};

package/dist/components/DataTable/index.js

@@ -19,4 +19,4 @@
    *
    * @license MIT
    */
-function ee(e,t){return e?function(e){return"function"==typeof e&&(()=>{const t=Object.getPrototypeOf(e);return t.prototype&&t.prototype.isReactComponent})()}(n=e)||"function"==typeof n||function(e){return"object"==typeof e&&"symbol"==typeof e.$$typeof&&["react.memo","react.forward_ref"].includes(e.$$typeof.description)}(n)?a.createElement(e,t):e:null;var n}function te(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(Boolean).join(" ")}var ne=function(e){var n=e.isExpanded,l=e.onToggle;return t.jsx("button",{type:"button",className:"zui:flex zui:items-center zui:justify-center zui:w-6 zui:h-6 zui:rounded zui:text-gray-400 hover:zui:text-gray-600 hover:zui:bg-gray-100 zui:transition-colors zui:duration-150",onClick:function(e){e.stopPropagation(),l()},"aria-label":n?"Collapse row":"Expand row",children:t.jsx(i.ChevronRight,{className:te("zui:h-4 zui:w-4 zui:transition-transform zui:duration-200",n&&"zui:rotate-90")})})},le=function(e){var n=e.isExpanded,l=e.children,o=e.colSpan;return t.jsx("tr",{style:{display:n?"table-row":"none"},children:t.jsx("td",{className:"zui:bg-gray-50 zui:px-4 zui:py-6 zui:border-b zui:border-gray-200",colSpan:o,children:t.jsx("div",{className:"zui:bg-white zui:rounded-lg zui:p-6 zui:shadow-sm",children:l})})})};function oe(r){var u=r.columns,s=r.data,g=r.virtualized,p=void 0===g?{}:g,f=r.serverMode,m=void 0!==f&&f,h=r.pagination,w=void 0===h?{}:h,v=r.selection,S=void 0===v?{}:v,z=r.expansion,C=void 0===z?{}:z,R=r.sorting,x=void 0===R?{}:R,y=r.loading,F=void 0===y?{}:y,M=r.styling,P=void 0===M?{}:M,I=w.enabled,V=void 0===I||I,_=w.totalCount,E=w.currentPage,j=w.pageSize,A=w.pageSizeOptions,G=void 0===A?[10,25,50,100]:A,L=w.initialPageSize,D=void 0===L?10:L,H=w.onPageChange,N=w.onPageSizeChange,O=w.showInfo,k=void 0===O||O,T=w.showPageSizeSelector,B=void 0===T||T;w.showGoToPage;var q=S.enabled,U=void 0!==q&&q,$=S.rowIdAccessor,X=S.onBulkAction,K=S.bulkActions,W=void 0===K?[]:K,J=S.selectionText,Q=void 0===J?function(e){return"".concat(e," row").concat(1!==e?"s":""," selected")}:J,oe=C.enabled,ie=void 0!==oe&&oe,re=C.renderExpanded,ae=p.enabled,ue=void 0!==ae&&ae,se=p.tableHeight,ge=void 0===se?550:se,de=x.enabled,ce=void 0!==de&&de,pe=x.initialSorting,fe=void 0===pe?[]:pe,me=x.onSort,he=F.loading,be=void 0!==he&&he,we=F.fetched,ve=void 0===we||we,Se=F.loadingRows,ze=F.emptyMessage,Ce=void 0===ze?"No data found":ze,Re=P.className;P.showColumnBorders;var xe=P.showRowBorders,ye=void 0===xe||xe,Fe=P.stickyHeader,Me=void 0===Fe||Fe,Pe=P.pinLeft,Ie=void 0===Pe?0:Pe,Ve=P.pinRight,_e=void 0===Ve?0:Ve,Ee=n.useState(fe),je=Ee[0],Ae=Ee[1],Ge=n.useState({pageIndex:null!=E?E:0,pageSize:null!=j?j:D}),Le=Ge[0],De=Ge[1],He=n.useState({}),Ne=He[0],Oe=He[1],ke=n.useState({}),Te=ke[0],Be=ke[1];n.useEffect(function(){!V||"number"!=typeof E&&"number"!=typeof j||De(function(e){return{pageIndex:null!=E?E:e.pageIndex,pageSize:null!=j?j:e.pageSize}})},[E,j,V]);var qe=n.useCallback(function(e,t){return $?$(e):String(t)},[$]),Ue=n.useMemo(function(){var e=[];return ie&&e.push({id:"__expand__",header:function(){return null},enableSorting:!1,enableHiding:!1,size:40,cell:function(e){var n=e.row;return t.jsx(ne,{isExpanded:n.getIsExpanded(),onToggle:function(){return n.toggleExpanded()}})}}),U&&e.push({id:"__select__",header:function(e){var n=e.table,o=n.getIsAllPageRowsSelected(),i=n.getIsSomePageRowsSelected();return t.jsx("div",{className:"zui:flex zui:items-center zui:justify-center",children:t.jsx(l.Checkbox,{size:"sm","aria-label":"Select all rows",checked:o,indeterminate:i&&!o,onChange:function(e){return n.toggleAllPageRowsSelected(e.target.checked)}})})},cell:function(e){var n=e.row;return t.jsx("div",{className:"zui:flex zui:items-center zui:justify-center",children:t.jsx(l.Checkbox,{size:"sm","aria-label":"Select row",checked:n.getIsSelected(),onChange:function(e){e.stopPropagation(),n.toggleSelected(e.target.checked)}})})},enableSorting:!1,enableHiding:!1,size:40}),e},[ie,U]),$e=n.useMemo(function(){return u.filter(function(e){return!1!==e.enableHiding})},[u]),Xe=function(e){const t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[n]=a.useState(()=>({current:Y(t)})),[l,o]=a.useState(()=>n.current.initialState);return n.current.setOptions(t=>({...t,...e,state:{...l,...e.state},onStateChange:t=>{o(t),null==e.onStateChange||e.onStateChange(t)}})),n.current}({data:s,columns:n.useMemo(function(){return e.__spreadArray(e.__spreadArray([],Ue,!0),$e,!0)},[Ue,$e]),getRowId:qe,defaultColumn:{enableSorting:!1},state:{sorting:ce?je:[],rowSelection:U?Ne:{},expanded:ie?Te:{},pagination:V?Le:{pageIndex:0,pageSize:s.length||1e3}},enableSorting:ce,onSortingChange:ce?function(e){var t="function"==typeof e?e(je):e;Ae(t),me&&me(t)}:void 0,enableRowSelection:U,onRowSelectionChange:U?Oe:void 0,onExpandedChange:ie?Be:void 0,onPaginationChange:V?function(e){var t="function"==typeof e?e(Le):e;De(t),H&&H(t.pageIndex,t.pageSize),N&&t.pageSize!==Le.pageSize&&N(t.pageSize)}:void 0,manualPagination:m&&V,manualSorting:m&&ce,pageCount:m&&V&&"number"==typeof _?Math.max(1,Math.ceil(_/Le.pageSize)):void 0,getCoreRowModel:e=>d(()=>[e.options.data],t=>{const n={rows:[],flatRows:[],rowsById:{}},l=function(t,o,i){void 0===o&&(o=0);const r=[];for(let u=0;u<t.length;u++){const s=b(e,e._getRowId(t[u],u,i),t[u],u,o,void 0,null==i?void 0:i.id);var a;n.flatRows.push(s),n.rowsById[s.id]=s,r.push(s),e.options.getSubRows&&(s.originalSubRows=e.options.getSubRows(t[u],u),null!=(a=s.originalSubRows)&&a.length&&(s.subRows=l(s.originalSubRows,o+1,s)))}return r};return n.rows=l(t),n},c(e.options,"debugTable","getRowModel",()=>e._autoResetPageIndex())),getSortedRowModel:!m&&ce?e=>d(()=>[e.getState().sorting,e.getPreSortedRowModel()],(t,n)=>{if(!n.rows.length||null==t||!t.length)return n;const l=e.getState().sorting,o=[],i=l.filter(t=>{var n;return null==(n=e.getColumn(t.id))?void 0:n.getCanSort()}),r={};i.forEach(t=>{const n=e.getColumn(t.id);n&&(r[t.id]={sortUndefined:n.columnDef.sortUndefined,invertSorting:n.columnDef.invertSorting,sortingFn:n.getSortingFn()})});const a=e=>{const t=e.map(e=>({...e}));return t.sort((e,t)=>{for(let l=0;l<i.length;l+=1){var n;const o=i[l],a=r[o.id],u=a.sortUndefined,s=null!=(n=null==o?void 0:o.desc)&&n;let g=0;if(u){const n=void 0===e.getValue(o.id),l=void 0===t.getValue(o.id);if(n||l){if("first"===u)return n?-1:1;if("last"===u)return n?1:-1;g=n&&l?0:n?u:-u}}if(0===g&&(g=a.sortingFn(e,t,o.id)),0!==g)return s&&(g*=-1),a.invertSorting&&(g*=-1),g}return e.index-t.index}),t.forEach(e=>{var t;o.push(e),null!=(t=e.subRows)&&t.length&&(e.subRows=a(e.subRows))}),t};return{rows:a(n.rows),flatRows:o,rowsById:n.rowsById}},c(e.options,"debugTable","getSortedRowModel",()=>e._autoResetPageIndex())):void 0,getPaginationRowModel:!m&&V?e=>d(()=>[e.getState().pagination,e.getPrePaginationRowModel(),e.options.paginateExpandedRows?void 0:e.getState().expanded],(t,n)=>{if(!n.rows.length)return n;const{pageSize:l,pageIndex:o}=t;let{rows:i,flatRows:r,rowsById:a}=n;const u=l*o,s=u+l;let g;i=i.slice(u,s),g=e.options.paginateExpandedRows?{rows:i,flatRows:r,rowsById:a}:Z({rows:i,flatRows:r,rowsById:a}),g.flatRows=[];const d=e=>{g.flatRows.push(e),e.subRows.length&&e.subRows.forEach(d)};return g.rows.forEach(d),g},c(e.options,"debugTable","getPaginationRowModel")):void 0,getExpandedRowModel:ie?e=>d(()=>[e.getState().expanded,e.getPreExpandedRowModel(),e.options.paginateExpandedRows],(e,t,n)=>!t.rows.length||!0!==e&&!Object.keys(null!=e?e:{}).length?t:n?Z(t):t,c(e.options,"debugTable","getExpandedRowModel")):void 0}),Ke=Xe.getVisibleLeafColumns(),We=n.useMemo(function(){return Xe.getSelectedRowModel().rows.map(function(e){return e.id})},[Ne,Xe]),Je=null!=Se?Se:V?Le.pageSize:10,Qe=function(e){return Xe.getRowModel().rows[e].getIsExpanded()?80:48},Ye=function(e){for(var t,n=0,l=0;l<e;l++)n+=(null===(t=Ke[l])||void 0===t?void 0:t.getSize())||150;return n},Ze=function(e){for(var t,n=0,l=e+1;l<Ke.length;l++)n+=(null===(t=Ke[l])||void 0===t?void 0:t.getSize())||150;return n},et=V?m&&"number"==typeof _?Math.max(1,Math.ceil(_/Le.pageSize)):Xe.getPageCount():1,tt=V?Le.pageIndex*Le.pageSize+1:1,nt=V?Math.min((Le.pageIndex+1)*Le.pageSize,m?_||0:s.length):s.length,lt=m?_||0:s.length;return t.jsxs("div",{className:te("zui:flex zui:flex-col zui:h-full zui:bg-white zui:w-full",Re),children:[U&&We.length>0&&t.jsx("div",{className:"zui:bg-blue-50 zui:border zui:border-blue-200 zui:px-4 zui:py-3 zui:flex-shrink-0 zui:mx-0 zui:mb-0 zui:rounded-t-lg",children:t.jsxs("div",{className:"zui:flex zui:items-center zui:justify-between",children:[t.jsx("span",{className:"zui:text-sm zui:text-blue-800 zui:font-medium",children:Q(We.length)}),t.jsxs("div",{className:"zui:flex zui:items-center zui:gap-2",children:[W.map(function(e){return t.jsxs("button",{onClick:function(t){t.stopPropagation(),function(e,t){if(X){var n=Xe.getSelectedRowModel().rows.map(function(e){return qe(e.original,Number(e.id))});X(t,n,e)}}(e.key,t)},className:te("zui:inline-flex zui:items-center zui:px-3 zui:py-1.5 zui:text-sm zui:font-medium zui:rounded zui:transition-colors","destructive"===e.variant?"zui:bg-red-600 zui:text-white hover:zui:bg-red-700":"zui:bg-white zui:text-gray-700 zui:border zui:border-gray-300 hover:zui:bg-gray-50"),children:[t.jsx(e.icon,{className:"zui:h-4 zui:w-4 zui:mr-1"}),e.label]},e.key)}),t.jsx("button",{onClick:function(){Oe({})},className:"zui:text-sm zui:text-blue-600 hover:zui:text-blue-800 zui:font-medium",children:"Clear"})]})]})}),t.jsx("div",{className:"zui:flex-1 zui:overflow-hidden zui:relative",children:t.jsx("div",{className:"zui:h-full zui:overflow-auto",children:t.jsxs("table",{className:"zui:w-full zui:text-sm zui:border-collapse",children:[t.jsx("thead",{children:Xe.getHeaderGroups().map(function(e){return t.jsx("tr",{className:"zui:bg-gray-50",children:e.headers.map(function(e,n){var l=ce&&!1!==e.column.columnDef.enableSorting,o=e.column.getIsSorted(),r=n<Ie,a=n>=Ke.length-_e,u=Ie>0&&n===Ie-1,s=_e>0&&n===Ke.length-_e;return t.jsx("th",{className:te("zui:px-3 zui:py-2.5 zui:text-left zui:text-xs zui:font-medium zui:text-black zui:tracking-wider zui:select-none","zui:bg-gray-200","zui:border-b zui:border-gray-300",Me&&"zui:sticky zui:top-0 zui:z-20",r&&"zui:z-30 zui:bg-gray-50",a&&"zui:z-30 zui:bg-gray-50",(r||a)&&"zui:sticky",u&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:right-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200',s&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:left-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200',l&&"zui:cursor-pointer hover:zui:bg-gray-100 zui:transition-colors"),style:{left:r?"".concat(Ye(n),"px"):void 0,right:a?"".concat(Ze(n),"px"):void 0,minWidth:e.getSize()},onClick:l?e.column.getToggleSortingHandler():void 0,children:e.isPlaceholder?null:t.jsxs("div",{className:"zui:flex zui:items-center zui:justify-between zui:gap-2",children:[t.jsx("span",{className:"zui:flex-1",children:ee(e.column.columnDef.header,e.getContext())}),l&&t.jsxs("span",{className:"zui:flex zui:items-center zui:text-gray-400",children:["asc"===o&&t.jsx(i.ChevronUp,{className:"zui:h-4 zui:w-4"}),"desc"===o&&t.jsx(i.ChevronDown,{className:"zui:h-4 zui:w-4"}),!o&&t.jsx(i.ChevronsUpDown,{className:"zui:h-4 zui:w-4"})]})]})},e.id)})},e.id)})}),t.jsx("tbody",{className:"zui:divide-y zui:divide-gray-200",children:be?Array.from({length:Je}).map(function(e,n){return t.jsx("tr",{children:Ke.map(function(e,l){var o=l<Ie,i=l>=Ke.length-_e;return t.jsx("td",{className:te("zui:px-4 zui:py-3 zui:bg-white",ye&&"zui:border-b zui:border-gray-200",o&&"zui:sticky zui:z-10",i&&"zui:sticky zui:z-10"),style:{left:o?"".concat(Ye(l),"px"):void 0,right:i?"".concat(Ze(l),"px"):void 0},children:t.jsx("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse"})},"skeleton-".concat(n,"-").concat(l))})},"skeleton-".concat(n))}):0===Xe.getRowModel().rows.length?be||!ve?null:t.jsx("tr",{children:t.jsx("td",{className:te("zui:py-12 zui:text-center zui:text-black zui:bg-white",ye&&"zui:border-b zui:border-gray-200"),colSpan:Ke.length,children:t.jsx("div",{className:"zui:flex zui:flex-col zui:items-center zui:gap-3",children:t.jsxs("div",{children:[t.jsx("img",{src:"assets/noData-301bc56d84fa99a6.gif",height:60,width:180}),t.jsx("p",{className:"zui:text-sm zui:text-gray-500 zui:mt-2",children:Ce})]})})})}):ue?t.jsx("tr",{className:te("zui:bg-white hover:zui:bg-gray-50 zui:transition-colors zui:duration-150"),children:t.jsx("td",{colSpan:u.length,className:"p-0",children:t.jsx("div",{style:{width:"100%",height:ge},children:t.jsx(o.AutoSizer,{disableWidth:!1,children:function(n){var l=n.height,i=n.width;return t.jsx(o.VariableSizeList,{height:l,width:i,itemCount:Xe.getRowModel().rows.length,itemSize:Qe,children:function(n){var l=n.index,o=n.style,i=Xe.getRowModel().rows[l];return t.jsxs("div",{style:e.__assign(e.__assign({},o),{display:"table",tableLayout:"fixed",width:"100%"}),className:"zui:w-full zui:table-fixed hover:zui:bg-gray-50 zui:transition-colors",children:[t.jsx("div",{className:"zui:table-row",style:{display:"table-row"},children:i.getVisibleCells().map(function(e,n){var l=n<Ie,o=n>=i.getVisibleCells().length-_e,r=Ie>0&&n===Ie-1,a=_e>0&&n===Ke.length-_e;return t.jsx("div",{className:te("zui:table-cell zui:px-4 zui:py-3 zui:text-sm zui:align-middle zui:transition-colors zui:duration-150","zui:text-gray-900",ye&&"zui:border-b zui:border-gray-200",i.getIsSelected()?"zui:bg-blue-50":"zui:bg-white",l&&"zui:sticky zui:z-10 zui:bg-white",o&&"zui:sticky zui:z-10 zui:bg-white",r&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:right-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200',a&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:left-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200'),style:{left:l?"".concat(Ye(n),"px"):void 0,right:o?"".concat(Ze(n),"px"):void 0,width:e.column.getSize()},children:ee(e.column.columnDef.cell,e.getContext())},e.id)})}),re&&t.jsx("div",{style:{display:"table-row"},className:"zui:table-row",children:t.jsx("div",{className:"zui:table-cell",style:{display:"table-cell",width:"100%"},colSpan:i.getVisibleCells().length,children:t.jsx(le,{isExpanded:i.getIsExpanded(),colSpan:i.getVisibleCells().length,children:re(i.original)})})})]},i.id)}})}})})})}):Xe.getRowModel().rows.map(function(e){return t.jsxs(n.Fragment,{children:[t.jsx("tr",{className:te("zui:bg-white hover:zui:bg-gray-50 zui:transition-colors zui:duration-150",e.getIsSelected()&&"zui:bg-blue-50 hover:zui:bg-blue-100"),"data-row-id":e.id,children:e.getVisibleCells().map(function(n,l){var o=l<Ie,i=l>=e.getVisibleCells().length-_e,r=Ie>0&&l===Ie-1,a=_e>0&&l===Ke.length-_e;return t.jsx("td",{className:te("zui:px-4 zui:py-3 zui:text-sm zui:align-middle zui:transition-colors zui:duration-150","zui:text-gray-900",ye&&"zui:border-b zui:border-gray-200",e.getIsSelected()?"zui:bg-blue-50":"zui:bg-white",o&&"zui:sticky zui:z-10 zui:bg-white",i&&"zui:sticky zui:z-10 zui:bg-white",r&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:right-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200',a&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:left-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200'),style:{left:o?"".concat(Ye(l),"px"):void 0,right:i?"".concat(Ze(l),"px"):void 0,minWidth:n.column.getSize()},children:ee(n.column.columnDef.cell,n.getContext())},n.id)})}),re&&t.jsx(le,{isExpanded:e.getIsExpanded(),colSpan:e.getVisibleCells().length,children:re(e.original)})]},e.id)})})]})})}),V&&t.jsx("div",{className:"zui:bg-white zui:px-4 zui:py-3 zui:border-t zui:border-gray-200",children:t.jsxs("div",{className:"zui:flex zui:items-center zui:justify-between",children:[k&&t.jsx("div",{className:"zui:text-sm zui:text-gray-700",children:t.jsxs("span",{children:[tt,"–",nt," of ",lt]})}),t.jsxs("div",{className:"zui:flex zui:items-center zui:gap-2",children:[B&&t.jsx("select",{className:"zui:text-sm zui:border zui:border-gray-300 zui:rounded zui:px-2 zui:py-1 zui:bg-white",value:Le.pageSize,onChange:function(e){return Xe.setPageSize(Number(e.target.value))},children:G.map(function(e){return t.jsxs("option",{value:e,children:[e," rows"]},e)})}),t.jsxs("div",{className:"zui:flex zui:items-center zui:gap-1",children:[t.jsx("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return Xe.setPageIndex(0)},disabled:!Xe.getCanPreviousPage(),children:t.jsx(i.ChevronsLeft,{className:"zui:h-4 zui:w-4"})}),t.jsx("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return Xe.previousPage()},disabled:!Xe.getCanPreviousPage(),children:t.jsx(i.ChevronLeft,{className:"zui:h-4 zui:w-4"})}),t.jsxs("span",{className:"zui:px-3 zui:py-1 zui:text-sm zui:text-gray-700",children:[Le.pageIndex+1," of ",et]}),t.jsx("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return Xe.nextPage()},disabled:!Xe.getCanNextPage(),children:t.jsx(i.ChevronRight,{className:"zui:h-4 zui:w-4"})}),t.jsx("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return Xe.setPageIndex(et-1)},disabled:!Xe.getCanNextPage(),children:t.jsx(i.ChevronsRight,{className:"zui:h-4 zui:w-4"})})]})]})]})})]})}exports.DataTable=oe,exports.default=oe;
+function ee(e,t){return e?function(e){return"function"==typeof e&&(()=>{const t=Object.getPrototypeOf(e);return t.prototype&&t.prototype.isReactComponent})()}(n=e)||"function"==typeof n||function(e){return"object"==typeof e&&"symbol"==typeof e.$$typeof&&["react.memo","react.forward_ref"].includes(e.$$typeof.description)}(n)?a.createElement(e,t):e:null;var n}function te(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(Boolean).join(" ")}var ne=function(e){var n=e.isExpanded,l=e.onToggle;return t.jsx("button",{type:"button",className:"zui:flex zui:items-center zui:justify-center zui:w-6 zui:h-6 zui:rounded zui:text-gray-400 hover:zui:text-gray-600 hover:zui:bg-gray-100 zui:transition-colors zui:duration-150",onClick:function(e){e.stopPropagation(),l()},"aria-label":n?"Collapse row":"Expand row",children:t.jsx(i.ChevronRight,{className:te("zui:h-4 zui:w-4 zui:transition-transform zui:duration-200",n&&"zui:rotate-90")})})},le=function(e){var n=e.isExpanded,l=e.children,o=e.colSpan;return t.jsx("tr",{style:{display:n?"table-row":"none"},children:t.jsx("td",{className:"zui:bg-gray-50 zui:px-4 zui:py-6 zui:border-b zui:border-gray-200",colSpan:o,children:t.jsx("div",{className:"zui:bg-white zui:rounded-lg zui:p-6 zui:shadow-sm",children:l})})})};function oe(r){var u=r.columns,s=r.data,g=r.virtualized,p=void 0===g?{}:g,f=r.serverMode,m=void 0!==f&&f,h=r.pagination,w=void 0===h?{}:h,v=r.selection,S=void 0===v?{}:v,z=r.expansion,C=void 0===z?{}:z,R=r.sorting,x=void 0===R?{}:R,y=r.loading,F=void 0===y?{}:y,M=r.styling,P=void 0===M?{}:M,I=w.enabled,V=void 0===I||I,_=w.totalCount,E=w.currentPage,j=w.pageSize,A=w.pageSizeOptions,G=void 0===A?[10,25,50,100]:A,L=w.initialPageSize,D=void 0===L?10:L,H=w.onPageChange,N=w.onPageSizeChange,O=w.showInfo,k=void 0===O||O,T=w.showPageSizeSelector,B=void 0===T||T;w.showGoToPage;var q=S.enabled,U=void 0!==q&&q,$=S.rowIdAccessor,X=S.onBulkAction,K=S.bulkActions,W=void 0===K?[]:K,J=S.selectionText,Q=void 0===J?function(e){return"".concat(e," row").concat(1!==e?"s":""," selected")}:J,oe=C.enabled,ie=void 0!==oe&&oe,re=C.renderExpanded,ae=p.enabled,ue=void 0!==ae&&ae,se=p.tableHeight,ge=void 0===se?550:se,de=x.enabled,ce=void 0!==de&&de,pe=x.initialSorting,fe=void 0===pe?[]:pe,me=x.onSort,he=F.loading,be=void 0!==he&&he,we=F.fetched,ve=void 0===we||we,Se=F.loadingRows,ze=F.emptyMessage,Ce=void 0===ze?"No data found":ze,Re=P.className;P.showColumnBorders;var xe=P.showRowBorders,ye=void 0===xe||xe,Fe=P.stickyHeader,Me=void 0===Fe||Fe,Pe=P.pinLeft,Ie=void 0===Pe?0:Pe,Ve=P.pinRight,_e=void 0===Ve?0:Ve,Ee=n.useState(fe),je=Ee[0],Ae=Ee[1],Ge=n.useState({pageIndex:null!=E?E:0,pageSize:null!=j?j:D}),Le=Ge[0],De=Ge[1],He=n.useState({}),Ne=He[0],Oe=He[1],ke=n.useState({}),Te=ke[0],Be=ke[1];n.useEffect(function(){!V||"number"!=typeof E&&"number"!=typeof j||De(function(e){return{pageIndex:null!=E?E:e.pageIndex,pageSize:null!=j?j:e.pageSize}})},[E,j,V]);var qe=n.useCallback(function(e,t){return $?$(e):String(t)},[$]),Ue=n.useMemo(function(){var e=[];return ie&&e.push({id:"__expand__",header:function(){return null},enableSorting:!1,enableHiding:!1,size:40,cell:function(e){var n=e.row;return t.jsx(ne,{isExpanded:n.getIsExpanded(),onToggle:function(){return n.toggleExpanded()}})}}),U&&e.push({id:"__select__",header:function(e){var n=e.table,o=n.getIsAllPageRowsSelected(),i=n.getIsSomePageRowsSelected();return t.jsx("div",{className:"zui:flex zui:items-center zui:justify-center",children:t.jsx(l.Checkbox,{size:"sm","aria-label":"Select all rows",checked:o,indeterminate:i&&!o,onChange:function(e){return n.toggleAllPageRowsSelected(e.target.checked)}})})},cell:function(e){var n=e.row;return t.jsx("div",{className:"zui:flex zui:items-center zui:justify-center",children:t.jsx(l.Checkbox,{size:"sm","aria-label":"Select row",checked:n.getIsSelected(),onChange:function(e){e.stopPropagation(),n.toggleSelected(e.target.checked)}})})},enableSorting:!1,enableHiding:!1,size:40}),e},[ie,U]),$e=n.useMemo(function(){return u.filter(function(e){return!1!==e.enableHiding})},[u]),Xe=function(e){const t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[n]=a.useState(()=>({current:Y(t)})),[l,o]=a.useState(()=>n.current.initialState);return n.current.setOptions(t=>({...t,...e,state:{...l,...e.state},onStateChange:t=>{o(t),null==e.onStateChange||e.onStateChange(t)}})),n.current}({data:s,columns:n.useMemo(function(){return e.__spreadArray(e.__spreadArray([],Ue,!0),$e,!0)},[Ue,$e]),getRowId:qe,defaultColumn:{enableSorting:!1},state:{sorting:ce?je:[],rowSelection:U?Ne:{},expanded:ie?Te:{},pagination:V?Le:{pageIndex:0,pageSize:s.length||1e3}},enableSorting:ce,onSortingChange:ce?function(e){var t="function"==typeof e?e(je):e;Ae(t),me&&me(t)}:void 0,enableRowSelection:U,onRowSelectionChange:U?Oe:void 0,onExpandedChange:ie?Be:void 0,onPaginationChange:V?function(e){var t="function"==typeof e?e(Le):e;De(t),H&&H(t.pageIndex,t.pageSize),N&&t.pageSize!==Le.pageSize&&N(t.pageSize)}:void 0,manualPagination:m&&V,manualSorting:m&&ce,pageCount:m&&V&&"number"==typeof _?Math.max(1,Math.ceil(_/Le.pageSize)):void 0,getCoreRowModel:e=>d(()=>[e.options.data],t=>{const n={rows:[],flatRows:[],rowsById:{}},l=function(t,o,i){void 0===o&&(o=0);const r=[];for(let u=0;u<t.length;u++){const s=b(e,e._getRowId(t[u],u,i),t[u],u,o,void 0,null==i?void 0:i.id);var a;n.flatRows.push(s),n.rowsById[s.id]=s,r.push(s),e.options.getSubRows&&(s.originalSubRows=e.options.getSubRows(t[u],u),null!=(a=s.originalSubRows)&&a.length&&(s.subRows=l(s.originalSubRows,o+1,s)))}return r};return n.rows=l(t),n},c(e.options,"debugTable","getRowModel",()=>e._autoResetPageIndex())),getSortedRowModel:!m&&ce?e=>d(()=>[e.getState().sorting,e.getPreSortedRowModel()],(t,n)=>{if(!n.rows.length||null==t||!t.length)return n;const l=e.getState().sorting,o=[],i=l.filter(t=>{var n;return null==(n=e.getColumn(t.id))?void 0:n.getCanSort()}),r={};i.forEach(t=>{const n=e.getColumn(t.id);n&&(r[t.id]={sortUndefined:n.columnDef.sortUndefined,invertSorting:n.columnDef.invertSorting,sortingFn:n.getSortingFn()})});const a=e=>{const t=e.map(e=>({...e}));return t.sort((e,t)=>{for(let l=0;l<i.length;l+=1){var n;const o=i[l],a=r[o.id],u=a.sortUndefined,s=null!=(n=null==o?void 0:o.desc)&&n;let g=0;if(u){const n=void 0===e.getValue(o.id),l=void 0===t.getValue(o.id);if(n||l){if("first"===u)return n?-1:1;if("last"===u)return n?1:-1;g=n&&l?0:n?u:-u}}if(0===g&&(g=a.sortingFn(e,t,o.id)),0!==g)return s&&(g*=-1),a.invertSorting&&(g*=-1),g}return e.index-t.index}),t.forEach(e=>{var t;o.push(e),null!=(t=e.subRows)&&t.length&&(e.subRows=a(e.subRows))}),t};return{rows:a(n.rows),flatRows:o,rowsById:n.rowsById}},c(e.options,"debugTable","getSortedRowModel",()=>e._autoResetPageIndex())):void 0,getPaginationRowModel:!m&&V?e=>d(()=>[e.getState().pagination,e.getPrePaginationRowModel(),e.options.paginateExpandedRows?void 0:e.getState().expanded],(t,n)=>{if(!n.rows.length)return n;const{pageSize:l,pageIndex:o}=t;let{rows:i,flatRows:r,rowsById:a}=n;const u=l*o,s=u+l;let g;i=i.slice(u,s),g=e.options.paginateExpandedRows?{rows:i,flatRows:r,rowsById:a}:Z({rows:i,flatRows:r,rowsById:a}),g.flatRows=[];const d=e=>{g.flatRows.push(e),e.subRows.length&&e.subRows.forEach(d)};return g.rows.forEach(d),g},c(e.options,"debugTable","getPaginationRowModel")):void 0,getExpandedRowModel:ie?e=>d(()=>[e.getState().expanded,e.getPreExpandedRowModel(),e.options.paginateExpandedRows],(e,t,n)=>!t.rows.length||!0!==e&&!Object.keys(null!=e?e:{}).length?t:n?Z(t):t,c(e.options,"debugTable","getExpandedRowModel")):void 0}),Ke=Xe.getVisibleLeafColumns(),We=n.useMemo(function(){return Xe.getSelectedRowModel().rows.map(function(e){return e.id})},[Ne,Xe]),Je=null!=Se?Se:V?Le.pageSize:10,Qe=function(e){return Xe.getRowModel().rows[e].getIsExpanded()?80:48},Ye=function(e){for(var t,n=0,l=0;l<e;l++)n+=(null===(t=Ke[l])||void 0===t?void 0:t.getSize())||150;return n},Ze=function(e){for(var t,n=0,l=e+1;l<Ke.length;l++)n+=(null===(t=Ke[l])||void 0===t?void 0:t.getSize())||150;return n},et=V?m&&"number"==typeof _?Math.max(1,Math.ceil(_/Le.pageSize)):Xe.getPageCount():1,tt=V?Le.pageIndex*Le.pageSize+1:1,nt=V?Math.min((Le.pageIndex+1)*Le.pageSize,m?_||0:s.length):s.length,lt=m?_||0:s.length;return t.jsxs("div",{className:te("zui:flex zui:flex-col zui:h-full zui:bg-white zui:w-full",Re),children:[U&&We.length>0&&t.jsx("div",{className:"zui:bg-blue-50 zui:border zui:border-blue-200 zui:px-4 zui:py-3 zui:flex-shrink-0 zui:mx-0 zui:mb-0 zui:rounded-t-lg",children:t.jsxs("div",{className:"zui:flex zui:items-center zui:justify-between",children:[t.jsx("span",{className:"zui:text-sm zui:text-blue-800 zui:font-medium",children:Q(We.length)}),t.jsxs("div",{className:"zui:flex zui:items-center zui:gap-2",children:[W.map(function(e){return t.jsxs("button",{onClick:function(t){t.stopPropagation(),function(e,t){if(X){var n=Xe.getSelectedRowModel().rows.map(function(e){return qe(e.original,Number(e.id))});X(t,n,e)}}(e.key,t)},className:te("zui:inline-flex zui:items-center zui:px-3 zui:py-1.5 zui:text-sm zui:font-medium zui:rounded zui:transition-colors","destructive"===e.variant?"zui:bg-red-600 zui:text-white hover:zui:bg-red-700":"zui:bg-white zui:text-gray-700 zui:border zui:border-gray-300 hover:zui:bg-gray-50"),children:[t.jsx(e.icon,{className:"zui:h-4 zui:w-4 zui:mr-1"}),e.label]},e.key)}),t.jsx("button",{onClick:function(){Oe({})},className:"zui:text-sm zui:text-blue-600 hover:zui:text-blue-800 zui:font-medium",children:"Clear"})]})]})}),t.jsx("div",{className:"zui:flex-1 zui:overflow-hidden zui:relative",children:t.jsx("div",{className:"zui:h-full zui:overflow-auto",children:t.jsxs("table",{className:"zui:w-full zui:text-sm zui:border-collapse",children:[t.jsx("thead",{children:Xe.getHeaderGroups().map(function(e){return t.jsx("tr",{className:"zui:bg-gray-50",children:e.headers.map(function(e,n){var l=ce&&!1!==e.column.columnDef.enableSorting,o=e.column.getIsSorted(),r=n<Ie,a=n>=Ke.length-_e,u=Ie>0&&n===Ie-1,s=_e>0&&n===Ke.length-_e;return t.jsx("th",{className:te("zui:px-3 zui:py-2.5 zui:text-left zui:text-xs zui:font-medium zui:text-black zui:tracking-wider zui:select-none","zui:bg-gray-200","zui:border-b zui:border-gray-300",Me&&"zui:sticky zui:top-0 zui:z-20",r&&"zui:z-30 zui:bg-gray-50",a&&"zui:z-30 zui:bg-gray-50",(r||a)&&"zui:sticky",u&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:right-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200',s&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:left-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200',l&&"zui:cursor-pointer hover:zui:bg-gray-100 zui:transition-colors"),style:{left:r?"".concat(Ye(n),"px"):void 0,right:a?"".concat(Ze(n),"px"):void 0,minWidth:e.getSize()},onClick:l?e.column.getToggleSortingHandler():void 0,children:e.isPlaceholder?null:t.jsxs("div",{className:"zui:flex zui:items-center zui:justify-between zui:gap-2",children:[t.jsx("span",{className:"zui:flex-1",children:ee(e.column.columnDef.header,e.getContext())}),l&&t.jsxs("span",{className:"zui:flex zui:items-center zui:text-gray-400",children:["asc"===o&&t.jsx(i.ChevronUp,{className:"zui:h-4 zui:w-4"}),"desc"===o&&t.jsx(i.ChevronDown,{className:"zui:h-4 zui:w-4"}),!o&&t.jsx(i.ChevronsUpDown,{className:"zui:h-4 zui:w-4"})]})]})},e.id)})},e.id)})}),t.jsx("tbody",{className:"zui:divide-y zui:divide-gray-200",children:be?Array.from({length:Je}).map(function(e,n){return t.jsx("tr",{children:Ke.map(function(e,l){var o=l<Ie,i=l>=Ke.length-_e;return t.jsx("td",{className:te("zui:px-4 zui:py-3 zui:bg-white",ye&&"zui:border-b zui:border-gray-200",o&&"zui:sticky zui:z-10",i&&"zui:sticky zui:z-10"),style:{left:o?"".concat(Ye(l),"px"):void 0,right:i?"".concat(Ze(l),"px"):void 0},children:t.jsx("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse"})},"skeleton-".concat(n,"-").concat(l))})},"skeleton-".concat(n))}):0===Xe.getRowModel().rows.length?be||!ve?null:t.jsx("tr",{children:t.jsx("td",{className:te("zui:py-12 zui:text-center zui:text-black zui:bg-white",ye&&"zui:border-b zui:border-gray-200"),colSpan:Ke.length,children:t.jsx("div",{className:"zui:flex zui:flex-col zui:items-center zui:gap-3",children:t.jsxs("div",{children:[t.jsx("img",{src:"http://files.zimyo.work/staticlogo/global/no_data_found.gif",height:60,width:180}),t.jsx("p",{className:"zui:text-sm zui:text-gray-500 zui:mt-2",children:Ce})]})})})}):ue?t.jsx("tr",{className:te("zui:bg-white hover:zui:bg-gray-50 zui:transition-colors zui:duration-150"),children:t.jsx("td",{colSpan:u.length,className:"p-0",children:t.jsx("div",{style:{width:"100%",height:ge},children:t.jsx(o.AutoSizer,{disableWidth:!1,children:function(n){var l=n.height,i=n.width;return t.jsx(o.VariableSizeList,{height:l,width:i,itemCount:Xe.getRowModel().rows.length,itemSize:Qe,children:function(n){var l=n.index,o=n.style,i=Xe.getRowModel().rows[l];return t.jsxs("div",{style:e.__assign(e.__assign({},o),{display:"table",tableLayout:"fixed",width:"100%"}),className:"zui:w-full zui:table-fixed hover:zui:bg-gray-50 zui:transition-colors",children:[t.jsx("div",{className:"zui:table-row",style:{display:"table-row"},children:i.getVisibleCells().map(function(e,n){var l=n<Ie,o=n>=i.getVisibleCells().length-_e,r=Ie>0&&n===Ie-1,a=_e>0&&n===Ke.length-_e;return t.jsx("div",{className:te("zui:table-cell zui:px-4 zui:py-3 zui:text-sm zui:align-middle zui:transition-colors zui:duration-150","zui:text-gray-900",ye&&"zui:border-b zui:border-gray-200",i.getIsSelected()?"zui:bg-blue-50":"zui:bg-white",l&&"zui:sticky zui:z-10 zui:bg-white",o&&"zui:sticky zui:z-10 zui:bg-white",r&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:right-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200',a&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:left-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200'),style:{left:l?"".concat(Ye(n),"px"):void 0,right:o?"".concat(Ze(n),"px"):void 0,width:e.column.getSize()},children:ee(e.column.columnDef.cell,e.getContext())},e.id)})}),re&&t.jsx("div",{style:{display:"table-row"},className:"zui:table-row",children:t.jsx("div",{className:"zui:table-cell",style:{display:"table-cell",width:"100%"},colSpan:i.getVisibleCells().length,children:t.jsx(le,{isExpanded:i.getIsExpanded(),colSpan:i.getVisibleCells().length,children:re(i.original)})})})]},i.id)}})}})})})}):Xe.getRowModel().rows.map(function(e){return t.jsxs(n.Fragment,{children:[t.jsx("tr",{className:te("zui:bg-white hover:zui:bg-gray-50 zui:transition-colors zui:duration-150",e.getIsSelected()&&"zui:bg-blue-50 hover:zui:bg-blue-100"),"data-row-id":e.id,children:e.getVisibleCells().map(function(n,l){var o=l<Ie,i=l>=e.getVisibleCells().length-_e,r=Ie>0&&l===Ie-1,a=_e>0&&l===Ke.length-_e;return t.jsx("td",{className:te("zui:px-4 zui:py-3 zui:text-sm zui:align-middle zui:transition-colors zui:duration-150","zui:text-gray-900",ye&&"zui:border-b zui:border-gray-200",e.getIsSelected()?"zui:bg-blue-50":"zui:bg-white",o&&"zui:sticky zui:z-10 zui:bg-white",i&&"zui:sticky zui:z-10 zui:bg-white",r&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:right-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200',a&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:left-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200'),style:{left:o?"".concat(Ye(l),"px"):void 0,right:i?"".concat(Ze(l),"px"):void 0,minWidth:n.column.getSize()},children:ee(n.column.columnDef.cell,n.getContext())},n.id)})}),re&&t.jsx(le,{isExpanded:e.getIsExpanded(),colSpan:e.getVisibleCells().length,children:re(e.original)})]},e.id)})})]})})}),V&&t.jsx("div",{className:"zui:bg-white zui:px-4 zui:py-3 zui:border-t zui:border-gray-200",children:t.jsxs("div",{className:"zui:flex zui:items-center zui:justify-between",children:[k&&t.jsx("div",{className:"zui:text-sm zui:text-gray-700",children:t.jsxs("span",{children:[tt,"–",nt," of ",lt]})}),t.jsxs("div",{className:"zui:flex zui:items-center zui:gap-2",children:[B&&t.jsx("select",{className:"zui:text-sm zui:border zui:border-gray-300 zui:rounded zui:px-2 zui:py-1 zui:bg-white",value:Le.pageSize,onChange:function(e){return Xe.setPageSize(Number(e.target.value))},children:G.map(function(e){return t.jsxs("option",{value:e,children:[e," rows"]},e)})}),t.jsxs("div",{className:"zui:flex zui:items-center zui:gap-1",children:[t.jsx("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return Xe.setPageIndex(0)},disabled:!Xe.getCanPreviousPage(),children:t.jsx(i.ChevronsLeft,{className:"zui:h-4 zui:w-4"})}),t.jsx("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return Xe.previousPage()},disabled:!Xe.getCanPreviousPage(),children:t.jsx(i.ChevronLeft,{className:"zui:h-4 zui:w-4"})}),t.jsxs("span",{className:"zui:px-3 zui:py-1 zui:text-sm zui:text-gray-700",children:[Le.pageIndex+1," of ",et]}),t.jsx("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return Xe.nextPage()},disabled:!Xe.getCanNextPage(),children:t.jsx(i.ChevronRight,{className:"zui:h-4 zui:w-4"})}),t.jsx("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return Xe.setPageIndex(et-1)},disabled:!Xe.getCanNextPage(),children:t.jsx(i.ChevronsRight,{className:"zui:h-4 zui:w-4"})})]})]})]})})]})}exports.DataTable=oe,exports.default=oe;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zimyo/ui",
-  "version": "1.12.1",
+  "version": "1.12.2",
   "description": "Zimyo UI library built on MUI Material",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",