@pixldocs/canvas-renderer 0.3.7 → 0.3.9

package/dist/index.cjs

@@ -9020,8 +9020,19 @@ function flattenSectionStateToFormData(sectionState, sections) {
       for (const child of children) {
         const childToken = child.templateKeyPrefix.startsWith("field_") ? child.templateKeyPrefix.slice(6) : child.templateKeyPrefix;
         const childStateKey = `${sectionStateKey}_${i}_${child.id}`;
-        const childPrefix = `${sectionPrefix}_${oneBased}_${childToken}`;
-        emitRepeatable(child, childStateKey, childPrefix);
+        const compactPrefix = `${sectionPrefix}_${oneBased}_${childToken}`;
+        emitRepeatable(child, childStateKey, compactPrefix);
+        const aliasPrefix = `${sectionPrefix}_${oneBased}_field_${childToken}`;
+        if (aliasPrefix !== compactPrefix) {
+          emitRepeatable(child, childStateKey, aliasPrefix);
+        }
+        const childIdToken = child.id;
+        if (childIdToken !== childToken) {
+          const idPrefix2 = `${sectionPrefix}_${oneBased}_${childIdToken}`;
+          emitRepeatable(child, childStateKey, idPrefix2);
+          const idAliasPrefix = `${sectionPrefix}_${oneBased}_field_${childIdToken}`;
+          emitRepeatable(child, childStateKey, idAliasPrefix);
+        }
       }
     }
   };
@@ -10053,8 +10064,20 @@ async function resolveFromForm(options) {
   ]);
   const templateConfig = templateRow.config;
   const templateFormSchema = templateRow.form_schema;
-  const schemaSections = (_a = formSchemaRow.schema) == null ? void 0 : _a.sections;
+  if (templateFormSchema) {
+    if (!Array.isArray(templateConfig.dynamicFields) && Array.isArray(templateFormSchema.dynamicFields)) {
+      templateConfig.dynamicFields = templateFormSchema.dynamicFields;
+    }
+    if (!Array.isArray(templateConfig.fieldGroups) && Array.isArray(templateFormSchema.fieldGroups)) {
+      templateConfig.fieldGroups = templateFormSchema.fieldGroups;
+    }
+  }
+  normalizeLayoutModes(templateConfig);
   const repeatableFromSchema = templateFormSchema == null ? void 0 : templateFormSchema.repeatableSections;
+  if ((repeatableFromSchema == null ? void 0 : repeatableFromSchema.length) && templateConfig.pages) {
+    paintRepeatableSections(templateConfig, repeatableFromSchema);
+  }
+  const schemaSections = (_a = formSchemaRow.schema) == null ? void 0 : _a.sections;
   const repeatableNodeMap = /* @__PURE__ */ new Map();
   if (repeatableFromSchema) {
     for (const r of repeatableFromSchema) {
@@ -10086,9 +10109,7 @@ async function resolveFromForm(options) {
     }
   }
   const flatFormData = flattenSectionStateToFormData(mergedSectionState, inferredSections);
-  const configDynamicFields = templateConfig.dynamicFields;
-  const formSchemaDynamicFields = templateFormSchema == null ? void 0 : templateFormSchema.dynamicFields;
-  const dynamicFields = ((configDynamicFields == null ? void 0 : configDynamicFields.length) ? configDynamicFields : formSchemaDynamicFields) || [];
+  const dynamicFields = templateConfig.dynamicFields || [];
   const mappings = [];
   for (const field of dynamicFields) {
     if (field.mappings) {
@@ -10204,6 +10225,54 @@ function flattenAll(nodes) {
   }
   return result;
 }
+function normalizeLayoutModes(config) {
+  function walk(node) {
+    if (node.layoutMode === "stack" || node.layoutMode === "stacked") {
+      node.layoutMode = "vertical-stack";
+    }
+    if (Array.isArray(node.children)) {
+      for (const child of node.children) walk(child);
+    }
+  }
+  for (const page of config.pages ?? []) {
+    if (page.children) {
+      for (const child of page.children) walk(child);
+    }
+  }
+}
+function paintRepeatableSections(config, repeatableSections) {
+  const pages = config.pages ?? [];
+  function stripFlags(nodes) {
+    for (const node of nodes) {
+      delete node.repeatableSection;
+      if (Array.isArray(node.children)) stripFlags(node.children);
+    }
+  }
+  for (const page of pages) {
+    if (page.children) stripFlags(page.children);
+  }
+  function setRepeatable(nodes, nodeId, payload) {
+    for (const node of nodes) {
+      const id = node.id;
+      if (id && (id === nodeId || baseId(id) === baseId(nodeId))) {
+        node.repeatableSection = payload;
+        return true;
+      }
+      if (Array.isArray(node.children) && setRepeatable(node.children, nodeId, payload)) {
+        return true;
+      }
+    }
+    return false;
+  }
+  for (const section of repeatableSections) {
+    const payload = { label: section.label };
+    if (section.minEntries !== void 0) payload.minEntries = section.minEntries;
+    if (section.maxEntries !== void 0) payload.maxEntries = section.maxEntries;
+    for (const page of pages) {
+      if (setRepeatable(page.children ?? [], section.nodeId, payload)) break;
+    }
+  }
+}
 function PixldocsPreview(props) {
   const {
     pageIndex = 0,