azure-devops-ui/Components/IdentityPickerSuggestionsList/IdentityPickerSuggestionsList.min.js

React components for building web UI in Azure DevOps

import{__assign,__extends}from"tslib";import"../../CommonImports";import"../../Core/core.css";import"./IdentityPickerSuggestionsList.css";import*as React from"react";import{Callout}from"../../Callout";import{IdentityCard}from"../../IdentityCard";import{Observer}from"../../Observer";import*as Resources from"../../Resources.IdentityPicker";import{SuggestionsList}from"../../SuggestionsList";import{css}from"../../Util";var IdentityPickerSuggestionsList=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.renderNoIdentitiesFound=function(){return React.createElement("div",{className:"bolt-identitypickerdropdown-noresults flex-row flex-grow flex-center"},e.props.noResultsFoundText||Resources.IdentityPickerNoResultsText)},e}return __extends(e,t),e.prototype.render=function(){var s=this;return React.createElement(React.Fragment,null,React.createElement(Observer,{suggestionsVisible:this.props.suggestionsVisible,suggestionsLoading:this.props.isLoading,selectedIndex:this.props.selectedIndex,suggestions:this.props.suggestions},function(e){var t;return e.suggestionsVisible?React.createElement(Callout,__assign({},s.props.calloutProps,{className:css("bolt-identitypickerdropdown-callout",s.props.calloutProps.className),contentClassName:css("bolt-identitypickerdropdown-callout-content flex-row flex-grow",s.props.calloutProps.contentClassName)}),React.createElement(SuggestionsList,__assign({},s.props,{className:css("bolt-identitypickerdropdown-list",s.props.className),isLoading:e.suggestionsLoading,loadingText:s.props.loadingText||Resources.IdentityPickerLoadingText,renderNoResultFound:s.renderNoIdentitiesFound,renderSuggestion:s.props.renderSuggestion,onBlur:s.props.onBlur,onFocus:s.props.onFocus,resultsMaximumNumber:0<(null!=(t=s.props.resultsMaximumNumber)?t:25)?null!=(t=s.props.resultsMaximumNumber)?t:25:void 0,suggestionsItemClassName:css("bolt-identitypickerdropdown-item",s.props.suggestionsItemClassName),suggestions:e.suggestions,selectedIndex:e.selectedIndex,width:s.props.width,suggestionsContainerAriaLabel:s.props.suggestionsContainerAriaLabel}))):React.createElement("div",null)}),React.createElement(Observer,{openedIdentityCard:this.props.openedIdentityCard},function(e){return e.openedIdentityCard?React.createElement(IdentityCard,{getEntityFromUniqueAttribute:s.props.pickerProvider.getEntityFromUniqueAttribute,key:e.openedIdentityCard.entityId,identity:e.openedIdentityCard,target:s.props.suggestionTarget,onDismissCallback:s.props.onClosePersonaCard,onRequestConnectionInformation:s.props.pickerProvider.onRequestConnectionInformation,imageUrlResolver:s.props.imageUrlResolver}):React.createElement("div",null)}))},e}(React.Component);export{IdentityPickerSuggestionsList};