@1771technologies/lytenyte-pro/dist/state/api/column-move.js

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

import { resolveColumn } from "../helpers/resolve-column.js";
export const makeColumnMove = (grid) => {
    return (params) => {
        const meta = grid.state.columnMeta.get();
        const errorRef = { current: false };
        const colSet = new Set(params.moveColumns.map((c) => {
            return resolveColumn(c, errorRef, meta);
        }));
        const dest = resolveColumn(params.moveTarget, errorRef, meta);
        if (errorRef.current)
            return;
        if (colSet.has(dest)) {
            console.error(`Destination column cannot be in the move columns`);
            return;
        }
        const columns = grid.state.columns.get();
        const columnsToMove = columns.filter((c) => colSet.has(c.id));
        const nextColumns = columns.filter((c) => !colSet.has(c.id));
        const indexOfDest = nextColumns.findIndex((c) => c.id === dest);
        const destCol = nextColumns[indexOfDest];
        let stop = false;
        grid.api.eventFire("columnMoveBegin", {
            grid,
            before: !!params.before,
            moveColumns: columnsToMove,
            moveTarget: destCol,
            preventDefault: () => {
                stop = true;
            },
            updatePinState: !!params.updatePinState,
        });
        if (stop)
            return;
        const offset = params.before ? 0 : 1;
        nextColumns.splice(indexOfDest + offset, 0, ...columnsToMove);
        grid.state.columns.set(nextColumns);
        if (params.updatePinState) {
            const updates = Object.fromEntries(columnsToMove.map((c) => [c.id, { pin: destCol.pin ?? null }]));
            grid.api.columnUpdate(updates);
        }
        grid.api.eventFire("columnMoveEnd", {
            grid,
            before: !!params.before,
            moveColumns: columnsToMove,
            moveTarget: destCol,
            updatePinState: !!params.updatePinState,
        });
    };
};