Fix grid common module wrong imports (#4030)

* fix(build): grid common module mess up #4025

* fix(build): add a separate module for excel style filtering components #4025

Author: SAndreeva

projects/igniteui-angular/src/lib/grids/filtering/excel-style/excel-style-column-moving.component.ts

@@ -1,6 +1,6 @@
 import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
 import { IgxColumnComponent } from '../../column.component';
-import { IgxGridBaseComponent } from '../../grid';
+import { IgxGridBaseComponent } from '../../grid-base.component';
 
 /**
  * @hidden

projects/igniteui-angular/src/lib/grids/filtering/excel-style/grid.excel-style-filtering.component.ts

@@ -6,11 +6,8 @@ import {
     ChangeDetectionStrategy,
     TemplateRef,
     Directive,
-    OnDestroy,
-    ContentChild,
+    OnDestroy
 } from '@angular/core';
-import { IgxColumnComponent } from '../../grid';
-import { IgxDropDownComponent, ISelectionEventArgs } from '../../../drop-down';
 import {
     HorizontalAlignment,
     VerticalAlignment,
@@ -37,6 +34,8 @@ import { IgxExcelStyleCustomDialogComponent } from './excel-style-custom-dialog.
 import { Subscription, Subject } from 'rxjs';
 import { IgxExcelStyleSortingComponent } from './excel-style-sorting.component';
 import { takeUntil } from 'rxjs/operators';
+import { ISelectionEventArgs, IgxDropDownComponent } from '../../../drop-down';
+import { IgxColumnComponent } from '../../column.component';
 
 /**
  *@hidden

projects/igniteui-angular/src/lib/grids/filtering/excel-style/grid.excel-style-filtering.module.ts

@@ -0,0 +1,82 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import {
+    IgxGridExcelStyleFilteringComponent,
+    IgxExcelStyleSortingTemplateDirective,
+    IgxExcelStyleHidingTemplateDirective,
+    IgxExcelStyleMovingTemplateDirective,
+    IgxExcelStylePinningTemplateDirective
+} from './grid.excel-style-filtering.component';
+import { IgxExcelStyleSortingComponent } from './excel-style-sorting.component';
+import { IgxExcelStyleColumnMovingComponent } from './excel-style-column-moving.component';
+import { IgxExcelStyleSearchComponent } from './excel-style-search.component';
+import { IgxExcelStyleCustomDialogComponent } from './excel-style-custom-dialog.component';
+import { IgxExcelStyleDefaultExpressionComponent } from './excel-style-default-expression.component';
+import { IgxExcelStyleDateExpressionComponent } from './excel-style-date-expression.component';
+import { IgxSelectionAPIService } from '../../../core/selection';
+import { FormsModule } from '@angular/forms';
+import { IgxGridPipesModule } from '../../grid-pipes.module';
+import { IgxButtonModule } from '../../../directives/button/button.directive';
+import { IgxButtonGroupModule } from '../../../buttonGroup/buttonGroup.component';
+import { IgxDatePickerModule } from '../../../date-picker/date-picker.component';
+import { IgxIconModule } from '../../../icon/index';
+import { IgxRippleModule } from '../../../directives/ripple/ripple.directive';
+import { IgxInputGroupModule } from '../../../input-group/input-group.component';
+import { IgxDropDownModule } from '../../../drop-down/index';
+import { IgxForOfModule } from '../../../directives/for-of/for_of.directive';
+import { IgxCheckboxModule } from '../../../checkbox/checkbox.component';
+import { IgxFilterModule } from '../../../directives/filter/filter.directive';
+import { IgxToggleModule } from '../../../directives/toggle/toggle.directive';
+import { IgxListModule } from '../../../list/list.component';
+
+/**
+ * @hidden
+ */
+@NgModule({
+    declarations: [
+        IgxGridExcelStyleFilteringComponent,
+        IgxExcelStyleSortingComponent,
+        IgxExcelStyleColumnMovingComponent,
+        IgxExcelStyleSearchComponent,
+        IgxExcelStyleCustomDialogComponent,
+        IgxExcelStyleDefaultExpressionComponent,
+        IgxExcelStyleDateExpressionComponent,
+        IgxExcelStyleSortingTemplateDirective,
+        IgxExcelStyleHidingTemplateDirective,
+        IgxExcelStyleMovingTemplateDirective,
+        IgxExcelStylePinningTemplateDirective
+    ],
+    exports: [
+        IgxGridExcelStyleFilteringComponent,
+        IgxExcelStyleSortingTemplateDirective,
+        IgxExcelStyleHidingTemplateDirective,
+        IgxExcelStyleMovingTemplateDirective,
+        IgxExcelStylePinningTemplateDirective
+    ],
+    imports: [
+        CommonModule,
+        FormsModule,
+        IgxGridPipesModule,
+        IgxButtonModule,
+        IgxButtonGroupModule,
+        IgxDatePickerModule,
+        IgxIconModule,
+        IgxRippleModule,
+        IgxInputGroupModule,
+        IgxDropDownModule,
+        IgxForOfModule,
+        IgxCheckboxModule,
+        IgxFilterModule,
+        IgxToggleModule,
+        IgxListModule
+    ],
+    entryComponents: [
+        IgxGridExcelStyleFilteringComponent
+    ],
+    providers: [
+        IgxSelectionAPIService
+    ]
+})
+export class IgxGridExcelStyleFilteringModule {
+
+}

projects/igniteui-angular/src/lib/grids/grid-common.module.ts

@@ -23,13 +23,6 @@ import { IgxGridHeaderComponent } from './grid-header.component';
 import { IgxGridToolbarComponent } from './grid-toolbar.component';
 import { IgxGridFilteringCellComponent } from './filtering/grid-filtering-cell.component';
 import { IgxGridFilteringRowComponent } from './filtering/grid-filtering-row.component';
-import {
-    IgxGridExcelStyleFilteringComponent,
-    IgxExcelStyleSortingTemplateDirective,
-    IgxExcelStyleHidingTemplateDirective,
-    IgxExcelStyleMovingTemplateDirective,
-    IgxExcelStylePinningTemplateDirective
-} from './filtering/excel-style/grid.excel-style-filtering.component';
 import {
     IgxCellEditorTemplateDirective,
     IgxCellFooterTemplateDirective,
@@ -38,21 +31,14 @@ import {
     IgxColumnResizerDirective,
     IgxColumnMovingDragDirective,
     IgxColumnMovingDropDirective,
-    IgxColumnMovingService,
-    IgxDecimalPipeComponent,
-    IgxDatePipeComponent
+    IgxColumnMovingService
 } from './grid.common';
 import { IgxGridTransaction } from './grid-base.component';
-import {
-    IgxGridFilterConditionPipe,
-    IgxGridTransactionPipe
-} from './grid-common.pipes';
 import { IgxRowComponent } from './row.component';
 import { IgxChipsModule } from '../chips/chips.module';
 import { IgxDragDropModule } from '../directives/dragdrop/dragdrop.directive';
 import { IgxButtonGroupModule } from '../buttonGroup/buttonGroup.component';
 import { IgxColumnPinningModule } from './column-pinning.component';
-import { TransactionService } from '../services';
 import { IgxBaseTransactionService } from '../services/transaction/base-transaction';
 import {
     IgxRowEditTemplateDirective,
@@ -69,16 +55,9 @@ import { IgxSummaryCellComponent } from './summaries/summary-cell.component';
 import { IgxSummaryDataPipe } from './summaries/grid-root-summary.pipe';
 import { IgxGridSummaryService } from './summaries/grid-summary.service';
 import { IgxProgressBarModule } from '../progressbar/progressbar.component';
-import { IgxListComponent, IgxListModule } from '../list';
 import { IgxFilterModule } from '../directives/filter/filter.directive';
-import { IgxComboModule } from '../combo';
-import { IgxExcelStyleSortingComponent } from './filtering/excel-style/excel-style-sorting.component';
-import { IgxExcelStyleColumnMovingComponent } from './filtering/excel-style/excel-style-column-moving.component';
-import { IgxExcelStyleSearchComponent } from './filtering/excel-style/excel-style-search.component';
-import { IgxExcelStyleCustomDialogComponent } from './filtering/excel-style/excel-style-custom-dialog.component';
-import { IgxExcelStyleDefaultExpressionComponent } from './filtering/excel-style/excel-style-default-expression.component';
-import { IgxExcelStyleDateExpressionComponent } from './filtering/excel-style/excel-style-date-expression.component';
-
+import { IgxGridPipesModule } from './grid-pipes.module';
+import { IgxGridExcelStyleFilteringModule } from './filtering/excel-style/grid.excel-style-filtering.module';
 /**
  * @hidden
  */
@@ -101,33 +80,17 @@ import { IgxExcelStyleDateExpressionComponent } from './filtering/excel-style/ex
         IgxColumnResizerDirective,
         IgxColumnMovingDragDirective,
         IgxColumnMovingDropDirective,
-        IgxGridFilterConditionPipe,
-        IgxGridTransactionPipe,
         IgxGridFilteringCellComponent,
         IgxGridFilteringRowComponent,
-        IgxGridExcelStyleFilteringComponent,
-        IgxDatePipeComponent,
-        IgxDecimalPipeComponent,
         IgxSummaryDataPipe,
         IgxRowComponent,
         IgxGridHeaderGroupComponent,
         IgxSummaryRowComponent,
-        IgxSummaryCellComponent,
-        IgxExcelStyleSortingComponent,
-        IgxExcelStyleColumnMovingComponent,
-        IgxExcelStyleSearchComponent,
-        IgxExcelStyleCustomDialogComponent,
-        IgxExcelStyleDefaultExpressionComponent,
-        IgxExcelStyleDateExpressionComponent,
-        IgxExcelStyleSortingTemplateDirective,
-        IgxExcelStyleHidingTemplateDirective,
-        IgxExcelStyleMovingTemplateDirective,
-        IgxExcelStylePinningTemplateDirective
+        IgxSummaryCellComponent
     ],
     entryComponents: [
         IgxColumnComponent,
-        IgxColumnGroupComponent,
-        IgxGridExcelStyleFilteringComponent
+        IgxColumnGroupComponent
     ],
     exports: [
         IgxGridCellComponent,
@@ -148,11 +111,7 @@ import { IgxExcelStyleDateExpressionComponent } from './filtering/excel-style/ex
         IgxColumnMovingDragDirective,
         IgxColumnMovingDropDirective,
         IgxRowComponent,
-        IgxGridFilterConditionPipe,
-        IgxGridTransactionPipe,
         IgxSummaryDataPipe,
-        IgxDatePipeComponent,
-        IgxDecimalPipeComponent,
         IgxButtonModule,
         IgxDatePickerModule,
         IgxIconModule,
@@ -175,16 +134,11 @@ import { IgxExcelStyleDateExpressionComponent } from './filtering/excel-style/ex
         IgxProgressBarModule,
         IgxGridFilteringCellComponent,
         IgxGridFilteringRowComponent,
-        IgxGridExcelStyleFilteringComponent,
         IgxGridHeaderGroupComponent,
         IgxSummaryRowComponent,
         IgxSummaryCellComponent,
-        IgxListComponent,
         IgxFilterModule,
-        IgxExcelStyleSortingTemplateDirective,
-        IgxExcelStyleHidingTemplateDirective,
-        IgxExcelStyleMovingTemplateDirective,
-        IgxExcelStylePinningTemplateDirective
+        IgxGridPipesModule
     ],
     imports: [
         CommonModule,
@@ -209,9 +163,9 @@ import { IgxExcelStyleDateExpressionComponent } from './filtering/excel-style/ex
         IgxButtonGroupModule,
         IgxColumnPinningModule,
         IgxProgressBarModule,
-        IgxListModule,
         IgxFilterModule,
-        IgxComboModule
+        IgxGridPipesModule,
+        IgxGridExcelStyleFilteringModule
     ],
     providers: [
         IgxSelectionAPIService,

projects/igniteui-angular/src/lib/grids/grid-pipes.module.ts

@@ -0,0 +1,23 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { IgxDatePipeComponent, IgxDecimalPipeComponent } from './grid.common';
+import { IgxGridFilterConditionPipe, IgxGridTransactionPipe } from './grid-common.pipes';
+
+@NgModule({
+    declarations: [
+        IgxDatePipeComponent,
+        IgxDecimalPipeComponent,
+        IgxGridFilterConditionPipe,
+        IgxGridTransactionPipe
+    ],
+    exports: [
+        IgxDatePipeComponent,
+        IgxDecimalPipeComponent,
+        IgxGridFilterConditionPipe,
+        IgxGridTransactionPipe
+    ],
+    imports: [
+        CommonModule
+    ]
+  })
+export class IgxGridPipesModule { }