@lax-wp/design-system 0.14.37 → 0.14.39

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),W=require("../../../providers/design-system-provider/hooks.cjs.js"),$=require("./copy-text.cjs.js"),R=require("../../../_virtual/index.cjs.js"),i=require("react"),K=require("react-dom"),N=require("./constants.cjs.js"),X=require("../../icon/icons.generated.cjs.js"),G=async t=>{try{if(navigator?.clipboard?.writeText)return await navigator.clipboard.writeText(t),!0}catch{}try{const o=document.createElement("textarea");o.value=t,o.setAttribute("readonly",""),o.style.position="fixed",o.style.opacity="0",document.body.appendChild(o),o.select();const d=document.execCommand("copy");return document.body.removeChild(o),d}catch{return!1}},D=(t,o,d)=>t===void 0?d:typeof t=="function"?t(o):t,Y=({item:t,isDisabled:o,isActive:d,onSelect:y,onHover:k})=>c.jsxs("button",{type:"button",role:"menuitem","data-menu-item":!0,disabled:o,"aria-disabled":o,tabIndex:d?0:-1,className:R("flex w-full items-center gap-3 px-3 py-2 text-sm font-medium text-left outline-none",o?"opacity-50 cursor-not-allowed":R("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:y,onMouseEnter:()=>!o&&k(),children:[t.icon?c.jsx("span",{className:R("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,c.jsx("span",{className:"flex-1 truncate",children:t.label}),t.shortcut?c.jsx("span",{className:"shrink-0 text-xs text-neutral-400 dark:text-black-300",children:t.shortcut}):null]}),Z=({state:t,config:o,rowOptions:d,asyncRowOptionsFilter:y,checkedIds:k,rows:O,columns:_,onClose:m})=>{const p=W.useTableConfig(),a=i.useMemo(()=>p?.t??(e=>e),[p]),b=i.useRef(null),[I,j]=i.useState(null),[v,w]=i.useState(-1),[x,A]=i.useState(null),[h,C]=i.useState({status:"off"}),q=i.useRef(),l=i.useMemo(()=>t?{...t.target,close:m}:null,[t,m]),P=i.useCallback(async(e,n,r)=>{if(x)return;const s=await G(n);s?(o?.onCopy?.(n,r),p?.showNotification?.("success",a("Copied to clipboard"))):p?.showNotification?.("error",a("Could not copy to clipboard")),A({key:e,isCopied:s}),q.current=setTimeout(()=>m(),N.COPY_FEEDBACK_DURATION)},[o,p,a,m,x]),g=i.useCallback((e,n,r)=>{const s=x?.key===e;return{key:e,label:s?x?.isCopied?a("Copied"):a("Copy failed"):n,icon:s&&x?.isCopied?c.jsx(X.CheckIcon,{size:16,className:"text-success-600 dark:text-success-400"}):c.jsx(X.ContentCopyIcon,{size:16}),isDisabled:!r,keepOpenOnClick:!0,onClick:u=>P(e,r,u)}},[x,P,a]),B=i.useMemo(()=>$.getSelectedRowsText(O,_,k),[O,_,k]),E=k?.length??0,L=i.useMemo(()=>{if(!l)return[];const e=o?.hideDefaultItems?[]:[g("copy-content",o?.copyLabel??a("Copy content"),l.text),g("copy-row",a("Copy row"),l.rowText),...E>0?[g("copy-selected-rows",E===1?a("Copy selected row"):`${a("Copy selected rows")} (${E})`,B)]:[]],n=typeof o?.items=="function"?o.items(l):o?.items??[];return[...e,...n].filter(r=>D(r.isVisible,l,!0))},[o,l,g,E,B,a]),M=i.useMemo(()=>!t||o?.includeRowOptions===!1||!d?[]:((typeof d=="function"?d(t.target.rowData):d)??[]).filter(n=>n.isVisible!==!1),[t,d,o?.includeRowOptions]),U=M.length>0;i.useEffect(()=>{if(!t||!U||!y){C({status:"off"});return}let e=!1;return C({status:"loading"}),y(String(t.target.rowId)).then(n=>!e&&C({status:"ready",available:n})).catch(()=>!e&&C({status:"failed"})),()=>{e=!0}},[t,U,y]);const S=i.useMemo(()=>{if(h.status==="off")return M;if(h.status!=="ready")return[];const{available:e}=h;return M.filter(n=>e[n.key]??!0)},[M,h]),f=i.useMemo(()=>{const e=L.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,...S.map((r,s)=>({kind:"node",key:`row-option-${r.key}`,node:r.label,withDividerBefore:n&&s===0}))]},[L,S,h.status]),T=i.useCallback(e=>e.kind==="item"?!(l&&D(e.item.isDisabled,l,!1)):e.kind==="node",[l]),z=i.useMemo(()=>f.findIndex(T),[f,T]);i.useLayoutEffect(()=>{if(!t||!b.current){j(null);return}const{width:e,height:n}=b.current.getBoundingClientRect(),r=N.CELL_CONTEXT_MENU_VIEWPORT_MARGIN,s=N.CELL_CONTEXT_MENU_CURSOR_OFFSET,u=t.x+e+r>window.innerWidth?t.x-e-s:t.x+s,V=t.y+n+r>window.innerHeight?t.y-n-s:t.y+s;j({left:Math.max(r,Math.min(u,window.innerWidth-e-r)),top:Math.max(r,Math.min(V,window.innerHeight-n-r))})},[t,f.length]),i.useEffect(()=>(A(null),()=>clearTimeout(q.current)),[t]),i.useEffect(()=>{if(!t){w(-1);return}w(z)},[t,z]),i.useEffect(()=>{if(!t||v<0)return;const e=b.current?.querySelectorAll("[data-menu-item]")[v];(e?.matches("button")?e:e?.querySelector("button")??e)?.focus({preventScroll:!0})},[t,v]);const F=i.useCallback(e=>{f.length!==0&&w(n=>{let r=n;for(let s=0;s<f.length;s+=1)if(r=(r+e+f.length)%f.length,T(f[r]))return r;return n})},[f,T]);if(i.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(),F(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,F]),!t||!l||f.length===0)return null;if(p?.renderCellContextMenu)return p.renderCellContextMenu({state:t,context:l,items:L,rowOptions:S,onClose:m});const H=async e=>{D(e.isDisabled,l,!1)||(e.keepOpenOnClick||m(),await e.onClick?.(l))};return K.createPortal(c.jsx("div",{ref:b,role:"menu","aria-label":a("Cell actions"),"data-testid":"cell-context-menu",className:R("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",o?.className),style:{left:I?.left??t.x,top:I?.top??t.y,zIndex:N.CELL_CONTEXT_MENU_Z_INDEX,visibility:I?"visible":"hidden"},onContextMenu:e=>e.preventDefault(),children:f.map((e,n)=>c.jsxs(i.Fragment,{children:[(e.kind==="item"?e.item.withDividerBefore&&n>0:e.withDividerBefore)?c.jsx("div",{className:"my-1 h-px bg-neutral-200 dark:bg-black-600"}):null,e.kind==="item"?c.jsx(Y,{item:e.item,isDisabled:D(e.item.isDisabled,l,!1),isActive:n===v,onSelect:()=>void H(e.item),onHover:()=>w(n)}):e.kind==="skeleton"?c.jsx("div",{className:"px-3 py-2","data-testid":"cell-context-menu-loading",children:c.jsx("div",{className:"h-3.5 w-full animate-pulse rounded bg-neutral-200 dark:bg-black-600"})}):c.jsx("div",{"data-menu-item":!0,tabIndex:-1,className:"outline-none [&_button]:w-full",onClick:m,onMouseEnter:()=>w(n),children:e.node})]},e.key))}),document.body)};exports.CellContextMenuPortal=Z;
+"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;
 //# 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 } from '../../icon';\nimport type {\n  ICellContextMenuConfig,\n  ICellContextMenuContext,\n  ICellContextMenuItem,\n  ICellContextMenuState,\n  IColumn,\n} from './types';\nimport { getSelectedRowsText } 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  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\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, 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): 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            <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 selectedRowsText = useMemo(() => getSelectedRowsText(rows, columns, checkedIds), [rows, columns, checkedIds]);\n  const selectedCount = checkedIds?.length ?? 0;\n\n  const items = useMemo<ICellContextMenuItem[]>(() => {\n    if (!context) return [];\n\n    const defaultItems: ICellContextMenuItem[] = config?.hideDefaultItems\n      ? []\n      : [\n          buildCopyItem('copy-content', config?.copyLabel ?? t('Copy content'), context.text),\n          buildCopyItem('copy-row', t('Copy row'), context.rowText),\n          ...(selectedCount > 0\n            ? [\n                buildCopyItem(\n                  'copy-selected-rows',\n                  selectedCount === 1 ? t('Copy selected row') : `${t('Copy selected rows')} (${selectedCount})`,\n                  selectedRowsText,\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, selectedRowsText, 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","resolveFlag","flag","context","fallback","MenuItemButton","item","isDisabled","isActive","onSelect","onHover","jsxs","cn","jsx","CellContextMenuPortal","state","config","rowOptions","asyncRowOptionsFilter","checkedIds","rows","columns","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","isDone","CheckIcon","ContentCopyIcon","selectedRowsText","getSelectedRowsText","selectedCount","items","defaultItems","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-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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"}

package/dist/components/data-display/infinite-table/CellContextMenuPortal.d.ts

@@ -1,4 +1,4 @@
-import type { ICellContextMenuConfig, ICellContextMenuState, IColumn } from './types';
+import type { ICellContextMenuConfig, ICellContextMenuState, IColumn, IRowLinkConfig } from './types';
 import React from 'react';
 type TRowOption = {
     key: string;
@@ -18,6 +18,8 @@ interface CellContextMenuPortalProps {
     rows?: Record<string, unknown>[];
     /** Visible columns in display order, used to order the copied values. */
     columns?: IColumn[];
+    /** The table's row link, enabling the "Copy Link" / "Open in New Tab" items. */
+    rowLinkConfig?: IRowLinkConfig | null;
     onClose: () => void;
 }
 /**

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

@@ -1,12 +1,12 @@
-import { jsx as m, jsxs as j } from "react/jsx-runtime";
-import { useTableConfig as G } from "../../../providers/design-system-provider/hooks.es.js";
-import { getSelectedRowsText as Y } from "./copy-text.es.js";
-import M from "../../../_virtual/index.es.js";
-import Z, { useMemo as f, useRef as $, useState as I, useCallback as L, useEffect as v, useLayoutEffect as J } from "react";
-import { createPortal as Q } from "react-dom";
-import { COPY_FEEDBACK_DURATION as ee, CELL_CONTEXT_MENU_VIEWPORT_MARGIN as te, CELL_CONTEXT_MENU_Z_INDEX as ne, CELL_CONTEXT_MENU_CURSOR_OFFSET as re } from "./constants.es.js";
-import { CheckIcon as oe, ContentCopyIcon as ie } from "../../icon/icons.generated.es.js";
-const le = async (t) => {
+import { jsx as c, jsxs as Y } from "react/jsx-runtime";
+import { useTableConfig as Q } from "../../../providers/design-system-provider/hooks.es.js";
+import { getRowJson as ee, getSelectedRowsJson as te } from "./copy-text.es.js";
+import S from "../../../_virtual/index.es.js";
+import ne, { useMemo as f, useRef as G, useState as O, useCallback as C, useEffect as E, useLayoutEffect as re } from "react";
+import { createPortal as oe } from "react-dom";
+import { COPY_FEEDBACK_DURATION as ie, CELL_CONTEXT_MENU_VIEWPORT_MARGIN as le, CELL_CONTEXT_MENU_Z_INDEX as se, CELL_CONTEXT_MENU_CURSOR_OFFSET as ae } from "./constants.es.js";
+import { CheckIcon as ce, ContentCopyIcon as de, LinkIcon as ue, OpenInNewIcon as me } from "../../icon/icons.generated.es.js";
+const fe = async (t) => {
   try {
     if (navigator?.clipboard?.writeText)
       return await navigator.clipboard.writeText(t), !0;
@@ -15,12 +15,19 @@ const le = async (t) => {
   try {
     const o = document.createElement("textarea");
     o.value = t, o.setAttribute("readonly", ""), o.style.position = "fixed", o.style.opacity = "0", document.body.appendChild(o), o.select();
-    const c = document.execCommand("copy");
-    return document.body.removeChild(o), c;
+    const d = document.execCommand("copy");
+    return document.body.removeChild(o), d;
   } catch {
     return !1;
   }
-}, R = (t, o, c) => t === void 0 ? c : typeof t == "function" ? t(o) : t, se = ({ item: t, isDisabled: o, isActive: c, onSelect: k, onHover: x }) => /* @__PURE__ */ j(
+}, pe = (t) => {
+  if (!t) return "";
+  try {
+    return new URL(t, window.location.href).href;
+  } catch {
+    return "";
+  }
+}, _ = (t, o, d) => t === void 0 ? d : typeof t == "function" ? t(o) : t, be = ({ item: t, isDisabled: o, isActive: d, onSelect: y, onHover: x }) => /* @__PURE__ */ Y(
   "button",
   {
     type: "button",
@@ -28,133 +35,148 @@ const le = async (t) => {
     "data-menu-item": !0,
     disabled: o,
     "aria-disabled": o,
-    tabIndex: c ? 0 : -1,
-    className: M(
+    tabIndex: d ? 0 : -1,
+    className: S(
       "flex w-full items-center gap-3 px-3 py-2 text-sm font-medium text-left outline-none",
-      o ? "opacity-50 cursor-not-allowed" : M(
+      o ? "opacity-50 cursor-not-allowed" : S(
         "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: k,
+    onClick: y,
     onMouseEnter: () => !o && x(),
     children: [
-      t.icon ? /* @__PURE__ */ m("span", { className: M("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,
-      /* @__PURE__ */ m("span", { className: "flex-1 truncate", children: t.label }),
-      t.shortcut ? /* @__PURE__ */ m("span", { className: "shrink-0 text-xs text-neutral-400 dark:text-black-300", children: t.shortcut }) : null
+      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,
+      /* @__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
     ]
   }
-), he = ({
+), Ee = ({
   state: t,
   config: o,
-  rowOptions: c,
-  asyncRowOptionsFilter: k,
+  rowOptions: d,
+  asyncRowOptionsFilter: y,
   checkedIds: x,
-  rows: A,
-  columns: B,
+  rows: P,
+  columns: N,
+  rowLinkConfig: I,
   onClose: u
 }) => {
-  const p = G(), s = f(() => p?.t ?? ((e) => e), [p]), b = $(null), [_, P] = I(null), [g, w] = I(-1), [h, U] = I(null), [y, C] = I({ status: "off" }), z = $(), l = f(
+  const p = Q(), l = f(() => p?.t ?? ((e) => e), [p]), b = G(null), [A, F] = O(null), [D, v] = O(-1), [h, H] = O(null), [w, R] = O({ status: "off" }), J = G(), s = f(
     () => t ? { ...t.target, close: u } : null,
     [t, u]
-  ), F = L(
+  ), X = C(
     async (e, n, r) => {
       if (h) return;
-      const i = await le(n);
-      i ? (o?.onCopy?.(n, r), p?.showNotification?.("success", s("Copied to clipboard"))) : p?.showNotification?.("error", s("Could not copy to clipboard")), U({ key: e, isCopied: i }), z.current = setTimeout(() => u(), ee);
+      const i = await fe(n);
+      i ? (o?.onCopy?.(n, r), p?.showNotification?.("success", l("Copied to clipboard"))) : p?.showNotification?.("error", l("Could not copy to clipboard")), H({ key: e, isCopied: i }), J.current = setTimeout(() => u(), ie);
     },
-    [o, p, s, u, h]
-  ), E = L(
-    (e, n, r) => {
-      const i = h?.key === e;
+    [o, p, l, u, h]
+  ), g = C(
+    (e, n, r, i) => {
+      const a = h?.key === e;
       return {
         key: e,
-        label: i ? h?.isCopied ? s("Copied") : s("Copy failed") : n,
-        icon: i && h?.isCopied ? /* @__PURE__ */ m(oe, { size: 16, className: "text-success-600 dark:text-success-400" }) : /* @__PURE__ */ m(ie, { size: 16 }),
+        label: a ? h?.isCopied ? l("Copied") : l("Copy failed") : n,
+        icon: a && h?.isCopied ? /* @__PURE__ */ c(ce, { size: 16, className: "text-success-600 dark:text-success-400" }) : i ?? /* @__PURE__ */ c(de, { size: 16 }),
         isDisabled: !r,
         keepOpenOnClick: !0,
-        onClick: (a) => F(e, r, a)
+        onClick: (z) => X(e, r, z)
       };
     },
-    [h, F, s]
-  ), X = f(() => Y(A, B, x), [A, B, x]), N = x?.length ?? 0, O = f(() => {
-    if (!l) return [];
+    [h, X, l]
+  ), V = f(() => ee(t?.target.rowData, N), [t?.target.rowData, N]), W = f(() => t ? te(P, N, x) : "", [t, P, N, x]), T = x?.length ?? 0, k = f(() => !t || !I?.isEnabled || !I.linkTo || t.target.column?.disableRowClick ? "" : pe(I.linkTo(String(t.target.rowId), t.target.rowData)), [t, I]), $ = C(() => {
+    k && window.open(k, "_blank", "noopener,noreferrer");
+  }, [k]), B = f(() => {
+    if (!s) return [];
     const e = o?.hideDefaultItems ? [] : [
-      E("copy-content", o?.copyLabel ?? s("Copy content"), l.text),
-      E("copy-row", s("Copy row"), l.rowText),
-      ...N > 0 ? [
-        E(
+      g("copy-cell", o?.copyLabel ?? l("Copy Cell"), s.text),
+      g("copy-row", l("Copy Row"), V),
+      ...T > 0 ? [
+        g(
           "copy-selected-rows",
-          N === 1 ? s("Copy selected row") : `${s("Copy selected rows")} (${N})`,
-          X
+          T === 1 ? l("Copy Selected Row") : `${l("Copy Selected Rows")} (${T})`,
+          W
         )
+      ] : [],
+      ...k && !o?.hideLinkItems ? [
+        {
+          ...g("copy-link", l("Copy Link"), k, /* @__PURE__ */ c(ue, { size: 16 })),
+          withDividerBefore: !0
+        },
+        {
+          key: "open-in-new-tab",
+          label: l("Open in New Tab"),
+          icon: /* @__PURE__ */ c(me, { size: 16 }),
+          onClick: $
+        }
       ] : []
-    ], n = typeof o?.items == "function" ? o.items(l) : o?.items ?? [];
-    return [...e, ...n].filter((r) => R(r.isVisible, l, !0));
-  }, [o, l, E, N, X, s]), T = f(() => !t || o?.includeRowOptions === !1 || !c ? [] : ((typeof c == "function" ? c(t.target.rowData) : c) ?? []).filter((n) => n.isVisible !== !1), [t, c, o?.includeRowOptions]), H = T.length > 0;
-  v(() => {
-    if (!t || !H || !k) {
-      C({ status: "off" });
+    ], n = typeof o?.items == "function" ? o.items(s) : o?.items ?? [];
+    return [...e, ...n].filter((r) => _(r.isVisible, s, !0));
+  }, [o, s, g, T, V, W, k, $, l]), L = f(() => !t || o?.includeRowOptions === !1 || !d ? [] : ((typeof d == "function" ? d(t.target.rowData) : d) ?? []).filter((n) => n.isVisible !== !1), [t, d, o?.includeRowOptions]), j = L.length > 0;
+  E(() => {
+    if (!t || !j || !y) {
+      R({ status: "off" });
       return;
     }
     let e = !1;
-    return C({ status: "loading" }), k(String(t.target.rowId)).then((n) => !e && C({ status: "ready", available: n })).catch(() => !e && C({ status: "failed" })), () => {
+    return R({ status: "loading" }), y(String(t.target.rowId)).then((n) => !e && R({ status: "ready", available: n })).catch(() => !e && R({ status: "failed" })), () => {
       e = !0;
     };
-  }, [t, H, k]);
-  const S = f(() => {
-    if (y.status === "off") return T;
-    if (y.status !== "ready") return [];
-    const { available: e } = y;
-    return T.filter((n) => e[n.key] ?? !0);
-  }, [T, y]), d = f(() => {
-    const e = O.map((r) => ({ kind: "item", key: r.key, item: r })), n = e.length > 0;
-    return y.status === "loading" ? [...e, { kind: "skeleton", key: "row-options-loading", withDividerBefore: n }] : [
+  }, [t, j, y]);
+  const U = f(() => {
+    if (w.status === "off") return L;
+    if (w.status !== "ready") return [];
+    const { available: e } = w;
+    return L.filter((n) => e[n.key] ?? !0);
+  }, [L, w]), m = f(() => {
+    const e = B.map((r) => ({ kind: "item", key: r.key, item: r })), n = e.length > 0;
+    return w.status === "loading" ? [...e, { kind: "skeleton", key: "row-options-loading", withDividerBefore: n }] : [
       ...e,
-      ...S.map((r, i) => ({
+      ...U.map((r, i) => ({
         kind: "node",
         key: `row-option-${r.key}`,
         node: r.label,
         withDividerBefore: n && i === 0
       }))
     ];
-  }, [O, S, y.status]), D = L(
-    (e) => e.kind === "item" ? !(l && R(e.item.isDisabled, l, !1)) : e.kind === "node",
-    [l]
-  ), V = f(() => d.findIndex(D), [d, D]);
-  J(() => {
+  }, [B, U, w.status]), M = C(
+    (e) => e.kind === "item" ? !(s && _(e.item.isDisabled, s, !1)) : e.kind === "node",
+    [s]
+  ), q = f(() => m.findIndex(M), [m, M]);
+  re(() => {
     if (!t || !b.current) {
-      P(null);
+      F(null);
       return;
     }
-    const { width: e, height: n } = b.current.getBoundingClientRect(), r = te, i = re, a = t.x + e + r > window.innerWidth ? t.x - e - i : t.x + i, K = t.y + n + r > window.innerHeight ? t.y - n - i : t.y + i;
-    P({
+    const { width: e, height: n } = b.current.getBoundingClientRect(), r = le, i = ae, a = t.x + e + r > window.innerWidth ? t.x - e - i : t.x + i, z = t.y + n + r > window.innerHeight ? t.y - n - i : t.y + i;
+    F({
       left: Math.max(r, Math.min(a, window.innerWidth - e - r)),
-      top: Math.max(r, Math.min(K, window.innerHeight - n - r))
+      top: Math.max(r, Math.min(z, window.innerHeight - n - r))
     });
-  }, [t, d.length]), v(() => (U(null), () => clearTimeout(z.current)), [t]), v(() => {
+  }, [t, m.length]), E(() => (H(null), () => clearTimeout(J.current)), [t]), E(() => {
     if (!t) {
-      w(-1);
+      v(-1);
       return;
     }
-    w(V);
-  }, [t, V]), v(() => {
-    if (!t || g < 0) return;
-    const e = b.current?.querySelectorAll("[data-menu-item]")[g];
+    v(q);
+  }, [t, q]), E(() => {
+    if (!t || D < 0) return;
+    const e = b.current?.querySelectorAll("[data-menu-item]")[D];
     (e?.matches("button") ? e : e?.querySelector("button") ?? e)?.focus({ preventScroll: !0 });
-  }, [t, g]);
-  const W = L(
+  }, [t, D]);
+  const K = C(
     (e) => {
-      d.length !== 0 && w((n) => {
+      m.length !== 0 && v((n) => {
         let r = n;
-        for (let i = 0; i < d.length; i += 1)
-          if (r = (r + e + d.length) % d.length, D(d[r])) return r;
+        for (let i = 0; i < m.length; i += 1)
+          if (r = (r + e + m.length) % m.length, M(m[r])) return r;
         return n;
       });
     },
-    [d, D]
+    [m, M]
   );
-  if (v(() => {
+  if (E(() => {
     if (!t) return;
     const e = (a) => {
       b.current && !b.current.contains(a.target) && u();
@@ -163,28 +185,28 @@ const le = async (t) => {
         a.stopPropagation(), u();
         return;
       }
-      (a.key === "ArrowDown" || a.key === "ArrowUp") && (a.preventDefault(), W(a.key === "ArrowDown" ? 1 : -1));
+      (a.key === "ArrowDown" || a.key === "ArrowUp") && (a.preventDefault(), K(a.key === "ArrowDown" ? 1 : -1));
     }, r = () => u(), i = 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(i), document.removeEventListener("mousedown", e), document.removeEventListener("touchstart", e), document.removeEventListener("keydown", n), document.removeEventListener("scroll", r, !0), window.removeEventListener("resize", r);
     };
-  }, [t, u, W]), !t || !l || d.length === 0) return null;
+  }, [t, u, K]), !t || !s || m.length === 0) return null;
   if (p?.renderCellContextMenu)
-    return p.renderCellContextMenu({ state: t, context: l, items: O, rowOptions: S, onClose: u });
-  const q = async (e) => {
-    R(e.isDisabled, l, !1) || (e.keepOpenOnClick || u(), await e.onClick?.(l));
+    return p.renderCellContextMenu({ state: t, context: s, items: B, rowOptions: U, onClose: u });
+  const Z = async (e) => {
+    _(e.isDisabled, s, !1) || (e.keepOpenOnClick || u(), await e.onClick?.(s));
   };
-  return Q(
-    /* @__PURE__ */ m(
+  return oe(
+    /* @__PURE__ */ c(
       "div",
       {
         ref: b,
         role: "menu",
-        "aria-label": s("Cell actions"),
+        "aria-label": l("Cell actions"),
         "data-testid": "cell-context-menu",
-        className: M(
+        className: S(
           "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",
@@ -192,27 +214,27 @@ const le = async (t) => {
           o?.className
         ),
         style: {
-          left: _?.left ?? t.x,
-          top: _?.top ?? t.y,
-          zIndex: ne,
+          left: A?.left ?? t.x,
+          top: A?.top ?? t.y,
+          zIndex: se,
           // Hidden until measured so the flip/clamp never flashes at the wrong spot.
-          visibility: _ ? "visible" : "hidden"
+          visibility: A ? "visible" : "hidden"
         },
         onContextMenu: (e) => e.preventDefault(),
-        children: d.map((e, n) => /* @__PURE__ */ j(Z.Fragment, { children: [
-          (e.kind === "item" ? e.item.withDividerBefore && n > 0 : e.withDividerBefore) ? /* @__PURE__ */ m("div", { className: "my-1 h-px bg-neutral-200 dark:bg-black-600" }) : null,
-          e.kind === "item" ? /* @__PURE__ */ m(
-            se,
+        children: m.map((e, n) => /* @__PURE__ */ Y(ne.Fragment, { children: [
+          (e.kind === "item" ? e.item.withDividerBefore && n > 0 : e.withDividerBefore) ? /* @__PURE__ */ c("div", { className: "my-1 h-px bg-neutral-200 dark:bg-black-600" }) : null,
+          e.kind === "item" ? /* @__PURE__ */ c(
+            be,
             {
               item: e.item,
-              isDisabled: R(e.item.isDisabled, l, !1),
-              isActive: n === g,
-              onSelect: () => void q(e.item),
-              onHover: () => w(n)
+              isDisabled: _(e.item.isDisabled, s, !1),
+              isActive: n === D,
+              onSelect: () => void Z(e.item),
+              onHover: () => v(n)
             }
-          ) : e.kind === "skeleton" ? /* @__PURE__ */ m("div", { className: "px-3 py-2", "data-testid": "cell-context-menu-loading", children: /* @__PURE__ */ m("div", { className: "h-3.5 w-full animate-pulse rounded bg-neutral-200 dark:bg-black-600" }) }) : (
+          ) : e.kind === "skeleton" ? /* @__PURE__ */ c("div", { className: "px-3 py-2", "data-testid": "cell-context-menu-loading", children: /* @__PURE__ */ c("div", { className: "h-3.5 w-full animate-pulse rounded bg-neutral-200 dark:bg-black-600" }) }) : (
             /* Row actions are rendered as the table supplied them — they carry their own button and handler. */
-            /* @__PURE__ */ m("div", { "data-menu-item": !0, tabIndex: -1, className: "outline-none [&_button]:w-full", onClick: u, onMouseEnter: () => w(n), children: e.node })
+            /* @__PURE__ */ c("div", { "data-menu-item": !0, tabIndex: -1, className: "outline-none [&_button]:w-full", onClick: u, onMouseEnter: () => v(n), children: e.node })
           )
         ] }, e.key))
       }
@@ -221,6 +243,6 @@ const le = async (t) => {
   );
 };
 export {
-  he as CellContextMenuPortal
+  Ee as CellContextMenuPortal
 };
 //# sourceMappingURL=CellContextMenuPortal.es.js.map