UNPKG

office-ui-fabric-react

Version:

Reusable React components for building experiences for Office 365.

18 lines 1.63 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var tslib_1 = require("tslib"); var React = require("react"); var Utilities_1 = require("../../../Utilities"); var Callout_1 = require("../../../Callout"); var DirectionalHint_1 = require("../../../common/DirectionalHint"); var Callout_2 = require("../../../Callout"); 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; var calloutProps = 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 }); return (React.createElement(React.Fragment, null, trapFocus ? (React.createElement(Callout_2.FocusTrapCallout, tslib_1.__assign({}, calloutProps, { focusTrapProps: { forceFocusInsideTrap: false, isClickableOutsideFocusTrap: true, disableFirstFocus: !firstFocus } }), content)) : (React.createElement(Callout_1.Callout, tslib_1.__assign({}, calloutProps), content)))); }; //# sourceMappingURL=CardCallout.js.map