@lax-wp/design-system 0.14.35 → 0.14.37

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

@@ -0,0 +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;
+//# sourceMappingURL=CellContextMenuPortal.cjs.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,28 @@
+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;
+}
+/**
+ * Right-click menu for data cells. Rendered once per table and positioned at the
+ * cursor; `DataCell` opens it through `openCellContextMenu` on the table context.
+ */
+export declare const CellContextMenuPortal: React.FC<CellContextMenuPortalProps>;
+export {};

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

@@ -0,0 +1,226 @@
+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) => {
+  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 c = document.execCommand("copy");
+    return document.body.removeChild(o), c;
+  } 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(
+  "button",
+  {
+    type: "button",
+    role: "menuitem",
+    "data-menu-item": !0,
+    disabled: o,
+    "aria-disabled": o,
+    tabIndex: c ? 0 : -1,
+    className: M(
+      "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(
+        "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 && 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
+    ]
+  }
+), he = ({
+  state: t,
+  config: o,
+  rowOptions: c,
+  asyncRowOptionsFilter: k,
+  checkedIds: x,
+  rows: A,
+  columns: B,
+  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(
+    () => t ? { ...t.target, close: u } : null,
+    [t, u]
+  ), F = L(
+    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);
+    },
+    [o, p, s, u, h]
+  ), E = 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(oe, { size: 16, className: "text-success-600 dark:text-success-400" }) : /* @__PURE__ */ m(ie, { size: 16 }),
+        isDisabled: !r,
+        keepOpenOnClick: !0,
+        onClick: (a) => F(e, r, a)
+      };
+    },
+    [h, F, s]
+  ), X = f(() => Y(A, B, x), [A, B, x]), N = x?.length ?? 0, O = f(() => {
+    if (!l) 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(
+          "copy-selected-rows",
+          N === 1 ? s("Copy selected row") : `${s("Copy selected rows")} (${N})`,
+          X
+        )
+      ] : []
+    ], 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" });
+      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" })), () => {
+      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 }] : [
+      ...e,
+      ...S.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(() => {
+    if (!t || !b.current) {
+      P(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({
+      left: Math.max(r, Math.min(a, window.innerWidth - e - r)),
+      top: Math.max(r, Math.min(K, window.innerHeight - n - r))
+    });
+  }, [t, d.length]), v(() => (U(null), () => clearTimeout(z.current)), [t]), v(() => {
+    if (!t) {
+      w(-1);
+      return;
+    }
+    w(V);
+  }, [t, V]), v(() => {
+    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 W = L(
+    (e) => {
+      d.length !== 0 && w((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;
+        return n;
+      });
+    },
+    [d, D]
+  );
+  if (v(() => {
+    if (!t) return;
+    const e = (a) => {
+      b.current && !b.current.contains(a.target) && u();
+    }, n = (a) => {
+      if (a.key === "Escape") {
+        a.stopPropagation(), u();
+        return;
+      }
+      (a.key === "ArrowDown" || a.key === "ArrowUp") && (a.preventDefault(), W(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;
+  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 Q(
+    /* @__PURE__ */ m(
+      "div",
+      {
+        ref: b,
+        role: "menu",
+        "aria-label": s("Cell actions"),
+        "data-testid": "cell-context-menu",
+        className: M(
+          "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: _?.left ?? t.x,
+          top: _?.top ?? t.y,
+          zIndex: ne,
+          // Hidden until measured so the flip/clamp never flashes at the wrong spot.
+          visibility: _ ? "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,
+            {
+              item: e.item,
+              isDisabled: R(e.item.isDisabled, l, !1),
+              isActive: n === g,
+              onSelect: () => void q(e.item),
+              onHover: () => w(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: u, onMouseEnter: () => w(n), children: e.node })
+          )
+        ] }, e.key))
+      }
+    ),
+    document.body
+  );
+};
+export {
+  he as CellContextMenuPortal
+};
+//# sourceMappingURL=CellContextMenuPortal.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CellContextMenuPortal.es.js","sources":["../../../../src/components/data-display/infinite-table/CellContextMenuPortal.tsx"],"sourcesContent":["import { useTableConfig } from '../../../providers/design-system-provider/hooks';\nimport { CheckIcon, ContentCopyIcon } 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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"}

package/dist/components/data-display/infinite-table/body/cell/DataCell.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),Re=require("../../../../../hooks/useTheme.cjs.js"),S=require("../../../../../utils/formatters.cjs.js"),Ie=require("../../../../../constants/table.cjs.js"),Oe=require("../../../../../providers/design-system-provider/hooks.cjs.js"),U=require("../../../../tooltip/Tooltip.cjs.js"),Ve=require("../../../typography/Typography.cjs.js"),qe=require("@mui/icons-material"),k=require("../../../../../_virtual/index.cjs.js"),a=require("react"),ze=require("react-router-dom"),Ae=require("../../context.cjs.js"),Fe=require("./InlineEditField.cjs.js"),C=require("../../constants.cjs.js"),g=require("../../../../icon/icons.generated.cjs.js");let Y;const se=e=>{const t=Number(e);if(Number.isNaN(t)||e===null||e===void 0)return"0ms";if(t>=864e5){const p=Math.floor(t/864e5),f=Math.floor(t%864e5/36e5),i=Math.floor(t%36e5/6e4),b=Math.floor(t%6e4/1e3);return`${p}d ${f}h ${i}m ${b}s`}if(t>=36e5){const p=Math.floor(t/36e5),f=Math.floor(t%36e5/6e4),i=Math.floor(t%6e4/1e3);return`${p}h ${f}m ${i}s`}if(t>=6e4){const p=Math.floor(t/6e4),f=Math.floor(t%6e4/1e3);return`${p}m ${f}s`}return t>=1e3?`${(t/1e3).toFixed(2)}s`:`${t}ms`},Ee=({children:e,withLink:t,linkTo:p,rowData:f,disableRowClick:i})=>t&&!i?o.jsx(ze.Link,{to:p?.(f?.id,f)||"",children:e}):e,Ke=({cell:e,id:t,nextWidthSum:p,isLastCell:f,rowHovering:i,index:b,isFirstStickyCell:ne,handleCellClick:ue,currentData:y,highlightSubstring:D,is_read:Ue,is_modified:B,is_row_modified:X,is_deleted:R,is_added:I,level:x,inlineEditing:v,isInlineEditing:c,setRowHovering:M,handleCellValueChange:ie,cellRef:le,handleUpdateCellData:ce,registerValidation:me,loadingExpand:de,toggleRowExpand:G,isDraggingOver:fe,isLoading:$,is_incomplete:H,pendingEdit:s,hasPendingEdit:l,pendingValidationError:we})=>{const{cascadingTableConfig:P,originalsOnly:pe,maxLevel:he,showNewItem:Ye,expandedRows:be,rowLinkConfig:O,multiSelectConfig:ye,cellEditing:V,cellEditingValue:q,allowInlineEdit:J,fieldOperationLoading:xe,pendingEdits:ve,selectedRowId:z}=a.useContext(Ae.TableContext),ke=z!=null&&String(z)===String(t),Te=Oe.useTableConfig(),A=(e?.column?.key?e?.row?.original?.__cellMetadata?.[e.column.key]:void 0)?.is_locked??e?.column?.is_locked,F=(e?.column?.key?ve?.[t]?.[e.column.key]?.validationError:null)||we||null,Q=v===e.column.key&&e?.column?.canEdit&&!A&&!e?.column?.is_disabled,Ce=xe===`${t}-${e?.column?.id}`,{theme:ge}=Re.useTheme(),_e=ge==="dark",je=a.useCallback(()=>M(t),[M,t]),Le=a.useCallback(()=>M(null),[M]),_=Te?.formatDuration,[n,w]=a.useState(e?.column?.dataType==="duration"&&e?.value?_?_(e.value):se(e.value):e.value),[h,Z]=a.useState(null),[E,Ne]=a.useState(!1),[Se,ee]=a.useState(!1),[De,oe]=a.useState(!1),j=a.useRef(null),L=a.useRef(),N=a.useRef(),{selectedColumnIds:te=[]}=ye||{},re=!Object.prototype.hasOwnProperty.call(e?.column?.meta??{},"shouldHighlight")||e?.column?.meta?.shouldHighlight,ae=a.useCallback(()=>{j.current&&Ne(j.current.scrollWidth>j.current.clientWidth)},[]),K=a.useCallback(r=>{L.current&&clearTimeout(L.current),r?ee(!0):L.current=setTimeout(()=>ee(!1),200)},[]),W=a.useCallback(r=>{N.current&&clearTimeout(N.current),r?oe(!0):N.current=setTimeout(()=>oe(!1),200)},[]),T=k({"bg-amber-100 dark:bg-amber-900/30":l,"bg-neutral-100 dark:bg-black-600":i===t&&!c&&!l&&!(R||y?.is_deleted)&&!(I||y?.is_added),"bg-error-200 dark:bg-error-900":i===t&&!c&&!l&&(R||y?.is_deleted),"bg-success-100 dark:bg-success-800":i===t&&!c&&!l&&(I||y?.is_added),"bg-warning-100 dark:bg-warning-950":i===t&&!c&&!l&&(H||B||X||y?.is_row_modified),"bg-warning-50 dark:bg-orange-900":(H||B||X||y?.is_row_modified)&&!$&&i!==t&&!c&&!l,"bg-error-100 dark:bg-error-975":(R||y?.is_deleted)&&!$&&i!==t&&!c&&!l,"bg-success-50 dark:bg-success-900":(I||y?.is_added)&&!$&&i!==t&&!c&&!l,"bg-primary-50 dark:bg-primary-900":(fe||c)&&!l,"bg-primary-50 dark:bg-primary-800":te?.includes(e.column.id)&&!c&&!l,"bg-primary-50 dark:bg-primary-700":ke&&i!==t&&!c&&!l&&!$,[Ie.getTableRowBgClassNamesByStatus[e?.row?.original?.__rowBgStatus]]:e?.row?.original?.__rowBgStatus&&!c&&!l}),Me=r=>{e.column?.disableRowClick||ue(r)};a.useEffect(()=>(e?.row?.original?.status==="running"&&e.column?.dataType==="duration"&&(Y=setInterval(()=>{const u=new Date(S.formatDate(e?.row?.original?.created_at||e?.row?.original?.executed_on,{withTime:!0,format:"yyyy-MM-dd HH:mm:ss"})),d=Math.abs(new Date().getTime()-new Date(u).getTime());w(_?_(d):se(d))},500)),()=>{Y&&clearInterval(Y)}),[n,e.value,e?.row?.original?.created_at,e?.row?.original?.executed_on,e?.row?.original?.status,e.column?.dataType,_]),a.useEffect(()=>{(e?.column?.tooltipCellKey||e?.column?.type?.toLowerCase()==="url")&&(e?.column?.type?.toLowerCase()==="url"?Z(e?.value):Z(e?.row?.original?.[String(e?.column?.tooltipCellKey)]))},[e?.column?.tooltipCellKey,e?.row?.original,e?.column?.type,e?.value]),a.useEffect(()=>{if(e?.column?.type?.toLowerCase()==="currency")if(s?.value!==void 0){const r=e?.row?.original?.__rawData,u=e?.column?.Header,d=s?.meta?.currency_code||r?.[u]?.currency_code||"USD";w(S.formatCurrency(s.value,d))}else{const r=e?.row?.original?.__rawData,u=e?.column?.Header;w(S.formatCurrency(e?.value,r?.[u]?.currency_code||"USD"))}},[e?.value,e?.column?.type,e?.column?.Header,e?.row?.original?.__rawData,s?.value,s?.meta?.currency_code]),a.useEffect(()=>{e?.column?.type?.toLowerCase()==="percentage"&&(s?.value!==void 0?w(s.value?.toString()+"%"||""):w(e?.value?.toString()+"%"||""))},[e?.value,e?.column?.type,s?.value]),a.useEffect(()=>{const r=e?.column?.type?.toLowerCase()||"";if(["date","datetime"].includes(r))if(s?.value!==void 0){const u=r==="datetime",d=S.formatDate(s.value,{withTime:u,skipTimezone:!0});w(d||s.value)}else w(e.value)},[e?.value,e?.column?.type,s?.value]),a.useEffect(()=>{const r=e?.column?.type?.toLowerCase()||"";["currency","percentage","duration","boolean","date","datetime"].includes(r)||(s?.value!==void 0?w(s.value):e?.column?.dataType!=="duration"&&w(e.value))},[e?.value,e?.column?.type,e?.column?.dataType,s?.value]),a.useEffect(()=>{if(e?.column?.type?.toLowerCase()==="boolean"&&J){const r=s?.value!==void 0?s.value:e?.value;w(r===!0||r==="true"||r==="True"||r==="Yes"||r===1?"Yes":"No")}},[e?.value,e?.column?.type,J,s?.value]),a.useEffect(()=>()=>{L.current&&clearTimeout(L.current),N.current&&clearTimeout(N.current)},[]);const m=a.isValidElement(n);return o.jsxs("td",{id:e.value,"data-column-key":e?.column?.key,...e.getCellProps(),onClick:O?.isEnabled?void 0:Me,className:k("h-row",{"sticky left-0":e?.column?.sticky,relative:!e?.column?.sticky,"w-full":f,"overflow-visible":v===e.column.key,"overflow-x-hidden overflow-y-visible":v!==e.column.key&&m,"overflow-hidden":v!==e.column.key&&!m},F&&!Q?"outline outline-2 outline-error-500 -outline-offset-2 z-[5]":"",`${T||"bg-white dark:bg-black-800"}`),style:{minWidth:`${e.column.width}px`,maxWidth:`${e.column.width}px`,right:e?.column?.sticky?`${p}px`:C.CELL_DEFAULT_RIGHT_OFFSET,paddingLeft:x>0&&b===0?`${x*C.CELL_INDENT_PER_LEVEL_PX}px`:void 0},onMouseEnter:je,onMouseLeave:Le,children:[o.jsx(Ee,{withLink:O?.isEnabled,linkTo:O?.linkTo||void 0,rowData:e?.row?.original,disableRowClick:e?.column?.disableRowClick,children:(Array.isArray(V)?V.includes(`${t}-${e?.column?.id}`):V===`${t}-${e?.column?.id}`)?o.jsxs("div",{className:"h-row top-0 font-medium font-inter w-full absolute flex items-center px-4",children:[o.jsx("span",{className:"text-neutral-400 dark:text-black-400 truncate",children:(()=>{const r=`${t}-${e?.column?.id}`,u=typeof q=="object"?q?.[r]:q,d=e?.column?.type?.toLowerCase();if(d==="boolean")return u===!0||u==="true"||u==="True"?"Yes":"No";if((d==="date"||d==="datetime")&&u){const $e=d==="datetime";return S.formatDate(u,{withTime:$e,skipTimezone:!0})||String(u)}return u!=null?String(u):n})()}),o.jsx("div",{className:"ml-2 flex items-center gap-1.5",children:o.jsx(g.LoadingSpinnerIcon,{className:"spinner text-neutral-600 dark:text-white",size:12})})]}):v===e.column.key&&e?.column?.canEdit&&!A&&!e?.column?.is_disabled?o.jsx("div",{className:"h-row w-full absolute top-0 left-0 flex items-center",style:{marginLeft:x>0&&b===0?`-${x*C.CELL_INDENT_PER_LEVEL_PX}px`:void 0,width:x>0&&b===0?`calc(100% + ${x*C.CELL_INDENT_PER_LEVEL_PX}px)`:"100%"},children:o.jsx(Fe.InlineEditField,{cell:e,id:t,inlineEditing:v,cellRef:le,handleCellValueChange:ie,handleUpdateCellData:ce,registerValidation:me})}):o.jsxs(o.Fragment,{children:[x>0&&b===0&&o.jsx("div",{className:"h-row border-l border-neutral-300 dark:border-black-600 ml-2"}),o.jsx("div",{className:"min-h-6",children:o.jsx(U,{title:h&&e?.column?.type?.toLowerCase()!=="url"?h:void 0,hideTooltip:!h||e?.column?.type?.toLowerCase()==="url",delayShow:!0,placement:"top",children:o.jsxs("div",{className:k(`h-row top-0 font-medium font-inter overflow-index-auto whitespace-nowrap text-ellipsis dark:text-black-200 w-full absolute flex items-center ${T||"bg-white dark:bg-black-800"}`,m?"overflow-x-hidden overflow-y-visible":"overflow-x-hidden",{"border border-b-0 border-t-0 border-primary-600 dark:border-blue-800":te?.includes(e.column.id)}),style:e?.column?.sticky&&ne?{boxShadow:_e?C.CELL_STICKY_SHADOW_DARK:C.CELL_STICKY_SHADOW_LIGHT}:{},children:[P?.isCascading&&!pe&&b===0&&o.jsx("div",{className:k("w-[22px] h-row flex items-center px-4",`${T||"bg-white dark:bg-black-800"}`),id:"cascading",children:he>x&&(e?.row?.original?.__has_children||P?.showAllDropdown)&&o.jsx("div",{children:de?o.jsx(g.LoadingSpinnerIcon,{className:"text-neutral-600 dark:text-white",size:8}):o.jsx("div",{children:be?.[t]?.isOpen?o.jsx(g.KeyboardArrowDownIcon,{size:20,className:"text-neutral-400 dark:text-neutral-400",onClick:r=>{G(),r.stopPropagation()}}):o.jsx(g.KeyboardArrowRightFilledIcon,{size:20,className:"text-neutral-400 dark:text-neutral-400",onClick:r=>{G(),r.stopPropagation()}})})})}),e?.column?.type?.toLowerCase()==="url"&&h?o.jsx(U,{title:o.jsx("div",{onMouseEnter:()=>K(!0),onMouseLeave:()=>K(!1),children:o.jsx("a",{href:h,target:"_blank",rel:"noopener noreferrer",onClick:r=>r.stopPropagation(),children:o.jsxs("div",{className:"flex gap-1 items-center w-full",children:[o.jsx("div",{className:"w-4 h-4",children:o.jsx(g.LinkIcon,{height:16,width:16})}),o.jsx(Ve.Typography,{variant:"medium",size:"small",className:"truncate",appearance:"custom",children:h}),o.jsx(qe.OpenInNewRounded,{sx:{height:"16px",width:"16px",color:"#016DCF"}})]})})}),placement:"top",open:Se,onOpenChange:K,className:"block w-full min-w-0 overflow-hidden",children:o.jsx("div",{className:"w-full h-row flex items-center px-4 min-w-0 overflow-hidden text-primary-400",children:o.jsx("span",{ref:j,onMouseEnter:ae,className:"truncate w-full",children:D&&re&&!a.isValidElement(n)&&typeof n!="object"?D(n):n})})}):o.jsx(U,{title:E&&n&&!m?o.jsx("div",{onMouseEnter:()=>W(!0),onMouseLeave:()=>W(!1),className:"max-h-96 overflow-y-auto whitespace-pre-wrap break-words no-scroll",children:String(n)}):void 0,placement:"top",delayShow:!0,hideTooltip:!!h,open:E&&!h&&!m?De:void 0,onOpenChange:E&&!h&&!m?W:void 0,className:k("block w-full min-w-0",m?"overflow-x-hidden overflow-y-visible":"overflow-hidden"),children:o.jsx("div",{className:k("w-full h-row flex items-center px-4 min-w-0",m?"overflow-x-hidden overflow-y-visible":"overflow-hidden"),children:o.jsx("span",{ref:m?void 0:j,onMouseEnter:m?void 0:ae,className:k(m?"flex min-w-0 max-w-full items-center justify-start gap-1":"truncate w-full"),children:D&&re&&!a.isValidElement(n)&&typeof n!="object"?D(n):a.isValidElement(n)?typeof n.type=="string"?n:a.cloneElement(n,{...n.props,containerWidth:e.column.width}):n})})})]})})})]})}),F&&!Q&&o.jsx("div",{className:"absolute bottom-0 left-0 right-0 h-row flex items-end pointer-events-none z-[5]",children:o.jsx("div",{className:"w-full bg-error-50 dark:bg-error-975 px-1.5 py-0.5 truncate",children:o.jsx("span",{className:"text-error-600 text-2xs font-medium leading-none",children:F})})}),Ce&&!(v===e.column.key&&e?.column?.canEdit&&!A&&!e?.column?.is_disabled)&&o.jsx("div",{className:"absolute top-0 right-0 bg-white dark:bg-black-800 rounded-full w-5 h-5 flex items-center justify-center border border-primary-300 dark:border-primary-600 shadow-sm z-10",children:o.jsx(g.LoadingSpinnerIcon,{className:"text-primary-600 dark:text-white",size:8})})]},b)},We=a.memo(Ke);exports.DataCell=We;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),Ve=require("../../../../../hooks/useTheme.cjs.js"),S=require("../../../../../utils/formatters.cjs.js"),Fe=require("../../../../../constants/table.cjs.js"),ze=require("../../../../../providers/design-system-provider/hooks.cjs.js"),X=require("../../../../tooltip/Tooltip.cjs.js"),Ae=require("../../../typography/Typography.cjs.js"),Ee=require("@mui/icons-material"),k=require("../../../../../_virtual/index.cjs.js"),a=require("react"),Ke=require("react-router-dom"),We=require("../../context.cjs.js"),ue=require("../../copy-text.cjs.js"),Ue=require("./InlineEditField.cjs.js"),T=require("../../constants.cjs.js"),g=require("../../../../icon/icons.generated.cjs.js");let P;const ie=e=>{const t=Number(e);if(Number.isNaN(t)||e===null||e===void 0)return"0ms";if(t>=864e5){const p=Math.floor(t/864e5),f=Math.floor(t%864e5/36e5),i=Math.floor(t%36e5/6e4),x=Math.floor(t%6e4/1e3);return`${p}d ${f}h ${i}m ${x}s`}if(t>=36e5){const p=Math.floor(t/36e5),f=Math.floor(t%36e5/6e4),i=Math.floor(t%6e4/1e3);return`${p}h ${f}m ${i}s`}if(t>=6e4){const p=Math.floor(t/6e4),f=Math.floor(t%6e4/1e3);return`${p}m ${f}s`}return t>=1e3?`${(t/1e3).toFixed(2)}s`:`${t}ms`},Ye=({children:e,withLink:t,linkTo:p,rowData:f,disableRowClick:i})=>t&&!i?o.jsx(Ke.Link,{to:p?.(f?.id,f)||"",children:e}):e,Be=({cell:e,id:t,nextWidthSum:p,isLastCell:f,rowHovering:i,index:x,isFirstStickyCell:le,handleCellClick:ce,currentData:y,highlightSubstring:M,is_read:Pe,is_modified:G,is_row_modified:H,is_deleted:I,is_added:O,level:b,inlineEditing:v,isInlineEditing:c,setRowHovering:D,handleCellValueChange:me,cellRef:de,handleUpdateCellData:fe,registerValidation:we,loadingExpand:pe,toggleRowExpand:J,isDraggingOver:he,isLoading:$,is_incomplete:Q,pendingEdit:u,hasPendingEdit:l,pendingValidationError:xe})=>{const{cascadingTableConfig:Z,originalsOnly:ye,maxLevel:be,showNewItem:Ge,expandedRows:ve,rowLinkConfig:q,multiSelectConfig:ke,cellEditing:V,cellEditingValue:F,allowInlineEdit:ee,fieldOperationLoading:Ce,pendingEdits:Te,selectedRowId:z,cellContextMenuConfig:A,openCellContextMenu:E}=a.useContext(We.TableContext),ge=z!=null&&String(z)===String(t),_e=ze.useTableConfig(),K=(e?.column?.key?e?.row?.original?.__cellMetadata?.[e.column.key]:void 0)?.is_locked??e?.column?.is_locked,W=(e?.column?.key?Te?.[t]?.[e.column.key]?.validationError:null)||xe||null,R=v===e.column.key&&e?.column?.canEdit&&!K&&!e?.column?.is_disabled,je=Ce===`${t}-${e?.column?.id}`,{theme:Le}=Ve.useTheme(),Ne=Le==="dark",Se=a.useCallback(()=>D(t),[D,t]),Me=a.useCallback(()=>D(null),[D]),_=_e?.formatDuration,[s,w]=a.useState(e?.column?.dataType==="duration"&&e?.value?_?_(e.value):ie(e.value):e.value),[h,oe]=a.useState(null),[U,De]=a.useState(!1),[$e,te]=a.useState(!1),[Re,re]=a.useState(!1),j=a.useRef(null),L=a.useRef(),N=a.useRef(),{selectedColumnIds:ae=[]}=ke||{},ne=!Object.prototype.hasOwnProperty.call(e?.column?.meta??{},"shouldHighlight")||e?.column?.meta?.shouldHighlight,se=a.useCallback(()=>{j.current&&De(j.current.scrollWidth>j.current.clientWidth)},[]),Y=a.useCallback(r=>{L.current&&clearTimeout(L.current),r?te(!0):L.current=setTimeout(()=>te(!1),200)},[]),B=a.useCallback(r=>{N.current&&clearTimeout(N.current),r?re(!0):N.current=setTimeout(()=>re(!1),200)},[]),C=k({"bg-amber-100 dark:bg-amber-900/30":l,"bg-neutral-100 dark:bg-black-600":i===t&&!c&&!l&&!(I||y?.is_deleted)&&!(O||y?.is_added),"bg-error-200 dark:bg-error-900":i===t&&!c&&!l&&(I||y?.is_deleted),"bg-success-100 dark:bg-success-800":i===t&&!c&&!l&&(O||y?.is_added),"bg-warning-100 dark:bg-warning-950":i===t&&!c&&!l&&(Q||G||H||y?.is_row_modified),"bg-warning-50 dark:bg-orange-900":(Q||G||H||y?.is_row_modified)&&!$&&i!==t&&!c&&!l,"bg-error-100 dark:bg-error-975":(I||y?.is_deleted)&&!$&&i!==t&&!c&&!l,"bg-success-50 dark:bg-success-900":(O||y?.is_added)&&!$&&i!==t&&!c&&!l,"bg-primary-50 dark:bg-primary-900":(he||c)&&!l,"bg-primary-50 dark:bg-primary-800":ae?.includes(e.column.id)&&!c&&!l,"bg-primary-50 dark:bg-primary-700":ge&&i!==t&&!c&&!l&&!$,[Fe.getTableRowBgClassNamesByStatus[e?.row?.original?.__rowBgStatus]]:e?.row?.original?.__rowBgStatus&&!c&&!l}),Ie=r=>{e.column?.disableRowClick||ce(r)},Oe=a.useCallback(r=>{if(A?.isEnabled===!1||!E||R)return;const n={rowId:t,rowData:e?.row?.original??{},columnKey:e?.column?.key??"",column:e.column,value:e?.value,text:ue.getCellText(s,e?.value,r.currentTarget),rowText:ue.getRowText(r.currentTarget),cell:e};A?.isDisabledForCell?.(n)||(r.preventDefault(),r.stopPropagation(),E({x:r.clientX,y:r.clientY,target:n}))},[A,E,R,t,e,s]);a.useEffect(()=>(e?.row?.original?.status==="running"&&e.column?.dataType==="duration"&&(P=setInterval(()=>{const n=new Date(S.formatDate(e?.row?.original?.created_at||e?.row?.original?.executed_on,{withTime:!0,format:"yyyy-MM-dd HH:mm:ss"})),d=Math.abs(new Date().getTime()-new Date(n).getTime());w(_?_(d):ie(d))},500)),()=>{P&&clearInterval(P)}),[s,e.value,e?.row?.original?.created_at,e?.row?.original?.executed_on,e?.row?.original?.status,e.column?.dataType,_]),a.useEffect(()=>{(e?.column?.tooltipCellKey||e?.column?.type?.toLowerCase()==="url")&&(e?.column?.type?.toLowerCase()==="url"?oe(e?.value):oe(e?.row?.original?.[String(e?.column?.tooltipCellKey)]))},[e?.column?.tooltipCellKey,e?.row?.original,e?.column?.type,e?.value]),a.useEffect(()=>{if(e?.column?.type?.toLowerCase()==="currency")if(u?.value!==void 0){const r=e?.row?.original?.__rawData,n=e?.column?.Header,d=u?.meta?.currency_code||r?.[n]?.currency_code||"USD";w(S.formatCurrency(u.value,d))}else{const r=e?.row?.original?.__rawData,n=e?.column?.Header;w(S.formatCurrency(e?.value,r?.[n]?.currency_code||"USD"))}},[e?.value,e?.column?.type,e?.column?.Header,e?.row?.original?.__rawData,u?.value,u?.meta?.currency_code]),a.useEffect(()=>{e?.column?.type?.toLowerCase()==="percentage"&&(u?.value!==void 0?w(u.value?.toString()+"%"||""):w(e?.value?.toString()+"%"||""))},[e?.value,e?.column?.type,u?.value]),a.useEffect(()=>{const r=e?.column?.type?.toLowerCase()||"";if(["date","datetime"].includes(r))if(u?.value!==void 0){const n=r==="datetime",d=S.formatDate(u.value,{withTime:n,skipTimezone:!0});w(d||u.value)}else w(e.value)},[e?.value,e?.column?.type,u?.value]),a.useEffect(()=>{const r=e?.column?.type?.toLowerCase()||"";["currency","percentage","duration","boolean","date","datetime"].includes(r)||(u?.value!==void 0?w(u.value):e?.column?.dataType!=="duration"&&w(e.value))},[e?.value,e?.column?.type,e?.column?.dataType,u?.value]),a.useEffect(()=>{if(e?.column?.type?.toLowerCase()==="boolean"&&ee){const r=u?.value!==void 0?u.value:e?.value;w(r===!0||r==="true"||r==="True"||r==="Yes"||r===1?"Yes":"No")}},[e?.value,e?.column?.type,ee,u?.value]),a.useEffect(()=>()=>{L.current&&clearTimeout(L.current),N.current&&clearTimeout(N.current)},[]);const m=a.isValidElement(s);return o.jsxs("td",{id:e.value,"data-column-key":e?.column?.key,...e.getCellProps(),onClick:q?.isEnabled?void 0:Ie,className:k("h-row",{"sticky left-0":e?.column?.sticky,relative:!e?.column?.sticky,"w-full":f,"overflow-visible":v===e.column.key,"overflow-x-hidden overflow-y-visible":v!==e.column.key&&m,"overflow-hidden":v!==e.column.key&&!m},W&&!R?"outline outline-2 outline-error-500 -outline-offset-2 z-[5]":"",`${C||"bg-white dark:bg-black-800"}`),style:{minWidth:`${e.column.width}px`,maxWidth:`${e.column.width}px`,right:e?.column?.sticky?`${p}px`:T.CELL_DEFAULT_RIGHT_OFFSET,paddingLeft:b>0&&x===0?`${b*T.CELL_INDENT_PER_LEVEL_PX}px`:void 0},onMouseEnter:Se,onMouseLeave:Me,onContextMenu:Oe,children:[o.jsx(Ye,{withLink:q?.isEnabled,linkTo:q?.linkTo||void 0,rowData:e?.row?.original,disableRowClick:e?.column?.disableRowClick,children:(Array.isArray(V)?V.includes(`${t}-${e?.column?.id}`):V===`${t}-${e?.column?.id}`)?o.jsxs("div",{className:"h-row top-0 font-medium font-inter w-full absolute flex items-center px-4",children:[o.jsx("span",{className:"text-neutral-400 dark:text-black-400 truncate",children:(()=>{const r=`${t}-${e?.column?.id}`,n=typeof F=="object"?F?.[r]:F,d=e?.column?.type?.toLowerCase();if(d==="boolean")return n===!0||n==="true"||n==="True"?"Yes":"No";if((d==="date"||d==="datetime")&&n){const qe=d==="datetime";return S.formatDate(n,{withTime:qe,skipTimezone:!0})||String(n)}return n!=null?String(n):s})()}),o.jsx("div",{className:"ml-2 flex items-center gap-1.5",children:o.jsx(g.LoadingSpinnerIcon,{className:"spinner text-neutral-600 dark:text-white",size:12})})]}):v===e.column.key&&e?.column?.canEdit&&!K&&!e?.column?.is_disabled?o.jsx("div",{className:"h-row w-full absolute top-0 left-0 flex items-center",style:{marginLeft:b>0&&x===0?`-${b*T.CELL_INDENT_PER_LEVEL_PX}px`:void 0,width:b>0&&x===0?`calc(100% + ${b*T.CELL_INDENT_PER_LEVEL_PX}px)`:"100%"},children:o.jsx(Ue.InlineEditField,{cell:e,id:t,inlineEditing:v,cellRef:de,handleCellValueChange:me,handleUpdateCellData:fe,registerValidation:we})}):o.jsxs(o.Fragment,{children:[b>0&&x===0&&o.jsx("div",{className:"h-row border-l border-neutral-300 dark:border-black-600 ml-2"}),o.jsx("div",{className:"min-h-6",children:o.jsx(X,{title:h&&e?.column?.type?.toLowerCase()!=="url"?h:void 0,hideTooltip:!h||e?.column?.type?.toLowerCase()==="url",delayShow:!0,placement:"top",children:o.jsxs("div",{className:k(`h-row top-0 font-medium font-inter overflow-index-auto whitespace-nowrap text-ellipsis dark:text-black-200 w-full absolute flex items-center ${C||"bg-white dark:bg-black-800"}`,m?"overflow-x-hidden overflow-y-visible":"overflow-x-hidden",{"border border-b-0 border-t-0 border-primary-600 dark:border-blue-800":ae?.includes(e.column.id)}),style:e?.column?.sticky&&le?{boxShadow:Ne?T.CELL_STICKY_SHADOW_DARK:T.CELL_STICKY_SHADOW_LIGHT}:{},children:[Z?.isCascading&&!ye&&x===0&&o.jsx("div",{className:k("w-[22px] h-row flex items-center px-4",`${C||"bg-white dark:bg-black-800"}`),id:"cascading",children:be>b&&(e?.row?.original?.__has_children||Z?.showAllDropdown)&&o.jsx("div",{children:pe?o.jsx(g.LoadingSpinnerIcon,{className:"text-neutral-600 dark:text-white",size:8}):o.jsx("div",{children:ve?.[t]?.isOpen?o.jsx(g.KeyboardArrowDownIcon,{size:20,className:"text-neutral-400 dark:text-neutral-400",onClick:r=>{J(),r.stopPropagation()}}):o.jsx(g.KeyboardArrowRightFilledIcon,{size:20,className:"text-neutral-400 dark:text-neutral-400",onClick:r=>{J(),r.stopPropagation()}})})})}),e?.column?.type?.toLowerCase()==="url"&&h?o.jsx(X,{title:o.jsx("div",{onMouseEnter:()=>Y(!0),onMouseLeave:()=>Y(!1),children:o.jsx("a",{href:h,target:"_blank",rel:"noopener noreferrer",onClick:r=>r.stopPropagation(),children:o.jsxs("div",{className:"flex gap-1 items-center w-full",children:[o.jsx("div",{className:"w-4 h-4",children:o.jsx(g.LinkIcon,{height:16,width:16})}),o.jsx(Ae.Typography,{variant:"medium",size:"small",className:"truncate",appearance:"custom",children:h}),o.jsx(Ee.OpenInNewRounded,{sx:{height:"16px",width:"16px",color:"#016DCF"}})]})})}),placement:"top",open:$e,onOpenChange:Y,className:"block w-full min-w-0 overflow-hidden",children:o.jsx("div",{className:"w-full h-row flex items-center px-4 min-w-0 overflow-hidden text-primary-400",children:o.jsx("span",{ref:j,"data-cell-content":!0,onMouseEnter:se,className:"truncate w-full",children:M&&ne&&!a.isValidElement(s)&&typeof s!="object"?M(s):s})})}):o.jsx(X,{title:U&&s&&!m?o.jsx("div",{onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1),className:"max-h-96 overflow-y-auto whitespace-pre-wrap break-words no-scroll",children:String(s)}):void 0,placement:"top",delayShow:!0,hideTooltip:!!h,open:U&&!h&&!m?Re:void 0,onOpenChange:U&&!h&&!m?B:void 0,className:k("block w-full min-w-0",m?"overflow-x-hidden overflow-y-visible":"overflow-hidden"),children:o.jsx("div",{className:k("w-full h-row flex items-center px-4 min-w-0",m?"overflow-x-hidden overflow-y-visible":"overflow-hidden"),children:o.jsx("span",{ref:m?void 0:j,"data-cell-content":!0,onMouseEnter:m?void 0:se,className:k(m?"flex min-w-0 max-w-full items-center justify-start gap-1":"truncate w-full"),children:M&&ne&&!a.isValidElement(s)&&typeof s!="object"?M(s):a.isValidElement(s)?typeof s.type=="string"?s:a.cloneElement(s,{...s.props,containerWidth:e.column.width}):s})})})]})})})]})}),W&&!R&&o.jsx("div",{className:"absolute bottom-0 left-0 right-0 h-row flex items-end pointer-events-none z-[5]",children:o.jsx("div",{className:"w-full bg-error-50 dark:bg-error-975 px-1.5 py-0.5 truncate",children:o.jsx("span",{className:"text-error-600 text-2xs font-medium leading-none",children:W})})}),je&&!(v===e.column.key&&e?.column?.canEdit&&!K&&!e?.column?.is_disabled)&&o.jsx("div",{className:"absolute top-0 right-0 bg-white dark:bg-black-800 rounded-full w-5 h-5 flex items-center justify-center border border-primary-300 dark:border-primary-600 shadow-sm z-10",children:o.jsx(g.LoadingSpinnerIcon,{className:"text-primary-600 dark:text-white",size:8})})]},x)},Xe=a.memo(Be);exports.DataCell=Xe;
 //# sourceMappingURL=DataCell.cjs.js.map