office-ui-fabric-react
Version:
Reusable React components for building experiences for Microsoft 365.
14 lines • 1.73 kB
JavaScript
define(["require", "exports", "tslib", "react", "../../../Utilities", "../../../common/DirectionalHint", "../../../Callout"], function (require, exports, tslib_1, React, Utilities_1, DirectionalHint_1, Callout_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.CardCallout = function (props) {
var _a = props.gapSpace, gapSpace = _a === void 0 ? 0 : _a, _b = props.directionalHint, directionalHint = _b === void 0 ? DirectionalHint_1.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, calloutProps = props.calloutProps;
var mergedCalloutProps = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, Utilities_1.getNativeProps(props, Utilities_1.divProperties)), { className: className, target: targetElement, isBeakVisible: false, directionalHint: directionalHint, directionalHintFixed: directionalHintFixed, finalHeight: finalHeight, minPagePadding: 24, onDismiss: onLeave, gapSpace: gapSpace }), calloutProps);
return (React.createElement(React.Fragment, null, trapFocus ? (React.createElement(Callout_1.FocusTrapCallout, tslib_1.__assign({}, mergedCalloutProps, { focusTrapProps: {
forceFocusInsideTrap: false,
isClickableOutsideFocusTrap: true,
disableFirstFocus: !firstFocus,
} }), content)) : (React.createElement(Callout_1.Callout, tslib_1.__assign({}, mergedCalloutProps), content))));
};
});
//# sourceMappingURL=CardCallout.js.map