@1771technologies/lytenyte-pro/dist/cell-selection/expand-selection-end.js

Blazingly fast headless React data grid with 100s of features.

import { dataRectFromCellPosition } from "./data-rect-from-cell-position.js";
import { isOverlappingRect } from "./is-overlapping-rect.js";
import { isFullyWithinRect } from "./is-fully-within-rect.js";
export function expandSelectionEnd(api, selections, setSelections, meta, position, view) {
    const pos = dataRectFromCellPosition(position);
    const rect = selections.at(-1);
    if (!rect || !isOverlappingRect(rect, pos) || isFullyWithinRect(pos, rect))
        return;
    if (meta) {
        const next = {
            ...rect,
            columnStart: pos.columnStart,
            columnEnd: view.visibleColumns.length,
        };
        const nextSelections = [...selections];
        nextSelections[nextSelections.length - 1] = next;
        setSelections(nextSelections);
        if (pos.columnStart !== 0)
            api.scrollIntoView({ column: view.visibleColumns.length - 1 });
        return;
    }
    const isAtEdge = pos.columnStart == rect.columnStart || pos.columnEnd === rect.columnEnd;
    let pivotStart = pos.columnStart;
    let pivotEnd = pos.columnEnd;
    // Our cell some how is spanned over. so for the current rowIndex, find the maximum span along the columns
    if (!isAtEdge) {
        for (let i = rect.rowStart; i < rect.rowEnd; i++) {
            const cell = dataRectFromCellPosition(api.cellRoot(pos.columnStart, i));
            pivotStart = Math.min(pivotStart, cell.columnStart);
            pivotEnd = Math.max(pivotEnd, cell.columnEnd);
        }
    }
    let next;
    if (rect.columnStart < pivotStart) {
        let highestColEnd = -Infinity;
        let setCell = rect;
        for (let i = rect.rowStart; i < rect.rowEnd; i++) {
            const cell = dataRectFromCellPosition(api.cellRoot(i, rect.columnStart + 1));
            if (cell.columnStart > highestColEnd) {
                highestColEnd = cell.columnStart;
                setCell = cell;
            }
        }
        next = {
            ...rect,
            columnStart: highestColEnd,
            rowStart: Math.min(setCell.rowStart, rect.rowStart),
            rowEnd: Math.max(setCell.rowEnd, rect.rowEnd),
        };
        api.scrollIntoView({ column: highestColEnd });
    }
    else {
        if (rect.columnEnd === view.visibleColumns.length)
            return;
        let highestColEnd = -Infinity;
        let setCell = rect;
        for (let i = rect.rowStart; i < rect.rowEnd; i++) {
            const cell = dataRectFromCellPosition(api.cellRoot(i, rect.columnEnd));
            if (cell.columnStart > highestColEnd) {
                highestColEnd = cell.columnStart;
                setCell = cell;
            }
        }
        next = {
            ...rect,
            columnEnd: highestColEnd + 1,
            rowStart: Math.min(setCell.rowStart, rect.rowStart),
            rowEnd: Math.max(setCell.rowEnd, rect.rowEnd),
        };
        api.scrollIntoView({ column: highestColEnd - 1 });
    }
    const nextSelections = [...selections];
    nextSelections[nextSelections.length - 1] = next;
    setSelections(nextSelections);
    return;
}