@dmitryvim/form-builder 0.2.15 → 0.2.16

package/dist/esm/index.js

@@ -3691,6 +3691,18 @@ function updateSliderField(element, fieldPath, value, context) {
 }
 
 // src/components/container.ts
+function extractChildDefaults(elements) {
+  const defaults = {};
+  for (const child of elements) {
+    if ("default" in child && child.default !== void 0) {
+      defaults[child.key] = child.default;
+    }
+  }
+  return defaults;
+}
+function mergeWithDefaults(prefill, defaults) {
+  return { ...defaults, ...prefill };
+}
 function extractRootFormData(formRoot) {
   const data = {};
   const inputs = formRoot.querySelectorAll(
@@ -3765,10 +3777,13 @@ function renderSingleContainerElement(element, ctx, wrapper, pathKey) {
       containerWrap.appendChild(hintsElement);
     }
   }
+  const childDefaults = extractChildDefaults(element.elements);
+  const containerPrefill = ctx.prefill?.[element.key] || {};
+  const mergedPrefill = mergeWithDefaults(containerPrefill, childDefaults);
   const subCtx = {
     path: pathJoin(ctx.path, element.key),
-    prefill: ctx.prefill?.[element.key] || {},
-    // Sliced data for value population
+    prefill: mergedPrefill,
+    // Merged prefill with defaults for enableIf evaluation
     formData: ctx.formData ?? ctx.prefill,
     // Complete root data for enableIf evaluation
     state: ctx.state
@@ -3798,6 +3813,7 @@ function renderMultipleContainerElement(element, ctx, wrapper, _pathKey) {
   const min = element.minCount ?? 0;
   const max = element.maxCount ?? Infinity;
   const pre = Array.isArray(ctx.prefill?.[element.key]) ? ctx.prefill[element.key] : null;
+  const childDefaults = extractChildDefaults(element.elements);
   const countItems = () => itemsWrap.querySelectorAll(":scope > .containerItem").length;
   const createAddButton = () => {
     const add = document.createElement("button");
@@ -3824,7 +3840,8 @@ function renderMultipleContainerElement(element, ctx, wrapper, _pathKey) {
         const subCtx = {
           state: ctx.state,
           path: pathJoin(ctx.path, `${element.key}[${idx}]`),
-          prefill: {},
+          prefill: childDefaults,
+          // Defaults for enableIf evaluation
           formData: currentFormData
           // Current root data from DOM for enableIf
         };
@@ -3887,10 +3904,12 @@ function renderMultipleContainerElement(element, ctx, wrapper, _pathKey) {
   };
   if (pre && Array.isArray(pre)) {
     pre.forEach((prefillObj, idx) => {
+      const mergedPrefill = mergeWithDefaults(prefillObj || {}, childDefaults);
       const subCtx = {
         state: ctx.state,
         path: pathJoin(ctx.path, `${element.key}[${idx}]`),
-        prefill: prefillObj || {},
+        prefill: mergedPrefill,
+        // Merged prefill with defaults for enableIf
         formData: ctx.formData ?? ctx.prefill
         // Complete root data for enableIf
       };
@@ -3942,7 +3961,8 @@ function renderMultipleContainerElement(element, ctx, wrapper, _pathKey) {
       const subCtx = {
         state: ctx.state,
         path: pathJoin(ctx.path, `${element.key}[${idx}]`),
-        prefill: {},
+        prefill: childDefaults,
+        // Defaults for enableIf evaluation
         formData: ctx.formData ?? ctx.prefill
         // Complete root data for enableIf
       };
@@ -4297,7 +4317,8 @@ function shouldDisableElement(element, ctx) {
   }
   try {
     const rootFormData = ctx.formData ?? ctx.prefill ?? {};
-    const containerData = ctx.path ? getValueByPath(rootFormData, ctx.path) : void 0;
+    const scope = element.enableIf.scope ?? "relative";
+    const containerData = scope === "relative" && ctx.path ? ctx.prefill : void 0;
     const shouldEnable = evaluateEnableCondition(
       element.enableIf,
       rootFormData,