freemium-ui 2.0.60 → 2.0.61

package/lib/index.cjs.js

@@ -17384,35 +17384,35 @@ disabled:t.disabled,htmlFor:t?.[r]
 },exports.RadixMenuItem=jv,exports.RadixSelectItem=Lf,
 exports.Reorder=yj,exports.RequiredIndicator=Ao,
 exports.SortDropdown=QU,exports.StyledLabel=Do,exports.Table=t=>{
-const{data:n,columns:o,showFooter:a=!1,infoComponent:i,isLoading:l,isFetching:c,emptyComponent:s,loadingComponent:u,actionComponent:d,headerComponent:h,editColumnComponent:p,filterComponent:f,hideTableOnEmpty:m,hideTopPagination:v,hideFilters:g,isFilterOpenByDefault:y=!0,sortingHeading:b,showTableOnLoading:w,hideLoaderOnTopPagination:C,hideActions:z,count:M,pageIndex:x=0,pageSize:E=20,enablePreviousPage:S,enableNextPage:_,hideColumnSettings:H=!0,hideBottomPagination:D,rowMenuOptions:k,onPreviousPageClick:A,enableSorting:L,sortingValues:V,sortingOptions:T,onSortingOptionSelect:R,onNextPageClick:P,disableRowSelect:I,hideSelectAllInTable:O,onSelectAllRows:N,onRowSelect:F,onMenuOptionSelect:$,onRowClick:B,columnOrder:j,setColumnOrder:U,setHiddenColumns:Y,hiddenColumns:W,selectedRowIds:G={},isDisableSortDropdown:K,setSelectedRowIds:q,dataKey:Z="id",cellPropGetter:X,setPageIndex:J,rowPropGetter:Q,translationTexts:ee}=t,te=cr(),[ne,re]=e.useState(!!y),oe={
+const{data:n,columns:o,showFooter:a=!1,infoComponent:i,isLoading:l,isFetching:c,emptyComponent:s,loadingComponent:u,actionComponent:d,headerComponent:h,editColumnComponent:p,filterComponent:f,hideTableOnEmpty:m,hideTopPagination:v,hideFilters:g,isFilterOpenByDefault:y=!0,sortingHeading:b,showTableOnLoading:w,hideLoaderOnTopPagination:C,hideActions:z,showWorkspaceActions:M,count:x,pageIndex:E=0,pageSize:S=20,enablePreviousPage:_,enableNextPage:H,hideColumnSettings:D=!0,hideBottomPagination:k,rowMenuOptions:A,onPreviousPageClick:L,enableSorting:V,sortingValues:T,sortingOptions:R,onSortingOptionSelect:P,onNextPageClick:I,disableRowSelect:O,hideSelectAllInTable:N,onSelectAllRows:F,onRowSelect:$,onMenuOptionSelect:B,onRowClick:j,columnOrder:U,setColumnOrder:Y,setHiddenColumns:W,hiddenColumns:G,selectedRowIds:K={},isDisableSortDropdown:q,setSelectedRowIds:Z,dataKey:X="id",cellPropGetter:J,setPageIndex:Q,rowPropGetter:ee,translationTexts:te}=t,ne=cr(),[re,oe]=e.useState(!!y),ae={
 accessor:(e,t)=>"function"==typeof e?{...t,accessorFn:e}:{...t,accessorKey:e},
-display:e=>e,group:e=>e},ae=-1===M||void 0===M,ie=e.useMemo((()=>[...I?[]:[{
-id:"select",header:({table:t})=>O?e.createElement("div",{
+display:e=>e,group:e=>e},ie=-1===x||void 0===x,le=e.useMemo((()=>[...O?[]:[{
+id:"select",header:({table:t})=>N?e.createElement("div",{
 className:"table-checkbox-header"}):e.createElement(Yg,{
 className:"table-checkbox",
 checked:t.getIsSomeRowsSelected()?"indeterminate":t.getIsAllRowsSelected(),
 indeterminate:t.getIsSomeRowsSelected(),onCheckedChange:e=>{
-t.toggleAllPageRowsSelected(!0===e),N?.(!0===e)}}),
+t.toggleAllPageRowsSelected(!0===e),F?.(!0===e)}}),
 cell:({row:t})=>e.createElement(Yg,{className:"table-checkbox",
 checked:t.getIsSelected(),disabled:!t.getCanSelect(),
 indeterminate:t.getIsSomeSelected(),onCheckedChange:e=>{
-t.toggleSelected(!0===e),F?.(t.original,!0===e)}})
-}],...o.map((e=>oe.accessor(e.id,{header:e.Header,id:e.id??e.Header,
-cell:t=>e.accessorFn(t.row.original)}))),...k?[{id:"rowMenuOptions",
+t.toggleSelected(!0===e),$?.(t.original,!0===e)}})
+}],...o.map((e=>ae.accessor(e.id,{header:e.Header,id:e.id??e.Header,
+cell:t=>e.accessorFn(t.row.original)}))),...A?[{id:"rowMenuOptions",
 header:()=>e.createElement("div",{id:"more-actions-header"}),
 cell:({row:t})=>e.createElement(sb,{trigger:e.createElement(co,{
-className:"more-actions",fill:"currentcolor"}),options:k(t.original)||[],
-onSelect:e=>{e.id&&$?.(e.id,t.original)},side:"bottom",
-align:"rtl"===te.direction?"start":"end"})
-}]:[]]),[o,I,O,te.colors.text.primary]),le=e.useMemo((()=>{const e={}
-;return o.forEach((t=>{e[t.id]=!(W??[]).includes(t.id)})),e
-}),[o,W]),ce=e.useMemo((()=>({pageIndex:x,pageSize:E})),[E,x]),se=function(e){
+className:"more-actions",fill:"currentcolor"}),options:A(t.original)||[],
+onSelect:e=>{e.id&&B?.(e.id,t.original)},side:"bottom",
+align:"rtl"===ne.direction?"start":"end"})
+}]:[]]),[o,O,N,ne.colors.text.primary]),ce=e.useMemo((()=>{const e={}
+;return o.forEach((t=>{e[t.id]=!(G??[]).includes(t.id)})),e
+}),[o,G]),se=e.useMemo((()=>({pageIndex:E,pageSize:S})),[S,E]),ue=function(e){
 const t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e
 },[n]=r.useState((()=>({current:mU(t)
 }))),[o,a]=r.useState((()=>n.current.initialState))
 ;return n.current.setOptions((t=>({...t,...e,state:{...o,...e.state},
 onStateChange:t=>{a(t),null==e.onStateChange||e.onStateChange(t)}}))),n.current
-}({data:n,columns:ie,getRowId:e=>e?.[Z]??"id",
+}({data:n,columns:le,getRowId:e=>e?.[X]??"id",
 getCoreRowModel:e=>Mj((()=>[e.options.data]),(t=>{const n={rows:[],flatRows:[],
 rowsById:{}},r=function(t,o,a){void 0===o&&(o=0);const i=[]
 ;for(let c=0;c<t.length;c++){
@@ -17422,69 +17422,82 @@ n.rowsById[s.id]=s,i.push(s),e.options.getSubRows&&(s.originalSubRows=e.options.
 null!=(l=s.originalSubRows)&&l.length&&(s.subRows=r(s.originalSubRows,o+1,s)))}
 return i};return n.rows=r(t),n
 }),xj(e.options,"debugTable","getRowModel",(()=>e._autoResetPageIndex()))),
-state:{columnOrder:j,columnVisibility:le,rowSelection:G,pagination:ce},
+state:{columnOrder:U,columnVisibility:ce,rowSelection:K,pagination:se},
 initialState:{columnPinning:{left:["select"],right:["rowMenuOptions"]}},
-onPaginationChange:e=>{let t=ce;t="function"==typeof e?e(ce):e,J?.(t.pageIndex)
-},onColumnVisibilityChange:e=>{let t=le
-;t="function"==typeof e?e(le):e,Y?.(Object.keys(t).filter((e=>!t[e])))},
-onColumnOrderChange:e=>{let t=j??[];t="function"==typeof e?e(j??[]):e,U?.(t)},
-onRowSelectionChange:e=>{let t=G;t="function"==typeof e?e(G):e,q?.(t)},
-enableRowSelection:!0,manualPagination:!0,rowCount:ae?-1:M
-}),{getPageCount:ue,getRowModel:de,getState:he,getCanNextPage:pe,getCanPreviousPage:fe,getPageOptions:me,previousPage:ve,setPageIndex:ge,nextPage:ye,lastPage:be,firstPage:we}=se,{rows:Ce}=de(),{pagination:{pageIndex:ze,pageSize:Me}}=he(),xe=ze*Me+(ze<ue()-1?Me:Ce.length),Ee=se.getAllColumns().filter((e=>e.getIsVisible())).length+(I?0:1)+(k?1:0),Se=T?.[0].find((e=>e.id===V?.[0]))?.name
+onPaginationChange:e=>{let t=se;t="function"==typeof e?e(se):e,Q?.(t.pageIndex)
+},onColumnVisibilityChange:e=>{let t=ce
+;t="function"==typeof e?e(ce):e,W?.(Object.keys(t).filter((e=>!t[e])))},
+onColumnOrderChange:e=>{let t=U??[];t="function"==typeof e?e(U??[]):e,Y?.(t)},
+onRowSelectionChange:e=>{let t=K;t="function"==typeof e?e(K):e,Z?.(t)},
+enableRowSelection:!0,manualPagination:!0,rowCount:ie?-1:x
+}),{getPageCount:de,getRowModel:he,getState:pe,getCanNextPage:fe,getCanPreviousPage:me,getPageOptions:ve,previousPage:ge,setPageIndex:ye,nextPage:be,lastPage:we,firstPage:Ce}=ue,{rows:ze}=he(),{pagination:{pageIndex:Me,pageSize:xe}}=pe(),Ee=Me*xe+(Me<de()-1?xe:ze.length),Se=ue.getAllColumns().filter((e=>e.getIsVisible())).length+(O?0:1)+(A?1:0),_e=R?.[0].find((e=>e.id===T?.[0]))?.name
 ;return e.createElement(gU,{className:"TableContainer"},!z&&e.createElement(MU,{
 className:"table-actions"
 },d&&e.createElement(e.Fragment,null,d),e.createElement(SU,{
 className:"table-header-component"},h??null),e.createElement(HU,{
-className:"table-header-dropdown-pagination"},L&&e.createElement("div",{
+className:"table-header-dropdown-pagination"},V&&e.createElement("div",{
 className:"table-heading-dropdown"},e.createElement("div",{
 className:"table-sorting-heading"},`${b}:`)," ",e.createElement(QU,{
 trigger:e.createElement("div",{className:"table-sorting-value-continer"
-},e.createElement("div",null,Se),e.createElement(KU,{fill:"currentcolor"})),
-isDisableSortDropdown:!!K,options:T||[],value:V,onSelect:e=>{R?.(e??[])}
+},e.createElement("div",null,_e),e.createElement(KU,{fill:"currentcolor"})),
+isDisableSortDropdown:!!q,options:R||[],value:T,onSelect:e=>{P?.(e??[])}
 })),e.createElement(_U,{className:"table-edit-column-component"
 },p??null),e.createElement(DU,{className:"pagination-actions"
 },!v&&e.createElement(e.Fragment,null,e.createElement(Yo,{variant:"primary",
 className:"pagination-text"},l&&!C?e.createElement(wm,{size:"small"
-}):e.createElement(e.Fragment,null,n.length>0?`${ze*Me+1} - ${xe} ${ee?.of||"of"} ${ae?""+(Ce.length>0?`${ee?.many||"Many"}`:"-"):M??Ce.length??"-"}`:null)),e.createElement(xm,{
+}):e.createElement(e.Fragment,null,n.length>0?`${Me*xe+1} - ${Ee} ${te?.of||"of"} ${ie?""+(ze.length>0?`${te?.many||"Many"}`:"-"):x??ze.length??"-"}`:null)),e.createElement(xm,{
 variant:"secondary",className:"table-pagination-button",onClick:()=>{
-A?.(),ae||ve()},disabled:ae?!S:!fe()||l||c},e.createElement(bU,{
-fill:te.colors.text.primary})),e.createElement(xm,{variant:"secondary",
-className:"table-pagination-button",onClick:()=>{P?.(),ae||ye()},
-disabled:ae?!_:!pe()||l||c},e.createElement(wU,{fill:te.colors.text.primary
+L?.(),ie||ge()},disabled:ie?!_:!me()||l||c},e.createElement(bU,{
+fill:ne.colors.text.primary})),e.createElement(xm,{variant:"secondary",
+className:"table-pagination-button",onClick:()=>{I?.(),ie||be()},
+disabled:ie?!H:!fe()||l||c},e.createElement(wU,{fill:ne.colors.text.primary
 }))),!g&&e.createElement(xm,{variant:"secondary",
-className:"table-pagination-button filter-toggle",onClick:()=>re(!ne)
-},e.createElement(yU,{style:{transform:ne?"rotateY(180deg)":"rotateY(0deg)"},
-fill:"currentcolor"}))))),e.createElement(CU,null,e.createElement(zU,{
-className:"table-wrapper"
-},i&&e.createElement(EU,null,i),l&&!w?e.createElement(e.Fragment,null,u):e.createElement(e.Fragment,null,0===Ce.length&&m?e.createElement(e.Fragment,null,s):e.createElement(kU,null,e.createElement(AU,null,!H&&e.createElement(xF,{
+className:"table-pagination-button filter-toggle",onClick:()=>oe(!re)
+},e.createElement(yU,{style:{transform:re?"rotateY(180deg)":"rotateY(0deg)"},
+fill:"currentcolor"}))))),M&&e.createElement(MU,{className:"table-actions"
+},e.createElement(SU,{className:"table-header-component"
+},h??null),e.createElement(HU,{className:"table-header-dropdown-pagination"
+},e.createElement(DU,{className:"pagination-actions",onClick:e=>{
+e.preventDefault(),e.stopPropagation()}
+},!v&&e.createElement(e.Fragment,null,e.createElement(Yo,{variant:"primary",
+className:"pagination-text"},l&&!C?e.createElement(wm,{size:"small"
+}):e.createElement(e.Fragment,null,n.length>0?`${Me*xe+1} - ${Ee} ${te?.of||"of"} ${ie?""+(ze.length>0?`${te?.many||"Many"}`:"-"):x??ze.length??"-"}`:null)),e.createElement(xm,{
+variant:"secondary",className:"table-pagination-button",onClick:e=>{
+e.preventDefault(),e.stopPropagation(),L?.(),ie||ge()},
+disabled:ie?!_:!me()||l||c},e.createElement(bU,{fill:ne.colors.text.primary
+})),e.createElement(xm,{variant:"secondary",className:"table-pagination-button",
+onClick:e=>{e.preventDefault(),e.stopPropagation(),I?.(),ie||be()},
+disabled:ie?!H:!fe()||l||c},e.createElement(wU,{fill:ne.colors.text.primary
+})))))),e.createElement(CU,null,e.createElement(zU,{className:"table-wrapper"
+},i&&e.createElement(EU,null,i),l&&!w?e.createElement(e.Fragment,null,u):e.createElement(e.Fragment,null,0===ze.length&&m?e.createElement(e.Fragment,null,s):e.createElement(kU,null,e.createElement(AU,null,!D&&e.createElement(xF,{
 align:"end",avoidCollisions:!0,side:"top",trigger:e.createElement(qU,{
-fill:"currentcolor"})},e.createElement(JU,{table:se
-})),e.createElement(LU,null,se.getHeaderGroups().map((t=>e.createElement(RU,{
+fill:"currentcolor"})},e.createElement(JU,{table:ue
+})),e.createElement(LU,null,ue.getHeaderGroups().map((t=>e.createElement(RU,{
 key:t.id},t.headers.map((t=>e.createElement(IU,{key:t.id
-},t.isPlaceholder?null:vU(t.column.columnDef.header,t.getContext())))))))),e.createElement(VU,null,c&&!l&&e.createElement(PU,null,e.createElement(wm,null)),Ce.map((t=>e.createElement(RU,{
-key:t.id,$isSelected:t.getIsSelected(),...Q?.(t.original)
+},t.isPlaceholder?null:vU(t.column.columnDef.header,t.getContext())))))))),e.createElement(VU,null,c&&!l&&e.createElement(PU,null,e.createElement(wm,null)),ze.map((t=>e.createElement(RU,{
+key:t.id,$isSelected:t.getIsSelected(),...ee?.(t.original)
 },t.getVisibleCells().map((n=>e.createElement(OU,{key:n.id,onClick:()=>{
-B?.(t.original,n.column.columnDef)},...X?.(n)
-},vU(n.column.columnDef.cell,n.getContext())))))))),a&&e.createElement(TU,null,se.getFooterGroups().map((t=>e.createElement(RU,{
+j?.(t.original,n.column.columnDef)},...J?.(n)
+},vU(n.column.columnDef.cell,n.getContext())))))))),a&&e.createElement(TU,null,ue.getFooterGroups().map((t=>e.createElement(RU,{
 key:t.id},t.headers.map((t=>e.createElement(IU,{key:t.id
-},t.isPlaceholder?null:vU(t.column.columnDef.footer,t.getContext())))))))),!D&&e.createElement(TU,null,e.createElement(RU,null,e.createElement(IU,{
-colSpan:Ee},e.createElement(GU,{className:"table-pagination"
-},e.createElement(xm,{variant:"secondary",onClick:()=>{we()},
-disabled:!fe()||l||c},"<<"),e.createElement(xm,{variant:"secondary",
-onClick:()=>{ve()},disabled:!fe()||l||c
-},"<"),ze+1>2&&e.createElement(e.Fragment,null,e.createElement(xm,{
-variant:"secondary",onClick:()=>{we()},disabled:l||c
-},"1"),ze+1-3!=0&&e.createElement(xm,{variant:"secondary",disabled:!0
-},"...")),me().map((t=>[t-2,t-1,t,t+1,t+2].includes(ze+1)&&e.createElement(xm,{
-key:t,variant:"secondary",className:ze+1===t+1?"active":"",onClick:()=>{ge?.(t)
+},t.isPlaceholder?null:vU(t.column.columnDef.footer,t.getContext())))))))),!k&&e.createElement(TU,null,e.createElement(RU,null,e.createElement(IU,{
+colSpan:Se},e.createElement(GU,{className:"table-pagination"
+},e.createElement(xm,{variant:"secondary",onClick:()=>{Ce()},
+disabled:!me()||l||c},"<<"),e.createElement(xm,{variant:"secondary",
+onClick:()=>{ge()},disabled:!me()||l||c
+},"<"),Me+1>2&&e.createElement(e.Fragment,null,e.createElement(xm,{
+variant:"secondary",onClick:()=>{Ce()},disabled:l||c
+},"1"),Me+1-3!=0&&e.createElement(xm,{variant:"secondary",disabled:!0
+},"...")),ve().map((t=>[t-2,t-1,t,t+1,t+2].includes(Me+1)&&e.createElement(xm,{
+key:t,variant:"secondary",className:Me+1===t+1?"active":"",onClick:()=>{ye?.(t)
 },disabled:l||c
-},t+1))),ze+2<Math.ceil(n.length/Me)-2&&e.createElement(e.Fragment,null,ze+2+3!==Math.ceil(n.length/Me)&&e.createElement(xm,{
+},t+1))),Me+2<Math.ceil(n.length/xe)-2&&e.createElement(e.Fragment,null,Me+2+3!==Math.ceil(n.length/xe)&&e.createElement(xm,{
 variant:"secondary",disabled:!0},"..."),e.createElement(xm,{variant:"secondary",
-onClick:()=>{ge?.(Math.ceil(n.length/Me)-1)},disabled:l||c
-},Math.ceil(n.length/Me))),e.createElement(xm,{variant:"secondary",onClick:()=>{
-ye()},disabled:!pe()||l||c},">"),e.createElement(xm,{variant:"secondary",
-onClick:()=>{be()},disabled:!pe()||l||c
-},">>"))))))))),!g&&ne&&f&&e.createElement(xU,null,f)))
+onClick:()=>{ye?.(Math.ceil(n.length/xe)-1)},disabled:l||c
+},Math.ceil(n.length/xe))),e.createElement(xm,{variant:"secondary",onClick:()=>{
+be()},disabled:!fe()||l||c},">"),e.createElement(xm,{variant:"secondary",
+onClick:()=>{we()},disabled:!fe()||l||c
+},">>"))))))))),!g&&re&&f&&e.createElement(xU,null,f)))
 },exports.Tabs=({options:t=[],idAccessor:n="id",nameAccessor:r="name",disabledAccessor:o="disabled",onChange:a,defaultValue:i,label:l,renderTabsContent:c,value:s})=>{
 const u=cr();return e.createElement(hY,{className:"TabsRoot",value:s,
 defaultValue:i,onValueChange:a,dir:u.direction},e.createElement(fY,{

package/lib/index.d.ts

@@ -1274,6 +1274,7 @@ interface TableProps<T extends RowDataType> {
     showTableOnLoading?: boolean;
     hideLoaderOnTopPagination?: boolean;
     hideActions?: boolean;
+    showWorkspaceActions?: boolean;
     hideSelectAllInTable?: boolean;
     hideBottomPagination?: boolean;
     disableRowSelect?: boolean;

package/lib/index.js

@@ -16631,35 +16631,35 @@ side:"bottom",sideOffset:4,align:"center",className:"DropdownMenuContent"
 className:"DropdownMenuItem",key:e?.[r],onSelect:()=>{const t=c??[];t[n]=e?.[r],
 a?.(t)}},e?.[o],c?.[n]===e?.[r]&&t.createElement(Ao,{fill:s.colors.common.accent
 })))),t.createElement(yg,{className:"DropdownMenuSeparator"})))))))},PY=n=>{
-const{data:r,columns:o,showFooter:a=!1,infoComponent:i,isLoading:l,isFetching:c,emptyComponent:s,loadingComponent:u,actionComponent:d,headerComponent:h,editColumnComponent:p,filterComponent:f,hideTableOnEmpty:m,hideTopPagination:v,hideFilters:g,isFilterOpenByDefault:y=!0,sortingHeading:b,showTableOnLoading:w,hideLoaderOnTopPagination:C,hideActions:z,count:M,pageIndex:x=0,pageSize:E=20,enablePreviousPage:S,enableNextPage:_,hideColumnSettings:H=!0,hideBottomPagination:D,rowMenuOptions:A,onPreviousPageClick:L,enableSorting:V,sortingValues:k,sortingOptions:T,onSortingOptionSelect:P,onNextPageClick:R,disableRowSelect:I,hideSelectAllInTable:O,onSelectAllRows:N,onRowSelect:F,onMenuOptionSelect:$,onRowClick:B,columnOrder:j,setColumnOrder:U,setHiddenColumns:Y,hiddenColumns:W,selectedRowIds:G={},isDisableSortDropdown:K,setSelectedRowIds:q,dataKey:Z="id",cellPropGetter:X,setPageIndex:J,rowPropGetter:Q,translationTexts:ee}=n,te=Hr(),[ne,re]=t.useState(!!y),oe={
+const{data:r,columns:o,showFooter:a=!1,infoComponent:i,isLoading:l,isFetching:c,emptyComponent:s,loadingComponent:u,actionComponent:d,headerComponent:h,editColumnComponent:p,filterComponent:f,hideTableOnEmpty:m,hideTopPagination:v,hideFilters:g,isFilterOpenByDefault:y=!0,sortingHeading:b,showTableOnLoading:w,hideLoaderOnTopPagination:C,hideActions:z,showWorkspaceActions:M,count:x,pageIndex:E=0,pageSize:S=20,enablePreviousPage:_,enableNextPage:H,hideColumnSettings:D=!0,hideBottomPagination:A,rowMenuOptions:L,onPreviousPageClick:V,enableSorting:k,sortingValues:T,sortingOptions:P,onSortingOptionSelect:R,onNextPageClick:I,disableRowSelect:O,hideSelectAllInTable:N,onSelectAllRows:F,onRowSelect:$,onMenuOptionSelect:B,onRowClick:j,columnOrder:U,setColumnOrder:Y,setHiddenColumns:W,hiddenColumns:G,selectedRowIds:K={},isDisableSortDropdown:q,setSelectedRowIds:Z,dataKey:X="id",cellPropGetter:J,setPageIndex:Q,rowPropGetter:ee,translationTexts:te}=n,ne=Hr(),[re,oe]=t.useState(!!y),ae={
 accessor:(e,t)=>"function"==typeof e?{...t,accessorFn:e}:{...t,accessorKey:e},
-display:e=>e,group:e=>e},ae=-1===M||void 0===M,ie=t.useMemo((()=>[...I?[]:[{
-id:"select",header:({table:e})=>O?t.createElement("div",{
+display:e=>e,group:e=>e},ie=-1===x||void 0===x,le=t.useMemo((()=>[...O?[]:[{
+id:"select",header:({table:e})=>N?t.createElement("div",{
 className:"table-checkbox-header"}):t.createElement(vy,{
 className:"table-checkbox",
 checked:e.getIsSomeRowsSelected()?"indeterminate":e.getIsAllRowsSelected(),
 indeterminate:e.getIsSomeRowsSelected(),onCheckedChange:t=>{
-e.toggleAllPageRowsSelected(!0===t),N?.(!0===t)}}),
+e.toggleAllPageRowsSelected(!0===t),F?.(!0===t)}}),
 cell:({row:e})=>t.createElement(vy,{className:"table-checkbox",
 checked:e.getIsSelected(),disabled:!e.getCanSelect(),
 indeterminate:e.getIsSomeSelected(),onCheckedChange:t=>{
-e.toggleSelected(!0===t),F?.(e.original,!0===t)}})
-}],...o.map((e=>oe.accessor(e.id,{header:e.Header,id:e.id??e.Header,
-cell:t=>e.accessorFn(t.row.original)}))),...A?[{id:"rowMenuOptions",
+e.toggleSelected(!0===t),$?.(e.original,!0===t)}})
+}],...o.map((e=>ae.accessor(e.id,{header:e.Header,id:e.id??e.Header,
+cell:t=>e.accessorFn(t.row.original)}))),...L?[{id:"rowMenuOptions",
 header:()=>t.createElement("div",{id:"more-actions-header"}),
 cell:({row:e})=>t.createElement(Rb,{trigger:t.createElement(Do,{
-className:"more-actions",fill:"currentcolor"}),options:A(e.original)||[],
-onSelect:t=>{t.id&&$?.(t.id,e.original)},side:"bottom",
-align:"rtl"===te.direction?"start":"end"})
-}]:[]]),[o,I,O,te.colors.text.primary]),le=t.useMemo((()=>{const e={}
-;return o.forEach((t=>{e[t.id]=!(W??[]).includes(t.id)})),e
-}),[o,W]),ce=t.useMemo((()=>({pageIndex:x,pageSize:E})),[E,x]),se=function(t){
+className:"more-actions",fill:"currentcolor"}),options:L(e.original)||[],
+onSelect:t=>{t.id&&B?.(t.id,e.original)},side:"bottom",
+align:"rtl"===ne.direction?"start":"end"})
+}]:[]]),[o,O,N,ne.colors.text.primary]),ce=t.useMemo((()=>{const e={}
+;return o.forEach((t=>{e[t.id]=!(G??[]).includes(t.id)})),e
+}),[o,G]),se=t.useMemo((()=>({pageIndex:E,pageSize:S})),[S,E]),ue=function(t){
 const n={state:{},onStateChange:()=>{},renderFallbackValue:null,...t
 },[r]=e.useState((()=>({current:ZU(n)
 }))),[o,a]=e.useState((()=>r.current.initialState))
 ;return r.current.setOptions((e=>({...e,...t,state:{...o,...t.state},
 onStateChange:e=>{a(e),null==t.onStateChange||t.onStateChange(e)}}))),r.current
-}({data:r,columns:ie,getRowId:e=>e?.[Z]??"id",
+}({data:r,columns:le,getRowId:e=>e?.[X]??"id",
 getCoreRowModel:e=>oU((()=>[e.options.data]),(t=>{const n={rows:[],flatRows:[],
 rowsById:{}},r=function(t,o,a){void 0===o&&(o=0);const i=[]
 ;for(let c=0;c<t.length;c++){
@@ -16669,69 +16669,82 @@ n.rowsById[s.id]=s,i.push(s),e.options.getSubRows&&(s.originalSubRows=e.options.
 null!=(l=s.originalSubRows)&&l.length&&(s.subRows=r(s.originalSubRows,o+1,s)))}
 return i};return n.rows=r(t),n
 }),aU(e.options,"debugTable","getRowModel",(()=>e._autoResetPageIndex()))),
-state:{columnOrder:j,columnVisibility:le,rowSelection:G,pagination:ce},
+state:{columnOrder:U,columnVisibility:ce,rowSelection:K,pagination:se},
 initialState:{columnPinning:{left:["select"],right:["rowMenuOptions"]}},
-onPaginationChange:e=>{let t=ce;t="function"==typeof e?e(ce):e,J?.(t.pageIndex)
-},onColumnVisibilityChange:e=>{let t=le
-;t="function"==typeof e?e(le):e,Y?.(Object.keys(t).filter((e=>!t[e])))},
-onColumnOrderChange:e=>{let t=j??[];t="function"==typeof e?e(j??[]):e,U?.(t)},
-onRowSelectionChange:e=>{let t=G;t="function"==typeof e?e(G):e,q?.(t)},
-enableRowSelection:!0,manualPagination:!0,rowCount:ae?-1:M
-}),{getPageCount:ue,getRowModel:de,getState:he,getCanNextPage:pe,getCanPreviousPage:fe,getPageOptions:me,previousPage:ve,setPageIndex:ge,nextPage:ye,lastPage:be,firstPage:we}=se,{rows:Ce}=de(),{pagination:{pageIndex:ze,pageSize:Me}}=he(),xe=ze*Me+(ze<ue()-1?Me:Ce.length),Ee=se.getAllColumns().filter((e=>e.getIsVisible())).length+(I?0:1)+(A?1:0),Se=T?.[0].find((e=>e.id===k?.[0]))?.name
+onPaginationChange:e=>{let t=se;t="function"==typeof e?e(se):e,Q?.(t.pageIndex)
+},onColumnVisibilityChange:e=>{let t=ce
+;t="function"==typeof e?e(ce):e,W?.(Object.keys(t).filter((e=>!t[e])))},
+onColumnOrderChange:e=>{let t=U??[];t="function"==typeof e?e(U??[]):e,Y?.(t)},
+onRowSelectionChange:e=>{let t=K;t="function"==typeof e?e(K):e,Z?.(t)},
+enableRowSelection:!0,manualPagination:!0,rowCount:ie?-1:x
+}),{getPageCount:de,getRowModel:he,getState:pe,getCanNextPage:fe,getCanPreviousPage:me,getPageOptions:ve,previousPage:ge,setPageIndex:ye,nextPage:be,lastPage:we,firstPage:Ce}=ue,{rows:ze}=he(),{pagination:{pageIndex:Me,pageSize:xe}}=pe(),Ee=Me*xe+(Me<de()-1?xe:ze.length),Se=ue.getAllColumns().filter((e=>e.getIsVisible())).length+(O?0:1)+(L?1:0),_e=P?.[0].find((e=>e.id===T?.[0]))?.name
 ;return t.createElement(JU,{className:"TableContainer"},!z&&t.createElement(oY,{
 className:"table-actions"
 },d&&t.createElement(t.Fragment,null,d),t.createElement(lY,{
 className:"table-header-component"},h??null),t.createElement(sY,{
-className:"table-header-dropdown-pagination"},V&&t.createElement("div",{
+className:"table-header-dropdown-pagination"},k&&t.createElement("div",{
 className:"table-heading-dropdown"},t.createElement("div",{
 className:"table-sorting-heading"},`${b}:`)," ",t.createElement(TY,{
 trigger:t.createElement("div",{className:"table-sorting-value-continer"
-},t.createElement("div",null,Se),t.createElement(DY,{fill:"currentcolor"})),
-isDisableSortDropdown:!!K,options:T||[],value:k,onSelect:e=>{P?.(e??[])}
+},t.createElement("div",null,_e),t.createElement(DY,{fill:"currentcolor"})),
+isDisableSortDropdown:!!q,options:P||[],value:T,onSelect:e=>{R?.(e??[])}
 })),t.createElement(cY,{className:"table-edit-column-component"
 },p??null),t.createElement(uY,{className:"pagination-actions"
 },!v&&t.createElement(t.Fragment,null,t.createElement(ha,{variant:"primary",
 className:"pagination-text"},l&&!C?t.createElement(Bm,{size:"small"
-}):t.createElement(t.Fragment,null,r.length>0?`${ze*Me+1} - ${xe} ${ee?.of||"of"} ${ae?""+(Ce.length>0?`${ee?.many||"Many"}`:"-"):M??Ce.length??"-"}`:null)),t.createElement(Gm,{
+}):t.createElement(t.Fragment,null,r.length>0?`${Me*xe+1} - ${Ee} ${te?.of||"of"} ${ie?""+(ze.length>0?`${te?.many||"Many"}`:"-"):x??ze.length??"-"}`:null)),t.createElement(Gm,{
 variant:"secondary",className:"table-pagination-button",onClick:()=>{
-L?.(),ae||ve()},disabled:ae?!S:!fe()||l||c},t.createElement(eY,{
-fill:te.colors.text.primary})),t.createElement(Gm,{variant:"secondary",
-className:"table-pagination-button",onClick:()=>{R?.(),ae||ye()},
-disabled:ae?!_:!pe()||l||c},t.createElement(tY,{fill:te.colors.text.primary
+V?.(),ie||ge()},disabled:ie?!_:!me()||l||c},t.createElement(eY,{
+fill:ne.colors.text.primary})),t.createElement(Gm,{variant:"secondary",
+className:"table-pagination-button",onClick:()=>{I?.(),ie||be()},
+disabled:ie?!H:!fe()||l||c},t.createElement(tY,{fill:ne.colors.text.primary
 }))),!g&&t.createElement(Gm,{variant:"secondary",
-className:"table-pagination-button filter-toggle",onClick:()=>re(!ne)
-},t.createElement(QU,{style:{transform:ne?"rotateY(180deg)":"rotateY(0deg)"},
-fill:"currentcolor"}))))),t.createElement(nY,null,t.createElement(rY,{
-className:"table-wrapper"
-},i&&t.createElement(iY,null,i),l&&!w?t.createElement(t.Fragment,null,u):t.createElement(t.Fragment,null,0===Ce.length&&m?t.createElement(t.Fragment,null,s):t.createElement(dY,null,t.createElement(hY,null,!H&&t.createElement(o$,{
+className:"table-pagination-button filter-toggle",onClick:()=>oe(!re)
+},t.createElement(QU,{style:{transform:re?"rotateY(180deg)":"rotateY(0deg)"},
+fill:"currentcolor"}))))),M&&t.createElement(oY,{className:"table-actions"
+},t.createElement(lY,{className:"table-header-component"
+},h??null),t.createElement(sY,{className:"table-header-dropdown-pagination"
+},t.createElement(uY,{className:"pagination-actions",onClick:e=>{
+e.preventDefault(),e.stopPropagation()}
+},!v&&t.createElement(t.Fragment,null,t.createElement(ha,{variant:"primary",
+className:"pagination-text"},l&&!C?t.createElement(Bm,{size:"small"
+}):t.createElement(t.Fragment,null,r.length>0?`${Me*xe+1} - ${Ee} ${te?.of||"of"} ${ie?""+(ze.length>0?`${te?.many||"Many"}`:"-"):x??ze.length??"-"}`:null)),t.createElement(Gm,{
+variant:"secondary",className:"table-pagination-button",onClick:e=>{
+e.preventDefault(),e.stopPropagation(),V?.(),ie||ge()},
+disabled:ie?!_:!me()||l||c},t.createElement(eY,{fill:ne.colors.text.primary
+})),t.createElement(Gm,{variant:"secondary",className:"table-pagination-button",
+onClick:e=>{e.preventDefault(),e.stopPropagation(),I?.(),ie||be()},
+disabled:ie?!H:!fe()||l||c},t.createElement(tY,{fill:ne.colors.text.primary
+})))))),t.createElement(nY,null,t.createElement(rY,{className:"table-wrapper"
+},i&&t.createElement(iY,null,i),l&&!w?t.createElement(t.Fragment,null,u):t.createElement(t.Fragment,null,0===ze.length&&m?t.createElement(t.Fragment,null,s):t.createElement(dY,null,t.createElement(hY,null,!D&&t.createElement(o$,{
 align:"end",avoidCollisions:!0,side:"top",trigger:t.createElement(AY,{
-fill:"currentcolor"})},t.createElement(kY,{table:se
-})),t.createElement(pY,null,se.getHeaderGroups().map((e=>t.createElement(vY,{
+fill:"currentcolor"})},t.createElement(kY,{table:ue
+})),t.createElement(pY,null,ue.getHeaderGroups().map((e=>t.createElement(vY,{
 key:e.id},e.headers.map((e=>t.createElement(yY,{key:e.id
-},e.isPlaceholder?null:XU(e.column.columnDef.header,e.getContext())))))))),t.createElement(fY,null,c&&!l&&t.createElement(gY,null,t.createElement(Bm,null)),Ce.map((e=>t.createElement(vY,{
-key:e.id,$isSelected:e.getIsSelected(),...Q?.(e.original)
+},e.isPlaceholder?null:XU(e.column.columnDef.header,e.getContext())))))))),t.createElement(fY,null,c&&!l&&t.createElement(gY,null,t.createElement(Bm,null)),ze.map((e=>t.createElement(vY,{
+key:e.id,$isSelected:e.getIsSelected(),...ee?.(e.original)
 },e.getVisibleCells().map((n=>t.createElement(bY,{key:n.id,onClick:()=>{
-B?.(e.original,n.column.columnDef)},...X?.(n)
-},XU(n.column.columnDef.cell,n.getContext())))))))),a&&t.createElement(mY,null,se.getFooterGroups().map((e=>t.createElement(vY,{
+j?.(e.original,n.column.columnDef)},...J?.(n)
+},XU(n.column.columnDef.cell,n.getContext())))))))),a&&t.createElement(mY,null,ue.getFooterGroups().map((e=>t.createElement(vY,{
 key:e.id},e.headers.map((e=>t.createElement(yY,{key:e.id
-},e.isPlaceholder?null:XU(e.column.columnDef.footer,e.getContext())))))))),!D&&t.createElement(mY,null,t.createElement(vY,null,t.createElement(yY,{
-colSpan:Ee},t.createElement(HY,{className:"table-pagination"
-},t.createElement(Gm,{variant:"secondary",onClick:()=>{we()},
-disabled:!fe()||l||c},"<<"),t.createElement(Gm,{variant:"secondary",
-onClick:()=>{ve()},disabled:!fe()||l||c
-},"<"),ze+1>2&&t.createElement(t.Fragment,null,t.createElement(Gm,{
-variant:"secondary",onClick:()=>{we()},disabled:l||c
-},"1"),ze+1-3!=0&&t.createElement(Gm,{variant:"secondary",disabled:!0
-},"...")),me().map((e=>[e-2,e-1,e,e+1,e+2].includes(ze+1)&&t.createElement(Gm,{
-key:e,variant:"secondary",className:ze+1===e+1?"active":"",onClick:()=>{ge?.(e)
+},e.isPlaceholder?null:XU(e.column.columnDef.footer,e.getContext())))))))),!A&&t.createElement(mY,null,t.createElement(vY,null,t.createElement(yY,{
+colSpan:Se},t.createElement(HY,{className:"table-pagination"
+},t.createElement(Gm,{variant:"secondary",onClick:()=>{Ce()},
+disabled:!me()||l||c},"<<"),t.createElement(Gm,{variant:"secondary",
+onClick:()=>{ge()},disabled:!me()||l||c
+},"<"),Me+1>2&&t.createElement(t.Fragment,null,t.createElement(Gm,{
+variant:"secondary",onClick:()=>{Ce()},disabled:l||c
+},"1"),Me+1-3!=0&&t.createElement(Gm,{variant:"secondary",disabled:!0
+},"...")),ve().map((e=>[e-2,e-1,e,e+1,e+2].includes(Me+1)&&t.createElement(Gm,{
+key:e,variant:"secondary",className:Me+1===e+1?"active":"",onClick:()=>{ye?.(e)
 },disabled:l||c
-},e+1))),ze+2<Math.ceil(r.length/Me)-2&&t.createElement(t.Fragment,null,ze+2+3!==Math.ceil(r.length/Me)&&t.createElement(Gm,{
+},e+1))),Me+2<Math.ceil(r.length/xe)-2&&t.createElement(t.Fragment,null,Me+2+3!==Math.ceil(r.length/xe)&&t.createElement(Gm,{
 variant:"secondary",disabled:!0},"..."),t.createElement(Gm,{variant:"secondary",
-onClick:()=>{ge?.(Math.ceil(r.length/Me)-1)},disabled:l||c
-},Math.ceil(r.length/Me))),t.createElement(Gm,{variant:"secondary",onClick:()=>{
-ye()},disabled:!pe()||l||c},">"),t.createElement(Gm,{variant:"secondary",
-onClick:()=>{be()},disabled:!pe()||l||c
-},">>"))))))))),!g&&ne&&f&&t.createElement(aY,null,f)))
+onClick:()=>{ye?.(Math.ceil(r.length/xe)-1)},disabled:l||c
+},Math.ceil(r.length/xe))),t.createElement(Gm,{variant:"secondary",onClick:()=>{
+be()},disabled:!fe()||l||c},">"),t.createElement(Gm,{variant:"secondary",
+onClick:()=>{we()},disabled:!fe()||l||c
+},">>"))))))))),!g&&re&&f&&t.createElement(aY,null,f)))
 },RY="Tabs",[IY,OY]=S(RY,[nv]),NY=nv(),[FY,$Y]=IY(RY),BY=l(((e,t)=>{
 const{__scopeTabs:n,value:r,onValueChange:a,defaultValue:i,orientation:l="horizontal",dir:c,activationMode:s="automatic",...u}=e,d=ce(c),[h,p]=O({
 prop:r,onChange:a,defaultProp:i});return o(FY,{scope:n,baseId:W(),value:h,

package/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.60",
+  "version": "2.0.61",
   "description": "React Ui Components for Freemium Apps",
   "main": "./index.js",
   "module": "./index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.60",
+  "version": "2.0.61",
   "description": "React Ui Components for Freemium Apps",
   "main": "lib/index.cjs.js",
   "module": "lib/index.js",