azure-devops-ui/Components/IdentityCard/IdentityCardHeaderElement.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*as Resources from"../../Resources.Persona";import{Button}from"../../Button";import{Icon}from"../../Icon";import{Persona}from"../Persona/Persona";import{PersonaSize}from"../Persona/Persona.Props";var IdentityCardHeaderElement=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.personaElement=React.createRef(),e}return __extends(e,t),e.prototype.componentDidMount=function(){this.setFocus()},e.prototype.componentDidUpdate=function(){this.setFocus()},e.prototype.render=function(){var e=this.props.identity;return e?React.createElement("div",{className:"flex-row scroll-hidden"},React.createElement(Button,{className:"bolt-identity-card-go-back-wrapper flex-row flex-grow scroll-hidden",onClick:this.props.onClickFunction,"aria-label":Resources.IdentityCardHeaderButtonLabel,ref:this.personaElement,primary:!0},React.createElement(Icon,{iconName:"ChevronLeftMed"}),React.createElement(Persona,{className:"bolt-identity-card-go-back",size:PersonaSize.size24,identity:e,imageUrlResolver:this.props.imageUrlResolver}),React.createElement("div",{className:"bolt-identity-card-name text-ellipsis"},e.displayName))):React.createElement("div",null)},e.prototype.setFocus=function(){this.personaElement.current&&this.personaElement.current.focus()},e}(React.Component);export{IdentityCardHeaderElement};