formGroup renamed to group

src/app/dynamic-form/dynamic-form.component.spec.ts

@@ -82,19 +82,19 @@ describe('DynamicFormDirective', () => {
 
 
         it('should call changes()', () => {
-            expect(dir.changes).toEqual(dir.formGroup.valueChanges);
+            expect(dir.changes).toEqual(dir.group.valueChanges);
         });
 
         it('should call valid()', () => {
-            expect(dir.valid).toEqual(dir.formGroup.valid);
+            expect(dir.valid).toEqual(dir.group.valid);
         });
 
         it('should call value()', () => {
-            expect(dir.value).toEqual(dir.formGroup.value);
+            expect(dir.value).toEqual(dir.group.value);
         });
 
         it('should call value()', () => {
-            expect(dir.rawValue).toEqual(dir.formGroup.getRawValue());
+            expect(dir.rawValue).toEqual(dir.group.getRawValue());
         });
 
     });

src/app/dynamic-form/dynamic-form.component.ts

@@ -11,17 +11,17 @@ export class DynamicFormDirective implements OnInit {
     @Input() model: any;
     @Input() lookups: object;
 
-    public formGroup: FormGroup;
-    get changes() { return this.formGroup.valueChanges; }
-    get valid() { return this.formGroup.valid; }
-    get value() { return this.formGroup.value; }
-    get rawValue() { return this.formGroup.getRawValue(); }
+    public group: FormGroup;
+    get changes() { return this.group.valueChanges; }
+    get valid() { return this.group.valid; }
+    get value() { return this.group.value; }
+    get rawValue() { return this.group.getRawValue(); }
 
     constructor(
         private componentFactoryResolver: ComponentFactoryResolver,
         private container: ViewContainerRef,
         @Inject(LAYOUTS_TOKEN) private layouts: LayoutDictionary) {
-        this.formGroup = new FormGroup({});
+        this.group = new FormGroup({});
     }
 
     public ngOnInit(): void {
@@ -31,7 +31,7 @@ export class DynamicFormDirective implements OnInit {
         const componentReference = this.layouts[this.formConfig.layout];
         const componentFactory = this.componentFactoryResolver.resolveComponentFactory<Layout>(componentReference);
         const component = this.container.createComponent(componentFactory);
-        component.instance.formGroup = this.formGroup;
+        component.instance.group = this.group;
         component.instance.formConfig = this.formConfig;
         component.instance.model = this.model;
     }

src/app/layouts/base-layout.ts

@@ -6,5 +6,5 @@ export class BaseLayout implements Layout {
     @Input() formConfig: FormConfig;
     @Input() model: any;
     @Input() lookups: object;
-    @Input() formGroup: FormGroup;
+    @Input() group: FormGroup;
 }

src/app/layouts/basic/basic-layout.component.html

@@ -10,7 +10,7 @@ <h2>{{formConfig.title}}</h2>
                 </label>
 
                 <div class="col-md-10">
-                    <div dynamicField [field]="field" [group]="formGroup" [model]="model"></div>
+                    <div dynamicField [field]="field" [group]="group" [model]="model"></div>
                 </div>
 
             </div>

src/app/layouts/basic/basic-layout.component.spec.ts

@@ -53,7 +53,7 @@ describe('BasicLayoutComponent Core', () => {
     beforeEach(() => {
         fixture = TestBed.createComponent(BasicLayoutComponent);
         component = fixture.componentInstance;
-        component.formGroup = new FormGroup({})
+        component.group = new FormGroup({})
         component.formConfig = {
             form: [
                 { label: 'fields and panels', panels: [{ label: 'fields', fields: [{ type: 'text', name: 'title', required: true }] }] },
@@ -69,7 +69,7 @@ describe('BasicLayoutComponent Core', () => {
     describe('ngOnInit()', () => {
 
         it('should create group', () => {
-            expect(component.formGroup).toBeDefined();
+            expect(component.group).toBeDefined();
         });
 
     });

src/app/layouts/groups/group/group.component.html

@@ -1,16 +1,17 @@
 <div class="row">
     <div class="col-md-2">
-        <form-nav [form]="formGroup"></form-nav>
+        <form-nav [form]="group"></form-nav>
     </div>
-    <div class="col-md-10" [formGroup]="formGroup">
+    <div class="col-md-10" [formGroup]="group">
         <div *ngFor="let panel of formConfig.form" [navTab]="panel">
 
             <ng-container *ngIf="panel.fields">
-                <layout-group-panel [panelConfig]="panel" [group]="formGroup" [model]="model" [hidden]="panel.hidden"></layout-group-panel>
+                <layout-group-panel [panelConfig]="panel" [group]="group" [model]="model" [hidden]="panel.hidden">
+                </layout-group-panel>
             </ng-container>
 
             <ng-container *ngIf="panel.panels">
-                <layout-group-panel *ngFor="let panelConfig of panel.panels" [panelConfig]="panelConfig" [group]="formGroup"
+                <layout-group-panel *ngFor="let panelConfig of panel.panels" [panelConfig]="panelConfig" [group]="group"
                     [model]="model" [hidden]="panel.hidden"></layout-group-panel>
             </ng-container>
         </div>

src/app/layouts/groups/group/group.component.spec.ts

@@ -111,7 +111,7 @@ describe('GroupComponent Core', () => {
     beforeEach(() => {
         fixture = TestBed.createComponent(GroupComponent);
         component = fixture.componentInstance;
-        component.formGroup = new FormGroup({})
+        component.group = new FormGroup({})
         component.formConfig = {
             form: [
                 { label: 'fields and panels', panels: [{ label: 'fields', fields: [{ type: 'text', name: 'title', required: true }] }] },
@@ -127,7 +127,7 @@ describe('GroupComponent Core', () => {
     describe('ngOnInit()', () => {
 
         it('should create group', () => {
-            expect(component.formGroup).toBeDefined();
+            expect(component.group).toBeDefined();
         });
 
         describe('Lookup Expansion', () => {

src/types.ts

@@ -45,7 +45,7 @@ export const FIELD_DICT_TOKEN = new InjectionToken<FieldDictionary>('fields');
 export const LAYOUTS_TOKEN = new InjectionToken<Layout>('layouts');
 
 export interface Layout {
-    formGroup: FormGroup;
+    group: FormGroup;
     formConfig: any;
     model: any;
 }