@zimyo/ui 1.10.5 → 1.10.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -21,7 +21,7 @@ interface BadgeProps extends VariantProps<typeof badgeVariants> {
21
21
  declare const badgeVariants: (props?: ({
22
22
  variant?: "text" | "outlined" | "contained" | null | undefined;
23
23
  size?: "sm" | "md" | "lg" | null | undefined;
24
- type?: "default" | "success" | "error" | "info" | "warning" | null | undefined;
24
+ type?: "default" | "error" | "info" | "success" | "warning" | null | undefined;
25
25
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
26
26
  declare const Badge: ({ label, icon, iconPosition, dot, dotPosition, variant, size, type, color, className, }: BadgeProps) => react_jsx_runtime.JSX.Element;
27
27
 
@@ -20,4 +20,4 @@ function m(e,t){return"function"==typeof e?e(t):e}function f(e,t){return n=>{t.s
20
20
  *
21
21
  * @license MIT
22
22
  */
23
- function re(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 ae(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(Boolean).join(" ")}var ue=function(e){var n=e.isExpanded,o=e.onToggle;return t("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(),o()},"aria-label":n?"Collapse row":"Expand row",children:t(d,{className:ae("zui:h-4 zui:w-4 zui:transition-transform zui:duration-200",n&&"zui:rotate-90")})})},se=function(e){var n=e.isExpanded,o=e.children,l=e.colSpan;return t("tr",{style:{display:n?"table-row":"none"},children:t("td",{className:"zui:bg-gray-50 zui:px-4 zui:py-6 zui:border-b zui:border-gray-200",colSpan:l,children:t("div",{className:"zui:bg-white zui:rounded-lg zui:p-6 zui:shadow-sm",children:o})})})};function ge(m){var f=m.columns,h=m.data,b=m.serverMode,S=void 0!==b&&b,C=m.pagination,z=void 0===C?{}:C,x=m.selection,F=void 0===x?{}:x,M=m.expansion,y=void 0===M?{}:M,P=m.sorting,I=void 0===P?{}:P,V=m.loading,_=void 0===V?{}:V,E=m.styling,G=void 0===E?{}:E,A=z.enabled,L=void 0===A||A,D=z.totalCount,H=z.currentPage,N=z.pageSize,O=z.pageSizeOptions,k=void 0===O?[10,25,50,100]:O,B=z.initialPageSize,T=void 0===B?10:B,j=z.onPageChange,q=z.onPageSizeChange,U=z.showInfo,$=void 0===U||U,X=z.showPageSizeSelector,K=void 0===X||X;z.showGoToPage;var W=F.enabled,J=void 0!==W&&W,Q=F.rowIdAccessor,Y=F.onBulkAction,Z=F.bulkActions,ee=void 0===Z?[]:Z,te=F.selectionText,ne=void 0===te?function(e){return"".concat(e," row").concat(1!==e?"s":""," selected")}:te,oe=y.enabled,ge=void 0!==oe&&oe,de=y.renderExpanded,ce=I.enabled,pe=void 0===ce||ce,me=I.initialSorting,fe=void 0===me?[]:me,he=I.onSort,we=_.loading,ve=void 0!==we&&we,be=_.fetched,Se=void 0===be||be,Ce=_.loadingRows,ze=_.emptyMessage,Re=void 0===ze?"No data found":ze,xe=G.className;G.showColumnBorders;var Fe=G.showRowBorders,Me=void 0===Fe||Fe,ye=G.stickyHeader,Pe=void 0===ye||ye,Ie=G.pinLeft,Ve=void 0===Ie?0:Ie,_e=G.pinRight,Ee=void 0===_e?0:_e,Ge=l.useState(fe),Ae=Ge[0],Le=Ge[1],De=l.useState({pageIndex:null!=H?H:0,pageSize:null!=N?N:T}),He=De[0],Ne=De[1],Oe=l.useState({}),ke=Oe[0],Be=Oe[1],Te=l.useState({}),je=Te[0],qe=Te[1];l.useEffect(function(){!L||"number"!=typeof H&&"number"!=typeof N||Ne(function(e){return{pageIndex:null!=H?H:e.pageIndex,pageSize:null!=N?N:e.pageSize}})},[H,N,L]);var Ue=l.useCallback(function(e,t){return Q?Q(e):String(t)},[Q]),$e=l.useMemo(function(){var e=[];return ge&&e.push({id:"__expand__",header:function(){return null},enableSorting:!1,enableHiding:!1,size:40,cell:function(e){var n=e.row;return t(ue,{isExpanded:n.getIsExpanded(),onToggle:function(){return n.toggleExpanded()}})}}),J&&e.push({id:"__select__",header:function(e){var n=e.table,o=n.getIsAllPageRowsSelected(),l=n.getIsSomePageRowsSelected();return t("div",{className:"zui:flex zui:items-center zui:justify-center",children:t(i,{size:"sm","aria-label":"Select all rows",checked:o,indeterminate:l&&!o,onChange:function(e){return n.toggleAllPageRowsSelected(e.target.checked)}})})},cell:function(e){var n=e.row;return t("div",{className:"zui:flex zui:items-center zui:justify-center",children:t(i,{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},[ge,J]),Xe=function(e){const t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[n]=o.useState(()=>({current:le(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:h,columns:l.useMemo(function(){return e(e([],$e,!0),f,!0)},[$e,f]),getRowId:Ue,state:{sorting:pe?Ae:[],rowSelection:J?ke:{},expanded:ge?je:{},pagination:L?He:{pageIndex:0,pageSize:h.length||1e3}},enableSorting:pe,onSortingChange:pe?function(e){var t="function"==typeof e?e(Ae):e;Le(t),he&&he(t)}:void 0,onRowSelectionChange:J?Be:void 0,onExpandedChange:ge?qe:void 0,onPaginationChange:L?function(e){var t="function"==typeof e?e(He):e;Ne(t),j&&j(t.pageIndex,t.pageSize),q&&t.pageSize!==He.pageSize&&q(t.pageSize)}:void 0,manualPagination:S&&L,manualSorting:S&&pe,pageCount:S&&L&&"number"==typeof D?Math.max(1,Math.ceil(D/He.pageSize)):void 0,getCoreRowModel:e=>w(()=>[e.options.data],t=>{const n={rows:[],flatRows:[],rowsById:{}},o=function(t,l,i){void 0===l&&(l=0);const r=[];for(let u=0;u<t.length;u++){const s=R(e,e._getRowId(t[u],u,i),t[u],u,l,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=o(s.originalSubRows,l+1,s)))}return r};return n.rows=o(t),n},v(e.options,"debugTable","getRowModel",()=>e._autoResetPageIndex())),getSortedRowModel:!S&&pe?e=>w(()=>[e.getState().sorting,e.getPreSortedRowModel()],(t,n)=>{if(!n.rows.length||null==t||!t.length)return n;const o=e.getState().sorting,l=[],i=o.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 o=0;o<i.length;o+=1){var n;const l=i[o],a=r[l.id],u=a.sortUndefined,s=null!=(n=null==l?void 0:l.desc)&&n;let g=0;if(u){const n=void 0===e.getValue(l.id),o=void 0===t.getValue(l.id);if(n||o){if("first"===u)return n?-1:1;if("last"===u)return n?1:-1;g=n&&o?0:n?u:-u}}if(0===g&&(g=a.sortingFn(e,t,l.id)),0!==g)return s&&(g*=-1),a.invertSorting&&(g*=-1),g}return e.index-t.index}),t.forEach(e=>{var t;l.push(e),null!=(t=e.subRows)&&t.length&&(e.subRows=a(e.subRows))}),t};return{rows:a(n.rows),flatRows:l,rowsById:n.rowsById}},v(e.options,"debugTable","getSortedRowModel",()=>e._autoResetPageIndex())):void 0,getPaginationRowModel:!S&&L?e=>w(()=>[e.getState().pagination,e.getPrePaginationRowModel(),e.options.paginateExpandedRows?void 0:e.getState().expanded],(t,n)=>{if(!n.rows.length)return n;const{pageSize:o,pageIndex:l}=t;let{rows:i,flatRows:r,rowsById:a}=n;const u=o*l,s=u+o;let g;i=i.slice(u,s),g=e.options.paginateExpandedRows?{rows:i,flatRows:r,rowsById:a}:ie({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},v(e.options,"debugTable","getPaginationRowModel")):void 0,getExpandedRowModel:ge?e=>w(()=>[e.getState().expanded,e.getPreExpandedRowModel(),e.options.paginateExpandedRows],(e,t,n)=>!t.rows.length||!0!==e&&!Object.keys(null!=e?e:{}).length?t:n?ie(t):t,v(e.options,"debugTable","getExpandedRowModel")):void 0}),Ke=Xe.getVisibleLeafColumns(),We=l.useMemo(function(){return Xe.getSelectedRowModel().rows.map(function(e){return e.id})},[ke,Xe]),Je=null!=Ce?Ce:L?He.pageSize:10,Qe=function(e){for(var t,n=0,o=0;o<e;o++)n+=(null===(t=Ke[o])||void 0===t?void 0:t.getSize())||150;return n},Ye=function(e){for(var t,n=0,o=e+1;o<Ke.length;o++)n+=(null===(t=Ke[o])||void 0===t?void 0:t.getSize())||150;return n},Ze=L?S&&"number"==typeof D?Math.max(1,Math.ceil(D/He.pageSize)):Xe.getPageCount():1,et=L?He.pageIndex*He.pageSize+1:1,tt=L?Math.min((He.pageIndex+1)*He.pageSize,S?D||0:h.length):h.length,nt=S?D||0:h.length;return n("div",{className:ae("zui:flex zui:flex-col zui:h-full zui:bg-white zui:w-full",xe),children:[J&&We.length>0&&t("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:n("div",{className:"zui:flex zui:items-center zui:justify-between",children:[t("span",{className:"zui:text-sm zui:text-blue-800 zui:font-medium",children:ne(We.length)}),n("div",{className:"zui:flex zui:items-center zui:gap-2",children:[ee.map(function(e){return n("button",{onClick:function(){return function(e){if(Y){var t=Xe.getSelectedRowModel().rows.map(function(e){return Ue(e.original,Number(e.id))});Y(t,e)}}(e.key)},className:ae("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(e.icon,{className:"zui:h-4 zui:w-4 zui:mr-1"}),e.label]},e.key)}),t("button",{onClick:function(){Be({})},className:"zui:text-sm zui:text-blue-600 hover:zui:text-blue-800 zui:font-medium",children:"Clear"})]})]})}),t("div",{className:"zui:flex-1 zui:overflow-hidden zui:relative",children:t("div",{className:"zui:h-full zui:overflow-auto",children:n("table",{className:"zui:w-full zui:text-sm zui:border-collapse",children:[t("thead",{children:Xe.getHeaderGroups().map(function(e){return t("tr",{className:"zui:bg-gray-50",children:e.headers.map(function(e,o){var l=e.column.getCanSort()&&pe,i=e.column.getIsSorted(),s=o<Ve,g=o>=Ke.length-Ee;return t("th",{className:ae("zui:px-4 zui:py-3 zui:text-left zui:text-xs zui:font-medium zui:text-gray-500 zui:uppercase zui:tracking-wider zui:select-none","zui:bg-gray-50","zui:border-b zui:border-gray-300",Pe&&"zui:sticky zui:top-0 zui:z-20",s&&"zui:z-30 zui:bg-gray-50",g&&"zui:z-30 zui:bg-gray-50",(s||g)&&"zui:sticky",l&&"zui:cursor-pointer hover:zui:bg-gray-100 zui:transition-colors"),style:{left:s?"".concat(Qe(o),"px"):void 0,right:g?"".concat(Ye(o),"px"):void 0,minWidth:e.getSize()},onClick:l?e.column.getToggleSortingHandler():void 0,children:e.isPlaceholder?null:n("div",{className:"zui:flex zui:items-center zui:justify-between zui:gap-2",children:[t("span",{className:"zui:flex-1",children:re(e.column.columnDef.header,e.getContext())}),l&&n("span",{className:"zui:flex zui:items-center zui:text-gray-400",children:["asc"===i&&t(r,{className:"zui:h-4 zui:w-4"}),"desc"===i&&t(a,{className:"zui:h-4 zui:w-4"}),!i&&t(u,{className:"zui:h-4 zui:w-4"})]})]})},e.id)})},e.id)})}),t("tbody",{children:ve?Array.from({length:Je}).map(function(e,n){return t("tr",{children:Ke.map(function(e,o){var l=o<Ve,i=o>=Ke.length-Ee;return t("td",{className:ae("zui:px-4 zui:py-3 zui:bg-white",Me&&"zui:border-b zui:border-gray-200",l&&"zui:sticky zui:z-10",i&&"zui:sticky zui:z-10"),style:{left:l?"".concat(Qe(o),"px"):void 0,right:i?"".concat(Ye(o),"px"):void 0},children:t("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse"})},"skeleton-".concat(n,"-").concat(o))})},"skeleton-".concat(n))}):0===Xe.getRowModel().rows.length?ve||!Se?null:t("tr",{children:t("td",{className:ae("zui:py-12 zui:text-center zui:text-gray-500 zui:bg-white",Me&&"zui:border-b zui:border-gray-200"),colSpan:Ke.length,children:n("div",{className:"zui:flex zui:flex-col zui:items-center zui:gap-3",children:[t(p,{className:"zui:h-8 zui:w-8 zui:text-gray-300"}),n("div",{children:[t("p",{className:"zui:text-sm zui:font-medium zui:text-gray-900",children:"No data found"}),t("p",{className:"zui:text-xs zui:text-gray-500",children:Re})]})]})})}):Xe.getRowModel().rows.map(function(e){return n(l.Fragment,{children:[t("tr",{className:ae("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,o){var l=o<Ve,i=o>=e.getVisibleCells().length-Ee;return t("td",{className:ae("zui:px-4 zui:py-3 zui:text-sm zui:align-middle zui:transition-colors zui:duration-150","zui:text-gray-900",Me&&"zui:border-b zui:border-gray-200",e.getIsSelected()?"zui:bg-blue-50":"zui:bg-white",l&&"zui:sticky zui:z-10 zui:bg-white",i&&"zui:sticky zui:z-10 zui:bg-white"),style:{left:l?"".concat(Qe(o),"px"):void 0,right:i?"".concat(Ye(o),"px"):void 0,minWidth:n.column.getSize()},children:re(n.column.columnDef.cell,n.getContext())},n.id)})}),de&&t(se,{isExpanded:e.getIsExpanded(),colSpan:e.getVisibleCells().length,children:de(e.original)})]},e.id)})})]})})}),L&&t("div",{className:"zui:bg-white zui:px-4 zui:py-3 zui:border-t zui:border-gray-200",children:n("div",{className:"zui:flex zui:items-center zui:justify-between",children:[$&&t("div",{className:"zui:text-sm zui:text-gray-700",children:n("span",{children:[et,"–",tt," of ",nt]})}),n("div",{className:"zui:flex zui:items-center zui:gap-2",children:[K&&t("select",{className:"zui:text-sm zui:border zui:border-gray-300 zui:rounded zui:px-2 zui:py-1 zui:bg-white",value:He.pageSize,onChange:function(e){return Xe.setPageSize(Number(e.target.value))},children:k.map(function(e){return n("option",{value:e,children:[e," rows"]},e)})}),n("div",{className:"zui:flex zui:items-center zui:gap-1",children:[t("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(s,{className:"zui:h-4 zui:w-4"})}),t("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(g,{className:"zui:h-4 zui:w-4"})}),n("span",{className:"zui:px-3 zui:py-1 zui:text-sm zui:text-gray-700",children:[He.pageIndex+1," of ",Ze]}),t("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(d,{className:"zui:h-4 zui:w-4"})}),t("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(Ze-1)},disabled:!Xe.getCanNextPage(),children:t(c,{className:"zui:h-4 zui:w-4"})})]})]})]})})]})}export{ge as DataTable,ge as default};
23
+ function re(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 ae(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(Boolean).join(" ")}var ue=function(e){var n=e.isExpanded,o=e.onToggle;return t("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(),o()},"aria-label":n?"Collapse row":"Expand row",children:t(d,{className:ae("zui:h-4 zui:w-4 zui:transition-transform zui:duration-200",n&&"zui:rotate-90")})})},se=function(e){var n=e.isExpanded,o=e.children,l=e.colSpan;return t("tr",{style:{display:n?"table-row":"none"},children:t("td",{className:"zui:bg-gray-50 zui:px-4 zui:py-6 zui:border-b zui:border-gray-200",colSpan:l,children:t("div",{className:"zui:bg-white zui:rounded-lg zui:p-6 zui:shadow-sm",children:o})})})};function ge(m){var f=m.columns,h=m.data,b=m.serverMode,S=void 0!==b&&b,C=m.pagination,z=void 0===C?{}:C,x=m.selection,F=void 0===x?{}:x,M=m.expansion,y=void 0===M?{}:M,P=m.sorting,I=void 0===P?{}:P,V=m.loading,_=void 0===V?{}:V,E=m.styling,G=void 0===E?{}:E,A=z.enabled,L=void 0===A||A,D=z.totalCount,H=z.currentPage,N=z.pageSize,O=z.pageSizeOptions,k=void 0===O?[10,25,50,100]:O,B=z.initialPageSize,T=void 0===B?10:B,j=z.onPageChange,q=z.onPageSizeChange,U=z.showInfo,$=void 0===U||U,X=z.showPageSizeSelector,K=void 0===X||X;z.showGoToPage;var W=F.enabled,J=void 0!==W&&W,Q=F.rowIdAccessor,Y=F.onBulkAction,Z=F.bulkActions,ee=void 0===Z?[]:Z,te=F.selectionText,ne=void 0===te?function(e){return"".concat(e," row").concat(1!==e?"s":""," selected")}:te,oe=y.enabled,ge=void 0!==oe&&oe,de=y.renderExpanded,ce=I.enabled,pe=void 0===ce||ce,me=I.initialSorting,fe=void 0===me?[]:me,he=I.onSort,we=_.loading,ve=void 0!==we&&we,be=_.fetched,Se=void 0===be||be,Ce=_.loadingRows,ze=_.emptyMessage,Re=void 0===ze?"No data found":ze,xe=G.className;G.showColumnBorders;var Fe=G.showRowBorders,Me=void 0===Fe||Fe,ye=G.stickyHeader,Pe=void 0===ye||ye,Ie=G.pinLeft,Ve=void 0===Ie?0:Ie,_e=G.pinRight,Ee=void 0===_e?0:_e,Ge=l.useState(fe),Ae=Ge[0],Le=Ge[1],De=l.useState({pageIndex:null!=H?H:0,pageSize:null!=N?N:T}),He=De[0],Ne=De[1],Oe=l.useState({}),ke=Oe[0],Be=Oe[1],Te=l.useState({}),je=Te[0],qe=Te[1];l.useEffect(function(){!L||"number"!=typeof H&&"number"!=typeof N||Ne(function(e){return{pageIndex:null!=H?H:e.pageIndex,pageSize:null!=N?N:e.pageSize}})},[H,N,L]);var Ue=l.useCallback(function(e,t){return Q?Q(e):String(t)},[Q]),$e=l.useMemo(function(){var e=[];return ge&&e.push({id:"__expand__",header:function(){return null},enableSorting:!1,enableHiding:!1,size:40,cell:function(e){var n=e.row;return t(ue,{isExpanded:n.getIsExpanded(),onToggle:function(){return n.toggleExpanded()}})}}),J&&e.push({id:"__select__",header:function(e){var n=e.table,o=n.getIsAllPageRowsSelected(),l=n.getIsSomePageRowsSelected();return t("div",{className:"zui:flex zui:items-center zui:justify-center",children:t(i,{size:"sm","aria-label":"Select all rows",checked:o,indeterminate:l&&!o,onChange:function(e){return n.toggleAllPageRowsSelected(e.target.checked)}})})},cell:function(e){var n=e.row;return t("div",{className:"zui:flex zui:items-center zui:justify-center",children:t(i,{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},[ge,J]),Xe=function(e){const t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[n]=o.useState(()=>({current:le(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:h,columns:l.useMemo(function(){return e(e([],$e,!0),f,!0)},[$e,f]),getRowId:Ue,state:{sorting:pe?Ae:[],rowSelection:J?ke:{},expanded:ge?je:{},pagination:L?He:{pageIndex:0,pageSize:h.length||1e3}},enableSorting:pe,onSortingChange:pe?function(e){var t="function"==typeof e?e(Ae):e;Le(t),he&&he(t)}:void 0,onRowSelectionChange:J?Be:void 0,onExpandedChange:ge?qe:void 0,onPaginationChange:L?function(e){var t="function"==typeof e?e(He):e;Ne(t),j&&j(t.pageIndex,t.pageSize),q&&t.pageSize!==He.pageSize&&q(t.pageSize)}:void 0,manualPagination:S&&L,manualSorting:S&&pe,pageCount:S&&L&&"number"==typeof D?Math.max(1,Math.ceil(D/He.pageSize)):void 0,getCoreRowModel:e=>w(()=>[e.options.data],t=>{const n={rows:[],flatRows:[],rowsById:{}},o=function(t,l,i){void 0===l&&(l=0);const r=[];for(let u=0;u<t.length;u++){const s=R(e,e._getRowId(t[u],u,i),t[u],u,l,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=o(s.originalSubRows,l+1,s)))}return r};return n.rows=o(t),n},v(e.options,"debugTable","getRowModel",()=>e._autoResetPageIndex())),getSortedRowModel:!S&&pe?e=>w(()=>[e.getState().sorting,e.getPreSortedRowModel()],(t,n)=>{if(!n.rows.length||null==t||!t.length)return n;const o=e.getState().sorting,l=[],i=o.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 o=0;o<i.length;o+=1){var n;const l=i[o],a=r[l.id],u=a.sortUndefined,s=null!=(n=null==l?void 0:l.desc)&&n;let g=0;if(u){const n=void 0===e.getValue(l.id),o=void 0===t.getValue(l.id);if(n||o){if("first"===u)return n?-1:1;if("last"===u)return n?1:-1;g=n&&o?0:n?u:-u}}if(0===g&&(g=a.sortingFn(e,t,l.id)),0!==g)return s&&(g*=-1),a.invertSorting&&(g*=-1),g}return e.index-t.index}),t.forEach(e=>{var t;l.push(e),null!=(t=e.subRows)&&t.length&&(e.subRows=a(e.subRows))}),t};return{rows:a(n.rows),flatRows:l,rowsById:n.rowsById}},v(e.options,"debugTable","getSortedRowModel",()=>e._autoResetPageIndex())):void 0,getPaginationRowModel:!S&&L?e=>w(()=>[e.getState().pagination,e.getPrePaginationRowModel(),e.options.paginateExpandedRows?void 0:e.getState().expanded],(t,n)=>{if(!n.rows.length)return n;const{pageSize:o,pageIndex:l}=t;let{rows:i,flatRows:r,rowsById:a}=n;const u=o*l,s=u+o;let g;i=i.slice(u,s),g=e.options.paginateExpandedRows?{rows:i,flatRows:r,rowsById:a}:ie({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},v(e.options,"debugTable","getPaginationRowModel")):void 0,getExpandedRowModel:ge?e=>w(()=>[e.getState().expanded,e.getPreExpandedRowModel(),e.options.paginateExpandedRows],(e,t,n)=>!t.rows.length||!0!==e&&!Object.keys(null!=e?e:{}).length?t:n?ie(t):t,v(e.options,"debugTable","getExpandedRowModel")):void 0}),Ke=Xe.getVisibleLeafColumns(),We=l.useMemo(function(){return Xe.getSelectedRowModel().rows.map(function(e){return e.id})},[ke,Xe]),Je=null!=Ce?Ce:L?He.pageSize:10,Qe=function(e){for(var t,n=0,o=0;o<e;o++)n+=(null===(t=Ke[o])||void 0===t?void 0:t.getSize())||150;return n},Ye=function(e){for(var t,n=0,o=e+1;o<Ke.length;o++)n+=(null===(t=Ke[o])||void 0===t?void 0:t.getSize())||150;return n},Ze=L?S&&"number"==typeof D?Math.max(1,Math.ceil(D/He.pageSize)):Xe.getPageCount():1,et=L?He.pageIndex*He.pageSize+1:1,tt=L?Math.min((He.pageIndex+1)*He.pageSize,S?D||0:h.length):h.length,nt=S?D||0:h.length;return n("div",{className:ae("zui:flex zui:flex-col zui:h-full zui:bg-white zui:w-full",xe),children:[J&&We.length>0&&t("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:n("div",{className:"zui:flex zui:items-center zui:justify-between",children:[t("span",{className:"zui:text-sm zui:text-blue-800 zui:font-medium",children:ne(We.length)}),n("div",{className:"zui:flex zui:items-center zui:gap-2",children:[ee.map(function(e){return n("button",{onClick:function(){return function(e){if(Y){var t=Xe.getSelectedRowModel().rows.map(function(e){return Ue(e.original,Number(e.id))});Y(t,e)}}(e.key)},className:ae("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(e.icon,{className:"zui:h-4 zui:w-4 zui:mr-1"}),e.label]},e.key)}),t("button",{onClick:function(){Be({})},className:"zui:text-sm zui:text-blue-600 hover:zui:text-blue-800 zui:font-medium",children:"Clear"})]})]})}),t("div",{className:"zui:flex-1 zui:overflow-hidden zui:relative",children:t("div",{className:"zui:h-full zui:overflow-auto",children:n("table",{className:"zui:w-full zui:text-sm zui:border-collapse",children:[t("thead",{children:Xe.getHeaderGroups().map(function(e){return t("tr",{className:"zui:bg-gray-50",children:e.headers.map(function(e,o){var l=e.column.getCanSort()&&pe,i=e.column.getIsSorted(),s=o<Ve,g=o>=Ke.length-Ee;return t("th",{className:ae("zui:px-3 zui:py-3 zui:text-left zui:text-xs zui:font-medium zui:text-gray-500 zui:uppercase zui:tracking-wider zui:select-none","zui:bg-gray-200","zui:border-b zui:border-gray-300",Pe&&"zui:sticky zui:top-0 zui:z-20",s&&"zui:z-30 zui:bg-gray-50",g&&"zui:z-30 zui:bg-gray-50",(s||g)&&"zui:sticky",l&&"zui:cursor-pointer hover:zui:bg-gray-100 zui:transition-colors"),style:{left:s?"".concat(Qe(o),"px"):void 0,right:g?"".concat(Ye(o),"px"):void 0,minWidth:e.getSize()},onClick:l?e.column.getToggleSortingHandler():void 0,children:e.isPlaceholder?null:n("div",{className:"zui:flex zui:items-center zui:justify-between zui:gap-2",children:[t("span",{className:"zui:flex-1",children:re(e.column.columnDef.header,e.getContext())}),l&&n("span",{className:"zui:flex zui:items-center zui:text-gray-400",children:["asc"===i&&t(r,{className:"zui:h-4 zui:w-4"}),"desc"===i&&t(a,{className:"zui:h-4 zui:w-4"}),!i&&t(u,{className:"zui:h-4 zui:w-4"})]})]})},e.id)})},e.id)})}),t("tbody",{children:ve?Array.from({length:Je}).map(function(e,n){return t("tr",{children:Ke.map(function(e,o){var l=o<Ve,i=o>=Ke.length-Ee;return t("td",{className:ae("zui:px-4 zui:py-3 zui:bg-white",Me&&"zui:border-b zui:border-gray-200",l&&"zui:sticky zui:z-10",i&&"zui:sticky zui:z-10"),style:{left:l?"".concat(Qe(o),"px"):void 0,right:i?"".concat(Ye(o),"px"):void 0},children:t("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse"})},"skeleton-".concat(n,"-").concat(o))})},"skeleton-".concat(n))}):0===Xe.getRowModel().rows.length?ve||!Se?null:t("tr",{children:t("td",{className:ae("zui:py-12 zui:text-center zui:text-gray-500 zui:bg-white",Me&&"zui:border-b zui:border-gray-200"),colSpan:Ke.length,children:n("div",{className:"zui:flex zui:flex-col zui:items-center zui:gap-3",children:[t(p,{className:"zui:h-8 zui:w-8 zui:text-gray-300"}),n("div",{children:[t("p",{className:"zui:text-sm zui:font-medium zui:text-gray-900",children:"No data found"}),t("p",{className:"zui:text-xs zui:text-gray-500",children:Re})]})]})})}):Xe.getRowModel().rows.map(function(e){return n(l.Fragment,{children:[t("tr",{className:ae("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,o){var l=o<Ve,i=o>=e.getVisibleCells().length-Ee;return t("td",{className:ae("zui:px-4 zui:py-3 zui:text-sm zui:align-middle zui:transition-colors zui:duration-150","zui:text-gray-900",Me&&"zui:border-b zui:border-gray-200",e.getIsSelected()?"zui:bg-blue-50":"zui:bg-white",l&&"zui:sticky zui:z-10 zui:bg-white",i&&"zui:sticky zui:z-10 zui:bg-white"),style:{left:l?"".concat(Qe(o),"px"):void 0,right:i?"".concat(Ye(o),"px"):void 0,minWidth:n.column.getSize()},children:re(n.column.columnDef.cell,n.getContext())},n.id)})}),de&&t(se,{isExpanded:e.getIsExpanded(),colSpan:e.getVisibleCells().length,children:de(e.original)})]},e.id)})})]})})}),L&&t("div",{className:"zui:bg-white zui:px-4 zui:py-3 zui:border-t zui:border-gray-200",children:n("div",{className:"zui:flex zui:items-center zui:justify-between",children:[$&&t("div",{className:"zui:text-sm zui:text-gray-700",children:n("span",{children:[et,"–",tt," of ",nt]})}),n("div",{className:"zui:flex zui:items-center zui:gap-2",children:[K&&t("select",{className:"zui:text-sm zui:border zui:border-gray-300 zui:rounded zui:px-2 zui:py-1 zui:bg-white",value:He.pageSize,onChange:function(e){return Xe.setPageSize(Number(e.target.value))},children:k.map(function(e){return n("option",{value:e,children:[e," rows"]},e)})}),n("div",{className:"zui:flex zui:items-center zui:gap-1",children:[t("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(s,{className:"zui:h-4 zui:w-4"})}),t("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(g,{className:"zui:h-4 zui:w-4"})}),n("span",{className:"zui:px-3 zui:py-1 zui:text-sm zui:text-gray-700",children:[He.pageIndex+1," of ",Ze]}),t("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(d,{className:"zui:h-4 zui:w-4"})}),t("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(Ze-1)},disabled:!Xe.getCanNextPage(),children:t(c,{className:"zui:h-4 zui:w-4"})})]})]})]})})]})}export{ge as DataTable,ge as default};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zimyo/ui",
3
- "version": "1.10.5",
3
+ "version": "1.10.6",
4
4
  "description": "Zimyo UI library built on MUI Material",
5
5
  "type": "module",
6
6
  "module": "dist/index.esm.js",