freemium-ui 2.0.22 → 2.0.24

package/lib/index.cjs.js

@@ -1329,13 +1329,13 @@ role:"button",...i,ref:l
 `,Xa=yr(Ga)`
   border-radius: ${({theme:e})=>"ltr"===e.direction?"4px 0 0 4px":"0 4px 4px 0"} !important;
   padding: 0 8px;
-  border-right: ${({theme:e,variant:t})=>"ltr"===e.direction?`1px solid ${e.components.button[t].borderColor}`:"unset"};
-  border-left: ${({theme:e,variant:t})=>"rtl"===e.direction?`1px solid ${e.components.button[t].borderColor}`:"unset"};
+  border-right: ${({theme:e,variant:t})=>"ltr"===e.direction?`1px solid ${e.components.button[t].borderColor}`:void 0};
+  border-left: ${({theme:e,variant:t})=>"rtl"===e.direction?`1px solid ${e.components.button[t].borderColor}`:void 0};
 `,Qa=yr(Ga)`
   border-radius: ${({theme:e})=>"ltr"===e.direction?"0 4px 4px 0":"4px 0 0 4px"} !important;
   padding: 0 8px;
-  border-left: ${({theme:e})=>"ltr"===e.direction?"0":"unset"};
-  border-right: ${({theme:e})=>"rtl"===e.direction?"0":"unset"};
+  border-left: ${({theme:e})=>"ltr"===e.direction?"0":void 0};
+  border-right: ${({theme:e})=>"rtl"===e.direction?"0":void 0};
 `
 ;const Ja="dismissableLayer.update",eo="dismissableLayer.pointerDownOutside",to="dismissableLayer.focusOutside"
 ;let no;const ro=e.createContext({layers:new Set,
@@ -2145,7 +2145,11 @@ onOpenToggle:e.useCallback((()=>p((e=>!e))),[p]),modal:s
 },ds=is,hs=t=>{const{__scopeDropdownMenu:n,...r}=t,a=rs(n)
 ;return e.createElement(qc,o({},a,r))},ps=ls,fs=cs,ms=e.forwardRef(((t,n)=>{
 const{__scopeDropdownMenu:r,...a}=t,i=rs(r);return e.createElement(Jc,o({},i,a,{
-ref:n}))})),vs=yr(us)``,gs=yr(ds)``,ys=yr(hs)``,bs=yr(ms)`
+ref:n}))})),vs=yr(us)``,gs=yr(ds)`
+  &:disabled {
+    cursor: not-allowed;
+  }
+`,ys=yr(hs)``,bs=yr(ms)`
   fill: ${({theme:e})=>e.colors.border.light};
 `,ws=yr(ss)`
   border-bottom: ${({theme:e})=>`1px solid ${e.colors.border.light}`};
@@ -2580,7 +2584,7 @@ modal:!0}))}))``,pd=yr(od)``,fd=yr(sd)``,md=yr(cd)``,vd=yr(id)`
   direction: ${({theme:e})=>e.direction};
   letter-spacing: 0px;
   padding: 0 32px 0px 32px;
-  margin: 10px 0px !important;
+  margin: 10px 0px 24px !important;
 `,wd=yr.div`
   border-bottom-right-radius: 8px;
   border-bottom-left-radius: 8px;
@@ -12791,6 +12795,9 @@ timePickerProps:p,timePrecision:f}),n)(e)}return s}return i}const fP=yr.div`
         height: 24px;
         width: 24px;
         cursor: pointer;
+        svg path {
+          fill: ${({theme:e})=>e.colors.text.primary};  
+        }
       }
     }
   }
@@ -12920,6 +12927,9 @@ timePickerProps:p,timePrecision:f}),n)(e)}return s}return i}const fP=yr.div`
     align-items: center;
     .bp5-timepicker-input-row {
       margin: 0 !important;
+      display: flex;
+      align-items: center;
+      color: ${({theme:e})=>e.colors.text.primary};
       span.bp5-timepicker-divider-text {
         margin: 0 4px;
       }
@@ -15889,14 +15899,14 @@ onClick:()=>{a((e=>({...e,[t.id]:!1}))),i((e=>e.filter((e=>e.id!==t.id))))}
 },e.createElement(Ga,{variant:"secondary"},"Cancel")),e.createElement(Ga,{
 onClick:()=>{t.setColumnOrder(o.map((e=>e.id))),t.setColumnVisibility(r)}
 },"Update")))},EB=t=>{
-const{trigger:n,idAccessor:r="id",nameAccessor:a="name",onSelect:o,options:i=[],value:l}=t,c=cr()
-;return e.createElement(vs,null,e.createElement(gs,{asChild:!0
+const{trigger:n,idAccessor:r="id",nameAccessor:a="name",onSelect:o,isDisableSortDropdown:i=!1,options:l=[],value:c}=t,s=cr()
+;return e.createElement(vs,null,e.createElement(gs,{asChild:!0,disabled:i
 },e.createElement(Pa,null,n)),e.createElement(ys,null,e.createElement(Cs,{
 side:"bottom",sideOffset:4,align:"center",className:"DropdownMenuContent"
-},i.map(((t,n)=>e.createElement(e.Fragment,{key:n
+},l.map(((t,n)=>e.createElement(e.Fragment,{key:n
 },t.map((t=>e.createElement(zs,{id:t?.[r],disabled:t?.disabled,
-className:"DropdownMenuItem",key:t?.[r],onSelect:()=>{const e=l??[];e[n]=t?.[r],
-o?.(e)}},t?.[a],l?.[n]===t?.[r]&&e.createElement(ra,{fill:c.colors.common.accent
+className:"DropdownMenuItem",key:t?.[r],onSelect:()=>{const e=c??[];e[n]=t?.[r],
+o?.(e)}},t?.[a],c?.[n]===t?.[r]&&e.createElement(ra,{fill:s.colors.common.accent
 })))),e.createElement(ws,{className:"DropdownMenuSeparator"})))))))
 },SB="Tabs",[_B,HB]=i(SB,[gl]),DB=gl(),[kB,VB]=_B(SB),LB=e.forwardRef(((t,n)=>{
 const{__scopeTabs:r,value:a,onValueChange:i,defaultValue:l,orientation:c="horizontal",dir:s,activationMode:u="automatic",...d}=t,h=B(s),[p,f]=y({
@@ -16771,9 +16781,9 @@ disabled:t.disabled,htmlFor:t?.[r]
 },exports.RadixMenuItem=fs,exports.RadixSelectItem=Rh,
 exports.Reorder=YF,exports.RequiredIndicator=Da,
 exports.StyledLabel=_a,exports.Table=t=>{
-const{data:n,columns:a,showFooter:o=!1,infoComponent:i,isLoading:l,isFetching:c,emptyComponent:s,loadingComponent:u,actionComponent:d,headerComponent:h,filterComponent:p,hideTableOnEmpty:f,hideTopPagination:m,hideFilters:v,sortingHeading:g,showTableOnLoading:y,hideLoaderOnTopPagination:b,hideActions:w,count:C,pageIndex:z=0,pageSize:M=20,enablePreviousPage:x,enableNextPage:E,hideColumnSettings:S=!0,hideBottomPagination:_,rowMenuOptions:H,onPreviousPageClick:D,enableSorting:k,sortingValues:V,sortingOptions:L,onSortingOptionSelect:A,onNextPageClick:T,disableRowSelect:R,hideSelectAllInTable:I,onSelectAllRows:P,onRowSelect:O,onMenuOptionSelect:N,onRowClick:F,columnOrder:$,setColumnOrder:B,setHiddenColumns:j,hiddenColumns:U,selectedRowIds:Y={},setSelectedRowIds:W,dataKey:G="id",cellPropGetter:K,setPageIndex:q,rowPropGetter:Z}=t,X=cr(),[Q,J]=e.useState(!v),ee={
+const{data:n,columns:a,showFooter:o=!1,infoComponent:i,isLoading:l,isFetching:c,emptyComponent:s,loadingComponent:u,actionComponent:d,headerComponent:h,filterComponent:p,hideTableOnEmpty:f,hideTopPagination:m,hideFilters:v,sortingHeading:g,showTableOnLoading:y,hideLoaderOnTopPagination:b,hideActions:w,count:C,pageIndex:z=0,pageSize:M=20,enablePreviousPage:x,enableNextPage:E,hideColumnSettings:S=!0,hideBottomPagination:_,rowMenuOptions:H,onPreviousPageClick:D,enableSorting:k,sortingValues:V,sortingOptions:L,onSortingOptionSelect:A,onNextPageClick:T,disableRowSelect:R,hideSelectAllInTable:I,onSelectAllRows:P,onRowSelect:O,onMenuOptionSelect:N,onRowClick:F,columnOrder:$,setColumnOrder:B,setHiddenColumns:j,hiddenColumns:U,selectedRowIds:Y={},isDisableSortDropdown:W,setSelectedRowIds:G,dataKey:K="id",cellPropGetter:q,setPageIndex:Z,rowPropGetter:X}=t,Q=cr(),[J,ee]=e.useState(!v),te={
 accessor:(e,t)=>"function"==typeof e?{...t,accessorFn:e}:{...t,accessorKey:e},
-display:e=>e,group:e=>e},te=-1===C||void 0===C,ne=e.useMemo((()=>[...R?[]:[{
+display:e=>e,group:e=>e},ne=-1===C||void 0===C,re=e.useMemo((()=>[...R?[]:[{
 id:"select",header:({table:t})=>I?e.createElement("div",{
 className:"table-checkbox-header"}):e.createElement(mu,{
 className:"table-checkbox",
@@ -16784,21 +16794,21 @@ cell:({row:t})=>e.createElement(mu,{className:"table-checkbox",
 checked:t.getIsSelected(),disabled:!t.getCanSelect(),
 indeterminate:t.getIsSomeSelected(),onCheckedChange:e=>{
 t.toggleSelected(!0===e),O?.(t.original,!0===e)}})
-}],...a.map((e=>ee.accessor(e.id,{header:e.Header,id:e.id??e.Header,
+}],...a.map((e=>te.accessor(e.id,{header:e.Header,id:e.id??e.Header,
 cell:t=>e.accessorFn(t.row.original)}))),...H?[{id:"rowMenuOptions",
 header:()=>e.createElement("div",{id:"more-actions-header"}),
 cell:({row:t})=>e.createElement(Iv,{trigger:e.createElement(sa,{
 className:"more-actions",fill:"currentcolor"}),options:H(t.original)||[],
 onSelect:e=>{e.id&&N?.(e.id,t.original)},side:"bottom",align:"end"})
-}]:[]]),[a,R,I,X.colors.text.primary]),re=e.useMemo((()=>{const e={}
+}]:[]]),[a,R,I,Q.colors.text.primary]),ae=e.useMemo((()=>{const e={}
 ;return a.forEach((t=>{e[t.id]=!(U??[]).includes(t.id)})),e
-}),[a,U]),ae=e.useMemo((()=>({pageIndex:z,pageSize:M})),[M,z]),oe=function(e){
+}),[a,U]),oe=e.useMemo((()=>({pageIndex:z,pageSize:M})),[M,z]),ie=function(e){
 const t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e
 },[n]=r.useState((()=>({current:B$(t)
 }))),[a,o]=r.useState((()=>n.current.initialState))
 ;return n.current.setOptions((t=>({...t,...e,state:{...a,...e.state},
 onStateChange:t=>{o(t),null==e.onStateChange||e.onStateChange(t)}}))),n.current
-}({data:n,columns:ne,getRowId:e=>e?.[G]??"id",
+}({data:n,columns:re,getRowId:e=>e?.[K]??"id",
 getCoreRowModel:e=>ZF((()=>[e.options.data]),(t=>{const n={rows:[],flatRows:[],
 rowsById:{}},r=function(t,a,o){void 0===a&&(a=0);const i=[]
 ;for(let c=0;c<t.length;c++){
@@ -16808,15 +16818,15 @@ 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,a+1,s)))}
 return i};return n.rows=r(t),n
 }),XF(e.options,"debugTable","getRowModel",(()=>e._autoResetPageIndex()))),
-state:{columnOrder:$,columnVisibility:re,rowSelection:Y,pagination:ae},
+state:{columnOrder:$,columnVisibility:ae,rowSelection:Y,pagination:oe},
 initialState:{columnPinning:{left:["select"],right:["rowMenuOptions"]}},
-onPaginationChange:e=>{let t=ae;t="function"==typeof e?e(ae):e,q?.(t.pageIndex)
-},onColumnVisibilityChange:e=>{let t=re
-;t="function"==typeof e?e(re):e,j?.(Object.keys(t).filter((e=>!t[e])))},
+onPaginationChange:e=>{let t=oe;t="function"==typeof e?e(oe):e,Z?.(t.pageIndex)
+},onColumnVisibilityChange:e=>{let t=ae
+;t="function"==typeof e?e(ae):e,j?.(Object.keys(t).filter((e=>!t[e])))},
 onColumnOrderChange:e=>{let t=$??[];t="function"==typeof e?e($??[]):e,B?.(t)},
-onRowSelectionChange:e=>{let t=Y;t="function"==typeof e?e(Y):e,W?.(t)},
-enableRowSelection:!0,manualPagination:!0,rowCount:te?-1:C
-}),{getPageCount:ie,getRowModel:le,getState:ce,getCanNextPage:se,getCanPreviousPage:ue,getPageOptions:de,previousPage:he,setPageIndex:pe,nextPage:fe,lastPage:me,firstPage:ve}=oe,{rows:ge}=le(),{pagination:{pageIndex:ye,pageSize:be}}=ce(),we=ye*be+(ye<ie()-1?be:ge.length),Ce=oe.getAllColumns().filter((e=>e.getIsVisible())).length+(R?0:1)+(H?1:0),ze=L?.[0].find((e=>e.id===V?.[0]))?.name
+onRowSelectionChange:e=>{let t=Y;t="function"==typeof e?e(Y):e,G?.(t)},
+enableRowSelection:!0,manualPagination:!0,rowCount:ne?-1:C
+}),{getPageCount:le,getRowModel:ce,getState:se,getCanNextPage:ue,getCanPreviousPage:de,getPageOptions:he,previousPage:pe,setPageIndex:fe,nextPage:me,lastPage:ve,firstPage:ge}=ie,{rows:ye}=ce(),{pagination:{pageIndex:be,pageSize:we}}=se(),Ce=be*we+(be<le()-1?we:ye.length),ze=ie.getAllColumns().filter((e=>e.getIsVisible())).length+(R?0:1)+(H?1:0),Me=L?.[0].find((e=>e.id===V?.[0]))?.name
 ;return e.createElement(W$,{className:"TableContainer"},!w&&e.createElement(Q$,{
 className:"table-actions"
 },d&&e.createElement(e.Fragment,null,d),e.createElement(tB,{
@@ -16825,50 +16835,50 @@ className:"table-header-dropdown-pagination"},k&&e.createElement("div",{
 className:"table-heading-dropdown"},e.createElement("div",{
 className:"table-sorting-heading"},`${g}:`)," ",e.createElement(EB,{
 trigger:e.createElement("div",{className:"table-sorting-value-continer"
-},e.createElement("div",null,ze),e.createElement(U$,{fill:"currentcolor"})),
-options:L||[],value:V,onSelect:e=>{A?.(e??[])}})),e.createElement(rB,{
-className:"pagination-actions"
+},e.createElement("div",null,Me),e.createElement(U$,{fill:"currentcolor"})),
+isDisableSortDropdown:!!W,options:L||[],value:V,onSelect:e=>{A?.(e??[])}
+})),e.createElement(rB,{className:"pagination-actions"
 },!m&&e.createElement(e.Fragment,null,e.createElement($a,{variant:"primary",
 className:"pagination-text"},l&&!b?e.createElement(Vv,{size:"small"
-}):e.createElement(e.Fragment,null,n.length>0?`${ye*be+1} - ${we} of ${te?""+(ge.length>0?"Many":"-"):C??ge.length??"-"}`:null)),e.createElement(Ga,{
+}):e.createElement(e.Fragment,null,n.length>0?`${be*we+1} - ${Ce} of ${ne?""+(ye.length>0?"Many":"-"):C??ye.length??"-"}`:null)),e.createElement(Ga,{
 variant:"secondary",className:"table-pagination-button",onClick:()=>{
-D?.(),te||he()},disabled:te?!x:!ue()||l||c},e.createElement(K$,{
-fill:X.colors.text.primary})),e.createElement(Ga,{variant:"secondary",
-className:"table-pagination-button",onClick:()=>{T?.(),te||fe()},
-disabled:te?!E:!se()||l||c},e.createElement(q$,{fill:X.colors.text.primary
+D?.(),ne||pe()},disabled:ne?!x:!de()||l||c},e.createElement(K$,{
+fill:Q.colors.text.primary})),e.createElement(Ga,{variant:"secondary",
+className:"table-pagination-button",onClick:()=>{T?.(),ne||me()},
+disabled:ne?!E:!ue()||l||c},e.createElement(q$,{fill:Q.colors.text.primary
 }))),!v&&e.createElement(Ga,{variant:"secondary",
-className:"table-pagination-button filter-toggle",onClick:()=>J(!Q)
-},e.createElement(G$,{style:{transform:Q?"rotateY(180deg)":"rotateY(0deg)"},
+className:"table-pagination-button filter-toggle",onClick:()=>ee(!J)
+},e.createElement(G$,{style:{transform:J?"rotateY(180deg)":"rotateY(0deg)"},
 fill:"currentcolor"
-}))))),e.createElement(Z$,null,e.createElement(X$,null,i&&e.createElement(eB,null,i),l&&!y?e.createElement(e.Fragment,null,u):e.createElement(e.Fragment,null,0===ge.length&&f?e.createElement(e.Fragment,null,s):e.createElement(aB,null,e.createElement(oB,null,!S&&e.createElement(XP,{
+}))))),e.createElement(Z$,null,e.createElement(X$,null,i&&e.createElement(eB,null,i),l&&!y?e.createElement(e.Fragment,null,u):e.createElement(e.Fragment,null,0===ye.length&&f?e.createElement(e.Fragment,null,s):e.createElement(aB,null,e.createElement(oB,null,!S&&e.createElement(XP,{
 align:"end",avoidCollisions:!0,side:"top",trigger:e.createElement(Y$,{
-fill:"currentcolor"})},e.createElement(xB,{table:oe
-})),e.createElement(iB,null,oe.getHeaderGroups().map((t=>e.createElement(sB,{
+fill:"currentcolor"})},e.createElement(xB,{table:ie
+})),e.createElement(iB,null,ie.getHeaderGroups().map((t=>e.createElement(sB,{
 key:t.id},t.headers.map((t=>e.createElement(dB,{key:t.id
-},t.isPlaceholder?null:j$(t.column.columnDef.header,t.getContext())))))))),e.createElement(lB,null,c&&!l&&e.createElement(uB,null,e.createElement(Vv,null)),ge.map((t=>e.createElement(sB,{
-key:t.id,$isSelected:t.getIsSelected(),...Z?.(t.original)
+},t.isPlaceholder?null:j$(t.column.columnDef.header,t.getContext())))))))),e.createElement(lB,null,c&&!l&&e.createElement(uB,null,e.createElement(Vv,null)),ye.map((t=>e.createElement(sB,{
+key:t.id,$isSelected:t.getIsSelected(),...X?.(t.original)
 },t.getVisibleCells().map((n=>e.createElement(hB,{key:n.id,onClick:()=>{
-F?.(t.original,n.column.columnDef)},...K?.(n)
-},j$(n.column.columnDef.cell,n.getContext())))))))),o&&e.createElement(cB,null,oe.getFooterGroups().map((t=>e.createElement(sB,{
+F?.(t.original,n.column.columnDef)},...q?.(n)
+},j$(n.column.columnDef.cell,n.getContext())))))))),o&&e.createElement(cB,null,ie.getFooterGroups().map((t=>e.createElement(sB,{
 key:t.id},t.headers.map((t=>e.createElement(dB,{key:t.id
 },t.isPlaceholder?null:j$(t.column.columnDef.footer,t.getContext())))))))),!_&&e.createElement(cB,null,e.createElement(sB,null,e.createElement(dB,{
-colSpan:Ce},e.createElement(CB,{className:"table-pagination"
-},e.createElement(Ga,{variant:"secondary",onClick:()=>{ve()},
-disabled:!ue()||l||c},"<<"),e.createElement(Ga,{variant:"secondary",
-onClick:()=>{he()},disabled:!ue()||l||c
-},"<"),ye+1>2&&e.createElement(e.Fragment,null,e.createElement(Ga,{
-variant:"secondary",onClick:()=>{ve()},disabled:l||c
-},"1"),ye+1-3!=0&&e.createElement(Ga,{variant:"secondary",disabled:!0
-},"...")),de().map((t=>[t-2,t-1,t,t+1,t+2].includes(ye+1)&&e.createElement(Ga,{
-key:t,variant:"secondary",className:ye+1===t+1?"active":"",onClick:()=>{pe?.(t)
+colSpan:ze},e.createElement(CB,{className:"table-pagination"
+},e.createElement(Ga,{variant:"secondary",onClick:()=>{ge()},
+disabled:!de()||l||c},"<<"),e.createElement(Ga,{variant:"secondary",
+onClick:()=>{pe()},disabled:!de()||l||c
+},"<"),be+1>2&&e.createElement(e.Fragment,null,e.createElement(Ga,{
+variant:"secondary",onClick:()=>{ge()},disabled:l||c
+},"1"),be+1-3!=0&&e.createElement(Ga,{variant:"secondary",disabled:!0
+},"...")),he().map((t=>[t-2,t-1,t,t+1,t+2].includes(be+1)&&e.createElement(Ga,{
+key:t,variant:"secondary",className:be+1===t+1?"active":"",onClick:()=>{fe?.(t)
 },disabled:l||c
-},t+1))),ye+2<Math.ceil(n.length/be)-2&&e.createElement(e.Fragment,null,ye+2+3!==Math.ceil(n.length/be)&&e.createElement(Ga,{
+},t+1))),be+2<Math.ceil(n.length/we)-2&&e.createElement(e.Fragment,null,be+2+3!==Math.ceil(n.length/we)&&e.createElement(Ga,{
 variant:"secondary",disabled:!0},"..."),e.createElement(Ga,{variant:"secondary",
-onClick:()=>{pe?.(Math.ceil(n.length/be)-1)},disabled:l||c
-},Math.ceil(n.length/be))),e.createElement(Ga,{variant:"secondary",onClick:()=>{
-fe()},disabled:!se()||l||c},">"),e.createElement(Ga,{variant:"secondary",
-onClick:()=>{me()},disabled:!se()||l||c
-},">>"))))))))),!v&&Q&&p&&e.createElement(J$,null,p)))
+onClick:()=>{fe?.(Math.ceil(n.length/we)-1)},disabled:l||c
+},Math.ceil(n.length/we))),e.createElement(Ga,{variant:"secondary",onClick:()=>{
+me()},disabled:!ue()||l||c},">"),e.createElement(Ga,{variant:"secondary",
+onClick:()=>{ve()},disabled:!ue()||l||c
+},">>"))))))))),!v&&J&&p&&e.createElement(J$,null,p)))
 },exports.Tabs=({options:t=[],idAccessor:n="id",nameAccessor:r="name",disabledAccessor:a="disabled",onChange:o,defaultValue:i,label:l,renderTabsContent:c,value:s})=>{
 const u=cr();return e.createElement(OB,{className:"TabsRoot",value:s,
 defaultValue:i,onValueChange:o,dir:u.direction},e.createElement(FB,{

package/lib/index.d.ts

@@ -1193,6 +1193,7 @@ interface TableProps<T extends RowDataType> {
     disableRowSelect?: boolean;
     infoComponent?: React.ReactElement;
     filterComponent?: React.ReactElement;
+    isDisableSortDropdown?: boolean | null;
     emptyComponent?: React.ReactElement;
     actionComponent?: React.ReactElement;
     loadingComponent?: React.ReactElement;

package/lib/index.js

@@ -1333,13 +1333,13 @@ role:"button",...i,ref:l
 `,wa=Or(va)`
   border-radius: ${({theme:e})=>"ltr"===e.direction?"4px 0 0 4px":"0 4px 4px 0"} !important;
   padding: 0 8px;
-  border-right: ${({theme:e,variant:t})=>"ltr"===e.direction?`1px solid ${e.components.button[t].borderColor}`:"unset"};
-  border-left: ${({theme:e,variant:t})=>"rtl"===e.direction?`1px solid ${e.components.button[t].borderColor}`:"unset"};
+  border-right: ${({theme:e,variant:t})=>"ltr"===e.direction?`1px solid ${e.components.button[t].borderColor}`:void 0};
+  border-left: ${({theme:e,variant:t})=>"rtl"===e.direction?`1px solid ${e.components.button[t].borderColor}`:void 0};
 `,Ca=Or(va)`
   border-radius: ${({theme:e})=>"ltr"===e.direction?"0 4px 4px 0":"4px 0 0 4px"} !important;
   padding: 0 8px;
-  border-left: ${({theme:e})=>"ltr"===e.direction?"0":"unset"};
-  border-right: ${({theme:e})=>"rtl"===e.direction?"0":"unset"};
+  border-left: ${({theme:e})=>"ltr"===e.direction?"0":void 0};
+  border-right: ${({theme:e})=>"rtl"===e.direction?"0":void 0};
 `
 ;const za="dismissableLayer.update",Ma="dismissableLayer.pointerDownOutside",xa="dismissableLayer.focusOutside"
 ;let Sa;const Ea=n({layers:new Set,
@@ -2126,8 +2126,11 @@ onOpenToggle:i((()=>f((e=>!e))),[f]),modal:s},o(ms,S({},u,{open:p,
 onOpenChange:f,dir:r,modal:s}),n))},ks=Hs,Ts=e=>{
 const{__scopeDropdownMenu:t,...n}=e,r=Ss(t);return o(gs,S({},r,n))
 },Is=Ds,Ps=Vs,Rs=l(((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,a=Ss(n)
-;return o(Cs,S({},a,r,{ref:t}))
-})),Os=Or(As)``,Ns=Or(ks)``,Fs=Or(Ts)``,$s=Or(Rs)`
+;return o(Cs,S({},a,r,{ref:t}))})),Os=Or(As)``,Ns=Or(ks)`
+  &:disabled {
+    cursor: not-allowed;
+  }
+`,Fs=Or(Ts)``,$s=Or(Rs)`
   fill: ${({theme:e})=>e.colors.border.light};
 `,Bs=Or(Ls)`
   border-bottom: ${({theme:e})=>`1px solid ${e.colors.border.light}`};
@@ -2581,7 +2584,7 @@ const{__scopeAlertDialog:t,...n}=e,r=wd(t);return o(dd,S({},r,n,{modal:!0}))
   direction: ${({theme:e})=>e.direction};
   letter-spacing: 0px;
   padding: 0 32px 0px 32px;
-  margin: 10px 0px !important;
+  margin: 10px 0px 24px !important;
 `,Ud=Or.div`
   border-bottom-right-radius: 8px;
   border-bottom-left-radius: 8px;
@@ -12827,6 +12830,9 @@ timePickerProps:p,timePrecision:f}),n)(e)}return s}return i}const BR=Or.div`
         height: 24px;
         width: 24px;
         cursor: pointer;
+        svg path {
+          fill: ${({theme:e})=>e.colors.text.primary};  
+        }
       }
     }
   }
@@ -12956,6 +12962,9 @@ timePickerProps:p,timePrecision:f}),n)(e)}return s}return i}const BR=Or.div`
     align-items: center;
     .bp5-timepicker-input-row {
       margin: 0 !important;
+      display: flex;
+      align-items: center;
+      color: ${({theme:e})=>e.colors.text.primary};
       span.bp5-timepicker-divider-text {
         margin: 0 4px;
       }
@@ -16015,18 +16024,18 @@ onClick:()=>{o((t=>({...t,[e.id]:!1}))),i((t=>t.filter((t=>t.id!==e.id))))}
 },t.createElement(va,{variant:"secondary"},"Cancel")),t.createElement(va,{
 onClick:()=>{e.setColumnOrder(a.map((e=>e.id))),e.setColumnVisibility(r)}
 },"Update")))},aj=e=>{
-const{trigger:n,idAccessor:r="id",nameAccessor:o="name",onSelect:a,options:i=[],value:l}=e,c=Hr()
-;return t.createElement(Os,null,t.createElement(Ns,{asChild:!0
+const{trigger:n,idAccessor:r="id",nameAccessor:o="name",onSelect:a,isDisableSortDropdown:i=!1,options:l=[],value:c}=e,s=Hr()
+;return t.createElement(Os,null,t.createElement(Ns,{asChild:!0,disabled:i
 },t.createElement(aa,null,n)),t.createElement(Fs,null,t.createElement(js,{
 side:"bottom",sideOffset:4,align:"center",className:"DropdownMenuContent"
-},i.map(((e,n)=>t.createElement(t.Fragment,{key:n
+},l.map(((e,n)=>t.createElement(t.Fragment,{key:n
 },e.map((e=>t.createElement(Us,{id:e?.[r],disabled:e?.disabled,
-className:"DropdownMenuItem",key:e?.[r],onSelect:()=>{const t=l??[];t[n]=e?.[r],
-a?.(t)}},e?.[o],l?.[n]===e?.[r]&&t.createElement(xo,{fill:c.colors.common.accent
+className:"DropdownMenuItem",key:e?.[r],onSelect:()=>{const t=c??[];t[n]=e?.[r],
+a?.(t)}},e?.[o],c?.[n]===e?.[r]&&t.createElement(xo,{fill:s.colors.common.accent
 })))),t.createElement(Bs,{className:"DropdownMenuSeparator"})))))))},ij=n=>{
-const{data:r,columns:o,showFooter:a=!1,infoComponent:i,isLoading:l,isFetching:c,emptyComponent:s,loadingComponent:u,actionComponent:d,headerComponent:h,filterComponent:p,hideTableOnEmpty:f,hideTopPagination:m,hideFilters:v,sortingHeading:g,showTableOnLoading:y,hideLoaderOnTopPagination:b,hideActions:w,count:C,pageIndex:z=0,pageSize:M=20,enablePreviousPage:x,enableNextPage:S,hideColumnSettings:E=!0,hideBottomPagination:_,rowMenuOptions:H,onPreviousPageClick:D,enableSorting:V,sortingValues:L,sortingOptions:A,onSortingOptionSelect:k,onNextPageClick:T,disableRowSelect:I,hideSelectAllInTable:P,onSelectAllRows:R,onRowSelect:O,onMenuOptionSelect:N,onRowClick:F,columnOrder:$,setColumnOrder:B,setHiddenColumns:j,hiddenColumns:U,selectedRowIds:Y={},setSelectedRowIds:W,dataKey:G="id",cellPropGetter:K,setPageIndex:q,rowPropGetter:Z}=n,X=Hr(),[Q,J]=t.useState(!v),ee={
+const{data:r,columns:o,showFooter:a=!1,infoComponent:i,isLoading:l,isFetching:c,emptyComponent:s,loadingComponent:u,actionComponent:d,headerComponent:h,filterComponent:p,hideTableOnEmpty:f,hideTopPagination:m,hideFilters:v,sortingHeading:g,showTableOnLoading:y,hideLoaderOnTopPagination:b,hideActions:w,count:C,pageIndex:z=0,pageSize:M=20,enablePreviousPage:x,enableNextPage:S,hideColumnSettings:E=!0,hideBottomPagination:_,rowMenuOptions:H,onPreviousPageClick:D,enableSorting:V,sortingValues:L,sortingOptions:A,onSortingOptionSelect:k,onNextPageClick:T,disableRowSelect:I,hideSelectAllInTable:P,onSelectAllRows:R,onRowSelect:O,onMenuOptionSelect:N,onRowClick:F,columnOrder:$,setColumnOrder:B,setHiddenColumns:j,hiddenColumns:U,selectedRowIds:Y={},isDisableSortDropdown:W,setSelectedRowIds:G,dataKey:K="id",cellPropGetter:q,setPageIndex:Z,rowPropGetter:X}=n,Q=Hr(),[J,ee]=t.useState(!v),te={
 accessor:(e,t)=>"function"==typeof e?{...t,accessorFn:e}:{...t,accessorKey:e},
-display:e=>e,group:e=>e},te=-1===C||void 0===C,ne=t.useMemo((()=>[...I?[]:[{
+display:e=>e,group:e=>e},ne=-1===C||void 0===C,re=t.useMemo((()=>[...I?[]:[{
 id:"select",header:({table:e})=>P?t.createElement("div",{
 className:"table-checkbox-header"}):t.createElement(Nu,{
 className:"table-checkbox",
@@ -16037,21 +16046,21 @@ cell:({row:e})=>t.createElement(Nu,{className:"table-checkbox",
 checked:e.getIsSelected(),disabled:!e.getCanSelect(),
 indeterminate:e.getIsSomeSelected(),onCheckedChange:t=>{
 e.toggleSelected(!0===t),O?.(e.original,!0===t)}})
-}],...o.map((e=>ee.accessor(e.id,{header:e.Header,id:e.id??e.Header,
+}],...o.map((e=>te.accessor(e.id,{header:e.Header,id:e.id??e.Header,
 cell:t=>e.accessorFn(t.row.original)}))),...H?[{id:"rowMenuOptions",
 header:()=>t.createElement("div",{id:"more-actions-header"}),
 cell:({row:e})=>t.createElement(cg,{trigger:t.createElement(Vo,{
 className:"more-actions",fill:"currentcolor"}),options:H(e.original)||[],
 onSelect:t=>{t.id&&N?.(t.id,e.original)},side:"bottom",align:"end"})
-}]:[]]),[o,I,P,X.colors.text.primary]),re=t.useMemo((()=>{const e={}
+}]:[]]),[o,I,P,Q.colors.text.primary]),oe=t.useMemo((()=>{const e={}
 ;return o.forEach((t=>{e[t.id]=!(U??[]).includes(t.id)})),e
-}),[o,U]),oe=t.useMemo((()=>({pageIndex:z,pageSize:M})),[M,z]),ae=function(t){
+}),[o,U]),ae=t.useMemo((()=>({pageIndex:z,pageSize:M})),[M,z]),ie=function(t){
 const n={state:{},onStateChange:()=>{},renderFallbackValue:null,...t
 },[r]=e.useState((()=>({current:zB(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:ne,getRowId:e=>e?.[G]??"id",
+}({data:r,columns:re,getRowId:e=>e?.[K]??"id",
 getCoreRowModel:e=>V$((()=>[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++){
@@ -16061,15 +16070,15 @@ 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
 }),L$(e.options,"debugTable","getRowModel",(()=>e._autoResetPageIndex()))),
-state:{columnOrder:$,columnVisibility:re,rowSelection:Y,pagination:oe},
+state:{columnOrder:$,columnVisibility:oe,rowSelection:Y,pagination:ae},
 initialState:{columnPinning:{left:["select"],right:["rowMenuOptions"]}},
-onPaginationChange:e=>{let t=oe;t="function"==typeof e?e(oe):e,q?.(t.pageIndex)
-},onColumnVisibilityChange:e=>{let t=re
-;t="function"==typeof e?e(re):e,j?.(Object.keys(t).filter((e=>!t[e])))},
+onPaginationChange:e=>{let t=ae;t="function"==typeof e?e(ae):e,Z?.(t.pageIndex)
+},onColumnVisibilityChange:e=>{let t=oe
+;t="function"==typeof e?e(oe):e,j?.(Object.keys(t).filter((e=>!t[e])))},
 onColumnOrderChange:e=>{let t=$??[];t="function"==typeof e?e($??[]):e,B?.(t)},
-onRowSelectionChange:e=>{let t=Y;t="function"==typeof e?e(Y):e,W?.(t)},
-enableRowSelection:!0,manualPagination:!0,rowCount:te?-1:C
-}),{getPageCount:ie,getRowModel:le,getState:ce,getCanNextPage:se,getCanPreviousPage:ue,getPageOptions:de,previousPage:he,setPageIndex:pe,nextPage:fe,lastPage:me,firstPage:ve}=ae,{rows:ge}=le(),{pagination:{pageIndex:ye,pageSize:be}}=ce(),we=ye*be+(ye<ie()-1?be:ge.length),Ce=ae.getAllColumns().filter((e=>e.getIsVisible())).length+(I?0:1)+(H?1:0),ze=A?.[0].find((e=>e.id===L?.[0]))?.name
+onRowSelectionChange:e=>{let t=Y;t="function"==typeof e?e(Y):e,G?.(t)},
+enableRowSelection:!0,manualPagination:!0,rowCount:ne?-1:C
+}),{getPageCount:le,getRowModel:ce,getState:se,getCanNextPage:ue,getCanPreviousPage:de,getPageOptions:he,previousPage:pe,setPageIndex:fe,nextPage:me,lastPage:ve,firstPage:ge}=ie,{rows:ye}=ce(),{pagination:{pageIndex:be,pageSize:we}}=se(),Ce=be*we+(be<le()-1?we:ye.length),ze=ie.getAllColumns().filter((e=>e.getIsVisible())).length+(I?0:1)+(H?1:0),Me=A?.[0].find((e=>e.id===L?.[0]))?.name
 ;return t.createElement(EB,{className:"TableContainer"},!w&&t.createElement(AB,{
 className:"table-actions"
 },d&&t.createElement(t.Fragment,null,d),t.createElement(IB,{
@@ -16078,50 +16087,50 @@ className:"table-header-dropdown-pagination"},V&&t.createElement("div",{
 className:"table-heading-dropdown"},t.createElement("div",{
 className:"table-sorting-heading"},`${g}:`)," ",t.createElement(aj,{
 trigger:t.createElement("div",{className:"table-sorting-value-continer"
-},t.createElement("div",null,ze),t.createElement(xB,{fill:"currentcolor"})),
-options:A||[],value:L,onSelect:e=>{k?.(e??[])}})),t.createElement(RB,{
-className:"pagination-actions"
+},t.createElement("div",null,Me),t.createElement(xB,{fill:"currentcolor"})),
+isDisableSortDropdown:!!W,options:A||[],value:L,onSelect:e=>{k?.(e??[])}
+})),t.createElement(RB,{className:"pagination-actions"
 },!m&&t.createElement(t.Fragment,null,t.createElement(sa,{variant:"primary",
 className:"pagination-text"},l&&!b?t.createElement(rg,{size:"small"
-}):t.createElement(t.Fragment,null,r.length>0?`${ye*be+1} - ${we} of ${te?""+(ge.length>0?"Many":"-"):C??ge.length??"-"}`:null)),t.createElement(va,{
+}):t.createElement(t.Fragment,null,r.length>0?`${be*we+1} - ${Ce} of ${ne?""+(ye.length>0?"Many":"-"):C??ye.length??"-"}`:null)),t.createElement(va,{
 variant:"secondary",className:"table-pagination-button",onClick:()=>{
-D?.(),te||he()},disabled:te?!x:!ue()||l||c},t.createElement(HB,{
-fill:X.colors.text.primary})),t.createElement(va,{variant:"secondary",
-className:"table-pagination-button",onClick:()=>{T?.(),te||fe()},
-disabled:te?!S:!se()||l||c},t.createElement(DB,{fill:X.colors.text.primary
+D?.(),ne||pe()},disabled:ne?!x:!de()||l||c},t.createElement(HB,{
+fill:Q.colors.text.primary})),t.createElement(va,{variant:"secondary",
+className:"table-pagination-button",onClick:()=>{T?.(),ne||me()},
+disabled:ne?!S:!ue()||l||c},t.createElement(DB,{fill:Q.colors.text.primary
 }))),!v&&t.createElement(va,{variant:"secondary",
-className:"table-pagination-button filter-toggle",onClick:()=>J(!Q)
-},t.createElement(_B,{style:{transform:Q?"rotateY(180deg)":"rotateY(0deg)"},
+className:"table-pagination-button filter-toggle",onClick:()=>ee(!J)
+},t.createElement(_B,{style:{transform:J?"rotateY(180deg)":"rotateY(0deg)"},
 fill:"currentcolor"
-}))))),t.createElement(VB,null,t.createElement(LB,null,i&&t.createElement(TB,null,i),l&&!y?t.createElement(t.Fragment,null,u):t.createElement(t.Fragment,null,0===ge.length&&f?t.createElement(t.Fragment,null,s):t.createElement(OB,null,t.createElement(NB,null,!E&&t.createElement(VO,{
+}))))),t.createElement(VB,null,t.createElement(LB,null,i&&t.createElement(TB,null,i),l&&!y?t.createElement(t.Fragment,null,u):t.createElement(t.Fragment,null,0===ye.length&&f?t.createElement(t.Fragment,null,s):t.createElement(OB,null,t.createElement(NB,null,!E&&t.createElement(VO,{
 align:"end",avoidCollisions:!0,side:"top",trigger:t.createElement(SB,{
-fill:"currentcolor"})},t.createElement(oj,{table:ae
-})),t.createElement(FB,null,ae.getHeaderGroups().map((e=>t.createElement(jB,{
+fill:"currentcolor"})},t.createElement(oj,{table:ie
+})),t.createElement(FB,null,ie.getHeaderGroups().map((e=>t.createElement(jB,{
 key:e.id},e.headers.map((e=>t.createElement(YB,{key:e.id
-},e.isPlaceholder?null:MB(e.column.columnDef.header,e.getContext())))))))),t.createElement($B,null,c&&!l&&t.createElement(UB,null,t.createElement(rg,null)),ge.map((e=>t.createElement(jB,{
-key:e.id,$isSelected:e.getIsSelected(),...Z?.(e.original)
+},e.isPlaceholder?null:MB(e.column.columnDef.header,e.getContext())))))))),t.createElement($B,null,c&&!l&&t.createElement(UB,null,t.createElement(rg,null)),ye.map((e=>t.createElement(jB,{
+key:e.id,$isSelected:e.getIsSelected(),...X?.(e.original)
 },e.getVisibleCells().map((n=>t.createElement(WB,{key:n.id,onClick:()=>{
-F?.(e.original,n.column.columnDef)},...K?.(n)
-},MB(n.column.columnDef.cell,n.getContext())))))))),a&&t.createElement(BB,null,ae.getFooterGroups().map((e=>t.createElement(jB,{
+F?.(e.original,n.column.columnDef)},...q?.(n)
+},MB(n.column.columnDef.cell,n.getContext())))))))),a&&t.createElement(BB,null,ie.getFooterGroups().map((e=>t.createElement(jB,{
 key:e.id},e.headers.map((e=>t.createElement(YB,{key:e.id
 },e.isPlaceholder?null:MB(e.column.columnDef.footer,e.getContext())))))))),!_&&t.createElement(BB,null,t.createElement(jB,null,t.createElement(YB,{
-colSpan:Ce},t.createElement(tj,{className:"table-pagination"
-},t.createElement(va,{variant:"secondary",onClick:()=>{ve()},
-disabled:!ue()||l||c},"<<"),t.createElement(va,{variant:"secondary",
-onClick:()=>{he()},disabled:!ue()||l||c
-},"<"),ye+1>2&&t.createElement(t.Fragment,null,t.createElement(va,{
-variant:"secondary",onClick:()=>{ve()},disabled:l||c
-},"1"),ye+1-3!=0&&t.createElement(va,{variant:"secondary",disabled:!0
-},"...")),de().map((e=>[e-2,e-1,e,e+1,e+2].includes(ye+1)&&t.createElement(va,{
-key:e,variant:"secondary",className:ye+1===e+1?"active":"",onClick:()=>{pe?.(e)
+colSpan:ze},t.createElement(tj,{className:"table-pagination"
+},t.createElement(va,{variant:"secondary",onClick:()=>{ge()},
+disabled:!de()||l||c},"<<"),t.createElement(va,{variant:"secondary",
+onClick:()=>{pe()},disabled:!de()||l||c
+},"<"),be+1>2&&t.createElement(t.Fragment,null,t.createElement(va,{
+variant:"secondary",onClick:()=>{ge()},disabled:l||c
+},"1"),be+1-3!=0&&t.createElement(va,{variant:"secondary",disabled:!0
+},"...")),he().map((e=>[e-2,e-1,e,e+1,e+2].includes(be+1)&&t.createElement(va,{
+key:e,variant:"secondary",className:be+1===e+1?"active":"",onClick:()=>{fe?.(e)
 },disabled:l||c
-},e+1))),ye+2<Math.ceil(r.length/be)-2&&t.createElement(t.Fragment,null,ye+2+3!==Math.ceil(r.length/be)&&t.createElement(va,{
+},e+1))),be+2<Math.ceil(r.length/we)-2&&t.createElement(t.Fragment,null,be+2+3!==Math.ceil(r.length/we)&&t.createElement(va,{
 variant:"secondary",disabled:!0},"..."),t.createElement(va,{variant:"secondary",
-onClick:()=>{pe?.(Math.ceil(r.length/be)-1)},disabled:l||c
-},Math.ceil(r.length/be))),t.createElement(va,{variant:"secondary",onClick:()=>{
-fe()},disabled:!se()||l||c},">"),t.createElement(va,{variant:"secondary",
-onClick:()=>{me()},disabled:!se()||l||c
-},">>"))))))))),!v&&Q&&p&&t.createElement(kB,null,p)))
+onClick:()=>{fe?.(Math.ceil(r.length/we)-1)},disabled:l||c
+},Math.ceil(r.length/we))),t.createElement(va,{variant:"secondary",onClick:()=>{
+me()},disabled:!ue()||l||c},">"),t.createElement(va,{variant:"secondary",
+onClick:()=>{ve()},disabled:!ue()||l||c
+},">>"))))))))),!v&&J&&p&&t.createElement(kB,null,p)))
 },lj="Tabs",[cj,sj]=E(lj,[Nl]),uj=Nl(),[dj,hj]=cj(lj),pj=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(dj,{scope:n,baseId:W(),value:h,

package/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.22",
+  "version": "2.0.24",
   "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.22",
+  "version": "2.0.24",
   "description": "React Ui Components for Freemium Apps",
   "main": "lib/index.cjs.js",
   "module": "lib/index.js",