azure-devops-ui/Components/IdentityCard/ServicePrincipalCard.min.js

React components for building web UI in Azure DevOps

import{__extends}from"tslib";import"../../CommonImports";import"../../Core/core.css";import"./IdentityCard.css";import*as React from"react";import{css}from"../../Util";import{Persona}from"../Persona/Persona";import{PersonaSize}from"../Persona/Persona.Props";import{CardContactLine}from"./CardContactLine";var ServicePrincipalCard=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.contactButtonRef=React.createRef(),e}return __extends(e,t),e.prototype.componentDidMount=function(){this.contactButtonRef.current&&this.contactButtonRef.current.focus()},e.prototype.render=function(){var e=this.props.identity,t=e.displayName,a=e.mail,e=e.originId;return React.createElement("div",{className:css("bolt-identity-card-content flex-column scroll-hidden","bolt-identity-default-card-without-header")},React.createElement("div",{className:"flex-row"},React.createElement(Persona,{className:"bolt-identity-card-persona-main",size:PersonaSize.size72,identity:this.props.identity,imageUrlResolver:this.props.imageUrlResolver}),React.createElement("div",{className:"flex-column flex-grow bolt-identity-card-name scroll-hidden"},React.createElement("div",{className:"word-wrap title-s"},t),React.createElement("div",{className:"word-wrap"},a))),React.createElement("div",{className:"flex-column scroll-hidden"},React.createElement("div",{className:"bolt-identity-default-card-info-wrapper "},React.createElement("hr",{className:"bolt-identity-card-hr"}),React.createElement("div",{className:"bolt-identity-default-card-contact-info-container flex-column scroll-hidden"},e&&React.createElement(CardContactLine,{iconName:"ContactCard",content:e})))))},e}(React.Component);export{ServicePrincipalCard};