react-beautiful-dnd-next/src/state/move-in-direction/move-to-next-place/update-displacement.js

Beautiful and accessible drag and drop for lists with React

// @flow
import type { DraggableDimension, Displacement } from '../../../types';

export const addClosest = (
  add: DraggableDimension,
  displaced: Displacement[],
): Displacement[] => {
  const added: Displacement = {
    draggableId: add.descriptor.id,
    isVisible: true,
    shouldAnimate: true,
  };
  return [added, ...displaced];
};

export const removeClosest = (displaced: Displacement[]): Displacement[] =>
  displaced.slice(1);