diff --git a/.changeset/green-trainers-float.md b/.changeset/green-trainers-float.md new file mode 100644 index 0000000000..537fe01736 --- /dev/null +++ b/.changeset/green-trainers-float.md @@ -0,0 +1,5 @@ +--- +'@backstage/plugin-scaffolder': patch +--- + +Fix EntityPicker field to render description as markdown, matching other form components in the system. diff --git a/plugins/scaffolder/src/components/fields/EntityPicker/EntityPicker.tsx b/plugins/scaffolder/src/components/fields/EntityPicker/EntityPicker.tsx index 8a1b0854cf..b15c197945 100644 --- a/plugins/scaffolder/src/components/fields/EntityPicker/EntityPicker.tsx +++ b/plugins/scaffolder/src/components/fields/EntityPicker/EntityPicker.tsx @@ -30,7 +30,6 @@ import { entityPresentationApiRef, } from '@backstage/plugin-catalog-react'; import TextField from '@material-ui/core/TextField'; -import FormControl from '@material-ui/core/FormControl'; import Autocomplete, { AutocompleteChangeReason, createFilterOptions, @@ -46,6 +45,7 @@ import { import { VirtualizedListbox } from '../VirtualizedListbox'; import { useTranslationRef } from '@backstage/core-plugin-api/alpha'; import { scaffolderTranslationRef } from '../../../translation'; +import { ScaffolderField } from '@backstage/plugin-scaffolder-react/alpha'; export { EntityPickerSchema } from './schema'; @@ -68,6 +68,7 @@ export const EntityPicker = (props: EntityPickerProps) => { rawErrors, formData, idSchema, + errors, } = props; const catalogFilter = buildCatalogFilter(uiSchema); const defaultKind = uiSchema['ui:options']?.defaultKind; @@ -179,10 +180,12 @@ export const EntityPicker = (props: EntityPickerProps) => { }, [entities, onChange, selectedEntity, required, allowArbitraryValues]); return ( - 0 && !formData} + disabled={isDisabled} + errors={errors} > { {...params} label={title} margin="dense" - helperText={description} - FormHelperTextProps={{ margin: 'dense', style: { marginLeft: 0 } }} variant="outlined" required={required} disabled={isDisabled} @@ -226,7 +227,7 @@ export const EntityPicker = (props: EntityPickerProps) => { })} ListboxComponent={VirtualizedListbox} /> - + ); };