@measured/puck 0.21.0-canary.6dae6cb7 → 0.21.0-canary.8db6528d

package/dist/{chunk-OOLYDXKW.mjs → chunk-Z3QSQFNS.mjs}

@@ -111,27 +111,32 @@ var walkField = ({
   config,
   recurseSlots = false
 }) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const fieldType = (_a = fields[propKey]) == null ? void 0 : _a.type;
   const map = mappers[fieldType];
   if (map && fieldType === "slot") {
     const content = value || [];
-    const mappedContent = recurseSlots ? content.map((el) => {
-      var _a2;
-      const componentConfig = config.components[el.type];
-      if (!componentConfig) {
-        throw new Error(`Could not find component config for ${el.type}`);
+    let mappedContent = content;
+    if (recurseSlots) {
+      for (let i = 0; i < content.length; i++) {
+        const el = content[i];
+        const componentConfig = config.components[el.type];
+        if (!componentConfig || !el.props) {
+          continue;
+        }
+        const fields2 = (_b = componentConfig.fields) != null ? _b : {};
+        mappedContent.push(
+          walkField({
+            value: __spreadProps(__spreadValues({}, el), { props: defaultSlots(el.props, fields2) }),
+            fields: fields2,
+            mappers,
+            id: el.props.id,
+            config,
+            recurseSlots
+          })
+        );
       }
-      const fields2 = (_a2 = componentConfig.fields) != null ? _a2 : {};
-      return walkField({
-        value: __spreadProps(__spreadValues({}, el), { props: defaultSlots(el.props, fields2) }),
-        fields: fields2,
-        mappers,
-        id: el.props.id,
-        config,
-        recurseSlots
-      });
-    }) : content;
+    }
     if (containsPromise(mappedContent)) {
       return Promise.all(mappedContent);
     }
@@ -153,7 +158,7 @@ var walkField = ({
   }
   if (value && typeof value === "object") {
     if (Array.isArray(value)) {
-      const arrayFields = ((_b = fields[propKey]) == null ? void 0 : _b.type) === "array" ? fields[propKey].arrayFields : null;
+      const arrayFields = ((_c = fields[propKey]) == null ? void 0 : _c.type) === "array" ? fields[propKey].arrayFields : null;
       if (!arrayFields) return value;
       const newValue = value.map(
         (el, idx) => walkField({
@@ -174,7 +179,7 @@ var walkField = ({
     } else if ("$$typeof" in value) {
       return value;
     } else {
-      const objectFields = ((_c = fields[propKey]) == null ? void 0 : _c.type) === "object" ? fields[propKey].objectFields : fields;
+      const objectFields = ((_d = fields[propKey]) == null ? void 0 : _d.type) === "object" ? fields[propKey].objectFields : fields;
       return walkObject({
         value,
         fields: objectFields,
@@ -295,7 +300,8 @@ init_react_import();
 var defaultViewports = [
   { width: 360, height: "auto", icon: "Smartphone", label: "Small" },
   { width: 768, height: "auto", icon: "Tablet", label: "Medium" },
-  { width: 1280, height: "auto", icon: "Monitor", label: "Large" }
+  { width: 1280, height: "auto", icon: "Monitor", label: "Large" },
+  { width: "100%", height: "auto", icon: "FullWidth", label: "Full-width" }
 ];
 
 // store/default-app-state.ts
@@ -317,7 +323,8 @@ var defaultAppState = {
       options: [],
       controlsVisible: true
     },
-    field: { focus: null }
+    field: { focus: null },
+    plugin: { current: null }
   },
   indexes: {
     nodes: {},
@@ -681,19 +688,19 @@ init_react_import();
 
 // lib/get-changed.ts
 init_react_import();
-import fdeq from "fast-deep-equal";
+import { deepEqual } from "fast-equals";
 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]: !fdeq(oldItemProps[item], newItemProps[item])
+      [item]: !deepEqual(oldItemProps[item], newItemProps[item])
     });
   }, {}) : {};
 };
 
 // lib/resolve-component-data.ts
-import fdeq2 from "fast-deep-equal";
+import { deepEqual as deepEqual2 } from "fast-equals";
 var cache = { lastChange: {} };
 var resolveComponentData = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], function* (item, config, metadata = {}, onResolveStart, onResolveEnd, trigger = "replace") {
   const configForItem = "type" in item && item.type !== "root" ? config.components[item.type] : config.root;
@@ -702,7 +709,7 @@ var resolveComponentData = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], f
   const id = "id" in item.props ? item.props.id : "root";
   if (shouldRunResolver) {
     const { item: oldItem = null, resolved = {} } = cache.lastChange[id] || {};
-    if (trigger !== "force" && item && fdeq2(item, oldItem)) {
+    if (trigger !== "force" && item && deepEqual2(item, oldItem)) {
       return { node: resolved, didChange: false };
     }
     const changed = getChanged(item, oldItem);
@@ -752,7 +759,7 @@ var resolveComponentData = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], f
   };
   return {
     node: itemWithResolvedChildren,
-    didChange: !fdeq2(item, itemWithResolvedChildren)
+    didChange: !deepEqual2(item, itemWithResolvedChildren)
   };
 });