diff --git a/plugins/scaffolder/src/components/MultistepJsonForm/MultistepJsonForm.test.tsx b/plugins/scaffolder/src/components/MultistepJsonForm/MultistepJsonForm.test.tsx index 60cca38f06..f238c62a8a 100644 --- a/plugins/scaffolder/src/components/MultistepJsonForm/MultistepJsonForm.test.tsx +++ b/plugins/scaffolder/src/components/MultistepJsonForm/MultistepJsonForm.test.tsx @@ -14,7 +14,7 @@ * limitations under the License. */ -import { getReviewData } from './LastStepForm'; +import { getReviewData } from './ReviewStep'; describe('MultistepJsonForm', () => { const formDataMock = { diff --git a/plugins/scaffolder/src/components/MultistepJsonForm/MultistepJsonForm.tsx b/plugins/scaffolder/src/components/MultistepJsonForm/MultistepJsonForm.tsx index 44b739d57b..ce0e3616fd 100644 --- a/plugins/scaffolder/src/components/MultistepJsonForm/MultistepJsonForm.tsx +++ b/plugins/scaffolder/src/components/MultistepJsonForm/MultistepJsonForm.tsx @@ -35,8 +35,8 @@ import { transformSchemaToProps } from './schema'; import cloneDeep from 'lodash/cloneDeep'; import * as fieldOverrides from './FieldOverrides'; import { LayoutOptions } from '../../layouts'; -import { LastStepFormProps, Step } from '../types'; -import { LastStepForm } from './LastStepForm'; +import { ReviewStepComponentProps, Step } from '../types'; +import { ReviewStep } from './ReviewStep'; import { selectedTemplateRouteRef } from '../../routes'; const Form = withTheme(MuiTheme); @@ -57,7 +57,7 @@ export type MultistepJsonFormProps = { fields?: FormProps['fields']; finishButtonLabel?: string; layouts: LayoutOptions[]; - LastStepFormComponent?: ComponentType; + ReviewStepComponent?: ComponentType; }; /** @@ -73,7 +73,7 @@ export const MultistepJsonForm = (props: MultistepJsonFormProps) => { widgets, finishButtonLabel, layouts, - LastStepFormComponent, + ReviewStepComponent, } = props; const { templateName } = useRouteRefParams(selectedTemplateRouteRef); const analytics = useAnalytics(); @@ -146,7 +146,7 @@ export const MultistepJsonForm = (props: MultistepJsonFormProps) => { } }; - const LastStepFormElement = LastStepFormComponent ?? LastStepForm; + const ReviewStepElement = ReviewStepComponent ?? ReviewStep; return ( <> @@ -191,7 +191,7 @@ export const MultistepJsonForm = (props: MultistepJsonFormProps) => { })} {activeStep === steps.length && ( - = []; @@ -77,7 +77,7 @@ export function getReviewData(formData: Record, steps: Step[]) { * The component displaying the Last Step in scaffolder template form. * Which represents the summary of the input provided by the end user. */ -export const LastStepForm = (props: LastStepFormProps) => { +export const ReviewStep = (props: ReviewStepComponentProps) => { const { disableButtons, finishButtonLabel, diff --git a/plugins/scaffolder/src/components/Router.tsx b/plugins/scaffolder/src/components/Router.tsx index 7dba0a9fba..4f394ebccf 100644 --- a/plugins/scaffolder/src/components/Router.tsx +++ b/plugins/scaffolder/src/components/Router.tsx @@ -46,7 +46,7 @@ import { } from '../routes'; import { ListTasksPage } from './ListTasksPage'; import { LayoutOptions, LAYOUTS_KEY, LAYOUTS_WRAPPER_KEY } from '../layouts'; -import { LastStepFormProps } from './types'; +import { ReviewStepComponentProps } from './types'; /** * The props for the entrypoint `ScaffolderPage` component the plugin. @@ -54,7 +54,7 @@ import { LastStepFormProps } from './types'; */ export type RouterProps = { components?: { - LastStepFormComponent?: ComponentType; + ReviewStepComponent?: ComponentType; TemplateCardComponent?: | ComponentType<{ template: TemplateEntityV1beta3 }> | undefined; @@ -89,7 +89,7 @@ export type RouterProps = { export const Router = (props: RouterProps) => { const { groups, components = {}, defaultPreviewTemplate } = props; - const { LastStepFormComponent, TemplateCardComponent, TaskPageComponent } = + const { ReviewStepComponent, TemplateCardComponent, TaskPageComponent } = components; const outlet = useOutlet(); @@ -164,7 +164,7 @@ export const Router = (props: RouterProps) => { element={ diff --git a/plugins/scaffolder/src/components/TemplatePage/TemplatePage.tsx b/plugins/scaffolder/src/components/TemplatePage/TemplatePage.tsx index dffbfadf62..64d62943b1 100644 --- a/plugins/scaffolder/src/components/TemplatePage/TemplatePage.tsx +++ b/plugins/scaffolder/src/components/TemplatePage/TemplatePage.tsx @@ -41,7 +41,7 @@ import { } from '@backstage/core-plugin-api'; import { stringifyEntityRef } from '@backstage/catalog-model'; import { LayoutOptions } from '../../layouts'; -import { LastStepFormProps } from '../types'; +import { ReviewStepComponentProps } from '../types'; const useTemplateParameterSchema = (templateRef: string) => { const scaffolderApi = useApi(scaffolderApiRef); @@ -53,11 +53,11 @@ const useTemplateParameterSchema = (templateRef: string) => { }; export const TemplatePage = ({ - LastStepFormComponent, + ReviewStepComponent, customFieldExtensions = [], layouts = [], }: { - LastStepFormComponent?: ComponentType; + ReviewStepComponent?: ComponentType; customFieldExtensions?: FieldExtensionOptions[]; layouts?: LayoutOptions[]; }) => { @@ -149,7 +149,7 @@ export const TemplatePage = ({ titleTypographyProps={{ component: 'h2' }} > ;