@octopusdeploy/design-system-components
Version:
The design systems component library.
37 lines (36 loc) • 1.89 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.LegacyPopover = LegacyPopover;
const jsx_runtime_1 = require("react/jsx-runtime");
const css_1 = require("@emotion/css");
const material_1 = require("@mui/material");
const Popover_1 = __importDefault(require("@mui/material/Popover"));
const design_system_tokens_1 = require("@octopusdeploy/design-system-tokens");
const transition_1 = require("../../transition");
const utils_1 = require("../../utils");
/**
* @deprecated
* Deprecated: 28/05/2026
* Replacement: Popover
* Reason: This component is deprecated and will be removed in a future release.
*/
function LegacyPopover(props) {
const transitionComponent = (0, transition_1.useTransitionComponentOverride)() ?? props.TransitionComponent ?? material_1.Fade; // Default to the same animation used in our global search.
return ((0, jsx_runtime_1.jsx)(Popover_1.default, { classes: { paper: styles.paper, root: styles.modal }, action: (actions) => (props.getUpdatePosition && actions ? props.getUpdatePosition(actions.updatePosition) : (0, utils_1.noOp)()), anchorEl: props.anchorEl, anchorOrigin: props.anchorOrigin, className: props.className, onClose: props.onClose, open: props.open, transformOrigin: props.transformOrigin, disableAutoFocus: props.disableAutoFocus, disableEnforceFocus: props.disableEnforceFocus, TransitionComponent: transitionComponent, children: props.children }));
}
const styles = {
paper: (0, css_1.css)({
"&&": {
backgroundColor: design_system_tokens_1.themeTokens.color.portal.popover.background,
},
}),
modal: (0, css_1.css)({
"&&": {
zIndex: "auto",
isolation: "isolate",
},
}),
};