UNPKG

@kubit-ui-web/react-components

Version:

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

24 lines 1 kB
import { TooltipAlignType } from '../../types/tooltipAlign'; export const computeCoordsFromPlacement = ({ reference, floating }, placement) => { const commonX = reference.x + reference.width / 2 - floating.width / 2; const commonY = reference.y + reference.height / 2 - floating.height / 2; let coords; switch (placement) { case TooltipAlignType.TOP: coords = { x: commonX, y: reference.y - floating.height }; break; case TooltipAlignType.BOTTOM: coords = { x: commonX, y: reference.y + reference.height }; break; case TooltipAlignType.RIGHT: coords = { x: reference.x + reference.width, y: commonY }; break; case TooltipAlignType.LEFT: coords = { x: reference.x - floating.width, y: commonY }; break; default: coords = { x: reference.x, y: reference.y }; } return coords; }; //# sourceMappingURL=computeCoordsFromPlacement.js.map