UNPKG

fixed-react-data-grid-custom

Version:

Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like

20 lines 1.12 kB
import { __assign } from "tslib"; import React from 'react'; import CellMask from './CellMask'; export default function DragMask(_a) { var draggedPosition = _a.draggedPosition, getSelectedDimensions = _a.getSelectedDimensions; var overRowIdx = draggedPosition.overRowIdx, idx = draggedPosition.idx, rowIdx = draggedPosition.rowIdx; if (rowIdx === overRowIdx) return null; var isDraggedOverDown = rowIdx < overRowIdx; var startRowIdx = isDraggedOverDown ? rowIdx + 1 : overRowIdx; var endRowIdx = isDraggedOverDown ? overRowIdx : rowIdx - 1; var className = isDraggedOverDown ? 'react-grid-cell-dragged-over-down' : 'react-grid-cell-dragged-over-up'; var dimensions = getSelectedDimensions({ idx: idx, rowIdx: startRowIdx }); for (var currentRowIdx = startRowIdx + 1; currentRowIdx <= endRowIdx; currentRowIdx++) { var height = getSelectedDimensions({ idx: idx, rowIdx: currentRowIdx }).height; dimensions.height += height; } return (React.createElement(CellMask, __assign({}, dimensions, { className: className }))); } //# sourceMappingURL=DragMask.js.map