react-glide-table 1.1.8 → 1.1.9

package/dist/compound.cjs

@@ -789,6 +789,19 @@ function cn(...inputs) {
 
 // src/components/ui/table/components/DataTable/DataTableRow.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
+function isInteractiveMouseTarget(target) {
+  if (!(target instanceof Element)) return false;
+  const interactiveSelector = [
+    "input",
+    "textarea",
+    "select",
+    "button",
+    "a[href]",
+    "[contenteditable]:not([contenteditable='false'])",
+    "[data-table-disable-cell-selection]"
+  ].join(",");
+  return target.closest(interactiveSelector) !== null;
+}
 function resolveExpandCellIndex(cells, toggleField) {
   if (!toggleField) return 0;
   const matchedIndex = cells.findIndex(
@@ -855,6 +868,33 @@ function DataTableRow({
   const isGroupHovered = enableRowSpan && hoveredRowIndex !== null && hoveredRowIndex >= primaryGroupStart && hoveredRowIndex <= primaryGroupStart + primaryGroupSpan - 1;
   const visibleCells = row.getVisibleCells();
   const columnIdsByIndex = visibleCells.map((cell) => cell.column.id);
+  row.getIsCellDragSelected = (columnId) => {
+    if (!activeSelectionBounds) return false;
+    if (columnId) {
+      const colIndex = columnIdsByIndex.indexOf(columnId);
+      if (colIndex < 0) return false;
+      const { startRow, rowSpan: rowSpan2 } = resolveRowSpanAt(
+        columnRowSpanMap.get(columnIdsByIndex[colIndex]),
+        rowIndex
+      );
+      return isCellInSelection(
+        startRow,
+        colIndex,
+        activeSelectionBounds,
+        rowSpan2
+      );
+    }
+    for (let colIndex = 0; colIndex < columnIdsByIndex.length; colIndex += 1) {
+      const { startRow, rowSpan: rowSpan2 } = resolveRowSpanAt(
+        columnRowSpanMap.get(columnIdsByIndex[colIndex]),
+        rowIndex
+      );
+      if (isCellInSelection(startRow, colIndex, activeSelectionBounds, rowSpan2)) {
+        return true;
+      }
+    }
+    return false;
+  };
   const isVisuallySelectedAt = activeSelectionBounds ? (targetRow, targetCol) => {
     if (targetCol < activeSelectionBounds.startCol || targetCol > activeSelectionBounds.endCol) {
       return false;
@@ -982,6 +1022,7 @@ function DataTableRow({
                 return;
               }
               if (!enableCellSelection) return;
+              if (isInteractiveMouseTarget(event.target)) return;
               event.preventDefault();
               onCellMouseDown(
                 resolveCellRowIndex(event.clientY, event.currentTarget),

package/dist/compound.d.cts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode, ReactElement } from 'react';
-import { d as DataTableProps, T as TableColumnProps, g as TableProps } from './types-Ce4qepIU.cjs';
-export { a as DataTableClassNames, c as DataTableLabels, e as DataTableSlots, P as PasteMode, R as RowSelectionMode, f as RowsPastePayload } from './types-Ce4qepIU.cjs';
+import { d as DataTableProps, T as TableColumnProps, g as TableProps } from './types-xxzMLUwM.cjs';
+export { a as DataTableClassNames, c as DataTableLabels, e as DataTableSlots, P as PasteMode, R as RowSelectionMode, f as RowsPastePayload } from './types-xxzMLUwM.cjs';
 export { ColumnDef, 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 { d as DataTableProps, T as TableColumnProps, g as TableProps } from './types-Ce4qepIU.js';
-export { a as DataTableClassNames, c as DataTableLabels, e as DataTableSlots, P as PasteMode, R as RowSelectionMode, f as RowsPastePayload } from './types-Ce4qepIU.js';
+import { d as DataTableProps, T as TableColumnProps, g as TableProps } from './types-xxzMLUwM.js';
+export { a as DataTableClassNames, c as DataTableLabels, e as DataTableSlots, P as PasteMode, R as RowSelectionMode, f as RowsPastePayload } from './types-xxzMLUwM.js';
 export { ColumnDef, RowSelectionState } from '@tanstack/react-table';
 
 /**

package/dist/compound.js

@@ -761,6 +761,19 @@ function cn(...inputs) {
 
 // src/components/ui/table/components/DataTable/DataTableRow.tsx
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function isInteractiveMouseTarget(target) {
+  if (!(target instanceof Element)) return false;
+  const interactiveSelector = [
+    "input",
+    "textarea",
+    "select",
+    "button",
+    "a[href]",
+    "[contenteditable]:not([contenteditable='false'])",
+    "[data-table-disable-cell-selection]"
+  ].join(",");
+  return target.closest(interactiveSelector) !== null;
+}
 function resolveExpandCellIndex(cells, toggleField) {
   if (!toggleField) return 0;
   const matchedIndex = cells.findIndex(
@@ -827,6 +840,33 @@ function DataTableRow({
   const isGroupHovered = enableRowSpan && hoveredRowIndex !== null && hoveredRowIndex >= primaryGroupStart && hoveredRowIndex <= primaryGroupStart + primaryGroupSpan - 1;
   const visibleCells = row.getVisibleCells();
   const columnIdsByIndex = visibleCells.map((cell) => cell.column.id);
+  row.getIsCellDragSelected = (columnId) => {
+    if (!activeSelectionBounds) return false;
+    if (columnId) {
+      const colIndex = columnIdsByIndex.indexOf(columnId);
+      if (colIndex < 0) return false;
+      const { startRow, rowSpan: rowSpan2 } = resolveRowSpanAt(
+        columnRowSpanMap.get(columnIdsByIndex[colIndex]),
+        rowIndex
+      );
+      return isCellInSelection(
+        startRow,
+        colIndex,
+        activeSelectionBounds,
+        rowSpan2
+      );
+    }
+    for (let colIndex = 0; colIndex < columnIdsByIndex.length; colIndex += 1) {
+      const { startRow, rowSpan: rowSpan2 } = resolveRowSpanAt(
+        columnRowSpanMap.get(columnIdsByIndex[colIndex]),
+        rowIndex
+      );
+      if (isCellInSelection(startRow, colIndex, activeSelectionBounds, rowSpan2)) {
+        return true;
+      }
+    }
+    return false;
+  };
   const isVisuallySelectedAt = activeSelectionBounds ? (targetRow, targetCol) => {
     if (targetCol < activeSelectionBounds.startCol || targetCol > activeSelectionBounds.endCol) {
       return false;
@@ -954,6 +994,7 @@ function DataTableRow({
                 return;
               }
               if (!enableCellSelection) return;
+              if (isInteractiveMouseTarget(event.target)) return;
               event.preventDefault();
               onCellMouseDown(
                 resolveCellRowIndex(event.clientY, event.currentTarget),

package/dist/core.d.cts

@@ -1,5 +1,5 @@
-import { C as CellEditType, a as DataTableClassNames, R as RowSelectionMode, d as DataTableProps, c as DataTableLabels, b as DataTableCopyActions, P as PasteMode, f as RowsPastePayload } from './types-Ce4qepIU.cjs';
-export { D as DEFAULT_DATA_TABLE_LABELS, r as resolveDataTableLabels } from './types-Ce4qepIU.cjs';
+import { C as CellEditType, a as DataTableClassNames, R as RowSelectionMode, d as DataTableProps, c as DataTableLabels, b as DataTableCopyActions, P as PasteMode, f as RowsPastePayload } from './types-xxzMLUwM.cjs';
+export { D as DEFAULT_DATA_TABLE_LABELS, r as resolveDataTableLabels } from './types-xxzMLUwM.cjs';
 import { Row, ColumnDef, Table, Updater, RowSelectionState } from '@tanstack/react-table';
 export { ColumnDef, RowSelectionState } from '@tanstack/react-table';
 import { Virtualizer, VirtualItem } from '@tanstack/react-virtual';

package/dist/core.d.ts

@@ -1,5 +1,5 @@
-import { C as CellEditType, a as DataTableClassNames, R as RowSelectionMode, d as DataTableProps, c as DataTableLabels, b as DataTableCopyActions, P as PasteMode, f as RowsPastePayload } from './types-Ce4qepIU.js';
-export { D as DEFAULT_DATA_TABLE_LABELS, r as resolveDataTableLabels } from './types-Ce4qepIU.js';
+import { C as CellEditType, a as DataTableClassNames, R as RowSelectionMode, d as DataTableProps, c as DataTableLabels, b as DataTableCopyActions, P as PasteMode, f as RowsPastePayload } from './types-xxzMLUwM.js';
+export { D as DEFAULT_DATA_TABLE_LABELS, r as resolveDataTableLabels } from './types-xxzMLUwM.js';
 import { Row, ColumnDef, Table, Updater, RowSelectionState } from '@tanstack/react-table';
 export { ColumnDef, RowSelectionState } from '@tanstack/react-table';
 import { Virtualizer, VirtualItem } from '@tanstack/react-virtual';

package/dist/index.cjs

@@ -1740,6 +1740,19 @@ function cn(...inputs) {
 
 // src/components/ui/table/components/DataTable/DataTableRow.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
+function isInteractiveMouseTarget(target) {
+  if (!(target instanceof Element)) return false;
+  const interactiveSelector = [
+    "input",
+    "textarea",
+    "select",
+    "button",
+    "a[href]",
+    "[contenteditable]:not([contenteditable='false'])",
+    "[data-table-disable-cell-selection]"
+  ].join(",");
+  return target.closest(interactiveSelector) !== null;
+}
 function resolveExpandCellIndex(cells, toggleField) {
   if (!toggleField) return 0;
   const matchedIndex = cells.findIndex(
@@ -1806,6 +1819,33 @@ function DataTableRow({
   const isGroupHovered = enableRowSpan && hoveredRowIndex !== null && hoveredRowIndex >= primaryGroupStart && hoveredRowIndex <= primaryGroupStart + primaryGroupSpan - 1;
   const visibleCells = row.getVisibleCells();
   const columnIdsByIndex = visibleCells.map((cell) => cell.column.id);
+  row.getIsCellDragSelected = (columnId) => {
+    if (!activeSelectionBounds) return false;
+    if (columnId) {
+      const colIndex = columnIdsByIndex.indexOf(columnId);
+      if (colIndex < 0) return false;
+      const { startRow, rowSpan: rowSpan2 } = resolveRowSpanAt(
+        columnRowSpanMap.get(columnIdsByIndex[colIndex]),
+        rowIndex
+      );
+      return isCellInSelection(
+        startRow,
+        colIndex,
+        activeSelectionBounds,
+        rowSpan2
+      );
+    }
+    for (let colIndex = 0; colIndex < columnIdsByIndex.length; colIndex += 1) {
+      const { startRow, rowSpan: rowSpan2 } = resolveRowSpanAt(
+        columnRowSpanMap.get(columnIdsByIndex[colIndex]),
+        rowIndex
+      );
+      if (isCellInSelection(startRow, colIndex, activeSelectionBounds, rowSpan2)) {
+        return true;
+      }
+    }
+    return false;
+  };
   const isVisuallySelectedAt = activeSelectionBounds ? (targetRow, targetCol) => {
     if (targetCol < activeSelectionBounds.startCol || targetCol > activeSelectionBounds.endCol) {
       return false;
@@ -1933,6 +1973,7 @@ function DataTableRow({
                 return;
               }
               if (!enableCellSelection) return;
+              if (isInteractiveMouseTarget(event.target)) return;
               event.preventDefault();
               onCellMouseDown(
                 resolveCellRowIndex(event.clientY, event.currentTarget),

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-export { D as DEFAULT_DATA_TABLE_LABELS, a as DataTableClassNames, b as DataTableCopyActions, c as DataTableLabels, d as DataTableProps, e as DataTableSlots, P as PasteMode, R as RowSelectionMode, f as RowsPastePayload, T as TableColumnProps, g as TableProps, r as resolveDataTableLabels } from './types-Ce4qepIU.cjs';
+export { D as DEFAULT_DATA_TABLE_LABELS, a as DataTableClassNames, b as DataTableCopyActions, c as DataTableLabels, d as DataTableProps, e as DataTableSlots, P as PasteMode, R as RowSelectionMode, f as RowsPastePayload, T as TableColumnProps, g as TableProps, r as resolveDataTableLabels } from './types-xxzMLUwM.cjs';
 export { CELL_SELECTION_EDGES_CLASS, CellSelectionBounds, ColumnRowSpanMap, CopyRowEntry, CopySelectionMode, DEFAULT_TREE_CHILDREN_FIELD, DEFAULT_TREE_ID_FIELD, DEFAULT_TREE_PARENT_ID_FIELD, DEFAULT_TREE_QTY_FIELD, DragState, EditingCell, RowSpanInfo, TreeRow, UseConvertTreeDataParams, UseGlideTableOptions, UseGlideTableResult, applyCellEdit, applyFillData, applySelectionUpdater, buildColumnRowSpanMap, buildRowsPastePayload, canExpandRow, collectCopyRowEntries, collectCopyRows, collectFillChanges, collectRowSpanColumns, flattenSubtreeRows, getCellEditDraftValue, getCellSelectionEdgeStyle, getColumnEditType, getRowIndexInMergedCell, hasCellSelectionEdges, isCellInSelection, isColumnEditable, isEditablePasteTarget, measureMergedSpanRowHeights, parseCellEditValue, parseClipboardTSV, parseClipboardTSVWithDepths, resolvePasteColumnIds, resolveRowSelection, resolveRowSpanAt, rowRangeToHeightRatios, serializeCopyRowsToTSV, serializeSelectionToTSV, toggleExpandedRowId, useCellEdit, useCellSelection, useConvertTreeData, useGlideTable, writeSelectionToClipboard } from './core.cjs';
 export { DataTable, Table, TableCompoundComponent, createTable } from './compound.cjs';
 export { ColumnDef, RowSelectionState } from '@tanstack/react-table';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { D as DEFAULT_DATA_TABLE_LABELS, a as DataTableClassNames, b as DataTableCopyActions, c as DataTableLabels, d as DataTableProps, e as DataTableSlots, P as PasteMode, R as RowSelectionMode, f as RowsPastePayload, T as TableColumnProps, g as TableProps, r as resolveDataTableLabels } from './types-Ce4qepIU.js';
+export { D as DEFAULT_DATA_TABLE_LABELS, a as DataTableClassNames, b as DataTableCopyActions, c as DataTableLabels, d as DataTableProps, e as DataTableSlots, P as PasteMode, R as RowSelectionMode, f as RowsPastePayload, T as TableColumnProps, g as TableProps, r as resolveDataTableLabels } from './types-xxzMLUwM.js';
 export { CELL_SELECTION_EDGES_CLASS, CellSelectionBounds, ColumnRowSpanMap, CopyRowEntry, CopySelectionMode, DEFAULT_TREE_CHILDREN_FIELD, DEFAULT_TREE_ID_FIELD, DEFAULT_TREE_PARENT_ID_FIELD, DEFAULT_TREE_QTY_FIELD, DragState, EditingCell, RowSpanInfo, TreeRow, UseConvertTreeDataParams, UseGlideTableOptions, UseGlideTableResult, applyCellEdit, applyFillData, applySelectionUpdater, buildColumnRowSpanMap, buildRowsPastePayload, canExpandRow, collectCopyRowEntries, collectCopyRows, collectFillChanges, collectRowSpanColumns, flattenSubtreeRows, getCellEditDraftValue, getCellSelectionEdgeStyle, getColumnEditType, getRowIndexInMergedCell, hasCellSelectionEdges, isCellInSelection, isColumnEditable, isEditablePasteTarget, measureMergedSpanRowHeights, parseCellEditValue, parseClipboardTSV, parseClipboardTSVWithDepths, resolvePasteColumnIds, resolveRowSelection, resolveRowSpanAt, rowRangeToHeightRatios, serializeCopyRowsToTSV, serializeSelectionToTSV, toggleExpandedRowId, useCellEdit, useCellSelection, useConvertTreeData, useGlideTable, writeSelectionToClipboard } from './core.js';
 export { DataTable, Table, TableCompoundComponent, createTable } from './compound.js';
 export { ColumnDef, RowSelectionState } from '@tanstack/react-table';

package/dist/index.js

@@ -1681,6 +1681,19 @@ function cn(...inputs) {
 
 // src/components/ui/table/components/DataTable/DataTableRow.tsx
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function isInteractiveMouseTarget(target) {
+  if (!(target instanceof Element)) return false;
+  const interactiveSelector = [
+    "input",
+    "textarea",
+    "select",
+    "button",
+    "a[href]",
+    "[contenteditable]:not([contenteditable='false'])",
+    "[data-table-disable-cell-selection]"
+  ].join(",");
+  return target.closest(interactiveSelector) !== null;
+}
 function resolveExpandCellIndex(cells, toggleField) {
   if (!toggleField) return 0;
   const matchedIndex = cells.findIndex(
@@ -1747,6 +1760,33 @@ function DataTableRow({
   const isGroupHovered = enableRowSpan && hoveredRowIndex !== null && hoveredRowIndex >= primaryGroupStart && hoveredRowIndex <= primaryGroupStart + primaryGroupSpan - 1;
   const visibleCells = row.getVisibleCells();
   const columnIdsByIndex = visibleCells.map((cell) => cell.column.id);
+  row.getIsCellDragSelected = (columnId) => {
+    if (!activeSelectionBounds) return false;
+    if (columnId) {
+      const colIndex = columnIdsByIndex.indexOf(columnId);
+      if (colIndex < 0) return false;
+      const { startRow, rowSpan: rowSpan2 } = resolveRowSpanAt(
+        columnRowSpanMap.get(columnIdsByIndex[colIndex]),
+        rowIndex
+      );
+      return isCellInSelection(
+        startRow,
+        colIndex,
+        activeSelectionBounds,
+        rowSpan2
+      );
+    }
+    for (let colIndex = 0; colIndex < columnIdsByIndex.length; colIndex += 1) {
+      const { startRow, rowSpan: rowSpan2 } = resolveRowSpanAt(
+        columnRowSpanMap.get(columnIdsByIndex[colIndex]),
+        rowIndex
+      );
+      if (isCellInSelection(startRow, colIndex, activeSelectionBounds, rowSpan2)) {
+        return true;
+      }
+    }
+    return false;
+  };
   const isVisuallySelectedAt = activeSelectionBounds ? (targetRow, targetCol) => {
     if (targetCol < activeSelectionBounds.startCol || targetCol > activeSelectionBounds.endCol) {
       return false;
@@ -1874,6 +1914,7 @@ function DataTableRow({
                 return;
               }
               if (!enableCellSelection) return;
+              if (isInteractiveMouseTarget(event.target)) return;
               event.preventDefault();
               onCellMouseDown(
                 resolveCellRowIndex(event.clientY, event.currentTarget),

package/dist/{types-Ce4qepIU.d.cts → types-xxzMLUwM.d.cts}

@@ -32,6 +32,15 @@ declare module "@tanstack/react-table" {
         /** Inline editor input attribute overrides */
         editInputProps?: DataTableEditInputProps;
     }
+    interface Row<TData> {
+        /**
+         * Returns whether this row's cell is inside the active drag selection.
+         * Attached at render time by DataTableRow (optional outside that renderer).
+         * - `columnId` omitted: true when any visible cell in the row is selected.
+         * - `columnId` provided: checks only that column (row-span aware via merge origin).
+         */
+        getIsCellDragSelected?: (columnId?: string) => boolean;
+    }
 }
 type DataTableCopyActions = {
     /** Copies the active cell selection. Defaults to visible rows only. */

package/dist/{types-Ce4qepIU.d.ts → types-xxzMLUwM.d.ts}

@@ -32,6 +32,15 @@ declare module "@tanstack/react-table" {
         /** Inline editor input attribute overrides */
         editInputProps?: DataTableEditInputProps;
     }
+    interface Row<TData> {
+        /**
+         * Returns whether this row's cell is inside the active drag selection.
+         * Attached at render time by DataTableRow (optional outside that renderer).
+         * - `columnId` omitted: true when any visible cell in the row is selected.
+         * - `columnId` provided: checks only that column (row-span aware via merge origin).
+         */
+        getIsCellDragSelected?: (columnId?: string) => boolean;
+    }
 }
 type DataTableCopyActions = {
     /** Copies the active cell selection. Defaults to visible rows only. */

package/package.json

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