ngx-form-designer 0.0.13 → 0.0.14

package/fesm2022/ngx-form-designer.mjs

@@ -3919,7 +3919,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
 
 class FormViewerComponent {
     schema;
-    data = {};
+    set data(value) {
+        this._data = value ?? {};
+        this.normalizedInitialValues = this.normalizeInitialValues(this._data);
+    }
+    get data() {
+        return this._data;
+    }
     options = {
         showSubmitButton: false,
         submitLabel: 'Submit',
@@ -3936,6 +3942,8 @@ class FormViewerComponent {
     zone = inject(NgZone);
     resizeObserver;
     currentValues = {};
+    _data = {};
+    normalizedInitialValues = {};
     ngOnInit() {
         this.setupResizeObserver();
     }
@@ -4000,6 +4008,74 @@ class FormViewerComponent {
         // Re-emit upwards
         this.submit.emit(result);
     }
+    normalizeInitialValues(input) {
+        if (!this.isRecord(input))
+            return {};
+        if (!this.isOutputShapeCandidate(input))
+            return input;
+        const outputValues = new Map();
+        this.collectOutputShapeFields(input, outputValues);
+        if (outputValues.size === 0)
+            return input;
+        const normalized = {};
+        for (const [fieldName, value] of outputValues.entries()) {
+            normalized[fieldName] = this.deserializeFieldValue(value.fieldValue);
+        }
+        return normalized;
+    }
+    collectOutputShapeFields(value, output) {
+        if (this.isFormFieldValue(value)) {
+            output.set(value.fieldName, value);
+            return;
+        }
+        if (Array.isArray(value)) {
+            return;
+        }
+        if (!this.isRecord(value))
+            return;
+        for (const entry of Object.values(value)) {
+            this.collectOutputShapeFields(entry, output);
+        }
+    }
+    deserializeFieldValue(value) {
+        if (Array.isArray(value)) {
+            if (value.every(item => this.isRecord(item) && this.isFormFieldMap(item))) {
+                return value.map(item => this.formFieldMapToNameMap(item));
+            }
+            return value;
+        }
+        if (this.isRecord(value) && this.isFormFieldMap(value)) {
+            return this.formFieldMapToNameMap(value);
+        }
+        return value;
+    }
+    formFieldMapToNameMap(valueMap) {
+        const normalized = {};
+        for (const entry of Object.values(valueMap)) {
+            if (!this.isFormFieldValue(entry))
+                continue;
+            normalized[entry.fieldName] = this.deserializeFieldValue(entry.fieldValue);
+        }
+        return normalized;
+    }
+    isOutputShapeCandidate(value) {
+        return Object.values(value).some(entry => this.isFormFieldValue(entry) || (this.isRecord(entry) && this.isFormFieldMap(entry)));
+    }
+    isFormFieldMap(value) {
+        const entries = Object.values(value);
+        if (entries.length === 0)
+            return true;
+        return entries.every(entry => this.isFormFieldValue(entry));
+    }
+    isFormFieldValue(value) {
+        if (!this.isRecord(value))
+            return false;
+        return typeof value['fieldName'] === 'string'
+            && Object.hasOwn(value, 'fieldValue');
+    }
+    isRecord(value) {
+        return !!value && typeof value === 'object';
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: FormViewerComponent, isStandalone: true, selector: "app-form-viewer", inputs: { schema: "schema", data: "data", options: "options" }, outputs: { formDataChange: "formDataChange", formValidationChange: "formValidationChange", uploadedFilesChange: "uploadedFilesChange", submit: "submit" }, viewQueries: [{ propertyName: "renderer", first: true, predicate: JsonFormRendererComponent, descendants: true }], ngImport: i0, template: `
     <div class="form-viewer-container flex flex-col h-full">
@@ -4007,7 +4083,7 @@ class FormViewerComponent {
         <div class="flex-1 min-h-0 overflow-y-auto">
             <app-json-form-renderer
                 [schema]="schema"
-                [initialValues]="data"
+                [initialValues]="normalizedInitialValues"
                 [mode]="'live'"
                 [breakpoint]="breakpoint()"
                 [uploadOnSubmit]="true"
@@ -4039,7 +4115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
         <div class="flex-1 min-h-0 overflow-y-auto">
             <app-json-form-renderer
                 [schema]="schema"
-                [initialValues]="data"
+                [initialValues]="normalizedInitialValues"
                 [mode]="'live'"
                 [breakpoint]="breakpoint()"
                 [uploadOnSubmit]="true"