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

React components for building web UI in Azure DevOps

import"../../CommonImports";import"../../Core/core.css";import"./IdentityCard.css";import*as React from"react";import*as Resources from"../../Resources.Persona";import{format}from"../../Core/Util/String";import{Button}from"../../Button";import{Spinner,SpinnerSize}from"../../Spinner";import{css}from"../../Util";import{Persona}from"../Persona/Persona";import{PersonaSize}from"../Persona/Persona.Props";var GroupMembersCard=function(r){var e=r.members,a=r.onClickEntity,t=format(Resources.IdentityCardMembers,e?e.length:0),e=e?e.map(function(e){var t={imageUrl:e.image,primaryText:e.displayName||"",secondaryText:e.jobTitle||"",tertiaryText:e.department||""};return React.createElement("div",{className:"bolt-identity-card-persona-list-row flex-row flex-grow scroll-hidden",key:e.entityId+e.signInAddress},React.createElement(Button,{className:"bolt-identity-card-persona-list-element profile-card-tab-element flex-row flex-grow flex-shrink text-ellipsis","aria-label":e.displayName,onClick:function(){a&&a(e)},subtle:!0},React.createElement(Persona,{size:PersonaSize.size40,identity:e,imageUrlResolver:r.imageUrlResolver}),React.createElement("div",{className:"flex-column flex-grow flex-shrink bolt-identity-card-name scroll-hidden"},React.createElement("div",{className:"text-left text-ellipsis"},t.primaryText),""===t.secondaryText?void 0:React.createElement("div",{className:"text-left text-ellipsis"},t.secondaryText))))}):[];return React.createElement("div",{className:"bolt-identity-contact-card-organization-card-wrapper bolt-identity-card-content"},React.createElement("div",{className:css("bolt-identity-organization-card-content v-scroll-auto h-scroll-hidden",0===e.length&&"flex-row justify-center")},0<e.length?React.createElement(React.Fragment,null,React.createElement("div",{className:"bolt-identity-organization-card-header-wrapper"},t," "),React.createElement("div",{className:"bolt-identity-organization-card-members-wrapper"},e)):React.createElement(Spinner,{label:Resources.Loading,size:SpinnerSize.large,className:"bolt-identity-card-loading-spinner"})))};export{GroupMembersCard};