react-resizable-panels/src/utils/rects/getIntersectingRectangle.ts

React components for resizable panel groups/layouts

import { intersects } from "./intersects";
import { Rectangle } from "./types";

export function getIntersectingRectangle(
  rectOne: Rectangle,
  rectTwo: Rectangle,
  strict: boolean
): Rectangle {
  if (!intersects(rectOne, rectTwo, strict)) {
    return {
      x: 0,
      y: 0,
      width: 0,
      height: 0,
    };
  }

  return {
    x: Math.max(rectOne.x, rectTwo.x),
    y: Math.max(rectOne.y, rectTwo.y),
    width:
      Math.min(rectOne.x + rectOne.width, rectTwo.x + rectTwo.width) -
      Math.max(rectOne.x, rectTwo.x),
    height:
      Math.min(rectOne.y + rectOne.height, rectTwo.y + rectTwo.height) -
      Math.max(rectOne.y, rectTwo.y),
  };
}