From f32a2d3198debb7a0e5b19dde3c494711e4abf7f Mon Sep 17 00:00:00 2001 From: Paulo Eduardo Peixoto Date: Fri, 1 Nov 2024 11:19:20 -0300 Subject: [PATCH 1/3] docs(docs/features/software-templates/writing-custom-field-extensions.md): add pending imports. Signed-off-by: Paulo Eduardo Peixoto --- .../software-templates/writing-custom-field-extensions.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/docs/features/software-templates/writing-custom-field-extensions.md b/docs/features/software-templates/writing-custom-field-extensions.md index feb0f68048..7f6e4b8796 100644 --- a/docs/features/software-templates/writing-custom-field-extensions.md +++ b/docs/features/software-templates/writing-custom-field-extensions.md @@ -33,6 +33,12 @@ import React from 'react'; import { FieldExtensionComponentProps } from '@backstage/plugin-scaffolder-react'; import type { FieldValidation } from '@rjsf/utils'; import FormControl from '@material-ui/core/FormControl'; +import { + FormControl, + FormHelperText, + Input, + InputLabel, +} from '@material-ui/core'; /* This is the actual component that will get rendered in the form */ From 1b23511acdc041d3a38516e6cf150c9d245e887e Mon Sep 17 00:00:00 2001 From: Paulo Eduardo Peixoto Date: Mon, 4 Nov 2024 08:39:21 -0300 Subject: [PATCH 2/3] docs(docs/features/software-templates/writing-custom-field-extensions.md): remove import from "@material-ui/core/FormControl". Signed-off-by: Paulo Eduardo Peixoto --- .../software-templates/writing-custom-field-extensions.md | 1 - 1 file changed, 1 deletion(-) diff --git a/docs/features/software-templates/writing-custom-field-extensions.md b/docs/features/software-templates/writing-custom-field-extensions.md index 7f6e4b8796..7431b91e64 100644 --- a/docs/features/software-templates/writing-custom-field-extensions.md +++ b/docs/features/software-templates/writing-custom-field-extensions.md @@ -32,7 +32,6 @@ As an example, we will create a component that validates whether a string is in import React from 'react'; import { FieldExtensionComponentProps } from '@backstage/plugin-scaffolder-react'; import type { FieldValidation } from '@rjsf/utils'; -import FormControl from '@material-ui/core/FormControl'; import { FormControl, FormHelperText, From 05c2dda150a7a403300a2bd25a7763abcbfb6a3b Mon Sep 17 00:00:00 2001 From: Paulo Eduardo Peixoto Date: Tue, 12 Nov 2024 09:53:58 -0300 Subject: [PATCH 3/3] docs(docs/features/software-templates/writing-custom-field-extensions.md): adjust the imports in a "separate" way. Signed-off-by: Paulo Eduardo Peixoto --- .../writing-custom-field-extensions.md | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) diff --git a/docs/features/software-templates/writing-custom-field-extensions.md b/docs/features/software-templates/writing-custom-field-extensions.md index 7431b91e64..9ccd6cf1b5 100644 --- a/docs/features/software-templates/writing-custom-field-extensions.md +++ b/docs/features/software-templates/writing-custom-field-extensions.md @@ -32,12 +32,10 @@ As an example, we will create a component that validates whether a string is in import React from 'react'; import { FieldExtensionComponentProps } from '@backstage/plugin-scaffolder-react'; import type { FieldValidation } from '@rjsf/utils'; -import { - FormControl, - FormHelperText, - Input, - InputLabel, -} from '@material-ui/core'; +import FormControl from '@material-ui/core/FormControl'; +import FormHelperText from '@material-ui/core/FormHelperText'; +import Input from '@material-ui/core/Input'; +import InputLabel from '@material-ui/core/InputLabel'; /* This is the actual component that will get rendered in the form */