From 4a3885943a9290851ad498b60783b34877872dc0 Mon Sep 17 00:00:00 2001
From: benjdlambert <ben@blam.sh>
Date: Thu, 31 Jul 2025 16:19:22 +0200
Subject: [PATCH] chore: changing the name from Component to component

Signed-off-by: benjdlambert <ben@blam.sh>
---
 .../src/blueprints/AppRootWrapperBlueprint.test.tsx      | 6 +++---
 .../src/blueprints/AppRootWrapperBlueprint.tsx           | 9 ++-------
 .../src/blueprints/RouterBlueprint.test.tsx              | 6 +++---
 .../src/blueprints/RouterBlueprint.tsx                   | 4 ++--
 4 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/packages/frontend-plugin-api/src/blueprints/AppRootWrapperBlueprint.test.tsx b/packages/frontend-plugin-api/src/blueprints/AppRootWrapperBlueprint.test.tsx
index d46975abd9..b4ad8ed2d2 100644
--- a/packages/frontend-plugin-api/src/blueprints/AppRootWrapperBlueprint.test.tsx
+++ b/packages/frontend-plugin-api/src/blueprints/AppRootWrapperBlueprint.test.tsx
@@ -27,7 +27,7 @@ describe('AppRootWrapperBlueprint', () => {
   it('should return an extension with sensible defaults', () => {
     const extension = AppRootWrapperBlueprint.make({
       params: {
-        Component: () => <div>Hello</div>,
+        component: () => <div>Hello</div>,
       },
     });
 
@@ -59,7 +59,7 @@ describe('AppRootWrapperBlueprint', () => {
     const extension = AppRootWrapperBlueprint.make({
       name: 'test',
       params: {
-        Component: () => <div>Hello</div>,
+        component: () => <div>Hello</div>,
       },
     });
 
@@ -80,7 +80,7 @@ describe('AppRootWrapperBlueprint', () => {
       },
       *factory(originalFactory, { inputs, config }) {
         yield* originalFactory({
-          Component: ({ children }) => (
+          component: ({ children }) => (
             <div data-testid={`${config.name}-${inputs.children.length}`}>
               {children}
               {inputs.children.flatMap(c =>
diff --git a/packages/frontend-plugin-api/src/blueprints/AppRootWrapperBlueprint.tsx b/packages/frontend-plugin-api/src/blueprints/AppRootWrapperBlueprint.tsx
index 481be1bc0b..ca5ea2d5fa 100644
--- a/packages/frontend-plugin-api/src/blueprints/AppRootWrapperBlueprint.tsx
+++ b/packages/frontend-plugin-api/src/blueprints/AppRootWrapperBlueprint.tsx
@@ -35,12 +35,7 @@ export const AppRootWrapperBlueprint = createExtensionBlueprint({
   dataRefs: {
     component: componentDataRef,
   },
-  *factory(params: { Component: ComponentType<PropsWithChildren<{}>> }) {
-    // todo(blam): not sure that this wrapping is even necessary anymore.
-    const Component = (props: PropsWithChildren<{}>) => {
-      return <params.Component>{props.children}</params.Component>;
-    };
-
-    yield componentDataRef(Component);
+  *factory(params: { component: ComponentType<PropsWithChildren<{}>> }) {
+    yield componentDataRef(params.component);
   },
 });
diff --git a/packages/frontend-plugin-api/src/blueprints/RouterBlueprint.test.tsx b/packages/frontend-plugin-api/src/blueprints/RouterBlueprint.test.tsx
index 00015d0c3d..f2e5199124 100644
--- a/packages/frontend-plugin-api/src/blueprints/RouterBlueprint.test.tsx
+++ b/packages/frontend-plugin-api/src/blueprints/RouterBlueprint.test.tsx
@@ -27,7 +27,7 @@ describe('RouterBlueprint', () => {
   it('should return an extension when calling make with sensible defaults', () => {
     const extension = RouterBlueprint.make({
       params: {
-        Component: props => <div>{props.children}</div>,
+        component: props => <div>{props.children}</div>,
       },
     });
 
@@ -58,7 +58,7 @@ describe('RouterBlueprint', () => {
   it('should work with simple options', async () => {
     const extension = RouterBlueprint.make({
       params: {
-        Component: ({ children }) => (
+        component: ({ children }) => (
           <MemoryRouter>
             <div data-testid="test-router">{children}</div>
           </MemoryRouter>
@@ -94,7 +94,7 @@ describe('RouterBlueprint', () => {
       },
       *factory(originalFactory, { inputs, config }) {
         yield* originalFactory({
-          Component: ({ children }) => (
+          component: ({ children }) => (
             <MemoryRouter>
               <div
                 data-testid={`test-router-${config.name}-${inputs.children.length}`}
diff --git a/packages/frontend-plugin-api/src/blueprints/RouterBlueprint.tsx b/packages/frontend-plugin-api/src/blueprints/RouterBlueprint.tsx
index 503c9da0e8..308d560f00 100644
--- a/packages/frontend-plugin-api/src/blueprints/RouterBlueprint.tsx
+++ b/packages/frontend-plugin-api/src/blueprints/RouterBlueprint.tsx
@@ -29,7 +29,7 @@ export const RouterBlueprint = createExtensionBlueprint({
   dataRefs: {
     component: componentDataRef,
   },
-  *factory({ Component }: { Component: ComponentType<PropsWithChildren<{}>> }) {
-    yield componentDataRef(Component);
+  *factory({ component }: { component: ComponentType<PropsWithChildren<{}>> }) {
+    yield componentDataRef(component);
   },
 });