react-glide-table 2.3.1 → 2.3.2

package/README.md

@@ -75,6 +75,7 @@ export function Products({ data }: { data: Product[] }) {
 | `className` / column `className` / `headerClassName` | Extra class hooks                                                                 |
 | `labels` / `summary` / `toolbar`                     | Copy and slot nodes                                                               |
 | `Column.render` / `ColumnDef.cell`                   | Cell content custom render (prefer `update` via context)                          |
+| `Column.copyValue`                                   | Clipboard: `"display"` (default) / `"value"` / `"omit"` / `(ctx) => string`       |
 | `Column.kind` / `cellRenderers`                      | Built-in or custom cell kinds (override / add via registry)                       |
 
 Row/cell **state** is exposed as `data-*` attributes for Tailwind variants:
@@ -240,6 +241,32 @@ Cell selection ships with clipboard shortcuts. The table parses TSV and emits st
 
 Subtree copy encodes relative tree depth as leading tabs in the TSV so paste can rebuild parent/child nesting via `payload.depths`. Depth is only inferred when the clipboard looks like subtree indentation (first row unindented, at least one later row indented). Otherwise leading empty cells are kept as real values (e.g. Excel/Sheets blank first column) and `depths` stay `0`.
 
+Per-column `copyValue` controls what lands on the clipboard when a custom `render` / `kind` is present:
+
+- (default) / `"display"` — text from the rendered cell (buttons stay empty)
+- `"value"` — raw accessor / field value (e.g. a count behind a button)
+- `"omit"` — drop the column from the TSV entirely (neighbors shift left; same-table paste may misalign)
+- `(ctx) => string` — fully custom clipboard string
+
+```tsx
+<ProductTable.Column
+  field="partCount"
+  copyValue="value"
+  render={({ value }) => <button type="button">{value}개 보기</button>}
+>
+  Part No
+</ProductTable.Column>
+
+<ProductTable.Column
+  field="actions"
+  virtual
+  copyValue="omit"
+  render={() => <button type="button">Edit</button>}
+>
+  Actions
+</ProductTable.Column>
+```
+
 ```tsx
 import type { RowsPastePayload } from "react-glide-table/compound";
 

package/dist/compound.cjs

@@ -2742,6 +2742,39 @@ function isEditablePasteTarget(target) {
 // src/components/ui/table/features/cell-selection/useCellSelection.ts
 var import_react7 = require("react");
 
+// src/components/ui/table/features/cell-selection/activeCellSelectionOwner.ts
+var activeOwner = null;
+var clearByOwner = /* @__PURE__ */ new Map();
+function createCellSelectionOwner() {
+  return /* @__PURE__ */ Symbol("cell-selection-owner");
+}
+function registerCellSelectionOwner(owner, clearSelection) {
+  clearByOwner.set(owner, clearSelection);
+  return () => {
+    clearByOwner.delete(owner);
+    if (activeOwner === owner) {
+      activeOwner = null;
+    }
+  };
+}
+function claimCellSelectionOwner(owner) {
+  if (activeOwner === owner) return;
+  activeOwner = owner;
+  for (const [id, clearSelection] of clearByOwner) {
+    if (id !== owner) {
+      clearSelection();
+    }
+  }
+}
+function isActiveCellSelectionOwner(owner) {
+  return activeOwner === owner;
+}
+function releaseCellSelectionOwner(owner) {
+  if (activeOwner === owner) {
+    activeOwner = null;
+  }
+}
+
 // src/components/ui/table/features/cell-selection/copyData.ts
 var import_react6 = require("react");
 function isReactNodeIterable(node) {
@@ -2914,19 +2947,31 @@ function extractRenderedCopyText(node, value, cellPosition, root) {
 function formatCopyCellText(rowData, columnDef, columnId, visibleRow, fallbackIndex, sourceCell, cellPosition, options) {
   const meta = columnDef.meta;
   const value = sourceCell ? sourceCell.getValue() : readRowColumnValue(rowData, columnDef);
+  const row = visibleRow ?? createCopyRenderRow(rowData, fallbackIndex);
+  const ctx = {
+    value,
+    row,
+    index: row.index,
+    columnId,
+    cellProps: meta?.cellProps,
+    update: () => {
+    }
+  };
+  const copyValue = meta?.copyValue;
+  if (typeof copyValue === "function") {
+    try {
+      return sanitizeClipboardCell(copyValue(ctx));
+    } catch {
+      return formatCellValue(value);
+    }
+  }
+  if (copyValue === "value") {
+    return formatCellValue(value);
+  }
   const cellRender = meta?.cellRender;
   if (typeof cellRender === "function") {
     try {
-      const row = visibleRow ?? createCopyRenderRow(rowData, fallbackIndex);
-      const node = cellRender({
-        value,
-        row,
-        index: row.index,
-        columnId,
-        cellProps: meta?.cellProps,
-        update: () => {
-        }
-      });
+      const node = cellRender(ctx);
       return extractRenderedCopyText(node, value, cellPosition, options?.root);
     } catch {
       return formatCellValue(value);
@@ -2934,16 +2979,6 @@ function formatCopyCellText(rowData, columnDef, columnId, visibleRow, fallbackIn
   }
   if (options?.registry && meta?.kind && isPrimitiveCopyValue(value)) {
     try {
-      const row = visibleRow ?? createCopyRenderRow(rowData, fallbackIndex);
-      const ctx = {
-        value,
-        row,
-        index: row.index,
-        columnId,
-        cellProps: meta.cellProps,
-        update: () => {
-        }
-      };
       const renderer = resolveCellRenderer(options.registry, meta.kind, ctx);
       if (renderer) {
         const node = renderer.render(ctx);
@@ -3050,11 +3085,16 @@ function serializeCopyRowsToTSV(copyRows, visibleRows, bounds, depths, options)
   const resolvedDepths = depths && depths.length === copyRows.length ? depths : copyRows.map((row) => getRowDepth(row));
   const minDepth = Math.min(...resolvedDepths);
   const visibleRowByOriginal = buildVisibleRowLookup(visibleRows);
+  const copyableColumns = columnCells.flatMap((templateCell, colOffset) => {
+    const meta = templateCell.column.columnDef.meta;
+    if (meta?.copyValue === "omit") return [];
+    return [{ templateCell, colOffset }];
+  });
   return copyRows.map((rowData, index) => {
     const relativeDepth = Math.max(0, (resolvedDepths[index] ?? 0) - minDepth);
     const visibleRow = visibleRowByOriginal.get(rowData);
     const matchingCells = visibleRow?.getVisibleCells().slice(startCol, endCol + 1);
-    const line = columnCells.map((templateCell, colOffset) => {
+    const line = copyableColumns.map(({ templateCell, colOffset }) => {
       const sourceCell = matchingCells?.[colOffset];
       const column = sourceCell?.column ?? templateCell.column;
       return formatCopyCellText(
@@ -3163,6 +3203,7 @@ function useCellSelection({
   cellRendererRegistry,
   rootRef
 }) {
+  const ownerRef = (0, import_react7.useRef)(createCellSelectionOwner());
   const [dragState, setDragState] = (0, import_react7.useState)(INITIAL_DRAG_STATE);
   const pendingPasteModeRef = (0, import_react7.useRef)(null);
   const dragStateRef = (0, import_react7.useRef)(dragState);
@@ -3174,6 +3215,7 @@ function useCellSelection({
   const handleCellMouseDown = (0, import_react7.useCallback)(
     (rowIndex, colIndex, options) => {
       if (!enabled) return;
+      claimCellSelectionOwner(ownerRef.current);
       setDragState((prev) => {
         if (options?.shiftKey && prev.start) {
           return {
@@ -3215,6 +3257,7 @@ function useCellSelection({
   const handleFillHandleMouseDown = (0, import_react7.useCallback)(
     (rowIndex, colIndex) => {
       if (!enabled) return;
+      claimCellSelectionOwner(ownerRef.current);
       setDragState((prev) => {
         const bounds = getCellSelectionBounds(prev.start, prev.end);
         if (!bounds) return prev;
@@ -3234,6 +3277,7 @@ function useCellSelection({
     if (prev.start === null && prev.end === null && !prev.isSelecting && !prev.isFillDragging) {
       return;
     }
+    releaseCellSelectionOwner(ownerRef.current);
     dragStateRef.current = INITIAL_DRAG_STATE;
     setDragState(INITIAL_DRAG_STATE);
   }, []);
@@ -3242,9 +3286,13 @@ function useCellSelection({
       clearSelection();
     }
   }, [clearSelection, enabled]);
+  (0, import_react7.useEffect)(() => {
+    return registerCellSelectionOwner(ownerRef.current, clearSelection);
+  }, [clearSelection]);
   (0, import_react7.useEffect)(() => {
     if (!enabled) return;
     const handleKeyDown = (e) => {
+      if (!isActiveCellSelectionOwner(ownerRef.current)) return;
       if (e.ctrlKey || e.metaKey || e.altKey) return;
       if (isEditablePasteTarget(e.target) || isEditablePasteTarget(document.activeElement)) {
         return;
@@ -3310,6 +3358,7 @@ function useCellSelection({
   (0, import_react7.useEffect)(() => {
     if (!enabled) return;
     const handleKeyDown = (e) => {
+      if (!isActiveCellSelectionOwner(ownerRef.current)) return;
       if (!activeSelectionBounds) return;
       if (!(e.ctrlKey || e.metaKey)) return;
       if (isEditablePasteTarget(e.target) || isEditablePasteTarget(document.activeElement)) {
@@ -3346,6 +3395,7 @@ function useCellSelection({
     const pasteHandledRef = { current: false };
     const ignoreNextPasteRef = { current: false };
     const handleKeyDown = (e) => {
+      if (!isActiveCellSelectionOwner(ownerRef.current)) return;
       if (!activeSelectionBounds) return;
       if (!(e.ctrlKey || e.metaKey)) return;
       if (e.key.toLowerCase() !== "v") return;
@@ -3366,6 +3416,7 @@ function useCellSelection({
           const text = await navigator.clipboard.readText();
           if (pasteHandledRef.current) return;
           if (pendingPasteModeRef.current !== mode) return;
+          if (!isActiveCellSelectionOwner(ownerRef.current)) return;
           if (!text) return;
           pasteHandledRef.current = true;
           emitRowsPaste(text, mode);
@@ -3375,6 +3426,7 @@ function useCellSelection({
       })();
     };
     const handlePaste = (e) => {
+      if (!isActiveCellSelectionOwner(ownerRef.current)) return;
       if (!activeSelectionBounds) return;
       if (isEditablePasteTarget(e.target) || isEditablePasteTarget(document.activeElement)) {
         return;
@@ -3460,6 +3512,25 @@ function useCellSelection({
   };
 }
 
+// src/components/ui/table/features/selection-dismiss/isOutsideDismissTarget.ts
+var OVERLAY_DISMISS_IGNORE_SELECTOR = [
+  '[role="dialog"]',
+  '[role="alertdialog"]',
+  '[role="menu"]',
+  '[role="listbox"]',
+  '[role="tooltip"]',
+  '[aria-modal="true"]',
+  "[data-radix-portal]",
+  "[data-radix-popper-content-wrapper]",
+  "[data-floating-ui-portal]",
+  "[data-table-ignore-outside-dismiss]"
+].join(",");
+function isOverlayDismissIgnoreTarget(target) {
+  const element = target instanceof Element ? target : target instanceof Node ? target.parentElement : null;
+  if (!element) return false;
+  return element.closest(OVERLAY_DISMISS_IGNORE_SELECTOR) !== null;
+}
+
 // src/components/ui/table/features/inline-search/useInlineSearch.ts
 var import_react8 = require("react");
 var EMPTY_MATCH_KEYS = /* @__PURE__ */ new Set();
@@ -4084,19 +4155,14 @@ function useGlideTable(options) {
       if (isEditablePasteTarget(event.target) || isEditablePasteTarget(document.activeElement)) {
         return;
       }
-      clearAllSelections();
-    };
-    const handleMouseDown = (event) => {
-      const root = rootRef.current;
-      if (!root) return;
-      if (event.target instanceof Node && root.contains(event.target)) return;
+      if (isOverlayDismissIgnoreTarget(event.target) || isOverlayDismissIgnoreTarget(document.activeElement)) {
+        return;
+      }
       clearAllSelections();
     };
     window.addEventListener("keydown", handleKeyDown);
-    document.addEventListener("mousedown", handleMouseDown);
     return () => {
       window.removeEventListener("keydown", handleKeyDown);
-      document.removeEventListener("mousedown", handleMouseDown);
     };
   }, [clearCellSelection, clearRowSelection]);
   const {
@@ -4971,7 +5037,8 @@ function buildColumnDef(props, sort, onSort) {
     cellProps,
     className,
     headerClassName,
-    render
+    render,
+    copyValue
   } = props;
   return {
     id: field,
@@ -5005,6 +5072,7 @@ function buildColumnDef(props, sort, onSort) {
       kind,
       cellProps,
       cellRender: render,
+      copyValue,
       frozen,
       reorderable,
       width,

package/dist/compound.d.cts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode, ReactElement } from 'react';
-import { l as DataTableProps, r as TableColumnProps, T as TableColumnGroupProps, s as TableProps } from './types-DdeVn-9s.cjs';
-export { B as BuiltinCellKind, C as CellKind, a as CellRenderContext, b as CellRenderFn, c as CellRenderer, f as ColumnFreezeMeta, h as ColumnFreezeSide, i as DataTableClassNames, k as DataTableLabels, m as DataTableScrollSlotProps, n as DataTableSlots, P as PasteMode, R as RowSelectionMode, o as RowsPastePayload, p as SearchResultItem } from './types-DdeVn-9s.cjs';
+import { m as DataTableProps, s as TableColumnProps, T as TableColumnGroupProps, t as TableProps } from './types-hf2ruVdu.cjs';
+export { B as BuiltinCellKind, C as CellKind, a as CellRenderContext, b as CellRenderFn, c as CellRenderer, d as ColumnCopyValue, g as ColumnFreezeMeta, i as ColumnFreezeSide, j as DataTableClassNames, l as DataTableLabels, n as DataTableScrollSlotProps, o as DataTableSlots, P as PasteMode, R as RowSelectionMode, p as RowsPastePayload, q as SearchResultItem } from './types-hf2ruVdu.cjs';
 export { ColumnDef, ColumnOrderState, ColumnResizeMode, ColumnSizingState, RowSelectionState } from '@tanstack/react-table';
 
 /**

package/dist/compound.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode, ReactElement } from 'react';
-import { l as DataTableProps, r as TableColumnProps, T as TableColumnGroupProps, s as TableProps } from './types-DdeVn-9s.js';
-export { B as BuiltinCellKind, C as CellKind, a as CellRenderContext, b as CellRenderFn, c as CellRenderer, f as ColumnFreezeMeta, h as ColumnFreezeSide, i as DataTableClassNames, k as DataTableLabels, m as DataTableScrollSlotProps, n as DataTableSlots, P as PasteMode, R as RowSelectionMode, o as RowsPastePayload, p as SearchResultItem } from './types-DdeVn-9s.js';
+import { m as DataTableProps, s as TableColumnProps, T as TableColumnGroupProps, t as TableProps } from './types-hf2ruVdu.js';
+export { B as BuiltinCellKind, C as CellKind, a as CellRenderContext, b as CellRenderFn, c as CellRenderer, d as ColumnCopyValue, g as ColumnFreezeMeta, i as ColumnFreezeSide, j as DataTableClassNames, l as DataTableLabels, n as DataTableScrollSlotProps, o as DataTableSlots, P as PasteMode, R as RowSelectionMode, p as RowsPastePayload, q as SearchResultItem } from './types-hf2ruVdu.js';
 export { ColumnDef, ColumnOrderState, ColumnResizeMode, ColumnSizingState, RowSelectionState } from '@tanstack/react-table';
 
 /**

package/dist/compound.js

@@ -2730,6 +2730,39 @@ function isEditablePasteTarget(target) {
 // src/components/ui/table/features/cell-selection/useCellSelection.ts
 import { useCallback as useCallback3, useEffect as useEffect5, useRef as useRef5, useState as useState3 } from "react";
 
+// src/components/ui/table/features/cell-selection/activeCellSelectionOwner.ts
+var activeOwner = null;
+var clearByOwner = /* @__PURE__ */ new Map();
+function createCellSelectionOwner() {
+  return /* @__PURE__ */ Symbol("cell-selection-owner");
+}
+function registerCellSelectionOwner(owner, clearSelection) {
+  clearByOwner.set(owner, clearSelection);
+  return () => {
+    clearByOwner.delete(owner);
+    if (activeOwner === owner) {
+      activeOwner = null;
+    }
+  };
+}
+function claimCellSelectionOwner(owner) {
+  if (activeOwner === owner) return;
+  activeOwner = owner;
+  for (const [id, clearSelection] of clearByOwner) {
+    if (id !== owner) {
+      clearSelection();
+    }
+  }
+}
+function isActiveCellSelectionOwner(owner) {
+  return activeOwner === owner;
+}
+function releaseCellSelectionOwner(owner) {
+  if (activeOwner === owner) {
+    activeOwner = null;
+  }
+}
+
 // src/components/ui/table/features/cell-selection/copyData.ts
 import { isValidElement } from "react";
 function isReactNodeIterable(node) {
@@ -2902,19 +2935,31 @@ function extractRenderedCopyText(node, value, cellPosition, root) {
 function formatCopyCellText(rowData, columnDef, columnId, visibleRow, fallbackIndex, sourceCell, cellPosition, options) {
   const meta = columnDef.meta;
   const value = sourceCell ? sourceCell.getValue() : readRowColumnValue(rowData, columnDef);
+  const row = visibleRow ?? createCopyRenderRow(rowData, fallbackIndex);
+  const ctx = {
+    value,
+    row,
+    index: row.index,
+    columnId,
+    cellProps: meta?.cellProps,
+    update: () => {
+    }
+  };
+  const copyValue = meta?.copyValue;
+  if (typeof copyValue === "function") {
+    try {
+      return sanitizeClipboardCell(copyValue(ctx));
+    } catch {
+      return formatCellValue(value);
+    }
+  }
+  if (copyValue === "value") {
+    return formatCellValue(value);
+  }
   const cellRender = meta?.cellRender;
   if (typeof cellRender === "function") {
     try {
-      const row = visibleRow ?? createCopyRenderRow(rowData, fallbackIndex);
-      const node = cellRender({
-        value,
-        row,
-        index: row.index,
-        columnId,
-        cellProps: meta?.cellProps,
-        update: () => {
-        }
-      });
+      const node = cellRender(ctx);
       return extractRenderedCopyText(node, value, cellPosition, options?.root);
     } catch {
       return formatCellValue(value);
@@ -2922,16 +2967,6 @@ function formatCopyCellText(rowData, columnDef, columnId, visibleRow, fallbackIn
   }
   if (options?.registry && meta?.kind && isPrimitiveCopyValue(value)) {
     try {
-      const row = visibleRow ?? createCopyRenderRow(rowData, fallbackIndex);
-      const ctx = {
-        value,
-        row,
-        index: row.index,
-        columnId,
-        cellProps: meta.cellProps,
-        update: () => {
-        }
-      };
       const renderer = resolveCellRenderer(options.registry, meta.kind, ctx);
       if (renderer) {
         const node = renderer.render(ctx);
@@ -3038,11 +3073,16 @@ function serializeCopyRowsToTSV(copyRows, visibleRows, bounds, depths, options)
   const resolvedDepths = depths && depths.length === copyRows.length ? depths : copyRows.map((row) => getRowDepth(row));
   const minDepth = Math.min(...resolvedDepths);
   const visibleRowByOriginal = buildVisibleRowLookup(visibleRows);
+  const copyableColumns = columnCells.flatMap((templateCell, colOffset) => {
+    const meta = templateCell.column.columnDef.meta;
+    if (meta?.copyValue === "omit") return [];
+    return [{ templateCell, colOffset }];
+  });
   return copyRows.map((rowData, index) => {
     const relativeDepth = Math.max(0, (resolvedDepths[index] ?? 0) - minDepth);
     const visibleRow = visibleRowByOriginal.get(rowData);
     const matchingCells = visibleRow?.getVisibleCells().slice(startCol, endCol + 1);
-    const line = columnCells.map((templateCell, colOffset) => {
+    const line = copyableColumns.map(({ templateCell, colOffset }) => {
       const sourceCell = matchingCells?.[colOffset];
       const column = sourceCell?.column ?? templateCell.column;
       return formatCopyCellText(
@@ -3151,6 +3191,7 @@ function useCellSelection({
   cellRendererRegistry,
   rootRef
 }) {
+  const ownerRef = useRef5(createCellSelectionOwner());
   const [dragState, setDragState] = useState3(INITIAL_DRAG_STATE);
   const pendingPasteModeRef = useRef5(null);
   const dragStateRef = useRef5(dragState);
@@ -3162,6 +3203,7 @@ function useCellSelection({
   const handleCellMouseDown = useCallback3(
     (rowIndex, colIndex, options) => {
       if (!enabled) return;
+      claimCellSelectionOwner(ownerRef.current);
       setDragState((prev) => {
         if (options?.shiftKey && prev.start) {
           return {
@@ -3203,6 +3245,7 @@ function useCellSelection({
   const handleFillHandleMouseDown = useCallback3(
     (rowIndex, colIndex) => {
       if (!enabled) return;
+      claimCellSelectionOwner(ownerRef.current);
       setDragState((prev) => {
         const bounds = getCellSelectionBounds(prev.start, prev.end);
         if (!bounds) return prev;
@@ -3222,6 +3265,7 @@ function useCellSelection({
     if (prev.start === null && prev.end === null && !prev.isSelecting && !prev.isFillDragging) {
       return;
     }
+    releaseCellSelectionOwner(ownerRef.current);
     dragStateRef.current = INITIAL_DRAG_STATE;
     setDragState(INITIAL_DRAG_STATE);
   }, []);
@@ -3230,9 +3274,13 @@ function useCellSelection({
       clearSelection();
     }
   }, [clearSelection, enabled]);
+  useEffect5(() => {
+    return registerCellSelectionOwner(ownerRef.current, clearSelection);
+  }, [clearSelection]);
   useEffect5(() => {
     if (!enabled) return;
     const handleKeyDown = (e) => {
+      if (!isActiveCellSelectionOwner(ownerRef.current)) return;
       if (e.ctrlKey || e.metaKey || e.altKey) return;
       if (isEditablePasteTarget(e.target) || isEditablePasteTarget(document.activeElement)) {
         return;
@@ -3298,6 +3346,7 @@ function useCellSelection({
   useEffect5(() => {
     if (!enabled) return;
     const handleKeyDown = (e) => {
+      if (!isActiveCellSelectionOwner(ownerRef.current)) return;
       if (!activeSelectionBounds) return;
       if (!(e.ctrlKey || e.metaKey)) return;
       if (isEditablePasteTarget(e.target) || isEditablePasteTarget(document.activeElement)) {
@@ -3334,6 +3383,7 @@ function useCellSelection({
     const pasteHandledRef = { current: false };
     const ignoreNextPasteRef = { current: false };
     const handleKeyDown = (e) => {
+      if (!isActiveCellSelectionOwner(ownerRef.current)) return;
       if (!activeSelectionBounds) return;
       if (!(e.ctrlKey || e.metaKey)) return;
       if (e.key.toLowerCase() !== "v") return;
@@ -3354,6 +3404,7 @@ function useCellSelection({
           const text = await navigator.clipboard.readText();
           if (pasteHandledRef.current) return;
           if (pendingPasteModeRef.current !== mode) return;
+          if (!isActiveCellSelectionOwner(ownerRef.current)) return;
           if (!text) return;
           pasteHandledRef.current = true;
           emitRowsPaste(text, mode);
@@ -3363,6 +3414,7 @@ function useCellSelection({
       })();
     };
     const handlePaste = (e) => {
+      if (!isActiveCellSelectionOwner(ownerRef.current)) return;
       if (!activeSelectionBounds) return;
       if (isEditablePasteTarget(e.target) || isEditablePasteTarget(document.activeElement)) {
         return;
@@ -3448,6 +3500,25 @@ function useCellSelection({
   };
 }
 
+// src/components/ui/table/features/selection-dismiss/isOutsideDismissTarget.ts
+var OVERLAY_DISMISS_IGNORE_SELECTOR = [
+  '[role="dialog"]',
+  '[role="alertdialog"]',
+  '[role="menu"]',
+  '[role="listbox"]',
+  '[role="tooltip"]',
+  '[aria-modal="true"]',
+  "[data-radix-portal]",
+  "[data-radix-popper-content-wrapper]",
+  "[data-floating-ui-portal]",
+  "[data-table-ignore-outside-dismiss]"
+].join(",");
+function isOverlayDismissIgnoreTarget(target) {
+  const element = target instanceof Element ? target : target instanceof Node ? target.parentElement : null;
+  if (!element) return false;
+  return element.closest(OVERLAY_DISMISS_IGNORE_SELECTOR) !== null;
+}
+
 // src/components/ui/table/features/inline-search/useInlineSearch.ts
 import {
   useCallback as useCallback4,
@@ -4079,19 +4150,14 @@ function useGlideTable(options) {
       if (isEditablePasteTarget(event.target) || isEditablePasteTarget(document.activeElement)) {
         return;
       }
-      clearAllSelections();
-    };
-    const handleMouseDown = (event) => {
-      const root = rootRef.current;
-      if (!root) return;
-      if (event.target instanceof Node && root.contains(event.target)) return;
+      if (isOverlayDismissIgnoreTarget(event.target) || isOverlayDismissIgnoreTarget(document.activeElement)) {
+        return;
+      }
       clearAllSelections();
     };
     window.addEventListener("keydown", handleKeyDown);
-    document.addEventListener("mousedown", handleMouseDown);
     return () => {
       window.removeEventListener("keydown", handleKeyDown);
-      document.removeEventListener("mousedown", handleMouseDown);
     };
   }, [clearCellSelection, clearRowSelection]);
   const {
@@ -4966,7 +5032,8 @@ function buildColumnDef(props, sort, onSort) {
     cellProps,
     className,
     headerClassName,
-    render
+    render,
+    copyValue
   } = props;
   return {
     id: field,
@@ -5000,6 +5067,7 @@ function buildColumnDef(props, sort, onSort) {
       kind,
       cellProps,
       cellRender: render,
+      copyValue,
       frozen,
       reorderable,
       width,