react-glide-table 2.3.1 → 2.3.2

package/dist/index.cjs

@@ -625,6 +625,39 @@ function isEditablePasteTarget(target) {
 // src/components/ui/table/features/cell-selection/useCellSelection.ts
 var import_react3 = 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/cellSelection.ts
 var INITIAL_DRAG_STATE = {
   isSelecting: false,
@@ -1102,19 +1135,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);
@@ -1122,16 +1167,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);
@@ -1257,11 +1292,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(
@@ -1370,6 +1410,7 @@ function useCellSelection({
   cellRendererRegistry,
   rootRef
 }) {
+  const ownerRef = (0, import_react3.useRef)(createCellSelectionOwner());
   const [dragState, setDragState] = (0, import_react3.useState)(INITIAL_DRAG_STATE);
   const pendingPasteModeRef = (0, import_react3.useRef)(null);
   const dragStateRef = (0, import_react3.useRef)(dragState);
@@ -1381,6 +1422,7 @@ function useCellSelection({
   const handleCellMouseDown = (0, import_react3.useCallback)(
     (rowIndex, colIndex, options) => {
       if (!enabled) return;
+      claimCellSelectionOwner(ownerRef.current);
       setDragState((prev) => {
         if (options?.shiftKey && prev.start) {
           return {
@@ -1422,6 +1464,7 @@ function useCellSelection({
   const handleFillHandleMouseDown = (0, import_react3.useCallback)(
     (rowIndex, colIndex) => {
       if (!enabled) return;
+      claimCellSelectionOwner(ownerRef.current);
       setDragState((prev) => {
         const bounds = getCellSelectionBounds(prev.start, prev.end);
         if (!bounds) return prev;
@@ -1441,6 +1484,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);
   }, []);
@@ -1449,9 +1493,13 @@ function useCellSelection({
       clearSelection();
     }
   }, [clearSelection, enabled]);
+  (0, import_react3.useEffect)(() => {
+    return registerCellSelectionOwner(ownerRef.current, clearSelection);
+  }, [clearSelection]);
   (0, import_react3.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;
@@ -1517,6 +1565,7 @@ function useCellSelection({
   (0, import_react3.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)) {
@@ -1553,6 +1602,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;
@@ -1573,6 +1623,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);
@@ -1582,6 +1633,7 @@ function useCellSelection({
       })();
     };
     const handlePaste = (e) => {
+      if (!isActiveCellSelectionOwner(ownerRef.current)) return;
       if (!activeSelectionBounds) return;
       if (isEditablePasteTarget(e.target) || isEditablePasteTarget(document.activeElement)) {
         return;
@@ -1667,6 +1719,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/column-reorder/columnReorder.ts
 function getColumnDefId(column) {
   if (column.id != null && column.id !== "") return column.id;
@@ -2983,19 +3054,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 {
@@ -5087,7 +5153,8 @@ function buildColumnDef(props, sort, onSort) {
     cellProps,
     className,
     headerClassName,
-    render
+    render,
+    copyValue
   } = props;
   return {
     id: field,
@@ -5121,6 +5188,7 @@ function buildColumnDef(props, sort, onSort) {
       kind,
       cellProps,
       cellRender: render,
+      copyValue,
       frozen,
       reorderable,
       width,

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-export { B as BuiltinCellKind, C as CellKind, a as CellRenderContext, b as CellRenderFn, c as CellRenderer, d as ColumnFreezeColumnInput, e as ColumnFreezeEdgeSide, f as ColumnFreezeMeta, g as ColumnFreezeOffset, h as ColumnFreezeSide, D as DEFAULT_DATA_TABLE_LABELS, i as DataTableClassNames, j as DataTableCopyActions, k as DataTableLabels, l as DataTableProps, m as DataTableScrollSlotProps, n as DataTableSlots, I as INLINE_SEARCH_MAX_RESULTS, P as PasteMode, R as RowSelectionMode, o as RowsPastePayload, S as SearchCorpusRow, p as SearchResultItem, q as SearchStatus, T as TableColumnGroupProps, r as TableColumnProps, s as TableProps, t as buildColumnFreezeOffsets, u as buildFlatSearchCorpus, v as buildSearchMatchKey, w as buildSearchMatchKeys, x as buildTreeSearchCorpus, y as cellValueToSearchText, z as collectAncestorKeysToExpand, A as collectSearchMatchesInRange, E as createSearchRegex, F as escapeSearchRegex, G as formatSearchResultLabel, H as getColumnFreezeEdgeAttr, J as getColumnFreezeStyle, K as mapSearchResultToVisibleItem, L as mapSearchResultsToVisibleKeys, M as nextSearchIndex, N as nextSearchStride, O as previousSearchIndex, Q as resolveColumnFreezeSide, U as resolveDataTableLabels, V as resolveHeaderFreezeOffset } from './types-DdeVn-9s.cjs';
+export { B as BuiltinCellKind, C as CellKind, a as CellRenderContext, b as CellRenderFn, c as CellRenderer, d as ColumnCopyValue, e as ColumnFreezeColumnInput, f as ColumnFreezeEdgeSide, g as ColumnFreezeMeta, h as ColumnFreezeOffset, i as ColumnFreezeSide, D as DEFAULT_DATA_TABLE_LABELS, j as DataTableClassNames, k as DataTableCopyActions, l as DataTableLabels, m as DataTableProps, n as DataTableScrollSlotProps, o as DataTableSlots, I as INLINE_SEARCH_MAX_RESULTS, P as PasteMode, R as RowSelectionMode, p as RowsPastePayload, S as SearchCorpusRow, q as SearchResultItem, r as SearchStatus, T as TableColumnGroupProps, s as TableColumnProps, t as TableProps, u as buildColumnFreezeOffsets, v as buildFlatSearchCorpus, w as buildSearchMatchKey, x as buildSearchMatchKeys, y as buildTreeSearchCorpus, z as cellValueToSearchText, A as collectAncestorKeysToExpand, E as collectSearchMatchesInRange, F as createSearchRegex, G as escapeSearchRegex, H as formatSearchResultLabel, J as getColumnFreezeEdgeAttr, K as getColumnFreezeStyle, L as mapSearchResultToVisibleItem, M as mapSearchResultsToVisibleKeys, N as nextSearchIndex, O as nextSearchStride, Q as previousSearchIndex, U as resolveColumnFreezeSide, V as resolveDataTableLabels, W as resolveHeaderFreezeOffset } from './types-hf2ruVdu.cjs';
 export { BUILTIN_CELL_RENDERERS, CELL_SELECTION_EDGES_CLASS, CellContextWithUpdate, CellRendererRegistry, CellSelectionBounds, ColumnDropEdge, ColumnLayoutInput, ColumnRowSpanMap, CopyRowEntry, CopySelectionMode, DEFAULT_TREE_CHILDREN_FIELD, DEFAULT_TREE_ID_FIELD, DEFAULT_TREE_PARENT_ID_FIELD, DEFAULT_TREE_QTY_FIELD, DragState, EditingCell, ResolvedTableCell, RowSpanColumnSpec, RowSpanInfo, TreeRow, UseConvertTreeDataParams, UseGlideTableOptions, UseGlideTableResult, UseInlineSearchOptions, UseInlineSearchResult, applyCellEdit, applyFillData, applyLeafColumnOrder, applySelectionUpdater, buildColumnRowSpanMap, buildRowsPastePayload, canExpandRow, collectCopyRowEntries, collectCopyRows, collectFillChanges, collectLeafColumnIds, collectRowSpanColumns, commitCellValue, createCellRendererRegistry, flattenSubtreeRows, formatCellValue, formatDefaultCellValue, getCellEditDraftValue, getCellSelectionEdgeStyle, getColumnEditType, getColumnSizeStyle, getRowIndexInMergedCell, hasCellSelectionEdges, isCellInSelection, isColumnEditable, isEditablePasteTarget, measureMergedSpanRowHeights, moveColumnIds, parseCellEditValue, parseClipboardTSV, parseClipboardTSVWithDepths, resolveCellRenderer, resolveColumnLayoutWidths, resolveDropEdge, resolveLeafColumnOrder, resolvePasteColumnIds, resolveRowSelection, resolveRowSpanAt, rowRangeToHeightRatios, serializeCopyRowsToTSV, serializeSelectionToTSV, toggleExpandedRowId, useCellEdit, useCellSelection, useColumnReorder, useConvertTreeData, useGlideTable, useInlineSearch, withCellUpdate, writeSelectionToClipboard } from './core.cjs';
 export { DataTable, Table, TableCompoundComponent, createTable } from './compound.cjs';
 export { ColumnDef, ColumnOrderState, ColumnResizeMode, ColumnSizingState, RowSelectionState } from '@tanstack/react-table';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { B as BuiltinCellKind, C as CellKind, a as CellRenderContext, b as CellRenderFn, c as CellRenderer, d as ColumnFreezeColumnInput, e as ColumnFreezeEdgeSide, f as ColumnFreezeMeta, g as ColumnFreezeOffset, h as ColumnFreezeSide, D as DEFAULT_DATA_TABLE_LABELS, i as DataTableClassNames, j as DataTableCopyActions, k as DataTableLabels, l as DataTableProps, m as DataTableScrollSlotProps, n as DataTableSlots, I as INLINE_SEARCH_MAX_RESULTS, P as PasteMode, R as RowSelectionMode, o as RowsPastePayload, S as SearchCorpusRow, p as SearchResultItem, q as SearchStatus, T as TableColumnGroupProps, r as TableColumnProps, s as TableProps, t as buildColumnFreezeOffsets, u as buildFlatSearchCorpus, v as buildSearchMatchKey, w as buildSearchMatchKeys, x as buildTreeSearchCorpus, y as cellValueToSearchText, z as collectAncestorKeysToExpand, A as collectSearchMatchesInRange, E as createSearchRegex, F as escapeSearchRegex, G as formatSearchResultLabel, H as getColumnFreezeEdgeAttr, J as getColumnFreezeStyle, K as mapSearchResultToVisibleItem, L as mapSearchResultsToVisibleKeys, M as nextSearchIndex, N as nextSearchStride, O as previousSearchIndex, Q as resolveColumnFreezeSide, U as resolveDataTableLabels, V as resolveHeaderFreezeOffset } from './types-DdeVn-9s.js';
+export { B as BuiltinCellKind, C as CellKind, a as CellRenderContext, b as CellRenderFn, c as CellRenderer, d as ColumnCopyValue, e as ColumnFreezeColumnInput, f as ColumnFreezeEdgeSide, g as ColumnFreezeMeta, h as ColumnFreezeOffset, i as ColumnFreezeSide, D as DEFAULT_DATA_TABLE_LABELS, j as DataTableClassNames, k as DataTableCopyActions, l as DataTableLabels, m as DataTableProps, n as DataTableScrollSlotProps, o as DataTableSlots, I as INLINE_SEARCH_MAX_RESULTS, P as PasteMode, R as RowSelectionMode, p as RowsPastePayload, S as SearchCorpusRow, q as SearchResultItem, r as SearchStatus, T as TableColumnGroupProps, s as TableColumnProps, t as TableProps, u as buildColumnFreezeOffsets, v as buildFlatSearchCorpus, w as buildSearchMatchKey, x as buildSearchMatchKeys, y as buildTreeSearchCorpus, z as cellValueToSearchText, A as collectAncestorKeysToExpand, E as collectSearchMatchesInRange, F as createSearchRegex, G as escapeSearchRegex, H as formatSearchResultLabel, J as getColumnFreezeEdgeAttr, K as getColumnFreezeStyle, L as mapSearchResultToVisibleItem, M as mapSearchResultsToVisibleKeys, N as nextSearchIndex, O as nextSearchStride, Q as previousSearchIndex, U as resolveColumnFreezeSide, V as resolveDataTableLabels, W as resolveHeaderFreezeOffset } from './types-hf2ruVdu.js';
 export { BUILTIN_CELL_RENDERERS, CELL_SELECTION_EDGES_CLASS, CellContextWithUpdate, CellRendererRegistry, CellSelectionBounds, ColumnDropEdge, ColumnLayoutInput, ColumnRowSpanMap, CopyRowEntry, CopySelectionMode, DEFAULT_TREE_CHILDREN_FIELD, DEFAULT_TREE_ID_FIELD, DEFAULT_TREE_PARENT_ID_FIELD, DEFAULT_TREE_QTY_FIELD, DragState, EditingCell, ResolvedTableCell, RowSpanColumnSpec, RowSpanInfo, TreeRow, UseConvertTreeDataParams, UseGlideTableOptions, UseGlideTableResult, UseInlineSearchOptions, UseInlineSearchResult, applyCellEdit, applyFillData, applyLeafColumnOrder, applySelectionUpdater, buildColumnRowSpanMap, buildRowsPastePayload, canExpandRow, collectCopyRowEntries, collectCopyRows, collectFillChanges, collectLeafColumnIds, collectRowSpanColumns, commitCellValue, createCellRendererRegistry, flattenSubtreeRows, formatCellValue, formatDefaultCellValue, getCellEditDraftValue, getCellSelectionEdgeStyle, getColumnEditType, getColumnSizeStyle, getRowIndexInMergedCell, hasCellSelectionEdges, isCellInSelection, isColumnEditable, isEditablePasteTarget, measureMergedSpanRowHeights, moveColumnIds, parseCellEditValue, parseClipboardTSV, parseClipboardTSVWithDepths, resolveCellRenderer, resolveColumnLayoutWidths, resolveDropEdge, resolveLeafColumnOrder, resolvePasteColumnIds, resolveRowSelection, resolveRowSpanAt, rowRangeToHeightRatios, serializeCopyRowsToTSV, serializeSelectionToTSV, toggleExpandedRowId, useCellEdit, useCellSelection, useColumnReorder, useConvertTreeData, useGlideTable, useInlineSearch, withCellUpdate, writeSelectionToClipboard } from './core.js';
 export { DataTable, Table, TableCompoundComponent, createTable } from './compound.js';
 export { ColumnDef, ColumnOrderState, ColumnResizeMode, ColumnSizingState, RowSelectionState } from '@tanstack/react-table';

package/dist/index.js

@@ -528,6 +528,39 @@ function isEditablePasteTarget(target) {
 // src/components/ui/table/features/cell-selection/useCellSelection.ts
 import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef2, useState as useState2 } 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/cellSelection.ts
 var INITIAL_DRAG_STATE = {
   isSelecting: false,
@@ -1005,19 +1038,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);
@@ -1025,16 +1070,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);
@@ -1160,11 +1195,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(
@@ -1273,6 +1313,7 @@ function useCellSelection({
   cellRendererRegistry,
   rootRef
 }) {
+  const ownerRef = useRef2(createCellSelectionOwner());
   const [dragState, setDragState] = useState2(INITIAL_DRAG_STATE);
   const pendingPasteModeRef = useRef2(null);
   const dragStateRef = useRef2(dragState);
@@ -1284,6 +1325,7 @@ function useCellSelection({
   const handleCellMouseDown = useCallback2(
     (rowIndex, colIndex, options) => {
       if (!enabled) return;
+      claimCellSelectionOwner(ownerRef.current);
       setDragState((prev) => {
         if (options?.shiftKey && prev.start) {
           return {
@@ -1325,6 +1367,7 @@ function useCellSelection({
   const handleFillHandleMouseDown = useCallback2(
     (rowIndex, colIndex) => {
       if (!enabled) return;
+      claimCellSelectionOwner(ownerRef.current);
       setDragState((prev) => {
         const bounds = getCellSelectionBounds(prev.start, prev.end);
         if (!bounds) return prev;
@@ -1344,6 +1387,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);
   }, []);
@@ -1352,9 +1396,13 @@ function useCellSelection({
       clearSelection();
     }
   }, [clearSelection, enabled]);
+  useEffect2(() => {
+    return registerCellSelectionOwner(ownerRef.current, clearSelection);
+  }, [clearSelection]);
   useEffect2(() => {
     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;
@@ -1420,6 +1468,7 @@ function useCellSelection({
   useEffect2(() => {
     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)) {
@@ -1456,6 +1505,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;
@@ -1476,6 +1526,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);
@@ -1485,6 +1536,7 @@ function useCellSelection({
       })();
     };
     const handlePaste = (e) => {
+      if (!isActiveCellSelectionOwner(ownerRef.current)) return;
       if (!activeSelectionBounds) return;
       if (isEditablePasteTarget(e.target) || isEditablePasteTarget(document.activeElement)) {
         return;
@@ -1570,6 +1622,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/column-reorder/columnReorder.ts
 function getColumnDefId(column) {
   if (column.id != null && column.id !== "") return column.id;
@@ -2893,19 +2964,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 {
@@ -5002,7 +5068,8 @@ function buildColumnDef(props, sort, onSort) {
     cellProps,
     className,
     headerClassName,
-    render
+    render,
+    copyValue
   } = props;
   return {
     id: field,
@@ -5036,6 +5103,7 @@ function buildColumnDef(props, sort, onSort) {
       kind,
       cellProps,
       cellRender: render,
+      copyValue,
       frozen,
       reorderable,
       width,

package/dist/{types-DdeVn-9s.d.cts → types-hf2ruVdu.d.cts}

@@ -177,6 +177,14 @@ declare function resolveDataTableLabels(partial?: Partial<DataTableLabels>): Dat
 type RowSelectionMode = "none" | "single" | "multi";
 type CellEditType = "text" | "number";
 type DataTableEditInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "defaultValue">;
+/**
+ * Per-column clipboard serialization.
+ * - `"display"`: text extracted from the rendered cell
+ * - `"value"`: raw accessor / field value
+ * - `"omit"`: exclude this column from clipboard TSV entirely
+ * - function: custom clipboard string
+ */
+type ColumnCopyValue<T extends Record<string, unknown> = Record<string, unknown>, V = unknown> = "display" | "value" | "omit" | ((ctx: CellRenderContext<T, V>) => string);
 
 declare module "@tanstack/react-table" {
     interface ColumnMeta<TData, TValue> {
@@ -209,6 +217,14 @@ declare module "@tanstack/react-table" {
         cellProps?: Record<string, unknown>;
         /** Compound `Column.render` stored for `ResolvedTableCell` */
         cellRender?: CellRenderFn<Record<string, unknown>>;
+        /**
+         * Clipboard serialization for this column.
+         * - `"display"`: rendered cell text (default when `render` / `kind` is set)
+         * - `"value"`: raw accessor / field value
+         * - `"omit"`: exclude this column from clipboard TSV entirely
+         * - function: custom string for the clipboard
+         */
+        copyValue?: ColumnCopyValue;
         /**
          * Freeze (sticky) this column without reordering.
          * `true` / `"left"` stick to the scrollport left; `"right"` to the right.
@@ -623,6 +639,14 @@ type TableColumnProps<T extends Record<string, unknown>, K extends string = keyo
      * Use `update` to commit via `onCellChange` / `onDataChange`.
      */
     render?: CellRenderFn<T, K extends keyof T ? T[K] : unknown>;
+    /**
+     * Clipboard serialization for this column.
+     * - `"display"`: rendered cell text (default when `render` / `kind` is set)
+     * - `"value"`: raw accessor / field value (useful for button cells that still wrap real data)
+     * - `"omit"`: exclude this column from clipboard TSV (shifts neighbors; prefer empty string for in-table paste)
+     * - function: custom string for the clipboard
+     */
+    copyValue?: ColumnCopyValue<T, K extends keyof T ? T[K] : unknown>;
 };
 /** Declares a multi-row header group wrapping leaf `Table.Column`s. */
 type TableColumnGroupProps = {
@@ -638,4 +662,4 @@ type TableProps<T extends Record<string, unknown>> = Omit<DataTableProps<T>, "co
     children: ReactNode;
 };
 
-export { collectSearchMatchesInRange as A, type BuiltinCellKind as B, type CellKind as C, DEFAULT_DATA_TABLE_LABELS as D, createSearchRegex as E, escapeSearchRegex as F, formatSearchResultLabel as G, getColumnFreezeEdgeAttr as H, INLINE_SEARCH_MAX_RESULTS as I, getColumnFreezeStyle as J, mapSearchResultToVisibleItem as K, mapSearchResultsToVisibleKeys as L, nextSearchIndex as M, nextSearchStride as N, previousSearchIndex as O, type PasteMode as P, resolveColumnFreezeSide as Q, type RowSelectionMode as R, type SearchCorpusRow as S, type TableColumnGroupProps as T, resolveDataTableLabels as U, resolveHeaderFreezeOffset as V, type CellEditType as W, type CellRenderContext as a, type CellRenderFn as b, type CellRenderer as c, type ColumnFreezeColumnInput as d, type ColumnFreezeEdgeSide as e, type ColumnFreezeMeta as f, type ColumnFreezeOffset as g, type ColumnFreezeSide as h, type DataTableClassNames as i, type DataTableCopyActions as j, type DataTableLabels as k, type DataTableProps as l, type DataTableScrollSlotProps as m, type DataTableSlots as n, type RowsPastePayload as o, type SearchResultItem as p, type SearchStatus as q, type TableColumnProps as r, type TableProps as s, buildColumnFreezeOffsets as t, buildFlatSearchCorpus as u, buildSearchMatchKey as v, buildSearchMatchKeys as w, buildTreeSearchCorpus as x, cellValueToSearchText as y, collectAncestorKeysToExpand as z };
+export { collectAncestorKeysToExpand as A, type BuiltinCellKind as B, type CellKind as C, DEFAULT_DATA_TABLE_LABELS as D, collectSearchMatchesInRange as E, createSearchRegex as F, escapeSearchRegex as G, formatSearchResultLabel as H, INLINE_SEARCH_MAX_RESULTS as I, getColumnFreezeEdgeAttr as J, getColumnFreezeStyle as K, mapSearchResultToVisibleItem as L, mapSearchResultsToVisibleKeys as M, nextSearchIndex as N, nextSearchStride as O, type PasteMode as P, previousSearchIndex as Q, type RowSelectionMode as R, type SearchCorpusRow as S, type TableColumnGroupProps as T, resolveColumnFreezeSide as U, resolveDataTableLabels as V, resolveHeaderFreezeOffset as W, type CellEditType as X, type CellRenderContext as a, type CellRenderFn as b, type CellRenderer as c, type ColumnCopyValue as d, type ColumnFreezeColumnInput as e, type ColumnFreezeEdgeSide as f, type ColumnFreezeMeta as g, type ColumnFreezeOffset as h, type ColumnFreezeSide as i, type DataTableClassNames as j, type DataTableCopyActions as k, type DataTableLabels as l, type DataTableProps as m, type DataTableScrollSlotProps as n, type DataTableSlots as o, type RowsPastePayload as p, type SearchResultItem as q, type SearchStatus as r, type TableColumnProps as s, type TableProps as t, buildColumnFreezeOffsets as u, buildFlatSearchCorpus as v, buildSearchMatchKey as w, buildSearchMatchKeys as x, buildTreeSearchCorpus as y, cellValueToSearchText as z };

package/dist/{types-DdeVn-9s.d.ts → types-hf2ruVdu.d.ts}

@@ -177,6 +177,14 @@ declare function resolveDataTableLabels(partial?: Partial<DataTableLabels>): Dat
 type RowSelectionMode = "none" | "single" | "multi";
 type CellEditType = "text" | "number";
 type DataTableEditInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "defaultValue">;
+/**
+ * Per-column clipboard serialization.
+ * - `"display"`: text extracted from the rendered cell
+ * - `"value"`: raw accessor / field value
+ * - `"omit"`: exclude this column from clipboard TSV entirely
+ * - function: custom clipboard string
+ */
+type ColumnCopyValue<T extends Record<string, unknown> = Record<string, unknown>, V = unknown> = "display" | "value" | "omit" | ((ctx: CellRenderContext<T, V>) => string);
 
 declare module "@tanstack/react-table" {
     interface ColumnMeta<TData, TValue> {
@@ -209,6 +217,14 @@ declare module "@tanstack/react-table" {
         cellProps?: Record<string, unknown>;
         /** Compound `Column.render` stored for `ResolvedTableCell` */
         cellRender?: CellRenderFn<Record<string, unknown>>;
+        /**
+         * Clipboard serialization for this column.
+         * - `"display"`: rendered cell text (default when `render` / `kind` is set)
+         * - `"value"`: raw accessor / field value
+         * - `"omit"`: exclude this column from clipboard TSV entirely
+         * - function: custom string for the clipboard
+         */
+        copyValue?: ColumnCopyValue;
         /**
          * Freeze (sticky) this column without reordering.
          * `true` / `"left"` stick to the scrollport left; `"right"` to the right.
@@ -623,6 +639,14 @@ type TableColumnProps<T extends Record<string, unknown>, K extends string = keyo
      * Use `update` to commit via `onCellChange` / `onDataChange`.
      */
     render?: CellRenderFn<T, K extends keyof T ? T[K] : unknown>;
+    /**
+     * Clipboard serialization for this column.
+     * - `"display"`: rendered cell text (default when `render` / `kind` is set)
+     * - `"value"`: raw accessor / field value (useful for button cells that still wrap real data)
+     * - `"omit"`: exclude this column from clipboard TSV (shifts neighbors; prefer empty string for in-table paste)
+     * - function: custom string for the clipboard
+     */
+    copyValue?: ColumnCopyValue<T, K extends keyof T ? T[K] : unknown>;
 };
 /** Declares a multi-row header group wrapping leaf `Table.Column`s. */
 type TableColumnGroupProps = {
@@ -638,4 +662,4 @@ type TableProps<T extends Record<string, unknown>> = Omit<DataTableProps<T>, "co
     children: ReactNode;
 };
 
-export { collectSearchMatchesInRange as A, type BuiltinCellKind as B, type CellKind as C, DEFAULT_DATA_TABLE_LABELS as D, createSearchRegex as E, escapeSearchRegex as F, formatSearchResultLabel as G, getColumnFreezeEdgeAttr as H, INLINE_SEARCH_MAX_RESULTS as I, getColumnFreezeStyle as J, mapSearchResultToVisibleItem as K, mapSearchResultsToVisibleKeys as L, nextSearchIndex as M, nextSearchStride as N, previousSearchIndex as O, type PasteMode as P, resolveColumnFreezeSide as Q, type RowSelectionMode as R, type SearchCorpusRow as S, type TableColumnGroupProps as T, resolveDataTableLabels as U, resolveHeaderFreezeOffset as V, type CellEditType as W, type CellRenderContext as a, type CellRenderFn as b, type CellRenderer as c, type ColumnFreezeColumnInput as d, type ColumnFreezeEdgeSide as e, type ColumnFreezeMeta as f, type ColumnFreezeOffset as g, type ColumnFreezeSide as h, type DataTableClassNames as i, type DataTableCopyActions as j, type DataTableLabels as k, type DataTableProps as l, type DataTableScrollSlotProps as m, type DataTableSlots as n, type RowsPastePayload as o, type SearchResultItem as p, type SearchStatus as q, type TableColumnProps as r, type TableProps as s, buildColumnFreezeOffsets as t, buildFlatSearchCorpus as u, buildSearchMatchKey as v, buildSearchMatchKeys as w, buildTreeSearchCorpus as x, cellValueToSearchText as y, collectAncestorKeysToExpand as z };
+export { collectAncestorKeysToExpand as A, type BuiltinCellKind as B, type CellKind as C, DEFAULT_DATA_TABLE_LABELS as D, collectSearchMatchesInRange as E, createSearchRegex as F, escapeSearchRegex as G, formatSearchResultLabel as H, INLINE_SEARCH_MAX_RESULTS as I, getColumnFreezeEdgeAttr as J, getColumnFreezeStyle as K, mapSearchResultToVisibleItem as L, mapSearchResultsToVisibleKeys as M, nextSearchIndex as N, nextSearchStride as O, type PasteMode as P, previousSearchIndex as Q, type RowSelectionMode as R, type SearchCorpusRow as S, type TableColumnGroupProps as T, resolveColumnFreezeSide as U, resolveDataTableLabels as V, resolveHeaderFreezeOffset as W, type CellEditType as X, type CellRenderContext as a, type CellRenderFn as b, type CellRenderer as c, type ColumnCopyValue as d, type ColumnFreezeColumnInput as e, type ColumnFreezeEdgeSide as f, type ColumnFreezeMeta as g, type ColumnFreezeOffset as h, type ColumnFreezeSide as i, type DataTableClassNames as j, type DataTableCopyActions as k, type DataTableLabels as l, type DataTableProps as m, type DataTableScrollSlotProps as n, type DataTableSlots as o, type RowsPastePayload as p, type SearchResultItem as q, type SearchStatus as r, type TableColumnProps as s, type TableProps as t, buildColumnFreezeOffsets as u, buildFlatSearchCorpus as v, buildSearchMatchKey as w, buildSearchMatchKeys as x, buildTreeSearchCorpus as y, cellValueToSearchText as z };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-glide-table",
-  "version": "2.3.1",
+  "version": "2.3.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/zpxlffjrm/react-glide-table.git"