@measured/puck 0.16.1-canary.ed282b9 → 0.16.2-canary.18657a4

package/dist/index.mjs

@@ -5,10 +5,15 @@ import {
   __spreadProps,
   __spreadValues,
   __toESM,
+  defaultData,
+  getChanged,
   init_react_import,
+  resolveAllData,
+  resolveComponentData,
+  resolveRootData,
   rootDroppableId,
   setupZone
-} from "./chunk-LM7YWFFF.mjs";
+} from "./chunk-YNVK2PUD.mjs";
 
 // ../../node_modules/classnames/index.js
 var require_classnames = __commonJS({
@@ -138,7 +143,7 @@ var get_class_name_factory_default = getClassNameFactory;
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/ActionBar/styles.module.css#css-module
 init_react_import();
-var styles_module_default = { "ActionBar": "_ActionBar_1xlbj_1", "ActionBar-actionsLabel": "_ActionBar-actionsLabel_1xlbj_16", "ActionBar-group": "_ActionBar-group_1xlbj_29", "ActionBar-action": "_ActionBar-action_1xlbj_16" };
+var styles_module_default = { "ActionBar": "_ActionBar_151w5_1", "ActionBar-actionsLabel": "_ActionBar-actionsLabel_151w5_16", "ActionBar-group": "_ActionBar-group_151w5_29", "ActionBar-action": "_ActionBar-action_151w5_16" };
 
 // components/ActionBar/index.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -180,6 +185,7 @@ import {
   useCallback as useCallback5,
   useEffect as useEffect9,
   useMemo as useMemo2,
+  useRef as useRef2,
   useState as useState10
 } from "react";
 
@@ -633,43 +639,30 @@ var flattenData = (data) => {
   );
 };
 
-// lib/get-changed.ts
-init_react_import();
-var getChanged = (newItem, oldItem) => {
-  return newItem ? Object.keys(newItem.props || {}).reduce((acc, item) => {
-    const newItemProps = (newItem == null ? void 0 : newItem.props) || {};
-    const oldItemProps = (oldItem == null ? void 0 : oldItem.props) || {};
-    return __spreadProps(__spreadValues({}, acc), {
-      [item]: oldItemProps[item] !== newItemProps[item]
-    });
-  }, {}) : {};
-};
-
 // lib/use-resolved-permissions.ts
 var useResolvedPermissions = (config, appState, globalPermissions, setComponentLoading, unsetComponentLoading) => {
-  const [cache3, setCache] = useState2({});
+  const [cache, setCache] = useState2({});
   const [resolvedPermissions, setResolvedPermissions] = useState2({});
   const resolveDataForItem = useCallback(
     (item, force = false) => __async(void 0, null, function* () {
       var _a, _b, _c;
-      setComponentLoading == null ? void 0 : setComponentLoading(item.props.id);
       const componentConfig = item.type === "root" ? config.root : config.components[item.type];
       if (!componentConfig) {
-        unsetComponentLoading == null ? void 0 : unsetComponentLoading(item.props.id);
         return;
       }
       const initialPermissions = __spreadValues(__spreadValues({}, globalPermissions), componentConfig.permissions);
       if (componentConfig.resolvePermissions) {
-        const changed = getChanged(item, (_a = cache3[item.props.id]) == null ? void 0 : _a.lastData);
+        const changed = getChanged(item, (_a = cache[item.props.id]) == null ? void 0 : _a.lastData);
         if (Object.values(changed).some((el) => el === true) || force) {
+          setComponentLoading == null ? void 0 : setComponentLoading(item.props.id);
           const resolvedPermissions2 = yield componentConfig.resolvePermissions(
             item,
             {
               changed,
-              lastPermissions: ((_b = cache3[item.props.id]) == null ? void 0 : _b.lastPermissions) || null,
+              lastPermissions: ((_b = cache[item.props.id]) == null ? void 0 : _b.lastPermissions) || null,
               permissions: initialPermissions,
               appState,
-              lastData: ((_c = cache3[item.props.id]) == null ? void 0 : _c.lastData) || null
+              lastData: ((_c = cache[item.props.id]) == null ? void 0 : _c.lastData) || null
             }
           );
           setCache((_cache) => __spreadProps(__spreadValues({}, _cache), {
@@ -681,11 +674,11 @@ var useResolvedPermissions = (config, appState, globalPermissions, setComponentL
           setResolvedPermissions((p) => __spreadProps(__spreadValues({}, p), {
             [item.props.id]: resolvedPermissions2
           }));
+          unsetComponentLoading == null ? void 0 : unsetComponentLoading(item.props.id);
         }
       }
-      unsetComponentLoading == null ? void 0 : unsetComponentLoading(item.props.id);
     }),
-    [config, globalPermissions, appState, cache3]
+    [config, globalPermissions, appState, cache]
   );
   const resolveDataForRoot = (force = false) => {
     resolveDataForItem(
@@ -729,12 +722,12 @@ var useResolvedPermissions = (config, appState, globalPermissions, setComponentL
     ({ item, type, root } = {}) => {
       if (item) {
         const componentConfig = config.components[item.type];
-        const initialPermissions = __spreadValues(__spreadValues({}, globalPermissions), componentConfig.permissions);
+        const initialPermissions = __spreadValues(__spreadValues({}, globalPermissions), componentConfig == null ? void 0 : componentConfig.permissions);
         const resolvedForItem = resolvedPermissions[item.props.id];
         return resolvedForItem ? __spreadValues(__spreadValues({}, globalPermissions), resolvedForItem) : initialPermissions;
       } else if (type) {
         const componentConfig = config.components[type];
-        return __spreadValues(__spreadValues({}, globalPermissions), componentConfig.permissions);
+        return __spreadValues(__spreadValues({}, globalPermissions), componentConfig == null ? void 0 : componentConfig.permissions);
       } else if (root) {
         const rootConfig = config.root;
         const initialPermissions = __spreadValues(__spreadValues({}, globalPermissions), rootConfig == null ? void 0 : rootConfig.permissions);
@@ -755,53 +748,6 @@ var useResolvedPermissions = (config, appState, globalPermissions, setComponentL
 init_react_import();
 import { useCallback as useCallback2, useEffect as useEffect2, useState as useState3 } from "react";
 
-// lib/resolve-component-data.ts
-init_react_import();
-var cache = { lastChange: {} };
-var resolveAllComponentData = (content, config, onResolveStart, onResolveEnd) => __async(void 0, null, function* () {
-  return yield Promise.all(
-    content.map((item) => __async(void 0, null, function* () {
-      return yield resolveComponentData(
-        item,
-        config,
-        onResolveStart,
-        onResolveEnd
-      );
-    }))
-  );
-});
-var resolveComponentData = (item, config, onResolveStart, onResolveEnd) => __async(void 0, null, function* () {
-  const configForItem = config.components[item.type];
-  if (configForItem.resolveData) {
-    const { item: oldItem = null, resolved = {} } = cache.lastChange[item.props.id] || {};
-    if (item && item === oldItem) {
-      return resolved;
-    }
-    const changed = getChanged(item, oldItem);
-    if (onResolveStart) {
-      onResolveStart(item);
-    }
-    const { props: resolvedProps, readOnly = {} } = yield configForItem.resolveData(item, { changed, lastData: oldItem });
-    const { readOnly: existingReadOnly = {} } = item || {};
-    const newReadOnly = __spreadValues(__spreadValues({}, existingReadOnly), readOnly);
-    const resolvedItem = __spreadProps(__spreadValues({}, item), {
-      props: __spreadValues(__spreadValues({}, item.props), resolvedProps)
-    });
-    if (Object.keys(newReadOnly).length) {
-      resolvedItem.readOnly = newReadOnly;
-    }
-    cache.lastChange[item.props.id] = {
-      item,
-      resolved: resolvedItem
-    };
-    if (onResolveEnd) {
-      onResolveEnd(resolvedItem);
-    }
-    return resolvedItem;
-  }
-  return item;
-});
-
 // lib/apply-dynamic-props.ts
 init_react_import();
 var applyDynamicProps = (data, dynamicProps, rootData) => {
@@ -820,34 +766,6 @@ var applyDynamicProps = (data, dynamicProps, rootData) => {
   });
 };
 
-// lib/resolve-root-data.ts
-init_react_import();
-var cache2 = {};
-function resolveRootData(data, config) {
-  return __async(this, null, function* () {
-    var _a, _b, _c, _d, _e;
-    if (((_a = config.root) == null ? void 0 : _a.resolveData) && data.root.props) {
-      if (((_b = cache2.lastChange) == null ? void 0 : _b.original) === data.root) {
-        return cache2.lastChange.resolved;
-      }
-      const changed = getChanged(data.root, (_c = cache2.lastChange) == null ? void 0 : _c.original);
-      const rootWithProps = data.root;
-      const resolvedRoot = yield (_e = config.root) == null ? void 0 : _e.resolveData(rootWithProps, {
-        changed,
-        lastData: ((_d = cache2.lastChange) == null ? void 0 : _d.original) || {}
-      });
-      cache2.lastChange = {
-        original: data.root,
-        resolved: resolvedRoot
-      };
-      return __spreadProps(__spreadValues(__spreadValues({}, data.root), resolvedRoot), {
-        props: __spreadValues(__spreadValues({}, data.root.props), resolvedRoot.props)
-      });
-    }
-    return data.root;
-  });
-}
-
 // lib/use-resolved-data.ts
 var useResolvedData = (appState, config, dispatch, setComponentLoading, unsetComponentLoading, refreshPermissions) => {
   const [{ resolverKey, newAppState }, setResolverState] = useState3({
@@ -2220,9 +2138,12 @@ function AutoFieldInternal(props) {
   const Render2 = render[field.type];
   return /* @__PURE__ */ jsx20(Render2, __spreadProps(__spreadValues({}, mergedProps), { children }));
 }
+var RECENT_CHANGE_TIMEOUT = 200;
 function AutoFieldPrivate(props) {
   const { value, onChange } = props;
   const [localValue, setLocalValue] = useState10(value);
+  const [recentlyChanged, setRecentlyChanged] = useState10(false);
+  const timeoutRef = useRef2();
   const onChangeDb = useDebouncedCallback(
     (val, ui) => {
       onChange(val, ui);
@@ -2232,10 +2153,17 @@ function AutoFieldPrivate(props) {
   );
   const onChangeLocal = useCallback5((val, ui) => {
     setLocalValue(val);
+    setRecentlyChanged(true);
+    clearTimeout(timeoutRef.current);
+    timeoutRef.current = setTimeout(() => {
+      setRecentlyChanged(false);
+    }, RECENT_CHANGE_TIMEOUT);
     onChangeDb(val, ui);
   }, []);
   useEffect9(() => {
-    setLocalValue(value);
+    if (!recentlyChanged) {
+      setLocalValue(value);
+    }
   }, [value]);
   const localProps = {
     value: localValue,
@@ -2243,8 +2171,16 @@ function AutoFieldPrivate(props) {
   };
   return /* @__PURE__ */ jsx20(AutoFieldInternal, __spreadValues(__spreadValues({}, props), localProps));
 }
-var DefaultLabel = (props) => /* @__PURE__ */ jsx20("div", __spreadValues({}, props));
 function AutoField(props) {
+  const DefaultLabel = useMemo2(() => {
+    const DefaultLabel2 = (labelProps) => /* @__PURE__ */ jsx20(
+      "div",
+      __spreadProps(__spreadValues({}, labelProps), {
+        className: getClassName15({ readOnly: props.readOnly })
+      })
+    );
+    return DefaultLabel2;
+  }, [props.readOnly]);
   return /* @__PURE__ */ jsx20(AutoFieldInternal, __spreadProps(__spreadValues({}, props), { Label: DefaultLabel }));
 }
 
@@ -3587,7 +3523,7 @@ var DefaultFields = ({
   return /* @__PURE__ */ jsx27(Fragment12, { children });
 };
 var useResolvedFields = () => {
-  var _a;
+  var _a, _b;
   const { selectedItem, state, config } = useAppContext();
   const { data } = state;
   const rootFields = ((_a = config.root) == null ? void 0 : _a.fields) || defaultPageFields;
@@ -3599,14 +3535,17 @@ var useResolvedFields = () => {
   const [fieldsLoading, setFieldsLoading] = useState15(false);
   const defaultResolveFields = (_componentData, _params) => defaultFields;
   const componentData = selectedItem ? selectedItem : { props: rootProps, readOnly: data.root.readOnly };
+  const hasComponentResolver = selectedItem && (componentConfig == null ? void 0 : componentConfig.resolveFields);
+  const hasRootResolver = !selectedItem && ((_b = config.root) == null ? void 0 : _b.resolveFields);
+  const hasResolver = hasComponentResolver || hasRootResolver;
   const resolveFields = useCallback7(
     (..._0) => __async(void 0, [..._0], function* (fields = {}) {
-      var _a2, _b, _c;
+      var _a2;
       const lastData = ((_a2 = lastSelectedData.props) == null ? void 0 : _a2.id) === componentData.props.id ? lastSelectedData : null;
       const changed = getChanged(componentData, lastData);
       setLastSelectedData(componentData);
-      if (selectedItem && (componentConfig == null ? void 0 : componentConfig.resolveFields)) {
-        return yield componentConfig == null ? void 0 : componentConfig.resolveFields(
+      if (hasComponentResolver) {
+        return yield componentConfig.resolveFields(
           componentData,
           {
             changed,
@@ -3617,8 +3556,8 @@ var useResolvedFields = () => {
           }
         );
       }
-      if (!selectedItem && ((_b = config.root) == null ? void 0 : _b.resolveFields)) {
-        return yield (_c = config.root) == null ? void 0 : _c.resolveFields(componentData, {
+      if (hasRootResolver) {
+        return yield config.root.resolveFields(componentData, {
           changed,
           fields,
           lastFields: resolvedFields,
@@ -3636,12 +3575,16 @@ var useResolvedFields = () => {
     [data, config, componentData, selectedItem, resolvedFields, state]
   );
   useEffect13(() => {
-    setFieldsLoading(true);
-    resolveFields(defaultFields).then((fields) => {
-      setResolvedFields(fields || {});
-      setFieldsLoading(false);
-    });
-  }, [data, defaultFields, state.ui.itemSelector]);
+    if (hasResolver) {
+      setFieldsLoading(true);
+      resolveFields(defaultFields).then((fields) => {
+        setResolvedFields(fields || {});
+        setFieldsLoading(false);
+      });
+    } else {
+      setResolvedFields(defaultFields);
+    }
+  }, [data, defaultFields, state.ui.itemSelector, hasResolver]);
   return [resolvedFields, fieldsLoading];
 };
 var Fields = () => {
@@ -3950,7 +3893,7 @@ import {
   createContext as createContext4,
   useContext as useContext5,
   useEffect as useEffect15,
-  useRef as useRef2,
+  useRef as useRef3,
   useState as useState17
 } from "react";
 import hash from "object-hash";
@@ -4175,7 +4118,7 @@ function AutoFrame(_a) {
   ]);
   const [loaded, setLoaded] = useState17(false);
   const [ctx, setCtx] = useState17({});
-  const ref = useRef2(null);
+  const ref = useRef3(null);
   const [mountTarget, setMountTarget] = useState17();
   useEffect15(() => {
     var _a2;
@@ -4724,7 +4667,7 @@ import {
   useCallback as useCallback10,
   useEffect as useEffect17,
   useMemo as useMemo11,
-  useRef as useRef3,
+  useRef as useRef4,
   useState as useState20
 } from "react";
 
@@ -4873,7 +4816,7 @@ var ViewportControls = ({
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Canvas/styles.module.css#css-module
 init_react_import();
-var styles_module_default21 = { "PuckCanvas": "_PuckCanvas_esbg1_1", "PuckCanvas-controls": "_PuckCanvas-controls_esbg1_16", "PuckCanvas-inner": "_PuckCanvas-inner_esbg1_21", "PuckCanvas-root": "_PuckCanvas-root_esbg1_32", "PuckCanvas--ready": "_PuckCanvas--ready_esbg1_56", "PuckCanvas-loader": "_PuckCanvas-loader_esbg1_60", "PuckCanvas--showLoader": "_PuckCanvas--showLoader_esbg1_70" };
+var styles_module_default21 = { "PuckCanvas": "_PuckCanvas_avf1c_1", "PuckCanvas-controls": "_PuckCanvas-controls_avf1c_16", "PuckCanvas-inner": "_PuckCanvas-inner_avf1c_21", "PuckCanvas-root": "_PuckCanvas-root_avf1c_32", "PuckCanvas--ready": "_PuckCanvas--ready_avf1c_57", "PuckCanvas-loader": "_PuckCanvas-loader_avf1c_62", "PuckCanvas--showLoader": "_PuckCanvas--showLoader_avf1c_72" };
 
 // lib/get-zoom-config.ts
 init_react_import();
@@ -4913,7 +4856,7 @@ var Canvas = () => {
   const { status, iframe } = useAppContext();
   const { dispatch, state, overrides, setUi, zoomConfig, setZoomConfig } = useAppContext();
   const { ui } = state;
-  const frameRef = useRef3(null);
+  const frameRef = useRef4(null);
   const [showTransition, setShowTransition] = useState20(false);
   const defaultRender = useMemo11(() => {
     const PuckDefault = ({ children }) => /* @__PURE__ */ jsx36(Fragment17, { children });
@@ -5658,15 +5601,6 @@ function migrate(data) {
 
 // lib/transform-props.ts
 init_react_import();
-
-// lib/default-data.ts
-init_react_import();
-var defaultData = (data) => __spreadProps(__spreadValues({}, data), {
-  root: data.root || {},
-  content: data.content || []
-});
-
-// lib/transform-props.ts
 function transformProps(data, propTransforms) {
   const mapItem = (item) => {
     if (propTransforms[item.type]) {
@@ -5699,37 +5633,6 @@ function transformProps(data, propTransforms) {
   return afterPropTransforms;
 }
 
-// lib/resolve-all-data.ts
-init_react_import();
-function resolveAllData(data, config, onResolveStart, onResolveEnd) {
-  return __async(this, null, function* () {
-    const defaultedData = defaultData(data);
-    const dynamicRoot = yield resolveRootData(defaultedData, config);
-    const { zones = {} } = data;
-    const zoneKeys = Object.keys(zones);
-    const resolvedZones = {};
-    for (let i = 0; i < zoneKeys.length; i++) {
-      const zoneKey = zoneKeys[i];
-      resolvedZones[zoneKey] = yield resolveAllComponentData(
-        zones[zoneKey],
-        config,
-        onResolveStart,
-        onResolveEnd
-      );
-    }
-    return __spreadProps(__spreadValues({}, defaultedData), {
-      root: dynamicRoot,
-      content: yield resolveAllComponentData(
-        defaultedData.content,
-        config,
-        onResolveStart,
-        onResolveEnd
-      ),
-      zones: resolvedZones
-    });
-  });
-}
-
 // lib/use-puck.ts
 init_react_import();
 var usePuck = () => {

package/dist/{actions-9pHbVtMU.d.mts → resolve-all-data-CaDAfEAK.d.mts}

@@ -440,4 +440,6 @@ type PuckAction = {
     recordHistory?: boolean;
 } & (ReorderAction | InsertAction | MoveAction | ReplaceAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
 
-export { type DefaultRootProps as $, type AppState as A, type BaseData as B, type Config as C, type Data as D, type ExtractPropsFromConfig as E, type Field as F, type RadioField as G, type History as H, type ItemSelector as I, type ArrayField as J, type ObjectField as K, type Adaptor as L, type MappedItem as M, type NumberField as N, type OnAction as O, type PuckAction as P, type ExternalFieldWithAdaptor as Q, type RootDataWithProps as R, type SelectField as S, type TextField as T, type UserGenerics as U, type Viewports as V, type ExternalField as W, type CustomField as X, type Fields as Y, type PuckContext as Z, type DefaultRootRenderProps as _, type FieldProps as a, type WithId as a0, type WithPuckProps as a1, type AsFieldProps as a2, type WithChildren as a3, type DropZoneProps as b, type UiState as c, type Permissions as d, type Plugin as e, type Overrides as f, type IframeConfig as g, type InitialHistory as h, type DefaultComponentProps as i, type DefaultRootFieldProps as j, type ComponentData as k, type ExtractRootPropsFromConfig as l, type ComponentDataMap as m, type Viewport as n, overrideKeys as o, type OverrideKey as p, type FieldRenderFunctions as q, type ItemWithId as r, type ArrayState as s, type PuckComponent as t, type ComponentConfig as u, type RootDataWithoutProps as v, type RootData as w, type Content as x, type BaseField as y, type TextareaField as z };
+declare function resolveAllData<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends Record<string, any> = DefaultRootFieldProps>(data: Partial<Data>, config: Config, onResolveStart?: (item: ComponentData) => void, onResolveEnd?: (item: ComponentData) => void): Promise<Data<Props, RootProps>>;
+
+export { type DefaultRootProps as $, type AppState as A, type BaseData as B, type Config as C, type Data as D, type ExtractPropsFromConfig as E, type Field as F, type RadioField as G, type History as H, type ItemSelector as I, type ArrayField as J, type ObjectField as K, type Adaptor as L, type MappedItem as M, type NumberField as N, type OnAction as O, type PuckAction as P, type ExternalFieldWithAdaptor as Q, type RootDataWithProps as R, type SelectField as S, type TextField as T, type UserGenerics as U, type Viewports as V, type ExternalField as W, type CustomField as X, type Fields as Y, type PuckContext as Z, type DefaultRootRenderProps as _, type FieldProps as a, type WithId as a0, type WithPuckProps as a1, type AsFieldProps as a2, type WithChildren as a3, resolveAllData as a4, type DropZoneProps as b, type UiState as c, type Permissions as d, type Plugin as e, type Overrides as f, type IframeConfig as g, type InitialHistory as h, type DefaultComponentProps as i, type DefaultRootFieldProps as j, type ExtractRootPropsFromConfig as k, type ComponentDataMap as l, type Viewport as m, type OverrideKey as n, overrideKeys as o, type FieldRenderFunctions as p, type ItemWithId as q, type ArrayState as r, type PuckComponent as s, type ComponentConfig as t, type RootDataWithoutProps as u, type RootData as v, type ComponentData as w, type Content as x, type BaseField as y, type TextareaField as z };

package/dist/{actions-9pHbVtMU.d.ts → resolve-all-data-CaDAfEAK.d.ts}

@@ -440,4 +440,6 @@ type PuckAction = {
     recordHistory?: boolean;
 } & (ReorderAction | InsertAction | MoveAction | ReplaceAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
 
-export { type DefaultRootProps as $, type AppState as A, type BaseData as B, type Config as C, type Data as D, type ExtractPropsFromConfig as E, type Field as F, type RadioField as G, type History as H, type ItemSelector as I, type ArrayField as J, type ObjectField as K, type Adaptor as L, type MappedItem as M, type NumberField as N, type OnAction as O, type PuckAction as P, type ExternalFieldWithAdaptor as Q, type RootDataWithProps as R, type SelectField as S, type TextField as T, type UserGenerics as U, type Viewports as V, type ExternalField as W, type CustomField as X, type Fields as Y, type PuckContext as Z, type DefaultRootRenderProps as _, type FieldProps as a, type WithId as a0, type WithPuckProps as a1, type AsFieldProps as a2, type WithChildren as a3, type DropZoneProps as b, type UiState as c, type Permissions as d, type Plugin as e, type Overrides as f, type IframeConfig as g, type InitialHistory as h, type DefaultComponentProps as i, type DefaultRootFieldProps as j, type ComponentData as k, type ExtractRootPropsFromConfig as l, type ComponentDataMap as m, type Viewport as n, overrideKeys as o, type OverrideKey as p, type FieldRenderFunctions as q, type ItemWithId as r, type ArrayState as s, type PuckComponent as t, type ComponentConfig as u, type RootDataWithoutProps as v, type RootData as w, type Content as x, type BaseField as y, type TextareaField as z };
+declare function resolveAllData<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends Record<string, any> = DefaultRootFieldProps>(data: Partial<Data>, config: Config, onResolveStart?: (item: ComponentData) => void, onResolveEnd?: (item: ComponentData) => void): Promise<Data<Props, RootProps>>;
+
+export { type DefaultRootProps as $, type AppState as A, type BaseData as B, type Config as C, type Data as D, type ExtractPropsFromConfig as E, type Field as F, type RadioField as G, type History as H, type ItemSelector as I, type ArrayField as J, type ObjectField as K, type Adaptor as L, type MappedItem as M, type NumberField as N, type OnAction as O, type PuckAction as P, type ExternalFieldWithAdaptor as Q, type RootDataWithProps as R, type SelectField as S, type TextField as T, type UserGenerics as U, type Viewports as V, type ExternalField as W, type CustomField as X, type Fields as Y, type PuckContext as Z, type DefaultRootRenderProps as _, type FieldProps as a, type WithId as a0, type WithPuckProps as a1, type AsFieldProps as a2, type WithChildren as a3, resolveAllData as a4, type DropZoneProps as b, type UiState as c, type Permissions as d, type Plugin as e, type Overrides as f, type IframeConfig as g, type InitialHistory as h, type DefaultComponentProps as i, type DefaultRootFieldProps as j, type ExtractRootPropsFromConfig as k, type ComponentDataMap as l, type Viewport as m, type OverrideKey as n, overrideKeys as o, type FieldRenderFunctions as p, type ItemWithId as q, type ArrayState as r, type PuckComponent as s, type ComponentConfig as t, type RootDataWithoutProps as u, type RootData as v, type ComponentData as w, type Content as x, type BaseField as y, type TextareaField as z };

package/dist/rsc.d.mts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as Config, D as Data } from './actions-9pHbVtMU.mjs';
+import { C as Config, D as Data } from './resolve-all-data-CaDAfEAK.mjs';
+export { a4 as resolveAllData } from './resolve-all-data-CaDAfEAK.mjs';
 import 'react';
 
 declare function Render<UserConfig extends Config = Config>({ config, data, }: {

package/dist/rsc.d.ts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as Config, D as Data } from './actions-9pHbVtMU.js';
+import { C as Config, D as Data } from './resolve-all-data-CaDAfEAK.js';
+export { a4 as resolveAllData } from './resolve-all-data-CaDAfEAK.js';
 import 'react';
 
 declare function Render<UserConfig extends Config = Config>({ config, data, }: {

package/dist/rsc.js

@@ -43,11 +43,32 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 
 // rsc.tsx
 var rsc_exports = {};
 __export(rsc_exports, {
-  Render: () => Render
+  Render: () => Render,
+  resolveAllData: () => resolveAllData
 });
 module.exports = __toCommonJS(rsc_exports);
 
@@ -134,7 +155,128 @@ function Render({
   }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropZoneRender, { config, data, zone: rootDroppableId });
 }
+
+// lib/get-changed.ts
+var getChanged = (newItem, oldItem) => {
+  return newItem ? Object.keys(newItem.props || {}).reduce((acc, item) => {
+    const newItemProps = (newItem == null ? void 0 : newItem.props) || {};
+    const oldItemProps = (oldItem == null ? void 0 : oldItem.props) || {};
+    return __spreadProps(__spreadValues({}, acc), {
+      [item]: oldItemProps[item] !== newItemProps[item]
+    });
+  }, {}) : {};
+};
+
+// lib/resolve-component-data.ts
+var cache = { lastChange: {} };
+var resolveAllComponentData = (content, config, onResolveStart, onResolveEnd) => __async(void 0, null, function* () {
+  return yield Promise.all(
+    content.map((item) => __async(void 0, null, function* () {
+      return yield resolveComponentData(
+        item,
+        config,
+        onResolveStart,
+        onResolveEnd
+      );
+    }))
+  );
+});
+var resolveComponentData = (item, config, onResolveStart, onResolveEnd) => __async(void 0, null, function* () {
+  const configForItem = config.components[item.type];
+  if (configForItem.resolveData) {
+    const { item: oldItem = null, resolved = {} } = cache.lastChange[item.props.id] || {};
+    if (item && item === oldItem) {
+      return resolved;
+    }
+    const changed = getChanged(item, oldItem);
+    if (onResolveStart) {
+      onResolveStart(item);
+    }
+    const { props: resolvedProps, readOnly = {} } = yield configForItem.resolveData(item, { changed, lastData: oldItem });
+    const { readOnly: existingReadOnly = {} } = item || {};
+    const newReadOnly = __spreadValues(__spreadValues({}, existingReadOnly), readOnly);
+    const resolvedItem = __spreadProps(__spreadValues({}, item), {
+      props: __spreadValues(__spreadValues({}, item.props), resolvedProps)
+    });
+    if (Object.keys(newReadOnly).length) {
+      resolvedItem.readOnly = newReadOnly;
+    }
+    cache.lastChange[item.props.id] = {
+      item,
+      resolved: resolvedItem
+    };
+    if (onResolveEnd) {
+      onResolveEnd(resolvedItem);
+    }
+    return resolvedItem;
+  }
+  return item;
+});
+
+// lib/resolve-root-data.ts
+var cache2 = {};
+function resolveRootData(data, config) {
+  return __async(this, null, function* () {
+    var _a, _b, _c, _d, _e;
+    if (((_a = config.root) == null ? void 0 : _a.resolveData) && data.root.props) {
+      if (((_b = cache2.lastChange) == null ? void 0 : _b.original) === data.root) {
+        return cache2.lastChange.resolved;
+      }
+      const changed = getChanged(data.root, (_c = cache2.lastChange) == null ? void 0 : _c.original);
+      const rootWithProps = data.root;
+      const resolvedRoot = yield (_e = config.root) == null ? void 0 : _e.resolveData(rootWithProps, {
+        changed,
+        lastData: ((_d = cache2.lastChange) == null ? void 0 : _d.original) || {}
+      });
+      cache2.lastChange = {
+        original: data.root,
+        resolved: resolvedRoot
+      };
+      return __spreadProps(__spreadValues(__spreadValues({}, data.root), resolvedRoot), {
+        props: __spreadValues(__spreadValues({}, data.root.props), resolvedRoot.props)
+      });
+    }
+    return data.root;
+  });
+}
+
+// lib/default-data.ts
+var defaultData = (data) => __spreadProps(__spreadValues({}, data), {
+  root: data.root || {},
+  content: data.content || []
+});
+
+// lib/resolve-all-data.ts
+function resolveAllData(data, config, onResolveStart, onResolveEnd) {
+  return __async(this, null, function* () {
+    const defaultedData = defaultData(data);
+    const dynamicRoot = yield resolveRootData(defaultedData, config);
+    const { zones = {} } = data;
+    const zoneKeys = Object.keys(zones);
+    const resolvedZones = {};
+    for (let i = 0; i < zoneKeys.length; i++) {
+      const zoneKey = zoneKeys[i];
+      resolvedZones[zoneKey] = yield resolveAllComponentData(
+        zones[zoneKey],
+        config,
+        onResolveStart,
+        onResolveEnd
+      );
+    }
+    return __spreadProps(__spreadValues({}, defaultedData), {
+      root: dynamicRoot,
+      content: yield resolveAllComponentData(
+        defaultedData.content,
+        config,
+        onResolveStart,
+        onResolveEnd
+      ),
+      zones: resolvedZones
+    });
+  });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Render
+  Render,
+  resolveAllData
 });

package/dist/rsc.mjs

@@ -2,9 +2,10 @@ import {
   __spreadProps,
   __spreadValues,
   init_react_import,
+  resolveAllData,
   rootDroppableId,
   setupZone
-} from "./chunk-LM7YWFFF.mjs";
+} from "./chunk-YNVK2PUD.mjs";
 
 // rsc.tsx
 init_react_import();
@@ -76,5 +77,6 @@ function Render({
   return /* @__PURE__ */ jsx(DropZoneRender, { config, data, zone: rootDroppableId });
 }
 export {
-  Render
+  Render,
+  resolveAllData
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.16.1-canary.ed282b9",
+  "version": "0.16.2-canary.18657a4",
   "author": "Measured Corporation Ltd <hello@measured.co>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",