feat(scaffolder): add support for custom template card in entity scaf…

…folder content (#69) * feat(scaffolder): add support for field extensions in entity-scaffolder-content * feat(scaffolder): add support for custom template card in entity scaffolder content
seatgeek · Sep 24, 2024 · 698c7c7 · 698c7c7
1 parent f48e47b
commit 698c7c7
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/plugins/entity-scaffolder-content/README.md b/plugins/entity-scaffolder-content/README.md
@@ -51,11 +51,16 @@ const systemPage = (
           },
         ]}
         buildInitialState={entity => ({ system: stringifyEntityRef(entity) })}
+        // optional
         ScaffolderFieldExtensions={
           <ScaffolderFieldExtensions>
             {/* Any field extensions you need */}
           </ScaffolderFieldExtensions>
         }
+        // optional
+        components={{
+          TemplateCard: CustomTemplateCard,
+        }}
       />
     </EntityLayout.Route>
   </EntityLayout>

diff --git a/plugins/entity-scaffolder-content/src/components/EntityScaffolderContent.tsx b/plugins/entity-scaffolder-content/src/components/EntityScaffolderContent.tsx
@@ -33,6 +33,9 @@ export type EntityScaffolderContentProps = {
     template: TemplateEntityV1beta3,
   ) => Record<string, JsonValue>;
   ScaffolderFieldExtensions?: React.ReactNode;
+  components?: {
+    TemplateCard?: React.ComponentType<{ template: TemplateEntityV1beta3 }>;
+  };
 };
 
 /**
@@ -44,6 +47,7 @@ export const EntityScaffolderContent = ({
   templateGroupFilters,
   buildInitialState,
   ScaffolderFieldExtensions,
+  components,
 }: EntityScaffolderContentProps) => {
   const { entity } = useEntity();
   const [selectedTemplate, setSelectedTemplate] =
@@ -81,6 +85,7 @@ export const EntityScaffolderContent = ({
           <TemplateGroups
             groups={groupFilters}
             onTemplateSelected={setSelectedTemplate}
+            TemplateCardComponent={components?.TemplateCard ?? undefined}
           />
         )}
       </TemplateListProvider>