From c1e476bb85f2a15c0a20414ee31ba20fd8b45657 Mon Sep 17 00:00:00 2001
From: johnformio <johnformio@users.noreply.github.com>
Date: Wed, 27 Aug 2025 14:07:17 +0000
Subject: [PATCH] $'syncing commit from monorepo. PR: 409, Title: FIO-10115:
 enterprise form builder form listing capabilities'

---
 src/components/FormGrid.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/FormGrid.tsx b/src/components/FormGrid.tsx
index 650e48b61..27fa9d7b7 100644
--- a/src/components/FormGrid.tsx
+++ b/src/components/FormGrid.tsx
@@ -19,11 +19,13 @@ export type FormGridProps = {
 	forms?: FormFromServer[];
 	components?: {
 		Container?: ComponentProp<{ children: ReactNode }>;
-		FormContainer?: ComponentProp<{ children: ReactNode }>;
+		FormContainer?: ComponentProp<{ children: ReactNode; form?: FormFromServer }>;
 		FormNameContainer?: ComponentProp<{
 			children: ReactNode;
 			onClick?: () => void;
+			form?: FormFromServer;
 		}>;
+		FormMetaContainer?: ComponentProp<{ form: FormFromServer }>;
 		FormActionsContainer?: ComponentProp<{ children: ReactNode }>;
 		FormActionButton?: ComponentProp<{
 			action: Action;
@@ -67,6 +69,7 @@ export const FormGrid = ({
 		FormNameContainer = ({ children, onClick }) => (
 			<div onClick={onClick}>{children}</div>
 		),
+		FormMetaContainer,
 		FormActionsContainer = ({ children }) => <div>{children}</div>,
 		FormActionButton = ({ action }) => (
 			<button type="button">{action?.name}</button>
@@ -104,8 +107,8 @@ export const FormGrid = ({
 	return (
 		<Container>
 			{data.map((form) => (
-				<FormContainer key={form._id}>
-					<FormNameContainer onClick={() => onFormClick?.(form._id)}>
+				<FormContainer key={form._id} form={form}>
+					<FormNameContainer onClick={() => onFormClick?.(form._id)} form={form}>
 						{form.title || form.name || form._id}
 					</FormNameContainer>
 					<FormActionsContainer>
@@ -117,6 +120,7 @@ export const FormGrid = ({
 							/>
 						))}
 					</FormActionsContainer>
+					{FormMetaContainer ? <FormMetaContainer form={form} /> : null}
 				</FormContainer>
 			))}
 			<PaginationContainer>