Marat Dyatko
e5af44c846
- Consolidate changesets: one for catalog-react (deprecation), one combined for the remaining 5 plugins - Add entity-presentation to microsite/sidebars.ts - Update @deprecated tags to point to useEntityPresentation / entityPresentationApiRef only, not defaultEntityPresentation - Use entityPresentationApiRef with .promise in async loaders (StepPrepareCreatePullRequest, TemplateFormPreviewer) - Add optional entityPresentation?: EntityPresentationApi param to sync column factories and use .snapshot when available (columnFactories, EntityTable/columns, EntityOwnerPicker, CatalogTable) - Rewrite entity-presentation.md to recommend .snapshot/.promise instead of defaultEntityPresentation - Update TSDoc on entityPresentationApiRef, EntityPresentationApi, defaultEntityPresentation, useEntityPresentation, EntityDisplayName - Re-export presentation API types from alpha entry point - Update API reports - Fix test mocks for entityPresentationApiRef Made-with: Cursor Signed-off-by: Marat Dyatko <maratd@spotify.com> Made-with: Cursor
org-react
features
- Group list picker component
GroupListPicker
The GroupListPicker component displays a select box which also has autocomplete functionality.
To use the GroupListPicker component you'll need to import it and add it to your desired place.
+ import { GroupListPicker } from '@backstage/plugin-org-react';
+ import { useState } from 'react';
+ const [group, setGroup] = useState<GroupEntity | undefined>();
<Grid container spacing={3}>
<Grid item xs={12}>
+ <GroupListPicker groupTypes={['team']} placeholder='Search for a team' onChange={setGroup} defaultValue='Team A'/>
</Grid>
</Grid>
The GroupListPicker comes with four props:
groupTypes: gives the user the option which group types the component should load. If no value is provided all group types will be loaded in;placeholder: the placeholder that the select box in the component should display. This might be helpful in informing your users what the functionality of the component is.onChange: a prop to help the user to give access to the selected groupdefaultValue: gives the user the option to define a default value that will be shown initially before making a selection