@octopusdeploy/design-system-components/dist/src/components/Beacon/Beacon.js

The design systems component library.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Beacon = Beacon;
const jsx_runtime_1 = require("react/jsx-runtime");
const css_1 = require("@emotion/css");
const material_1 = require("@mui/material");
const BeaconBase_1 = require("./BeaconBase");
function Beacon({ placement = "auto", anchorElement, open, size, ripple, onClick, beaconOffset, accessibleName }) {
    const onBeaconClicked = () => {
        onClick?.();
    };
    return ((0, jsx_runtime_1.jsx)(material_1.Popper, { placement: placement === "auto" ? undefined : placement, open: open, anchorEl: anchorElement, className: popoverStyles, modifiers: [
            {
                name: "flip",
                enabled: false,
            },
            {
                name: "offset",
                enabled: true,
                options: { offset: beaconOffset === undefined ? [0, 0] : [beaconOffset.x, beaconOffset.y] },
            },
        ], disablePortal: true, children: (0, jsx_runtime_1.jsx)(BeaconBase_1.BeaconBase, { size: size, ripple: ripple, onClick: onBeaconClicked, accessibleName: accessibleName }) }));
}
const popoverStyles = (0, css_1.css)({ zIndex: 9999 });