@bikdotai/bik-component-library 0.0.56 → 0.0.58

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNodes.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-redux"),s=require("../../button/Button.js"),i=require("../../dropdown/Dropdown.js"),l=require("../constants/operators.js"),o=require("../hooks/useQueryBuilder.js"),d=require("./AddNodeButton.js"),n=require("./DeleteButton.js"),a=require("./QueryBuilderNode/QueryBuilderNode.js"),u=require("./QueryBuilderNodes.styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const j=c(t).default.forwardRef(((c,j)=>{let{infinite:p,addNodeBtnText:x,allowedNodes:y,typesAPIHandlers:f,onStateChange:g,mode:v,selectorKey:b}=c;var O;const w=r.useSelector((e=>null==e?void 0:e[b])),{deleteNode:m,clearAll:h,selectJoinOperator:N,fillState:q}=o.useQueryBuilder(b);t.useEffect((()=>{null==g||g(Object.assign({},w))}),[w]);const B=l.JOIN_OPERATOR_OPTIONS.map((e=>(null==w?void 0:w.operator)&&e.value===w.operator?Object.assign(Object.assign({},e),{selected:!0}):e));return t.useImperativeHandle(j,(()=>({getState:()=>Object.assign({},w),fillState(e){q(Object.assign({},e))}}))),e.jsxs(e.Fragment,{children:[null===(O=null==w?void 0:w.nodes)||void 0===O?void 0:O.map(((t,r)=>e.jsxs(e.Fragment,{children:[0!==r&&e.jsx("div",Object.assign({style:{width:80,position:"relative"}},{children:e.jsx(i.Dropdown,{disabled:"view"===v,onSelect:e=>{N(e.value)},options:B,width:"80px",height:96,size:"small"})})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:12}},{children:[e.jsx(u.LinedContainer,Object.assign({style:{paddingTop:0===r?0:24}},{children:e.jsx(a.default,{selectorKey:b,mode:null!=v?v:"create",allowedNodes:y,node:t,apiHandler:f[t.type]})})),"view"!==v?e.jsx(e.Fragment,{children:0!==r&&e.jsx(n.default,{onClick:()=>m(t._id)})}):e.jsx(e.Fragment,{})]}),t._id)]}))),p&&"view"!==v&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[e.jsx(d.default,{buttonText:x,allowedNodes:y,selectorKey:b}),e.jsx(s.Button,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>h(y[0])})]}))]})}));j.displayName="QueryBuilderNodes",exports.default=j;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-redux"),s=require("../../button/Button.js"),i=require("../../dropdown/Dropdown.js"),l=require("../constants/operators.js"),o=require("../hooks/useQueryBuilder.js"),d=require("./AddNodeButton.js"),n=require("./DeleteButton.js"),a=require("./QueryBuilderNode/QueryBuilderNode.js"),u=require("./QueryBuilderNodes.styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const j=c(t).default.forwardRef(((c,j)=>{let{infinite:p,addNodeBtnText:x,allowedNodes:y,typesAPIHandlers:f,onStateChange:g,mode:v,selectorKey:b}=c;var O;const w=r.useSelector((e=>null==e?void 0:e[b])),{deleteNode:m,clearAll:h,selectJoinOperator:N,fillState:q}=o.useQueryBuilder(b);t.useEffect((()=>{null==g||g(Object.assign({},w))}),[w]);const B=l.JOIN_OPERATOR_OPTIONS.map((e=>(null==w?void 0:w.operator)&&e.value===w.operator?Object.assign(Object.assign({},e),{selected:!0}):e));return t.useImperativeHandle(j,(()=>({getState:()=>Object.assign({},w),fillState(e){q(Object.assign({},e))},clearAll:h}))),e.jsxs(e.Fragment,{children:[null===(O=null==w?void 0:w.nodes)||void 0===O?void 0:O.map(((t,r)=>e.jsxs(e.Fragment,{children:[0!==r&&e.jsx("div",Object.assign({style:{width:80,position:"relative"}},{children:e.jsx(i.Dropdown,{disabled:"view"===v,onSelect:e=>{N(e.value)},options:B,width:"80px",height:96,size:"small"})})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:12}},{children:[e.jsx(u.LinedContainer,Object.assign({style:{paddingTop:0===r?0:24}},{children:e.jsx(a.default,{selectorKey:b,mode:null!=v?v:"create",allowedNodes:y,node:t,apiHandler:f[t.type]})})),"view"!==v?e.jsx(e.Fragment,{children:0!==r&&e.jsx(n.default,{onClick:()=>m(t._id)})}):e.jsx(e.Fragment,{})]}),t._id)]}))),p&&"view"!==v&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[e.jsx(d.default,{buttonText:x,allowedNodes:y,selectorKey:b}),e.jsx(s.Button,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>h(y[0])})]}))]})}));j.displayName="QueryBuilderNodes",exports.default=j;

package/dist/cjs/components/QueryBuilder/types/QueryBuilderProps.type.d.ts

@@ -4,6 +4,7 @@ import { BaseQueryBuilderPayload, BaseQueryBuilderResponse } from './QueryBuilde
 export type QueryBuilderRef = {
     getState: () => QueryBuilderRoot;
     fillState: (state: QueryBuilderRoot) => void;
+    clearAll: (type: QueryBuilderType) => void;
 };
 export type QueryBuilderProps = {
     /**

package/dist/cjs/components/TablePagination/TablePagination.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/chevronLeft.svg.js"),t=require("../../assets/icons/chevronRight.svg.js"),n=require("./TablePagination.styled.js"),a=require("../../constants/Theme.js"),i=require("../dropdown/Dropdown.js"),r=require("../TypographyStyle.js");exports.TablePagination=o=>{let{pageNumber:c,pageSize:l,totalRows:d,updatePageNumber:g,updatePageSize:h,hidePageSizeOptions:j}=o;const p=a.DEFAULT_THEME.colorsV2,u=(c-1)*l+1,y=(c-1)*l+l,b=Math.ceil(d/l),x=1==b;let v=[];v=b>=5?c===b?[c-4,c-3,c-2,c-1,c]:1===c?[c,c+1,c+2,c+3,c+4]:2===c?[c-1,c,c+1,c+2,c+3]:c===b-1?[c-3,c-2,c-1,c,c+1]:[c-2,c-1,c,c+1,c+2]:Array.from({length:b},((e,s)=>s+1));const m=[{label:"5 rows per page",value:"5",selected:5===l},{label:"10 rows per page",value:"10",selected:10===l},{label:"20 rows per page",value:"20",selected:20===l}];return e.jsxs(n.StyledTablePaginationContainer,{children:[!j&&e.jsx("div",{children:e.jsx(i.Dropdown,{size:"small",options:m,onSelect:h,width:"190px"})}),e.jsxs("div",Object.assign({className:"paging__container"},{children:[!j&&d&&e.jsxs(r.BodySecondary,Object.assign({style:{color:p.content.placeholder,marginRight:8}},{children:["Showing ",u,"-",y>d?d:y," of"," ",d," results"]})),e.jsxs("div",Object.assign({className:"pages__buttons-container"},{children:[!x&&e.jsx(n.StyledPagingContainer,Object.assign({active:!1,onClick:()=>g(Math.max(c-1,1))},{children:e.jsx(s.default,{color:p.content.secondary,height:14,width:14})})),v.map((s=>e.jsx(n.StyledPagingContainer,Object.assign({active:s==c,onClick:()=>g(s)},{children:e.jsx(r.BodySecondary,Object.assign({style:{color:s==c?p.content.primaryInverse:p.content.secondary}},{children:s}))}),s))),!x&&e.jsx(n.StyledPagingContainer,Object.assign({isLast:!0,active:!1,onClick:()=>g(Math.min(c+1,b))},{children:e.jsx(t.default,{color:p.content.secondary,height:14,width:14})}))]}))]}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/chevronLeft.svg.js"),t=require("../../assets/icons/chevronRight.svg.js"),n=require("./TablePagination.styled.js"),a=require("../../constants/Theme.js"),i=require("../dropdown/Dropdown.js"),r=require("../TypographyStyle.js");exports.TablePagination=o=>{let{pageNumber:l,pageSize:c,totalRows:d,updatePageNumber:g,updatePageSize:h,hidePageSizeOptions:j}=o;const p=a.DEFAULT_THEME.colorsV2,u=(l-1)*c+1,y=(l-1)*c+c,b=Math.ceil(d/c),x=1==b;let v=[];v=b>=5?l===b?[l-4,l-3,l-2,l-1,l]:1===l?[l,l+1,l+2,l+3,l+4]:2===l?[l-1,l,l+1,l+2,l+3]:l===b-1?[l-3,l-2,l-1,l,l+1]:[l-2,l-1,l,l+1,l+2]:Array.from({length:b},((e,s)=>s+1));const m=[{label:"5 rows per page",value:"5",selected:5===c},{label:"10 rows per page",value:"10",selected:10===c},{label:"20 rows per page",value:"20",selected:20===c}];return e.jsxs(n.StyledTablePaginationContainer,{children:[!j&&e.jsx("div",{children:e.jsx(i.Dropdown,{size:"small",options:m,onSelect:h,width:"160px"})}),e.jsxs("div",Object.assign({className:"paging__container"},{children:[!j&&d&&e.jsxs(r.BodySecondary,Object.assign({style:{color:p.content.placeholder,marginRight:8}},{children:["Showing ",u,"-",y>d?d:y," of"," ",d," results"]})),e.jsxs("div",Object.assign({className:"pages__buttons-container"},{children:[!x&&e.jsx(n.StyledPagingContainer,Object.assign({active:!1,onClick:()=>{1!==l&&g(Math.max(l-1,1))},disabled:1===l},{children:e.jsx(s.default,{color:p.content.secondary,height:14,width:14})})),v.map((s=>e.jsx(n.StyledPagingContainer,Object.assign({active:s==l,onClick:()=>g(s)},{children:e.jsx(r.BodySecondary,Object.assign({style:{color:s==l?p.content.primaryInverse:p.content.secondary}},{children:s}))}),s))),!x&&e.jsx(n.StyledPagingContainer,Object.assign({isLast:!0,active:!1,onClick:()=>{l!==b&&g(Math.min(l+1,b))},disabled:l===b},{children:e.jsx(t.default,{color:p.content.secondary,height:14,width:14})}))]}))]}))]})};

package/dist/cjs/components/TablePagination/TablePagination.styled.d.ts

@@ -2,4 +2,5 @@ export declare const StyledTablePaginationContainer: import("styled-components")
 export declare const StyledPagingContainer: import("styled-components").StyledComponent<"div", any, {
     active: boolean;
     isLast?: boolean | undefined;
+    disabled?: boolean | undefined;
 }, never>;

package/dist/cjs/components/TablePagination/TablePagination.styled.js

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);const n=o.default.div`
-	background-color: ${t.DEFAULT_THEME.colorsV2.surface.standard};
+	background-color: unset !important;
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	border-bottom-left-radius: 4px;
 	border-bottom-right-radius: 4px;
+	margin: 0 16px;
 
 	.paging__container {
 		display: flex;
 		margin-top: 8px;
 		margin-bottom: 8px;
-		margin-right: 16px;
 		justify-content: center;
 		align-items: center;
 	}
@@ -32,4 +32,7 @@
 	align-items: center;
 	justify-content: center;
 	border-right: ${e=>e.isLast?"none":`1px solid ${t.DEFAULT_THEME.colorsV2.stroke.primary}`};
+	&:hover {
+		cursor: ${e=>e.disabled?"not-allowed":"pointer"};
+	}
 `;exports.StyledPagingContainer=i,exports.StyledTablePaginationContainer=n;

package/dist/esm/components/QueryBuilder/components/QueryBuilderNodes.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import i,{useEffect as r,useImperativeHandle as l}from"react";import{useSelector as s}from"react-redux";import{Button as d}from"../../button/Button.js";import{Dropdown as n}from"../../dropdown/Dropdown.js";import{JOIN_OPERATOR_OPTIONS as a}from"../constants/operators.js";import{useQueryBuilder as c}from"../hooks/useQueryBuilder.js";import p from"./AddNodeButton.js";import u from"./DeleteButton.js";import m from"./QueryBuilderNode/QueryBuilderNode.js";import{LinedContainer as f}from"./QueryBuilderNodes.styled.js";const y=i.forwardRef(((i,y)=>{let{infinite:j,addNodeBtnText:b,allowedNodes:v,typesAPIHandlers:g,onStateChange:w,mode:h,selectorKey:x}=i;var N;const O=s((e=>null==e?void 0:e[x])),{deleteNode:B,clearAll:C,selectJoinOperator:Q,fillState:S}=c(x);r((()=>{null==w||w(Object.assign({},O))}),[O]);const T=a.map((e=>(null==O?void 0:O.operator)&&e.value===O.operator?Object.assign(Object.assign({},e),{selected:!0}):e));return l(y,(()=>({getState:()=>Object.assign({},O),fillState(e){S(Object.assign({},e))}}))),e(t,{children:[null===(N=null==O?void 0:O.nodes)||void 0===N?void 0:N.map(((i,r)=>e(t,{children:[0!==r&&o("div",Object.assign({style:{width:80,position:"relative"}},{children:o(n,{disabled:"view"===h,onSelect:e=>{Q(e.value)},options:T,width:"80px",height:96,size:"small"})})),e("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:12}},{children:[o(f,Object.assign({style:{paddingTop:0===r?0:24}},{children:o(m,{selectorKey:x,mode:null!=h?h:"create",allowedNodes:v,node:i,apiHandler:g[i.type]})})),o(t,"view"!==h?{children:0!==r&&o(u,{onClick:()=>B(i._id)})}:{})]}),i._id)]}))),j&&"view"!==h&&e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[o(p,{buttonText:b,allowedNodes:v,selectorKey:x}),o(d,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>C(v[0])})]}))]})}));y.displayName="QueryBuilderNodes";export{y as default};
+import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import r,{useEffect as i,useImperativeHandle as l}from"react";import{useSelector as s}from"react-redux";import{Button as d}from"../../button/Button.js";import{Dropdown as n}from"../../dropdown/Dropdown.js";import{JOIN_OPERATOR_OPTIONS as a}from"../constants/operators.js";import{useQueryBuilder as c}from"../hooks/useQueryBuilder.js";import p from"./AddNodeButton.js";import u from"./DeleteButton.js";import m from"./QueryBuilderNode/QueryBuilderNode.js";import{LinedContainer as f}from"./QueryBuilderNodes.styled.js";const y=r.forwardRef(((r,y)=>{let{infinite:j,addNodeBtnText:b,allowedNodes:v,typesAPIHandlers:g,onStateChange:w,mode:h,selectorKey:x}=r;var N;const O=s((e=>null==e?void 0:e[x])),{deleteNode:B,clearAll:C,selectJoinOperator:Q,fillState:S}=c(x);i((()=>{null==w||w(Object.assign({},O))}),[O]);const T=a.map((e=>(null==O?void 0:O.operator)&&e.value===O.operator?Object.assign(Object.assign({},e),{selected:!0}):e));return l(y,(()=>({getState:()=>Object.assign({},O),fillState(e){S(Object.assign({},e))},clearAll:C}))),e(t,{children:[null===(N=null==O?void 0:O.nodes)||void 0===N?void 0:N.map(((r,i)=>e(t,{children:[0!==i&&o("div",Object.assign({style:{width:80,position:"relative"}},{children:o(n,{disabled:"view"===h,onSelect:e=>{Q(e.value)},options:T,width:"80px",height:96,size:"small"})})),e("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:12}},{children:[o(f,Object.assign({style:{paddingTop:0===i?0:24}},{children:o(m,{selectorKey:x,mode:null!=h?h:"create",allowedNodes:v,node:r,apiHandler:g[r.type]})})),o(t,"view"!==h?{children:0!==i&&o(u,{onClick:()=>B(r._id)})}:{})]}),r._id)]}))),j&&"view"!==h&&e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[o(p,{buttonText:b,allowedNodes:v,selectorKey:x}),o(d,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>C(v[0])})]}))]})}));y.displayName="QueryBuilderNodes";export{y as default};

package/dist/esm/components/QueryBuilder/types/QueryBuilderProps.type.d.ts

@@ -4,6 +4,7 @@ import { BaseQueryBuilderPayload, BaseQueryBuilderResponse } from './QueryBuilde
 export type QueryBuilderRef = {
     getState: () => QueryBuilderRoot;
     fillState: (state: QueryBuilderRoot) => void;
+    clearAll: (type: QueryBuilderType) => void;
 };
 export type QueryBuilderProps = {
     /**

package/dist/esm/components/TablePagination/TablePagination.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../assets/icons/chevronLeft.svg.js";import s from"../../assets/icons/chevronRight.svg.js";import{StyledTablePaginationContainer as i,StyledPagingContainer as n}from"./TablePagination.styled.js";import{DEFAULT_THEME as r}from"../../constants/Theme.js";import{Dropdown as a}from"../dropdown/Dropdown.js";import{BodySecondary as c}from"../TypographyStyle.js";const l=l=>{let{pageNumber:p,pageSize:d,totalRows:g,updatePageNumber:h,updatePageSize:m,hidePageSizeOptions:b}=l;const j=r.colorsV2,v=(p-1)*d+1,u=(p-1)*d+d,y=Math.ceil(g/d),f=1==y;let w=[];w=y>=5?p===y?[p-4,p-3,p-2,p-1,p]:1===p?[p,p+1,p+2,p+3,p+4]:2===p?[p-1,p,p+1,p+2,p+3]:p===y-1?[p-3,p-2,p-1,p,p+1]:[p-2,p-1,p,p+1,p+2]:Array.from({length:y},((e,t)=>t+1));return e(i,{children:[!b&&t("div",{children:t(a,{size:"small",options:[{label:"5 rows per page",value:"5",selected:5===d},{label:"10 rows per page",value:"10",selected:10===d},{label:"20 rows per page",value:"20",selected:20===d}],onSelect:m,width:"190px"})}),e("div",Object.assign({className:"paging__container"},{children:[!b&&g&&e(c,Object.assign({style:{color:j.content.placeholder,marginRight:8}},{children:["Showing ",v,"-",u>g?g:u," of"," ",g," results"]})),e("div",Object.assign({className:"pages__buttons-container"},{children:[!f&&t(n,Object.assign({active:!1,onClick:()=>h(Math.max(p-1,1))},{children:t(o,{color:j.content.secondary,height:14,width:14})})),w.map((e=>t(n,Object.assign({active:e==p,onClick:()=>h(e)},{children:t(c,Object.assign({style:{color:e==p?j.content.primaryInverse:j.content.secondary}},{children:e}))}),e))),!f&&t(n,Object.assign({isLast:!0,active:!1,onClick:()=>h(Math.min(p+1,y))},{children:t(s,{color:j.content.secondary,height:14,width:14})}))]}))]}))]})};export{l as TablePagination};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import s from"../../assets/icons/chevronLeft.svg.js";import o from"../../assets/icons/chevronRight.svg.js";import{StyledTablePaginationContainer as i,StyledPagingContainer as n}from"./TablePagination.styled.js";import{DEFAULT_THEME as r}from"../../constants/Theme.js";import{Dropdown as a}from"../dropdown/Dropdown.js";import{BodySecondary as c}from"../TypographyStyle.js";const l=l=>{let{pageNumber:d,pageSize:p,totalRows:g,updatePageNumber:h,updatePageSize:m,hidePageSizeOptions:b}=l;const j=r.colorsV2,v=(d-1)*p+1,u=(d-1)*p+p,y=Math.ceil(g/p),f=1==y;let w=[];w=y>=5?d===y?[d-4,d-3,d-2,d-1,d]:1===d?[d,d+1,d+2,d+3,d+4]:2===d?[d-1,d,d+1,d+2,d+3]:d===y-1?[d-3,d-2,d-1,d,d+1]:[d-2,d-1,d,d+1,d+2]:Array.from({length:y},((e,t)=>t+1));return e(i,{children:[!b&&t("div",{children:t(a,{size:"small",options:[{label:"5 rows per page",value:"5",selected:5===p},{label:"10 rows per page",value:"10",selected:10===p},{label:"20 rows per page",value:"20",selected:20===p}],onSelect:m,width:"160px"})}),e("div",Object.assign({className:"paging__container"},{children:[!b&&g&&e(c,Object.assign({style:{color:j.content.placeholder,marginRight:8}},{children:["Showing ",v,"-",u>g?g:u," of"," ",g," results"]})),e("div",Object.assign({className:"pages__buttons-container"},{children:[!f&&t(n,Object.assign({active:!1,onClick:()=>{1!==d&&h(Math.max(d-1,1))},disabled:1===d},{children:t(s,{color:j.content.secondary,height:14,width:14})})),w.map((e=>t(n,Object.assign({active:e==d,onClick:()=>h(e)},{children:t(c,Object.assign({style:{color:e==d?j.content.primaryInverse:j.content.secondary}},{children:e}))}),e))),!f&&t(n,Object.assign({isLast:!0,active:!1,onClick:()=>{d!==y&&h(Math.min(d+1,y))},disabled:d===y},{children:t(o,{color:j.content.secondary,height:14,width:14})}))]}))]}))]})};export{l as TablePagination};

package/dist/esm/components/TablePagination/TablePagination.styled.d.ts

@@ -2,4 +2,5 @@ export declare const StyledTablePaginationContainer: import("styled-components")
 export declare const StyledPagingContainer: import("styled-components").StyledComponent<"div", any, {
     active: boolean;
     isLast?: boolean | undefined;
+    disabled?: boolean | undefined;
 }, never>;

package/dist/esm/components/TablePagination/TablePagination.styled.js

@@ -1,16 +1,16 @@
 import r from"styled-components";import{DEFAULT_THEME as t}from"../../constants/Theme.js";const o=r.div`
-	background-color: ${t.colorsV2.surface.standard};
+	background-color: unset !important;
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	border-bottom-left-radius: 4px;
 	border-bottom-right-radius: 4px;
+	margin: 0 16px;
 
 	.paging__container {
 		display: flex;
 		margin-top: 8px;
 		margin-bottom: 8px;
-		margin-right: 16px;
 		justify-content: center;
 		align-items: center;
 	}
@@ -32,4 +32,7 @@ import r from"styled-components";import{DEFAULT_THEME as t}from"../../constants/
 	align-items: center;
 	justify-content: center;
 	border-right: ${r=>r.isLast?"none":`1px solid ${t.colorsV2.stroke.primary}`};
+	&:hover {
+		cursor: ${r=>r.disabled?"not-allowed":"pointer"};
+	}
 `;export{e as StyledPagingContainer,o as StyledTablePaginationContainer};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.56",
+	"version": "0.0.58",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",