hoda-react/lib/esm/helpers/floating.js

<div align="center"> <h1>:construction: flowbite-react (unreleased) :construction:</h1> <p> <a href="https://flowbite-react.com"> <img alt="Flowbite - Tailwind CSS components" width="350" src=".github/assets/flowbite-react-github.png"> <

import { arrow, autoPlacement, flip, offset, shift } from '@floating-ui/react';
/**
 * @see https://floating-ui.com/docs/middleware
 */
export const getMiddleware = ({ arrowRef, placement, }) => {
    const middleware = [];
    middleware.push(offset(8));
    middleware.push(placement === 'auto' ? autoPlacement() : flip());
    middleware.push(shift({ padding: 8 }));
    if (arrowRef.current) {
        middleware.push(arrow({ element: arrowRef.current }));
    }
    return middleware;
};
export const getPlacement = ({ placement }) => {
    return placement === 'auto' ? undefined : placement;
};
export const getArrowPlacement = ({ placement }) => {
    return {
        top: 'bottom',
        right: 'left',
        bottom: 'top',
        left: 'right',
    }[placement.split('-')[0]];
};