@measured/puck 0.19.4-canary.fde74e8a → 0.20.0-canary.33cf4f0e

package/dist/index.mjs

@@ -1,18 +1,11 @@
 import {
   SlotRender,
   SlotRenderPure,
-  __async,
-  __commonJS,
-  __objRest,
-  __spreadProps,
-  __spreadValues,
-  __toESM,
   defaultAppState,
   defaultSlots,
   defaultViewports,
   expandNode,
   getChanged,
-  init_react_import,
   migrate,
   resolveAllData,
   resolveComponentData,
@@ -25,7 +18,16 @@ import {
   walkAppState,
   walkField,
   walkTree
-} from "./chunk-IM42S4YL.mjs";
+} from "./chunk-IAEXMHQX.mjs";
+import {
+  __async,
+  __commonJS,
+  __objRest,
+  __spreadProps,
+  __spreadValues,
+  __toESM,
+  init_react_import
+} from "./chunk-M6W7YEVX.mjs";
 
 // ../../node_modules/classnames/index.js
 var require_classnames = __commonJS({
@@ -89,7 +91,10 @@ var require_classnames = __commonJS({
   }
 });
 
-// index.ts
+// bundle/index.ts
+init_react_import();
+
+// bundle/core.ts
 init_react_import();
 
 // types/API/index.ts
@@ -3442,9 +3447,8 @@ var ObjectField = ({
       readOnly,
       children: /* @__PURE__ */ jsx17("div", { className: getClassName14(), children: /* @__PURE__ */ jsx17("fieldset", { className: getClassName14("fieldset"), children: Object.keys(field.objectFields).map((subName) => {
         const subField = field.objectFields[subName];
-        const subPath = `${name}.${subName}`;
-        const localSubPath = `${localName || name}.${subName}`;
-        const subReadOnly = readOnly ? readOnly : readOnlyFields[localSubPath];
+        const subPath = `${localName}.${subName}`;
+        const subReadOnly = readOnly ? readOnly : readOnlyFields[subPath];
         const label2 = subField.label || subName;
         return /* @__PURE__ */ jsx17(
           NestedFieldProvider,
@@ -3543,7 +3547,7 @@ var FieldLabelInternal = ({
   );
 };
 function AutoFieldInternal(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const dispatch = useAppStore((s) => s.dispatch);
   const overrides = useAppStore((s) => s.overrides);
   const readOnly = useAppStore((s) => {
@@ -3615,21 +3619,23 @@ function AutoFieldInternal(props) {
   if (field.type === "slot") {
     return null;
   }
+  let children = null;
+  let FieldComponent;
   if (field.type === "custom") {
     if (!field.render) {
       return null;
     }
-    const CustomField = field.render;
-    return /* @__PURE__ */ jsx18("div", { className: getClassNameWrapper(), onFocus, onBlur, children: /* @__PURE__ */ jsx18("div", { className: getClassName15(), children: /* @__PURE__ */ jsx18(CustomField, __spreadValues({}, mergedProps)) }) });
+    FieldComponent = field.render;
+  } else {
+    children = defaultFields[field.type](mergedProps);
+    FieldComponent = render[field.type];
   }
-  const children = defaultFields[field.type](mergedProps);
-  const Render2 = render[field.type];
   return /* @__PURE__ */ jsx18(
     NestedFieldContext.Provider,
     {
       value: {
         readOnlyFields: nestedFieldContext.readOnlyFields || readOnly || {},
-        localName: nestedFieldContext.localName
+        localName: (_i = nestedFieldContext.localName) != null ? _i : mergedProps.name
       },
       children: /* @__PURE__ */ jsx18(
         "div",
@@ -3640,7 +3646,7 @@ function AutoFieldInternal(props) {
           onClick: (e) => {
             e.stopPropagation();
           },
-          children: /* @__PURE__ */ jsx18(Render2, __spreadProps(__spreadValues({}, mergedProps), { children }))
+          children: /* @__PURE__ */ jsx18(FieldComponent, __spreadProps(__spreadValues({}, mergedProps), { children }))
         }
       )
     }

package/dist/no-external.css

@@ -0,0 +1,145 @@
+/* styles/color.css */
+:root {
+  --puck-color-rose-01: #4a001c;
+  --puck-color-rose-02: #670833;
+  --puck-color-rose-03: #87114c;
+  --puck-color-rose-04: #a81a66;
+  --puck-color-rose-05: #bc5089;
+  --puck-color-rose-06: #cc7ca5;
+  --puck-color-rose-07: #d89aba;
+  --puck-color-rose-08: #e3b8cf;
+  --puck-color-rose-09: #efd6e3;
+  --puck-color-rose-10: #f6eaf1;
+  --puck-color-rose-11: #faf4f8;
+  --puck-color-rose-12: #fef8fc;
+  --puck-color-azure-01: #00175d;
+  --puck-color-azure-02: #002c77;
+  --puck-color-azure-03: #014292;
+  --puck-color-azure-04: #0158ad;
+  --puck-color-azure-05: #3479be;
+  --puck-color-azure-06: #6499cf;
+  --puck-color-azure-07: #88b0da;
+  --puck-color-azure-08: #abc7e5;
+  --puck-color-azure-09: #cfdff0;
+  --puck-color-azure-10: #e7eef7;
+  --puck-color-azure-11: #f3f6fb;
+  --puck-color-azure-12: #f7faff;
+  --puck-color-green-01: #002000;
+  --puck-color-green-02: #043604;
+  --puck-color-green-03: #084e08;
+  --puck-color-green-04: #0c680c;
+  --puck-color-green-05: #1d882f;
+  --puck-color-green-06: #2faa53;
+  --puck-color-green-07: #56c16f;
+  --puck-color-green-08: #7dd78b;
+  --puck-color-green-09: #b8e8bf;
+  --puck-color-green-10: #ddf3e0;
+  --puck-color-green-11: #eff8f0;
+  --puck-color-green-12: #f3fcf4;
+  --puck-color-yellow-01: #211000;
+  --puck-color-yellow-02: #362700;
+  --puck-color-yellow-03: #4c4000;
+  --puck-color-yellow-04: #645a00;
+  --puck-color-yellow-05: #877614;
+  --puck-color-yellow-06: #ab9429;
+  --puck-color-yellow-07: #bfac4e;
+  --puck-color-yellow-08: #d4c474;
+  --puck-color-yellow-09: #e6deb1;
+  --puck-color-yellow-10: #f3efd9;
+  --puck-color-yellow-11: #f9f7ed;
+  --puck-color-yellow-12: #fcfaf0;
+  --puck-color-red-01: #4c0000;
+  --puck-color-red-02: #6a0a10;
+  --puck-color-red-03: #8a1422;
+  --puck-color-red-04: #ac1f35;
+  --puck-color-red-05: #bf5366;
+  --puck-color-red-06: #ce7e8e;
+  --puck-color-red-07: #d99ca8;
+  --puck-color-red-08: #e4b9c2;
+  --puck-color-red-09: #efd7db;
+  --puck-color-red-10: #f6eaec;
+  --puck-color-red-11: #faf4f5;
+  --puck-color-red-12: #fff9fa;
+  --puck-color-grey-01: #181818;
+  --puck-color-grey-02: #292929;
+  --puck-color-grey-03: #404040;
+  --puck-color-grey-04: #5a5a5a;
+  --puck-color-grey-05: #767676;
+  --puck-color-grey-06: #949494;
+  --puck-color-grey-07: #ababab;
+  --puck-color-grey-08: #c3c3c3;
+  --puck-color-grey-09: #dcdcdc;
+  --puck-color-grey-10: #efefef;
+  --puck-color-grey-11: #f5f5f5;
+  --puck-color-grey-12: #fafafa;
+  --puck-color-black: #000000;
+  --puck-color-white: #ffffff;
+}
+
+/* styles/typography.css */
+:root {
+  --puck-font-size-scale-base-unitless: 12;
+  --puck-font-size-xxxs-unitless: 12;
+  --puck-font-size-xxs-unitless: 14;
+  --puck-font-size-xs-unitless: 16;
+  --puck-font-size-s-unitless: 18;
+  --puck-font-size-m-unitless: 21;
+  --puck-font-size-l-unitless: 24;
+  --puck-font-size-xl-unitless: 28;
+  --puck-font-size-xxl-unitless: 36;
+  --puck-font-size-xxxl-unitless: 48;
+  --puck-font-size-xxxxl-unitless: 56;
+  --puck-font-size-xxxs: calc(1rem * var(--puck-font-size-xxxs-unitless) / 16);
+  --puck-font-size-xxs: calc(1rem * var(--puck-font-size-xxs-unitless) / 16);
+  --puck-font-size-xs: calc(1rem * var(--puck-font-size-xs-unitless) / 16);
+  --puck-font-size-s: calc(1rem * var(--puck-font-size-s-unitless) / 16);
+  --puck-font-size-m: calc(1rem * var(--puck-font-size-m-unitless) / 16);
+  --puck-font-size-l: calc(1rem * var(--puck-font-size-l-unitless) / 16);
+  --puck-font-size-xl: calc(1rem * var(--puck-font-size-xl-unitless) / 16);
+  --puck-font-size-xxl: calc(1rem * var(--puck-font-size-xxl-unitless) / 16);
+  --puck-font-size-xxxl: calc(1rem * var(--puck-font-size-xxxl-unitless) / 16);
+  --puck-font-size-xxxxl: calc( 1rem * var(--puck-font-size-xxxxl-unitless) / 16 );
+  --puck-font-size-base: var(--puck-font-size-xs);
+  --line-height-reset: 1;
+  --line-height-xs: calc( var(--space-m-unitless) / var(--puck-font-size-m-unitless) );
+  --line-height-s: calc( var(--space-m-unitless) / var(--puck-font-size-s-unitless) );
+  --line-height-m: calc( var(--space-m-unitless) / var(--puck-font-size-xs-unitless) );
+  --line-height-l: calc( var(--space-m-unitless) / var(--puck-font-size-xxs-unitless) );
+  --line-height-xl: calc( var(--space-m-unitless) / var(--puck-font-size-scale-base-unitless) );
+  --line-height-base: var(--line-height-m);
+  --fallback-font-stack:
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Helvetica Neue,
+    sans-serif,
+    Apple Color Emoji,
+    Segoe UI Emoji,
+    Segoe UI Symbol;
+  --puck-font-family: Inter, var(--fallback-font-stack);
+  --puck-font-family-monospaced:
+    ui-monospace,
+    "Cascadia Code",
+    "Source Code Pro",
+    Menlo,
+    Consolas,
+    "DejaVu Sans Mono",
+    monospace;
+}
+@supports (font-variation-settings: normal) {
+  :root {
+    --puck-font-family: InterVariable, var(--fallback-font-stack);
+  }
+}
+
+/* bundle/core.css */
+#frame-root {
+  height: 1px;
+  min-height: 100vh;
+}
+[data-puck-entry] {
+  position: relative;
+  z-index: 0;
+}
+
+/* bundle/no-external.css */

package/dist/no-external.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/no-external.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/no-external.js

@@ -0,0 +1,26 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// ../tsup-config/react-import.js
+var import_react = __toESM(require("react"));

package/dist/no-external.mjs

@@ -0,0 +1,6 @@
+import {
+  init_react_import
+} from "./chunk-M6W7YEVX.mjs";
+
+// bundle/no-external.ts
+init_react_import();

package/dist/rsc.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as Config, U as UserGenerics, M as Metadata } from './walk-tree-DrJNb8b-.mjs';
-export { af as migrate, ah as resolveAllData, ag as transformProps, w as walkTree } from './walk-tree-DrJNb8b-.mjs';
+import { C as Config, U as UserGenerics, M as Metadata } from './walk-tree-6p9XnDIV.mjs';
+export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-6p9XnDIV.mjs';
 import 'react';
 
 declare function Render<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, data, metadata, }: {

package/dist/rsc.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as Config, U as UserGenerics, M as Metadata } from './walk-tree-DrJNb8b-.js';
-export { af as migrate, ah as resolveAllData, ag as transformProps, w as walkTree } from './walk-tree-DrJNb8b-.js';
+import { C as Config, U as UserGenerics, M as Metadata } from './walk-tree-6p9XnDIV.js';
+export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-6p9XnDIV.js';
 import 'react';
 
 declare function Render<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, data, metadata, }: {

package/dist/rsc.js

@@ -64,7 +64,7 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 
-// rsc.tsx
+// bundle/rsc.tsx
 var rsc_exports = {};
 __export(rsc_exports, {
   Render: () => Render,
@@ -816,8 +816,8 @@ var migrations = [
     return data;
   },
   // Migrate zones to slots
-  (data, config) => {
-    var _a;
+  (data, config, migrationOptions) => {
+    var _a, _b;
     if (!config) return data;
     console.log("Migrating DropZones to slots...");
     const updatedItems = {};
@@ -825,13 +825,13 @@ var migrations = [
     const { indexes } = walkAppState(appState, config);
     const deletedCompounds = [];
     walkAppState(appState, config, (content, zoneCompound, zoneType) => {
-      var _a2, _b, _c;
+      var _a2, _b2, _c;
       if (zoneType === "dropzone") {
         const [id, slotName] = zoneCompound.split(":");
         const nodeData = indexes.nodes[id].data;
         const componentType = nodeData.type;
         const configForComponent = id === "root" ? config.root : config.components[componentType];
-        if (((_b = (_a2 = configForComponent == null ? void 0 : configForComponent.fields) == null ? void 0 : _a2[slotName]) == null ? void 0 : _b.type) === "slot") {
+        if (((_b2 = (_a2 = configForComponent == null ? void 0 : configForComponent.fields) == null ? void 0 : _a2[slotName]) == null ? void 0 : _b2.type) === "slot") {
           updatedItems[id] = __spreadProps(__spreadValues({}, nodeData), {
             props: __spreadProps(__spreadValues(__spreadValues({}, nodeData.props), (_c = updatedItems[id]) == null ? void 0 : _c.props), {
               [slotName]: content
@@ -860,7 +860,49 @@ var migrations = [
       );
       (_a2 = updated.data.zones) == null ? true : delete _a2[zoneCompound];
     });
-    Object.keys((_a = updated.data.zones) != null ? _a : {}).forEach((zoneCompound) => {
+    if (migrationOptions == null ? void 0 : migrationOptions.migrateDynamicZonesForComponent) {
+      const unmigratedZonesGrouped = {};
+      Object.keys((_a = updated.data.zones) != null ? _a : {}).forEach((zoneCompound) => {
+        var _a2;
+        const [componentId, propName] = zoneCompound.split(":");
+        const content = (_a2 = updated.data.zones) == null ? void 0 : _a2[zoneCompound];
+        if (!content) {
+          return;
+        }
+        if (!unmigratedZonesGrouped[componentId]) {
+          unmigratedZonesGrouped[componentId] = {};
+        }
+        if (!unmigratedZonesGrouped[componentId][propName]) {
+          unmigratedZonesGrouped[componentId][propName] = content;
+        }
+      });
+      Object.keys(unmigratedZonesGrouped).forEach((componentId) => {
+        updated.data = walkTree(updated.data, config, (content) => {
+          return content.map((child) => {
+            var _a2;
+            if (child.props.id !== componentId) {
+              return child;
+            }
+            const migrateFn = (_a2 = migrationOptions == null ? void 0 : migrationOptions.migrateDynamicZonesForComponent) == null ? void 0 : _a2[child.type];
+            if (!migrateFn) {
+              return child;
+            }
+            const zones = unmigratedZonesGrouped[componentId];
+            const migratedProps = migrateFn(child.props, zones);
+            Object.keys(zones).forEach((propName) => {
+              var _a3;
+              const zoneCompound = `${componentId}:${propName}`;
+              console.log(`\u2713 Success: Migrated "${zoneCompound}" DropZone`);
+              (_a3 = updated.data.zones) == null ? true : delete _a3[zoneCompound];
+            });
+            return __spreadProps(__spreadValues({}, child), {
+              props: migratedProps
+            });
+          });
+        });
+      });
+    }
+    Object.keys((_b = updated.data.zones) != null ? _b : {}).forEach((zoneCompound) => {
       const [_, propName] = zoneCompound.split(":");
       throw new Error(
         `Could not migrate DropZone "${zoneCompound}" to slot field. No slot exists with the name "${propName}".`
@@ -870,9 +912,9 @@ var migrations = [
     return updated.data;
   }
 ];
-function migrate(data, config) {
+function migrate(data, config, migrationOptions) {
   return migrations == null ? void 0 : migrations.reduce(
-    (acc, migration) => migration(acc, config),
+    (acc, migration) => migration(acc, config, migrationOptions),
     data
   );
 }

package/dist/rsc.mjs

@@ -4,7 +4,13 @@ import {
   resolveAllData,
   transformProps,
   walkTree
-} from "./chunk-IM42S4YL.mjs";
+} from "./chunk-IAEXMHQX.mjs";
+import {
+  init_react_import
+} from "./chunk-M6W7YEVX.mjs";
+
+// bundle/rsc.tsx
+init_react_import();
 export {
   Render,
   migrate,

package/dist/{walk-tree-DrJNb8b-.d.mts → walk-tree-6p9XnDIV.d.mts}

@@ -49,11 +49,11 @@ type RadioField = BaseField & {
     type: "radio";
     options: FieldOptions;
 };
-type ArrayField<Props extends {
+type ArrayField<Props extends any = {
     [key: string]: any;
-} = {
+}> = Props extends {
     [key: string]: any;
-}> = BaseField & {
+} ? BaseField & {
     type: "array";
     arrayFields: {
         [SubPropName in keyof Props[0]]: Field<Props[0][SubPropName]>;
@@ -62,14 +62,12 @@ type ArrayField<Props extends {
     getItemSummary?: (item: Props[0], index?: number) => string;
     max?: number;
     min?: number;
-};
-type ObjectField<Props extends {
-    [key: string]: any;
-} = {
+} : never;
+type ObjectField<Props extends any = {
     [key: string]: any;
 }> = BaseField & {
     type: "object";
-    objectFields: Props extends any[] ? never : {
+    objectFields: {
         [SubPropName in keyof Props]: Field<Props[SubPropName]>;
     };
 };
@@ -78,20 +76,17 @@ type Adaptor<AdaptorParams = {}, TableShape extends Record<string, any> = {}, Pr
     fetchList: (adaptorParams?: AdaptorParams) => Promise<TableShape[] | null>;
     mapProp?: (value: TableShape) => PropShape;
 };
-type ExternalFieldWithAdaptor<Props extends {
-    [key: string]: any;
-} = {
+type NotUndefined<T> = T extends undefined ? Record<string, any> : T;
+type ExternalFieldWithAdaptor<Props extends any = {
     [key: string]: any;
 }> = BaseField & {
     type: "external";
     placeholder?: string;
     adaptor: Adaptor<any, any, Props>;
     adaptorParams?: object;
-    getItemSummary: (item: Props, index?: number) => string;
+    getItemSummary: (item: NotUndefined<Props>, index?: number) => string;
 };
-type ExternalField<Props extends {
-    [key: string]: any;
-} = {
+type ExternalField<Props extends any = {
     [key: string]: any;
 }> = BaseField & {
     type: "external";
@@ -102,7 +97,7 @@ type ExternalField<Props extends {
     }) => Promise<any[] | null>;
     mapProp?: (value: any) => Props;
     mapRow?: (value: any) => Record<string, string | number | ReactElement>;
-    getItemSummary?: (item: Props, index?: number) => string;
+    getItemSummary?: (item: NotUndefined<Props>, index?: number) => string;
     showSearch?: boolean;
     renderFooter?: (props: {
         items: any[];
@@ -128,15 +123,7 @@ type SlotField = BaseField & {
     allow?: string[];
     disallow?: string[];
 };
-type Field<Props extends any = any> = TextField | NumberField | TextareaField | SelectField | RadioField | ArrayField<Props extends {
-    [key: string]: any;
-} ? Props : any> | ObjectField<Props extends {
-    [key: string]: any;
-} ? Props : any> | ExternalField<Props extends {
-    [key: string]: any;
-} ? Props : any> | ExternalFieldWithAdaptor<Props extends {
-    [key: string]: any;
-} ? Props : any> | CustomField<Props> | SlotField;
+type Field<ValueType = any> = TextField | NumberField | TextareaField | SelectField | RadioField | ArrayField<ValueType> | ObjectField<ValueType> | ExternalField<ValueType> | ExternalFieldWithAdaptor<ValueType> | CustomField<ValueType> | SlotField;
 type Fields<ComponentProps extends DefaultComponentProps = DefaultComponentProps> = {
     [PropName in keyof Omit<ComponentProps, "editMode">]: Field<ComponentProps[PropName]>;
 };
@@ -535,7 +522,12 @@ type PuckAction = {
     recordHistory?: boolean;
 } & (ReorderAction | InsertAction | MoveAction | ReplaceAction | ReplaceRootAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
 
-declare function migrate(data: Data, config?: Config): Data;
+type MigrationOptions<UserConfig extends Config> = {
+    migrateDynamicZonesForComponent?: {
+        [ComponentName in keyof UserConfig["components"]]: (props: WithId<UserGenerics<UserConfig>["UserProps"][ComponentName]>, zones: Record<string, Content>) => ComponentData["props"];
+    };
+};
+declare function migrate<UserConfig extends Config = Config>(data: Data, config?: UserConfig, migrationOptions?: MigrationOptions<UserConfig>): Data;
 
 type PropTransform<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends DefaultComponentProps = DefaultRootFieldProps> = Partial<{
     [ComponentName in keyof Props]: (props: Props[ComponentName] & {
@@ -556,4 +548,4 @@ type WalkTreeOptions = {
 };
 declare function walkTree<T extends ComponentData | RootData | G["UserData"], UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>(data: T, config: UserConfig, callbackFn: (data: Content, options: WalkTreeOptions) => Content | null | void): T;
 
-export { type ExternalFieldWithAdaptor as $, type AppState as A, type BaseData as B, type ComponentData as C, type DropZoneProps as D, type MappedItem as E, type Fields as F, type ComponentDataMap as G, type History as H, type IframeConfig as I, type Content as J, type BaseField as K, type TextareaField as L, type Metadata as M, type NumberField as N, type Overrides as O, type Permissions as P, type SelectField as Q, type RootDataWithProps as R, type Slot as S, type TextField as T, type UserGenerics as U, type Viewports as V, type WithSlotProps as W, type RadioField as X, type ArrayField as Y, type ObjectField as Z, type Adaptor as _, type Config as a, type ExternalField as a0, type CustomFieldRender as a1, type CustomField as a2, type SlotField as a3, type PuckContext as a4, type DefaultRootFieldProps as a5, type DefaultRootRenderProps as a6, type DefaultRootProps as a7, type DefaultComponentProps as a8, type WithId as a9, type WithPuckProps as aa, type AsFieldProps as ab, type WithChildren as ac, type ExtractPropsFromConfig as ad, type ExtractRootPropsFromConfig as ae, migrate as af, transformProps as ag, resolveAllData as ah, type PuckAction as b, type ResolveDataTrigger as c, type Plugin as d, type UiState as e, type ComponentConfig as f, type Field as g, type FieldProps as h, type Data as i, type OnAction as j, type InitialHistory as k, type ItemSelector as l, type Direction as m, type DragAxis as n, type Viewport as o, overrideKeys as p, type OverrideKey as q, type FieldRenderFunctions as r, type ItemWithId as s, type ArrayState as t, type PuckComponent as u, type RootConfig as v, walkTree as w, type RootDataWithoutProps as x, type RootData as y, type ComponentDataOptionalId as z };
+export { type ArrayField as $, type AppState as A, type BaseData as B, type Config as C, type DropZoneProps as D, type RootDataWithoutProps as E, type Fields as F, type RootData as G, type History as H, type IframeConfig as I, type ComponentDataOptionalId as J, type MappedItem as K, type ComponentDataMap as L, type Metadata as M, type Content as N, type Overrides as O, type Permissions as P, type BaseField as Q, type RootDataWithProps as R, type Slot as S, type TextField as T, type UserGenerics as U, type Viewports as V, type WithSlotProps as W, type NumberField as X, type TextareaField as Y, type SelectField as Z, type RadioField as _, type ComponentData as a, type ObjectField as a0, type Adaptor as a1, type ExternalFieldWithAdaptor as a2, type ExternalField as a3, type CustomFieldRender as a4, type CustomField as a5, type SlotField as a6, type PuckContext as a7, type DefaultRootFieldProps as a8, type DefaultRootRenderProps as a9, type DefaultRootProps as aa, type DefaultComponentProps as ab, type WithId as ac, type WithPuckProps as ad, type AsFieldProps as ae, type WithChildren as af, type ExtractPropsFromConfig as ag, type ExtractRootPropsFromConfig as ah, type PuckAction as b, type ResolveDataTrigger as c, type Plugin as d, type UiState as e, type ComponentConfig as f, type Field as g, type FieldProps as h, type Data as i, type OnAction as j, type InitialHistory as k, type ItemSelector as l, migrate as m, type Direction as n, type DragAxis as o, type Viewport as p, overrideKeys as q, resolveAllData as r, type OverrideKey as s, transformProps as t, type FieldRenderFunctions as u, type ItemWithId as v, walkTree as w, type ArrayState as x, type PuckComponent as y, type RootConfig as z };

package/dist/{walk-tree-DrJNb8b-.d.ts → walk-tree-6p9XnDIV.d.ts}

@@ -49,11 +49,11 @@ type RadioField = BaseField & {
     type: "radio";
     options: FieldOptions;
 };
-type ArrayField<Props extends {
+type ArrayField<Props extends any = {
     [key: string]: any;
-} = {
+}> = Props extends {
     [key: string]: any;
-}> = BaseField & {
+} ? BaseField & {
     type: "array";
     arrayFields: {
         [SubPropName in keyof Props[0]]: Field<Props[0][SubPropName]>;
@@ -62,14 +62,12 @@ type ArrayField<Props extends {
     getItemSummary?: (item: Props[0], index?: number) => string;
     max?: number;
     min?: number;
-};
-type ObjectField<Props extends {
-    [key: string]: any;
-} = {
+} : never;
+type ObjectField<Props extends any = {
     [key: string]: any;
 }> = BaseField & {
     type: "object";
-    objectFields: Props extends any[] ? never : {
+    objectFields: {
         [SubPropName in keyof Props]: Field<Props[SubPropName]>;
     };
 };
@@ -78,20 +76,17 @@ type Adaptor<AdaptorParams = {}, TableShape extends Record<string, any> = {}, Pr
     fetchList: (adaptorParams?: AdaptorParams) => Promise<TableShape[] | null>;
     mapProp?: (value: TableShape) => PropShape;
 };
-type ExternalFieldWithAdaptor<Props extends {
-    [key: string]: any;
-} = {
+type NotUndefined<T> = T extends undefined ? Record<string, any> : T;
+type ExternalFieldWithAdaptor<Props extends any = {
     [key: string]: any;
 }> = BaseField & {
     type: "external";
     placeholder?: string;
     adaptor: Adaptor<any, any, Props>;
     adaptorParams?: object;
-    getItemSummary: (item: Props, index?: number) => string;
+    getItemSummary: (item: NotUndefined<Props>, index?: number) => string;
 };
-type ExternalField<Props extends {
-    [key: string]: any;
-} = {
+type ExternalField<Props extends any = {
     [key: string]: any;
 }> = BaseField & {
     type: "external";
@@ -102,7 +97,7 @@ type ExternalField<Props extends {
     }) => Promise<any[] | null>;
     mapProp?: (value: any) => Props;
     mapRow?: (value: any) => Record<string, string | number | ReactElement>;
-    getItemSummary?: (item: Props, index?: number) => string;
+    getItemSummary?: (item: NotUndefined<Props>, index?: number) => string;
     showSearch?: boolean;
     renderFooter?: (props: {
         items: any[];
@@ -128,15 +123,7 @@ type SlotField = BaseField & {
     allow?: string[];
     disallow?: string[];
 };
-type Field<Props extends any = any> = TextField | NumberField | TextareaField | SelectField | RadioField | ArrayField<Props extends {
-    [key: string]: any;
-} ? Props : any> | ObjectField<Props extends {
-    [key: string]: any;
-} ? Props : any> | ExternalField<Props extends {
-    [key: string]: any;
-} ? Props : any> | ExternalFieldWithAdaptor<Props extends {
-    [key: string]: any;
-} ? Props : any> | CustomField<Props> | SlotField;
+type Field<ValueType = any> = TextField | NumberField | TextareaField | SelectField | RadioField | ArrayField<ValueType> | ObjectField<ValueType> | ExternalField<ValueType> | ExternalFieldWithAdaptor<ValueType> | CustomField<ValueType> | SlotField;
 type Fields<ComponentProps extends DefaultComponentProps = DefaultComponentProps> = {
     [PropName in keyof Omit<ComponentProps, "editMode">]: Field<ComponentProps[PropName]>;
 };
@@ -535,7 +522,12 @@ type PuckAction = {
     recordHistory?: boolean;
 } & (ReorderAction | InsertAction | MoveAction | ReplaceAction | ReplaceRootAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
 
-declare function migrate(data: Data, config?: Config): Data;
+type MigrationOptions<UserConfig extends Config> = {
+    migrateDynamicZonesForComponent?: {
+        [ComponentName in keyof UserConfig["components"]]: (props: WithId<UserGenerics<UserConfig>["UserProps"][ComponentName]>, zones: Record<string, Content>) => ComponentData["props"];
+    };
+};
+declare function migrate<UserConfig extends Config = Config>(data: Data, config?: UserConfig, migrationOptions?: MigrationOptions<UserConfig>): Data;
 
 type PropTransform<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends DefaultComponentProps = DefaultRootFieldProps> = Partial<{
     [ComponentName in keyof Props]: (props: Props[ComponentName] & {
@@ -556,4 +548,4 @@ type WalkTreeOptions = {
 };
 declare function walkTree<T extends ComponentData | RootData | G["UserData"], UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>(data: T, config: UserConfig, callbackFn: (data: Content, options: WalkTreeOptions) => Content | null | void): T;
 
-export { type ExternalFieldWithAdaptor as $, type AppState as A, type BaseData as B, type ComponentData as C, type DropZoneProps as D, type MappedItem as E, type Fields as F, type ComponentDataMap as G, type History as H, type IframeConfig as I, type Content as J, type BaseField as K, type TextareaField as L, type Metadata as M, type NumberField as N, type Overrides as O, type Permissions as P, type SelectField as Q, type RootDataWithProps as R, type Slot as S, type TextField as T, type UserGenerics as U, type Viewports as V, type WithSlotProps as W, type RadioField as X, type ArrayField as Y, type ObjectField as Z, type Adaptor as _, type Config as a, type ExternalField as a0, type CustomFieldRender as a1, type CustomField as a2, type SlotField as a3, type PuckContext as a4, type DefaultRootFieldProps as a5, type DefaultRootRenderProps as a6, type DefaultRootProps as a7, type DefaultComponentProps as a8, type WithId as a9, type WithPuckProps as aa, type AsFieldProps as ab, type WithChildren as ac, type ExtractPropsFromConfig as ad, type ExtractRootPropsFromConfig as ae, migrate as af, transformProps as ag, resolveAllData as ah, type PuckAction as b, type ResolveDataTrigger as c, type Plugin as d, type UiState as e, type ComponentConfig as f, type Field as g, type FieldProps as h, type Data as i, type OnAction as j, type InitialHistory as k, type ItemSelector as l, type Direction as m, type DragAxis as n, type Viewport as o, overrideKeys as p, type OverrideKey as q, type FieldRenderFunctions as r, type ItemWithId as s, type ArrayState as t, type PuckComponent as u, type RootConfig as v, walkTree as w, type RootDataWithoutProps as x, type RootData as y, type ComponentDataOptionalId as z };
+export { type ArrayField as $, type AppState as A, type BaseData as B, type Config as C, type DropZoneProps as D, type RootDataWithoutProps as E, type Fields as F, type RootData as G, type History as H, type IframeConfig as I, type ComponentDataOptionalId as J, type MappedItem as K, type ComponentDataMap as L, type Metadata as M, type Content as N, type Overrides as O, type Permissions as P, type BaseField as Q, type RootDataWithProps as R, type Slot as S, type TextField as T, type UserGenerics as U, type Viewports as V, type WithSlotProps as W, type NumberField as X, type TextareaField as Y, type SelectField as Z, type RadioField as _, type ComponentData as a, type ObjectField as a0, type Adaptor as a1, type ExternalFieldWithAdaptor as a2, type ExternalField as a3, type CustomFieldRender as a4, type CustomField as a5, type SlotField as a6, type PuckContext as a7, type DefaultRootFieldProps as a8, type DefaultRootRenderProps as a9, type DefaultRootProps as aa, type DefaultComponentProps as ab, type WithId as ac, type WithPuckProps as ad, type AsFieldProps as ae, type WithChildren as af, type ExtractPropsFromConfig as ag, type ExtractRootPropsFromConfig as ah, type PuckAction as b, type ResolveDataTrigger as c, type Plugin as d, type UiState as e, type ComponentConfig as f, type Field as g, type FieldProps as h, type Data as i, type OnAction as j, type InitialHistory as k, type ItemSelector as l, migrate as m, type Direction as n, type DragAxis as o, type Viewport as p, overrideKeys as q, resolveAllData as r, type OverrideKey as s, transformProps as t, type FieldRenderFunctions as u, type ItemWithId as v, walkTree as w, type ArrayState as x, type PuckComponent as y, type RootConfig as z };