@pnp/spfx-controls-react
Version:
Reusable React controls for SharePoint Framework solutions
29 lines • 1.52 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var HoverCard_1 = require("@fluentui/react/lib/HoverCard");
var FieldUserRenderer_module_scss_1 = tslib_1.__importDefault(require("./FieldUserRenderer.module.scss"));
/**
* Component to render User name with related Hover Card
*/
var FieldUserHoverCard = /** @class */ (function (_super) {
tslib_1.__extends(FieldUserHoverCard, _super);
function FieldUserHoverCard(props) {
var _this = _super.call(this, props) || this;
_this.state = {
contentRendered: undefined
};
return _this;
}
FieldUserHoverCard.prototype.render = function () {
var _this = this;
return (React.createElement("div", { className: FieldUserRenderer_module_scss_1.default.user, style: this.props.cssProps },
React.createElement("span", { ref: function (c) { return !_this.state.contentRendered && _this.setState({ contentRendered: c }); }, "data-is-focusable": true }, this.props.displayName),
this.state.contentRendered && this.props.expandingCardProps.onRenderCompactCard &&
React.createElement(HoverCard_1.HoverCard, { expandingCardProps: this.props.expandingCardProps, target: this.state.contentRendered, cardDismissDelay: 0 })));
};
return FieldUserHoverCard;
}(React.Component));
exports.default = FieldUserHoverCard;
//# sourceMappingURL=FieldUserHoverCard.js.map