feat: split directives into separate modules (angular-redux#37)

Author: smithad15

packages/form/source/connect-array/connect-array.module.ts

@@ -0,0 +1,11 @@
+import { NgModule } from '@angular/core';
+
+import { ConnectArray } from './connect-array';
+
+const declarations = [ConnectArray];
+
+@NgModule({
+  declarations: [...declarations],
+  exports: [...declarations],
+})
+export class NgReduxFormConnectArrayModule {}

packages/form/source/connect-array.ts renamed to packages/form/source/connect-array/connect-array.ts

@@ -36,10 +36,10 @@ import {
 } from '@angular/forms';
 import {Unsubscribe} from 'redux';
 
-import {ConnectBase} from './connect-base';
-import {FormStore} from './form-store';
-import {State} from './state';
-import {controlPath, selectValueAccessor} from './shims';
+import {ConnectBase} from '../connect';
+import {FormStore} from '../form-store';
+import {State} from '../state';
+import {controlPath, selectValueAccessor} from '../shims';
 
 export class ConnectArrayTemplate {
   constructor(

packages/form/source/connect-array/index.ts

@@ -0,0 +1,2 @@
+export * from './connect-array.module';
+export * from './connect-array';

packages/form/source/connect-base.ts renamed to packages/form/source/connect/connect-base.ts

@@ -14,8 +14,8 @@ import { Unsubscribe } from 'redux';
 
 import 'rxjs/add/operator/debounceTime';
 
-import { FormStore } from './form-store';
-import { State } from './state';
+import { FormStore } from '../form-store';
+import { State } from '../state';
 
 export interface ControlPair {
   path: Array<string>;

packages/form/source/connect-reactive.ts renamed to packages/form/source/connect/connect-reactive.ts

@@ -3,7 +3,7 @@ import {
   Input,
 } from '@angular/core';
 
-import {FormStore} from './form-store';
+import {FormStore} from '../form-store';
 
 import {ConnectBase} from './connect-base';
 

packages/form/source/connect/connect.module.ts

@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+
+import { Connect } from './connect';
+import { ReactiveConnect } from './connect-reactive';
+
+const declarations = [Connect, ReactiveConnect];
+
+@NgModule({
+  declarations: [...declarations],
+  exports: [...declarations],
+})
+export class NgReduxFormConnectModule {}

packages/form/source/connect.test.ts renamed to packages/form/source/connect/connect.test.ts

@@ -2,7 +2,7 @@ import { Directive } from '@angular/core';
 
 import { NgForm } from '@angular/forms';
 
-import {FormStore} from './form-store';
+import {FormStore} from '../form-store';
 import {ConnectBase} from './connect-base';
 
 

packages/form/source/connect.ts renamed to packages/form/source/connect/connect.ts

@@ -0,0 +1,4 @@
+export * from './connect-base';
+export * from './connect-reactive';
+export * from './connect.module';
+export * from './connect';

packages/form/source/connect/index.ts

@@ -3,8 +3,6 @@ export * from './form-reducer';
 export * from './form-exception';
 export * from './form-store';
 export * from './configure';
-export * from './connect-base';
-export * from './connect-reactive';
 export * from './connect';
 export * from './connect-array';
 export * from './module';

packages/form/source/index.ts

@@ -1,11 +1,9 @@
 import {NgModule} from '@angular/core';
 import {FormsModule, ReactiveFormsModule} from '@angular/forms';
-
 import {NgRedux} from '@angular-redux/store';
 
-import {ReactiveConnect} from './connect-reactive';
-import {Connect} from './connect';
-import {ConnectArray} from './connect-array';
+import {NgReduxFormConnectModule} from './connect';
+import {NgReduxFormConnectArrayModule} from './connect-array';
 import {FormStore} from './form-store';
 
 export function formStoreFactory(ngRedux: NgRedux<any>) {
@@ -16,23 +14,19 @@ export function formStoreFactory(ngRedux: NgRedux<any>) {
   imports: [
     FormsModule,
     ReactiveFormsModule,
-  ],
-  declarations: [
-    Connect,
-    ReactiveConnect,
-    ConnectArray,
+    NgReduxFormConnectModule,
+    NgReduxFormConnectArrayModule,
   ],
   exports: [
-    Connect,
-    ReactiveConnect,
-    ConnectArray,
+    NgReduxFormConnectModule,
+    NgReduxFormConnectArrayModule
   ],
   providers: [
     {
       provide: FormStore,
       useFactory: formStoreFactory,
       deps: [NgRedux],
     },
-  ]
+  ],
 })
 export class NgReduxFormModule {}