monday-ui-react-core/src/utils/dom-positioning-utils.js

Official monday.com UI resources for application development in React.js

/*
 * DOM positioning Utils.
 */
import { createPopper } from "@popperjs/core";

/**
 * Position param ('top', 'right', 'bottom', 'left')
 * Options param (xOffset: integer, yOffset: integer)
 */

export const positionToDestination = (element, target, position, justify, options = {}) => {
  const xOffset = options.xOffset ? options.xOffset : 0;
  const yOffset = options.yOffset ? options.yOffset : 0;
  createPopper(target, element, {
    placement: position,
    modifiers: [
      {
        name: "offset",
        options: {
          offset: [xOffset, yOffset]
        }
      }
    ]
  });
};