@lax-wp/design-system 0.16.3 → 0.16.4

package/dist/components/data-display/infinite-table/CellContextMenuPortal.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),Y=require("../../../providers/design-system-provider/hooks.cjs.js"),K=require("./copy-text.cjs.js"),O=require("../../../_virtual/index.cjs.js"),o=require("react"),Z=require("react-dom"),T=require("./constants.cjs.js"),L=require("../../icon/icons.generated.cjs.js"),Q=async t=>{try{if(navigator?.clipboard?.writeText)return await navigator.clipboard.writeText(t),!0}catch{}try{const i=document.createElement("textarea");i.value=t,i.setAttribute("readonly",""),i.style.position="fixed",i.style.opacity="0",document.body.appendChild(i),i.select();const d=document.execCommand("copy");return document.body.removeChild(i),d}catch{return!1}},ee=t=>{if(!t)return"";try{return new URL(t,window.location.href).href}catch{return""}},S=(t,i,d)=>t===void 0?d:typeof t=="function"?t(i):t,te=({item:t,isDisabled:i,isActive:d,onSelect:w,onHover:y})=>l.jsxs("button",{type:"button",role:"menuitem","data-menu-item":!0,disabled:i,"aria-disabled":i,tabIndex:d?0:-1,className:O("flex w-full items-center gap-3 px-3 py-2 text-sm font-medium text-left outline-none",i?"opacity-50 cursor-not-allowed":O("cursor-pointer",t.isDanger?"text-error-600 dark:text-error-400 hover:bg-error-50 dark:hover:bg-error-950 focus-visible:bg-error-50 dark:focus-visible:bg-error-950":"text-neutral-900 dark:text-white hover:bg-neutral-100 dark:hover:bg-black-600 focus-visible:bg-neutral-100 dark:focus-visible:bg-black-600")),onClick:w,onMouseEnter:()=>!i&&y(),children:[t.icon?l.jsx("span",{className:O("flex shrink-0 items-center",t.isDanger?"text-error-600 dark:text-error-400":"text-neutral-500 dark:text-black-300"),children:t.icon}):null,l.jsx("span",{className:"flex-1 truncate",children:t.label}),t.shortcut?l.jsx("span",{className:"shrink-0 text-xs text-neutral-400 dark:text-black-300",children:t.shortcut}):null]}),ne=({state:t,config:i,rowOptions:d,asyncRowOptionsFilter:w,checkedIds:y,rows:P,columns:g,rowLinkConfig:E,onClose:m})=>{const p=Y.useTableConfig(),c=o.useMemo(()=>p?.t??(e=>e),[p]),b=o.useRef(null),[j,B]=o.useState(null),[M,v]=o.useState(-1),[k,U]=o.useState(null),[h,N]=o.useState({status:"off"}),z=o.useRef(),a=o.useMemo(()=>t?{...t.target,close:m}:null,[t,m]),F=o.useCallback(async(e,n,r)=>{if(k)return;const s=await Q(n);s?(i?.onCopy?.(n,r),p?.showNotification?.("success",c("Copied to clipboard"))):p?.showNotification?.("error",c("Could not copy to clipboard")),U({key:e,isCopied:s}),z.current=setTimeout(()=>m(),T.COPY_FEEDBACK_DURATION)},[i,p,c,m,k]),C=o.useCallback((e,n,r,s)=>{const u=k?.key===e;return{key:e,label:u?k?.isCopied?c("Copied"):c("Copy failed"):n,icon:u&&k?.isCopied?l.jsx(L.CheckIcon,{size:16,className:"text-success-600 dark:text-success-400"}):s??l.jsx(L.ContentCopyIcon,{size:16}),isDisabled:!r,keepOpenOnClick:!0,onClick:q=>F(e,r,q)}},[k,F,c]),H=o.useMemo(()=>K.getRowJson(t?.target.rowData,g),[t?.target.rowData,g]),J=o.useMemo(()=>t?K.getSelectedRowsJson(P,g,y):"",[t,P,g,y]),R=y?.length??0,x=o.useMemo(()=>!t||!E?.isEnabled||!E.linkTo||t.target.column?.disableRowClick?"":ee(E.linkTo(String(t.target.rowId),t.target.rowData)),[t,E]),X=o.useCallback(()=>{x&&window.open(x,"_blank","noopener,noreferrer")},[x]),_=o.useMemo(()=>{if(!a)return[];const e=i?.hideDefaultItems?[]:[C("copy-cell",i?.copyLabel??c("Copy Cell"),a.text),C("copy-row",c("Copy Row"),H),...R>0?[C("copy-selected-rows",R===1?c("Copy Selected Row"):`${c("Copy Selected Rows")} (${R})`,J)]:[],...x&&!i?.hideLinkItems?[{...C("copy-link",c("Copy Link"),x,l.jsx(L.LinkIcon,{size:16})),withDividerBefore:!0},{key:"open-in-new-tab",label:c("Open in New Tab"),icon:l.jsx(L.OpenInNewIcon,{size:16}),onClick:X}]:[]],n=typeof i?.items=="function"?i.items(a):i?.items??[];return[...e,...n].filter(r=>S(r.isVisible,a,!0))},[i,a,C,R,H,J,x,X,c]),D=o.useMemo(()=>!t||i?.includeRowOptions===!1||!d?[]:((typeof d=="function"?d(t.target.rowData):d)??[]).filter(n=>n.isVisible!==!1),[t,d,i?.includeRowOptions]),V=D.length>0;o.useEffect(()=>{if(!t||!V||!w){N({status:"off"});return}let e=!1;return N({status:"loading"}),w(String(t.target.rowId)).then(n=>!e&&N({status:"ready",available:n})).catch(()=>!e&&N({status:"failed"})),()=>{e=!0}},[t,V,w]);const A=o.useMemo(()=>{if(h.status==="off")return D;if(h.status!=="ready")return[];const{available:e}=h;return D.filter(n=>e[n.key]??!0)},[D,h]),f=o.useMemo(()=>{const e=_.map(r=>({kind:"item",key:r.key,item:r})),n=e.length>0;return h.status==="loading"?[...e,{kind:"skeleton",key:"row-options-loading",withDividerBefore:n}]:[...e,...A.map((r,s)=>({kind:"node",key:`row-option-${r.key}`,node:r.label,withDividerBefore:n&&s===0}))]},[_,A,h.status]),I=o.useCallback(e=>e.kind==="item"?!(a&&S(e.item.isDisabled,a,!1)):e.kind==="node",[a]),W=o.useMemo(()=>f.findIndex(I),[f,I]);o.useLayoutEffect(()=>{if(!t||!b.current){B(null);return}const{width:e,height:n}=b.current.getBoundingClientRect(),r=T.CELL_CONTEXT_MENU_VIEWPORT_MARGIN,s=T.CELL_CONTEXT_MENU_CURSOR_OFFSET,u=t.x+e+r>window.innerWidth?t.x-e-s:t.x+s,q=t.y+n+r>window.innerHeight?t.y-n-s:t.y+s;B({left:Math.max(r,Math.min(u,window.innerWidth-e-r)),top:Math.max(r,Math.min(q,window.innerHeight-n-r))})},[t,f.length]),o.useEffect(()=>(U(null),()=>clearTimeout(z.current)),[t]),o.useEffect(()=>{if(!t){v(-1);return}v(W)},[t,W]),o.useEffect(()=>{if(!t||M<0)return;const e=b.current?.querySelectorAll("[data-menu-item]")[M];(e?.matches("button")?e:e?.querySelector("button")??e)?.focus({preventScroll:!0})},[t,M]);const $=o.useCallback(e=>{f.length!==0&&v(n=>{let r=n;for(let s=0;s<f.length;s+=1)if(r=(r+e+f.length)%f.length,I(f[r]))return r;return n})},[f,I]);if(o.useEffect(()=>{if(!t)return;const e=u=>{b.current&&!b.current.contains(u.target)&&m()},n=u=>{if(u.key==="Escape"){u.stopPropagation(),m();return}(u.key==="ArrowDown"||u.key==="ArrowUp")&&(u.preventDefault(),$(u.key==="ArrowDown"?1:-1))},r=()=>m(),s=setTimeout(()=>{document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("keydown",n),document.addEventListener("scroll",r,!0),window.addEventListener("resize",r)},0);return()=>{clearTimeout(s),document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("keydown",n),document.removeEventListener("scroll",r,!0),window.removeEventListener("resize",r)}},[t,m,$]),!t||!a||f.length===0)return null;if(p?.renderCellContextMenu)return p.renderCellContextMenu({state:t,context:a,items:_,rowOptions:A,onClose:m});const G=async e=>{S(e.isDisabled,a,!1)||(e.keepOpenOnClick||m(),await e.onClick?.(a))};return Z.createPortal(l.jsx("div",{ref:b,role:"menu","aria-label":c("Cell actions"),"data-testid":"cell-context-menu",className:O("fixed min-w-[180px] max-w-[280px] py-1 rounded-lg font-inter","bg-white dark:bg-black-700","border border-neutral-200 dark:border-black-600","shadow-lg dark:shadow-black/40",i?.className),style:{left:j?.left??t.x,top:j?.top??t.y,zIndex:T.CELL_CONTEXT_MENU_Z_INDEX,visibility:j?"visible":"hidden"},onContextMenu:e=>e.preventDefault(),children:f.map((e,n)=>l.jsxs(o.Fragment,{children:[(e.kind==="item"?e.item.withDividerBefore&&n>0:e.withDividerBefore)?l.jsx("div",{className:"my-1 h-px bg-neutral-200 dark:bg-black-600"}):null,e.kind==="item"?l.jsx(te,{item:e.item,isDisabled:S(e.item.isDisabled,a,!1),isActive:n===M,onSelect:()=>void G(e.item),onHover:()=>v(n)}):e.kind==="skeleton"?l.jsx("div",{className:"px-3 py-2","data-testid":"cell-context-menu-loading",children:l.jsx("div",{className:"h-3.5 w-full animate-pulse rounded bg-neutral-200 dark:bg-black-600"})}):l.jsx("div",{"data-menu-item":!0,tabIndex:-1,className:"outline-none [&_button]:w-full",onClick:m,onMouseEnter:()=>v(n),children:e.node})]},e.key))}),document.body)};exports.CellContextMenuPortal=ne;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),Y=require("../../../providers/design-system-provider/hooks.cjs.js"),K=require("./copy-text.cjs.js"),O=require("../../../_virtual/index.cjs.js"),o=require("react"),Z=require("react-dom"),T=require("./constants.cjs.js"),L=require("../../icon/icons.generated.cjs.js"),Q=async t=>{try{if(navigator?.clipboard?.writeText)return await navigator.clipboard.writeText(t),!0}catch{}try{const i=document.createElement("textarea");i.value=t,i.setAttribute("readonly",""),i.style.position="fixed",i.style.opacity="0",document.body.appendChild(i),i.select();const d=document.execCommand("copy");return document.body.removeChild(i),d}catch{return!1}},ee=t=>{if(!t)return"";try{return new URL(t,window.location.href).href}catch{return""}},S=(t,i,d)=>t===void 0?d:typeof t=="function"?t(i):t,te=({item:t,isDisabled:i,isActive:d,onSelect:w,onHover:y})=>l.jsxs("button",{type:"button",role:"menuitem","data-menu-item":!0,disabled:i,"aria-disabled":i,tabIndex:d?0:-1,className:O("flex w-full items-center gap-3 px-3 py-2 text-sm font-medium text-left outline-none",i?"opacity-50 cursor-not-allowed":O("cursor-pointer",t.isDanger?"text-error-600 dark:text-error-400 hover:bg-error-50 dark:hover:bg-error-950 focus-visible:bg-error-50 dark:focus-visible:bg-error-950":"text-neutral-900 dark:text-white hover:bg-neutral-100 dark:hover:bg-black-600 focus-visible:bg-neutral-100 dark:focus-visible:bg-black-600")),onClick:w,onMouseEnter:()=>!i&&y(),children:[t.icon?l.jsx("span",{className:O("flex shrink-0 items-center",t.isDanger?"text-error-600 dark:text-error-400":"text-neutral-900 dark:text-white"),children:t.icon}):null,l.jsx("span",{className:"flex-1 truncate",children:t.label}),t.shortcut?l.jsx("span",{className:"shrink-0 text-xs text-neutral-400 dark:text-black-300",children:t.shortcut}):null]}),ne=({state:t,config:i,rowOptions:d,asyncRowOptionsFilter:w,checkedIds:y,rows:P,columns:g,rowLinkConfig:E,onClose:m})=>{const p=Y.useTableConfig(),c=o.useMemo(()=>p?.t??(e=>e),[p]),b=o.useRef(null),[j,B]=o.useState(null),[M,v]=o.useState(-1),[h,U]=o.useState(null),[k,N]=o.useState({status:"off"}),z=o.useRef(),a=o.useMemo(()=>t?{...t.target,close:m}:null,[t,m]),F=o.useCallback(async(e,n,r)=>{if(h)return;const s=await Q(n);s?(i?.onCopy?.(n,r),p?.showNotification?.("success",c("Copied to clipboard"))):p?.showNotification?.("error",c("Could not copy to clipboard")),U({key:e,isCopied:s}),z.current=setTimeout(()=>m(),T.COPY_FEEDBACK_DURATION)},[i,p,c,m,h]),C=o.useCallback((e,n,r,s)=>{const u=h?.key===e;return{key:e,label:u?h?.isCopied?c("Copied"):c("Copy failed"):n,icon:u&&h?.isCopied?l.jsx(L.CheckIcon,{size:16,className:"text-success-600 dark:text-success-400"}):s??l.jsx(L.ContentCopyIcon,{size:16}),isDisabled:!r,keepOpenOnClick:!0,onClick:q=>F(e,r,q)}},[h,F,c]),H=o.useMemo(()=>K.getRowJson(t?.target.rowData,g),[t?.target.rowData,g]),J=o.useMemo(()=>t?K.getSelectedRowsJson(P,g,y):"",[t,P,g,y]),R=y?.length??0,x=o.useMemo(()=>!t||!E?.isEnabled||!E.linkTo||t.target.column?.disableRowClick?"":ee(E.linkTo(String(t.target.rowId),t.target.rowData)),[t,E]),X=o.useCallback(()=>{x&&window.open(x,"_blank","noopener,noreferrer")},[x]),_=o.useMemo(()=>{if(!a)return[];const e=i?.hideDefaultItems?[]:[C("copy-cell",i?.copyLabel??c("Copy Cell"),a.text),C("copy-row",c("Copy Row"),H),...R>0?[C("copy-selected-rows",R===1?c("Copy Selected Row"):`${c("Copy Selected Rows")} (${R})`,J)]:[],...x&&!i?.hideLinkItems?[{...C("copy-link",c("Copy Link"),x,l.jsx(L.LinkIcon,{size:16})),withDividerBefore:!0},{key:"open-in-new-tab",label:c("Open in New Tab"),icon:l.jsx(L.OpenInNewIcon,{size:16}),onClick:X}]:[]],n=typeof i?.items=="function"?i.items(a):i?.items??[];return[...e,...n].filter(r=>S(r.isVisible,a,!0))},[i,a,C,R,H,J,x,X,c]),D=o.useMemo(()=>!t||i?.includeRowOptions===!1||!d?[]:((typeof d=="function"?d(t.target.rowData):d)??[]).filter(n=>n.isVisible!==!1),[t,d,i?.includeRowOptions]),V=D.length>0;o.useEffect(()=>{if(!t||!V||!w){N({status:"off"});return}let e=!1;return N({status:"loading"}),w(String(t.target.rowId)).then(n=>!e&&N({status:"ready",available:n})).catch(()=>!e&&N({status:"failed"})),()=>{e=!0}},[t,V,w]);const A=o.useMemo(()=>{if(k.status==="off")return D;if(k.status!=="ready")return[];const{available:e}=k;return D.filter(n=>e[n.key]??!0)},[D,k]),f=o.useMemo(()=>{const e=_.map(r=>({kind:"item",key:r.key,item:r})),n=e.length>0;return k.status==="loading"?[...e,{kind:"skeleton",key:"row-options-loading",withDividerBefore:n}]:[...e,...A.map((r,s)=>({kind:"node",key:`row-option-${r.key}`,node:r.label,withDividerBefore:n&&s===0}))]},[_,A,k.status]),I=o.useCallback(e=>e.kind==="item"?!(a&&S(e.item.isDisabled,a,!1)):e.kind==="node",[a]),W=o.useMemo(()=>f.findIndex(I),[f,I]);o.useLayoutEffect(()=>{if(!t||!b.current){B(null);return}const{width:e,height:n}=b.current.getBoundingClientRect(),r=T.CELL_CONTEXT_MENU_VIEWPORT_MARGIN,s=T.CELL_CONTEXT_MENU_CURSOR_OFFSET,u=t.x+e+r>window.innerWidth?t.x-e-s:t.x+s,q=t.y+n+r>window.innerHeight?t.y-n-s:t.y+s;B({left:Math.max(r,Math.min(u,window.innerWidth-e-r)),top:Math.max(r,Math.min(q,window.innerHeight-n-r))})},[t,f.length]),o.useEffect(()=>(U(null),()=>clearTimeout(z.current)),[t]),o.useEffect(()=>{if(!t){v(-1);return}v(W)},[t,W]),o.useEffect(()=>{if(!t||M<0)return;const e=b.current?.querySelectorAll("[data-menu-item]")[M];(e?.matches("button")?e:e?.querySelector("button")??e)?.focus({preventScroll:!0})},[t,M]);const $=o.useCallback(e=>{f.length!==0&&v(n=>{let r=n;for(let s=0;s<f.length;s+=1)if(r=(r+e+f.length)%f.length,I(f[r]))return r;return n})},[f,I]);if(o.useEffect(()=>{if(!t)return;const e=u=>{b.current&&!b.current.contains(u.target)&&m()},n=u=>{if(u.key==="Escape"){u.stopPropagation(),m();return}(u.key==="ArrowDown"||u.key==="ArrowUp")&&(u.preventDefault(),$(u.key==="ArrowDown"?1:-1))},r=()=>m(),s=setTimeout(()=>{document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("keydown",n),document.addEventListener("scroll",r,!0),window.addEventListener("resize",r)},0);return()=>{clearTimeout(s),document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("keydown",n),document.removeEventListener("scroll",r,!0),window.removeEventListener("resize",r)}},[t,m,$]),!t||!a||f.length===0)return null;if(p?.renderCellContextMenu)return p.renderCellContextMenu({state:t,context:a,items:_,rowOptions:A,onClose:m});const G=async e=>{S(e.isDisabled,a,!1)||(e.keepOpenOnClick||m(),await e.onClick?.(a))};return Z.createPortal(l.jsx("div",{ref:b,role:"menu","aria-label":c("Cell actions"),"data-testid":"cell-context-menu",className:O("fixed min-w-[180px] max-w-[280px] py-1 rounded-lg font-inter","bg-white dark:bg-black-700","border border-neutral-200 dark:border-black-600","shadow-lg dark:shadow-black/40",i?.className),style:{left:j?.left??t.x,top:j?.top??t.y,zIndex:T.CELL_CONTEXT_MENU_Z_INDEX,visibility:j?"visible":"hidden"},onContextMenu:e=>e.preventDefault(),children:f.map((e,n)=>l.jsxs(o.Fragment,{children:[(e.kind==="item"?e.item.withDividerBefore&&n>0:e.withDividerBefore)?l.jsx("div",{className:"my-1 h-px bg-neutral-200 dark:bg-black-600"}):null,e.kind==="item"?l.jsx(te,{item:e.item,isDisabled:S(e.item.isDisabled,a,!1),isActive:n===M,onSelect:()=>void G(e.item),onHover:()=>v(n)}):e.kind==="skeleton"?l.jsx("div",{className:"px-3 py-2","data-testid":"cell-context-menu-loading",children:l.jsx("div",{className:"h-3.5 w-full animate-pulse rounded bg-neutral-200 dark:bg-black-600"})}):l.jsx("div",{"data-menu-item":!0,tabIndex:-1,className:"outline-none [&_button]:w-full",onClick:m,onMouseEnter:()=>v(n),children:e.node})]},e.key))}),document.body)};exports.CellContextMenuPortal=ne;
 //# sourceMappingURL=CellContextMenuPortal.cjs.js.map

package/dist/components/data-display/infinite-table/CellContextMenuPortal.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellContextMenuPortal.cjs.js","sources":["../../../../src/components/data-display/infinite-table/CellContextMenuPortal.tsx"],"sourcesContent":["import { useTableConfig } from '../../../providers/design-system-provider/hooks';\nimport { CheckIcon, ContentCopyIcon, LinkIcon, OpenInNewIcon } from '../../icon';\nimport type {\n  ICellContextMenuConfig,\n  ICellContextMenuContext,\n  ICellContextMenuItem,\n  ICellContextMenuState,\n  IColumn,\n  IRowLinkConfig,\n} from './types';\nimport { getRowJson, getSelectedRowsJson } from './copy-text';\nimport cn from 'classnames';\nimport React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport {\n  CELL_CONTEXT_MENU_CURSOR_OFFSET,\n  COPY_FEEDBACK_DURATION,\n  CELL_CONTEXT_MENU_VIEWPORT_MARGIN,\n  CELL_CONTEXT_MENU_Z_INDEX,\n} from './constants';\n\ntype TRowOption = { key: string; label: React.ReactNode; isVisible?: boolean };\n\n/** Result of the per-row availability check for row actions. */\ntype TRowOptionsFilter =\n  | { status: 'off' }\n  | { status: 'loading' }\n  | { status: 'ready'; available: Record<string, boolean> }\n  | { status: 'failed' };\n\n/** One rendered menu line: a declared item, a row-action node supplied by the table, or the row-action placeholder. */\ntype TMenuRow =\n  | { kind: 'item'; key: string; item: ICellContextMenuItem }\n  | { kind: 'node'; key: string; node: React.ReactNode; withDividerBefore?: boolean }\n  | { kind: 'skeleton'; key: string; withDividerBefore?: boolean };\n\ninterface CellContextMenuPortalProps {\n  state: ICellContextMenuState | null;\n  config?: ICellContextMenuConfig | null;\n  /** The table's row actions, appended to the menu — same list the three-dot cell renders. */\n  rowOptions?: TRowOption[] | ((rowData: Record<string, unknown>) => TRowOption[] | null) | null;\n  /** Per-row availability check for `rowOptions`, mirroring the three-dot cell so both menus agree. */\n  asyncRowOptionsFilter?: ((rowId: string) => Promise<Record<string, boolean>>) | null;\n  /** Checked row ids, enabling the \"Copy selected rows\" item. */\n  checkedIds?: (string | number)[];\n  /** Table rows, used to build the text for selected rows that are scrolled out of view. */\n  rows?: Record<string, unknown>[];\n  /** Visible columns in display order, used to order the copied values. */\n  columns?: IColumn[];\n  /** The table's row link, enabling the \"Copy Link\" / \"Open in New Tab\" items. */\n  rowLinkConfig?: IRowLinkConfig | null;\n  onClose: () => void;\n}\n\n/** Clipboard write with a fallback for browsers / insecure contexts without the async clipboard API. */\nconst writeToClipboard = async (text: string): Promise<boolean> => {\n  try {\n    if (navigator?.clipboard?.writeText) {\n      await navigator.clipboard.writeText(text);\n      return true;\n    }\n  } catch {\n    // fall through to the textarea fallback\n  }\n\n  try {\n    const textarea = document.createElement('textarea');\n    textarea.value = text;\n    textarea.setAttribute('readonly', '');\n    textarea.style.position = 'fixed';\n    textarea.style.opacity = '0';\n    document.body.appendChild(textarea);\n    textarea.select();\n    const copied = document.execCommand('copy');\n    document.body.removeChild(textarea);\n    return copied;\n  } catch {\n    return false;\n  }\n};\n\n/** `linkTo` returns a router path; the clipboard and a new tab both need a full URL. */\nconst toAbsoluteUrl = (path: string): string => {\n  if (!path) return '';\n\n  try {\n    return new URL(path, window.location.href).href;\n  } catch {\n    return '';\n  }\n};\n\nconst resolveFlag = (\n  flag: boolean | ((context: ICellContextMenuContext) => boolean) | undefined,\n  context: ICellContextMenuContext,\n  fallback: boolean,\n): boolean => {\n  if (flag === undefined) return fallback;\n  return typeof flag === 'function' ? flag(context) : flag;\n};\n\nconst MenuItemButton: React.FC<{\n  item: ICellContextMenuItem;\n  isDisabled: boolean;\n  isActive: boolean;\n  onSelect: () => void;\n  onHover: () => void;\n}> = ({ item, isDisabled, isActive, onSelect, onHover }) => (\n  <button\n    type='button'\n    role='menuitem'\n    data-menu-item\n    disabled={isDisabled}\n    aria-disabled={isDisabled}\n    tabIndex={isActive ? 0 : -1}\n    className={cn(\n      'flex w-full items-center gap-3 px-3 py-2 text-sm font-medium text-left outline-none',\n      isDisabled\n        ? 'opacity-50 cursor-not-allowed'\n        : cn(\n            'cursor-pointer',\n            item.isDanger\n              ? 'text-error-600 dark:text-error-400 hover:bg-error-50 dark:hover:bg-error-950 focus-visible:bg-error-50 dark:focus-visible:bg-error-950'\n              : 'text-neutral-900 dark:text-white hover:bg-neutral-100 dark:hover:bg-black-600 focus-visible:bg-neutral-100 dark:focus-visible:bg-black-600',\n          ),\n    )}\n    onClick={onSelect}\n    onMouseEnter={() => !isDisabled && onHover()}\n  >\n    {item.icon ? (\n      <span className={cn('flex shrink-0 items-center', item.isDanger ? 'text-error-600 dark:text-error-400' : 'text-neutral-500 dark:text-black-300')}>\n        {item.icon}\n      </span>\n    ) : null}\n    <span className='flex-1 truncate'>{item.label}</span>\n    {item.shortcut ? <span className='shrink-0 text-xs text-neutral-400 dark:text-black-300'>{item.shortcut}</span> : null}\n  </button>\n);\n\n/**\n * Right-click menu for data cells. Rendered once per table and positioned at the\n * cursor; `DataCell` opens it through `openCellContextMenu` on the table context.\n */\nexport const CellContextMenuPortal: React.FC<CellContextMenuPortalProps> = ({\n  state, config, rowOptions, asyncRowOptionsFilter, checkedIds, rows, columns, rowLinkConfig, onClose,\n}) => {\n  const tableConfig = useTableConfig();\n  const t = useMemo(() => tableConfig?.t ?? ((key: string) => key), [tableConfig]);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const [position, setPosition] = useState<{ left: number; top: number } | null>(null);\n  const [activeIndex, setActiveIndex] = useState(-1);\n  const [copyState, setCopyState] = useState<{ key: string; isCopied: boolean } | null>(null);\n  const [rowOptionsFilter, setRowOptionsFilter] = useState<TRowOptionsFilter>({ status: 'off' });\n  const closeTimer = useRef<ReturnType<typeof setTimeout>>();\n\n  const context = useMemo<ICellContextMenuContext | null>(\n    () => (state ? { ...state.target, close: onClose } : null),\n    [state, onClose],\n  );\n\n  const handleCopy = useCallback(\n    async (key: string, text: string, menuContext: ICellContextMenuContext) => {\n      if (copyState) return;\n\n      const isCopied = await writeToClipboard(text);\n\n      if (isCopied) {\n        config?.onCopy?.(text, menuContext);\n        tableConfig?.showNotification?.('success', t('Copied to clipboard'));\n      } else {\n        tableConfig?.showNotification?.('error', t('Could not copy to clipboard'));\n      }\n\n      // Confirmed inline instead of with a toast, so the menu owns its own feedback.\n      setCopyState({ key, isCopied });\n      closeTimer.current = setTimeout(() => onClose(), COPY_FEEDBACK_DURATION);\n    },\n    [config, tableConfig, t, onClose, copyState],\n  );\n\n  const buildCopyItem = useCallback(\n    (key: string, label: string, text: string, icon?: React.ReactNode): ICellContextMenuItem => {\n      const isDone = copyState?.key === key;\n\n      return {\n        key,\n        label: !isDone ? label : copyState?.isCopied ? t('Copied') : t('Copy failed'),\n        icon:\n          isDone && copyState?.isCopied ? (\n            <CheckIcon size={16} className='text-success-600 dark:text-success-400' />\n          ) : (\n            icon ?? <ContentCopyIcon size={16} />\n          ),\n        isDisabled: !text,\n        keepOpenOnClick: true,\n        onClick: (menuContext) => handleCopy(key, text, menuContext),\n      };\n    },\n    [copyState, handleCopy, t],\n  );\n\n  const rowJson = useMemo(() => getRowJson(state?.target.rowData, columns), [state?.target.rowData, columns]);\n  // Only while the menu is open — otherwise every checkbox tick would serialize the selection.\n  const selectedRowsJson = useMemo(() => (state ? getSelectedRowsJson(rows, columns, checkedIds) : ''), [state, rows, columns, checkedIds]);\n  const selectedCount = checkedIds?.length ?? 0;\n\n  /** The row link as an absolute URL — empty unless the table opted in, and never on a cell that opts out of the row link. */\n  const rowLinkHref = useMemo(() => {\n    if (!state || !rowLinkConfig?.isEnabled || !rowLinkConfig.linkTo || state.target.column?.disableRowClick) return '';\n\n    return toAbsoluteUrl(rowLinkConfig.linkTo(String(state.target.rowId), state.target.rowData));\n  }, [state, rowLinkConfig]);\n\n  const openInNewTab = useCallback(() => {\n    if (rowLinkHref) window.open(rowLinkHref, '_blank', 'noopener,noreferrer');\n  }, [rowLinkHref]);\n\n  const items = useMemo<ICellContextMenuItem[]>(() => {\n    if (!context) return [];\n\n    const defaultItems: ICellContextMenuItem[] = config?.hideDefaultItems\n      ? []\n      : [\n          buildCopyItem('copy-cell', config?.copyLabel ?? t('Copy Cell'), context.text),\n          buildCopyItem('copy-row', t('Copy Row'), rowJson),\n          ...(selectedCount > 0\n            ? [\n                buildCopyItem(\n                  'copy-selected-rows',\n                  selectedCount === 1 ? t('Copy Selected Row') : `${t('Copy Selected Rows')} (${selectedCount})`,\n                  selectedRowsJson,\n                ),\n              ]\n            : []),\n          ...(rowLinkHref && !config?.hideLinkItems\n            ? [\n                {\n                  ...buildCopyItem('copy-link', t('Copy Link'), rowLinkHref, <LinkIcon size={16} />),\n                  withDividerBefore: true,\n                },\n                {\n                  key: 'open-in-new-tab',\n                  label: t('Open in New Tab'),\n                  icon: <OpenInNewIcon size={16} />,\n                  onClick: openInNewTab,\n                },\n              ]\n            : []),\n        ];\n\n    const extraItems = typeof config?.items === 'function' ? config.items(context) : config?.items ?? [];\n\n    return [...defaultItems, ...extraItems].filter((item) => resolveFlag(item.isVisible, context, true));\n  }, [config, context, buildCopyItem, selectedCount, rowJson, selectedRowsJson, rowLinkHref, openInNewTab, t]);\n\n  /** The table's own row actions, resolved for the right-clicked row. */\n  const resolvedRowOptions = useMemo<TRowOption[]>(() => {\n    if (!state || config?.includeRowOptions === false || !rowOptions) return [];\n\n    const list = typeof rowOptions === 'function' ? rowOptions(state.target.rowData) : rowOptions;\n\n    return (list ?? []).filter((option) => option.isVisible !== false);\n  }, [state, rowOptions, config?.includeRowOptions]);\n\n  const hasRowOptions = resolvedRowOptions.length > 0;\n\n  /** Row actions can be gated per row by the API — ask before showing them, exactly as the three-dot cell does. */\n  useEffect(() => {\n    if (!state || !hasRowOptions || !asyncRowOptionsFilter) {\n      setRowOptionsFilter({ status: 'off' });\n      return;\n    }\n\n    let isCancelled = false;\n    setRowOptionsFilter({ status: 'loading' });\n\n    asyncRowOptionsFilter(String(state.target.rowId))\n      .then((available) => !isCancelled && setRowOptionsFilter({ status: 'ready', available }))\n      .catch(() => !isCancelled && setRowOptionsFilter({ status: 'failed' }));\n\n    return () => {\n      isCancelled = true;\n    };\n  }, [state, hasRowOptions, asyncRowOptionsFilter]);\n\n  const allowedRowOptions = useMemo<TRowOption[]>(() => {\n    if (rowOptionsFilter.status === 'off') return resolvedRowOptions;\n    if (rowOptionsFilter.status !== 'ready') return [];\n\n    const { available } = rowOptionsFilter;\n\n    return resolvedRowOptions.filter((option) => available[option.key] ?? true);\n  }, [resolvedRowOptions, rowOptionsFilter]);\n\n  const menuRows = useMemo<TMenuRow[]>(() => {\n    const itemRows: TMenuRow[] = items.map((item) => ({ kind: 'item', key: item.key, item }));\n    const needsDivider = itemRows.length > 0;\n\n    if (rowOptionsFilter.status === 'loading') {\n      return [...itemRows, { kind: 'skeleton', key: 'row-options-loading', withDividerBefore: needsDivider }];\n    }\n\n    return [\n      ...itemRows,\n      ...allowedRowOptions.map<TMenuRow>((option, index) => ({\n        kind: 'node',\n        key: `row-option-${option.key}`,\n        node: option.label,\n        withDividerBefore: needsDivider && index === 0,\n      })),\n    ];\n  }, [items, allowedRowOptions, rowOptionsFilter.status]);\n\n  const isRowNavigable = useCallback(\n    (row: TMenuRow): boolean => (row.kind === 'item' ? !(context && resolveFlag(row.item.isDisabled, context, false)) : row.kind === 'node'),\n    [context],\n  );\n\n  const firstNavigableIndex = useMemo(() => menuRows.findIndex(isRowNavigable), [menuRows, isRowNavigable]);\n\n  /** Clamp into the viewport once the menu has been measured; row actions can arrive after the first paint. */\n  useLayoutEffect(() => {\n    if (!state || !menuRef.current) {\n      setPosition(null);\n      return;\n    }\n\n    const { width, height } = menuRef.current.getBoundingClientRect();\n    const margin = CELL_CONTEXT_MENU_VIEWPORT_MARGIN;\n    const offset = CELL_CONTEXT_MENU_CURSOR_OFFSET;\n\n    // Flip to the other side of the cursor when there is no room, then clamp.\n    const left = state.x + width + margin > window.innerWidth ? state.x - width - offset : state.x + offset;\n    const top = state.y + height + margin > window.innerHeight ? state.y - height - offset : state.y + offset;\n\n    setPosition({\n      left: Math.max(margin, Math.min(left, window.innerWidth - width - margin)),\n      top: Math.max(margin, Math.min(top, window.innerHeight - height - margin)),\n    });\n  }, [state, menuRows.length]);\n\n  useEffect(() => {\n    setCopyState(null);\n    return () => clearTimeout(closeTimer.current);\n  }, [state]);\n\n  useEffect(() => {\n    if (!state) {\n      setActiveIndex(-1);\n      return;\n    }\n    setActiveIndex(firstNavigableIndex);\n  }, [state, firstNavigableIndex]);\n\n  /** Focus follows the active row so the menu is keyboard operable; row actions bring their own button. */\n  useEffect(() => {\n    if (!state || activeIndex < 0) return;\n\n    const row = menuRef.current?.querySelectorAll<HTMLElement>('[data-menu-item]')[activeIndex];\n    const focusTarget = row?.matches('button') ? row : row?.querySelector('button') ?? row;\n\n    // preventScroll: a focus-driven scroll would immediately close the menu.\n    focusTarget?.focus({ preventScroll: true });\n  }, [state, activeIndex]);\n\n  const moveActiveIndex = useCallback(\n    (direction: 1 | -1) => {\n      if (menuRows.length === 0) return;\n      setActiveIndex((current) => {\n        let next = current;\n        for (let step = 0; step < menuRows.length; step += 1) {\n          next = (next + direction + menuRows.length) % menuRows.length;\n          if (isRowNavigable(menuRows[next])) return next;\n        }\n        return current;\n      });\n    },\n    [menuRows, isRowNavigable],\n  );\n\n  useEffect(() => {\n    if (!state) return;\n\n    const handlePointerDown = (event: MouseEvent | TouchEvent) => {\n      if (menuRef.current && !menuRef.current.contains(event.target as Node)) onClose();\n    };\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.stopPropagation();\n        onClose();\n        return;\n      }\n      if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        event.preventDefault();\n        moveActiveIndex(event.key === 'ArrowDown' ? 1 : -1);\n      }\n    };\n    // Any scroll (table viewport included) detaches the menu from its cell, so close it.\n    const handleScroll = () => onClose();\n\n    // Deferred so the right click that opened the menu does not immediately close it.\n    const timeoutId = setTimeout(() => {\n      document.addEventListener('mousedown', handlePointerDown);\n      document.addEventListener('touchstart', handlePointerDown);\n      document.addEventListener('keydown', handleKeyDown);\n      document.addEventListener('scroll', handleScroll, true);\n      window.addEventListener('resize', handleScroll);\n    }, 0);\n\n    return () => {\n      clearTimeout(timeoutId);\n      document.removeEventListener('mousedown', handlePointerDown);\n      document.removeEventListener('touchstart', handlePointerDown);\n      document.removeEventListener('keydown', handleKeyDown);\n      document.removeEventListener('scroll', handleScroll, true);\n      window.removeEventListener('resize', handleScroll);\n    };\n  }, [state, onClose, moveActiveIndex]);\n\n  if (!state || !context || menuRows.length === 0) return null;\n\n  if (tableConfig?.renderCellContextMenu) {\n    return tableConfig.renderCellContextMenu({ state, context, items, rowOptions: allowedRowOptions, onClose }) as JSX.Element;\n  }\n\n  const handleItemClick = async (item: ICellContextMenuItem): Promise<void> => {\n    if (resolveFlag(item.isDisabled, context, false)) return;\n    if (!item.keepOpenOnClick) onClose();\n    await item.onClick?.(context);\n  };\n\n  return createPortal(\n    <div\n      ref={menuRef}\n      role='menu'\n      aria-label={t('Cell actions')}\n      data-testid='cell-context-menu'\n      className={cn(\n        'fixed min-w-[180px] max-w-[280px] py-1 rounded-lg font-inter',\n        'bg-white dark:bg-black-700',\n        'border border-neutral-200 dark:border-black-600',\n        'shadow-lg dark:shadow-black/40',\n        config?.className,\n      )}\n      style={{\n        left: position?.left ?? state.x,\n        top: position?.top ?? state.y,\n        zIndex: CELL_CONTEXT_MENU_Z_INDEX,\n        // Hidden until measured so the flip/clamp never flashes at the wrong spot.\n        visibility: position ? 'visible' : 'hidden',\n      }}\n      onContextMenu={(event) => event.preventDefault()}\n    >\n      {menuRows.map((row, index) => (\n        <React.Fragment key={row.key}>\n          {(row.kind === 'item' ? row.item.withDividerBefore && index > 0 : row.withDividerBefore) ? (\n            <div className='my-1 h-px bg-neutral-200 dark:bg-black-600' />\n          ) : null}\n          {row.kind === 'item' ? (\n            <MenuItemButton\n              item={row.item}\n              isDisabled={resolveFlag(row.item.isDisabled, context, false)}\n              isActive={index === activeIndex}\n              onSelect={() => void handleItemClick(row.item)}\n              onHover={() => setActiveIndex(index)}\n            />\n          ) : row.kind === 'skeleton' ? (\n            <div className='px-3 py-2' data-testid='cell-context-menu-loading'>\n              <div className='h-3.5 w-full animate-pulse rounded bg-neutral-200 dark:bg-black-600' />\n            </div>\n          ) : (\n            /* Row actions are rendered as the table supplied them — they carry their own button and handler. */\n            <div data-menu-item tabIndex={-1} className='outline-none [&_button]:w-full' onClick={onClose} onMouseEnter={() => setActiveIndex(index)}>\n              {row.node}\n            </div>\n          )}\n        </React.Fragment>\n      ))}\n    </div>,\n    document.body,\n  );\n};\n"],"names":["writeToClipboard","text","textarea","copied","toAbsoluteUrl","path","resolveFlag","flag","context","fallback","MenuItemButton","item","isDisabled","isActive","onSelect","onHover","jsxs","cn","jsx","CellContextMenuPortal","state","config","rowOptions","asyncRowOptionsFilter","checkedIds","rows","columns","rowLinkConfig","onClose","tableConfig","useTableConfig","t","useMemo","key","menuRef","useRef","position","setPosition","useState","activeIndex","setActiveIndex","copyState","setCopyState","rowOptionsFilter","setRowOptionsFilter","closeTimer","handleCopy","useCallback","menuContext","isCopied","COPY_FEEDBACK_DURATION","buildCopyItem","label","icon","isDone","CheckIcon","ContentCopyIcon","rowJson","getRowJson","selectedRowsJson","getSelectedRowsJson","selectedCount","rowLinkHref","openInNewTab","items","defaultItems","LinkIcon","OpenInNewIcon","extraItems","resolvedRowOptions","option","hasRowOptions","useEffect","isCancelled","available","allowedRowOptions","menuRows","itemRows","needsDivider","index","isRowNavigable","row","firstNavigableIndex","useLayoutEffect","width","height","margin","CELL_CONTEXT_MENU_VIEWPORT_MARGIN","offset","CELL_CONTEXT_MENU_CURSOR_OFFSET","left","top","moveActiveIndex","direction","current","next","step","handlePointerDown","event","handleKeyDown","handleScroll","timeoutId","handleItemClick","createPortal","CELL_CONTEXT_MENU_Z_INDEX","React"],"mappings":"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"}
+{"version":3,"file":"CellContextMenuPortal.cjs.js","sources":["../../../../src/components/data-display/infinite-table/CellContextMenuPortal.tsx"],"sourcesContent":["import { useTableConfig } from '../../../providers/design-system-provider/hooks';\nimport { CheckIcon, ContentCopyIcon, LinkIcon, OpenInNewIcon } from '../../icon';\nimport type {\n  ICellContextMenuConfig,\n  ICellContextMenuContext,\n  ICellContextMenuItem,\n  ICellContextMenuState,\n  IColumn,\n  IRowLinkConfig,\n} from './types';\nimport { getRowJson, getSelectedRowsJson } from './copy-text';\nimport cn from 'classnames';\nimport React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport {\n  CELL_CONTEXT_MENU_CURSOR_OFFSET,\n  COPY_FEEDBACK_DURATION,\n  CELL_CONTEXT_MENU_VIEWPORT_MARGIN,\n  CELL_CONTEXT_MENU_Z_INDEX,\n} from './constants';\n\ntype TRowOption = { key: string; label: React.ReactNode; isVisible?: boolean };\n\n/** Result of the per-row availability check for row actions. */\ntype TRowOptionsFilter =\n  | { status: 'off' }\n  | { status: 'loading' }\n  | { status: 'ready'; available: Record<string, boolean> }\n  | { status: 'failed' };\n\n/** One rendered menu line: a declared item, a row-action node supplied by the table, or the row-action placeholder. */\ntype TMenuRow =\n  | { kind: 'item'; key: string; item: ICellContextMenuItem }\n  | { kind: 'node'; key: string; node: React.ReactNode; withDividerBefore?: boolean }\n  | { kind: 'skeleton'; key: string; withDividerBefore?: boolean };\n\ninterface CellContextMenuPortalProps {\n  state: ICellContextMenuState | null;\n  config?: ICellContextMenuConfig | null;\n  /** The table's row actions, appended to the menu — same list the three-dot cell renders. */\n  rowOptions?: TRowOption[] | ((rowData: Record<string, unknown>) => TRowOption[] | null) | null;\n  /** Per-row availability check for `rowOptions`, mirroring the three-dot cell so both menus agree. */\n  asyncRowOptionsFilter?: ((rowId: string) => Promise<Record<string, boolean>>) | null;\n  /** Checked row ids, enabling the \"Copy selected rows\" item. */\n  checkedIds?: (string | number)[];\n  /** Table rows, used to build the text for selected rows that are scrolled out of view. */\n  rows?: Record<string, unknown>[];\n  /** Visible columns in display order, used to order the copied values. */\n  columns?: IColumn[];\n  /** The table's row link, enabling the \"Copy Link\" / \"Open in New Tab\" items. */\n  rowLinkConfig?: IRowLinkConfig | null;\n  onClose: () => void;\n}\n\n/** Clipboard write with a fallback for browsers / insecure contexts without the async clipboard API. */\nconst writeToClipboard = async (text: string): Promise<boolean> => {\n  try {\n    if (navigator?.clipboard?.writeText) {\n      await navigator.clipboard.writeText(text);\n      return true;\n    }\n  } catch {\n    // fall through to the textarea fallback\n  }\n\n  try {\n    const textarea = document.createElement('textarea');\n    textarea.value = text;\n    textarea.setAttribute('readonly', '');\n    textarea.style.position = 'fixed';\n    textarea.style.opacity = '0';\n    document.body.appendChild(textarea);\n    textarea.select();\n    const copied = document.execCommand('copy');\n    document.body.removeChild(textarea);\n    return copied;\n  } catch {\n    return false;\n  }\n};\n\n/** `linkTo` returns a router path; the clipboard and a new tab both need a full URL. */\nconst toAbsoluteUrl = (path: string): string => {\n  if (!path) return '';\n\n  try {\n    return new URL(path, window.location.href).href;\n  } catch {\n    return '';\n  }\n};\n\nconst resolveFlag = (\n  flag: boolean | ((context: ICellContextMenuContext) => boolean) | undefined,\n  context: ICellContextMenuContext,\n  fallback: boolean,\n): boolean => {\n  if (flag === undefined) return fallback;\n  return typeof flag === 'function' ? flag(context) : flag;\n};\n\nconst MenuItemButton: React.FC<{\n  item: ICellContextMenuItem;\n  isDisabled: boolean;\n  isActive: boolean;\n  onSelect: () => void;\n  onHover: () => void;\n}> = ({ item, isDisabled, isActive, onSelect, onHover }) => (\n  <button\n    type='button'\n    role='menuitem'\n    data-menu-item\n    disabled={isDisabled}\n    aria-disabled={isDisabled}\n    tabIndex={isActive ? 0 : -1}\n    className={cn(\n      'flex w-full items-center gap-3 px-3 py-2 text-sm font-medium text-left outline-none',\n      isDisabled\n        ? 'opacity-50 cursor-not-allowed'\n        : cn(\n            'cursor-pointer',\n            item.isDanger\n              ? 'text-error-600 dark:text-error-400 hover:bg-error-50 dark:hover:bg-error-950 focus-visible:bg-error-50 dark:focus-visible:bg-error-950'\n              : 'text-neutral-900 dark:text-white hover:bg-neutral-100 dark:hover:bg-black-600 focus-visible:bg-neutral-100 dark:focus-visible:bg-black-600',\n          ),\n    )}\n    onClick={onSelect}\n    onMouseEnter={() => !isDisabled && onHover()}\n  >\n    {item.icon ? (\n      <span className={cn('flex shrink-0 items-center', item.isDanger ? 'text-error-600 dark:text-error-400' : 'text-neutral-900 dark:text-white')}>\n        {item.icon}\n      </span>\n    ) : null}\n    <span className='flex-1 truncate'>{item.label}</span>\n    {item.shortcut ? <span className='shrink-0 text-xs text-neutral-400 dark:text-black-300'>{item.shortcut}</span> : null}\n  </button>\n);\n\n/**\n * Right-click menu for data cells. Rendered once per table and positioned at the\n * cursor; `DataCell` opens it through `openCellContextMenu` on the table context.\n */\nexport const CellContextMenuPortal: React.FC<CellContextMenuPortalProps> = ({\n  state, config, rowOptions, asyncRowOptionsFilter, checkedIds, rows, columns, rowLinkConfig, onClose,\n}) => {\n  const tableConfig = useTableConfig();\n  const t = useMemo(() => tableConfig?.t ?? ((key: string) => key), [tableConfig]);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const [position, setPosition] = useState<{ left: number; top: number } | null>(null);\n  const [activeIndex, setActiveIndex] = useState(-1);\n  const [copyState, setCopyState] = useState<{ key: string; isCopied: boolean } | null>(null);\n  const [rowOptionsFilter, setRowOptionsFilter] = useState<TRowOptionsFilter>({ status: 'off' });\n  const closeTimer = useRef<ReturnType<typeof setTimeout>>();\n\n  const context = useMemo<ICellContextMenuContext | null>(\n    () => (state ? { ...state.target, close: onClose } : null),\n    [state, onClose],\n  );\n\n  const handleCopy = useCallback(\n    async (key: string, text: string, menuContext: ICellContextMenuContext) => {\n      if (copyState) return;\n\n      const isCopied = await writeToClipboard(text);\n\n      if (isCopied) {\n        config?.onCopy?.(text, menuContext);\n        tableConfig?.showNotification?.('success', t('Copied to clipboard'));\n      } else {\n        tableConfig?.showNotification?.('error', t('Could not copy to clipboard'));\n      }\n\n      // Confirmed inline instead of with a toast, so the menu owns its own feedback.\n      setCopyState({ key, isCopied });\n      closeTimer.current = setTimeout(() => onClose(), COPY_FEEDBACK_DURATION);\n    },\n    [config, tableConfig, t, onClose, copyState],\n  );\n\n  const buildCopyItem = useCallback(\n    (key: string, label: string, text: string, icon?: React.ReactNode): ICellContextMenuItem => {\n      const isDone = copyState?.key === key;\n\n      return {\n        key,\n        label: !isDone ? label : copyState?.isCopied ? t('Copied') : t('Copy failed'),\n        icon:\n          isDone && copyState?.isCopied ? (\n            <CheckIcon size={16} className='text-success-600 dark:text-success-400' />\n          ) : (\n            icon ?? <ContentCopyIcon size={16} />\n          ),\n        isDisabled: !text,\n        keepOpenOnClick: true,\n        onClick: (menuContext) => handleCopy(key, text, menuContext),\n      };\n    },\n    [copyState, handleCopy, t],\n  );\n\n  const rowJson = useMemo(() => getRowJson(state?.target.rowData, columns), [state?.target.rowData, columns]);\n  // Only while the menu is open — otherwise every checkbox tick would serialize the selection.\n  const selectedRowsJson = useMemo(() => (state ? getSelectedRowsJson(rows, columns, checkedIds) : ''), [state, rows, columns, checkedIds]);\n  const selectedCount = checkedIds?.length ?? 0;\n\n  /** The row link as an absolute URL — empty unless the table opted in, and never on a cell that opts out of the row link. */\n  const rowLinkHref = useMemo(() => {\n    if (!state || !rowLinkConfig?.isEnabled || !rowLinkConfig.linkTo || state.target.column?.disableRowClick) return '';\n\n    return toAbsoluteUrl(rowLinkConfig.linkTo(String(state.target.rowId), state.target.rowData));\n  }, [state, rowLinkConfig]);\n\n  const openInNewTab = useCallback(() => {\n    if (rowLinkHref) window.open(rowLinkHref, '_blank', 'noopener,noreferrer');\n  }, [rowLinkHref]);\n\n  const items = useMemo<ICellContextMenuItem[]>(() => {\n    if (!context) return [];\n\n    const defaultItems: ICellContextMenuItem[] = config?.hideDefaultItems\n      ? []\n      : [\n          buildCopyItem('copy-cell', config?.copyLabel ?? t('Copy Cell'), context.text),\n          buildCopyItem('copy-row', t('Copy Row'), rowJson),\n          ...(selectedCount > 0\n            ? [\n                buildCopyItem(\n                  'copy-selected-rows',\n                  selectedCount === 1 ? t('Copy Selected Row') : `${t('Copy Selected Rows')} (${selectedCount})`,\n                  selectedRowsJson,\n                ),\n              ]\n            : []),\n          ...(rowLinkHref && !config?.hideLinkItems\n            ? [\n                {\n                  ...buildCopyItem('copy-link', t('Copy Link'), rowLinkHref, <LinkIcon size={16} />),\n                  withDividerBefore: true,\n                },\n                {\n                  key: 'open-in-new-tab',\n                  label: t('Open in New Tab'),\n                  icon: <OpenInNewIcon size={16} />,\n                  onClick: openInNewTab,\n                },\n              ]\n            : []),\n        ];\n\n    const extraItems = typeof config?.items === 'function' ? config.items(context) : config?.items ?? [];\n\n    return [...defaultItems, ...extraItems].filter((item) => resolveFlag(item.isVisible, context, true));\n  }, [config, context, buildCopyItem, selectedCount, rowJson, selectedRowsJson, rowLinkHref, openInNewTab, t]);\n\n  /** The table's own row actions, resolved for the right-clicked row. */\n  const resolvedRowOptions = useMemo<TRowOption[]>(() => {\n    if (!state || config?.includeRowOptions === false || !rowOptions) return [];\n\n    const list = typeof rowOptions === 'function' ? rowOptions(state.target.rowData) : rowOptions;\n\n    return (list ?? []).filter((option) => option.isVisible !== false);\n  }, [state, rowOptions, config?.includeRowOptions]);\n\n  const hasRowOptions = resolvedRowOptions.length > 0;\n\n  /** Row actions can be gated per row by the API — ask before showing them, exactly as the three-dot cell does. */\n  useEffect(() => {\n    if (!state || !hasRowOptions || !asyncRowOptionsFilter) {\n      setRowOptionsFilter({ status: 'off' });\n      return;\n    }\n\n    let isCancelled = false;\n    setRowOptionsFilter({ status: 'loading' });\n\n    asyncRowOptionsFilter(String(state.target.rowId))\n      .then((available) => !isCancelled && setRowOptionsFilter({ status: 'ready', available }))\n      .catch(() => !isCancelled && setRowOptionsFilter({ status: 'failed' }));\n\n    return () => {\n      isCancelled = true;\n    };\n  }, [state, hasRowOptions, asyncRowOptionsFilter]);\n\n  const allowedRowOptions = useMemo<TRowOption[]>(() => {\n    if (rowOptionsFilter.status === 'off') return resolvedRowOptions;\n    if (rowOptionsFilter.status !== 'ready') return [];\n\n    const { available } = rowOptionsFilter;\n\n    return resolvedRowOptions.filter((option) => available[option.key] ?? true);\n  }, [resolvedRowOptions, rowOptionsFilter]);\n\n  const menuRows = useMemo<TMenuRow[]>(() => {\n    const itemRows: TMenuRow[] = items.map((item) => ({ kind: 'item', key: item.key, item }));\n    const needsDivider = itemRows.length > 0;\n\n    if (rowOptionsFilter.status === 'loading') {\n      return [...itemRows, { kind: 'skeleton', key: 'row-options-loading', withDividerBefore: needsDivider }];\n    }\n\n    return [\n      ...itemRows,\n      ...allowedRowOptions.map<TMenuRow>((option, index) => ({\n        kind: 'node',\n        key: `row-option-${option.key}`,\n        node: option.label,\n        withDividerBefore: needsDivider && index === 0,\n      })),\n    ];\n  }, [items, allowedRowOptions, rowOptionsFilter.status]);\n\n  const isRowNavigable = useCallback(\n    (row: TMenuRow): boolean => (row.kind === 'item' ? !(context && resolveFlag(row.item.isDisabled, context, false)) : row.kind === 'node'),\n    [context],\n  );\n\n  const firstNavigableIndex = useMemo(() => menuRows.findIndex(isRowNavigable), [menuRows, isRowNavigable]);\n\n  /** Clamp into the viewport once the menu has been measured; row actions can arrive after the first paint. */\n  useLayoutEffect(() => {\n    if (!state || !menuRef.current) {\n      setPosition(null);\n      return;\n    }\n\n    const { width, height } = menuRef.current.getBoundingClientRect();\n    const margin = CELL_CONTEXT_MENU_VIEWPORT_MARGIN;\n    const offset = CELL_CONTEXT_MENU_CURSOR_OFFSET;\n\n    // Flip to the other side of the cursor when there is no room, then clamp.\n    const left = state.x + width + margin > window.innerWidth ? state.x - width - offset : state.x + offset;\n    const top = state.y + height + margin > window.innerHeight ? state.y - height - offset : state.y + offset;\n\n    setPosition({\n      left: Math.max(margin, Math.min(left, window.innerWidth - width - margin)),\n      top: Math.max(margin, Math.min(top, window.innerHeight - height - margin)),\n    });\n  }, [state, menuRows.length]);\n\n  useEffect(() => {\n    setCopyState(null);\n    return () => clearTimeout(closeTimer.current);\n  }, [state]);\n\n  useEffect(() => {\n    if (!state) {\n      setActiveIndex(-1);\n      return;\n    }\n    setActiveIndex(firstNavigableIndex);\n  }, [state, firstNavigableIndex]);\n\n  /** Focus follows the active row so the menu is keyboard operable; row actions bring their own button. */\n  useEffect(() => {\n    if (!state || activeIndex < 0) return;\n\n    const row = menuRef.current?.querySelectorAll<HTMLElement>('[data-menu-item]')[activeIndex];\n    const focusTarget = row?.matches('button') ? row : row?.querySelector('button') ?? row;\n\n    // preventScroll: a focus-driven scroll would immediately close the menu.\n    focusTarget?.focus({ preventScroll: true });\n  }, [state, activeIndex]);\n\n  const moveActiveIndex = useCallback(\n    (direction: 1 | -1) => {\n      if (menuRows.length === 0) return;\n      setActiveIndex((current) => {\n        let next = current;\n        for (let step = 0; step < menuRows.length; step += 1) {\n          next = (next + direction + menuRows.length) % menuRows.length;\n          if (isRowNavigable(menuRows[next])) return next;\n        }\n        return current;\n      });\n    },\n    [menuRows, isRowNavigable],\n  );\n\n  useEffect(() => {\n    if (!state) return;\n\n    const handlePointerDown = (event: MouseEvent | TouchEvent) => {\n      if (menuRef.current && !menuRef.current.contains(event.target as Node)) onClose();\n    };\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.stopPropagation();\n        onClose();\n        return;\n      }\n      if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        event.preventDefault();\n        moveActiveIndex(event.key === 'ArrowDown' ? 1 : -1);\n      }\n    };\n    // Any scroll (table viewport included) detaches the menu from its cell, so close it.\n    const handleScroll = () => onClose();\n\n    // Deferred so the right click that opened the menu does not immediately close it.\n    const timeoutId = setTimeout(() => {\n      document.addEventListener('mousedown', handlePointerDown);\n      document.addEventListener('touchstart', handlePointerDown);\n      document.addEventListener('keydown', handleKeyDown);\n      document.addEventListener('scroll', handleScroll, true);\n      window.addEventListener('resize', handleScroll);\n    }, 0);\n\n    return () => {\n      clearTimeout(timeoutId);\n      document.removeEventListener('mousedown', handlePointerDown);\n      document.removeEventListener('touchstart', handlePointerDown);\n      document.removeEventListener('keydown', handleKeyDown);\n      document.removeEventListener('scroll', handleScroll, true);\n      window.removeEventListener('resize', handleScroll);\n    };\n  }, [state, onClose, moveActiveIndex]);\n\n  if (!state || !context || menuRows.length === 0) return null;\n\n  if (tableConfig?.renderCellContextMenu) {\n    return tableConfig.renderCellContextMenu({ state, context, items, rowOptions: allowedRowOptions, onClose }) as JSX.Element;\n  }\n\n  const handleItemClick = async (item: ICellContextMenuItem): Promise<void> => {\n    if (resolveFlag(item.isDisabled, context, false)) return;\n    if (!item.keepOpenOnClick) onClose();\n    await item.onClick?.(context);\n  };\n\n  return createPortal(\n    <div\n      ref={menuRef}\n      role='menu'\n      aria-label={t('Cell actions')}\n      data-testid='cell-context-menu'\n      className={cn(\n        'fixed min-w-[180px] max-w-[280px] py-1 rounded-lg font-inter',\n        'bg-white dark:bg-black-700',\n        'border border-neutral-200 dark:border-black-600',\n        'shadow-lg dark:shadow-black/40',\n        config?.className,\n      )}\n      style={{\n        left: position?.left ?? state.x,\n        top: position?.top ?? state.y,\n        zIndex: CELL_CONTEXT_MENU_Z_INDEX,\n        // Hidden until measured so the flip/clamp never flashes at the wrong spot.\n        visibility: position ? 'visible' : 'hidden',\n      }}\n      onContextMenu={(event) => event.preventDefault()}\n    >\n      {menuRows.map((row, index) => (\n        <React.Fragment key={row.key}>\n          {(row.kind === 'item' ? row.item.withDividerBefore && index > 0 : row.withDividerBefore) ? (\n            <div className='my-1 h-px bg-neutral-200 dark:bg-black-600' />\n          ) : null}\n          {row.kind === 'item' ? (\n            <MenuItemButton\n              item={row.item}\n              isDisabled={resolveFlag(row.item.isDisabled, context, false)}\n              isActive={index === activeIndex}\n              onSelect={() => void handleItemClick(row.item)}\n              onHover={() => setActiveIndex(index)}\n            />\n          ) : row.kind === 'skeleton' ? (\n            <div className='px-3 py-2' data-testid='cell-context-menu-loading'>\n              <div className='h-3.5 w-full animate-pulse rounded bg-neutral-200 dark:bg-black-600' />\n            </div>\n          ) : (\n            /* Row actions are rendered as the table supplied them — they carry their own button and handler. */\n            <div data-menu-item tabIndex={-1} className='outline-none [&_button]:w-full' onClick={onClose} onMouseEnter={() => setActiveIndex(index)}>\n              {row.node}\n            </div>\n          )}\n        </React.Fragment>\n      ))}\n    </div>,\n    document.body,\n  );\n};\n"],"names":["writeToClipboard","text","textarea","copied","toAbsoluteUrl","path","resolveFlag","flag","context","fallback","MenuItemButton","item","isDisabled","isActive","onSelect","onHover","jsxs","cn","jsx","CellContextMenuPortal","state","config","rowOptions","asyncRowOptionsFilter","checkedIds","rows","columns","rowLinkConfig","onClose","tableConfig","useTableConfig","t","useMemo","key","menuRef","useRef","position","setPosition","useState","activeIndex","setActiveIndex","copyState","setCopyState","rowOptionsFilter","setRowOptionsFilter","closeTimer","handleCopy","useCallback","menuContext","isCopied","COPY_FEEDBACK_DURATION","buildCopyItem","label","icon","isDone","CheckIcon","ContentCopyIcon","rowJson","getRowJson","selectedRowsJson","getSelectedRowsJson","selectedCount","rowLinkHref","openInNewTab","items","defaultItems","LinkIcon","OpenInNewIcon","extraItems","resolvedRowOptions","option","hasRowOptions","useEffect","isCancelled","available","allowedRowOptions","menuRows","itemRows","needsDivider","index","isRowNavigable","row","firstNavigableIndex","useLayoutEffect","width","height","margin","CELL_CONTEXT_MENU_VIEWPORT_MARGIN","offset","CELL_CONTEXT_MENU_CURSOR_OFFSET","left","top","moveActiveIndex","direction","current","next","step","handlePointerDown","event","handleKeyDown","handleScroll","timeoutId","handleItemClick","createPortal","CELL_CONTEXT_MENU_Z_INDEX","React"],"mappings":"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"}

package/dist/components/data-display/infinite-table/CellContextMenuPortal.es.js

@@ -46,7 +46,7 @@ const fe = async (t) => {
     onClick: y,
     onMouseEnter: () => !o && x(),
     children: [
-      t.icon ? /* @__PURE__ */ c("span", { className: S("flex shrink-0 items-center", t.isDanger ? "text-error-600 dark:text-error-400" : "text-neutral-500 dark:text-black-300"), children: t.icon }) : null,
+      t.icon ? /* @__PURE__ */ c("span", { className: S("flex shrink-0 items-center", t.isDanger ? "text-error-600 dark:text-error-400" : "text-neutral-900 dark:text-white"), children: t.icon }) : null,
       /* @__PURE__ */ c("span", { className: "flex-1 truncate", children: t.label }),
       t.shortcut ? /* @__PURE__ */ c("span", { className: "shrink-0 text-xs text-neutral-400 dark:text-black-300", children: t.shortcut }) : null
     ]

package/dist/components/data-display/infinite-table/CellContextMenuPortal.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellContextMenuPortal.es.js","sources":["../../../../src/components/data-display/infinite-table/CellContextMenuPortal.tsx"],"sourcesContent":["import { useTableConfig } from '../../../providers/design-system-provider/hooks';\nimport { CheckIcon, ContentCopyIcon, LinkIcon, OpenInNewIcon } from '../../icon';\nimport type {\n  ICellContextMenuConfig,\n  ICellContextMenuContext,\n  ICellContextMenuItem,\n  ICellContextMenuState,\n  IColumn,\n  IRowLinkConfig,\n} from './types';\nimport { getRowJson, getSelectedRowsJson } from './copy-text';\nimport cn from 'classnames';\nimport React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport {\n  CELL_CONTEXT_MENU_CURSOR_OFFSET,\n  COPY_FEEDBACK_DURATION,\n  CELL_CONTEXT_MENU_VIEWPORT_MARGIN,\n  CELL_CONTEXT_MENU_Z_INDEX,\n} from './constants';\n\ntype TRowOption = { key: string; label: React.ReactNode; isVisible?: boolean };\n\n/** Result of the per-row availability check for row actions. */\ntype TRowOptionsFilter =\n  | { status: 'off' }\n  | { status: 'loading' }\n  | { status: 'ready'; available: Record<string, boolean> }\n  | { status: 'failed' };\n\n/** One rendered menu line: a declared item, a row-action node supplied by the table, or the row-action placeholder. */\ntype TMenuRow =\n  | { kind: 'item'; key: string; item: ICellContextMenuItem }\n  | { kind: 'node'; key: string; node: React.ReactNode; withDividerBefore?: boolean }\n  | { kind: 'skeleton'; key: string; withDividerBefore?: boolean };\n\ninterface CellContextMenuPortalProps {\n  state: ICellContextMenuState | null;\n  config?: ICellContextMenuConfig | null;\n  /** The table's row actions, appended to the menu — same list the three-dot cell renders. */\n  rowOptions?: TRowOption[] | ((rowData: Record<string, unknown>) => TRowOption[] | null) | null;\n  /** Per-row availability check for `rowOptions`, mirroring the three-dot cell so both menus agree. */\n  asyncRowOptionsFilter?: ((rowId: string) => Promise<Record<string, boolean>>) | null;\n  /** Checked row ids, enabling the \"Copy selected rows\" item. */\n  checkedIds?: (string | number)[];\n  /** Table rows, used to build the text for selected rows that are scrolled out of view. */\n  rows?: Record<string, unknown>[];\n  /** Visible columns in display order, used to order the copied values. */\n  columns?: IColumn[];\n  /** The table's row link, enabling the \"Copy Link\" / \"Open in New Tab\" items. */\n  rowLinkConfig?: IRowLinkConfig | null;\n  onClose: () => void;\n}\n\n/** Clipboard write with a fallback for browsers / insecure contexts without the async clipboard API. */\nconst writeToClipboard = async (text: string): Promise<boolean> => {\n  try {\n    if (navigator?.clipboard?.writeText) {\n      await navigator.clipboard.writeText(text);\n      return true;\n    }\n  } catch {\n    // fall through to the textarea fallback\n  }\n\n  try {\n    const textarea = document.createElement('textarea');\n    textarea.value = text;\n    textarea.setAttribute('readonly', '');\n    textarea.style.position = 'fixed';\n    textarea.style.opacity = '0';\n    document.body.appendChild(textarea);\n    textarea.select();\n    const copied = document.execCommand('copy');\n    document.body.removeChild(textarea);\n    return copied;\n  } catch {\n    return false;\n  }\n};\n\n/** `linkTo` returns a router path; the clipboard and a new tab both need a full URL. */\nconst toAbsoluteUrl = (path: string): string => {\n  if (!path) return '';\n\n  try {\n    return new URL(path, window.location.href).href;\n  } catch {\n    return '';\n  }\n};\n\nconst resolveFlag = (\n  flag: boolean | ((context: ICellContextMenuContext) => boolean) | undefined,\n  context: ICellContextMenuContext,\n  fallback: boolean,\n): boolean => {\n  if (flag === undefined) return fallback;\n  return typeof flag === 'function' ? flag(context) : flag;\n};\n\nconst MenuItemButton: React.FC<{\n  item: ICellContextMenuItem;\n  isDisabled: boolean;\n  isActive: boolean;\n  onSelect: () => void;\n  onHover: () => void;\n}> = ({ item, isDisabled, isActive, onSelect, onHover }) => (\n  <button\n    type='button'\n    role='menuitem'\n    data-menu-item\n    disabled={isDisabled}\n    aria-disabled={isDisabled}\n    tabIndex={isActive ? 0 : -1}\n    className={cn(\n      'flex w-full items-center gap-3 px-3 py-2 text-sm font-medium text-left outline-none',\n      isDisabled\n        ? 'opacity-50 cursor-not-allowed'\n        : cn(\n            'cursor-pointer',\n            item.isDanger\n              ? 'text-error-600 dark:text-error-400 hover:bg-error-50 dark:hover:bg-error-950 focus-visible:bg-error-50 dark:focus-visible:bg-error-950'\n              : 'text-neutral-900 dark:text-white hover:bg-neutral-100 dark:hover:bg-black-600 focus-visible:bg-neutral-100 dark:focus-visible:bg-black-600',\n          ),\n    )}\n    onClick={onSelect}\n    onMouseEnter={() => !isDisabled && onHover()}\n  >\n    {item.icon ? (\n      <span className={cn('flex shrink-0 items-center', item.isDanger ? 'text-error-600 dark:text-error-400' : 'text-neutral-500 dark:text-black-300')}>\n        {item.icon}\n      </span>\n    ) : null}\n    <span className='flex-1 truncate'>{item.label}</span>\n    {item.shortcut ? <span className='shrink-0 text-xs text-neutral-400 dark:text-black-300'>{item.shortcut}</span> : null}\n  </button>\n);\n\n/**\n * Right-click menu for data cells. Rendered once per table and positioned at the\n * cursor; `DataCell` opens it through `openCellContextMenu` on the table context.\n */\nexport const CellContextMenuPortal: React.FC<CellContextMenuPortalProps> = ({\n  state, config, rowOptions, asyncRowOptionsFilter, checkedIds, rows, columns, rowLinkConfig, onClose,\n}) => {\n  const tableConfig = useTableConfig();\n  const t = useMemo(() => tableConfig?.t ?? ((key: string) => key), [tableConfig]);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const [position, setPosition] = useState<{ left: number; top: number } | null>(null);\n  const [activeIndex, setActiveIndex] = useState(-1);\n  const [copyState, setCopyState] = useState<{ key: string; isCopied: boolean } | null>(null);\n  const [rowOptionsFilter, setRowOptionsFilter] = useState<TRowOptionsFilter>({ status: 'off' });\n  const closeTimer = useRef<ReturnType<typeof setTimeout>>();\n\n  const context = useMemo<ICellContextMenuContext | null>(\n    () => (state ? { ...state.target, close: onClose } : null),\n    [state, onClose],\n  );\n\n  const handleCopy = useCallback(\n    async (key: string, text: string, menuContext: ICellContextMenuContext) => {\n      if (copyState) return;\n\n      const isCopied = await writeToClipboard(text);\n\n      if (isCopied) {\n        config?.onCopy?.(text, menuContext);\n        tableConfig?.showNotification?.('success', t('Copied to clipboard'));\n      } else {\n        tableConfig?.showNotification?.('error', t('Could not copy to clipboard'));\n      }\n\n      // Confirmed inline instead of with a toast, so the menu owns its own feedback.\n      setCopyState({ key, isCopied });\n      closeTimer.current = setTimeout(() => onClose(), COPY_FEEDBACK_DURATION);\n    },\n    [config, tableConfig, t, onClose, copyState],\n  );\n\n  const buildCopyItem = useCallback(\n    (key: string, label: string, text: string, icon?: React.ReactNode): ICellContextMenuItem => {\n      const isDone = copyState?.key === key;\n\n      return {\n        key,\n        label: !isDone ? label : copyState?.isCopied ? t('Copied') : t('Copy failed'),\n        icon:\n          isDone && copyState?.isCopied ? (\n            <CheckIcon size={16} className='text-success-600 dark:text-success-400' />\n          ) : (\n            icon ?? <ContentCopyIcon size={16} />\n          ),\n        isDisabled: !text,\n        keepOpenOnClick: true,\n        onClick: (menuContext) => handleCopy(key, text, menuContext),\n      };\n    },\n    [copyState, handleCopy, t],\n  );\n\n  const rowJson = useMemo(() => getRowJson(state?.target.rowData, columns), [state?.target.rowData, columns]);\n  // Only while the menu is open — otherwise every checkbox tick would serialize the selection.\n  const selectedRowsJson = useMemo(() => (state ? getSelectedRowsJson(rows, columns, checkedIds) : ''), [state, rows, columns, checkedIds]);\n  const selectedCount = checkedIds?.length ?? 0;\n\n  /** The row link as an absolute URL — empty unless the table opted in, and never on a cell that opts out of the row link. */\n  const rowLinkHref = useMemo(() => {\n    if (!state || !rowLinkConfig?.isEnabled || !rowLinkConfig.linkTo || state.target.column?.disableRowClick) return '';\n\n    return toAbsoluteUrl(rowLinkConfig.linkTo(String(state.target.rowId), state.target.rowData));\n  }, [state, rowLinkConfig]);\n\n  const openInNewTab = useCallback(() => {\n    if (rowLinkHref) window.open(rowLinkHref, '_blank', 'noopener,noreferrer');\n  }, [rowLinkHref]);\n\n  const items = useMemo<ICellContextMenuItem[]>(() => {\n    if (!context) return [];\n\n    const defaultItems: ICellContextMenuItem[] = config?.hideDefaultItems\n      ? []\n      : [\n          buildCopyItem('copy-cell', config?.copyLabel ?? t('Copy Cell'), context.text),\n          buildCopyItem('copy-row', t('Copy Row'), rowJson),\n          ...(selectedCount > 0\n            ? [\n                buildCopyItem(\n                  'copy-selected-rows',\n                  selectedCount === 1 ? t('Copy Selected Row') : `${t('Copy Selected Rows')} (${selectedCount})`,\n                  selectedRowsJson,\n                ),\n              ]\n            : []),\n          ...(rowLinkHref && !config?.hideLinkItems\n            ? [\n                {\n                  ...buildCopyItem('copy-link', t('Copy Link'), rowLinkHref, <LinkIcon size={16} />),\n                  withDividerBefore: true,\n                },\n                {\n                  key: 'open-in-new-tab',\n                  label: t('Open in New Tab'),\n                  icon: <OpenInNewIcon size={16} />,\n                  onClick: openInNewTab,\n                },\n              ]\n            : []),\n        ];\n\n    const extraItems = typeof config?.items === 'function' ? config.items(context) : config?.items ?? [];\n\n    return [...defaultItems, ...extraItems].filter((item) => resolveFlag(item.isVisible, context, true));\n  }, [config, context, buildCopyItem, selectedCount, rowJson, selectedRowsJson, rowLinkHref, openInNewTab, t]);\n\n  /** The table's own row actions, resolved for the right-clicked row. */\n  const resolvedRowOptions = useMemo<TRowOption[]>(() => {\n    if (!state || config?.includeRowOptions === false || !rowOptions) return [];\n\n    const list = typeof rowOptions === 'function' ? rowOptions(state.target.rowData) : rowOptions;\n\n    return (list ?? []).filter((option) => option.isVisible !== false);\n  }, [state, rowOptions, config?.includeRowOptions]);\n\n  const hasRowOptions = resolvedRowOptions.length > 0;\n\n  /** Row actions can be gated per row by the API — ask before showing them, exactly as the three-dot cell does. */\n  useEffect(() => {\n    if (!state || !hasRowOptions || !asyncRowOptionsFilter) {\n      setRowOptionsFilter({ status: 'off' });\n      return;\n    }\n\n    let isCancelled = false;\n    setRowOptionsFilter({ status: 'loading' });\n\n    asyncRowOptionsFilter(String(state.target.rowId))\n      .then((available) => !isCancelled && setRowOptionsFilter({ status: 'ready', available }))\n      .catch(() => !isCancelled && setRowOptionsFilter({ status: 'failed' }));\n\n    return () => {\n      isCancelled = true;\n    };\n  }, [state, hasRowOptions, asyncRowOptionsFilter]);\n\n  const allowedRowOptions = useMemo<TRowOption[]>(() => {\n    if (rowOptionsFilter.status === 'off') return resolvedRowOptions;\n    if (rowOptionsFilter.status !== 'ready') return [];\n\n    const { available } = rowOptionsFilter;\n\n    return resolvedRowOptions.filter((option) => available[option.key] ?? true);\n  }, [resolvedRowOptions, rowOptionsFilter]);\n\n  const menuRows = useMemo<TMenuRow[]>(() => {\n    const itemRows: TMenuRow[] = items.map((item) => ({ kind: 'item', key: item.key, item }));\n    const needsDivider = itemRows.length > 0;\n\n    if (rowOptionsFilter.status === 'loading') {\n      return [...itemRows, { kind: 'skeleton', key: 'row-options-loading', withDividerBefore: needsDivider }];\n    }\n\n    return [\n      ...itemRows,\n      ...allowedRowOptions.map<TMenuRow>((option, index) => ({\n        kind: 'node',\n        key: `row-option-${option.key}`,\n        node: option.label,\n        withDividerBefore: needsDivider && index === 0,\n      })),\n    ];\n  }, [items, allowedRowOptions, rowOptionsFilter.status]);\n\n  const isRowNavigable = useCallback(\n    (row: TMenuRow): boolean => (row.kind === 'item' ? !(context && resolveFlag(row.item.isDisabled, context, false)) : row.kind === 'node'),\n    [context],\n  );\n\n  const firstNavigableIndex = useMemo(() => menuRows.findIndex(isRowNavigable), [menuRows, isRowNavigable]);\n\n  /** Clamp into the viewport once the menu has been measured; row actions can arrive after the first paint. */\n  useLayoutEffect(() => {\n    if (!state || !menuRef.current) {\n      setPosition(null);\n      return;\n    }\n\n    const { width, height } = menuRef.current.getBoundingClientRect();\n    const margin = CELL_CONTEXT_MENU_VIEWPORT_MARGIN;\n    const offset = CELL_CONTEXT_MENU_CURSOR_OFFSET;\n\n    // Flip to the other side of the cursor when there is no room, then clamp.\n    const left = state.x + width + margin > window.innerWidth ? state.x - width - offset : state.x + offset;\n    const top = state.y + height + margin > window.innerHeight ? state.y - height - offset : state.y + offset;\n\n    setPosition({\n      left: Math.max(margin, Math.min(left, window.innerWidth - width - margin)),\n      top: Math.max(margin, Math.min(top, window.innerHeight - height - margin)),\n    });\n  }, [state, menuRows.length]);\n\n  useEffect(() => {\n    setCopyState(null);\n    return () => clearTimeout(closeTimer.current);\n  }, [state]);\n\n  useEffect(() => {\n    if (!state) {\n      setActiveIndex(-1);\n      return;\n    }\n    setActiveIndex(firstNavigableIndex);\n  }, [state, firstNavigableIndex]);\n\n  /** Focus follows the active row so the menu is keyboard operable; row actions bring their own button. */\n  useEffect(() => {\n    if (!state || activeIndex < 0) return;\n\n    const row = menuRef.current?.querySelectorAll<HTMLElement>('[data-menu-item]')[activeIndex];\n    const focusTarget = row?.matches('button') ? row : row?.querySelector('button') ?? row;\n\n    // preventScroll: a focus-driven scroll would immediately close the menu.\n    focusTarget?.focus({ preventScroll: true });\n  }, [state, activeIndex]);\n\n  const moveActiveIndex = useCallback(\n    (direction: 1 | -1) => {\n      if (menuRows.length === 0) return;\n      setActiveIndex((current) => {\n        let next = current;\n        for (let step = 0; step < menuRows.length; step += 1) {\n          next = (next + direction + menuRows.length) % menuRows.length;\n          if (isRowNavigable(menuRows[next])) return next;\n        }\n        return current;\n      });\n    },\n    [menuRows, isRowNavigable],\n  );\n\n  useEffect(() => {\n    if (!state) return;\n\n    const handlePointerDown = (event: MouseEvent | TouchEvent) => {\n      if (menuRef.current && !menuRef.current.contains(event.target as Node)) onClose();\n    };\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.stopPropagation();\n        onClose();\n        return;\n      }\n      if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        event.preventDefault();\n        moveActiveIndex(event.key === 'ArrowDown' ? 1 : -1);\n      }\n    };\n    // Any scroll (table viewport included) detaches the menu from its cell, so close it.\n    const handleScroll = () => onClose();\n\n    // Deferred so the right click that opened the menu does not immediately close it.\n    const timeoutId = setTimeout(() => {\n      document.addEventListener('mousedown', handlePointerDown);\n      document.addEventListener('touchstart', handlePointerDown);\n      document.addEventListener('keydown', handleKeyDown);\n      document.addEventListener('scroll', handleScroll, true);\n      window.addEventListener('resize', handleScroll);\n    }, 0);\n\n    return () => {\n      clearTimeout(timeoutId);\n      document.removeEventListener('mousedown', handlePointerDown);\n      document.removeEventListener('touchstart', handlePointerDown);\n      document.removeEventListener('keydown', handleKeyDown);\n      document.removeEventListener('scroll', handleScroll, true);\n      window.removeEventListener('resize', handleScroll);\n    };\n  }, [state, onClose, moveActiveIndex]);\n\n  if (!state || !context || menuRows.length === 0) return null;\n\n  if (tableConfig?.renderCellContextMenu) {\n    return tableConfig.renderCellContextMenu({ state, context, items, rowOptions: allowedRowOptions, onClose }) as JSX.Element;\n  }\n\n  const handleItemClick = async (item: ICellContextMenuItem): Promise<void> => {\n    if (resolveFlag(item.isDisabled, context, false)) return;\n    if (!item.keepOpenOnClick) onClose();\n    await item.onClick?.(context);\n  };\n\n  return createPortal(\n    <div\n      ref={menuRef}\n      role='menu'\n      aria-label={t('Cell actions')}\n      data-testid='cell-context-menu'\n      className={cn(\n        'fixed min-w-[180px] max-w-[280px] py-1 rounded-lg font-inter',\n        'bg-white dark:bg-black-700',\n        'border border-neutral-200 dark:border-black-600',\n        'shadow-lg dark:shadow-black/40',\n        config?.className,\n      )}\n      style={{\n        left: position?.left ?? state.x,\n        top: position?.top ?? state.y,\n        zIndex: CELL_CONTEXT_MENU_Z_INDEX,\n        // Hidden until measured so the flip/clamp never flashes at the wrong spot.\n        visibility: position ? 'visible' : 'hidden',\n      }}\n      onContextMenu={(event) => event.preventDefault()}\n    >\n      {menuRows.map((row, index) => (\n        <React.Fragment key={row.key}>\n          {(row.kind === 'item' ? row.item.withDividerBefore && index > 0 : row.withDividerBefore) ? (\n            <div className='my-1 h-px bg-neutral-200 dark:bg-black-600' />\n          ) : null}\n          {row.kind === 'item' ? (\n            <MenuItemButton\n              item={row.item}\n              isDisabled={resolveFlag(row.item.isDisabled, context, false)}\n              isActive={index === activeIndex}\n              onSelect={() => void handleItemClick(row.item)}\n              onHover={() => setActiveIndex(index)}\n            />\n          ) : row.kind === 'skeleton' ? (\n            <div className='px-3 py-2' data-testid='cell-context-menu-loading'>\n              <div className='h-3.5 w-full animate-pulse rounded bg-neutral-200 dark:bg-black-600' />\n            </div>\n          ) : (\n            /* Row actions are rendered as the table supplied them — they carry their own button and handler. */\n            <div data-menu-item tabIndex={-1} className='outline-none [&_button]:w-full' onClick={onClose} onMouseEnter={() => setActiveIndex(index)}>\n              {row.node}\n            </div>\n          )}\n        </React.Fragment>\n      ))}\n    </div>,\n    document.body,\n  );\n};\n"],"names":["writeToClipboard","text","textarea","copied","toAbsoluteUrl","path","resolveFlag","flag","context","fallback","MenuItemButton","item","isDisabled","isActive","onSelect","onHover","jsxs","cn","jsx","CellContextMenuPortal","state","config","rowOptions","asyncRowOptionsFilter","checkedIds","rows","columns","rowLinkConfig","onClose","tableConfig","useTableConfig","t","useMemo","key","menuRef","useRef","position","setPosition","useState","activeIndex","setActiveIndex","copyState","setCopyState","rowOptionsFilter","setRowOptionsFilter","closeTimer","handleCopy","useCallback","menuContext","isCopied","COPY_FEEDBACK_DURATION","buildCopyItem","label","icon","isDone","CheckIcon","ContentCopyIcon","rowJson","getRowJson","selectedRowsJson","getSelectedRowsJson","selectedCount","rowLinkHref","openInNewTab","items","defaultItems","LinkIcon","OpenInNewIcon","extraItems","resolvedRowOptions","option","hasRowOptions","useEffect","isCancelled","available","allowedRowOptions","menuRows","itemRows","needsDivider","index","isRowNavigable","row","firstNavigableIndex","useLayoutEffect","width","height","margin","CELL_CONTEXT_MENU_VIEWPORT_MARGIN","offset","CELL_CONTEXT_MENU_CURSOR_OFFSET","left","top","moveActiveIndex","direction","current","next","step","handlePointerDown","event","handleKeyDown","handleScroll","timeoutId","handleItemClick","createPortal","CELL_CONTEXT_MENU_Z_INDEX","React"],"mappings":"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"}
+{"version":3,"file":"CellContextMenuPortal.es.js","sources":["../../../../src/components/data-display/infinite-table/CellContextMenuPortal.tsx"],"sourcesContent":["import { useTableConfig } from '../../../providers/design-system-provider/hooks';\nimport { CheckIcon, ContentCopyIcon, LinkIcon, OpenInNewIcon } from '../../icon';\nimport type {\n  ICellContextMenuConfig,\n  ICellContextMenuContext,\n  ICellContextMenuItem,\n  ICellContextMenuState,\n  IColumn,\n  IRowLinkConfig,\n} from './types';\nimport { getRowJson, getSelectedRowsJson } from './copy-text';\nimport cn from 'classnames';\nimport React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport {\n  CELL_CONTEXT_MENU_CURSOR_OFFSET,\n  COPY_FEEDBACK_DURATION,\n  CELL_CONTEXT_MENU_VIEWPORT_MARGIN,\n  CELL_CONTEXT_MENU_Z_INDEX,\n} from './constants';\n\ntype TRowOption = { key: string; label: React.ReactNode; isVisible?: boolean };\n\n/** Result of the per-row availability check for row actions. */\ntype TRowOptionsFilter =\n  | { status: 'off' }\n  | { status: 'loading' }\n  | { status: 'ready'; available: Record<string, boolean> }\n  | { status: 'failed' };\n\n/** One rendered menu line: a declared item, a row-action node supplied by the table, or the row-action placeholder. */\ntype TMenuRow =\n  | { kind: 'item'; key: string; item: ICellContextMenuItem }\n  | { kind: 'node'; key: string; node: React.ReactNode; withDividerBefore?: boolean }\n  | { kind: 'skeleton'; key: string; withDividerBefore?: boolean };\n\ninterface CellContextMenuPortalProps {\n  state: ICellContextMenuState | null;\n  config?: ICellContextMenuConfig | null;\n  /** The table's row actions, appended to the menu — same list the three-dot cell renders. */\n  rowOptions?: TRowOption[] | ((rowData: Record<string, unknown>) => TRowOption[] | null) | null;\n  /** Per-row availability check for `rowOptions`, mirroring the three-dot cell so both menus agree. */\n  asyncRowOptionsFilter?: ((rowId: string) => Promise<Record<string, boolean>>) | null;\n  /** Checked row ids, enabling the \"Copy selected rows\" item. */\n  checkedIds?: (string | number)[];\n  /** Table rows, used to build the text for selected rows that are scrolled out of view. */\n  rows?: Record<string, unknown>[];\n  /** Visible columns in display order, used to order the copied values. */\n  columns?: IColumn[];\n  /** The table's row link, enabling the \"Copy Link\" / \"Open in New Tab\" items. */\n  rowLinkConfig?: IRowLinkConfig | null;\n  onClose: () => void;\n}\n\n/** Clipboard write with a fallback for browsers / insecure contexts without the async clipboard API. */\nconst writeToClipboard = async (text: string): Promise<boolean> => {\n  try {\n    if (navigator?.clipboard?.writeText) {\n      await navigator.clipboard.writeText(text);\n      return true;\n    }\n  } catch {\n    // fall through to the textarea fallback\n  }\n\n  try {\n    const textarea = document.createElement('textarea');\n    textarea.value = text;\n    textarea.setAttribute('readonly', '');\n    textarea.style.position = 'fixed';\n    textarea.style.opacity = '0';\n    document.body.appendChild(textarea);\n    textarea.select();\n    const copied = document.execCommand('copy');\n    document.body.removeChild(textarea);\n    return copied;\n  } catch {\n    return false;\n  }\n};\n\n/** `linkTo` returns a router path; the clipboard and a new tab both need a full URL. */\nconst toAbsoluteUrl = (path: string): string => {\n  if (!path) return '';\n\n  try {\n    return new URL(path, window.location.href).href;\n  } catch {\n    return '';\n  }\n};\n\nconst resolveFlag = (\n  flag: boolean | ((context: ICellContextMenuContext) => boolean) | undefined,\n  context: ICellContextMenuContext,\n  fallback: boolean,\n): boolean => {\n  if (flag === undefined) return fallback;\n  return typeof flag === 'function' ? flag(context) : flag;\n};\n\nconst MenuItemButton: React.FC<{\n  item: ICellContextMenuItem;\n  isDisabled: boolean;\n  isActive: boolean;\n  onSelect: () => void;\n  onHover: () => void;\n}> = ({ item, isDisabled, isActive, onSelect, onHover }) => (\n  <button\n    type='button'\n    role='menuitem'\n    data-menu-item\n    disabled={isDisabled}\n    aria-disabled={isDisabled}\n    tabIndex={isActive ? 0 : -1}\n    className={cn(\n      'flex w-full items-center gap-3 px-3 py-2 text-sm font-medium text-left outline-none',\n      isDisabled\n        ? 'opacity-50 cursor-not-allowed'\n        : cn(\n            'cursor-pointer',\n            item.isDanger\n              ? 'text-error-600 dark:text-error-400 hover:bg-error-50 dark:hover:bg-error-950 focus-visible:bg-error-50 dark:focus-visible:bg-error-950'\n              : 'text-neutral-900 dark:text-white hover:bg-neutral-100 dark:hover:bg-black-600 focus-visible:bg-neutral-100 dark:focus-visible:bg-black-600',\n          ),\n    )}\n    onClick={onSelect}\n    onMouseEnter={() => !isDisabled && onHover()}\n  >\n    {item.icon ? (\n      <span className={cn('flex shrink-0 items-center', item.isDanger ? 'text-error-600 dark:text-error-400' : 'text-neutral-900 dark:text-white')}>\n        {item.icon}\n      </span>\n    ) : null}\n    <span className='flex-1 truncate'>{item.label}</span>\n    {item.shortcut ? <span className='shrink-0 text-xs text-neutral-400 dark:text-black-300'>{item.shortcut}</span> : null}\n  </button>\n);\n\n/**\n * Right-click menu for data cells. Rendered once per table and positioned at the\n * cursor; `DataCell` opens it through `openCellContextMenu` on the table context.\n */\nexport const CellContextMenuPortal: React.FC<CellContextMenuPortalProps> = ({\n  state, config, rowOptions, asyncRowOptionsFilter, checkedIds, rows, columns, rowLinkConfig, onClose,\n}) => {\n  const tableConfig = useTableConfig();\n  const t = useMemo(() => tableConfig?.t ?? ((key: string) => key), [tableConfig]);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const [position, setPosition] = useState<{ left: number; top: number } | null>(null);\n  const [activeIndex, setActiveIndex] = useState(-1);\n  const [copyState, setCopyState] = useState<{ key: string; isCopied: boolean } | null>(null);\n  const [rowOptionsFilter, setRowOptionsFilter] = useState<TRowOptionsFilter>({ status: 'off' });\n  const closeTimer = useRef<ReturnType<typeof setTimeout>>();\n\n  const context = useMemo<ICellContextMenuContext | null>(\n    () => (state ? { ...state.target, close: onClose } : null),\n    [state, onClose],\n  );\n\n  const handleCopy = useCallback(\n    async (key: string, text: string, menuContext: ICellContextMenuContext) => {\n      if (copyState) return;\n\n      const isCopied = await writeToClipboard(text);\n\n      if (isCopied) {\n        config?.onCopy?.(text, menuContext);\n        tableConfig?.showNotification?.('success', t('Copied to clipboard'));\n      } else {\n        tableConfig?.showNotification?.('error', t('Could not copy to clipboard'));\n      }\n\n      // Confirmed inline instead of with a toast, so the menu owns its own feedback.\n      setCopyState({ key, isCopied });\n      closeTimer.current = setTimeout(() => onClose(), COPY_FEEDBACK_DURATION);\n    },\n    [config, tableConfig, t, onClose, copyState],\n  );\n\n  const buildCopyItem = useCallback(\n    (key: string, label: string, text: string, icon?: React.ReactNode): ICellContextMenuItem => {\n      const isDone = copyState?.key === key;\n\n      return {\n        key,\n        label: !isDone ? label : copyState?.isCopied ? t('Copied') : t('Copy failed'),\n        icon:\n          isDone && copyState?.isCopied ? (\n            <CheckIcon size={16} className='text-success-600 dark:text-success-400' />\n          ) : (\n            icon ?? <ContentCopyIcon size={16} />\n          ),\n        isDisabled: !text,\n        keepOpenOnClick: true,\n        onClick: (menuContext) => handleCopy(key, text, menuContext),\n      };\n    },\n    [copyState, handleCopy, t],\n  );\n\n  const rowJson = useMemo(() => getRowJson(state?.target.rowData, columns), [state?.target.rowData, columns]);\n  // Only while the menu is open — otherwise every checkbox tick would serialize the selection.\n  const selectedRowsJson = useMemo(() => (state ? getSelectedRowsJson(rows, columns, checkedIds) : ''), [state, rows, columns, checkedIds]);\n  const selectedCount = checkedIds?.length ?? 0;\n\n  /** The row link as an absolute URL — empty unless the table opted in, and never on a cell that opts out of the row link. */\n  const rowLinkHref = useMemo(() => {\n    if (!state || !rowLinkConfig?.isEnabled || !rowLinkConfig.linkTo || state.target.column?.disableRowClick) return '';\n\n    return toAbsoluteUrl(rowLinkConfig.linkTo(String(state.target.rowId), state.target.rowData));\n  }, [state, rowLinkConfig]);\n\n  const openInNewTab = useCallback(() => {\n    if (rowLinkHref) window.open(rowLinkHref, '_blank', 'noopener,noreferrer');\n  }, [rowLinkHref]);\n\n  const items = useMemo<ICellContextMenuItem[]>(() => {\n    if (!context) return [];\n\n    const defaultItems: ICellContextMenuItem[] = config?.hideDefaultItems\n      ? []\n      : [\n          buildCopyItem('copy-cell', config?.copyLabel ?? t('Copy Cell'), context.text),\n          buildCopyItem('copy-row', t('Copy Row'), rowJson),\n          ...(selectedCount > 0\n            ? [\n                buildCopyItem(\n                  'copy-selected-rows',\n                  selectedCount === 1 ? t('Copy Selected Row') : `${t('Copy Selected Rows')} (${selectedCount})`,\n                  selectedRowsJson,\n                ),\n              ]\n            : []),\n          ...(rowLinkHref && !config?.hideLinkItems\n            ? [\n                {\n                  ...buildCopyItem('copy-link', t('Copy Link'), rowLinkHref, <LinkIcon size={16} />),\n                  withDividerBefore: true,\n                },\n                {\n                  key: 'open-in-new-tab',\n                  label: t('Open in New Tab'),\n                  icon: <OpenInNewIcon size={16} />,\n                  onClick: openInNewTab,\n                },\n              ]\n            : []),\n        ];\n\n    const extraItems = typeof config?.items === 'function' ? config.items(context) : config?.items ?? [];\n\n    return [...defaultItems, ...extraItems].filter((item) => resolveFlag(item.isVisible, context, true));\n  }, [config, context, buildCopyItem, selectedCount, rowJson, selectedRowsJson, rowLinkHref, openInNewTab, t]);\n\n  /** The table's own row actions, resolved for the right-clicked row. */\n  const resolvedRowOptions = useMemo<TRowOption[]>(() => {\n    if (!state || config?.includeRowOptions === false || !rowOptions) return [];\n\n    const list = typeof rowOptions === 'function' ? rowOptions(state.target.rowData) : rowOptions;\n\n    return (list ?? []).filter((option) => option.isVisible !== false);\n  }, [state, rowOptions, config?.includeRowOptions]);\n\n  const hasRowOptions = resolvedRowOptions.length > 0;\n\n  /** Row actions can be gated per row by the API — ask before showing them, exactly as the three-dot cell does. */\n  useEffect(() => {\n    if (!state || !hasRowOptions || !asyncRowOptionsFilter) {\n      setRowOptionsFilter({ status: 'off' });\n      return;\n    }\n\n    let isCancelled = false;\n    setRowOptionsFilter({ status: 'loading' });\n\n    asyncRowOptionsFilter(String(state.target.rowId))\n      .then((available) => !isCancelled && setRowOptionsFilter({ status: 'ready', available }))\n      .catch(() => !isCancelled && setRowOptionsFilter({ status: 'failed' }));\n\n    return () => {\n      isCancelled = true;\n    };\n  }, [state, hasRowOptions, asyncRowOptionsFilter]);\n\n  const allowedRowOptions = useMemo<TRowOption[]>(() => {\n    if (rowOptionsFilter.status === 'off') return resolvedRowOptions;\n    if (rowOptionsFilter.status !== 'ready') return [];\n\n    const { available } = rowOptionsFilter;\n\n    return resolvedRowOptions.filter((option) => available[option.key] ?? true);\n  }, [resolvedRowOptions, rowOptionsFilter]);\n\n  const menuRows = useMemo<TMenuRow[]>(() => {\n    const itemRows: TMenuRow[] = items.map((item) => ({ kind: 'item', key: item.key, item }));\n    const needsDivider = itemRows.length > 0;\n\n    if (rowOptionsFilter.status === 'loading') {\n      return [...itemRows, { kind: 'skeleton', key: 'row-options-loading', withDividerBefore: needsDivider }];\n    }\n\n    return [\n      ...itemRows,\n      ...allowedRowOptions.map<TMenuRow>((option, index) => ({\n        kind: 'node',\n        key: `row-option-${option.key}`,\n        node: option.label,\n        withDividerBefore: needsDivider && index === 0,\n      })),\n    ];\n  }, [items, allowedRowOptions, rowOptionsFilter.status]);\n\n  const isRowNavigable = useCallback(\n    (row: TMenuRow): boolean => (row.kind === 'item' ? !(context && resolveFlag(row.item.isDisabled, context, false)) : row.kind === 'node'),\n    [context],\n  );\n\n  const firstNavigableIndex = useMemo(() => menuRows.findIndex(isRowNavigable), [menuRows, isRowNavigable]);\n\n  /** Clamp into the viewport once the menu has been measured; row actions can arrive after the first paint. */\n  useLayoutEffect(() => {\n    if (!state || !menuRef.current) {\n      setPosition(null);\n      return;\n    }\n\n    const { width, height } = menuRef.current.getBoundingClientRect();\n    const margin = CELL_CONTEXT_MENU_VIEWPORT_MARGIN;\n    const offset = CELL_CONTEXT_MENU_CURSOR_OFFSET;\n\n    // Flip to the other side of the cursor when there is no room, then clamp.\n    const left = state.x + width + margin > window.innerWidth ? state.x - width - offset : state.x + offset;\n    const top = state.y + height + margin > window.innerHeight ? state.y - height - offset : state.y + offset;\n\n    setPosition({\n      left: Math.max(margin, Math.min(left, window.innerWidth - width - margin)),\n      top: Math.max(margin, Math.min(top, window.innerHeight - height - margin)),\n    });\n  }, [state, menuRows.length]);\n\n  useEffect(() => {\n    setCopyState(null);\n    return () => clearTimeout(closeTimer.current);\n  }, [state]);\n\n  useEffect(() => {\n    if (!state) {\n      setActiveIndex(-1);\n      return;\n    }\n    setActiveIndex(firstNavigableIndex);\n  }, [state, firstNavigableIndex]);\n\n  /** Focus follows the active row so the menu is keyboard operable; row actions bring their own button. */\n  useEffect(() => {\n    if (!state || activeIndex < 0) return;\n\n    const row = menuRef.current?.querySelectorAll<HTMLElement>('[data-menu-item]')[activeIndex];\n    const focusTarget = row?.matches('button') ? row : row?.querySelector('button') ?? row;\n\n    // preventScroll: a focus-driven scroll would immediately close the menu.\n    focusTarget?.focus({ preventScroll: true });\n  }, [state, activeIndex]);\n\n  const moveActiveIndex = useCallback(\n    (direction: 1 | -1) => {\n      if (menuRows.length === 0) return;\n      setActiveIndex((current) => {\n        let next = current;\n        for (let step = 0; step < menuRows.length; step += 1) {\n          next = (next + direction + menuRows.length) % menuRows.length;\n          if (isRowNavigable(menuRows[next])) return next;\n        }\n        return current;\n      });\n    },\n    [menuRows, isRowNavigable],\n  );\n\n  useEffect(() => {\n    if (!state) return;\n\n    const handlePointerDown = (event: MouseEvent | TouchEvent) => {\n      if (menuRef.current && !menuRef.current.contains(event.target as Node)) onClose();\n    };\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.stopPropagation();\n        onClose();\n        return;\n      }\n      if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        event.preventDefault();\n        moveActiveIndex(event.key === 'ArrowDown' ? 1 : -1);\n      }\n    };\n    // Any scroll (table viewport included) detaches the menu from its cell, so close it.\n    const handleScroll = () => onClose();\n\n    // Deferred so the right click that opened the menu does not immediately close it.\n    const timeoutId = setTimeout(() => {\n      document.addEventListener('mousedown', handlePointerDown);\n      document.addEventListener('touchstart', handlePointerDown);\n      document.addEventListener('keydown', handleKeyDown);\n      document.addEventListener('scroll', handleScroll, true);\n      window.addEventListener('resize', handleScroll);\n    }, 0);\n\n    return () => {\n      clearTimeout(timeoutId);\n      document.removeEventListener('mousedown', handlePointerDown);\n      document.removeEventListener('touchstart', handlePointerDown);\n      document.removeEventListener('keydown', handleKeyDown);\n      document.removeEventListener('scroll', handleScroll, true);\n      window.removeEventListener('resize', handleScroll);\n    };\n  }, [state, onClose, moveActiveIndex]);\n\n  if (!state || !context || menuRows.length === 0) return null;\n\n  if (tableConfig?.renderCellContextMenu) {\n    return tableConfig.renderCellContextMenu({ state, context, items, rowOptions: allowedRowOptions, onClose }) as JSX.Element;\n  }\n\n  const handleItemClick = async (item: ICellContextMenuItem): Promise<void> => {\n    if (resolveFlag(item.isDisabled, context, false)) return;\n    if (!item.keepOpenOnClick) onClose();\n    await item.onClick?.(context);\n  };\n\n  return createPortal(\n    <div\n      ref={menuRef}\n      role='menu'\n      aria-label={t('Cell actions')}\n      data-testid='cell-context-menu'\n      className={cn(\n        'fixed min-w-[180px] max-w-[280px] py-1 rounded-lg font-inter',\n        'bg-white dark:bg-black-700',\n        'border border-neutral-200 dark:border-black-600',\n        'shadow-lg dark:shadow-black/40',\n        config?.className,\n      )}\n      style={{\n        left: position?.left ?? state.x,\n        top: position?.top ?? state.y,\n        zIndex: CELL_CONTEXT_MENU_Z_INDEX,\n        // Hidden until measured so the flip/clamp never flashes at the wrong spot.\n        visibility: position ? 'visible' : 'hidden',\n      }}\n      onContextMenu={(event) => event.preventDefault()}\n    >\n      {menuRows.map((row, index) => (\n        <React.Fragment key={row.key}>\n          {(row.kind === 'item' ? row.item.withDividerBefore && index > 0 : row.withDividerBefore) ? (\n            <div className='my-1 h-px bg-neutral-200 dark:bg-black-600' />\n          ) : null}\n          {row.kind === 'item' ? (\n            <MenuItemButton\n              item={row.item}\n              isDisabled={resolveFlag(row.item.isDisabled, context, false)}\n              isActive={index === activeIndex}\n              onSelect={() => void handleItemClick(row.item)}\n              onHover={() => setActiveIndex(index)}\n            />\n          ) : row.kind === 'skeleton' ? (\n            <div className='px-3 py-2' data-testid='cell-context-menu-loading'>\n              <div className='h-3.5 w-full animate-pulse rounded bg-neutral-200 dark:bg-black-600' />\n            </div>\n          ) : (\n            /* Row actions are rendered as the table supplied them — they carry their own button and handler. */\n            <div data-menu-item tabIndex={-1} className='outline-none [&_button]:w-full' onClick={onClose} onMouseEnter={() => setActiveIndex(index)}>\n              {row.node}\n            </div>\n          )}\n        </React.Fragment>\n      ))}\n    </div>,\n    document.body,\n  );\n};\n"],"names":["writeToClipboard","text","textarea","copied","toAbsoluteUrl","path","resolveFlag","flag","context","fallback","MenuItemButton","item","isDisabled","isActive","onSelect","onHover","jsxs","cn","jsx","CellContextMenuPortal","state","config","rowOptions","asyncRowOptionsFilter","checkedIds","rows","columns","rowLinkConfig","onClose","tableConfig","useTableConfig","t","useMemo","key","menuRef","useRef","position","setPosition","useState","activeIndex","setActiveIndex","copyState","setCopyState","rowOptionsFilter","setRowOptionsFilter","closeTimer","handleCopy","useCallback","menuContext","isCopied","COPY_FEEDBACK_DURATION","buildCopyItem","label","icon","isDone","CheckIcon","ContentCopyIcon","rowJson","getRowJson","selectedRowsJson","getSelectedRowsJson","selectedCount","rowLinkHref","openInNewTab","items","defaultItems","LinkIcon","OpenInNewIcon","extraItems","resolvedRowOptions","option","hasRowOptions","useEffect","isCancelled","available","allowedRowOptions","menuRows","itemRows","needsDivider","index","isRowNavigable","row","firstNavigableIndex","useLayoutEffect","width","height","margin","CELL_CONTEXT_MENU_VIEWPORT_MARGIN","offset","CELL_CONTEXT_MENU_CURSOR_OFFSET","left","top","moveActiveIndex","direction","current","next","step","handlePointerDown","event","handleKeyDown","handleScroll","timeoutId","handleItemClick","createPortal","CELL_CONTEXT_MENU_Z_INDEX","React"],"mappings":"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"}

package/dist/components/data-display/infinite-table/head/cell/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),A=require("../../../../../providers/design-system-provider/hooks.cjs.js"),L=require("../../../datatype-icon/DataTypeIcon.cjs.js"),l=require("../../../../tooltip/Tooltip.cjs.js"),n=require("@mui/icons-material"),y=require("../../../../../_virtual/index.cjs.js"),u=require("react"),W=require("../../context.cjs.js"),_=require("./Options.cjs.js"),B=require("./Prefix.cjs.js"),E=require("./Resizer.cjs.js"),V=require("../../constants.cjs.js"),H=({headerGroup:f,headerIndex:o,showHeaderOptions:d,column:e,isShowSortArrowAsc:k,isShowSortArrowDesc:C,onSort:c,onFilter:g,toggleHeaderOption:x,setIsShowSortArrowAsc:m,setIsShowSortArrowDesc:j,setShowHeaderOptions:v,toggleDataFilterModal:w,isColumnConfigurable:N,onAddColumnClick:S,onEditColumnClick:K,onDeleteColumnClick:T,isResizable:q})=>{const t=A.useTableConfig(),p=t?.getPrimaryColor?.()||{},{lastNonStickyColumnIndex:I,setShowHeaderContextOptions:a,showHeaderContextOptions:P,getSumOfNextVisibleColumnWidth:z,handleUpdateColumnWidth:O,multiSelectConfig:b,headerContextOptions:h,showDataTypeIcon:R}=u.useContext(W.TableContext),D=e?.sticky?z?.(o):0,F=I?.(),{selectedColumnIds:i=[]}=b||{},$=y({"border border-primary-600 dark:border-blue-800":i?.includes(e.id),"border-b border-b-primary-300":e?.isPrimaryKey,"border-b border-b-purple-300":e?.isCompositeKey});return r.jsx(u.Fragment,{children:r.jsxs("th",{className:y("bg-white dark:bg-black-700",`${e?.sticky?"sticky left-0 bg-neutral-50 dark:bg-black-700 right-0":"relative"} h-row whitespace-normal max-w-lg ${F===o?"w-full":""} h-full gap-1 cursor-pointer`,!e.static&&!i?.includes(e.id)&&"hover:bg-neutral-200 dark:hover:bg-black-700",{"bg-primary-100 dark:bg-primary-900":i?.includes(e.id)},$),style:{minWidth:`${e.width}px`,maxWidth:`${e.width}px`,right:` ${e?.sticky?`${D}px`:V.CELL_DEFAULT_RIGHT_OFFSET}`},role:"cell",onClick:s=>b?.onTableColumnClick?.(s.nativeEvent,e.id),onContextMenu:s=>{i?.includes(e.id)&&(s.preventDefault(),a?.(e.key))},children:[r.jsxs("div",{className:"flex w-full px-4 gap-2 h-row justify-between items-center",children:[r.jsxs("div",{className:"flex items-center gap-2",children:[r.jsx(B.Prefix,{column:e,isShowSortArrowAsc:k,isShowSortArrowDesc:C}),e?.isCompositeKey?t?.renderKeyIcons?t.renderKeyIcons("composite"):r.jsx(l,{title:"Composite Key",children:r.jsx("span",{className:"flex items-center hover:bg-purple-50 dark:hover:bg-purple-950 rounded-full p-1",children:r.jsx(n.VpnKeyRounded,{sx:{fontSize:14,color:"#BB5DFF"}})})}):e?.isPrimaryKey?t?.renderKeyIcons?t.renderKeyIcons("primary",p?.[400]):r.jsx(l,{title:"Primary Key",children:r.jsx("span",{className:"flex items-center hover:bg-primary-50 dark:hover:bg-dark-blue rounded-full p-1",children:r.jsx(n.VpnKeyRounded,{sx:{fontSize:14,color:p?.[400]||"var(--color-primary-400)"}})})}):null,r.jsx("span",{className:"text-sm font-medium overflow-hidden text-ellipsis whitespace-nowrap",children:e.render("Header")}),e.isSAP&&t?.renderSapLabel?.(),e.is_live_field&&r.jsx(l,{title:"Live Field",children:r.jsx("span",{className:"flex items-center",children:r.jsx(n.BoltOutlined,{sx:{fontSize:14,color:"var(--color-primary-600)"}})})}),!e.static&&e?.sortable&&c&&r.jsx("button",{className:"flex items-center justify-center h-full",children:r.jsx(n.KeyboardArrowDown,{sx:{fontSize:18,color:"#98A2B3",transform:d===e.key?"rotate(180deg)":"none",transition:"transform 0.2s"},onClick:s=>{s.stopPropagation(),e.static||x(e.key)}})})]}),!e.static&&d===e.key&&r.jsx(_.Options,{headerIndex:o,headerGroup:f,column:e,onSort:c,toggleHeaderOption:x,setIsShowSortArrowAsc:m,setIsShowSortArrowDesc:j,setShowHeaderOptions:v,toggleDataFilterModal:w,isColumnConfigurable:N,onAddColumnClick:S,onEditColumnClick:K,onDeleteColumnClick:T,onFilter:g}),P===e.key?t?.renderColumnContextOptions?.({onClose:()=>a?.(null),children:h})||r.jsxs("div",{className:"absolute top-full right-0 mt-1 z-50 bg-white dark:bg-black-700 border border-neutral-200 dark:border-black-600 rounded-md shadow-lg min-w-[180px]",children:[r.jsx("div",{className:"flex justify-end p-1 border-b border-neutral-100 dark:border-black-600",children:r.jsx("button",{type:"button",className:"text-xs text-neutral-500 hover:text-neutral-700 dark:text-neutral-300 dark:hover:text-neutral-100 px-1",onClick:()=>a?.(null),children:"Close"})}),r.jsx("div",{className:"p-1",children:h})]}):null,R&&r.jsx(L.DataTypeIcon,{dataType:e?.dataType||"string"})]}),q?r.jsx(E.Resizer,{column:e,onResizeComplete:O}):null]})})};exports.Cell=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),A=require("../../../../../providers/design-system-provider/hooks.cjs.js"),L=require("../../../datatype-icon/DataTypeIcon.cjs.js"),l=require("../../../../tooltip/Tooltip.cjs.js"),n=require("@mui/icons-material"),y=require("../../../../../_virtual/index.cjs.js"),u=require("react"),W=require("../../context.cjs.js"),_=require("./Options.cjs.js"),B=require("./Prefix.cjs.js"),E=require("./Resizer.cjs.js"),V=require("../../constants.cjs.js"),H=({headerGroup:f,headerIndex:o,showHeaderOptions:d,column:e,isShowSortArrowAsc:k,isShowSortArrowDesc:C,onSort:c,onFilter:g,toggleHeaderOption:x,setIsShowSortArrowAsc:m,setIsShowSortArrowDesc:j,setShowHeaderOptions:v,toggleDataFilterModal:w,isColumnConfigurable:N,onAddColumnClick:S,onEditColumnClick:K,onDeleteColumnClick:T,isResizable:q})=>{const t=A.useTableConfig(),p=t?.getPrimaryColor?.()||{},{lastNonStickyColumnIndex:I,setShowHeaderContextOptions:a,showHeaderContextOptions:P,getSumOfNextVisibleColumnWidth:z,handleUpdateColumnWidth:O,multiSelectConfig:b,headerContextOptions:h,showDataTypeIcon:R}=u.useContext(W.TableContext),D=e?.sticky?z?.(o):0,F=I?.(),{selectedColumnIds:i=[]}=b||{},$=y({"border border-primary-600 dark:border-blue-800":i?.includes(e.id),"border-b border-b-primary-300":e?.isPrimaryKey,"border-b border-b-purple-300":e?.isCompositeKey});return r.jsx(u.Fragment,{children:r.jsxs("th",{className:y("bg-white dark:bg-black-700",`${e?.sticky?"sticky left-0 bg-neutral-50 dark:bg-black-700 right-0":"relative"} h-row whitespace-normal max-w-lg ${F===o?"w-full":""} h-full gap-1 cursor-pointer`,!e.static&&!i?.includes(e.id)&&"hover:bg-neutral-200 dark:hover:bg-black-700",{"bg-primary-100 dark:bg-primary-900":i?.includes(e.id)},$),style:{minWidth:`${e.width}px`,maxWidth:`${e.width}px`,right:` ${e?.sticky?`${D}px`:V.CELL_DEFAULT_RIGHT_OFFSET}`},role:"cell",onClick:s=>b?.onTableColumnClick?.(s.nativeEvent,e.id),onContextMenu:s=>{i?.includes(e.id)&&(s.preventDefault(),a?.(e.key))},children:[r.jsxs("div",{className:"flex w-full px-4 gap-2 h-row justify-between items-center",children:[r.jsxs("div",{className:"flex items-center gap-2",children:[r.jsx(B.Prefix,{column:e,isShowSortArrowAsc:k,isShowSortArrowDesc:C}),e?.isCompositeKey?t?.renderKeyIcons?t.renderKeyIcons("composite"):r.jsx(l,{title:"Composite Key",children:r.jsx("span",{className:"flex items-center hover:bg-purple-50 dark:hover:bg-purple-950 rounded-full p-1",children:r.jsx(n.VpnKeyRounded,{sx:{fontSize:14,color:"#BB5DFF"}})})}):e?.isPrimaryKey?t?.renderKeyIcons?t.renderKeyIcons("primary",p?.[400]):r.jsx(l,{title:"Primary Key",children:r.jsx("span",{className:"flex items-center hover:bg-primary-50 dark:hover:bg-dark-blue rounded-full p-1",children:r.jsx(n.VpnKeyRounded,{sx:{fontSize:14,color:p?.[400]||"var(--color-primary-400)"}})})}):null,r.jsx("span",{className:"text-sm font-medium overflow-hidden text-ellipsis whitespace-nowrap",children:e.render("Header")}),e.isSAP&&t?.renderSapLabel?.(),e.is_live_field&&r.jsx(l,{title:"Live Field",children:r.jsx("span",{className:"flex items-center",children:r.jsx(n.BoltOutlined,{sx:{fontSize:14,color:"var(--color-primary-600)",rotate:"15deg"}})})}),!e.static&&e?.sortable&&c&&r.jsx("button",{className:"flex items-center justify-center h-full",children:r.jsx(n.KeyboardArrowDown,{sx:{fontSize:18,color:"#98A2B3",transform:d===e.key?"rotate(180deg)":"none",transition:"transform 0.2s"},onClick:s=>{s.stopPropagation(),e.static||x(e.key)}})})]}),!e.static&&d===e.key&&r.jsx(_.Options,{headerIndex:o,headerGroup:f,column:e,onSort:c,toggleHeaderOption:x,setIsShowSortArrowAsc:m,setIsShowSortArrowDesc:j,setShowHeaderOptions:v,toggleDataFilterModal:w,isColumnConfigurable:N,onAddColumnClick:S,onEditColumnClick:K,onDeleteColumnClick:T,onFilter:g}),P===e.key?t?.renderColumnContextOptions?.({onClose:()=>a?.(null),children:h})||r.jsxs("div",{className:"absolute top-full right-0 mt-1 z-50 bg-white dark:bg-black-700 border border-neutral-200 dark:border-black-600 rounded-md shadow-lg min-w-[180px]",children:[r.jsx("div",{className:"flex justify-end p-1 border-b border-neutral-100 dark:border-black-600",children:r.jsx("button",{type:"button",className:"text-xs text-neutral-500 hover:text-neutral-700 dark:text-neutral-300 dark:hover:text-neutral-100 px-1",onClick:()=>a?.(null),children:"Close"})}),r.jsx("div",{className:"p-1",children:h})]}):null,R&&r.jsx(L.DataTypeIcon,{dataType:e?.dataType||"string"})]}),q?r.jsx(E.Resizer,{column:e,onResizeComplete:O}):null]})})};exports.Cell=H;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/data-display/infinite-table/head/cell/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../../../src/components/data-display/infinite-table/head/cell/index.tsx"],"sourcesContent":["import { useTableConfig } from '../../../../../providers/design-system-provider/hooks';\nimport { DataTypeIcon } from '../../../../data-display/datatype-icon/DataTypeIcon';\nimport Tooltip from '../../../../tooltip/Tooltip';\nimport { BoltOutlined, KeyboardArrowDown, VpnKeyRounded } from '@mui/icons-material';\nimport cn from 'classnames';\nimport React, { Fragment, useContext } from 'react';\n\nimport { TableContext } from '../../context';\nimport { Options } from './Options';\nimport { Prefix } from './Prefix';\nimport { Resizer } from './Resizer';\nimport { CELL_DEFAULT_RIGHT_OFFSET } from '../../constants';\n\ninterface HeaderColumn {\n  id: string;\n  key: string;\n  Header: string;\n  width: number;\n  sticky?: boolean;\n  static?: boolean;\n  isPrimaryKey?: boolean;\n  isCompositeKey?: boolean;\n  isSAP?: boolean;\n  is_live_field?: boolean;\n  dataType?: string;\n  visible?: boolean;\n  sortable?: boolean\n  render: (type: string) => React.ReactNode;\n  [k: string]: unknown;\n}\n\ninterface CellProps {\n  headerGroup: { getHeaderGroupProps: () => Record<string, unknown>; headers: HeaderColumn[]; [k: string]: unknown };\n  headerIndex: number;\n  showHeaderOptions: string;\n  column: HeaderColumn;\n  isShowSortArrowAsc: string | null;\n  isShowSortArrowDesc: string | null;\n  onSort?: (field: string, order?: string) => void;\n  onFilter?: (column: string, value: unknown) => void;\n  toggleHeaderOption: (key: string) => void;\n  setIsShowSortArrowAsc: (value: string | null) => void;\n  setIsShowSortArrowDesc: (value: string | null) => void;\n  setShowHeaderOptions: (value: string | null) => void;\n  toggleDataFilterModal: (column: unknown) => void;\n  isColumnConfigurable: boolean;\n  onAddColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onEditColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onDeleteColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  isResizable: boolean;\n}\n\nexport const Cell = ({\n  headerGroup,\n  headerIndex,\n  showHeaderOptions,\n  column,\n  isShowSortArrowAsc,\n  isShowSortArrowDesc,\n  onSort,\n  onFilter,\n  toggleHeaderOption,\n  setIsShowSortArrowAsc,\n  setIsShowSortArrowDesc,\n  setShowHeaderOptions,\n  toggleDataFilterModal,\n  isColumnConfigurable,\n  onAddColumnClick,\n  onEditColumnClick,\n  onDeleteColumnClick,\n  isResizable,\n}: CellProps) => {\n  const tableConfig = useTableConfig();\n  const primaryColorShades = tableConfig?.getPrimaryColor?.() || {};\n  const {\n    lastNonStickyColumnIndex,\n    setShowHeaderContextOptions,\n    showHeaderContextOptions,\n    getSumOfNextVisibleColumnWidth,\n    handleUpdateColumnWidth,\n    multiSelectConfig,\n    headerContextOptions,\n    showDataTypeIcon,\n  } = useContext(TableContext);\n\n  const nextWidthSum = column?.sticky ? getSumOfNextVisibleColumnWidth?.(headerIndex) : 0;\n  const lastNonStickyColIndex = lastNonStickyColumnIndex?.();\n  const { selectedColumnIds = [] } = multiSelectConfig || {};\n\n  const borderClass = cn({\n    'border border-primary-600 dark:border-blue-800': selectedColumnIds?.includes(column.id),\n    'border-b border-b-primary-300': column?.isPrimaryKey,\n    'border-b border-b-purple-300': column?.isCompositeKey,\n  });\n\n  return (\n    <Fragment>\n      <th\n        className={cn(\n          'bg-white dark:bg-black-700',\n          `${column?.sticky ? `sticky left-0 bg-neutral-50 dark:bg-black-700 right-0` : `relative`} h-row whitespace-normal max-w-lg ${lastNonStickyColIndex === headerIndex ? 'w-full' : ''} h-full gap-1 cursor-pointer`,\n          !column.static && !selectedColumnIds?.includes(column.id) && 'hover:bg-neutral-200 dark:hover:bg-black-700',\n          { 'bg-primary-100 dark:bg-primary-900': selectedColumnIds?.includes(column.id) },\n          borderClass,\n        )}\n        style={{\n          minWidth: `${column.width}px`,\n          maxWidth: `${column.width}px`,\n          right: ` ${column?.sticky ? `${nextWidthSum}px` : CELL_DEFAULT_RIGHT_OFFSET}`,\n        }}\n        role='cell'\n        onClick={(e) => multiSelectConfig?.onTableColumnClick?.(e.nativeEvent, column.id)}\n        onContextMenu={(e) => {\n          if (selectedColumnIds?.includes(column.id)) {\n            e.preventDefault();\n            setShowHeaderContextOptions?.(column.key);\n          }\n        }}\n      >\n        <div className='flex w-full px-4 gap-2 h-row justify-between items-center'>\n          <div className='flex items-center gap-2'>\n            <Prefix {...{ column, isShowSortArrowAsc, isShowSortArrowDesc }} />\n\n            {column?.isCompositeKey\n              ? tableConfig?.renderKeyIcons\n                ? tableConfig.renderKeyIcons('composite')\n                : (\n                    <Tooltip title='Composite Key'>\n                      <span className='flex items-center hover:bg-purple-50 dark:hover:bg-purple-950 rounded-full p-1'>\n                        <VpnKeyRounded sx={{ fontSize: 14, color: '#BB5DFF' }} />\n                      </span>\n                    </Tooltip>\n                  )\n              : column?.isPrimaryKey\n                ? tableConfig?.renderKeyIcons\n                  ? tableConfig.renderKeyIcons('primary', primaryColorShades?.[400])\n                  : (\n                      <Tooltip title='Primary Key'>\n                        <span className='flex items-center hover:bg-primary-50 dark:hover:bg-dark-blue rounded-full p-1'>\n                          <VpnKeyRounded sx={{ fontSize: 14, color: primaryColorShades?.[400] || 'var(--color-primary-400)' }} />\n                        </span>\n                      </Tooltip>\n                    )\n                : null}\n\n            <span className='text-sm font-medium overflow-hidden text-ellipsis whitespace-nowrap'>{column.render('Header')}</span>\n            {column.isSAP && tableConfig?.renderSapLabel?.()}\n            {column.is_live_field && (\n              <Tooltip title='Live Field'>\n                <span className='flex items-center'>\n                  <BoltOutlined sx={{ fontSize: 14, color: 'var(--color-primary-600)' }} />\n                </span>\n              </Tooltip>\n            )}\n            {!column.static && column?.sortable && onSort && (\n              <button className='flex items-center justify-center h-full'>\n                <KeyboardArrowDown\n                  sx={{ fontSize: 18, color: '#98A2B3', transform: showHeaderOptions === column.key ? 'rotate(180deg)' : 'none', transition: 'transform 0.2s' }}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    if (!column.static) toggleHeaderOption(column.key);\n                  }}\n                />\n              </button>\n            )}\n          </div>\n          {!column.static && showHeaderOptions === column.key && (\n            <Options\n              headerIndex={headerIndex}\n              headerGroup={headerGroup}\n              column={column}\n              onSort={onSort}\n              toggleHeaderOption={toggleHeaderOption}\n              setIsShowSortArrowAsc={setIsShowSortArrowAsc}\n              setIsShowSortArrowDesc={setIsShowSortArrowDesc}\n              setShowHeaderOptions={setShowHeaderOptions}\n              toggleDataFilterModal={toggleDataFilterModal}\n              isColumnConfigurable={isColumnConfigurable}\n              onAddColumnClick={onAddColumnClick}\n              onEditColumnClick={onEditColumnClick}\n              onDeleteColumnClick={onDeleteColumnClick}\n              onFilter={onFilter}\n            />\n          )}\n          {showHeaderContextOptions === column.key\n            ? tableConfig?.renderColumnContextOptions?.({\n                onClose: () => setShowHeaderContextOptions?.(null),\n                children: headerContextOptions,\n              }) || (\n                <div className='absolute top-full right-0 mt-1 z-50 bg-white dark:bg-black-700 border border-neutral-200 dark:border-black-600 rounded-md shadow-lg min-w-[180px]'>\n                  <div className='flex justify-end p-1 border-b border-neutral-100 dark:border-black-600'>\n                    <button\n                      type='button'\n                      className='text-xs text-neutral-500 hover:text-neutral-700 dark:text-neutral-300 dark:hover:text-neutral-100 px-1'\n                      onClick={() => setShowHeaderContextOptions?.(null)}\n                    >\n                      Close\n                    </button>\n                  </div>\n                  <div className='p-1'>{headerContextOptions}</div>\n                </div>\n              )\n            : null}\n          {showDataTypeIcon && <DataTypeIcon dataType={column?.dataType || 'string'} />}\n        </div>\n        {isResizable ? <Resizer column={column} onResizeComplete={handleUpdateColumnWidth!} /> : null}\n      </th>\n    </Fragment>\n  );\n};\n"],"names":["Cell","headerGroup","headerIndex","showHeaderOptions","column","isShowSortArrowAsc","isShowSortArrowDesc","onSort","onFilter","toggleHeaderOption","setIsShowSortArrowAsc","setIsShowSortArrowDesc","setShowHeaderOptions","toggleDataFilterModal","isColumnConfigurable","onAddColumnClick","onEditColumnClick","onDeleteColumnClick","isResizable","tableConfig","useTableConfig","primaryColorShades","lastNonStickyColumnIndex","setShowHeaderContextOptions","showHeaderContextOptions","getSumOfNextVisibleColumnWidth","handleUpdateColumnWidth","multiSelectConfig","headerContextOptions","showDataTypeIcon","useContext","TableContext","nextWidthSum","lastNonStickyColIndex","selectedColumnIds","borderClass","cn","Fragment","jsxs","CELL_DEFAULT_RIGHT_OFFSET","e","jsx","Prefix","Tooltip","VpnKeyRounded","BoltOutlined","KeyboardArrowDown","Options","DataTypeIcon","Resizer"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../../../src/components/data-display/infinite-table/head/cell/index.tsx"],"sourcesContent":["import { useTableConfig } from '../../../../../providers/design-system-provider/hooks';\nimport { DataTypeIcon } from '../../../../data-display/datatype-icon/DataTypeIcon';\nimport Tooltip from '../../../../tooltip/Tooltip';\nimport { BoltOutlined, KeyboardArrowDown, VpnKeyRounded } from '@mui/icons-material';\nimport cn from 'classnames';\nimport React, { Fragment, useContext } from 'react';\n\nimport { TableContext } from '../../context';\nimport { Options } from './Options';\nimport { Prefix } from './Prefix';\nimport { Resizer } from './Resizer';\nimport { CELL_DEFAULT_RIGHT_OFFSET } from '../../constants';\n\ninterface HeaderColumn {\n  id: string;\n  key: string;\n  Header: string;\n  width: number;\n  sticky?: boolean;\n  static?: boolean;\n  isPrimaryKey?: boolean;\n  isCompositeKey?: boolean;\n  isSAP?: boolean;\n  is_live_field?: boolean;\n  dataType?: string;\n  visible?: boolean;\n  sortable?: boolean\n  render: (type: string) => React.ReactNode;\n  [k: string]: unknown;\n}\n\ninterface CellProps {\n  headerGroup: { getHeaderGroupProps: () => Record<string, unknown>; headers: HeaderColumn[]; [k: string]: unknown };\n  headerIndex: number;\n  showHeaderOptions: string;\n  column: HeaderColumn;\n  isShowSortArrowAsc: string | null;\n  isShowSortArrowDesc: string | null;\n  onSort?: (field: string, order?: string) => void;\n  onFilter?: (column: string, value: unknown) => void;\n  toggleHeaderOption: (key: string) => void;\n  setIsShowSortArrowAsc: (value: string | null) => void;\n  setIsShowSortArrowDesc: (value: string | null) => void;\n  setShowHeaderOptions: (value: string | null) => void;\n  toggleDataFilterModal: (column: unknown) => void;\n  isColumnConfigurable: boolean;\n  onAddColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onEditColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onDeleteColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  isResizable: boolean;\n}\n\nexport const Cell = ({\n  headerGroup,\n  headerIndex,\n  showHeaderOptions,\n  column,\n  isShowSortArrowAsc,\n  isShowSortArrowDesc,\n  onSort,\n  onFilter,\n  toggleHeaderOption,\n  setIsShowSortArrowAsc,\n  setIsShowSortArrowDesc,\n  setShowHeaderOptions,\n  toggleDataFilterModal,\n  isColumnConfigurable,\n  onAddColumnClick,\n  onEditColumnClick,\n  onDeleteColumnClick,\n  isResizable,\n}: CellProps) => {\n  const tableConfig = useTableConfig();\n  const primaryColorShades = tableConfig?.getPrimaryColor?.() || {};\n  const {\n    lastNonStickyColumnIndex,\n    setShowHeaderContextOptions,\n    showHeaderContextOptions,\n    getSumOfNextVisibleColumnWidth,\n    handleUpdateColumnWidth,\n    multiSelectConfig,\n    headerContextOptions,\n    showDataTypeIcon,\n  } = useContext(TableContext);\n\n  const nextWidthSum = column?.sticky ? getSumOfNextVisibleColumnWidth?.(headerIndex) : 0;\n  const lastNonStickyColIndex = lastNonStickyColumnIndex?.();\n  const { selectedColumnIds = [] } = multiSelectConfig || {};\n\n  const borderClass = cn({\n    'border border-primary-600 dark:border-blue-800': selectedColumnIds?.includes(column.id),\n    'border-b border-b-primary-300': column?.isPrimaryKey,\n    'border-b border-b-purple-300': column?.isCompositeKey,\n  });\n\n  return (\n    <Fragment>\n      <th\n        className={cn(\n          'bg-white dark:bg-black-700',\n          `${column?.sticky ? `sticky left-0 bg-neutral-50 dark:bg-black-700 right-0` : `relative`} h-row whitespace-normal max-w-lg ${lastNonStickyColIndex === headerIndex ? 'w-full' : ''} h-full gap-1 cursor-pointer`,\n          !column.static && !selectedColumnIds?.includes(column.id) && 'hover:bg-neutral-200 dark:hover:bg-black-700',\n          { 'bg-primary-100 dark:bg-primary-900': selectedColumnIds?.includes(column.id) },\n          borderClass,\n        )}\n        style={{\n          minWidth: `${column.width}px`,\n          maxWidth: `${column.width}px`,\n          right: ` ${column?.sticky ? `${nextWidthSum}px` : CELL_DEFAULT_RIGHT_OFFSET}`,\n        }}\n        role='cell'\n        onClick={(e) => multiSelectConfig?.onTableColumnClick?.(e.nativeEvent, column.id)}\n        onContextMenu={(e) => {\n          if (selectedColumnIds?.includes(column.id)) {\n            e.preventDefault();\n            setShowHeaderContextOptions?.(column.key);\n          }\n        }}\n      >\n        <div className='flex w-full px-4 gap-2 h-row justify-between items-center'>\n          <div className='flex items-center gap-2'>\n            <Prefix {...{ column, isShowSortArrowAsc, isShowSortArrowDesc }} />\n\n            {column?.isCompositeKey\n              ? tableConfig?.renderKeyIcons\n                ? tableConfig.renderKeyIcons('composite')\n                : (\n                    <Tooltip title='Composite Key'>\n                      <span className='flex items-center hover:bg-purple-50 dark:hover:bg-purple-950 rounded-full p-1'>\n                        <VpnKeyRounded sx={{ fontSize: 14, color: '#BB5DFF' }} />\n                      </span>\n                    </Tooltip>\n                  )\n              : column?.isPrimaryKey\n                ? tableConfig?.renderKeyIcons\n                  ? tableConfig.renderKeyIcons('primary', primaryColorShades?.[400])\n                  : (\n                      <Tooltip title='Primary Key'>\n                        <span className='flex items-center hover:bg-primary-50 dark:hover:bg-dark-blue rounded-full p-1'>\n                          <VpnKeyRounded sx={{ fontSize: 14, color: primaryColorShades?.[400] || 'var(--color-primary-400)' }} />\n                        </span>\n                      </Tooltip>\n                    )\n                : null}\n\n            <span className='text-sm font-medium overflow-hidden text-ellipsis whitespace-nowrap'>{column.render('Header')}</span>\n            {column.isSAP && tableConfig?.renderSapLabel?.()}\n            {column.is_live_field && (\n              <Tooltip title='Live Field'>\n                <span className='flex items-center'>\n                  <BoltOutlined sx={{ fontSize: 14, color: 'var(--color-primary-600)', rotate: '15deg' }} />\n                </span>\n              </Tooltip>\n            )}\n            {!column.static && column?.sortable && onSort && (\n              <button className='flex items-center justify-center h-full'>\n                <KeyboardArrowDown\n                  sx={{ fontSize: 18, color: '#98A2B3', transform: showHeaderOptions === column.key ? 'rotate(180deg)' : 'none', transition: 'transform 0.2s' }}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    if (!column.static) toggleHeaderOption(column.key);\n                  }}\n                />\n              </button>\n            )}\n          </div>\n          {!column.static && showHeaderOptions === column.key && (\n            <Options\n              headerIndex={headerIndex}\n              headerGroup={headerGroup}\n              column={column}\n              onSort={onSort}\n              toggleHeaderOption={toggleHeaderOption}\n              setIsShowSortArrowAsc={setIsShowSortArrowAsc}\n              setIsShowSortArrowDesc={setIsShowSortArrowDesc}\n              setShowHeaderOptions={setShowHeaderOptions}\n              toggleDataFilterModal={toggleDataFilterModal}\n              isColumnConfigurable={isColumnConfigurable}\n              onAddColumnClick={onAddColumnClick}\n              onEditColumnClick={onEditColumnClick}\n              onDeleteColumnClick={onDeleteColumnClick}\n              onFilter={onFilter}\n            />\n          )}\n          {showHeaderContextOptions === column.key\n            ? tableConfig?.renderColumnContextOptions?.({\n                onClose: () => setShowHeaderContextOptions?.(null),\n                children: headerContextOptions,\n              }) || (\n                <div className='absolute top-full right-0 mt-1 z-50 bg-white dark:bg-black-700 border border-neutral-200 dark:border-black-600 rounded-md shadow-lg min-w-[180px]'>\n                  <div className='flex justify-end p-1 border-b border-neutral-100 dark:border-black-600'>\n                    <button\n                      type='button'\n                      className='text-xs text-neutral-500 hover:text-neutral-700 dark:text-neutral-300 dark:hover:text-neutral-100 px-1'\n                      onClick={() => setShowHeaderContextOptions?.(null)}\n                    >\n                      Close\n                    </button>\n                  </div>\n                  <div className='p-1'>{headerContextOptions}</div>\n                </div>\n              )\n            : null}\n          {showDataTypeIcon && <DataTypeIcon dataType={column?.dataType || 'string'} />}\n        </div>\n        {isResizable ? <Resizer column={column} onResizeComplete={handleUpdateColumnWidth!} /> : null}\n      </th>\n    </Fragment>\n  );\n};\n"],"names":["Cell","headerGroup","headerIndex","showHeaderOptions","column","isShowSortArrowAsc","isShowSortArrowDesc","onSort","onFilter","toggleHeaderOption","setIsShowSortArrowAsc","setIsShowSortArrowDesc","setShowHeaderOptions","toggleDataFilterModal","isColumnConfigurable","onAddColumnClick","onEditColumnClick","onDeleteColumnClick","isResizable","tableConfig","useTableConfig","primaryColorShades","lastNonStickyColumnIndex","setShowHeaderContextOptions","showHeaderContextOptions","getSumOfNextVisibleColumnWidth","handleUpdateColumnWidth","multiSelectConfig","headerContextOptions","showDataTypeIcon","useContext","TableContext","nextWidthSum","lastNonStickyColIndex","selectedColumnIds","borderClass","cn","Fragment","jsxs","CELL_DEFAULT_RIGHT_OFFSET","e","jsx","Prefix","Tooltip","VpnKeyRounded","BoltOutlined","KeyboardArrowDown","Options","DataTypeIcon","Resizer"],"mappings":"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"}

package/dist/components/data-display/infinite-table/head/cell/index.es.js

@@ -71,7 +71,7 @@ const le = ({
             e?.isCompositeKey ? t?.renderKeyIcons ? t.renderKeyIcons("composite") : /* @__PURE__ */ r(n, { title: "Composite Key", children: /* @__PURE__ */ r("span", { className: "flex items-center hover:bg-purple-50 dark:hover:bg-purple-950 rounded-full p-1", children: /* @__PURE__ */ r(f, { sx: { fontSize: 14, color: "#BB5DFF" } }) }) }) : e?.isPrimaryKey ? t?.renderKeyIcons ? t.renderKeyIcons("primary", b?.[400]) : /* @__PURE__ */ r(n, { title: "Primary Key", children: /* @__PURE__ */ r("span", { className: "flex items-center hover:bg-primary-50 dark:hover:bg-dark-blue rounded-full p-1", children: /* @__PURE__ */ r(f, { sx: { fontSize: 14, color: b?.[400] || "var(--color-primary-400)" } }) }) }) : null,
             /* @__PURE__ */ r("span", { className: "text-sm font-medium overflow-hidden text-ellipsis whitespace-nowrap", children: e.render("Header") }),
             e.isSAP && t?.renderSapLabel?.(),
-            e.is_live_field && /* @__PURE__ */ r(n, { title: "Live Field", children: /* @__PURE__ */ r("span", { className: "flex items-center", children: /* @__PURE__ */ r(B, { sx: { fontSize: 14, color: "var(--color-primary-600)" } }) }) }),
+            e.is_live_field && /* @__PURE__ */ r(n, { title: "Live Field", children: /* @__PURE__ */ r("span", { className: "flex items-center", children: /* @__PURE__ */ r(B, { sx: { fontSize: 14, color: "var(--color-primary-600)", rotate: "15deg" } }) }) }),
             !e.static && e?.sortable && p && /* @__PURE__ */ r("button", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ r(
               E,
               {

package/dist/components/data-display/infinite-table/head/cell/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/data-display/infinite-table/head/cell/index.tsx"],"sourcesContent":["import { useTableConfig } from '../../../../../providers/design-system-provider/hooks';\nimport { DataTypeIcon } from '../../../../data-display/datatype-icon/DataTypeIcon';\nimport Tooltip from '../../../../tooltip/Tooltip';\nimport { BoltOutlined, KeyboardArrowDown, VpnKeyRounded } from '@mui/icons-material';\nimport cn from 'classnames';\nimport React, { Fragment, useContext } from 'react';\n\nimport { TableContext } from '../../context';\nimport { Options } from './Options';\nimport { Prefix } from './Prefix';\nimport { Resizer } from './Resizer';\nimport { CELL_DEFAULT_RIGHT_OFFSET } from '../../constants';\n\ninterface HeaderColumn {\n  id: string;\n  key: string;\n  Header: string;\n  width: number;\n  sticky?: boolean;\n  static?: boolean;\n  isPrimaryKey?: boolean;\n  isCompositeKey?: boolean;\n  isSAP?: boolean;\n  is_live_field?: boolean;\n  dataType?: string;\n  visible?: boolean;\n  sortable?: boolean\n  render: (type: string) => React.ReactNode;\n  [k: string]: unknown;\n}\n\ninterface CellProps {\n  headerGroup: { getHeaderGroupProps: () => Record<string, unknown>; headers: HeaderColumn[]; [k: string]: unknown };\n  headerIndex: number;\n  showHeaderOptions: string;\n  column: HeaderColumn;\n  isShowSortArrowAsc: string | null;\n  isShowSortArrowDesc: string | null;\n  onSort?: (field: string, order?: string) => void;\n  onFilter?: (column: string, value: unknown) => void;\n  toggleHeaderOption: (key: string) => void;\n  setIsShowSortArrowAsc: (value: string | null) => void;\n  setIsShowSortArrowDesc: (value: string | null) => void;\n  setShowHeaderOptions: (value: string | null) => void;\n  toggleDataFilterModal: (column: unknown) => void;\n  isColumnConfigurable: boolean;\n  onAddColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onEditColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onDeleteColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  isResizable: boolean;\n}\n\nexport const Cell = ({\n  headerGroup,\n  headerIndex,\n  showHeaderOptions,\n  column,\n  isShowSortArrowAsc,\n  isShowSortArrowDesc,\n  onSort,\n  onFilter,\n  toggleHeaderOption,\n  setIsShowSortArrowAsc,\n  setIsShowSortArrowDesc,\n  setShowHeaderOptions,\n  toggleDataFilterModal,\n  isColumnConfigurable,\n  onAddColumnClick,\n  onEditColumnClick,\n  onDeleteColumnClick,\n  isResizable,\n}: CellProps) => {\n  const tableConfig = useTableConfig();\n  const primaryColorShades = tableConfig?.getPrimaryColor?.() || {};\n  const {\n    lastNonStickyColumnIndex,\n    setShowHeaderContextOptions,\n    showHeaderContextOptions,\n    getSumOfNextVisibleColumnWidth,\n    handleUpdateColumnWidth,\n    multiSelectConfig,\n    headerContextOptions,\n    showDataTypeIcon,\n  } = useContext(TableContext);\n\n  const nextWidthSum = column?.sticky ? getSumOfNextVisibleColumnWidth?.(headerIndex) : 0;\n  const lastNonStickyColIndex = lastNonStickyColumnIndex?.();\n  const { selectedColumnIds = [] } = multiSelectConfig || {};\n\n  const borderClass = cn({\n    'border border-primary-600 dark:border-blue-800': selectedColumnIds?.includes(column.id),\n    'border-b border-b-primary-300': column?.isPrimaryKey,\n    'border-b border-b-purple-300': column?.isCompositeKey,\n  });\n\n  return (\n    <Fragment>\n      <th\n        className={cn(\n          'bg-white dark:bg-black-700',\n          `${column?.sticky ? `sticky left-0 bg-neutral-50 dark:bg-black-700 right-0` : `relative`} h-row whitespace-normal max-w-lg ${lastNonStickyColIndex === headerIndex ? 'w-full' : ''} h-full gap-1 cursor-pointer`,\n          !column.static && !selectedColumnIds?.includes(column.id) && 'hover:bg-neutral-200 dark:hover:bg-black-700',\n          { 'bg-primary-100 dark:bg-primary-900': selectedColumnIds?.includes(column.id) },\n          borderClass,\n        )}\n        style={{\n          minWidth: `${column.width}px`,\n          maxWidth: `${column.width}px`,\n          right: ` ${column?.sticky ? `${nextWidthSum}px` : CELL_DEFAULT_RIGHT_OFFSET}`,\n        }}\n        role='cell'\n        onClick={(e) => multiSelectConfig?.onTableColumnClick?.(e.nativeEvent, column.id)}\n        onContextMenu={(e) => {\n          if (selectedColumnIds?.includes(column.id)) {\n            e.preventDefault();\n            setShowHeaderContextOptions?.(column.key);\n          }\n        }}\n      >\n        <div className='flex w-full px-4 gap-2 h-row justify-between items-center'>\n          <div className='flex items-center gap-2'>\n            <Prefix {...{ column, isShowSortArrowAsc, isShowSortArrowDesc }} />\n\n            {column?.isCompositeKey\n              ? tableConfig?.renderKeyIcons\n                ? tableConfig.renderKeyIcons('composite')\n                : (\n                    <Tooltip title='Composite Key'>\n                      <span className='flex items-center hover:bg-purple-50 dark:hover:bg-purple-950 rounded-full p-1'>\n                        <VpnKeyRounded sx={{ fontSize: 14, color: '#BB5DFF' }} />\n                      </span>\n                    </Tooltip>\n                  )\n              : column?.isPrimaryKey\n                ? tableConfig?.renderKeyIcons\n                  ? tableConfig.renderKeyIcons('primary', primaryColorShades?.[400])\n                  : (\n                      <Tooltip title='Primary Key'>\n                        <span className='flex items-center hover:bg-primary-50 dark:hover:bg-dark-blue rounded-full p-1'>\n                          <VpnKeyRounded sx={{ fontSize: 14, color: primaryColorShades?.[400] || 'var(--color-primary-400)' }} />\n                        </span>\n                      </Tooltip>\n                    )\n                : null}\n\n            <span className='text-sm font-medium overflow-hidden text-ellipsis whitespace-nowrap'>{column.render('Header')}</span>\n            {column.isSAP && tableConfig?.renderSapLabel?.()}\n            {column.is_live_field && (\n              <Tooltip title='Live Field'>\n                <span className='flex items-center'>\n                  <BoltOutlined sx={{ fontSize: 14, color: 'var(--color-primary-600)' }} />\n                </span>\n              </Tooltip>\n            )}\n            {!column.static && column?.sortable && onSort && (\n              <button className='flex items-center justify-center h-full'>\n                <KeyboardArrowDown\n                  sx={{ fontSize: 18, color: '#98A2B3', transform: showHeaderOptions === column.key ? 'rotate(180deg)' : 'none', transition: 'transform 0.2s' }}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    if (!column.static) toggleHeaderOption(column.key);\n                  }}\n                />\n              </button>\n            )}\n          </div>\n          {!column.static && showHeaderOptions === column.key && (\n            <Options\n              headerIndex={headerIndex}\n              headerGroup={headerGroup}\n              column={column}\n              onSort={onSort}\n              toggleHeaderOption={toggleHeaderOption}\n              setIsShowSortArrowAsc={setIsShowSortArrowAsc}\n              setIsShowSortArrowDesc={setIsShowSortArrowDesc}\n              setShowHeaderOptions={setShowHeaderOptions}\n              toggleDataFilterModal={toggleDataFilterModal}\n              isColumnConfigurable={isColumnConfigurable}\n              onAddColumnClick={onAddColumnClick}\n              onEditColumnClick={onEditColumnClick}\n              onDeleteColumnClick={onDeleteColumnClick}\n              onFilter={onFilter}\n            />\n          )}\n          {showHeaderContextOptions === column.key\n            ? tableConfig?.renderColumnContextOptions?.({\n                onClose: () => setShowHeaderContextOptions?.(null),\n                children: headerContextOptions,\n              }) || (\n                <div className='absolute top-full right-0 mt-1 z-50 bg-white dark:bg-black-700 border border-neutral-200 dark:border-black-600 rounded-md shadow-lg min-w-[180px]'>\n                  <div className='flex justify-end p-1 border-b border-neutral-100 dark:border-black-600'>\n                    <button\n                      type='button'\n                      className='text-xs text-neutral-500 hover:text-neutral-700 dark:text-neutral-300 dark:hover:text-neutral-100 px-1'\n                      onClick={() => setShowHeaderContextOptions?.(null)}\n                    >\n                      Close\n                    </button>\n                  </div>\n                  <div className='p-1'>{headerContextOptions}</div>\n                </div>\n              )\n            : null}\n          {showDataTypeIcon && <DataTypeIcon dataType={column?.dataType || 'string'} />}\n        </div>\n        {isResizable ? <Resizer column={column} onResizeComplete={handleUpdateColumnWidth!} /> : null}\n      </th>\n    </Fragment>\n  );\n};\n"],"names":["Cell","headerGroup","headerIndex","showHeaderOptions","column","isShowSortArrowAsc","isShowSortArrowDesc","onSort","onFilter","toggleHeaderOption","setIsShowSortArrowAsc","setIsShowSortArrowDesc","setShowHeaderOptions","toggleDataFilterModal","isColumnConfigurable","onAddColumnClick","onEditColumnClick","onDeleteColumnClick","isResizable","tableConfig","useTableConfig","primaryColorShades","lastNonStickyColumnIndex","setShowHeaderContextOptions","showHeaderContextOptions","getSumOfNextVisibleColumnWidth","handleUpdateColumnWidth","multiSelectConfig","headerContextOptions","showDataTypeIcon","useContext","TableContext","nextWidthSum","lastNonStickyColIndex","selectedColumnIds","borderClass","cn","Fragment","jsxs","CELL_DEFAULT_RIGHT_OFFSET","e","jsx","Prefix","Tooltip","VpnKeyRounded","BoltOutlined","KeyboardArrowDown","Options","DataTypeIcon","Resizer"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/data-display/infinite-table/head/cell/index.tsx"],"sourcesContent":["import { useTableConfig } from '../../../../../providers/design-system-provider/hooks';\nimport { DataTypeIcon } from '../../../../data-display/datatype-icon/DataTypeIcon';\nimport Tooltip from '../../../../tooltip/Tooltip';\nimport { BoltOutlined, KeyboardArrowDown, VpnKeyRounded } from '@mui/icons-material';\nimport cn from 'classnames';\nimport React, { Fragment, useContext } from 'react';\n\nimport { TableContext } from '../../context';\nimport { Options } from './Options';\nimport { Prefix } from './Prefix';\nimport { Resizer } from './Resizer';\nimport { CELL_DEFAULT_RIGHT_OFFSET } from '../../constants';\n\ninterface HeaderColumn {\n  id: string;\n  key: string;\n  Header: string;\n  width: number;\n  sticky?: boolean;\n  static?: boolean;\n  isPrimaryKey?: boolean;\n  isCompositeKey?: boolean;\n  isSAP?: boolean;\n  is_live_field?: boolean;\n  dataType?: string;\n  visible?: boolean;\n  sortable?: boolean\n  render: (type: string) => React.ReactNode;\n  [k: string]: unknown;\n}\n\ninterface CellProps {\n  headerGroup: { getHeaderGroupProps: () => Record<string, unknown>; headers: HeaderColumn[]; [k: string]: unknown };\n  headerIndex: number;\n  showHeaderOptions: string;\n  column: HeaderColumn;\n  isShowSortArrowAsc: string | null;\n  isShowSortArrowDesc: string | null;\n  onSort?: (field: string, order?: string) => void;\n  onFilter?: (column: string, value: unknown) => void;\n  toggleHeaderOption: (key: string) => void;\n  setIsShowSortArrowAsc: (value: string | null) => void;\n  setIsShowSortArrowDesc: (value: string | null) => void;\n  setShowHeaderOptions: (value: string | null) => void;\n  toggleDataFilterModal: (column: unknown) => void;\n  isColumnConfigurable: boolean;\n  onAddColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onEditColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  onDeleteColumnClick: (column: { id: string; key: string; [k: string]: unknown }) => void;\n  isResizable: boolean;\n}\n\nexport const Cell = ({\n  headerGroup,\n  headerIndex,\n  showHeaderOptions,\n  column,\n  isShowSortArrowAsc,\n  isShowSortArrowDesc,\n  onSort,\n  onFilter,\n  toggleHeaderOption,\n  setIsShowSortArrowAsc,\n  setIsShowSortArrowDesc,\n  setShowHeaderOptions,\n  toggleDataFilterModal,\n  isColumnConfigurable,\n  onAddColumnClick,\n  onEditColumnClick,\n  onDeleteColumnClick,\n  isResizable,\n}: CellProps) => {\n  const tableConfig = useTableConfig();\n  const primaryColorShades = tableConfig?.getPrimaryColor?.() || {};\n  const {\n    lastNonStickyColumnIndex,\n    setShowHeaderContextOptions,\n    showHeaderContextOptions,\n    getSumOfNextVisibleColumnWidth,\n    handleUpdateColumnWidth,\n    multiSelectConfig,\n    headerContextOptions,\n    showDataTypeIcon,\n  } = useContext(TableContext);\n\n  const nextWidthSum = column?.sticky ? getSumOfNextVisibleColumnWidth?.(headerIndex) : 0;\n  const lastNonStickyColIndex = lastNonStickyColumnIndex?.();\n  const { selectedColumnIds = [] } = multiSelectConfig || {};\n\n  const borderClass = cn({\n    'border border-primary-600 dark:border-blue-800': selectedColumnIds?.includes(column.id),\n    'border-b border-b-primary-300': column?.isPrimaryKey,\n    'border-b border-b-purple-300': column?.isCompositeKey,\n  });\n\n  return (\n    <Fragment>\n      <th\n        className={cn(\n          'bg-white dark:bg-black-700',\n          `${column?.sticky ? `sticky left-0 bg-neutral-50 dark:bg-black-700 right-0` : `relative`} h-row whitespace-normal max-w-lg ${lastNonStickyColIndex === headerIndex ? 'w-full' : ''} h-full gap-1 cursor-pointer`,\n          !column.static && !selectedColumnIds?.includes(column.id) && 'hover:bg-neutral-200 dark:hover:bg-black-700',\n          { 'bg-primary-100 dark:bg-primary-900': selectedColumnIds?.includes(column.id) },\n          borderClass,\n        )}\n        style={{\n          minWidth: `${column.width}px`,\n          maxWidth: `${column.width}px`,\n          right: ` ${column?.sticky ? `${nextWidthSum}px` : CELL_DEFAULT_RIGHT_OFFSET}`,\n        }}\n        role='cell'\n        onClick={(e) => multiSelectConfig?.onTableColumnClick?.(e.nativeEvent, column.id)}\n        onContextMenu={(e) => {\n          if (selectedColumnIds?.includes(column.id)) {\n            e.preventDefault();\n            setShowHeaderContextOptions?.(column.key);\n          }\n        }}\n      >\n        <div className='flex w-full px-4 gap-2 h-row justify-between items-center'>\n          <div className='flex items-center gap-2'>\n            <Prefix {...{ column, isShowSortArrowAsc, isShowSortArrowDesc }} />\n\n            {column?.isCompositeKey\n              ? tableConfig?.renderKeyIcons\n                ? tableConfig.renderKeyIcons('composite')\n                : (\n                    <Tooltip title='Composite Key'>\n                      <span className='flex items-center hover:bg-purple-50 dark:hover:bg-purple-950 rounded-full p-1'>\n                        <VpnKeyRounded sx={{ fontSize: 14, color: '#BB5DFF' }} />\n                      </span>\n                    </Tooltip>\n                  )\n              : column?.isPrimaryKey\n                ? tableConfig?.renderKeyIcons\n                  ? tableConfig.renderKeyIcons('primary', primaryColorShades?.[400])\n                  : (\n                      <Tooltip title='Primary Key'>\n                        <span className='flex items-center hover:bg-primary-50 dark:hover:bg-dark-blue rounded-full p-1'>\n                          <VpnKeyRounded sx={{ fontSize: 14, color: primaryColorShades?.[400] || 'var(--color-primary-400)' }} />\n                        </span>\n                      </Tooltip>\n                    )\n                : null}\n\n            <span className='text-sm font-medium overflow-hidden text-ellipsis whitespace-nowrap'>{column.render('Header')}</span>\n            {column.isSAP && tableConfig?.renderSapLabel?.()}\n            {column.is_live_field && (\n              <Tooltip title='Live Field'>\n                <span className='flex items-center'>\n                  <BoltOutlined sx={{ fontSize: 14, color: 'var(--color-primary-600)', rotate: '15deg' }} />\n                </span>\n              </Tooltip>\n            )}\n            {!column.static && column?.sortable && onSort && (\n              <button className='flex items-center justify-center h-full'>\n                <KeyboardArrowDown\n                  sx={{ fontSize: 18, color: '#98A2B3', transform: showHeaderOptions === column.key ? 'rotate(180deg)' : 'none', transition: 'transform 0.2s' }}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    if (!column.static) toggleHeaderOption(column.key);\n                  }}\n                />\n              </button>\n            )}\n          </div>\n          {!column.static && showHeaderOptions === column.key && (\n            <Options\n              headerIndex={headerIndex}\n              headerGroup={headerGroup}\n              column={column}\n              onSort={onSort}\n              toggleHeaderOption={toggleHeaderOption}\n              setIsShowSortArrowAsc={setIsShowSortArrowAsc}\n              setIsShowSortArrowDesc={setIsShowSortArrowDesc}\n              setShowHeaderOptions={setShowHeaderOptions}\n              toggleDataFilterModal={toggleDataFilterModal}\n              isColumnConfigurable={isColumnConfigurable}\n              onAddColumnClick={onAddColumnClick}\n              onEditColumnClick={onEditColumnClick}\n              onDeleteColumnClick={onDeleteColumnClick}\n              onFilter={onFilter}\n            />\n          )}\n          {showHeaderContextOptions === column.key\n            ? tableConfig?.renderColumnContextOptions?.({\n                onClose: () => setShowHeaderContextOptions?.(null),\n                children: headerContextOptions,\n              }) || (\n                <div className='absolute top-full right-0 mt-1 z-50 bg-white dark:bg-black-700 border border-neutral-200 dark:border-black-600 rounded-md shadow-lg min-w-[180px]'>\n                  <div className='flex justify-end p-1 border-b border-neutral-100 dark:border-black-600'>\n                    <button\n                      type='button'\n                      className='text-xs text-neutral-500 hover:text-neutral-700 dark:text-neutral-300 dark:hover:text-neutral-100 px-1'\n                      onClick={() => setShowHeaderContextOptions?.(null)}\n                    >\n                      Close\n                    </button>\n                  </div>\n                  <div className='p-1'>{headerContextOptions}</div>\n                </div>\n              )\n            : null}\n          {showDataTypeIcon && <DataTypeIcon dataType={column?.dataType || 'string'} />}\n        </div>\n        {isResizable ? <Resizer column={column} onResizeComplete={handleUpdateColumnWidth!} /> : null}\n      </th>\n    </Fragment>\n  );\n};\n"],"names":["Cell","headerGroup","headerIndex","showHeaderOptions","column","isShowSortArrowAsc","isShowSortArrowDesc","onSort","onFilter","toggleHeaderOption","setIsShowSortArrowAsc","setIsShowSortArrowDesc","setShowHeaderOptions","toggleDataFilterModal","isColumnConfigurable","onAddColumnClick","onEditColumnClick","onDeleteColumnClick","isResizable","tableConfig","useTableConfig","primaryColorShades","lastNonStickyColumnIndex","setShowHeaderContextOptions","showHeaderContextOptions","getSumOfNextVisibleColumnWidth","handleUpdateColumnWidth","multiSelectConfig","headerContextOptions","showDataTypeIcon","useContext","TableContext","nextWidthSum","lastNonStickyColIndex","selectedColumnIds","borderClass","cn","Fragment","jsxs","CELL_DEFAULT_RIGHT_OFFSET","e","jsx","Prefix","Tooltip","VpnKeyRounded","BoltOutlined","KeyboardArrowDown","Options","DataTypeIcon","Resizer"],"mappings":"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"}

package/dist/components/data-display/label/Label.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("../tag/Tag.cjs.js"),c=({labels:n=[]})=>{const r=[],l=[];return n.forEach(e=>{typeof e=="string"&&!r.includes(e)?r.push(e):typeof e!="string"&&!l.some(o=>o.label===e.label)&&l.push(e)}),s.jsxs(s.Fragment,{children:[r?.map(e=>s.jsx(a.Tag,{size:"xs",label:e,color:"primary"},e)),l?.map((e,o)=>s.jsx(a.Tag,{size:"xs",label:e?.label,color:e?.color},e?.id||o))]})};exports.Label=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("../tag/Tag.cjs.js"),c=({labels:n=[]})=>{const r=[],l=[];return n.forEach(e=>{typeof e=="string"&&!r.includes(e)?r.push(e):typeof e!="string"&&!l.some(o=>o.label===e.label)&&l.push(e)}),s.jsxs(s.Fragment,{children:[r?.map(e=>s.jsx(a.Tag,{size:"sm",label:e,color:"primary"},e)),l?.map((e,o)=>s.jsx(a.Tag,{size:"sm",label:e?.label,color:e?.color},e?.id||o))]})};exports.Label=c;
 //# sourceMappingURL=Label.cjs.js.map

package/dist/components/data-display/label/Label.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.cjs.js","sources":["../../../../src/components/data-display/label/Label.tsx"],"sourcesContent":["import { Tag } from \"../tag/Tag\";\n\n\nexport type LabelType = {\n  id?: string;\n  label: string;\n  color: string;\n};\n\ntype LabelProps = {\n  labels?: (string | LabelType)[];\n};\n\nexport const Label: React.FC<LabelProps> = ({ labels = [] }) => {\n    const uniqueLabels: string[] = [];\n  const uniqueObjects: LabelType[] = [];\n\n  labels.forEach((item) => {\n    if (typeof item === 'string' && !uniqueLabels.includes(item)) {\n      uniqueLabels.push(item);\n    } else if (typeof item !== 'string' && !uniqueObjects.some((obj) => obj.label === item.label)) {\n      uniqueObjects.push(item);\n    }\n  });\n\n  return (\n    <>\n      {uniqueLabels?.map((label) => (\n        <Tag size='xs' key={label} label={label} color={'primary'} />\n      ))}\n      {uniqueObjects?.map((obj, index) => (\n        <Tag size='xs' key={obj?.id || index} label={obj?.label} color={obj?.color} />\n      ))}\n    </>\n  );\n};\n"],"names":["Label","labels","uniqueLabels","uniqueObjects","item","obj","jsxs","Fragment","label","jsx","Tag","index"],"mappings":"oJAaaA,EAA8B,CAAC,CAAE,OAAAC,EAAS,CAAA,KAAS,CAC5D,MAAMC,EAAyB,CAAA,EAC3BC,EAA6B,CAAA,EAEnC,OAAAF,EAAO,QAASG,GAAS,CACnB,OAAOA,GAAS,UAAY,CAACF,EAAa,SAASE,CAAI,EACzDF,EAAa,KAAKE,CAAI,EACb,OAAOA,GAAS,UAAY,CAACD,EAAc,KAAME,GAAQA,EAAI,QAAUD,EAAK,KAAK,GAC1FD,EAAc,KAAKC,CAAI,CAE3B,CAAC,EAGCE,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAAL,GAAc,IAAKM,GAClBC,EAAAA,IAACC,EAAAA,IAAA,CAAI,KAAK,KAAiB,MAAAF,EAAc,MAAO,SAAA,EAA5BA,CAAuC,CAC5D,EACAL,GAAe,IAAI,CAACE,EAAKM,IACxBF,EAAAA,IAACC,EAAAA,KAAI,KAAK,KAA4B,MAAOL,GAAK,MAAO,MAAOA,GAAK,OAAjDA,GAAK,IAAMM,CAA6C,CAC7E,CAAA,EACH,CAEJ"}
+{"version":3,"file":"Label.cjs.js","sources":["../../../../src/components/data-display/label/Label.tsx"],"sourcesContent":["import { Tag } from \"../tag/Tag\";\n\n\nexport type LabelType = {\n  id?: string;\n  label: string;\n  color: string;\n};\n\ntype LabelProps = {\n  labels?: (string | LabelType)[];\n};\n\nexport const Label: React.FC<LabelProps> = ({ labels = [] }) => {\n    const uniqueLabels: string[] = [];\n  const uniqueObjects: LabelType[] = [];\n\n  labels.forEach((item) => {\n    if (typeof item === 'string' && !uniqueLabels.includes(item)) {\n      uniqueLabels.push(item);\n    } else if (typeof item !== 'string' && !uniqueObjects.some((obj) => obj.label === item.label)) {\n      uniqueObjects.push(item);\n    }\n  });\n\n  return (\n    <>\n      {uniqueLabels?.map((label) => (\n        <Tag size='sm' key={label} label={label} color={'primary'} />\n      ))}\n      {uniqueObjects?.map((obj, index) => (\n        <Tag size='sm' key={obj?.id || index} label={obj?.label} color={obj?.color} />\n      ))}\n    </>\n  );\n};\n"],"names":["Label","labels","uniqueLabels","uniqueObjects","item","obj","jsxs","Fragment","label","jsx","Tag","index"],"mappings":"oJAaaA,EAA8B,CAAC,CAAE,OAAAC,EAAS,CAAA,KAAS,CAC5D,MAAMC,EAAyB,CAAA,EAC3BC,EAA6B,CAAA,EAEnC,OAAAF,EAAO,QAASG,GAAS,CACnB,OAAOA,GAAS,UAAY,CAACF,EAAa,SAASE,CAAI,EACzDF,EAAa,KAAKE,CAAI,EACb,OAAOA,GAAS,UAAY,CAACD,EAAc,KAAME,GAAQA,EAAI,QAAUD,EAAK,KAAK,GAC1FD,EAAc,KAAKC,CAAI,CAE3B,CAAC,EAGCE,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAAL,GAAc,IAAKM,GAClBC,EAAAA,IAACC,EAAAA,IAAA,CAAI,KAAK,KAAiB,MAAAF,EAAc,MAAO,SAAA,EAA5BA,CAAuC,CAC5D,EACAL,GAAe,IAAI,CAACE,EAAKM,IACxBF,EAAAA,IAACC,EAAAA,KAAI,KAAK,KAA4B,MAAOL,GAAK,MAAO,MAAOA,GAAK,OAAjDA,GAAK,IAAMM,CAA6C,CAC7E,CAAA,EACH,CAEJ"}

package/dist/components/data-display/label/Label.es.js

@@ -5,8 +5,8 @@ const u = ({ labels: n = [] }) => {
   return n.forEach((s) => {
     typeof s == "string" && !r.includes(s) ? r.push(s) : typeof s != "string" && !o.some((e) => e.label === s.label) && o.push(s);
   }), /* @__PURE__ */ c(p, { children: [
-    r?.map((s) => /* @__PURE__ */ l(a, { size: "xs", label: s, color: "primary" }, s)),
-    o?.map((s, e) => /* @__PURE__ */ l(a, { size: "xs", label: s?.label, color: s?.color }, s?.id || e))
+    r?.map((s) => /* @__PURE__ */ l(a, { size: "sm", label: s, color: "primary" }, s)),
+    o?.map((s, e) => /* @__PURE__ */ l(a, { size: "sm", label: s?.label, color: s?.color }, s?.id || e))
   ] });
 };
 export {