fixed-react-data-grid-custom/commonjs/masks/DragMask.js

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

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var CellMask_1 = tslib_1.__importDefault(require("./CellMask"));
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_1.default.createElement(CellMask_1.default, tslib_1.__assign({}, dimensions, { className: className })));
}
exports.default = DragMask;
//# sourceMappingURL=DragMask.js.map