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";const GroupMembersCard=e=>{const{members:t,onClickEntity:r}=e;var e=format(Resources.IdentityCardMembers,t?t.length:0),a=t?t.map(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:()=>{r&&r(e)},subtle:!0},React.createElement(Persona,{size:PersonaSize.size40,identity:e}),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===a.length&&"flex-row justify-center")},0<a.length?React.createElement(React.Fragment,null,React.createElement("div",{className:"bolt-identity-organization-card-header-wrapper"},e," "),React.createElement("div",{className:"bolt-identity-organization-card-members-wrapper"},a)):React.createElement(Spinner,{label:Resources.Loading,size:SpinnerSize.large,className:"bolt-identity-card-loading-spinner"})))};export{GroupMembersCard};