@pnp/spfx-controls-react/lib-commonjs/controls/userPicker/User.js

Reusable React controls for SharePoint Framework solutions

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.User = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var react_components_1 = require("@fluentui/react-components");
var react_icons_1 = require("@fluentui/react-icons");
var UserCard_1 = require("./userCard/UserCard");
var useUserPickerStyles_1 = require("./useUserPickerStyles");
var User = function (props) {
    var userId = props.userId, onRemove = props.onRemove, secondaryTextPropertyName = props.secondaryTextPropertyName;
    var styles = (0, useUserPickerStyles_1.useUserPickerStyles)();
    var onClick = React.useCallback(function () {
        if (onRemove)
            onRemove(userId);
    }, [userId]);
    return (React.createElement(React.Fragment, null,
        React.createElement("div", { className: styles.userItem },
            React.createElement(UserCard_1.UserCard, { userId: userId, showOverCard: true, secondaryTextPropertyName: secondaryTextPropertyName }),
            React.createElement(react_components_1.Button, { shape: "circular", className: styles.userItemCloseButton, appearance: "transparent", icon: React.createElement(react_icons_1.Dismiss16Regular, null), onClick: onClick }))));
};
exports.User = User;
//# sourceMappingURL=User.js.map