import * as strings from 'PropertyControlStrings' ; import * as React from 'react' ; import { Dropdown } from 'office-ui-fabric-react/lib/components/Dropdown' ; import { Label } from 'office-ui-fabric-react/lib/components/Label' ; import { IPropertyFieldMultiSelectHostProps } from './IPropertyFieldMultiSelectHost' ; import * as telemetry from '../../common/telemetry' ; export default class PropertyFieldMultiSelectHost extends React . Component < IPropertyFieldMultiSelectHostProps , { } > { constructor ( props ) { super ( props ) ; telemetry . track ( 'PropertyFieldMultiSelect' , { disabled : props . disabled } ) ; } public render ( ) { if ( ! this . props . options || ( this . props . options && this . props . options . length === 0 ) ) { return ( < div > < Dropdown key = { `MultiSelectOptionsDisabled` } label = { this . props . label } options = { [ ] } placeHolder = { strings . propertyFieldMultiSelectNoOptions } disabled = { true } / > < /div>); } return ( < div > < Dropdown key = { `MultiSelectOptions` } { ... this . props } multiSelect = { true } / > < /div>); } }