define([], function() { return "import * as React from 'react';\nimport {\n  PeoplePicker,\n  PeoplePickerType,\n  IPersonaProps\n} from '../../../../index';\n\nexport interface IPeoplePickerExampleState {\n  suggestions?: Array<IPersonaProps>;\n}\n\nexport class PeoplePickerMemberListExample extends React.Component<any, IPeoplePickerExampleState> {\n  private _peopleList = [\n    {\n      imageUrl: '//www.fillmurray.com/200/200',\n      imageInitials: 'PV',\n      primaryText: 'Peter Venkman',\n      secondaryText: 'Ghostbuster',\n      tertiaryText: 'In a meeting',\n      optionalText: 'Available at 4:00pm'\n    },\n    {\n      imageUrl: '//www.fillmurray.com/200/200',\n      imageInitials: 'PC',\n      primaryText: 'Phil Connors',\n      secondaryText: 'Reporter',\n      tertiaryText: 'In a meeting',\n      optionalText: 'Available at 4:00pm'\n    },\n    {\n      imageUrl: '//www.fillmurray.com/200/200',\n      imageInitials: 'CS',\n      primaryText: 'Carl Spackler',\n      secondaryText: 'Golpher',\n      tertiaryText: 'In a meeting',\n      optionalText: 'Available at 4:00pm'\n    },\n    {\n      imageUrl: '//www.fillmurray.com/200/200',\n      imageInitials: 'SZ',\n      primaryText: 'Steve Zissou',\n      secondaryText: 'Oceanographer',\n      tertiaryText: 'In a meeting',\n      optionalText: 'Available at 4:00pm'\n    },\n    {\n      imageUrl: '//www.fillmurray.com/200/200',\n      imageInitials: 'BH',\n      primaryText: 'Bob Harris',\n      secondaryText: 'Actor',\n      tertiaryText: 'In a meeting',\n      optionalText: 'Available at 4:00pm'\n    },\n    {\n      imageUrl: '//www.fillmurray.com/200/200',\n      imageInitials: 'BB',\n      primaryText: 'Bunny Breckinridge',\n      secondaryText: 'Actor',\n      tertiaryText: 'In a meeting',\n      optionalText: 'Available at 4:00pm'\n    },\n  ];\n\n  constructor() {\n    super();\n    this._onFilterChanged = this._onFilterChanged.bind(this);\n    this._onRemoveSuggestion = this._onRemoveSuggestion.bind(this);\n    this.state = {\n      suggestions: this._peopleList,\n    };\n  }\n\n  public render() {\n    let { suggestions } = this.state;\n\n    return (\n      <PeoplePicker\n        suggestions={ suggestions }\n        searchCategoryName={ 'Top Results' }\n        noResultsText={ 'No Results Available' }\n        onSearchFieldChanged={ this._onFilterChanged }\n        onRemoveSuggestion={ this._onRemoveSuggestion }\n        type={ PeoplePickerType.memberList }\n        primarySearchText='Showing top 5 results'\n        secondarySearchText='Search Contacts & Directory'\n        disconnectedText='We are having trouble connecting to the server.<br>Please try again in a few minutes.'\n      />\n    );\n  }\n\n  private _onFilterChanged(filterText: string) {\n    this.setState({\n      suggestions: this._peopleList.filter(item => item.primaryText.toLowerCase().indexOf(filterText.toLowerCase()) >= 0)\n    });\n  };\n\n  private _onRemoveSuggestion(index: number, persona: IPersonaProps) {\n    let personas = this.state.suggestions;\n    personas.splice(index, 1);\n    this.setState({\n      suggestions: personas\n    });\n  }\n}\n"; });