@zimyo/ui 1.11.5 → 1.11.7

package/dist/components/DataTable/index.d.ts

@@ -26,7 +26,7 @@ interface PaginationConfig {
 interface SelectionConfig<TData> {
     enabled?: boolean;
     rowIdAccessor?: (row: TData) => string;
-    onBulkAction?: (ids: string[], action: string) => void;
+    onBulkAction?: (event: any, ids: string[], action: string) => void;
     bulkActions?: BulkActionConfig[];
     selectionText?: (count: number) => string;
 }

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

@@ -20,4 +20,4 @@ function f(e,t){return"function"==typeof e?e(t):e}function m(e,t){return n=>{t.s
    *
    * @license MIT
    */
-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(f){var m=f.columns,h=f.data,v=f.serverMode,S=void 0!==v&&v,C=f.pagination,z=void 0===C?{}:C,x=f.selection,F=void 0===x?{}:x,M=f.expansion,y=void 0===M?{}:M,P=f.sorting,I=void 0===P?{}:P,V=f.loading,_=void 0===V?{}:V,E=f.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,fe=I.initialSorting,me=void 0===fe?[]:fe,he=I.onSort,we=_.loading,be=void 0!==we&&we,ve=_.fetched,Se=void 0===ve||ve,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(me),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=l.useMemo(function(){return m.filter(function(e){return!1!==e.enableHiding})},[m]),Ke=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),Xe,!0)},[$e,Xe]),getRowId:Ue,defaultColumn:{enableSorting:!1},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,enableRowSelection:J,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},b(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}},b(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},b(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,b(e.options,"debugTable","getExpandedRowModel")):void 0}),We=Ke.getVisibleLeafColumns(),Je=l.useMemo(function(){return Ke.getSelectedRowModel().rows.map(function(e){return e.id})},[ke,Ke]),Qe=null!=Ce?Ce:L?He.pageSize:10,Ye=function(e){for(var t,n=0,o=0;o<e;o++)n+=(null===(t=We[o])||void 0===t?void 0:t.getSize())||150;return n},Ze=function(e){for(var t,n=0,o=e+1;o<We.length;o++)n+=(null===(t=We[o])||void 0===t?void 0:t.getSize())||150;return n},et=L?S&&"number"==typeof D?Math.max(1,Math.ceil(D/He.pageSize)):Ke.getPageCount():1,tt=L?He.pageIndex*He.pageSize+1:1,nt=L?Math.min((He.pageIndex+1)*He.pageSize,S?D||0:h.length):h.length,ot=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&&Je.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(Je.length)}),n("div",{className:"zui:flex zui:items-center zui:gap-2",children:[ee.map(function(e){return n("button",{onClick:function(t){t.stopPropagation(),function(e){if(Y){var t=Ke.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:Ke.getHeaderGroups().map(function(e){return t("tr",{className:"zui:bg-gray-50",children:e.headers.map(function(e,o){var l=pe&&!1!==e.column.columnDef.enableSorting,i=e.column.getIsSorted(),s=o<Ve,g=o>=We.length-Ee,d=Ve>0&&o===Ve-1,c=Ee>0&&o===We.length-Ee;return t("th",{className:ae("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",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",d&&'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',l&&"zui:cursor-pointer hover:zui:bg-gray-100 zui:transition-colors"),style:{left:s?"".concat(Ye(o),"px"):void 0,right:g?"".concat(Ze(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:be?Array.from({length:Qe}).map(function(e,n){return t("tr",{children:We.map(function(e,o){var l=o<Ve,i=o>=We.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(Ye(o),"px"):void 0,right:i?"".concat(Ze(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===Ke.getRowModel().rows.length?be||!Se?null:t("tr",{children:t("td",{className:ae("zui:py-12 zui:text-center zui:text-black zui:bg-white",Me&&"zui:border-b zui:border-gray-200"),colSpan:We.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"}),t("div",{children:t("p",{className:"zui:text-xs zui:text-gray-500",children:Re})})]})})}):Ke.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,r=Ve>0&&o===Ve-1,a=Ee>0&&o===We.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",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(o),"px"):void 0,right:i?"".concat(Ze(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:[tt,"–",nt," of ",ot]})}),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 Ke.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 Ke.setPageIndex(0)},disabled:!Ke.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 Ke.previousPage()},disabled:!Ke.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 ",et]}),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 Ke.nextPage()},disabled:!Ke.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 Ke.setPageIndex(et-1)},disabled:!Ke.getCanNextPage(),children:t(c,{className:"zui:h-4 zui:w-4"})})]})]})]})})]})}export{ge as DataTable,ge as default};
+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(f){var m=f.columns,h=f.data,v=f.serverMode,S=void 0!==v&&v,C=f.pagination,z=void 0===C?{}:C,x=f.selection,F=void 0===x?{}:x,M=f.expansion,y=void 0===M?{}:M,P=f.sorting,I=void 0===P?{}:P,V=f.loading,_=void 0===V?{}:V,E=f.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,fe=I.initialSorting,me=void 0===fe?[]:fe,he=I.onSort,we=_.loading,be=void 0!==we&&we,ve=_.fetched,Se=void 0===ve||ve,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(me),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=l.useMemo(function(){return m.filter(function(e){return!1!==e.enableHiding})},[m]),Ke=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),Xe,!0)},[$e,Xe]),getRowId:Ue,defaultColumn:{enableSorting:!1},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,enableRowSelection:J,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},b(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}},b(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},b(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,b(e.options,"debugTable","getExpandedRowModel")):void 0}),We=Ke.getVisibleLeafColumns(),Je=l.useMemo(function(){return Ke.getSelectedRowModel().rows.map(function(e){return e.id})},[ke,Ke]),Qe=null!=Ce?Ce:L?He.pageSize:10,Ye=function(e){for(var t,n=0,o=0;o<e;o++)n+=(null===(t=We[o])||void 0===t?void 0:t.getSize())||150;return n},Ze=function(e){for(var t,n=0,o=e+1;o<We.length;o++)n+=(null===(t=We[o])||void 0===t?void 0:t.getSize())||150;return n},et=L?S&&"number"==typeof D?Math.max(1,Math.ceil(D/He.pageSize)):Ke.getPageCount():1,tt=L?He.pageIndex*He.pageSize+1:1,nt=L?Math.min((He.pageIndex+1)*He.pageSize,S?D||0:h.length):h.length,ot=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&&Je.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(Je.length)}),n("div",{className:"zui:flex zui:items-center zui:gap-2",children:[ee.map(function(e){return n("button",{onClick:function(t){t.stopPropagation(),function(e,t){if(Y){var n=Ke.getSelectedRowModel().rows.map(function(e){return Ue(e.original,Number(e.id))});Y(t,n,e)}}(e.key,t)},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:Ke.getHeaderGroups().map(function(e){return t("tr",{className:"zui:bg-gray-50",children:e.headers.map(function(e,o){var l=pe&&!1!==e.column.columnDef.enableSorting,i=e.column.getIsSorted(),s=o<Ve,g=o>=We.length-Ee,d=Ve>0&&o===Ve-1,c=Ee>0&&o===We.length-Ee;return t("th",{className:ae("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",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",d&&'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',l&&"zui:cursor-pointer hover:zui:bg-gray-100 zui:transition-colors"),style:{left:s?"".concat(Ye(o),"px"):void 0,right:g?"".concat(Ze(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:be?Array.from({length:Qe}).map(function(e,n){return t("tr",{children:We.map(function(e,o){var l=o<Ve,i=o>=We.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(Ye(o),"px"):void 0,right:i?"".concat(Ze(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===Ke.getRowModel().rows.length?be||!Se?null:t("tr",{children:t("td",{className:ae("zui:py-12 zui:text-center zui:text-black zui:bg-white",Me&&"zui:border-b zui:border-gray-200"),colSpan:We.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"}),t("div",{children:t("p",{className:"zui:text-xs zui:text-gray-500",children:Re})})]})})}):Ke.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,r=Ve>0&&o===Ve-1,a=Ee>0&&o===We.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",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(o),"px"):void 0,right:i?"".concat(Ze(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:[tt,"–",nt," of ",ot]})}),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 Ke.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 Ke.setPageIndex(0)},disabled:!Ke.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 Ke.previousPage()},disabled:!Ke.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 ",et]}),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 Ke.nextPage()},disabled:!Ke.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 Ke.setPageIndex(et-1)},disabled:!Ke.getCanNextPage(),children:t(c,{className:"zui:h-4 zui:w-4"})})]})]})]})})]})}export{ge as DataTable,ge as default};

package/dist/components/DataTable/index.js

@@ -19,4 +19,4 @@
    *
    * @license MIT
    */
-function Z(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)?r.createElement(e,t):e:null;var n}function ee(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(Boolean).join(" ")}var te=function(e){var n=e.isExpanded,o=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(),o()},"aria-label":n?"Collapse row":"Expand row",children:t.jsx(l.ChevronRight,{className:ee("zui:h-4 zui:w-4 zui:transition-transform zui:duration-200",n&&"zui:rotate-90")})})},ne=function(e){var n=e.isExpanded,o=e.children,l=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:l,children:t.jsx("div",{className:"zui:bg-white zui:rounded-lg zui:p-6 zui:shadow-sm",children:o})})})};function oe(i){var a=i.columns,u=i.data,s=i.serverMode,c=void 0!==s&&s,p=i.pagination,f=void 0===p?{}:p,m=i.selection,w=void 0===m?{}:m,v=i.expansion,b=void 0===v?{}:v,S=i.sorting,C=void 0===S?{}:S,z=i.loading,R=void 0===z?{}:z,x=i.styling,F=void 0===x?{}:x,y=f.enabled,M=void 0===y||y,P=f.totalCount,I=f.currentPage,V=f.pageSize,_=f.pageSizeOptions,E=void 0===_?[10,25,50,100]:_,A=f.initialPageSize,G=void 0===A?10:A,j=f.onPageChange,L=f.onPageSizeChange,D=f.showInfo,H=void 0===D||D,N=f.showPageSizeSelector,O=void 0===N||N;f.showGoToPage;var k=w.enabled,B=void 0!==k&&k,T=w.rowIdAccessor,q=w.onBulkAction,U=w.bulkActions,$=void 0===U?[]:U,X=w.selectionText,K=void 0===X?function(e){return"".concat(e," row").concat(1!==e?"s":""," selected")}:X,W=b.enabled,J=void 0!==W&&W,oe=b.renderExpanded,le=C.enabled,ie=void 0!==le&&le,re=C.initialSorting,ae=void 0===re?[]:re,ue=C.onSort,se=R.loading,ge=void 0!==se&&se,de=R.fetched,ce=void 0===de||de,pe=R.loadingRows,fe=R.emptyMessage,me=void 0===fe?"No data found":fe,he=F.className;F.showColumnBorders;var we=F.showRowBorders,ve=void 0===we||we,be=F.stickyHeader,Se=void 0===be||be,Ce=F.pinLeft,ze=void 0===Ce?0:Ce,Re=F.pinRight,xe=void 0===Re?0:Re,Fe=n.useState(ae),ye=Fe[0],Me=Fe[1],Pe=n.useState({pageIndex:null!=I?I:0,pageSize:null!=V?V:G}),Ie=Pe[0],Ve=Pe[1],_e=n.useState({}),Ee=_e[0],Ae=_e[1],Ge=n.useState({}),je=Ge[0],Le=Ge[1];n.useEffect(function(){!M||"number"!=typeof I&&"number"!=typeof V||Ve(function(e){return{pageIndex:null!=I?I:e.pageIndex,pageSize:null!=V?V:e.pageSize}})},[I,V,M]);var De=n.useCallback(function(e,t){return T?T(e):String(t)},[T]),He=n.useMemo(function(){var e=[];return J&&e.push({id:"__expand__",header:function(){return null},enableSorting:!1,enableHiding:!1,size:40,cell:function(e){var n=e.row;return t.jsx(te,{isExpanded:n.getIsExpanded(),onToggle:function(){return n.toggleExpanded()}})}}),B&&e.push({id:"__select__",header:function(e){var n=e.table,l=n.getIsAllPageRowsSelected(),i=n.getIsSomePageRowsSelected();return t.jsx("div",{className:"zui:flex zui:items-center zui:justify-center",children:t.jsx(o.Checkbox,{size:"sm","aria-label":"Select all rows",checked:l,indeterminate:i&&!l,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(o.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},[J,B]),Ne=n.useMemo(function(){return a.filter(function(e){return!1!==e.enableHiding})},[a]),Oe=function(e){const t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[n]=r.useState(()=>({current:Q(t)})),[o,l]=r.useState(()=>n.current.initialState);return n.current.setOptions(t=>({...t,...e,state:{...o,...e.state},onStateChange:t=>{l(t),null==e.onStateChange||e.onStateChange(t)}})),n.current}({data:u,columns:n.useMemo(function(){return e.__spreadArray(e.__spreadArray([],He,!0),Ne,!0)},[He,Ne]),getRowId:De,defaultColumn:{enableSorting:!1},state:{sorting:ie?ye:[],rowSelection:B?Ee:{},expanded:J?je:{},pagination:M?Ie:{pageIndex:0,pageSize:u.length||1e3}},enableSorting:ie,onSortingChange:ie?function(e){var t="function"==typeof e?e(ye):e;Me(t),ue&&ue(t)}:void 0,enableRowSelection:B,onRowSelectionChange:B?Ae:void 0,onExpandedChange:J?Le:void 0,onPaginationChange:M?function(e){var t="function"==typeof e?e(Ie):e;Ve(t),j&&j(t.pageIndex,t.pageSize),L&&t.pageSize!==Ie.pageSize&&L(t.pageSize)}:void 0,manualPagination:c&&M,manualSorting:c&&ie,pageCount:c&&M&&"number"==typeof P?Math.max(1,Math.ceil(P/Ie.pageSize)):void 0,getCoreRowModel:e=>g(()=>[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=h(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},d(e.options,"debugTable","getRowModel",()=>e._autoResetPageIndex())),getSortedRowModel:!c&&ie?e=>g(()=>[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}},d(e.options,"debugTable","getSortedRowModel",()=>e._autoResetPageIndex())):void 0,getPaginationRowModel:!c&&M?e=>g(()=>[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}:Y({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},d(e.options,"debugTable","getPaginationRowModel")):void 0,getExpandedRowModel:J?e=>g(()=>[e.getState().expanded,e.getPreExpandedRowModel(),e.options.paginateExpandedRows],(e,t,n)=>!t.rows.length||!0!==e&&!Object.keys(null!=e?e:{}).length?t:n?Y(t):t,d(e.options,"debugTable","getExpandedRowModel")):void 0}),ke=Oe.getVisibleLeafColumns(),Be=n.useMemo(function(){return Oe.getSelectedRowModel().rows.map(function(e){return e.id})},[Ee,Oe]),Te=null!=pe?pe:M?Ie.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},Ue=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},$e=M?c&&"number"==typeof P?Math.max(1,Math.ceil(P/Ie.pageSize)):Oe.getPageCount():1,Xe=M?Ie.pageIndex*Ie.pageSize+1:1,Ke=M?Math.min((Ie.pageIndex+1)*Ie.pageSize,c?P||0:u.length):u.length,We=c?P||0:u.length;return t.jsxs("div",{className:ee("zui:flex zui:flex-col zui:h-full zui:bg-white zui:w-full",he),children:[B&&Be.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:K(Be.length)}),t.jsxs("div",{className:"zui:flex zui:items-center zui:gap-2",children:[$.map(function(e){return t.jsxs("button",{onClick:function(t){t.stopPropagation(),function(e){if(q){var t=Oe.getSelectedRowModel().rows.map(function(e){return De(e.original,Number(e.id))});q(t,e)}}(e.key)},className:ee("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(){Ae({})},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:Oe.getHeaderGroups().map(function(e){return t.jsx("tr",{className:"zui:bg-gray-50",children:e.headers.map(function(e,n){var o=ie&&!1!==e.column.columnDef.enableSorting,i=e.column.getIsSorted(),r=n<ze,a=n>=ke.length-xe,u=ze>0&&n===ze-1,s=xe>0&&n===ke.length-xe;return t.jsx("th",{className:ee("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",Se&&"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',o&&"zui:cursor-pointer hover:zui:bg-gray-100 zui:transition-colors"),style:{left:r?"".concat(qe(n),"px"):void 0,right:a?"".concat(Ue(n),"px"):void 0,minWidth:e.getSize()},onClick:o?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:Z(e.column.columnDef.header,e.getContext())}),o&&t.jsxs("span",{className:"zui:flex zui:items-center zui:text-gray-400",children:["asc"===i&&t.jsx(l.ChevronUp,{className:"zui:h-4 zui:w-4"}),"desc"===i&&t.jsx(l.ChevronDown,{className:"zui:h-4 zui:w-4"}),!i&&t.jsx(l.ChevronsUpDown,{className:"zui:h-4 zui:w-4"})]})]})},e.id)})},e.id)})}),t.jsx("tbody",{children:ge?Array.from({length:Te}).map(function(e,n){return t.jsx("tr",{children:ke.map(function(e,o){var l=o<ze,i=o>=ke.length-xe;return t.jsx("td",{className:ee("zui:px-4 zui:py-3 zui:bg-white",ve&&"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(Ue(o),"px"):void 0},children:t.jsx("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse"})},"skeleton-".concat(n,"-").concat(o))})},"skeleton-".concat(n))}):0===Oe.getRowModel().rows.length?ge||!ce?null:t.jsx("tr",{children:t.jsx("td",{className:ee("zui:py-12 zui:text-center zui:text-black zui:bg-white",ve&&"zui:border-b zui:border-gray-200"),colSpan:ke.length,children:t.jsxs("div",{className:"zui:flex zui:flex-col zui:items-center zui:gap-3",children:[t.jsx(l.Ellipsis,{className:"zui:h-8 zui:w-8 zui:text-gray-300"}),t.jsx("div",{children:t.jsx("p",{className:"zui:text-xs zui:text-gray-500",children:me})})]})})}):Oe.getRowModel().rows.map(function(e){return t.jsxs(n.Fragment,{children:[t.jsx("tr",{className:ee("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<ze,i=o>=e.getVisibleCells().length-xe,r=ze>0&&o===ze-1,a=xe>0&&o===ke.length-xe;return t.jsx("td",{className:ee("zui:px-4 zui:py-3 zui:text-sm zui:align-middle zui:transition-colors zui:duration-150","zui:text-gray-900",ve&&"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",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(qe(o),"px"):void 0,right:i?"".concat(Ue(o),"px"):void 0,minWidth:n.column.getSize()},children:Z(n.column.columnDef.cell,n.getContext())},n.id)})}),oe&&t.jsx(ne,{isExpanded:e.getIsExpanded(),colSpan:e.getVisibleCells().length,children:oe(e.original)})]},e.id)})})]})})}),M&&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:[H&&t.jsx("div",{className:"zui:text-sm zui:text-gray-700",children:t.jsxs("span",{children:[Xe,"–",Ke," of ",We]})}),t.jsxs("div",{className:"zui:flex zui:items-center zui:gap-2",children:[O&&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:Ie.pageSize,onChange:function(e){return Oe.setPageSize(Number(e.target.value))},children:E.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 Oe.setPageIndex(0)},disabled:!Oe.getCanPreviousPage(),children:t.jsx(l.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 Oe.previousPage()},disabled:!Oe.getCanPreviousPage(),children:t.jsx(l.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:[Ie.pageIndex+1," of ",$e]}),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 Oe.nextPage()},disabled:!Oe.getCanNextPage(),children:t.jsx(l.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 Oe.setPageIndex($e-1)},disabled:!Oe.getCanNextPage(),children:t.jsx(l.ChevronsRight,{className:"zui:h-4 zui:w-4"})})]})]})]})})]})}exports.DataTable=oe,exports.default=oe;
+function Z(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)?r.createElement(e,t):e:null;var n}function ee(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(Boolean).join(" ")}var te=function(e){var n=e.isExpanded,o=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(),o()},"aria-label":n?"Collapse row":"Expand row",children:t.jsx(l.ChevronRight,{className:ee("zui:h-4 zui:w-4 zui:transition-transform zui:duration-200",n&&"zui:rotate-90")})})},ne=function(e){var n=e.isExpanded,o=e.children,l=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:l,children:t.jsx("div",{className:"zui:bg-white zui:rounded-lg zui:p-6 zui:shadow-sm",children:o})})})};function oe(i){var a=i.columns,u=i.data,s=i.serverMode,c=void 0!==s&&s,p=i.pagination,f=void 0===p?{}:p,m=i.selection,w=void 0===m?{}:m,v=i.expansion,b=void 0===v?{}:v,S=i.sorting,C=void 0===S?{}:S,z=i.loading,R=void 0===z?{}:z,x=i.styling,F=void 0===x?{}:x,y=f.enabled,M=void 0===y||y,P=f.totalCount,I=f.currentPage,V=f.pageSize,_=f.pageSizeOptions,E=void 0===_?[10,25,50,100]:_,A=f.initialPageSize,G=void 0===A?10:A,j=f.onPageChange,L=f.onPageSizeChange,D=f.showInfo,H=void 0===D||D,N=f.showPageSizeSelector,O=void 0===N||N;f.showGoToPage;var k=w.enabled,B=void 0!==k&&k,T=w.rowIdAccessor,q=w.onBulkAction,U=w.bulkActions,$=void 0===U?[]:U,X=w.selectionText,K=void 0===X?function(e){return"".concat(e," row").concat(1!==e?"s":""," selected")}:X,W=b.enabled,J=void 0!==W&&W,oe=b.renderExpanded,le=C.enabled,ie=void 0!==le&&le,re=C.initialSorting,ae=void 0===re?[]:re,ue=C.onSort,se=R.loading,ge=void 0!==se&&se,de=R.fetched,ce=void 0===de||de,pe=R.loadingRows,fe=R.emptyMessage,me=void 0===fe?"No data found":fe,he=F.className;F.showColumnBorders;var we=F.showRowBorders,ve=void 0===we||we,be=F.stickyHeader,Se=void 0===be||be,Ce=F.pinLeft,ze=void 0===Ce?0:Ce,Re=F.pinRight,xe=void 0===Re?0:Re,Fe=n.useState(ae),ye=Fe[0],Me=Fe[1],Pe=n.useState({pageIndex:null!=I?I:0,pageSize:null!=V?V:G}),Ie=Pe[0],Ve=Pe[1],_e=n.useState({}),Ee=_e[0],Ae=_e[1],Ge=n.useState({}),je=Ge[0],Le=Ge[1];n.useEffect(function(){!M||"number"!=typeof I&&"number"!=typeof V||Ve(function(e){return{pageIndex:null!=I?I:e.pageIndex,pageSize:null!=V?V:e.pageSize}})},[I,V,M]);var De=n.useCallback(function(e,t){return T?T(e):String(t)},[T]),He=n.useMemo(function(){var e=[];return J&&e.push({id:"__expand__",header:function(){return null},enableSorting:!1,enableHiding:!1,size:40,cell:function(e){var n=e.row;return t.jsx(te,{isExpanded:n.getIsExpanded(),onToggle:function(){return n.toggleExpanded()}})}}),B&&e.push({id:"__select__",header:function(e){var n=e.table,l=n.getIsAllPageRowsSelected(),i=n.getIsSomePageRowsSelected();return t.jsx("div",{className:"zui:flex zui:items-center zui:justify-center",children:t.jsx(o.Checkbox,{size:"sm","aria-label":"Select all rows",checked:l,indeterminate:i&&!l,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(o.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},[J,B]),Ne=n.useMemo(function(){return a.filter(function(e){return!1!==e.enableHiding})},[a]),Oe=function(e){const t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[n]=r.useState(()=>({current:Q(t)})),[o,l]=r.useState(()=>n.current.initialState);return n.current.setOptions(t=>({...t,...e,state:{...o,...e.state},onStateChange:t=>{l(t),null==e.onStateChange||e.onStateChange(t)}})),n.current}({data:u,columns:n.useMemo(function(){return e.__spreadArray(e.__spreadArray([],He,!0),Ne,!0)},[He,Ne]),getRowId:De,defaultColumn:{enableSorting:!1},state:{sorting:ie?ye:[],rowSelection:B?Ee:{},expanded:J?je:{},pagination:M?Ie:{pageIndex:0,pageSize:u.length||1e3}},enableSorting:ie,onSortingChange:ie?function(e){var t="function"==typeof e?e(ye):e;Me(t),ue&&ue(t)}:void 0,enableRowSelection:B,onRowSelectionChange:B?Ae:void 0,onExpandedChange:J?Le:void 0,onPaginationChange:M?function(e){var t="function"==typeof e?e(Ie):e;Ve(t),j&&j(t.pageIndex,t.pageSize),L&&t.pageSize!==Ie.pageSize&&L(t.pageSize)}:void 0,manualPagination:c&&M,manualSorting:c&&ie,pageCount:c&&M&&"number"==typeof P?Math.max(1,Math.ceil(P/Ie.pageSize)):void 0,getCoreRowModel:e=>g(()=>[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=h(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},d(e.options,"debugTable","getRowModel",()=>e._autoResetPageIndex())),getSortedRowModel:!c&&ie?e=>g(()=>[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}},d(e.options,"debugTable","getSortedRowModel",()=>e._autoResetPageIndex())):void 0,getPaginationRowModel:!c&&M?e=>g(()=>[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}:Y({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},d(e.options,"debugTable","getPaginationRowModel")):void 0,getExpandedRowModel:J?e=>g(()=>[e.getState().expanded,e.getPreExpandedRowModel(),e.options.paginateExpandedRows],(e,t,n)=>!t.rows.length||!0!==e&&!Object.keys(null!=e?e:{}).length?t:n?Y(t):t,d(e.options,"debugTable","getExpandedRowModel")):void 0}),ke=Oe.getVisibleLeafColumns(),Be=n.useMemo(function(){return Oe.getSelectedRowModel().rows.map(function(e){return e.id})},[Ee,Oe]),Te=null!=pe?pe:M?Ie.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},Ue=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},$e=M?c&&"number"==typeof P?Math.max(1,Math.ceil(P/Ie.pageSize)):Oe.getPageCount():1,Xe=M?Ie.pageIndex*Ie.pageSize+1:1,Ke=M?Math.min((Ie.pageIndex+1)*Ie.pageSize,c?P||0:u.length):u.length,We=c?P||0:u.length;return t.jsxs("div",{className:ee("zui:flex zui:flex-col zui:h-full zui:bg-white zui:w-full",he),children:[B&&Be.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:K(Be.length)}),t.jsxs("div",{className:"zui:flex zui:items-center zui:gap-2",children:[$.map(function(e){return t.jsxs("button",{onClick:function(t){t.stopPropagation(),function(e,t){if(q){var n=Oe.getSelectedRowModel().rows.map(function(e){return De(e.original,Number(e.id))});q(t,n,e)}}(e.key,t)},className:ee("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(){Ae({})},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:Oe.getHeaderGroups().map(function(e){return t.jsx("tr",{className:"zui:bg-gray-50",children:e.headers.map(function(e,n){var o=ie&&!1!==e.column.columnDef.enableSorting,i=e.column.getIsSorted(),r=n<ze,a=n>=ke.length-xe,u=ze>0&&n===ze-1,s=xe>0&&n===ke.length-xe;return t.jsx("th",{className:ee("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",Se&&"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',o&&"zui:cursor-pointer hover:zui:bg-gray-100 zui:transition-colors"),style:{left:r?"".concat(qe(n),"px"):void 0,right:a?"".concat(Ue(n),"px"):void 0,minWidth:e.getSize()},onClick:o?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:Z(e.column.columnDef.header,e.getContext())}),o&&t.jsxs("span",{className:"zui:flex zui:items-center zui:text-gray-400",children:["asc"===i&&t.jsx(l.ChevronUp,{className:"zui:h-4 zui:w-4"}),"desc"===i&&t.jsx(l.ChevronDown,{className:"zui:h-4 zui:w-4"}),!i&&t.jsx(l.ChevronsUpDown,{className:"zui:h-4 zui:w-4"})]})]})},e.id)})},e.id)})}),t.jsx("tbody",{children:ge?Array.from({length:Te}).map(function(e,n){return t.jsx("tr",{children:ke.map(function(e,o){var l=o<ze,i=o>=ke.length-xe;return t.jsx("td",{className:ee("zui:px-4 zui:py-3 zui:bg-white",ve&&"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(Ue(o),"px"):void 0},children:t.jsx("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse"})},"skeleton-".concat(n,"-").concat(o))})},"skeleton-".concat(n))}):0===Oe.getRowModel().rows.length?ge||!ce?null:t.jsx("tr",{children:t.jsx("td",{className:ee("zui:py-12 zui:text-center zui:text-black zui:bg-white",ve&&"zui:border-b zui:border-gray-200"),colSpan:ke.length,children:t.jsxs("div",{className:"zui:flex zui:flex-col zui:items-center zui:gap-3",children:[t.jsx(l.Ellipsis,{className:"zui:h-8 zui:w-8 zui:text-gray-300"}),t.jsx("div",{children:t.jsx("p",{className:"zui:text-xs zui:text-gray-500",children:me})})]})})}):Oe.getRowModel().rows.map(function(e){return t.jsxs(n.Fragment,{children:[t.jsx("tr",{className:ee("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<ze,i=o>=e.getVisibleCells().length-xe,r=ze>0&&o===ze-1,a=xe>0&&o===ke.length-xe;return t.jsx("td",{className:ee("zui:px-4 zui:py-3 zui:text-sm zui:align-middle zui:transition-colors zui:duration-150","zui:text-gray-900",ve&&"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",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(qe(o),"px"):void 0,right:i?"".concat(Ue(o),"px"):void 0,minWidth:n.column.getSize()},children:Z(n.column.columnDef.cell,n.getContext())},n.id)})}),oe&&t.jsx(ne,{isExpanded:e.getIsExpanded(),colSpan:e.getVisibleCells().length,children:oe(e.original)})]},e.id)})})]})})}),M&&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:[H&&t.jsx("div",{className:"zui:text-sm zui:text-gray-700",children:t.jsxs("span",{children:[Xe,"–",Ke," of ",We]})}),t.jsxs("div",{className:"zui:flex zui:items-center zui:gap-2",children:[O&&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:Ie.pageSize,onChange:function(e){return Oe.setPageSize(Number(e.target.value))},children:E.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 Oe.setPageIndex(0)},disabled:!Oe.getCanPreviousPage(),children:t.jsx(l.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 Oe.previousPage()},disabled:!Oe.getCanPreviousPage(),children:t.jsx(l.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:[Ie.pageIndex+1," of ",$e]}),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 Oe.nextPage()},disabled:!Oe.getCanNextPage(),children:t.jsx(l.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 Oe.setPageIndex($e-1)},disabled:!Oe.getCanNextPage(),children:t.jsx(l.ChevronsRight,{className:"zui:h-4 zui:w-4"})})]})]})]})})]})}exports.DataTable=oe,exports.default=oe;

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

@@ -1 +1 @@
-import{a as e}from"../../chunks/tslib.es6-4974c96c.esm.js";import{jsxs as r,jsx as t}from"react/jsx-runtime";import*as n from"react";import a from"react";import{a as s}from"../../chunks/index-32c3a4e2.esm.js";import{Input as i}from"../Input/index.esm.js";import{Select as o}from"../Select/index.esm.js";import{DatePicker as l}from"../DatePicker/index.esm.js";import{DateRangePicker as u}from"../DateRangePicker/index.esm.js";import c from"../Switch/index.esm.js";import{RadioGroup as d}from"../RadioGroup/index.esm.js";import{Button as m}from"../Button/index.esm.js";import{TimePicker as f}from"../TimePicker/index.esm.js";import{Checkbox as p}from"../Checkbox/index.esm.js";import"../../chunks/lucide-8c9441ea.esm.js";import"../../chunks/typeof-cc63ab7d.esm.js";import"../../chunks/assertThisInitialized-406be690.esm.js";import"@emotion/react";import"react-dom";import"../../chunks/Calender-d4b487fe.esm.js";import"../Popover/index.esm.js";import"@mui/material";import"@mui/material/Popover";import"../../chunks/_commonjsHelpers-02d3be64.esm.js";var v=e=>null==e;var b=e=>!v(e)&&!Array.isArray(e)&&(e=>"object"==typeof e)(e)&&!(e=>e instanceof Date)(e),h=e=>b(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,y="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function g(e){let r;const t=Array.isArray(e),n="undefined"!=typeof FileList&&e instanceof FileList;if(e instanceof Date)r=new Date(e);else{if(y&&(e instanceof Blob||n)||!t&&!b(e))return e;if(r=t?[]:{},t||(e=>{const r=e.constructor&&e.constructor.prototype;return b(r)&&r.hasOwnProperty("isPrototypeOf")})(e))for(const t in e)e.hasOwnProperty(t)&&(r[t]=g(e[t]));else r=e}return r}var x=e=>/^\w*$/.test(e),_=e=>void 0===e,z=e=>{return r=e.replace(/["|']|\]/g,"").split(/\.|\[/),Array.isArray(r)?r.filter(Boolean):[];var r},V=(e,r,t)=>{if(!r||!b(e))return t;const n=(x(r)?[r]:z(r)).reduce((e,r)=>v(e)?e:e[r],e);return _(n)||n===e?_(e[r])?t:e[r]:n},j=e=>"boolean"==typeof e,k=(e,r,t)=>{let n=-1;const a=x(r)?[r]:z(r),s=a.length,i=s-1;for(;++n<s;){const r=a[n];let s=t;if(n!==i){const t=e[r];s=b(t)||Array.isArray(t)?t:isNaN(+a[n+1])?{}:[]}if("__proto__"===r||"constructor"===r||"prototype"===r)return;e[r]=s,e=e[r]}};const N="blur",S="change",w="all",C=a.createContext(null);C.displayName="HookFormContext";const F=()=>a.useContext(C);const P="undefined"!=typeof window?n.useLayoutEffect:n.useEffect;function A(e){const r=F(),{control:t=r.control,disabled:n,name:s,exact:i}=e||{},[o,l]=a.useState(t._formState),u=a.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return P(()=>t._subscribe({name:s,formState:u.current,exact:i,callback:e=>{!n&&l({...t._formState,...e})}}),[s,n,i]),a.useEffect(()=>{u.current.isValid&&t._setValid(!0)},[t]),a.useMemo(()=>((e,r,t,n=!0)=>{const a={defaultValues:r._defaultValues};for(const s in e)Object.defineProperty(a,s,{get:()=>{const a=s;return r._proxyFormState[a]!==w&&(r._proxyFormState[a]=!n||w),t&&(t[a]=!0),e[a]}});return a})(o,t,u.current,!1),[o,t])}function D(e){const r=F(),{control:t=r.control,name:n,defaultValue:s,disabled:i,exact:o}=e||{},l=a.useRef(s),[u,c]=a.useState(t._getWatch(n,l.current));return P(()=>t._subscribe({name:n,formState:{values:!0},exact:o,callback:e=>!i&&c(((e,r,t,n,a)=>"string"==typeof e?(n&&r.watch.add(e),V(t,e,a)):Array.isArray(e)?e.map(e=>(n&&r.watch.add(e),V(t,e))):(n&&(r.watchAll=!0),t))(n,t._names,e.values||t._formValues,!1,l.current))}),[n,t,i,o]),a.useEffect(()=>t._removeUnmounted()),u}const E=e=>e.render(function(e){const r=F(),{name:t,disabled:n,control:s=r.control,shouldUnregister:i}=e,o=((e,r)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(r)))(s._names.array,t),l=D({control:s,name:t,defaultValue:V(s._formValues,t,V(s._defaultValues,t,e.defaultValue)),exact:!0}),u=A({control:s,name:t,exact:!0}),c=a.useRef(e),d=a.useRef(s.register(t,{...e.rules,value:l,...j(e.disabled)?{disabled:e.disabled}:{}})),m=a.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!V(u.errors,t)},isDirty:{enumerable:!0,get:()=>!!V(u.dirtyFields,t)},isTouched:{enumerable:!0,get:()=>!!V(u.touchedFields,t)},isValidating:{enumerable:!0,get:()=>!!V(u.validatingFields,t)},error:{enumerable:!0,get:()=>V(u.errors,t)}}),[u,t]),f=a.useCallback(e=>d.current.onChange({target:{value:h(e),name:t},type:S}),[t]),p=a.useCallback(()=>d.current.onBlur({target:{value:V(s._formValues,t),name:t},type:N}),[t,s._formValues]),v=a.useCallback(e=>{const r=V(s._fields,t);r&&e&&(r._f.ref={focus:()=>e.focus&&e.focus(),select:()=>e.select&&e.select(),setCustomValidity:r=>e.setCustomValidity(r),reportValidity:()=>e.reportValidity()})},[s._fields,t]),b=a.useMemo(()=>({name:t,value:l,...j(n)||u.disabled?{disabled:u.disabled||n}:{},onChange:f,onBlur:p,ref:v}),[t,n,u.disabled,f,p,v,l]);return a.useEffect(()=>{const e=s._options.shouldUnregister||i;s.register(t,{...c.current.rules,...j(c.current.disabled)?{disabled:c.current.disabled}:{}});const r=(e,r)=>{const t=V(s._fields,e);t&&t._f&&(t._f.mount=r)};if(r(t,!0),e){const e=g(V(s._options.defaultValues,t));k(s._defaultValues,t,e),_(V(s._formValues,t))&&k(s._formValues,t,e)}return!o&&s.register(t),()=>{(o?e&&!s._state.action:e)?s.unregister(t):r(t,!1)}},[t,s,o,i]),a.useEffect(()=>{s._setDisabledField({disabled:n,name:t})},[n,t,s]),a.useMemo(()=>({field:b,formState:u,fieldState:m}),[b,u,m])}(e));var M=function(n){var a=n.schema,v=n.form,b=n.layout,h=void 0===b?"vertical":b,y=n.columns,g=void 0===y?2:y,x=n.className,_=n.showSubmitButton,z=void 0!==_&&_,V=n.onSubmit,j=v.control,k=v.handleSubmit,N=v.watch,S=v.formState.errors,w=N(),C="grid"===h?"zui:grid zui:grid-cols-12 zui:gap-3 zui:items-baseline":"zui:flex zui:flex-col zui:gap-3";return r("form",{onSubmit:V?k(V):void 0,className:s(C,x),children:[a.map(function(n){var a,m=n.name,v=n.label,b=n.type,y=n.placeholder,x=n.required,_=n.options,z=n.component,V=n.colSpan,k=n.inputProps,N=n.controllerProps;if(!(!n.visibleIf||n.visibleIf(w)))return null;var C=null!=V?V:Math.floor(12/g),F="grid"===h?{1:"zui:col-span-1",2:"zui:col-span-2",3:"zui:col-span-3",4:"zui:col-span-4",5:"zui:col-span-5",6:"zui:col-span-6",7:"zui:col-span-7",8:"zui:col-span-8",9:"zui:col-span-9",10:"zui:col-span-10",11:"zui:col-span-11",12:"zui:col-span-12"}[C]:void 0,P={label:v,placeholder:y,required:x,options:_},A=e({required:null!=x?x:null===(a=n.validation)||void 0===a?void 0:a.required},n.validation),D=null!=k?k:{},M=null!=N?N:{},B=function(){var e;return(null==S?void 0:S[m])?t("p",{className:"zui:text-red-600 zui:text-xs",children:null===(e=S[m])||void 0===e?void 0:e.message}):null};switch(b){case"text":case"number":return r("div",{className:s(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(i,e({},n,{type:"number"===b?"number":"text"},P,D))}})),B()]},m);case"textarea":return r("div",{className:s(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(i,e({},n,P,D,{type:"textarea"}))}})),B()]},m);case"select":return r("div",{className:s(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(o,e({},n,P,D))}})),B()]},m);case"multiselect":case"multi-select":return r("div",{className:s(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(o,e({},n,P,D,{isMulti:!0}))}})),B()]},m);case"radio":return r("div",{className:s(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(d,e({},n,P,D))}})),B()]},m);case"switch":return r("div",{className:s(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(c,e({},n,P,D))}})),B()]},m);case"checkbox":return r("div",{className:s(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(p,e({},n,P,D))}})),B()]},m);case"timepicker":case"time":return r("div",{className:s(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(f,e({},n,P,D))}})),B()]},m);case"file":return r("div",{className:s(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(i,e({},n,P,D,{type:"file"}))}})),B()]},m);case"date":return r("div",{className:s(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(l,e({},n,P,D))}})),B()]},m);case"daterange":return r("div",{className:s(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(u,e({},n,P,D))}})),B()]},m);case"custom":return t("div",{className:s(F),children:z||null},m);default:return null}}),z&&t("div",{className:"zui:col-span-12",children:t(m,{type:"submit",children:"Submit"})})]})};export{M as Form,M as default};
+import{a as e}from"../../chunks/tslib.es6-4974c96c.esm.js";import{jsxs as r,jsx as t}from"react/jsx-runtime";import*as n from"react";import a from"react";import{a as i}from"../../chunks/index-32c3a4e2.esm.js";import{Input as s}from"../Input/index.esm.js";import{Select as o}from"../Select/index.esm.js";import{DatePicker as l}from"../DatePicker/index.esm.js";import{DateRangePicker as u}from"../DateRangePicker/index.esm.js";import c from"../Switch/index.esm.js";import{RadioGroup as d}from"../RadioGroup/index.esm.js";import{Button as m}from"../Button/index.esm.js";import{TimePicker as f}from"../TimePicker/index.esm.js";import{Checkbox as p}from"../Checkbox/index.esm.js";import"../../chunks/lucide-8c9441ea.esm.js";import"../../chunks/typeof-cc63ab7d.esm.js";import"../../chunks/assertThisInitialized-406be690.esm.js";import"@emotion/react";import"react-dom";import"../../chunks/Calender-d4b487fe.esm.js";import"../Popover/index.esm.js";import"@mui/material";import"@mui/material/Popover";import"../../chunks/_commonjsHelpers-02d3be64.esm.js";var v=e=>null==e;var h=e=>!v(e)&&!Array.isArray(e)&&(e=>"object"==typeof e)(e)&&!(e=>e instanceof Date)(e),b=e=>h(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,y="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function g(e){let r;const t=Array.isArray(e),n="undefined"!=typeof FileList&&e instanceof FileList;if(e instanceof Date)r=new Date(e);else{if(y&&(e instanceof Blob||n)||!t&&!h(e))return e;if(r=t?[]:{},t||(e=>{const r=e.constructor&&e.constructor.prototype;return h(r)&&r.hasOwnProperty("isPrototypeOf")})(e))for(const t in e)e.hasOwnProperty(t)&&(r[t]=g(e[t]));else r=e}return r}var x=e=>/^\w*$/.test(e),_=e=>void 0===e,z=e=>{return r=e.replace(/["|']|\]/g,"").split(/\.|\[/),Array.isArray(r)?r.filter(Boolean):[];var r},V=(e,r,t)=>{if(!r||!h(e))return t;const n=(x(r)?[r]:z(r)).reduce((e,r)=>v(e)?e:e[r],e);return _(n)||n===e?_(e[r])?t:e[r]:n},j=e=>"boolean"==typeof e,k=(e,r,t)=>{let n=-1;const a=x(r)?[r]:z(r),i=a.length,s=i-1;for(;++n<i;){const r=a[n];let i=t;if(n!==s){const t=e[r];i=h(t)||Array.isArray(t)?t:isNaN(+a[n+1])?{}:[]}if("__proto__"===r||"constructor"===r||"prototype"===r)return;e[r]=i,e=e[r]}};const N="blur",S="change",w="all",C=a.createContext(null);C.displayName="HookFormContext";const F=()=>a.useContext(C);const P="undefined"!=typeof window?n.useLayoutEffect:n.useEffect;function A(e){const r=F(),{control:t=r.control,disabled:n,name:i,exact:s}=e||{},[o,l]=a.useState(t._formState),u=a.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return P(()=>t._subscribe({name:i,formState:u.current,exact:s,callback:e=>{!n&&l({...t._formState,...e})}}),[i,n,s]),a.useEffect(()=>{u.current.isValid&&t._setValid(!0)},[t]),a.useMemo(()=>((e,r,t,n=!0)=>{const a={defaultValues:r._defaultValues};for(const i in e)Object.defineProperty(a,i,{get:()=>{const a=i;return r._proxyFormState[a]!==w&&(r._proxyFormState[a]=!n||w),t&&(t[a]=!0),e[a]}});return a})(o,t,u.current,!1),[o,t])}function D(e){const r=F(),{control:t=r.control,name:n,defaultValue:i,disabled:s,exact:o}=e||{},l=a.useRef(i),[u,c]=a.useState(t._getWatch(n,l.current));return P(()=>t._subscribe({name:n,formState:{values:!0},exact:o,callback:e=>!s&&c(((e,r,t,n,a)=>"string"==typeof e?(n&&r.watch.add(e),V(t,e,a)):Array.isArray(e)?e.map(e=>(n&&r.watch.add(e),V(t,e))):(n&&(r.watchAll=!0),t))(n,t._names,e.values||t._formValues,!1,l.current))}),[n,t,s,o]),a.useEffect(()=>t._removeUnmounted()),u}const E=e=>e.render(function(e){const r=F(),{name:t,disabled:n,control:i=r.control,shouldUnregister:s}=e,o=((e,r)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(r)))(i._names.array,t),l=D({control:i,name:t,defaultValue:V(i._formValues,t,V(i._defaultValues,t,e.defaultValue)),exact:!0}),u=A({control:i,name:t,exact:!0}),c=a.useRef(e),d=a.useRef(i.register(t,{...e.rules,value:l,...j(e.disabled)?{disabled:e.disabled}:{}})),m=a.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!V(u.errors,t)},isDirty:{enumerable:!0,get:()=>!!V(u.dirtyFields,t)},isTouched:{enumerable:!0,get:()=>!!V(u.touchedFields,t)},isValidating:{enumerable:!0,get:()=>!!V(u.validatingFields,t)},error:{enumerable:!0,get:()=>V(u.errors,t)}}),[u,t]),f=a.useCallback(e=>d.current.onChange({target:{value:b(e),name:t},type:S}),[t]),p=a.useCallback(()=>d.current.onBlur({target:{value:V(i._formValues,t),name:t},type:N}),[t,i._formValues]),v=a.useCallback(e=>{const r=V(i._fields,t);r&&e&&(r._f.ref={focus:()=>e.focus&&e.focus(),select:()=>e.select&&e.select(),setCustomValidity:r=>e.setCustomValidity(r),reportValidity:()=>e.reportValidity()})},[i._fields,t]),h=a.useMemo(()=>({name:t,value:l,...j(n)||u.disabled?{disabled:u.disabled||n}:{},onChange:f,onBlur:p,ref:v}),[t,n,u.disabled,f,p,v,l]);return a.useEffect(()=>{const e=i._options.shouldUnregister||s;i.register(t,{...c.current.rules,...j(c.current.disabled)?{disabled:c.current.disabled}:{}});const r=(e,r)=>{const t=V(i._fields,e);t&&t._f&&(t._f.mount=r)};if(r(t,!0),e){const e=g(V(i._options.defaultValues,t));k(i._defaultValues,t,e),_(V(i._formValues,t))&&k(i._formValues,t,e)}return!o&&i.register(t),()=>{(o?e&&!i._state.action:e)?i.unregister(t):r(t,!1)}},[t,i,o,s]),a.useEffect(()=>{i._setDisabledField({disabled:n,name:t})},[n,t,i]),a.useMemo(()=>({field:h,formState:u,fieldState:m}),[h,u,m])}(e));var M=function(n){var a=n.schema,v=n.form,h=n.layout,b=void 0===h?"vertical":h,y=n.columns,g=void 0===y?2:y,x=n.className,_=n.showSubmitButton,z=void 0!==_&&_,V=n.onSubmit,j=v.control,k=v.handleSubmit,N=v.watch,S=v.formState.errors,w=N(),C="grid"===b?"zui:grid zui:grid-cols-12 zui:gap-3 zui:items-baseline":"zui:flex zui:flex-col zui:gap-3";return r("form",{onSubmit:V?k(V):void 0,className:i(C,x),children:[a.map(function(n){var a,m=n.name,v=n.label,h=n.type,y=n.placeholder,x=n.required,_=n.options,z=n.component,V=n.colSpan,k=n.inputProps,N=n.controllerProps;if(!(!n.visibleIf||n.visibleIf(w)))return null;var C=null!=V?V:Math.floor(12/g),F="grid"===b?{1:"zui:col-span-1",2:"zui:col-span-2",3:"zui:col-span-3",4:"zui:col-span-4",5:"zui:col-span-5",6:"zui:col-span-6",7:"zui:col-span-7",8:"zui:col-span-8",9:"zui:col-span-9",10:"zui:col-span-10",11:"zui:col-span-11",12:"zui:col-span-12"}[C]:void 0,P={label:v,placeholder:y,required:x,options:_},A=e({required:null!=x?x:null===(a=n.validation)||void 0===a?void 0:a.required},n.validation),D=null!=k?k:{},M=null!=N?N:{},B=function(){var e;return(null==S?void 0:S[m])?t("p",{className:"zui:text-red-600 zui:text-xs",children:null===(e=S[m])||void 0===e?void 0:e.message}):null};switch(h){case"text":case"number":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(s,e({},n,{type:"number"===h?"number":"text"},P,D))}})),B()]},m);case"textarea":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(s,e({},n,P,D,{type:"textarea"}))}})),B()]},m);case"select":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(o,e({},n,P,D))}})),B()]},m);case"multiselect":case"multi-select":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(o,e({},n,P,D,{isMulti:!0}))}})),B()]},m);case"radio":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(d,e({},n,P,D))}})),B()]},m);case"switch":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(c,e({},n,P,D))}})),B()]},m);case"checkbox":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(p,e({},n,P,D))}})),B()]},m);case"timepicker":case"time":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(f,e({},n,P,D))}})),B()]},m);case"file":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(s,e({},n,P,D,{value:void 0,type:"file",ref:n.ref,onChange:function(e){return n.onChange(e.target.files)}}))}})),B()]},m);case"date":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(l,e({},n,P,D))}})),B()]},m);case"daterange":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(u,e({},n,P,D))}})),B()]},m);case"custom":return t("div",{className:i(F),children:z||null},m);default:return null}}),z&&t("div",{className:"zui:col-span-12",children:t(m,{type:"submit",children:"Submit"})})]})};export{M as Form,M as default};

package/dist/components/Form/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../chunks/tslib.es6-a3dc1f53.js"),r=require("react/jsx-runtime"),s=require("react"),t=require("../../chunks/index-90b71f01.js"),n=require("../Input/index.js"),i=require("../Select/index.js"),a=require("../DatePicker/index.js"),l=require("../DateRangePicker/index.js"),u=require("../Switch/index.js"),o=require("../RadioGroup/index.js"),c=require("../Button/index.js"),d=require("../TimePicker/index.js"),f=require("../Checkbox/index.js");function m(e){var r=Object.create(null);return e&&Object.keys(e).forEach(function(s){if("default"!==s){var t=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(r,s,t.get?t:{enumerable:!0,get:function(){return e[s]}})}}),r.default=e,Object.freeze(r)}require("../../chunks/lucide-493ccaad.js"),require("../../chunks/typeof-b30b964a.js"),require("../../chunks/assertThisInitialized-d31798d4.js"),require("@emotion/react"),require("react-dom"),require("../../chunks/Calender-0d04996d.js"),require("../Popover/index.js"),require("@mui/material"),require("@mui/material/Popover"),require("../../chunks/_commonjsHelpers-3d4c1909.js");var _=m(s),p=e=>null==e;var x=e=>!p(e)&&!Array.isArray(e)&&(e=>"object"==typeof e)(e)&&!(e=>e instanceof Date)(e),g=e=>x(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,v="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function j(e){let r;const s=Array.isArray(e),t="undefined"!=typeof FileList&&e instanceof FileList;if(e instanceof Date)r=new Date(e);else{if(v&&(e instanceof Blob||t)||!s&&!x(e))return e;if(r=s?[]:{},s||(e=>{const r=e.constructor&&e.constructor.prototype;return x(r)&&r.hasOwnProperty("isPrototypeOf")})(e))for(const s in e)e.hasOwnProperty(s)&&(r[s]=j(e[s]));else r=e}return r}var b=e=>/^\w*$/.test(e),h=e=>void 0===e,y=e=>{return r=e.replace(/["|']|\]/g,"").split(/\.|\[/),Array.isArray(r)?r.filter(Boolean):[];var r},q=(e,r,s)=>{if(!r||!x(e))return s;const t=(b(r)?[r]:y(r)).reduce((e,r)=>p(e)?e:e[r],e);return h(t)||t===e?h(e[r])?s:e[r]:t},k=e=>"boolean"==typeof e,z=(e,r,s)=>{let t=-1;const n=b(r)?[r]:y(r),i=n.length,a=i-1;for(;++t<i;){const r=n[t];let i=s;if(t!==a){const s=e[r];i=x(s)||Array.isArray(s)?s:isNaN(+n[t+1])?{}:[]}if("__proto__"===r||"constructor"===r||"prototype"===r)return;e[r]=i,e=e[r]}};const V="blur",S="change",w="all",N=s.createContext(null);N.displayName="HookFormContext";const P=()=>s.useContext(N);const C="undefined"!=typeof window?_.useLayoutEffect:_.useEffect;function F(e){const r=P(),{control:t=r.control,disabled:n,name:i,exact:a}=e||{},[l,u]=s.useState(t._formState),o=s.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return C(()=>t._subscribe({name:i,formState:o.current,exact:a,callback:e=>{!n&&u({...t._formState,...e})}}),[i,n,a]),s.useEffect(()=>{o.current.isValid&&t._setValid(!0)},[t]),s.useMemo(()=>((e,r,s,t=!0)=>{const n={defaultValues:r._defaultValues};for(const i in e)Object.defineProperty(n,i,{get:()=>{const n=i;return r._proxyFormState[n]!==w&&(r._proxyFormState[n]=!t||w),s&&(s[n]=!0),e[n]}});return n})(l,t,o.current,!1),[l,t])}function O(e){const r=P(),{control:t=r.control,name:n,defaultValue:i,disabled:a,exact:l}=e||{},u=s.useRef(i),[o,c]=s.useState(t._getWatch(n,u.current));return C(()=>t._subscribe({name:n,formState:{values:!0},exact:l,callback:e=>!a&&c(((e,r,s,t,n)=>"string"==typeof e?(t&&r.watch.add(e),q(s,e,n)):Array.isArray(e)?e.map(e=>(t&&r.watch.add(e),q(s,e))):(t&&(r.watchAll=!0),s))(n,t._names,e.values||t._formValues,!1,u.current))}),[n,t,a,l]),s.useEffect(()=>t._removeUnmounted()),o}const A=e=>e.render(function(e){const r=P(),{name:t,disabled:n,control:i=r.control,shouldUnregister:a}=e,l=((e,r)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(r)))(i._names.array,t),u=O({control:i,name:t,defaultValue:q(i._formValues,t,q(i._defaultValues,t,e.defaultValue)),exact:!0}),o=F({control:i,name:t,exact:!0}),c=s.useRef(e),d=s.useRef(i.register(t,{...e.rules,value:u,...k(e.disabled)?{disabled:e.disabled}:{}})),f=s.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!q(o.errors,t)},isDirty:{enumerable:!0,get:()=>!!q(o.dirtyFields,t)},isTouched:{enumerable:!0,get:()=>!!q(o.touchedFields,t)},isValidating:{enumerable:!0,get:()=>!!q(o.validatingFields,t)},error:{enumerable:!0,get:()=>q(o.errors,t)}}),[o,t]),m=s.useCallback(e=>d.current.onChange({target:{value:g(e),name:t},type:S}),[t]),_=s.useCallback(()=>d.current.onBlur({target:{value:q(i._formValues,t),name:t},type:V}),[t,i._formValues]),p=s.useCallback(e=>{const r=q(i._fields,t);r&&e&&(r._f.ref={focus:()=>e.focus&&e.focus(),select:()=>e.select&&e.select(),setCustomValidity:r=>e.setCustomValidity(r),reportValidity:()=>e.reportValidity()})},[i._fields,t]),x=s.useMemo(()=>({name:t,value:u,...k(n)||o.disabled?{disabled:o.disabled||n}:{},onChange:m,onBlur:_,ref:p}),[t,n,o.disabled,m,_,p,u]);return s.useEffect(()=>{const e=i._options.shouldUnregister||a;i.register(t,{...c.current.rules,...k(c.current.disabled)?{disabled:c.current.disabled}:{}});const r=(e,r)=>{const s=q(i._fields,e);s&&s._f&&(s._f.mount=r)};if(r(t,!0),e){const e=j(q(i._options.defaultValues,t));z(i._defaultValues,t,e),h(q(i._formValues,t))&&z(i._formValues,t,e)}return!l&&i.register(t),()=>{(l?e&&!i._state.action:e)?i.unregister(t):r(t,!1)}},[t,i,l,a]),s.useEffect(()=>{i._setDisabledField({disabled:n,name:t})},[n,t,i]),s.useMemo(()=>({field:x,formState:o,fieldState:f}),[x,o,f])}(e));var D=function(s){var m=s.schema,_=s.form,p=s.layout,x=void 0===p?"vertical":p,g=s.columns,v=void 0===g?2:g,j=s.className,b=s.showSubmitButton,h=void 0!==b&&b,y=s.onSubmit,q=_.control,k=_.handleSubmit,z=_.watch,V=_.formState.errors,S=z(),w="grid"===x?"zui:grid zui:grid-cols-12 zui:gap-3 zui:items-baseline":"zui:flex zui:flex-col zui:gap-3";return r.jsxs("form",{onSubmit:y?k(y):void 0,className:t.cn(w,j),children:[m.map(function(s){var c,m=s.name,_=s.label,p=s.type,g=s.placeholder,j=s.required,b=s.options,h=s.component,y=s.colSpan,k=s.inputProps,z=s.controllerProps;if(!(!s.visibleIf||s.visibleIf(S)))return null;var w=null!=y?y:Math.floor(12/v),N="grid"===x?{1:"zui:col-span-1",2:"zui:col-span-2",3:"zui:col-span-3",4:"zui:col-span-4",5:"zui:col-span-5",6:"zui:col-span-6",7:"zui:col-span-7",8:"zui:col-span-8",9:"zui:col-span-9",10:"zui:col-span-10",11:"zui:col-span-11",12:"zui:col-span-12"}[w]:void 0,P={label:_,placeholder:g,required:j,options:b},C=e.__assign({required:null!=j?j:null===(c=s.validation)||void 0===c?void 0:c.required},s.validation),F=null!=k?k:{},O=null!=z?z:{},D=function(){var e;return(null==V?void 0:V[m])?r.jsx("p",{className:"zui:text-red-600 zui:text-xs",children:null===(e=V[m])||void 0===e?void 0:e.message}):null};switch(p){case"text":case"number":return r.jsxs("div",{className:t.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(s){var t=s.field;return r.jsx(n.Input,e.__assign({},t,{type:"number"===p?"number":"text"},P,F))}})),D()]},m);case"textarea":return r.jsxs("div",{className:t.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(s){var t=s.field;return r.jsx(n.Input,e.__assign({},t,P,F,{type:"textarea"}))}})),D()]},m);case"select":return r.jsxs("div",{className:t.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(s){var t=s.field;return r.jsx(i.Select,e.__assign({},t,P,F))}})),D()]},m);case"multiselect":case"multi-select":return r.jsxs("div",{className:t.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(s){var t=s.field;return r.jsx(i.Select,e.__assign({},t,P,F,{isMulti:!0}))}})),D()]},m);case"radio":return r.jsxs("div",{className:t.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(s){var t=s.field;return r.jsx(o.RadioGroup,e.__assign({},t,P,F))}})),D()]},m);case"switch":return r.jsxs("div",{className:t.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(s){var t=s.field;return r.jsx(u.default,e.__assign({},t,P,F))}})),D()]},m);case"checkbox":return r.jsxs("div",{className:t.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(s){var t=s.field;return r.jsx(f.Checkbox,e.__assign({},t,P,F))}})),D()]},m);case"timepicker":case"time":return r.jsxs("div",{className:t.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(s){var t=s.field;return r.jsx(d.TimePicker,e.__assign({},t,P,F))}})),D()]},m);case"file":return r.jsxs("div",{className:t.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(s){var t=s.field;return r.jsx(n.Input,e.__assign({},t,P,F,{type:"file"}))}})),D()]},m);case"date":return r.jsxs("div",{className:t.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(s){var t=s.field;return r.jsx(a.DatePicker,e.__assign({},t,P,F))}})),D()]},m);case"daterange":return r.jsxs("div",{className:t.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(s){var t=s.field;return r.jsx(l.DateRangePicker,e.__assign({},t,P,F))}})),D()]},m);case"custom":return r.jsx("div",{className:t.cn(N),children:h||null},m);default:return null}}),h&&r.jsx("div",{className:"zui:col-span-12",children:r.jsx(c.Button,{type:"submit",children:"Submit"})})]})};exports.Form=D,exports.default=D;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../chunks/tslib.es6-a3dc1f53.js"),r=require("react/jsx-runtime"),t=require("react"),s=require("../../chunks/index-90b71f01.js"),n=require("../Input/index.js"),i=require("../Select/index.js"),a=require("../DatePicker/index.js"),l=require("../DateRangePicker/index.js"),u=require("../Switch/index.js"),o=require("../RadioGroup/index.js"),c=require("../Button/index.js"),d=require("../TimePicker/index.js"),f=require("../Checkbox/index.js");function m(e){var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}require("../../chunks/lucide-493ccaad.js"),require("../../chunks/typeof-b30b964a.js"),require("../../chunks/assertThisInitialized-d31798d4.js"),require("@emotion/react"),require("react-dom"),require("../../chunks/Calender-0d04996d.js"),require("../Popover/index.js"),require("@mui/material"),require("@mui/material/Popover"),require("../../chunks/_commonjsHelpers-3d4c1909.js");var _=m(t),p=e=>null==e;var x=e=>!p(e)&&!Array.isArray(e)&&(e=>"object"==typeof e)(e)&&!(e=>e instanceof Date)(e),g=e=>x(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,v="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function j(e){let r;const t=Array.isArray(e),s="undefined"!=typeof FileList&&e instanceof FileList;if(e instanceof Date)r=new Date(e);else{if(v&&(e instanceof Blob||s)||!t&&!x(e))return e;if(r=t?[]:{},t||(e=>{const r=e.constructor&&e.constructor.prototype;return x(r)&&r.hasOwnProperty("isPrototypeOf")})(e))for(const t in e)e.hasOwnProperty(t)&&(r[t]=j(e[t]));else r=e}return r}var b=e=>/^\w*$/.test(e),h=e=>void 0===e,y=e=>{return r=e.replace(/["|']|\]/g,"").split(/\.|\[/),Array.isArray(r)?r.filter(Boolean):[];var r},q=(e,r,t)=>{if(!r||!x(e))return t;const s=(b(r)?[r]:y(r)).reduce((e,r)=>p(e)?e:e[r],e);return h(s)||s===e?h(e[r])?t:e[r]:s},k=e=>"boolean"==typeof e,z=(e,r,t)=>{let s=-1;const n=b(r)?[r]:y(r),i=n.length,a=i-1;for(;++s<i;){const r=n[s];let i=t;if(s!==a){const t=e[r];i=x(t)||Array.isArray(t)?t:isNaN(+n[s+1])?{}:[]}if("__proto__"===r||"constructor"===r||"prototype"===r)return;e[r]=i,e=e[r]}};const V="blur",S="change",w="all",N=t.createContext(null);N.displayName="HookFormContext";const P=()=>t.useContext(N);const C="undefined"!=typeof window?_.useLayoutEffect:_.useEffect;function F(e){const r=P(),{control:s=r.control,disabled:n,name:i,exact:a}=e||{},[l,u]=t.useState(s._formState),o=t.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return C(()=>s._subscribe({name:i,formState:o.current,exact:a,callback:e=>{!n&&u({...s._formState,...e})}}),[i,n,a]),t.useEffect(()=>{o.current.isValid&&s._setValid(!0)},[s]),t.useMemo(()=>((e,r,t,s=!0)=>{const n={defaultValues:r._defaultValues};for(const i in e)Object.defineProperty(n,i,{get:()=>{const n=i;return r._proxyFormState[n]!==w&&(r._proxyFormState[n]=!s||w),t&&(t[n]=!0),e[n]}});return n})(l,s,o.current,!1),[l,s])}function O(e){const r=P(),{control:s=r.control,name:n,defaultValue:i,disabled:a,exact:l}=e||{},u=t.useRef(i),[o,c]=t.useState(s._getWatch(n,u.current));return C(()=>s._subscribe({name:n,formState:{values:!0},exact:l,callback:e=>!a&&c(((e,r,t,s,n)=>"string"==typeof e?(s&&r.watch.add(e),q(t,e,n)):Array.isArray(e)?e.map(e=>(s&&r.watch.add(e),q(t,e))):(s&&(r.watchAll=!0),t))(n,s._names,e.values||s._formValues,!1,u.current))}),[n,s,a,l]),t.useEffect(()=>s._removeUnmounted()),o}const A=e=>e.render(function(e){const r=P(),{name:s,disabled:n,control:i=r.control,shouldUnregister:a}=e,l=((e,r)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(r)))(i._names.array,s),u=O({control:i,name:s,defaultValue:q(i._formValues,s,q(i._defaultValues,s,e.defaultValue)),exact:!0}),o=F({control:i,name:s,exact:!0}),c=t.useRef(e),d=t.useRef(i.register(s,{...e.rules,value:u,...k(e.disabled)?{disabled:e.disabled}:{}})),f=t.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!q(o.errors,s)},isDirty:{enumerable:!0,get:()=>!!q(o.dirtyFields,s)},isTouched:{enumerable:!0,get:()=>!!q(o.touchedFields,s)},isValidating:{enumerable:!0,get:()=>!!q(o.validatingFields,s)},error:{enumerable:!0,get:()=>q(o.errors,s)}}),[o,s]),m=t.useCallback(e=>d.current.onChange({target:{value:g(e),name:s},type:S}),[s]),_=t.useCallback(()=>d.current.onBlur({target:{value:q(i._formValues,s),name:s},type:V}),[s,i._formValues]),p=t.useCallback(e=>{const r=q(i._fields,s);r&&e&&(r._f.ref={focus:()=>e.focus&&e.focus(),select:()=>e.select&&e.select(),setCustomValidity:r=>e.setCustomValidity(r),reportValidity:()=>e.reportValidity()})},[i._fields,s]),x=t.useMemo(()=>({name:s,value:u,...k(n)||o.disabled?{disabled:o.disabled||n}:{},onChange:m,onBlur:_,ref:p}),[s,n,o.disabled,m,_,p,u]);return t.useEffect(()=>{const e=i._options.shouldUnregister||a;i.register(s,{...c.current.rules,...k(c.current.disabled)?{disabled:c.current.disabled}:{}});const r=(e,r)=>{const t=q(i._fields,e);t&&t._f&&(t._f.mount=r)};if(r(s,!0),e){const e=j(q(i._options.defaultValues,s));z(i._defaultValues,s,e),h(q(i._formValues,s))&&z(i._formValues,s,e)}return!l&&i.register(s),()=>{(l?e&&!i._state.action:e)?i.unregister(s):r(s,!1)}},[s,i,l,a]),t.useEffect(()=>{i._setDisabledField({disabled:n,name:s})},[n,s,i]),t.useMemo(()=>({field:x,formState:o,fieldState:f}),[x,o,f])}(e));var D=function(t){var m=t.schema,_=t.form,p=t.layout,x=void 0===p?"vertical":p,g=t.columns,v=void 0===g?2:g,j=t.className,b=t.showSubmitButton,h=void 0!==b&&b,y=t.onSubmit,q=_.control,k=_.handleSubmit,z=_.watch,V=_.formState.errors,S=z(),w="grid"===x?"zui:grid zui:grid-cols-12 zui:gap-3 zui:items-baseline":"zui:flex zui:flex-col zui:gap-3";return r.jsxs("form",{onSubmit:y?k(y):void 0,className:s.cn(w,j),children:[m.map(function(t){var c,m=t.name,_=t.label,p=t.type,g=t.placeholder,j=t.required,b=t.options,h=t.component,y=t.colSpan,k=t.inputProps,z=t.controllerProps;if(!(!t.visibleIf||t.visibleIf(S)))return null;var w=null!=y?y:Math.floor(12/v),N="grid"===x?{1:"zui:col-span-1",2:"zui:col-span-2",3:"zui:col-span-3",4:"zui:col-span-4",5:"zui:col-span-5",6:"zui:col-span-6",7:"zui:col-span-7",8:"zui:col-span-8",9:"zui:col-span-9",10:"zui:col-span-10",11:"zui:col-span-11",12:"zui:col-span-12"}[w]:void 0,P={label:_,placeholder:g,required:j,options:b},C=e.__assign({required:null!=j?j:null===(c=t.validation)||void 0===c?void 0:c.required},t.validation),F=null!=k?k:{},O=null!=z?z:{},D=function(){var e;return(null==V?void 0:V[m])?r.jsx("p",{className:"zui:text-red-600 zui:text-xs",children:null===(e=V[m])||void 0===e?void 0:e.message}):null};switch(p){case"text":case"number":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(n.Input,e.__assign({},s,{type:"number"===p?"number":"text"},P,F))}})),D()]},m);case"textarea":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(n.Input,e.__assign({},s,P,F,{type:"textarea"}))}})),D()]},m);case"select":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(i.Select,e.__assign({},s,P,F))}})),D()]},m);case"multiselect":case"multi-select":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(i.Select,e.__assign({},s,P,F,{isMulti:!0}))}})),D()]},m);case"radio":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(o.RadioGroup,e.__assign({},s,P,F))}})),D()]},m);case"switch":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(u.default,e.__assign({},s,P,F))}})),D()]},m);case"checkbox":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(f.Checkbox,e.__assign({},s,P,F))}})),D()]},m);case"timepicker":case"time":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(d.TimePicker,e.__assign({},s,P,F))}})),D()]},m);case"file":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(n.Input,e.__assign({},s,P,F,{value:void 0,type:"file",ref:s.ref,onChange:function(e){return s.onChange(e.target.files)}}))}})),D()]},m);case"date":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(a.DatePicker,e.__assign({},s,P,F))}})),D()]},m);case"daterange":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(l.DateRangePicker,e.__assign({},s,P,F))}})),D()]},m);case"custom":return r.jsx("div",{className:s.cn(N),children:h||null},m);default:return null}}),h&&r.jsx("div",{className:"zui:col-span-12",children:r.jsx(c.Button,{type:"submit",children:"Submit"})})]})};exports.Form=D,exports.default=D;

package/dist/index.d.ts

@@ -648,7 +648,7 @@ interface PaginationConfig {
 interface SelectionConfig<TData> {
     enabled?: boolean;
     rowIdAccessor?: (row: TData) => string;
-    onBulkAction?: (ids: string[], action: string) => void;
+    onBulkAction?: (event: any, ids: string[], action: string) => void;
     bulkActions?: BulkActionConfig[];
     selectionText?: (count: number) => string;
 }

package/package.json

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