@lax-wp/design-system 0.14.36 → 0.14.38

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),_=require("../../../providers/design-system-provider/hooks.cjs.js"),k=require("../../../_virtual/index.cjs.js"),i=require("react"),O=require("react-dom"),w=require("./constants.cjs.js"),T=require("../../icon/icons.generated.cjs.js"),R=async t=>{try{if(navigator?.clipboard?.writeText)return await navigator.clipboard.writeText(t),!0}catch{}try{const n=document.createElement("textarea");n.value=t,n.setAttribute("readonly",""),n.style.position="fixed",n.style.opacity="0",document.body.appendChild(n),n.select();const c=document.execCommand("copy");return document.body.removeChild(n),c}catch{return!1}},p=(t,n,c)=>t===void 0?c:typeof t=="function"?t(n):t,S=({state:t,config:n,onClose:c})=>{const b=_.useTableConfig(),f=i.useMemo(()=>b?.t??(e=>e),[b]),m=i.useRef(null),[v,C]=i.useState(null),[h,y]=i.useState(-1),[x,E]=i.useState("idle"),g=i.useRef(),s=i.useMemo(()=>t?{...t.target,close:c}:null,[t,c]),D=i.useCallback(async e=>{if(x!=="idle")return;const o=await R(e.text);o?(n?.onCopy?.(e.text,e),b?.showNotification?.("success",f("Copied to clipboard"))):b?.showNotification?.("error",f("Could not copy to clipboard")),E(o?"copied":"error"),g.current=setTimeout(()=>c(),w.COPY_FEEDBACK_DURATION)},[n,b,f,c,x]),l=i.useMemo(()=>{if(!s)return[];const e=n?.hideDefaultItems?[]:[{key:"copy-content",label:x==="idle"?n?.copyLabel??f("Copy content"):f(x==="copied"?"Copied":"Copy failed"),icon:x==="copied"?d.jsx(T.CheckIcon,{size:16,className:"text-success-600 dark:text-success-400"}):d.jsx(T.ContentCopyIcon,{size:16}),isDisabled:!s.text,keepOpenOnClick:!0,onClick:D}],o=typeof n?.items=="function"?n.items(s):n?.items??[];return[...e,...o].filter(r=>p(r.isVisible,s,!0))},[n,s,D,x,f]),M=i.useMemo(()=>s?l.findIndex(e=>!p(e.isDisabled,s,!1)):-1,[l,s]);i.useLayoutEffect(()=>{if(!t||!m.current){C(null);return}const{width:e,height:o}=m.current.getBoundingClientRect(),r=w.CELL_CONTEXT_MENU_VIEWPORT_MARGIN,u=w.CELL_CONTEXT_MENU_CURSOR_OFFSET,a=t.x+e+r>window.innerWidth?t.x-e-u:t.x+u,L=t.y+o+r>window.innerHeight?t.y-o-u:t.y+u;C({left:Math.max(r,Math.min(a,window.innerWidth-e-r)),top:Math.max(r,Math.min(L,window.innerHeight-o-r))})},[t]),i.useEffect(()=>(E("idle"),()=>clearTimeout(g.current)),[t]),i.useEffect(()=>{if(!t){y(-1);return}y(M)},[t,M]),i.useEffect(()=>{if(!t||h<0)return;m.current?.querySelectorAll("[data-menu-item]")?.[h]?.focus({preventScroll:!0})},[t,h]);const N=i.useCallback(e=>{!s||l.length===0||y(o=>{let r=o;for(let u=0;u<l.length;u+=1)if(r=(r+e+l.length)%l.length,!p(l[r].isDisabled,s,!1))return r;return o})},[l,s]);if(i.useEffect(()=>{if(!t)return;const e=a=>{m.current&&!m.current.contains(a.target)&&c()},o=a=>{if(a.key==="Escape"){a.stopPropagation(),c();return}(a.key==="ArrowDown"||a.key==="ArrowUp")&&(a.preventDefault(),N(a.key==="ArrowDown"?1:-1))},r=()=>c(),u=setTimeout(()=>{document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("keydown",o),document.addEventListener("scroll",r,!0),window.addEventListener("resize",r)},0);return()=>{clearTimeout(u),document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("keydown",o),document.removeEventListener("scroll",r,!0),window.removeEventListener("resize",r)}},[t,c,N]),!t||!s||l.length===0)return null;if(b?.renderCellContextMenu)return b.renderCellContextMenu({state:t,context:s,items:l,onClose:c});const I=async e=>{p(e.isDisabled,s,!1)||(e.keepOpenOnClick||c(),await e.onClick?.(s))};return O.createPortal(d.jsx("div",{ref:m,role:"menu","aria-label":f("Cell actions"),"data-testid":"cell-context-menu",className:k("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",n?.className),style:{left:v?.left??t.x,top:v?.top??t.y,zIndex:w.CELL_CONTEXT_MENU_Z_INDEX,visibility:v?"visible":"hidden"},onContextMenu:e=>e.preventDefault(),children:l.map((e,o)=>{const r=p(e.isDisabled,s,!1);return d.jsxs(i.Fragment,{children:[e.withDividerBefore&&o>0?d.jsx("div",{className:"my-1 h-px bg-neutral-200 dark:bg-black-600"}):null,d.jsxs("button",{type:"button",role:"menuitem","data-menu-item":!0,disabled:r,"aria-disabled":r,tabIndex:o===h?0:-1,className:k("flex w-full items-center gap-3 px-3 py-1 text-sm font-medium text-left outline-none",r?"opacity-50 cursor-not-allowed":k("cursor-pointer",e.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:()=>void I(e),onMouseEnter:()=>!r&&y(o),children:[e.icon?d.jsx("span",{className:k("flex shrink-0 items-center",e.isDanger?"text-error-600 dark:text-error-400":"text-neutral-500 dark:text-black-300"),children:e.icon}):null,d.jsx("span",{className:"flex-1 truncate",children:e.label}),e.shortcut?d.jsx("span",{className:"shrink-0 text-xs text-neutral-400 dark:text-black-300",children:e.shortcut}):null]})]},e.key)})}),document.body)};exports.CellContextMenuPortal=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),$=require("../../../providers/design-system-provider/hooks.cjs.js"),X=require("./copy-text.cjs.js"),I=require("../../../_virtual/index.cjs.js"),i=require("react"),K=require("react-dom"),N=require("./constants.cjs.js"),H=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}},T=(t,o,d)=>t===void 0?d:typeof t=="function"?t(o):t,Y=({item:t,isDisabled:o,isActive:d,onSelect:y,onHover:k})=>a.jsxs("button",{type:"button",role:"menuitem","data-menu-item":!0,disabled:o,"aria-disabled":o,tabIndex:d?0:-1,className:I("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":I("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?a.jsx("span",{className:I("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,a.jsx("span",{className:"flex-1 truncate",children:t.label}),t.shortcut?a.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:_,columns:v,onClose:m})=>{const p=$.useTableConfig(),c=i.useMemo(()=>p?.t??(e=>e),[p]),b=i.useRef(null),[S,j]=i.useState(null),[g,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",c("Copied to clipboard"))):p?.showNotification?.("error",c("Could not copy to clipboard")),A({key:e,isCopied:s}),q.current=setTimeout(()=>m(),N.COPY_FEEDBACK_DURATION)},[o,p,c,m,x]),E=i.useCallback((e,n,r)=>{const s=x?.key===e;return{key:e,label:s?x?.isCopied?c("Copied"):c("Copy failed"):n,icon:s&&x?.isCopied?a.jsx(H.CheckIcon,{size:16,className:"text-success-600 dark:text-success-400"}):a.jsx(H.ContentCopyIcon,{size:16}),isDisabled:!r,keepOpenOnClick:!0,onClick:u=>P(e,r,u)}},[x,P,c]),B=i.useMemo(()=>X.getRowJson(t?.target.rowData,v),[t?.target.rowData,v]),U=i.useMemo(()=>t?X.getSelectedRowsJson(_,v,k):"",[t,_,v,k]),M=k?.length??0,L=i.useMemo(()=>{if(!l)return[];const e=o?.hideDefaultItems?[]:[E("copy-cell",o?.copyLabel??c("Copy Cell"),l.text),E("copy-row",c("Copy Row"),B),...M>0?[E("copy-selected-rows",M===1?c("Copy Selected Row"):`${c("Copy Selected Rows")} (${M})`,U)]:[]],n=typeof o?.items=="function"?o.items(l):o?.items??[];return[...e,...n].filter(r=>T(r.isVisible,l,!0))},[o,l,E,M,B,U,c]),R=i.useMemo(()=>!t||o?.includeRowOptions===!1||!d?[]:((typeof d=="function"?d(t.target.rowData):d)??[]).filter(n=>n.isVisible!==!1),[t,d,o?.includeRowOptions]),z=R.length>0;i.useEffect(()=>{if(!t||!z||!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,z,y]);const O=i.useMemo(()=>{if(h.status==="off")return R;if(h.status!=="ready")return[];const{available:e}=h;return R.filter(n=>e[n.key]??!0)},[R,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,...O.map((r,s)=>({kind:"node",key:`row-option-${r.key}`,node:r.label,withDividerBefore:n&&s===0}))]},[L,O,h.status]),D=i.useCallback(e=>e.kind==="item"?!(l&&T(e.item.isDisabled,l,!1)):e.kind==="node",[l]),F=i.useMemo(()=>f.findIndex(D),[f,D]);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,W=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(W,window.innerHeight-n-r))})},[t,f.length]),i.useEffect(()=>(A(null),()=>clearTimeout(q.current)),[t]),i.useEffect(()=>{if(!t){w(-1);return}w(F)},[t,F]),i.useEffect(()=>{if(!t||g<0)return;const e=b.current?.querySelectorAll("[data-menu-item]")[g];(e?.matches("button")?e:e?.querySelector("button")??e)?.focus({preventScroll:!0})},[t,g]);const J=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,D(f[r]))return r;return n})},[f,D]);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(),J(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,J]),!t||!l||f.length===0)return null;if(p?.renderCellContextMenu)return p.renderCellContextMenu({state:t,context:l,items:L,rowOptions:O,onClose:m});const V=async e=>{T(e.isDisabled,l,!1)||(e.keepOpenOnClick||m(),await e.onClick?.(l))};return K.createPortal(a.jsx("div",{ref:b,role:"menu","aria-label":c("Cell actions"),"data-testid":"cell-context-menu",className:I("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:S?.left??t.x,top:S?.top??t.y,zIndex:N.CELL_CONTEXT_MENU_Z_INDEX,visibility:S?"visible":"hidden"},onContextMenu:e=>e.preventDefault(),children:f.map((e,n)=>a.jsxs(i.Fragment,{children:[(e.kind==="item"?e.item.withDividerBefore&&n>0:e.withDividerBefore)?a.jsx("div",{className:"my-1 h-px bg-neutral-200 dark:bg-black-600"}):null,e.kind==="item"?a.jsx(Y,{item:e.item,isDisabled:T(e.item.isDisabled,l,!1),isActive:n===g,onSelect:()=>void V(e.item),onHover:()=>w(n)}):e.kind==="skeleton"?a.jsx("div",{className:"px-3 py-2","data-testid":"cell-context-menu-loading",children:a.jsx("div",{className:"h-3.5 w-full animate-pulse rounded bg-neutral-200 dark:bg-black-600"})}):a.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;
 //# 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} from './types';\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\ninterface CellContextMenuPortalProps {\n  state: ICellContextMenuState | null;\n  config?: ICellContextMenuConfig | 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\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\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> = ({ state, config, onClose }) => {\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<'idle' | 'copied' | 'error'>('idle');\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 (menuContext: ICellContextMenuContext) => {\n      if (copyState !== 'idle') return;\n\n      const copied = await writeToClipboard(menuContext.text);\n\n      if (copied) {\n        config?.onCopy?.(menuContext.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      // The menu stays open just long enough to confirm the copy, since not every\n      // host app wires `showNotification`.\n      setCopyState(copied ? 'copied' : 'error');\n      closeTimer.current = setTimeout(() => onClose(), COPY_FEEDBACK_DURATION);\n    },\n    [config, tableConfig, t, onClose, copyState],\n  );\n\n  const items = useMemo<ICellContextMenuItem[]>(() => {\n    if (!context) return [];\n\n    const defaultItems: ICellContextMenuItem[] = config?.hideDefaultItems\n      ? []\n      : [\n          {\n            key: 'copy-content',\n            label:\n              copyState === 'idle'\n                ? config?.copyLabel ?? t('Copy content')\n                : copyState === 'copied'\n                  ? t('Copied')\n                  : t('Copy failed'),\n            icon:\n              copyState === 'copied' ? (\n                <CheckIcon size={16} className='text-success-600 dark:text-success-400' />\n              ) : (\n                <ContentCopyIcon size={16} />\n              ),\n            isDisabled: !context.text,\n            keepOpenOnClick: true,\n            onClick: handleCopy,\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, handleCopy, copyState, t]);\n\n  const firstEnabledIndex = useMemo(\n    () => (context ? items.findIndex((item) => !resolveFlag(item.isDisabled, context, false)) : -1),\n    [items, context],\n  );\n\n  /** Clamp into the viewport once the menu has been measured. */\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]);\n\n  useEffect(() => {\n    setCopyState('idle');\n    return () => clearTimeout(closeTimer.current);\n  }, [state]);\n\n  useEffect(() => {\n    if (!state) {\n      setActiveIndex(-1);\n      return;\n    }\n    setActiveIndex(firstEnabledIndex);\n  }, [state, firstEnabledIndex]);\n\n  /** Focus follows the active item so the menu is keyboard operable. */\n  useEffect(() => {\n    if (!state || activeIndex < 0) return;\n    const buttons = menuRef.current?.querySelectorAll<HTMLButtonElement>('[data-menu-item]');\n    // preventScroll: a focus-driven scroll would immediately close the menu.\n    buttons?.[activeIndex]?.focus({ preventScroll: true });\n  }, [state, activeIndex]);\n\n  const moveActiveIndex = useCallback(\n    (direction: 1 | -1) => {\n      if (!context || items.length === 0) return;\n      setActiveIndex((current) => {\n        let next = current;\n        for (let step = 0; step < items.length; step += 1) {\n          next = (next + direction + items.length) % items.length;\n          if (!resolveFlag(items[next].isDisabled, context, false)) return next;\n        }\n        return current;\n      });\n    },\n    [items, context],\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 || items.length === 0) return null;\n\n  if (tableConfig?.renderCellContextMenu) {\n    return tableConfig.renderCellContextMenu({ state, context, items, onClose }) as JSX.Element;\n  }\n\n  const handleItemClick = async (item: ICellContextMenuItem) => {\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      {items.map((item, index) => {\n        const isDisabled = resolveFlag(item.isDisabled, context, false);\n\n        return (\n          <React.Fragment key={item.key}>\n            {item.withDividerBefore && index > 0 ? (\n              <div className='my-1 h-px bg-neutral-200 dark:bg-black-600' />\n            ) : null}\n            <button\n              type='button'\n              role='menuitem'\n              data-menu-item\n              disabled={isDisabled}\n              aria-disabled={isDisabled}\n              tabIndex={index === activeIndex ? 0 : -1}\n              className={cn(\n                'flex w-full items-center gap-3 px-3 py-1 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={() => void handleItemClick(item)}\n              onMouseEnter={() => !isDisabled && setActiveIndex(index)}\n            >\n              {item.icon ? (\n                <span\n                  className={cn(\n                    'flex shrink-0 items-center',\n                    item.isDanger ? 'text-error-600 dark:text-error-400' : 'text-neutral-500 dark:text-black-300',\n                  )}\n                >\n                  {item.icon}\n                </span>\n              ) : null}\n              <span className='flex-1 truncate'>{item.label}</span>\n              {item.shortcut ? (\n                <span className='shrink-0 text-xs text-neutral-400 dark:text-black-300'>{item.shortcut}</span>\n              ) : null}\n            </button>\n          </React.Fragment>\n        );\n      })}\n    </div>,\n    document.body,\n  );\n};\n"],"names":["writeToClipboard","text","textarea","copied","resolveFlag","flag","context","fallback","CellContextMenuPortal","state","config","onClose","tableConfig","useTableConfig","t","useMemo","key","menuRef","useRef","position","setPosition","useState","activeIndex","setActiveIndex","copyState","setCopyState","closeTimer","handleCopy","useCallback","menuContext","COPY_FEEDBACK_DURATION","items","defaultItems","jsx","CheckIcon","ContentCopyIcon","extraItems","item","firstEnabledIndex","useLayoutEffect","width","height","margin","CELL_CONTEXT_MENU_VIEWPORT_MARGIN","offset","CELL_CONTEXT_MENU_CURSOR_OFFSET","left","top","useEffect","moveActiveIndex","direction","current","next","step","handlePointerDown","event","handleKeyDown","handleScroll","timeoutId","handleItemClick","createPortal","cn","CELL_CONTEXT_MENU_Z_INDEX","index","isDisabled","jsxs","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 } from '../../icon';\nimport type {\n  ICellContextMenuConfig,\n  ICellContextMenuContext,\n  ICellContextMenuItem,\n  ICellContextMenuState,\n  IColumn,\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  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 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  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        ];\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, 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","rowJson","getRowJson","selectedRowsJson","getSelectedRowsJson","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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"}

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

@@ -1,8 +1,23 @@
-import type { ICellContextMenuConfig, ICellContextMenuState } from './types';
+import type { ICellContextMenuConfig, ICellContextMenuState, IColumn } from './types';
 import React from 'react';
+type TRowOption = {
+    key: string;
+    label: React.ReactNode;
+    isVisible?: boolean;
+};
 interface CellContextMenuPortalProps {
     state: ICellContextMenuState | null;
     config?: ICellContextMenuConfig | null;
+    /** The table's row actions, appended to the menu — same list the three-dot cell renders. */
+    rowOptions?: TRowOption[] | ((rowData: Record<string, unknown>) => TRowOption[] | null) | null;
+    /** Per-row availability check for `rowOptions`, mirroring the three-dot cell so both menus agree. */
+    asyncRowOptionsFilter?: ((rowId: string) => Promise<Record<string, boolean>>) | null;
+    /** Checked row ids, enabling the "Copy selected rows" item. */
+    checkedIds?: (string | number)[];
+    /** Table rows, used to build the text for selected rows that are scrolled out of view. */
+    rows?: Record<string, unknown>[];
+    /** Visible columns in display order, used to order the copied values. */
+    columns?: IColumn[];
     onClose: () => void;
 }
 /**

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

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