office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
16 lines • 1.52 kB
JavaScript
import * as tslib_1 from "tslib";
import * as React from 'react';
import { divProperties, getNativeProps } from '../../../Utilities';
import { Callout } from '../../../Callout';
import { DirectionalHint } from '../../../common/DirectionalHint';
import { FocusTrapCallout } from '../../../Callout';
export var CardCallout = function (props) {
var _a = props.gapSpace, gapSpace = _a === void 0 ? 0 : _a, _b = props.directionalHint, directionalHint = _b === void 0 ? DirectionalHint.bottomLeftEdge : _b, directionalHintFixed = props.directionalHintFixed, targetElement = props.targetElement, firstFocus = props.firstFocus, trapFocus = props.trapFocus, onLeave = props.onLeave, className = props.className, finalHeight = props.finalHeight, content = props.content;
var calloutProps = tslib_1.__assign({}, getNativeProps(props, divProperties), { className: className, target: targetElement, isBeakVisible: false, directionalHint: directionalHint, directionalHintFixed: directionalHintFixed, finalHeight: finalHeight, minPagePadding: 24, onDismiss: onLeave, gapSpace: gapSpace });
return (React.createElement(React.Fragment, null, trapFocus ? (React.createElement(FocusTrapCallout, tslib_1.__assign({}, calloutProps, { focusTrapProps: {
forceFocusInsideTrap: false,
isClickableOutsideFocusTrap: true,
disableFirstFocus: !firstFocus
} }), content)) : (React.createElement(Callout, tslib_1.__assign({}, calloutProps), content))));
};
//# sourceMappingURL=CardCallout.js.map