@kiwicom/orbit-components/es/Tooltip/helpers/resolveContainerPosition.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

import { css } from "styled-components";
import { isPositionBottom, isPositionTop, isPositionRight, isPositionLeft } from "./isPosition";
import { TOOLTIP_ARROW_SIZE } from "../consts";

const resolveContainerPosition = ({
  position,
  containerTop,
  containerLeft,
  containerHeight,
  containerWidth,
  tooltipHeight,
  tooltipWidth
}) => {
  if (isPositionTop(position)) {
    return css(["top:", "px;"], Math.floor(containerTop - tooltipHeight - parseFloat(TOOLTIP_ARROW_SIZE)));
  }

  if (isPositionBottom(position)) {
    return css(["top:", "px;"], Math.floor(containerTop + containerHeight + parseFloat(TOOLTIP_ARROW_SIZE)));
  }

  if (isPositionRight(position)) {
    return css(["left:", "px;"], Math.floor(containerLeft + containerWidth + parseFloat(TOOLTIP_ARROW_SIZE)));
  }

  if (isPositionLeft(position)) {
    return css(["left:", "px;"], Math.floor(containerLeft - tooltipWidth - parseFloat(TOOLTIP_ARROW_SIZE)));
  }

  return null;
};

export default resolveContainerPosition;