freemium-ui 2.0.45 → 2.0.47

package/dist/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "freemium-ui",
+  "version": "2.0.0-beta.73",
+  "description": "React Ui Components for Freemium Apps",
+  "main": "./index.js",
+  "module": "./index.js",
+  "typings": "./index.d.ts",
+  "dependencies": {
+    "@blueprintjs/datetime2": "^2.3.4",
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/modifiers": "^7.0.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@radix-ui/react-accordion": "^1.1.2",
+    "@radix-ui/react-alert-dialog": "^1.0.5",
+    "@radix-ui/react-avatar": "^1.0.4",
+    "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-radio-group": "^1.1.3",
+    "@radix-ui/react-select": "^2.0.0",
+    "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-tabs": "^1.0.4",
+    "@radix-ui/react-toast": "^1.1.5",
+    "@radix-ui/react-tooltip": "^1.0.7",
+    "@tanstack/react-table": "^8.16.0",
+    "downshift": "^9.0.4",
+    "moment": "^2.30.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-quill": "^2.0.0",
+    "react-scripts": "5.0.1",
+    "styled-components": "^6.1.8",
+    "typescript": "^4.9.5"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/freshdesk/freemium-ui.git"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "keywords": [
+    "Freemiui",
+    "React",
+    "UI",
+    "Material"
+  ],
+  "author": "Freshworks",
+  "bugs": {
+    "url": "https://github.com/freshdesk/freemium-ui/issues"
+  },
+  "homepage": "https://github.com/freshdesk/freemium-ui#readme",
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "plugin:storybook/recommended"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "private": false
+}

package/lib/index.cjs.js

@@ -16926,7 +16926,7 @@ thumb:24,offTransform:[-2,-2],onTransform:[22,-2]}},zW=yr(gW)`
   transition: transform 100ms;
   transform: translate(
     ${({theme:e,size:t})=>("ltr"===e.direction?CW[t].offTransform:CW[t].onTransform).map((e=>`${e}px`)).join(",")}
-  );
+  ) !important;
   will-change: transform;
   overflow: hidden;
   &[data-state='unchecked']:not([data-disabled]) {
@@ -16948,7 +16948,7 @@ thumb:24,offTransform:[-2,-2],onTransform:[22,-2]}},zW=yr(gW)`
   &[data-state='checked'] {
     transform: translate(
       ${({theme:e,size:t})=>("ltr"===e.direction?CW[t].onTransform:CW[t].offTransform).map((e=>`${e}px`)).join(",")}
-    );
+    ) !important;
     border: 1px solid ${({theme:e})=>e.colors.common.accent};
     svg.toggle-off {
       display: none;
@@ -17381,34 +17381,34 @@ disabled:t.disabled,htmlFor:t?.[r]
 },exports.RadixMenuItem=jv,exports.RadixSelectItem=Lf,
 exports.Reorder=yj,exports.RequiredIndicator=Ao,
 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,sortingHeading:y,showTableOnLoading:b,hideLoaderOnTopPagination:w,hideActions:C,count:z,pageIndex:M=0,pageSize:x=20,enablePreviousPage:E,enableNextPage:S,hideColumnSettings:_=!0,hideBottomPagination:H,rowMenuOptions:D,onPreviousPageClick:k,enableSorting:A,sortingValues:L,sortingOptions:V,onSortingOptionSelect:T,onNextPageClick:R,disableRowSelect:P,hideSelectAllInTable:I,onSelectAllRows:O,onRowSelect:N,onMenuOptionSelect:F,onRowClick:$,columnOrder:B,setColumnOrder:j,setHiddenColumns:U,hiddenColumns:Y,selectedRowIds:W={},isDisableSortDropdown:G,setSelectedRowIds:K,dataKey:q="id",cellPropGetter:Z,setPageIndex:X,rowPropGetter:J}=t,Q=cr(),[ee,te]=e.useState(!g),ne={
+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,showFilters: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}=t,ee=cr(),[te,ne]=e.useState(!!y),re={
 accessor:(e,t)=>"function"==typeof e?{...t,accessorFn:e}:{...t,accessorKey:e},
-display:e=>e,group:e=>e},re=-1===z||void 0===z,oe=e.useMemo((()=>[...P?[]:[{
-id:"select",header:({table:t})=>I?e.createElement("div",{
+display:e=>e,group:e=>e},oe=-1===M||void 0===M,ae=e.useMemo((()=>[...I?[]:[{
+id:"select",header:({table:t})=>O?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),O?.(!0===e)}}),
+t.toggleAllPageRowsSelected(!0===e),N?.(!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),N?.(t.original,!0===e)}})
-}],...o.map((e=>ne.accessor(e.id,{header:e.Header,id:e.id??e.Header,
-cell:t=>e.accessorFn(t.row.original)}))),...D?[{id:"rowMenuOptions",
+t.toggleSelected(!0===e),F?.(t.original,!0===e)}})
+}],...o.map((e=>re.accessor(e.id,{header:e.Header,id:e.id??e.Header,
+cell:t=>e.accessorFn(t.row.original)}))),...k?[{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:D(t.original)||[],
-onSelect:e=>{e.id&&F?.(e.id,t.original)},side:"bottom",align:"end"})
-}]:[]]),[o,P,I,Q.colors.text.primary]),ae=e.useMemo((()=>{const e={}
-;return o.forEach((t=>{e[t.id]=!(Y??[]).includes(t.id)})),e
-}),[o,Y]),ie=e.useMemo((()=>({pageIndex:M,pageSize:x})),[x,M]),le=function(e){
+className:"more-actions",fill:"currentcolor"}),options:k(t.original)||[],
+onSelect:e=>{e.id&&$?.(e.id,t.original)},side:"bottom",align:"end"})
+}]:[]]),[o,I,O,ee.colors.text.primary]),ie=e.useMemo((()=>{const e={}
+;return o.forEach((t=>{e[t.id]=!(W??[]).includes(t.id)})),e
+}),[o,W]),le=e.useMemo((()=>({pageIndex:x,pageSize:E})),[E,x]),ce=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:oe,getRowId:e=>e?.[q]??"id",
+}({data:n,columns:ae,getRowId:e=>e?.[Z]??"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++){
@@ -17418,69 +17418,69 @@ 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:B,columnVisibility:ae,rowSelection:W,pagination:ie},
+state:{columnOrder:j,columnVisibility:ie,rowSelection:G,pagination:le},
 initialState:{columnPinning:{left:["select"],right:["rowMenuOptions"]}},
-onPaginationChange:e=>{let t=ie;t="function"==typeof e?e(ie):e,X?.(t.pageIndex)
-},onColumnVisibilityChange:e=>{let t=ae
-;t="function"==typeof e?e(ae):e,U?.(Object.keys(t).filter((e=>!t[e])))},
-onColumnOrderChange:e=>{let t=B??[];t="function"==typeof e?e(B??[]):e,j?.(t)},
-onRowSelectionChange:e=>{let t=W;t="function"==typeof e?e(W):e,K?.(t)},
-enableRowSelection:!0,manualPagination:!0,rowCount:re?-1:z
-}),{getPageCount:ce,getRowModel:se,getState:ue,getCanNextPage:de,getCanPreviousPage:he,getPageOptions:pe,previousPage:fe,setPageIndex:me,nextPage:ve,lastPage:ge,firstPage:ye}=le,{rows:be}=se(),{pagination:{pageIndex:we,pageSize:Ce}}=ue(),ze=we*Ce+(we<ce()-1?Ce:be.length),Me=le.getAllColumns().filter((e=>e.getIsVisible())).length+(P?0:1)+(D?1:0),xe=V?.[0].find((e=>e.id===L?.[0]))?.name
-;return e.createElement(gU,{className:"TableContainer"},!C&&e.createElement(MU,{
+onPaginationChange:e=>{let t=le;t="function"==typeof e?e(le):e,J?.(t.pageIndex)
+},onColumnVisibilityChange:e=>{let t=ie
+;t="function"==typeof e?e(ie):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:oe?-1:M
+}),{getPageCount:se,getRowModel:ue,getState:de,getCanNextPage:he,getCanPreviousPage:pe,getPageOptions:fe,previousPage:me,setPageIndex:ve,nextPage:ge,lastPage:ye,firstPage:be}=ce,{rows:we}=ue(),{pagination:{pageIndex:Ce,pageSize:ze}}=de(),Me=Ce*ze+(Ce<se()-1?ze:we.length),xe=ce.getAllColumns().filter((e=>e.getIsVisible())).length+(I?0:1)+(k?1:0),Ee=T?.[0].find((e=>e.id===V?.[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"},A&&e.createElement("div",{
+className:"table-header-dropdown-pagination"},L&&e.createElement("div",{
 className:"table-heading-dropdown"},e.createElement("div",{
-className:"table-sorting-heading"},`${y}:`)," ",e.createElement(QU,{
+className:"table-sorting-heading"},`${b}:`)," ",e.createElement(QU,{
 trigger:e.createElement("div",{className:"table-sorting-value-continer"
-},e.createElement("div",null,xe),e.createElement(KU,{fill:"currentcolor"})),
-isDisableSortDropdown:!!G,options:V||[],value:L,onSelect:e=>{T?.(e??[])}
+},e.createElement("div",null,Ee),e.createElement(KU,{fill:"currentcolor"})),
+isDisableSortDropdown:!!K,options:T||[],value:V,onSelect:e=>{R?.(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&&!w?e.createElement(wm,{size:"small"
-}):e.createElement(e.Fragment,null,n.length>0?`${we*Ce+1} - ${ze} of ${re?""+(be.length>0?"Many":"-"):z??be.length??"-"}`:null)),e.createElement(xm,{
+className:"pagination-text"},l&&!C?e.createElement(wm,{size:"small"
+}):e.createElement(e.Fragment,null,n.length>0?`${Ce*ze+1} - ${Me} of ${oe?""+(we.length>0?"Many":"-"):M??we.length??"-"}`:null)),e.createElement(xm,{
 variant:"secondary",className:"table-pagination-button",onClick:()=>{
-k?.(),re||fe()},disabled:re?!E:!he()||l||c},e.createElement(bU,{
-fill:Q.colors.text.primary})),e.createElement(xm,{variant:"secondary",
-className:"table-pagination-button",onClick:()=>{R?.(),re||ve()},
-disabled:re?!S:!de()||l||c},e.createElement(wU,{fill:Q.colors.text.primary
+A?.(),oe||me()},disabled:oe?!S:!pe()||l||c},e.createElement(bU,{
+fill:ee.colors.text.primary})),e.createElement(xm,{variant:"secondary",
+className:"table-pagination-button",onClick:()=>{P?.(),oe||ge()},
+disabled:oe?!_:!he()||l||c},e.createElement(wU,{fill:ee.colors.text.primary
 }))),!g&&e.createElement(xm,{variant:"secondary",
-className:"table-pagination-button filter-toggle",onClick:()=>te(!ee)
-},e.createElement(yU,{style:{transform:ee?"rotateY(180deg)":"rotateY(0deg)"},
+className:"table-pagination-button filter-toggle",onClick:()=>ne(!te)
+},e.createElement(yU,{style:{transform:te?"rotateY(180deg)":"rotateY(0deg)"},
 fill:"currentcolor"}))))),e.createElement(CU,null,e.createElement(zU,{
 className:"table-wrapper"
-},i&&e.createElement(EU,null,i),l&&!b?e.createElement(e.Fragment,null,u):e.createElement(e.Fragment,null,0===be.length&&m?e.createElement(e.Fragment,null,s):e.createElement(kU,null,e.createElement(AU,null,!_&&e.createElement(xF,{
+},i&&e.createElement(EU,null,i),l&&!w?e.createElement(e.Fragment,null,u):e.createElement(e.Fragment,null,0===we.length&&m?e.createElement(e.Fragment,null,s):e.createElement(kU,null,e.createElement(AU,null,!H&&e.createElement(xF,{
 align:"end",avoidCollisions:!0,side:"top",trigger:e.createElement(qU,{
-fill:"currentcolor"})},e.createElement(JU,{table:le
-})),e.createElement(LU,null,le.getHeaderGroups().map((t=>e.createElement(RU,{
+fill:"currentcolor"})},e.createElement(JU,{table:ce
+})),e.createElement(LU,null,ce.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)),be.map((t=>e.createElement(RU,{
-key:t.id,$isSelected:t.getIsSelected(),...J?.(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)),we.map((t=>e.createElement(RU,{
+key:t.id,$isSelected:t.getIsSelected(),...Q?.(t.original)
 },t.getVisibleCells().map((n=>e.createElement(OU,{key:n.id,onClick:()=>{
-$?.(t.original,n.column.columnDef)},...Z?.(n)
-},vU(n.column.columnDef.cell,n.getContext())))))))),a&&e.createElement(TU,null,le.getFooterGroups().map((t=>e.createElement(RU,{
+B?.(t.original,n.column.columnDef)},...X?.(n)
+},vU(n.column.columnDef.cell,n.getContext())))))))),a&&e.createElement(TU,null,ce.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())))))))),!H&&e.createElement(TU,null,e.createElement(RU,null,e.createElement(IU,{
-colSpan:Me},e.createElement(GU,{className:"table-pagination"
-},e.createElement(xm,{variant:"secondary",onClick:()=>{ye()},
-disabled:!he()||l||c},"<<"),e.createElement(xm,{variant:"secondary",
-onClick:()=>{fe()},disabled:!he()||l||c
-},"<"),we+1>2&&e.createElement(e.Fragment,null,e.createElement(xm,{
-variant:"secondary",onClick:()=>{ye()},disabled:l||c
-},"1"),we+1-3!=0&&e.createElement(xm,{variant:"secondary",disabled:!0
-},"...")),pe().map((t=>[t-2,t-1,t,t+1,t+2].includes(we+1)&&e.createElement(xm,{
-key:t,variant:"secondary",className:we+1===t+1?"active":"",onClick:()=>{me?.(t)
+},t.isPlaceholder?null:vU(t.column.columnDef.footer,t.getContext())))))))),!D&&e.createElement(TU,null,e.createElement(RU,null,e.createElement(IU,{
+colSpan:xe},e.createElement(GU,{className:"table-pagination"
+},e.createElement(xm,{variant:"secondary",onClick:()=>{be()},
+disabled:!pe()||l||c},"<<"),e.createElement(xm,{variant:"secondary",
+onClick:()=>{me()},disabled:!pe()||l||c
+},"<"),Ce+1>2&&e.createElement(e.Fragment,null,e.createElement(xm,{
+variant:"secondary",onClick:()=>{be()},disabled:l||c
+},"1"),Ce+1-3!=0&&e.createElement(xm,{variant:"secondary",disabled:!0
+},"...")),fe().map((t=>[t-2,t-1,t,t+1,t+2].includes(Ce+1)&&e.createElement(xm,{
+key:t,variant:"secondary",className:Ce+1===t+1?"active":"",onClick:()=>{ve?.(t)
 },disabled:l||c
-},t+1))),we+2<Math.ceil(n.length/Ce)-2&&e.createElement(e.Fragment,null,we+2+3!==Math.ceil(n.length/Ce)&&e.createElement(xm,{
+},t+1))),Ce+2<Math.ceil(n.length/ze)-2&&e.createElement(e.Fragment,null,Ce+2+3!==Math.ceil(n.length/ze)&&e.createElement(xm,{
 variant:"secondary",disabled:!0},"..."),e.createElement(xm,{variant:"secondary",
-onClick:()=>{me?.(Math.ceil(n.length/Ce)-1)},disabled:l||c
-},Math.ceil(n.length/Ce))),e.createElement(xm,{variant:"secondary",onClick:()=>{
-ve()},disabled:!de()||l||c},">"),e.createElement(xm,{variant:"secondary",
-onClick:()=>{ge()},disabled:!de()||l||c
-},">>"))))))))),!g&&ee&&f&&e.createElement(xU,null,f)))
+onClick:()=>{ve?.(Math.ceil(n.length/ze)-1)},disabled:l||c
+},Math.ceil(n.length/ze))),e.createElement(xm,{variant:"secondary",onClick:()=>{
+ge()},disabled:!he()||l||c},">"),e.createElement(xm,{variant:"secondary",
+onClick:()=>{ye()},disabled:!he()||l||c
+},">>"))))))))),!g&&te&&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

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

package/lib/index.js

@@ -16630,34 +16630,34 @@ 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,sortingHeading:y,showTableOnLoading:b,hideLoaderOnTopPagination:w,hideActions:C,count:z,pageIndex:M=0,pageSize:x=20,enablePreviousPage:E,enableNextPage:S,hideColumnSettings:_=!0,hideBottomPagination:H,rowMenuOptions:D,onPreviousPageClick:A,enableSorting:L,sortingValues:V,sortingOptions:k,onSortingOptionSelect:T,onNextPageClick:P,disableRowSelect:R,hideSelectAllInTable:I,onSelectAllRows:O,onRowSelect:N,onMenuOptionSelect:F,onRowClick:$,columnOrder:B,setColumnOrder:j,setHiddenColumns:U,hiddenColumns:Y,selectedRowIds:W={},isDisableSortDropdown:G,setSelectedRowIds:K,dataKey:q="id",cellPropGetter:Z,setPageIndex:X,rowPropGetter:J}=n,Q=Hr(),[ee,te]=t.useState(!g),ne={
+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,showFilters: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}=n,ee=Hr(),[te,ne]=t.useState(!!y),re={
 accessor:(e,t)=>"function"==typeof e?{...t,accessorFn:e}:{...t,accessorKey:e},
-display:e=>e,group:e=>e},re=-1===z||void 0===z,oe=t.useMemo((()=>[...R?[]:[{
-id:"select",header:({table:e})=>I?t.createElement("div",{
+display:e=>e,group:e=>e},oe=-1===M||void 0===M,ae=t.useMemo((()=>[...I?[]:[{
+id:"select",header:({table:e})=>O?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),O?.(!0===t)}}),
+e.toggleAllPageRowsSelected(!0===t),N?.(!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),N?.(e.original,!0===t)}})
-}],...o.map((e=>ne.accessor(e.id,{header:e.Header,id:e.id??e.Header,
-cell:t=>e.accessorFn(t.row.original)}))),...D?[{id:"rowMenuOptions",
+e.toggleSelected(!0===t),F?.(e.original,!0===t)}})
+}],...o.map((e=>re.accessor(e.id,{header:e.Header,id:e.id??e.Header,
+cell:t=>e.accessorFn(t.row.original)}))),...A?[{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:D(e.original)||[],
-onSelect:t=>{t.id&&F?.(t.id,e.original)},side:"bottom",align:"end"})
-}]:[]]),[o,R,I,Q.colors.text.primary]),ae=t.useMemo((()=>{const e={}
-;return o.forEach((t=>{e[t.id]=!(Y??[]).includes(t.id)})),e
-}),[o,Y]),ie=t.useMemo((()=>({pageIndex:M,pageSize:x})),[x,M]),le=function(t){
+className:"more-actions",fill:"currentcolor"}),options:A(e.original)||[],
+onSelect:t=>{t.id&&$?.(t.id,e.original)},side:"bottom",align:"end"})
+}]:[]]),[o,I,O,ee.colors.text.primary]),ie=t.useMemo((()=>{const e={}
+;return o.forEach((t=>{e[t.id]=!(W??[]).includes(t.id)})),e
+}),[o,W]),le=t.useMemo((()=>({pageIndex:x,pageSize:E})),[E,x]),ce=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:oe,getRowId:e=>e?.[q]??"id",
+}({data:r,columns:ae,getRowId:e=>e?.[Z]??"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++){
@@ -16667,69 +16667,69 @@ 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:B,columnVisibility:ae,rowSelection:W,pagination:ie},
+state:{columnOrder:j,columnVisibility:ie,rowSelection:G,pagination:le},
 initialState:{columnPinning:{left:["select"],right:["rowMenuOptions"]}},
-onPaginationChange:e=>{let t=ie;t="function"==typeof e?e(ie):e,X?.(t.pageIndex)
-},onColumnVisibilityChange:e=>{let t=ae
-;t="function"==typeof e?e(ae):e,U?.(Object.keys(t).filter((e=>!t[e])))},
-onColumnOrderChange:e=>{let t=B??[];t="function"==typeof e?e(B??[]):e,j?.(t)},
-onRowSelectionChange:e=>{let t=W;t="function"==typeof e?e(W):e,K?.(t)},
-enableRowSelection:!0,manualPagination:!0,rowCount:re?-1:z
-}),{getPageCount:ce,getRowModel:se,getState:ue,getCanNextPage:de,getCanPreviousPage:he,getPageOptions:pe,previousPage:fe,setPageIndex:me,nextPage:ve,lastPage:ge,firstPage:ye}=le,{rows:be}=se(),{pagination:{pageIndex:we,pageSize:Ce}}=ue(),ze=we*Ce+(we<ce()-1?Ce:be.length),Me=le.getAllColumns().filter((e=>e.getIsVisible())).length+(R?0:1)+(D?1:0),xe=k?.[0].find((e=>e.id===V?.[0]))?.name
-;return t.createElement(JU,{className:"TableContainer"},!C&&t.createElement(oY,{
+onPaginationChange:e=>{let t=le;t="function"==typeof e?e(le):e,J?.(t.pageIndex)
+},onColumnVisibilityChange:e=>{let t=ie
+;t="function"==typeof e?e(ie):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:oe?-1:M
+}),{getPageCount:se,getRowModel:ue,getState:de,getCanNextPage:he,getCanPreviousPage:pe,getPageOptions:fe,previousPage:me,setPageIndex:ve,nextPage:ge,lastPage:ye,firstPage:be}=ce,{rows:we}=ue(),{pagination:{pageIndex:Ce,pageSize:ze}}=de(),Me=Ce*ze+(Ce<se()-1?ze:we.length),xe=ce.getAllColumns().filter((e=>e.getIsVisible())).length+(I?0:1)+(A?1:0),Ee=T?.[0].find((e=>e.id===k?.[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"},L&&t.createElement("div",{
+className:"table-header-dropdown-pagination"},V&&t.createElement("div",{
 className:"table-heading-dropdown"},t.createElement("div",{
-className:"table-sorting-heading"},`${y}:`)," ",t.createElement(TY,{
+className:"table-sorting-heading"},`${b}:`)," ",t.createElement(TY,{
 trigger:t.createElement("div",{className:"table-sorting-value-continer"
-},t.createElement("div",null,xe),t.createElement(DY,{fill:"currentcolor"})),
-isDisableSortDropdown:!!G,options:k||[],value:V,onSelect:e=>{T?.(e??[])}
+},t.createElement("div",null,Ee),t.createElement(DY,{fill:"currentcolor"})),
+isDisableSortDropdown:!!K,options:T||[],value:k,onSelect:e=>{P?.(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&&!w?t.createElement(Bm,{size:"small"
-}):t.createElement(t.Fragment,null,r.length>0?`${we*Ce+1} - ${ze} of ${re?""+(be.length>0?"Many":"-"):z??be.length??"-"}`:null)),t.createElement(Gm,{
+className:"pagination-text"},l&&!C?t.createElement(Bm,{size:"small"
+}):t.createElement(t.Fragment,null,r.length>0?`${Ce*ze+1} - ${Me} of ${oe?""+(we.length>0?"Many":"-"):M??we.length??"-"}`:null)),t.createElement(Gm,{
 variant:"secondary",className:"table-pagination-button",onClick:()=>{
-A?.(),re||fe()},disabled:re?!E:!he()||l||c},t.createElement(eY,{
-fill:Q.colors.text.primary})),t.createElement(Gm,{variant:"secondary",
-className:"table-pagination-button",onClick:()=>{P?.(),re||ve()},
-disabled:re?!S:!de()||l||c},t.createElement(tY,{fill:Q.colors.text.primary
+L?.(),oe||me()},disabled:oe?!S:!pe()||l||c},t.createElement(eY,{
+fill:ee.colors.text.primary})),t.createElement(Gm,{variant:"secondary",
+className:"table-pagination-button",onClick:()=>{R?.(),oe||ge()},
+disabled:oe?!_:!he()||l||c},t.createElement(tY,{fill:ee.colors.text.primary
 }))),!g&&t.createElement(Gm,{variant:"secondary",
-className:"table-pagination-button filter-toggle",onClick:()=>te(!ee)
-},t.createElement(QU,{style:{transform:ee?"rotateY(180deg)":"rotateY(0deg)"},
+className:"table-pagination-button filter-toggle",onClick:()=>ne(!te)
+},t.createElement(QU,{style:{transform:te?"rotateY(180deg)":"rotateY(0deg)"},
 fill:"currentcolor"}))))),t.createElement(nY,null,t.createElement(rY,{
 className:"table-wrapper"
-},i&&t.createElement(iY,null,i),l&&!b?t.createElement(t.Fragment,null,u):t.createElement(t.Fragment,null,0===be.length&&m?t.createElement(t.Fragment,null,s):t.createElement(dY,null,t.createElement(hY,null,!_&&t.createElement(o$,{
+},i&&t.createElement(iY,null,i),l&&!w?t.createElement(t.Fragment,null,u):t.createElement(t.Fragment,null,0===we.length&&m?t.createElement(t.Fragment,null,s):t.createElement(dY,null,t.createElement(hY,null,!H&&t.createElement(o$,{
 align:"end",avoidCollisions:!0,side:"top",trigger:t.createElement(AY,{
-fill:"currentcolor"})},t.createElement(kY,{table:le
-})),t.createElement(pY,null,le.getHeaderGroups().map((e=>t.createElement(vY,{
+fill:"currentcolor"})},t.createElement(kY,{table:ce
+})),t.createElement(pY,null,ce.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)),be.map((e=>t.createElement(vY,{
-key:e.id,$isSelected:e.getIsSelected(),...J?.(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)),we.map((e=>t.createElement(vY,{
+key:e.id,$isSelected:e.getIsSelected(),...Q?.(e.original)
 },e.getVisibleCells().map((n=>t.createElement(bY,{key:n.id,onClick:()=>{
-$?.(e.original,n.column.columnDef)},...Z?.(n)
-},XU(n.column.columnDef.cell,n.getContext())))))))),a&&t.createElement(mY,null,le.getFooterGroups().map((e=>t.createElement(vY,{
+B?.(e.original,n.column.columnDef)},...X?.(n)
+},XU(n.column.columnDef.cell,n.getContext())))))))),a&&t.createElement(mY,null,ce.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())))))))),!H&&t.createElement(mY,null,t.createElement(vY,null,t.createElement(yY,{
-colSpan:Me},t.createElement(HY,{className:"table-pagination"
-},t.createElement(Gm,{variant:"secondary",onClick:()=>{ye()},
-disabled:!he()||l||c},"<<"),t.createElement(Gm,{variant:"secondary",
-onClick:()=>{fe()},disabled:!he()||l||c
-},"<"),we+1>2&&t.createElement(t.Fragment,null,t.createElement(Gm,{
-variant:"secondary",onClick:()=>{ye()},disabled:l||c
-},"1"),we+1-3!=0&&t.createElement(Gm,{variant:"secondary",disabled:!0
-},"...")),pe().map((e=>[e-2,e-1,e,e+1,e+2].includes(we+1)&&t.createElement(Gm,{
-key:e,variant:"secondary",className:we+1===e+1?"active":"",onClick:()=>{me?.(e)
+},e.isPlaceholder?null:XU(e.column.columnDef.footer,e.getContext())))))))),!D&&t.createElement(mY,null,t.createElement(vY,null,t.createElement(yY,{
+colSpan:xe},t.createElement(HY,{className:"table-pagination"
+},t.createElement(Gm,{variant:"secondary",onClick:()=>{be()},
+disabled:!pe()||l||c},"<<"),t.createElement(Gm,{variant:"secondary",
+onClick:()=>{me()},disabled:!pe()||l||c
+},"<"),Ce+1>2&&t.createElement(t.Fragment,null,t.createElement(Gm,{
+variant:"secondary",onClick:()=>{be()},disabled:l||c
+},"1"),Ce+1-3!=0&&t.createElement(Gm,{variant:"secondary",disabled:!0
+},"...")),fe().map((e=>[e-2,e-1,e,e+1,e+2].includes(Ce+1)&&t.createElement(Gm,{
+key:e,variant:"secondary",className:Ce+1===e+1?"active":"",onClick:()=>{ve?.(e)
 },disabled:l||c
-},e+1))),we+2<Math.ceil(r.length/Ce)-2&&t.createElement(t.Fragment,null,we+2+3!==Math.ceil(r.length/Ce)&&t.createElement(Gm,{
+},e+1))),Ce+2<Math.ceil(r.length/ze)-2&&t.createElement(t.Fragment,null,Ce+2+3!==Math.ceil(r.length/ze)&&t.createElement(Gm,{
 variant:"secondary",disabled:!0},"..."),t.createElement(Gm,{variant:"secondary",
-onClick:()=>{me?.(Math.ceil(r.length/Ce)-1)},disabled:l||c
-},Math.ceil(r.length/Ce))),t.createElement(Gm,{variant:"secondary",onClick:()=>{
-ve()},disabled:!de()||l||c},">"),t.createElement(Gm,{variant:"secondary",
-onClick:()=>{ge()},disabled:!de()||l||c
-},">>"))))))))),!g&&ee&&f&&t.createElement(aY,null,f)))
+onClick:()=>{ve?.(Math.ceil(r.length/ze)-1)},disabled:l||c
+},Math.ceil(r.length/ze))),t.createElement(Gm,{variant:"secondary",onClick:()=>{
+ge()},disabled:!he()||l||c},">"),t.createElement(Gm,{variant:"secondary",
+onClick:()=>{ye()},disabled:!he()||l||c
+},">>"))))))))),!g&&te&&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,
@@ -17178,7 +17178,7 @@ width:44,height:20,thumb:24,offTransform:[-2,-2],onTransform:[22,-2]}
   transition: transform 100ms;
   transform: translate(
     ${({theme:e,size:t})=>("ltr"===e.direction?iG[t].offTransform:iG[t].onTransform).map((e=>`${e}px`)).join(",")}
-  );
+  ) !important;
   will-change: transform;
   overflow: hidden;
   &[data-state='unchecked']:not([data-disabled]) {
@@ -17200,7 +17200,7 @@ width:44,height:20,thumb:24,offTransform:[-2,-2],onTransform:[22,-2]}
   &[data-state='checked'] {
     transform: translate(
       ${({theme:e,size:t})=>("ltr"===e.direction?iG[t].onTransform:iG[t].offTransform).map((e=>`${e}px`)).join(",")}
-    );
+    ) !important;
     border: 1px solid ${({theme:e})=>e.colors.common.accent};
     svg.toggle-off {
       display: none;

package/lib/package.json

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