Description of icon
Flex UI
API Reference

TeamsView

This renders the teams page.


Component children#

KeyComponentConditionAlignDescription
agents-tablediv
Wrapper for the agent's filter, data table (WorkersDataTable component) and filter results
task-canvasReact component
Visible only if a task is selected
Wrapper for TaskCanvas component. Displays the TaskCanvas component for the selected task
worker-canvasWorkerCanvas
Visible only if a worker is selected
WorkerCanvas component. Displays the WorkerCanvas component for the selected worker
team-filter-panelReact component
Visible only if ADVANCED TEAMS VIEW FILTERS flag is enabled and the filter button (located at the top right of the agents table) has been clicked
Team filter panel. Displays a panel to filter agents based on activity or a custom filter

Static Properties#

NameTypeDescription
exports.FiltersType"teams-view-search"

The type of filters on teams view

ContentDynamicContentStore<TeamsView.TeamsViewImplProps, TeamsViewChildrenKeys>

Dynamic content store

activitiesFilteractivitiesFilterSelector

Activities filter

defaultPropsPartial<TeamsView.TeamsViewProps>

Default properties

exports.FilterConditions"IN"

Filter condition

Component Properties#

NameTypeDescriptionOptionalDefault
routeRouteComponentProps<TeamsView.TeamsViewRouteParams>

Represents route params.

Yes
filtersArray<(FilterDefinition|FilterDefinitionFactory)>

List of filters or filterFactories

Yes
hiddenFilterAppliedFilter | Array<AppliedFilter> | string

Hidden filter definition

Yes

Component Children Properties#

NameTypeDescriptionOptionalDefault
appliedFiltersArray<AppliedFilter>

Represents applied filters.

Yes
filtersArray<FiltersList.FilterDefinition>

List of filter definitions.

Yes
monitoredTaskSidstring

Represents current monitoring task.

Yes
stickyWorkerSupervisorWorkerState

Represents selected worker.

Yes
workersArray<SupervisorWorkerState>

Represents list of workers.

Yes
isViewActiveboolean

Indicates whether the view is active.

No
isLoadingWorkersboolean

Indicates whether workers are loading.

No
isSearchFilterAppliedboolean

Indicates whether search filter is applied.

No
Rate this page

Need some help?

We all do sometimes; code is hard. Get help now from our support team, or lean on the wisdom of the crowd by visiting Twilio's Stack Overflow Collective or browsing the Twilio tag on Stack Overflow.