react-glide-table 1.1.7 → 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;
@@ -914,6 +954,7 @@ function DataTableRow({
         const meta = cell.column.columnDef.meta;
         const align = meta?.align ?? "center";
         const cellClassName = meta?.className;
+        const editInputProps = meta?.editInputProps;
         const isRowSpanColumn = Boolean(enableRowSpan && meta?.rowSpan);
         const isExpandCell = cellIndex === expandCellIndex;
         const editable = isColumnEditable(cell.column.columnDef);
@@ -981,6 +1022,7 @@ function DataTableRow({
                 return;
               }
               if (!enableCellSelection) return;
+              if (isInteractiveMouseTarget(event.target)) return;
               event.preventDefault();
               onCellMouseDown(
                 resolveCellRowIndex(event.clientY, event.currentTarget),
@@ -1027,18 +1069,31 @@ function DataTableRow({
               isEditing ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                 "input",
                 {
+                  ...editInputProps,
                   ref: editInputRef,
                   type: editType === "number" ? "number" : "text",
                   defaultValue: draftValue,
                   className: cn(
                     "cell-edit-input",
                     CELL_ALIGN_CLASS[align],
+                    editInputProps?.className,
                     classNames?.cellEditInput
                   ),
-                  onChange: (event) => onDraftValueChange(event.target.value),
-                  onMouseDown: (event) => event.stopPropagation(),
-                  onClick: (event) => event.stopPropagation(),
+                  onChange: (event) => {
+                    editInputProps?.onChange?.(event);
+                    onDraftValueChange(event.target.value);
+                  },
+                  onMouseDown: (event) => {
+                    editInputProps?.onMouseDown?.(event);
+                    event.stopPropagation();
+                  },
+                  onClick: (event) => {
+                    editInputProps?.onClick?.(event);
+                    event.stopPropagation();
+                  },
                   onKeyDown: (event) => {
+                    editInputProps?.onKeyDown?.(event);
+                    if (event.defaultPrevented) return;
                     if (event.key === "Enter") {
                       event.preventDefault();
                       onCommitEdit(event.currentTarget.value);
@@ -1049,6 +1104,8 @@ function DataTableRow({
                     }
                   },
                   onBlur: (event) => {
+                    editInputProps?.onBlur?.(event);
+                    if (event.defaultPrevented) return;
                     onCommitEdit(event.currentTarget.value);
                   }
                 }
@@ -2330,6 +2387,7 @@ function buildColumnDef(props, sort, onSort) {
     rowSpanKey,
     editable,
     editType,
+    editInputProps,
     className,
     headerClassName,
     render
@@ -2356,6 +2414,7 @@ function buildColumnDef(props, sort, onSort) {
       rowSpanKey,
       editable,
       editType,
+      editInputProps,
       className,
       headerClassName
     }

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-DOLnknDe.cjs';
-export { a as DataTableClassNames, c as DataTableLabels, e as DataTableSlots, P as PasteMode, R as RowSelectionMode, f as RowsPastePayload } from './types-DOLnknDe.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-DOLnknDe.js';
-export { a as DataTableClassNames, c as DataTableLabels, e as DataTableSlots, P as PasteMode, R as RowSelectionMode, f as RowsPastePayload } from './types-DOLnknDe.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;
@@ -886,6 +926,7 @@ function DataTableRow({
         const meta = cell.column.columnDef.meta;
         const align = meta?.align ?? "center";
         const cellClassName = meta?.className;
+        const editInputProps = meta?.editInputProps;
         const isRowSpanColumn = Boolean(enableRowSpan && meta?.rowSpan);
         const isExpandCell = cellIndex === expandCellIndex;
         const editable = isColumnEditable(cell.column.columnDef);
@@ -953,6 +994,7 @@ function DataTableRow({
                 return;
               }
               if (!enableCellSelection) return;
+              if (isInteractiveMouseTarget(event.target)) return;
               event.preventDefault();
               onCellMouseDown(
                 resolveCellRowIndex(event.clientY, event.currentTarget),
@@ -999,18 +1041,31 @@ function DataTableRow({
               isEditing ? /* @__PURE__ */ jsx3(
                 "input",
                 {
+                  ...editInputProps,
                   ref: editInputRef,
                   type: editType === "number" ? "number" : "text",
                   defaultValue: draftValue,
                   className: cn(
                     "cell-edit-input",
                     CELL_ALIGN_CLASS[align],
+                    editInputProps?.className,
                     classNames?.cellEditInput
                   ),
-                  onChange: (event) => onDraftValueChange(event.target.value),
-                  onMouseDown: (event) => event.stopPropagation(),
-                  onClick: (event) => event.stopPropagation(),
+                  onChange: (event) => {
+                    editInputProps?.onChange?.(event);
+                    onDraftValueChange(event.target.value);
+                  },
+                  onMouseDown: (event) => {
+                    editInputProps?.onMouseDown?.(event);
+                    event.stopPropagation();
+                  },
+                  onClick: (event) => {
+                    editInputProps?.onClick?.(event);
+                    event.stopPropagation();
+                  },
                   onKeyDown: (event) => {
+                    editInputProps?.onKeyDown?.(event);
+                    if (event.defaultPrevented) return;
                     if (event.key === "Enter") {
                       event.preventDefault();
                       onCommitEdit(event.currentTarget.value);
@@ -1021,6 +1076,8 @@ function DataTableRow({
                     }
                   },
                   onBlur: (event) => {
+                    editInputProps?.onBlur?.(event);
+                    if (event.defaultPrevented) return;
                     onCommitEdit(event.currentTarget.value);
                   }
                 }
@@ -2313,6 +2370,7 @@ function buildColumnDef(props, sort, onSort) {
     rowSpanKey,
     editable,
     editType,
+    editInputProps,
     className,
     headerClassName,
     render
@@ -2339,6 +2397,7 @@ function buildColumnDef(props, sort, onSort) {
       rowSpanKey,
       editable,
       editType,
+      editInputProps,
       className,
       headerClassName
     }

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-DOLnknDe.cjs';
-export { D as DEFAULT_DATA_TABLE_LABELS, r as resolveDataTableLabels } from './types-DOLnknDe.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-DOLnknDe.js';
-export { D as DEFAULT_DATA_TABLE_LABELS, r as resolveDataTableLabels } from './types-DOLnknDe.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;
@@ -1865,6 +1905,7 @@ function DataTableRow({
         const meta = cell.column.columnDef.meta;
         const align = meta?.align ?? "center";
         const cellClassName = meta?.className;
+        const editInputProps = meta?.editInputProps;
         const isRowSpanColumn = Boolean(enableRowSpan && meta?.rowSpan);
         const isExpandCell = cellIndex === expandCellIndex;
         const editable = isColumnEditable(cell.column.columnDef);
@@ -1932,6 +1973,7 @@ function DataTableRow({
                 return;
               }
               if (!enableCellSelection) return;
+              if (isInteractiveMouseTarget(event.target)) return;
               event.preventDefault();
               onCellMouseDown(
                 resolveCellRowIndex(event.clientY, event.currentTarget),
@@ -1978,18 +2020,31 @@ function DataTableRow({
               isEditing ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                 "input",
                 {
+                  ...editInputProps,
                   ref: editInputRef,
                   type: editType === "number" ? "number" : "text",
                   defaultValue: draftValue,
                   className: cn(
                     "cell-edit-input",
                     CELL_ALIGN_CLASS[align],
+                    editInputProps?.className,
                     classNames?.cellEditInput
                   ),
-                  onChange: (event) => onDraftValueChange(event.target.value),
-                  onMouseDown: (event) => event.stopPropagation(),
-                  onClick: (event) => event.stopPropagation(),
+                  onChange: (event) => {
+                    editInputProps?.onChange?.(event);
+                    onDraftValueChange(event.target.value);
+                  },
+                  onMouseDown: (event) => {
+                    editInputProps?.onMouseDown?.(event);
+                    event.stopPropagation();
+                  },
+                  onClick: (event) => {
+                    editInputProps?.onClick?.(event);
+                    event.stopPropagation();
+                  },
                   onKeyDown: (event) => {
+                    editInputProps?.onKeyDown?.(event);
+                    if (event.defaultPrevented) return;
                     if (event.key === "Enter") {
                       event.preventDefault();
                       onCommitEdit(event.currentTarget.value);
@@ -2000,6 +2055,8 @@ function DataTableRow({
                     }
                   },
                   onBlur: (event) => {
+                    editInputProps?.onBlur?.(event);
+                    if (event.defaultPrevented) return;
                     onCommitEdit(event.currentTarget.value);
                   }
                 }
@@ -2394,6 +2451,7 @@ function buildColumnDef(props, sort, onSort) {
     rowSpanKey,
     editable,
     editType,
+    editInputProps,
     className,
     headerClassName,
     render
@@ -2420,6 +2478,7 @@ function buildColumnDef(props, sort, onSort) {
       rowSpanKey,
       editable,
       editType,
+      editInputProps,
       className,
       headerClassName
     }

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-DOLnknDe.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-DOLnknDe.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;
@@ -1806,6 +1846,7 @@ function DataTableRow({
         const meta = cell.column.columnDef.meta;
         const align = meta?.align ?? "center";
         const cellClassName = meta?.className;
+        const editInputProps = meta?.editInputProps;
         const isRowSpanColumn = Boolean(enableRowSpan && meta?.rowSpan);
         const isExpandCell = cellIndex === expandCellIndex;
         const editable = isColumnEditable(cell.column.columnDef);
@@ -1873,6 +1914,7 @@ function DataTableRow({
                 return;
               }
               if (!enableCellSelection) return;
+              if (isInteractiveMouseTarget(event.target)) return;
               event.preventDefault();
               onCellMouseDown(
                 resolveCellRowIndex(event.clientY, event.currentTarget),
@@ -1919,18 +1961,31 @@ function DataTableRow({
               isEditing ? /* @__PURE__ */ jsx3(
                 "input",
                 {
+                  ...editInputProps,
                   ref: editInputRef,
                   type: editType === "number" ? "number" : "text",
                   defaultValue: draftValue,
                   className: cn(
                     "cell-edit-input",
                     CELL_ALIGN_CLASS[align],
+                    editInputProps?.className,
                     classNames?.cellEditInput
                   ),
-                  onChange: (event) => onDraftValueChange(event.target.value),
-                  onMouseDown: (event) => event.stopPropagation(),
-                  onClick: (event) => event.stopPropagation(),
+                  onChange: (event) => {
+                    editInputProps?.onChange?.(event);
+                    onDraftValueChange(event.target.value);
+                  },
+                  onMouseDown: (event) => {
+                    editInputProps?.onMouseDown?.(event);
+                    event.stopPropagation();
+                  },
+                  onClick: (event) => {
+                    editInputProps?.onClick?.(event);
+                    event.stopPropagation();
+                  },
                   onKeyDown: (event) => {
+                    editInputProps?.onKeyDown?.(event);
+                    if (event.defaultPrevented) return;
                     if (event.key === "Enter") {
                       event.preventDefault();
                       onCommitEdit(event.currentTarget.value);
@@ -1941,6 +1996,8 @@ function DataTableRow({
                     }
                   },
                   onBlur: (event) => {
+                    editInputProps?.onBlur?.(event);
+                    if (event.defaultPrevented) return;
                     onCommitEdit(event.currentTarget.value);
                   }
                 }
@@ -2335,6 +2392,7 @@ function buildColumnDef(props, sort, onSort) {
     rowSpanKey,
     editable,
     editType,
+    editInputProps,
     className,
     headerClassName,
     render
@@ -2361,6 +2419,7 @@ function buildColumnDef(props, sort, onSort) {
       rowSpanKey,
       editable,
       editType,
+      editInputProps,
       className,
       headerClassName
     }

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

@@ -1,5 +1,5 @@
 import { ColumnDef, RowSelectionState, Updater, Row } from '@tanstack/react-table';
-import { ReactNode, ComponentType } from 'react';
+import { ReactNode, InputHTMLAttributes, ComponentType } from 'react';
 
 type DataTableLabels = {
     empty: string;
@@ -14,6 +14,7 @@ declare function resolveDataTableLabels(partial?: Partial<DataTableLabels>): Dat
 
 type RowSelectionMode = "none" | "single" | "multi";
 type CellEditType = "text" | "number";
+type DataTableEditInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "defaultValue">;
 
 declare module "@tanstack/react-table" {
     interface ColumnMeta<TData, TValue> {
@@ -28,6 +29,17 @@ declare module "@tanstack/react-table" {
         editable?: boolean;
         /** Inline editor input type. Defaults to text */
         editType?: CellEditType;
+        /** 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 = {
@@ -260,6 +272,8 @@ type TableColumnProps<T extends Record<string, unknown>, K extends string = keyo
     rowSpanKey?: string;
     editable?: boolean;
     editType?: CellEditType;
+    /** Inline editor input attribute overrides */
+    editInputProps?: DataTableEditInputProps;
     className?: string;
     headerClassName?: string;
     render?: (value: K extends keyof T ? T[K] : unknown, row: Row<T>, index: number) => ReactNode;

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

@@ -1,5 +1,5 @@
 import { ColumnDef, RowSelectionState, Updater, Row } from '@tanstack/react-table';
-import { ReactNode, ComponentType } from 'react';
+import { ReactNode, InputHTMLAttributes, ComponentType } from 'react';
 
 type DataTableLabels = {
     empty: string;
@@ -14,6 +14,7 @@ declare function resolveDataTableLabels(partial?: Partial<DataTableLabels>): Dat
 
 type RowSelectionMode = "none" | "single" | "multi";
 type CellEditType = "text" | "number";
+type DataTableEditInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "defaultValue">;
 
 declare module "@tanstack/react-table" {
     interface ColumnMeta<TData, TValue> {
@@ -28,6 +29,17 @@ declare module "@tanstack/react-table" {
         editable?: boolean;
         /** Inline editor input type. Defaults to text */
         editType?: CellEditType;
+        /** 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 = {
@@ -260,6 +272,8 @@ type TableColumnProps<T extends Record<string, unknown>, K extends string = keyo
     rowSpanKey?: string;
     editable?: boolean;
     editType?: CellEditType;
+    /** Inline editor input attribute overrides */
+    editInputProps?: DataTableEditInputProps;
     className?: string;
     headerClassName?: string;
     render?: (value: K extends keyof T ? T[K] : unknown, row: Row<T>, index: number) => ReactNode;

package/package.json

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