Support passing rootProps to resolveData

apps/demo/config/blocks/Hero/index.tsx

@@ -173,7 +173,7 @@ export const Hero: ComponentConfig<HeroProps> = {
    *
    * For example, requesting a third-party API for the latest content.
    */
-  resolveData: async ({ props }, { changed }) => {
+  resolveData: async ({ props }, { changed,rootProps }) => {
     if (!props.quote)
       return { props, readOnly: { title: false, description: false } };
 

packages/core/lib/resolve-all-data.ts

@@ -34,7 +34,8 @@ export async function resolveAllData<
       zones[zoneKey],
       config,
       onResolveStart,
-      onResolveEnd
+      onResolveEnd,
+      dynamicRoot.props
     )) as Content<Props>;
   }
 
@@ -45,7 +46,8 @@ export async function resolveAllData<
       defaultedData.content,
       config,
       onResolveStart,
-      onResolveEnd
+      onResolveEnd,
+      dynamicRoot.props
     )) as Content<Props>,
     zones: resolvedZones,
   } as Data<Props, RootProps>;

packages/core/lib/resolve-component-data.ts

@@ -1,4 +1,4 @@
-import { ComponentData, Config, MappedItem } from "../types";
+import { AsFieldProps, ComponentData, Config, DefaultRootFieldProps, MappedItem } from "../types";
 import { getChanged } from "./get-changed";
 
 export const cache: {
@@ -9,26 +9,24 @@ export const resolveAllComponentData = async (
   content: MappedItem[],
   config: Config,
   onResolveStart?: (item: MappedItem) => void,
-  onResolveEnd?: (item: MappedItem) => void
+  onResolveEnd?: (item: MappedItem) => void,
+  rootProps?: Record<string, any>
 ) => {
   return await Promise.all(
     content.map(async (item) => {
       return await resolveComponentData(
         item,
         config,
         onResolveStart,
-        onResolveEnd
+        onResolveEnd,
+        rootProps
       );
     })
   );
 };
 
 export const resolveComponentData = async (
-  item: ComponentData,
-  config: Config,
-  onResolveStart?: (item: MappedItem) => void,
-  onResolveEnd?: (item: MappedItem) => void
-) => {
+  item: ComponentData, config: Config, onResolveStart?: (item: MappedItem) => void, onResolveEnd?: (item: MappedItem) => void, rootProps?: Record<string, any>) => {
   const configForItem = config.components[item.type];
   if (configForItem.resolveData) {
     const { item: oldItem = null, resolved = {} } =
@@ -45,7 +43,7 @@ export const resolveComponentData = async (
     }
 
     const { props: resolvedProps, readOnly = {} } =
-      await configForItem.resolveData(item, { changed, lastData: oldItem });
+      await configForItem.resolveData(item, { changed, lastData: oldItem ,rootProps});
 
     const { readOnly: existingReadOnly = {} } = item || {};
 

packages/core/lib/use-resolved-data.ts

@@ -47,7 +47,7 @@ export const useResolvedData = (
   const runResolvers = async () => {
     // Flatten zones
     const newData = newAppState.data;
-
+    const rootProps = newData.root?.props || {};
     const flatContent = flattenData(newData).filter(
       (item) => !!config.components[item.type]?.resolveData
     );
@@ -111,7 +111,8 @@ export const useResolvedData = (
               deferredSetStates[item.props.id];
 
               _setComponentLoading(item.props.id, false);
-            }
+            },
+            rootProps
           );
 
           const dynamicDataMap = { [item.props.id]: dynamicData };

packages/core/types/Config.tsx

@@ -36,6 +36,7 @@ export type ComponentConfig<
     params: {
       changed: Partial<Record<keyof FieldProps, boolean>>;
       lastData: DataShape | null;
+      rootProps?: Record<string, any>;
     }
   ) =>
     | Promise<{