react-beautiful-dnd/src/state/visibility/is-position-in-frame.js

Beautiful, accessible drag and drop for lists with React.js

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

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

  return (point: Position) =>
    isWithinVertical(point.y) &&
    isWithinVertical(point.y) &&
    isWithinHorizontal(point.x) &&
    isWithinHorizontal(point.x);
};