@hello-pangea/dnd/src/state/visibility/is-position-in-frame.ts

Beautiful and accessible drag and drop for lists with React

import type { Position, Spacing } from 'css-box-model';
import isWithin from '../is-within';

export default function isPositionInFrame(frame: Spacing) {
  const isWithinVertical = isWithin(frame.top, frame.bottom);
  const isWithinHorizontal = isWithin(frame.left, frame.right);

  return function run(point: Position) {
    return isWithinVertical(point.y) && isWithinHorizontal(point.x);
  };
}