https://www.kotakneo.com/_next/static/chunks/table-components-ba7c25b74301af9f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[17750],{36687:(e,t,a)=>{a.r(t),a.d(t,{TableComponent:()=>H});var s=a(16145),l=a(29813),r=a(41382),n=a(25711),i=a(85638),o=a(54031),c=a(83322),d=a(47728),x=a(26797),h=a(31151),p=a(44564),u=a(31170),m=a(10224),g=a(27425),b=a(29193),f=a(82659),y=a(1033),j=a(38846);a(96494);var k=a(93472),v=a(98672),w=a(30497),N=a(91251),$=a(3725),_=a(50564),A=a(76190),C=a(65722);let H=({forceTableOnMobile:e=!1,headers:t=[],rowsData:a=[],accordionData:H=[],icons:L={},isIpoCard:S=!1,handleOnChange:M=null,showBorder:I,showBodyBorder:R,stickyHeader:D=!1,stickyHeaderMaxHeight:P="500px",sortingType:T="none",enableSortAriaLabel:U=!1,showThreeColumnMetrics:E=!1,showFourColumnMetrics:K=!1,handleServerSorting:z=()=>{},hideBorderOnMobile:B=!1,hideIconOnMobile:W=!1,isStockVariant:F=!1,title:G,titleClassName:V,titleClassNameNew:O="",mouseHoverOnRow:q=!1,linkLabel:X,linkHref:Y,showPagination:J=!1,onPageChange:Q=null,onRowsPerPageChange:Z=null,switchableColumn:ee=!1,anchorTagFlag:et=!1,reducePadding:ea=!1,showCellBorder:es,showDynamicPagination:el=!1,totalDynamicPages:er,paginationBaseUrl:en="",currentDynamicPage:ei=1,recordCountText:eo="",applyBgOnAlternateRows:ec=!1,customAlternateRowClass:ed="",customHeaderTextClass:ex="",sort:eh="desc",sortAscUrl:ep="",sortDescUrl:eu="",wrapHeadingIn:em="default",bgwhite:eg=!1,displayTable:eb=!1,removeLastRowBorder:ef=!1,tableLayout:ey="auto",columnWidths:ej=[],tableHeaderClassName:ek,heightOfRow:ev=null,stockResearchTable:ew=!1,isMarginTradingVariant:eN=!1,tableCellWrapperClassname:e$="",customHeaderWrapperClassname:e_="",tableWrapperClassName:eA="",blockTablePages:eC=!1,caption:eH,captionClassName:eL,unblockedRows:eS=0,lockScreenTitle:eM="",lockScreenCta:eI=null,isPeerComparisonTable:eR=!1,useArrowSortIcons:eD=!1,showSortIconOnHover:eP=!1,mobileSwitchIconClassName:eT="",tableHeaderRowClass:eU,accordionItemClassname:eE="",contentWrapperClassname:eK="",isGreyBorderForChildRow:ez=!1,tableHeaderButtonWrapper:eB="",isLayoutTable:eW=!1})=>{let eF=(0,c.useRouter)(),[eG,eV]=(0,l.useState)(!1);(0,l.useEffect)(()=>{eV(!0)},[]);let[eO,eq]=(0,l.useState)(!1),[eX,eY]=(0,l.useState)(""),[eJ,eQ]=(0,l.useState)(t[0]?.id||""),[eZ,e0]=(0,l.useState)(!1),[e1,e5]=(0,l.useState)(()=>[!0,...Array(a?.length>0?a.length-1:0).fill(!1)]),[e2,e4]=(0,l.useState)(5),[e6,e3]=(0,l.useState)(0),[e7,e8]=(0,l.useState)({index:null,state:!1}),[e9,te]=(0,l.useState)(1),[tt,ta]=(0,l.useState)(null),ts=(e,t)=>{e3(t),Q?.(t,e2)},tl=e6>0?Math.max(0,(1+e6)*e2-a.length):0,tr=(0,l.useMemo)(()=>ti(a,tc(eX,eJ)).slice(e6*e2,e6*e2+e2),[eX,eJ,e6,e2,a]),tn=e=>{e5(e1.map((t,a)=>a===e?!t:t))};function ti(e,t){if("server"===T||"none"===T||!t)return e;{let a=e.map((e,t)=>[e,t]);return a.sort((e,a)=>{let s=t(e[0].sortData,a[0].sortData);return 0!==s?s:e[1]-a[1]}),a.map(e=>e[0])}}function to(e,t,a){return t[a]<e[a]?-1:+(t[a]>e[a])}function tc(e,t){return e?"desc"===e?(e,a)=>to(e,a,t):(e,a)=>-to(e,a,t):null}let td=async(e,t)=>{if(eY(eJ===t&&"asc"===eX?"desc":"asc"),eQ(t),"server"===T)try{e0(!0),await z(t),e0(!1)}catch(e){e0(!1)}},tx=e=>{let t="string"==typeof e?.value?(0,x.A)(e.value):"",a=e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),e.target.click())},l=(e,t)=>(0,b.cn)(e,t,"focus:outline-none focus:ring-2 focus:ring-primary-blue focus:ring-offset-2 rounded-sm cursor-pointer transition-colors duration-200");if(e?.isBold&&e?.isItalic&&e?.isHyperLink)return(0,s.jsx)("strong",{children:(0,s.jsx)("em",{children:(0,s.jsx)("a",{className:l("hover:text-primary-blue text-black no-underline"),href:e?.href,"aria-label":e?.ariaLabel||`Link to ${e?.value||"table item"}`,tabIndex:0,onKeyDown:a,dangerouslySetInnerHTML:{__html:t}})})});if(e?.isBold&&e?.isHyperLink)return(0,s.jsx)("strong",{children:(0,s.jsx)("a",{className:l("text-primary-blue hover:text-primary-blue no-underline"),href:e?.href,"aria-label":e?.ariaLabel||`Link to ${e?.value||"table item"}`,tabIndex:0,onKeyDown:a,dangerouslySetInnerHTML:{__html:t}})});if(e?.isItalic&&e?.isHyperLink)return(0,s.jsx)("em",{children:(0,s.jsx)("a",{className:l("text-primary-blue hover:text-primary-blue no-underline"),href:e?.href,"aria-label":e?.ariaLabel||`Link to ${e?.value||"table item"}`,tabIndex:0,onKeyDown:a,dangerouslySetInnerHTML:{__html:t}})});if(e?.isSup&&e?.isHyperLink)return(0,s.jsx)("sup",{children:(0,s.jsx)("a",{className:l(e?.classes?e.classes:"hover:text-primary-blue text-black no-underline"),href:e?.href,target:e?.target||"_self",rel:e?.rel||"","aria-label":e?.ariaLabel||`Link to ${e?.value||"table item"}`,tabIndex:0,onKeyDown:a,dangerouslySetInnerHTML:{__html:t}})});if(e?.isSup)return(0,s.jsx)("sup",{dangerouslySetInnerHTML:{__html:t}});else if(e?.isBold)return(0,s.jsx)("strong",{dangerouslySetInnerHTML:{__html:t}});else if(e?.isItalic)return(0,s.jsx)("em",{dangerouslySetInnerHTML:{__html:t}});else if(e?.isHyperLink)return(0,s.jsx)("a",{className:l(e?.classes?e.classes:"hover:text-primary-blue text-black no-underline"),href:e?.href,"aria-label":e?.ariaLabel||`Link to ${e?.value||"table item"}`,tabIndex:0,onKeyDown:a,dangerouslySetInnerHTML:{__html:t}});else if(e?.isStockDetail)return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{children:e?.value}),(0,s.jsx)(A.w,{className:"whitespace-nowrap",changeClassName:"kotak-text-extra-small",change:e?.changeInPrice,changeInPercent:e?.changeInPercent})]});else if("string"==typeof e.value)return(0,s.jsx)("span",{dangerouslySetInnerHTML:{__html:t}});else return e?.value},th=(e,a)=>{"prev"===a?te(e-1==0?t?.length-1:e-1):te(e+1===t?.length?1:e+1)},tp=()=>(0,s.jsxs)("div",{className:"flex flex-col items-center gap-4 p-5 text-center",children:[(0,s.jsxs)("div",{className:"flex flex-col items-center gap-4 text-center xl:flex-row xl:gap-6 xl:text-left",children:[(0,s.jsx)("div",{className:"bg-primary-red/[0.14] text-primary-red flex h-16 w-16 flex-shrink-0 items-center justify-center rounded-full p-5",children:(0,s.jsx)(v.default,{className:"h-6 w-6"})}),(0,s.jsx)("div",{className:"kotak-text-regular xl:kotak-text-large font-semibold text-black",children:eM||"We've Got Something Valuable for You"})]}),(0,s.jsx)(w.Chip,{label:eI?.linkText||"Open Demat Account",button:!0,href:eI?.url||"/open-demat-account/",displayVariant:"chipWhiteTextBlueFill",rel:eI?.rel||"noopener",target:eI?.target||"openInSameWindow",className:"mt-2.5 px-8 py-3 xl:mt-3 xl:px-9 xl:py-3.5"})]}),tu=()=>{let e=[],t=Math.max(1,ei-Math.floor(2.5)),a=Math.min(er,t+5-1);a-t<4&&(t=Math.max(1,a-5+1)),t>2?(e.push((0,s.jsx)(m.cU,{children:(0,s.jsx)(m.n$,{href:"asc"===eh?`${en}1/${ep||""}`:`${en}1/${eu||""}`,isActive:1===ei,"aria-label":1===ei?"Page 1 current":"Go to page 1",className:"h-9 w-9",children:"1"})},1)),t>3&&e.push((0,s.jsx)(m.cU,{children:(0,s.jsx)(m.M_,{})},"ellipsis-start"))):2===t&&e.push((0,s.jsx)(m.cU,{children:(0,s.jsx)(m.n$,{href:"asc"===eh?`${en}1/${ep||""}`:`${en}1/${eu||""}`,isActive:1===ei,"aria-label":1===ei?"Page 1 current":"Go to page 1",className:"h-9 w-9",children:"1"})},1));for(let l=t;l<=a;l++)1===l&&e.length>0||e.push((0,s.jsx)(m.cU,{children:(0,s.jsx)(m.n$,{href:"asc"===eh?`${en}${l}/${ep||""}`:`${en}${l}/${eu||""}`,isActive:l===ei,"aria-label":l===ei?`Page ${l} current`:`Go to page ${l}`,className:"h-9 w-9",children:l})},l));return a<er-1?(e.push((0,s.jsx)(m.cU,{children:(0,s.jsx)(m.M_,{})},"ellipsis-end")),e.push((0,s.jsx)(m.cU,{children:(0,s.jsx)(m.n$,{href:"asc"===eh?`${en}${er}/${ep||""}`:`${en}${er}/${eu||""}`,isActive:er===ei,"aria-label":er===ei?`Page ${er} current`:`Go to page ${er}`,className:"h-9 w-9",children:er})},er))):a===er-1&&e.push((0,s.jsx)(m.cU,{children:(0,s.jsx)(m.n$,{href:"asc"===eh?`${en}${er}/${ep||""}`:`${en}${er}/${eu||""}`,isActive:er===ei,"aria-label":er===ei?`Page ${er} current`:`Go to page ${er}`,className:"h-9 w-9",children:er})},er)),e},tm=e=>eC&&(er&&ei>1||!er&&e6>0||e>=(eS||0)),tg=eC?H.findIndex((e,t)=>tm(t)):-1,tb=(e,t)=>(0,s.jsxs)(u.AccordionItem,{value:`panel${t}`,className:(0,b.cn)("border-light-grey rounded-10 border",{"mt-0":0===t,"mt-5":t>0,"dark:bg-grey-5":ew,"overflow-visible":eC,"overflow-hidden":!eC},eE),children:[(0,s.jsx)(u.AccordionTrigger,{className:(0,b.cn)("p-0 hover:no-underline",{"cursor-default":e?.details?.length===0}),onClick:M?()=>M(e?.fullData):e?.details?.length>0?void 0:e=>e.preventDefault(),style:{cursor:tm(t)?"default":void 0,pointerEvents:tm(t)?"none":"auto"},children:(0,s.jsxs)("div",{className:"relative w-full",children:[eG&&tm(t)&&(0,s.jsx)("div",{onClick:e=>e.stopPropagation(),className:"absolute inset-0 -top-5 -left-0.5 z-10 h-[calc(100%+40px)] w-[calc(100%+4px)] cursor-default bg-transparent backdrop-blur-[12px]"}),(0,s.jsx)(C.K,{ctaButton:e?.ctaButton,summary:e?.summary,hideBorderOnMobile:B,showThreeColumnMetrics:E,showFourColumnMetrics:K,setArrowMargin:e?.details?.length>0&&!W,stockResearchTable:ew,contentWrapperClassname:eK}),e?.details?.length>0&&!W&&(0,s.jsx)("div",{className:"absolute top-7 right-4",children:S?(0,s.jsx)(f.default,{className:"h-[18px] w-[18px] text-gray-600 transition-transform dark:text-gray-400",style:{transform:`rotate(${eO===`panel${t}`?"180deg":0})`}}):(0,s.jsx)(y.default,{className:"h-[18px] w-[18px] text-gray-600 transition-transform dark:text-gray-400",style:{transform:`rotate(${eO===`panel${t}`?"180deg":0})`}})})]})}),(0,s.jsx)(u.AccordionContent,{className:"p-0",children:(0,s.jsxs)("div",{className:"w-full",children:[(0,s.jsx)("div",{className:"mx-4 border-t border-gray-300 dark:border-gray-600"}),(0,s.jsx)("div",{className:"grid grid-cols-2 gap-4 p-4",children:e?.details?.map((e,t)=>(0,s.jsxs)("div",{children:[(0,s.jsx)("label",{className:"kotak-text-label-small text-grey dark:text-almost-black",children:e?.key}),(0,s.jsx)("p",{className:"kotak-text-medium text-almost-black font-medium dark:text-black",children:e?.value})]},t))})]})})]},t);return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",{className:(0,b.cn)("tableComponent",{"[&_.MuiTableCell-root]:p-3":ea,"[&_.MuiTableHeader-root]:p-3":ea,"[&_.MuiTableCell-root]:border [&_.MuiTableCell-root]:border-gray-400":es}),children:[G&&(0,s.jsxs)("div",{className:(0,b.cn)("mb-8 flex items-center text-2xl font-semibold",{[V]:V}),children:[(0,s.jsx)($.z,{wrapHeadingIn:em,className:O,children:G}),X&&(0,s.jsx)("span",{className:"kotak-text-small ml-2.5 font-semibold",children:(0,s.jsx)(N.Link,{href:Y,label:X,iconPosition:"end",src:L.icon_caretright})})]}),(0,s.jsxs)("div",{className:(0,b.cn)("md:hidden",{"!hidden":e}),children:[(0,s.jsxs)(u.Accordion,{type:"single",collapsible:!0,value:eO,onValueChange:e=>eq(e),children:[(-1===tg?H:H.slice(0,tg)).map((e,t)=>tb(e,t)),-1!==tg&&(0,s.jsxs)("div",{className:"relative",children:[H.slice(tg).map((e,t)=>tb(e,tg+t)),eG&&(0,s.jsx)("div",{className:"pointer-events-auto absolute inset-0 z-20 flex min-h-[240px] translate-y-6 items-center justify-center",children:(0,s.jsx)(tp,{})})]})]}),el&&(eo||er>1)&&(0,s.jsxs)("div",{className:(0,b.cn)("mt-5 px-2",{"flex flex-col items-center gap-3":eo}),children:[eo&&(0,s.jsx)("div",{role:"status","aria-live":"polite",className:"text-grey-8 self-start text-xs whitespace-nowrap dark:text-white",children:eo}),er>1&&(0,s.jsx)(m.dK,{className:"flex justify-center",children:(0,s.jsxs)(m.Iu,{className:"flex-nowrap gap-0.5 [&_a]:h-7 [&_a]:w-7 [&_a]:text-xs [&_button]:h-7 [&_button]:w-7 [&_button]:text-xs",children:[(0,s.jsx)(m.cU,{children:(0,s.jsx)(m.rz,{href:ei>1?"asc"===eh?`${en}1/${ep||""}`:`${en}1/${eu||""}`:void 0,className:1===ei?"pointer-events-none opacity-50":""})}),(0,s.jsx)(m.cU,{children:(0,s.jsx)(m.Eb,{href:ei>1?"asc"===eh?`${en}${ei-1}/${ep||""}`:`${en}${ei-1}/${eu||""}`:void 0,className:1===ei?"pointer-events-none opacity-50":""})}),tu(),(0,s.jsx)(m.cU,{children:(0,s.jsx)(m.WA,{href:ei<er?"asc"===eh?`${en}${ei+1}/${ep||""}`:`${en}${ei+1}/${eu||""}`:void 0,className:ei===er?"pointer-events-none opacity-50":""})}),(0,s.jsx)(m.cU,{children:(0,s.jsx)(m.$l,{href:ei<er?"asc"===eh?`${en}${er}/${ep||""}`:`${en}${er}/${eu||""}`:void 0,className:ei===er?"pointer-events-none opacity-50":""})})]})})]})]}),(0,s.jsxs)("div",{className:(0,b.cn)("hidden md:block",{"!block":e,"border-light-grey dark:border-dark-grey/50 rounded-10 border":!0===I,"dark:bg-light-grey border border-gray-400 bg-white dark:border-gray-600":!0===eg,table:eb,"[&_table]:table-fixed":"fixed"===ey,"overflow-auto":D,"margin-trading-variant [&_th]:text-dark-grey [&_td]:text-dark-grey [&_td]:py-2.5 [&_td]:text-xs [&_td]:leading-[140%] [&_td]:font-normal [&_td]:tracking-[-0.2px] xl:[&_td]:text-sm [&_th]:py-2.5 [&_th]:text-xs [&_th]:leading-[140%] [&_th]:font-normal [&_th]:tracking-[-0.2px] xl:[&_th]:text-sm":eN},eA),style:D?{maxHeight:P}:{},children:[(0,s.jsxs)(p.XI,{disableScrollWrapper:D,"aria-label":G||void 0,role:eW?"presentation":void 0,children:[eH&&(0,s.jsx)(p.r6,{className:(0,b.cn)("sr-only",eL),children:eH}),function(e){let{order:a,orderBy:l,onRequestSort:i,stickyHeader:o}=e,c=({isAsc:e,isVisible:t,isActive:a})=>{let l=eD?d.default:r.A,i=eD?h.default:n.A,o=eD?"h-3 w-3":"h-4 w-4";return(0,s.jsx)("span",{className:(0,b.cn)("ml-1 inline-flex items-center transition-opacity duration-200",{"opacity-0":!t,"opacity-50":t&&!a,"opacity-100":t&&a}),children:e?(0,s.jsx)(l,{className:o}):(0,s.jsx)(i,{className:o})})};

1return(0,s.jsx)(p.A0,{className:(0,b.cn)({"dark:bg-light-grey sticky top-[-1px] z-10 bg-white":o}),children:(0,s.jsx)(p.Hj,{className:(0,b.cn)("border-grey/50 dark:border-dark-grey/50 border-b",eU),children:t?.map((e,t)=>{let r;"object"===e&&null!==e&&Array.isArray(e);let n=""!==a,o=l===e.id&&n,d=o||eP&&tt===t;return(0,s.jsx)(p.nd,{scope:"col","aria-sort":"none"!==T&&l===e.id&&n?"asc"===a?"ascending":"descending":"none"!==T?"none":void 0,className:(0,b.cn)("kotak-text-small text-grey-767676 whitespace-nowrap",ek,{"hidden xl:table-cell":ee&&t!==e9&&0!==t,"text-right xl:text-left":ee&&0!==t&&!eR,"cursor-default":"none"===T,[e?.className]:e?.className,"text-center":es,"pl-0":eN&&0===t,"cursor-pointer":"none"!==T}),style:ej[t]?{width:ej[t]}:{},onMouseEnter:()=>ta(t),onMouseLeave:()=>ta(null),children:(0,s.jsxs)("div",{className:(0,b.cn)("flex items-center gap-1",{"justify-end xl:justify-start":eR&&0!==t,"justify-start":!eR||0===t},eB),children:[ee&&0!==t&&(0,s.jsx)("button",{type:"button",className:"mr-1.5 inline-flex cursor-pointer items-center justify-center xl:hidden",onClick:e=>{e?.stopPropagation(),e?.preventDefault(),th(t,"prev")},"aria-label":"Previous Coulumn",children:(0,s.jsx)(k.default,{className:(0,b.cn)("h-[15px] w-[15px]",eT)})}),"none"===T?(0,s.jsx)("span",{className:(0,b.cn)("inline-flex items-center gap-1 leading-[1.4] font-normal -tracking-[0.2px]","dark:text-dark-grey text-grey-767676",{"text-base":!eR},e_),children:Array.isArray(e)?e?.map((e,t)=>(0,s.jsxs)("span",{style:{textAlign:e?.properties?.textAlign??"left"},children:[tx(e)," "]},t)):tx(e)}):(0,s.jsxs)("button",{className:(0,b.cn)("inline-flex items-center gap-1 leading-[1.4] font-normal -tracking-[0.2px]",{"text-black dark:text-black":l===e.id&&n,"dark:text-dark-grey text-grey-767676":l!==e.id||!n,"text-base":!eR,"cursor-pointer":!0},e_),onClick:(r=e.id,e=>{i(e,r)}),"aria-label":U&&"object"==typeof e&&!Array.isArray(e)&&e?.value?`Sort by ${e.value} ${o&&"desc"===a?"Descending":"Ascending"}`:void 0,children:[Array.isArray(e)?e?.map((e,t)=>(0,s.jsxs)("span",{style:{textAlign:e?.properties?.textAlign??"left"},children:[tx(e)," "]},t)):tx(e),d&&(0,s.jsx)(c,{isAsc:!o||"asc"===a,isVisible:d,isActive:o}),!d&&eP&&(0,s.jsx)("span",{className:"ml-1 inline-flex h-3 w-3 items-center opacity-0"})]}),ee&&0!==t&&(0,s.jsx)("button",{type:"button",className:"ml-1.5 inline-flex cursor-pointer items-center justify-center xl:hidden",onClick:e=>{e.stopPropagation(),e.preventDefault(),th(t,"next")},"aria-label":"Next Column",children:(0,s.jsx)(f.default,{className:(0,b.cn)("h-[15px] w-[15px]",eT)})})]})},t)})})})}({order:eX,orderBy:eJ,onRequestSort:td,rowCount:a.length,stickyHeader:D}),(0,s.jsxs)(p.BF,{className:(0,b.cn)({"[&_tr:nth-child(odd)]:bg-gray-100 dark:[&_tr:nth-child(odd)]:bg-gray-800/30":ec&&!ed,[ed]:ec&&ed,"[&_tr:last-child]:!border-b":!ef,"[&_tr:last-child]:border-b-0":ef}),children:[eZ?[1,2,3,4,5].map(e=>(0,s.jsx)(p.Hj,{children:(0,s.jsxs)(p.nA,{colSpan:12,children:[(0,s.jsx)(g.Skeleton,{className:"mb-2 h-4 w-full"}),(0,s.jsx)(g.Skeleton,{className:"h-4 w-full"})]})},e)):ti(J?tr:a,tc(eX,eJ)).map((e,t)=>{let a=e?.onRowClick!=null||e?.link!=null||e?.showHiddenRows,r=e?.data?.some(e=>Array.isArray(e)?e.some(e=>e?.isHyperLink||"object"==typeof e?.value):e?.isHyperLink||"object"==typeof e?.value),n=a&&!r;return(0,s.jsxs)(l.Fragment,{children:[(0,s.jsxs)(p.Hj,{className:(0,b.cn)("border-grey/50 text-dark-grey dark:border-dark-grey/50 border-b text-base leading-[1.4] dark:text-black/80",{"border-b-0":e?.child!=null,"cursor-pointer":a,"hover:bg-secondary-grey dark:hover:bg-grey-25":q,"bg-secondary-grey dark:bg-grey-25":e7.index==t,"[&_td]:text-black dark:[&_td]:text-black [&_td_strong]:text-black dark:[&_td_strong]:text-black":!0===S,"[&_td]:text-dark-grey dark:[&_td]:text-dark-grey [&_td:first-child]:text-black dark:[&_td:first-child]:text-black":!0===F,relative:eC,"focus:ring-primary-blue focus:ring-2 focus:ring-offset-1 focus:outline-none":n}),onClick:()=>{e?.showHiddenRows?tn(t):e?.link?eF.push((0,_.aD)(e.link,!0)):e?.onRowClick&&e.onRowClick()},onKeyDown:n?a=>{("Enter"===a.key||" "===a.key)&&(a.preventDefault(),a.stopPropagation(),e?.showHiddenRows?tn(t):e?.link?eF.push((0,_.aD)(e.link,!0)):e?.onRowClick&&e.onRowClick())}:void 0,tabIndex:n?0:void 0,role:n?"button":void 0,"aria-label":n&&e?.showHiddenRows?`${e1[t]?"Collapse":"Expand"} row details`:n&&e?.link?"Navigate to details":n&&e?.onRowClick?"Activate row":void 0,style:{cursor:eC&&(er&&ei>1||!er&&e6>0||t>=(eS||0))?"default":e?.link||e?.onRowClick?"pointer":"default",pointerEvents:eC&&(er&&ei>1||!er&&e6>0||t>=(eS||0))?"none":"auto"},children:[e?.data?.map((a,l)=>(0,s.jsx)(p.nA,{className:(0,b.cn)("p-4 leading-[1.4] font-normal tracking-[-0.2px]",e$,{"pl-0":a?.properties?.noPaddingLeft,"flex items-center gap-1.5":e?.showHiddenRows&&0===l,"hidden xl:table-cell":ee&&l!==e9&&0!==l,"text-right xl:text-left":ee&&0!==l,[a?.className]:a?.className,"text-center":es,"pl-0":eN&&0===l,"text-sm":!eR}),children:(0,s.jsxs)("div",{style:ev?{height:ev,display:"flex",alignItems:"center"}:{},className:(0,b.cn)({"flex items-center gap-1.5":e?.showHiddenRows&&0===l,"pl-[18px]":e?.paddingToLeft&&0===l}),children:[e?.showHiddenRows&&0===l&&(e1[t]?(0,s.jsx)(j.default,{className:"h-[15p

1x] w-[15px]"}):(0,s.jsx)(y.default,{className:"h-[15px] w-[15px]"})),Array.isArray(a)?a?.map((e,t)=>(0,s.jsx)("span",{style:{textAlign:e?.properties?.textAlign??"left"},children:tx(e)},t)):a?.isLoading?(0,s.jsx)(g.Skeleton,{className:"h-4 w-full",...a?.skeletonProps}):tx(a)]})},l)),eG&&eC&&(er&&ei>1||!er&&e6>0||t>=(eS||0))&&(0,s.jsx)("div",{style:{top:t===eS?1:-5},onClick:e=>e.stopPropagation(),className:"pointer-events-auto absolute inset-0 z-10 h-[calc(100%+15px)] cursor-default bg-transparent backdrop-blur-[10px]"}),eG&&t===eS&&eC&&(0,s.jsx)("div",{className:"pointer-events-auto absolute right-0 left-0 z-20 mx-auto flex h-fit w-fit items-center justify-center",style:{top:`${100*Math.max(0,(10-eS)/2-1)}%`},children:(0,s.jsx)(tp,{})})]}),e?.showHiddenRows&&e1[t]&&e?.hiddenRowsData?.length>0&&e?.hiddenRowsData?.map((e,t)=>{let a=e?.onRowClick!=null||e?.link!=null,l=e?.some(e=>Array.isArray(e)?e.some(e=>e?.isHyperLink||"object"==typeof e?.value):e?.isHyperLink||"object"==typeof e?.value),r=a&&!l;return(0,s.jsx)(p.Hj,{className:(0,b.cn)("border-b-0",{"cursor-pointer":a,"hover:bg-secondary-grey dark:hover:bg-grey-25":q&&a,"focus:ring-primary-blue focus:ring-2 focus:ring-offset-1 focus:outline-none":r}),onClick:a?()=>{e?.link?eF.push((0,_.aD)(e.link,!0)):e?.onRowClick&&e.onRowClick()}:void 0,onKeyDown:r?t=>{("Enter"===t.key||" "===t.key)&&a&&(t.preventDefault(),t.stopPropagation(),e?.link?eF.push((0,_.aD)(e.link,!0)):e?.onRowClick&&e.onRowClick())}:void 0,tabIndex:r?0:void 0,role:r?"button":void 0,"aria-label":r&&e?.link?"Navigate to nested item details":r&&e?.onRowClick?"Activate nested row":void 0,children:e?.map((e,t)=>(0,s.jsx)(p.nA,{className:(0,b.cn)("p-4 text-sm leading-[1.4] font-normal tracking-[-0.2px]",{"pl-0":e?.properties?.noPaddingLeft,"hidden xl:table-cell":ee&&t!==e9&&0!==t,"text-right xl:text-left":ee&&0!==t,[e?.className]:e?.className}),children:Array.isArray(e)?e?.map((e,t)=>(0,s.jsx)("span",{style:{textAlign:e?.properties?.textAlign??"left"},children:tx(e)},t)):e?.isLoading?(0,s.jsx)(g.Skeleton,{className:"h-4 w-full",...e?.skeletonProps}):tx(e)},t))},t)}),e?.showHiddenRows&&e1[t]&&e?.hiddenRowsChild&&(0,s.jsx)(p.Hj,{children:(0,s.jsx)(p.nA,{colSpan:e?.data?.length,children:(0,s.jsx)("div",{children:e?.hiddenRowsChild})})}),e?.child&&(0,s.jsx)(p.Hj,{className:(0,b.cn)("h-[42px]",{"hover:bg-gray-100 dark:hover:bg-gray-800/30":q,"cursor-pointer":e?.link},ez&&"border-grey-3 dark:border-dark-grey/50 border-b"),onMouseEnter:()=>{q&&e8({index:t,state:!0})},onMouseLeave:()=>{q&&e8({index:null,state:!1})},children:(0,s.jsx)(p.nA,{align:"right",colSpan:10,className:"p-4 pr-4 pb-2.5",children:(0,s.jsx)("div",{className:"flex",children:e?.child})})})]},t)}),J&&tl>0&&(0,s.jsx)(p.Hj,{style:{height:53*tl},children:(0,s.jsx)(p.nA,{colSpan:6})})]})]}),J&&(0,s.jsxs)("div",{className:"flex items-center justify-between border-t border-gray-300 p-4 dark:border-gray-600",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("span",{className:"kotak-text-small text-gray-600 dark:text-gray-400",children:"Rows per page:"}),(0,s.jsxs)("select",{value:e2,onChange:e=>{let t=Number.parseInt(e.target.value,10);e4(t),e3(0),Z?.(t)},className:"kotak-text-small rounded border border-gray-300 bg-white px-2 py-1 dark:border-gray-600 dark:bg-gray-800","aria-label":"Rows per page",children:[(0,s.jsx)("option",{value:5,children:"5"}),(0,s.jsx)("option",{value:10,children:"10"}),(0,s.jsx)("option",{value:25,children:"25"})]})]}),(0,s.jsxs)("div",{className:"flex items-center gap-4",children:[(0,s.jsxs)("span",{className:"text-sm text-gray-600 dark:text-gray-400",children:[e6*e2+1,"-",Math.min((e6+1)*e2,a.length)," of"," ",a.length]}),(0,s.jsxs)("div",{className:"flex gap-1",children:[(0,s.jsx)("button",{"aria-label":"Previous page",onClick:e=>ts(e,e6-1),disabled:0===e6,className:"rounded p-2 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50 dark:hover:bg-gray-800",children:(0,s.jsx)(i.A,{className:"h-4 w-4"})}),(0,s.jsx)("button",{"aria-label":"Next page",onClick:e=>ts(e,e6+1),disabled:e6>=Math.ceil(a.length/e2)-1,className:"rounded p-2 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50 dark:hover:bg-gray-800",children:(0,s.jsx)(o.A,{className:"h-4 w-4"})})]})]})]}),el&&(eo||er>1)&&(0,s.jsxs)("div",{className:(0,b.cn)("mt-5 px-2 xl:px-0",{"flex flex-col items-center gap-3 xl:flex-row xl:items-center xl:justify-between":eo}),children:[eo&&(0,s.jsx)("div",{role:"status","aria-live":"polite",className:"text-grey-8 self-start text-xs whitespace-nowrap xl:self-auto xl:text-sm dark:text-white",children:eo}),er>1&&(0,s.jsx)(m.dK,{className:"flex justify-center xl:justify-end",children:(0,s.jsxs)(m.Iu,{className:"flex-nowrap gap-0.5 xl:flex-wrap xl:gap-1 [&_a]:h-7 [&_a]:w-7 [&_a]:text-xs xl:[&_a]:h-9 xl:[&_a]:w-9 xl:[&_a]:text-sm [&_button]:h-7 [&_button]:w-7 [&_button]:text-xs xl:[&_button]:h-9 xl:[&_button]:w-9 xl:[&_button]:text-sm",children:[(0,s.jsx)(m.cU,{children:(0,s.jsx)(m.rz,{href:ei>1?"asc"===eh?`${en}1/${ep||""}`:`${en}1/${eu||""}`:void 0,className:1===ei?"pointer-events-none opacity-50":""})}),(0,s.jsx)(m.cU,{children:(0,s.jsx)(m.Eb,{href:ei>1?"asc"===eh?`${en}${ei-1}/${ep||""}`:`${en}${ei-1}/${eu||""}`:void 0,className:1===ei?"pointer-events-none opacity-50":""})}),tu(),(0,s.jsx)(m.cU,{children:(0,s.jsx)(m.WA,{href:ei<er?"asc"===eh?`${en}${ei+1}/${ep||""}`:`${en}${ei+1}/${eu||""}`:void 0,className:ei===er?"pointer-events-none opacity-50":""})}),(0,s.jsx)(m.cU,{children:(0,s.jsx)(m.$l,{href:ei<er?"asc"===eh?`${en}${er}/${ep||""}`:`${en}${er}/${eu||""}`:void 0,className:ei===er?"pointer-events-none opacity-50":""})})]})})]})]})]})})}}}]);