feat(tree): move tree to experimental (#9324)

Author: tinayuangao

.github/CODEOWNERS

@@ -69,17 +69,18 @@
 /src/cdk/stepper/**                                @mmalerba
 /src/cdk/table/**                                  @andrewseguin
 /src/cdk/testing/**                                @devversion
-/src/cdk/tree/**                                   @tinayuangao
 
 # Moment adapter package
 /src/material-moment-adapter/**                    @mmalerba
 
 # Material experimental package
 /src/material-experimental/**                      @jelbourn
+/src/material-experimental/tree/**                 @tinayuangao
 
 # CDK experimental package
 /src/cdk-experimental/**                           @jelbourn
 /src/cdk-experimental/dialog/**                    @jelbourn @josephperrott @crisbeto
+/src/cdk-experimental/tree/**                      @tinayuangao
 
 # Docs examples & guides
 /guides/**                                         @amcdnl @jelbourn

src/cdk/tree/control/base-tree-control.ts renamed to src/cdk-experimental/tree/control/base-tree-control.ts

@@ -8,7 +8,7 @@
     "annotateForClosureCompiler": true,
     "strictMetadataEmit": true,
     "flatModuleOutFile": "index.js",
-    "flatModuleId": "@angular/cdk/tree",
+    "flatModuleId": "@angular/cdk-experimental/tree",
     "skipTemplateCodegen": true
   }
 }

src/cdk/tree/control/flat-tree-control.spec.ts renamed to src/cdk-experimental/tree/control/flat-tree-control.spec.ts

@@ -38,7 +38,6 @@ import {
   MatTabsModule,
   MatToolbarModule,
   MatTooltipModule,
-  MatTreeModule,
   MatStepperModule,
 } from '@angular/material';
 import {MatNativeDateModule, MatRippleModule} from '@angular/material';
@@ -50,7 +49,8 @@ import {PlatformModule} from '@angular/cdk/platform';
 import {ObserversModule} from '@angular/cdk/observers';
 import {PortalModule} from '@angular/cdk/portal';
 import {CdkTableModule} from '@angular/cdk/table';
-import {CdkTreeModule} from '@angular/cdk/tree';
+import {CdkTreeModule} from '@angular/cdk-experimental/tree';
+import {MatTreeModule} from '@angular/material-experimental/tree';
 
 /**
  * NgModule that includes all Material modules that are required to serve the demo-app.

src/cdk/tree/control/flat-tree-control.ts renamed to src/cdk-experimental/tree/control/flat-tree-control.ts

@@ -57,7 +57,8 @@ System.config({
     '@angular/cdk/scrolling': 'dist/packages/cdk/scrolling/index.js',
     '@angular/cdk/stepper': 'dist/packages/cdk/stepper/index.js',
     '@angular/cdk/table': 'dist/packages/cdk/table/index.js',
-    '@angular/cdk/tree': 'dist/packages/cdk/tree/index.js',
+
+    '@angular/cdk-experimental/tree': 'dist/packages/cdk-experimental/tree/index.js',
 
     '@angular/material/autocomplete': 'dist/packages/material/autocomplete/index.js',
     '@angular/material/button': 'dist/packages/material/button/index.js',
@@ -91,7 +92,8 @@ System.config({
     '@angular/material/tabs': 'dist/packages/material/tabs/index.js',
     '@angular/material/toolbar': 'dist/packages/material/toolbar/index.js',
     '@angular/material/tooltip': 'dist/packages/material/tooltip/index.js',
-    '@angular/material/tree': 'dist/packages/material/tree/index.js',
+
+    '@angular/material-experimental/tree': 'dist/packages/material-experimental/tree/index.js',
   },
   packages: {
     // Thirdparty barrels.

src/cdk/tree/control/nested-tree-control.spec.ts renamed to src/cdk-experimental/tree/control/nested-tree-control.spec.ts

@@ -7,7 +7,7 @@
  */
 
 import {CollectionViewer, DataSource} from '@angular/cdk/collections';
-import {FlatTreeControl, TreeControl} from '@angular/cdk/tree';
+import {FlatTreeControl, TreeControl} from '@angular/cdk-experimental/tree';
 import {Observable} from 'rxjs/Observable';
 import {merge} from 'rxjs/observable/merge';
 import {map} from 'rxjs/operators/map';

src/cdk/tree/control/nested-tree-control.ts renamed to src/cdk-experimental/tree/control/nested-tree-control.ts

@@ -7,7 +7,7 @@
  */
 
 import {Component} from '@angular/core';
-import {FlatTreeControl, NestedTreeControl} from '@angular/cdk/tree';
+import {FlatTreeControl, NestedTreeControl} from '@angular/cdk-experimental/tree';
 import {of as ofObservable} from 'rxjs/observable/of';
 
 import {JsonNode, JsonDatabase} from './json-database';

src/cdk/tree/control/tree-control.ts renamed to src/cdk-experimental/tree/control/tree-control.ts

@@ -28,7 +28,6 @@
 @import '../../tabs/tabs-theme';
 @import '../../toolbar/toolbar-theme';
 @import '../../tooltip/tooltip-theme';
-@import '../../tree/tree-theme';
 @import '../../snack-bar/snack-bar-theme';
 @import '../../form-field/form-field-theme';
 
@@ -65,6 +64,5 @@
   @include mat-tabs-theme($theme);
   @include mat-toolbar-theme($theme);
   @include mat-tooltip-theme($theme);
-  @include mat-tree-theme($theme);
   @include mat-snack-bar-theme($theme);
 }

src/cdk/tree/index.ts renamed to src/cdk-experimental/tree/index.ts

@@ -26,7 +26,6 @@
 @import '../../tabs/tabs-theme';
 @import '../../toolbar/toolbar-theme';
 @import '../../tooltip/tooltip-theme';
-@import '../../tree/tree-theme';
 @import '../../snack-bar/snack-bar-theme';
 @import '../option/option-theme';
 @import '../option/optgroup-theme';
@@ -67,7 +66,6 @@
   @include mat-tabs-typography($config);
   @include mat-toolbar-typography($config);
   @include mat-tooltip-typography($config);
-  @include mat-tree-typography($config);
   @include mat-list-typography($config);
   @include mat-option-typography($config);
   @include mat-optgroup-typography($config);

src/cdk/tree/nested-node.ts renamed to src/cdk-experimental/tree/nested-node.ts

@@ -39,4 +39,3 @@ export * from '@angular/material/table';
 export * from '@angular/material/tabs';
 export * from '@angular/material/toolbar';
 export * from '@angular/material/tooltip';
-export * from '@angular/material/tree';

src/cdk/tree/node.ts renamed to src/cdk-experimental/tree/node.ts

@@ -19,7 +19,7 @@ import {
   CdkTree,
   CdkTreeNodeDef,
   CdkTreeNode,
-} from '@angular/cdk/tree';
+} from '@angular/cdk-experimental/tree';
 import {MatTreeNodeOutlet} from './outlet';
 import {mixinTabIndex, mixinDisabled, CanDisable, HasTabIndex} from '@angular/material/core';
 

src/cdk/tree/outlet.ts renamed to src/cdk-experimental/tree/outlet.ts

@@ -5,7 +5,7 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-import {CdkTreeNodeOutlet} from '@angular/cdk/tree';
+import {CdkTreeNodeOutlet} from '@angular/cdk-experimental/tree';
 import {
   Directive,
   ViewContainerRef,

src/cdk/tree/padding.ts renamed to src/cdk-experimental/tree/padding.ts

@@ -5,7 +5,7 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-import {CdkTreeNodePadding} from '@angular/cdk/tree';
+import {CdkTreeNodePadding} from '@angular/cdk-experimental/tree';
 import {Directive, Input} from '@angular/core';
 
 

src/cdk/tree/public-api.ts renamed to src/cdk-experimental/tree/public-api.ts

@@ -7,7 +7,7 @@
  */
 
 import {Directive, Input} from '@angular/core';
-import {CdkTreeNodeToggle} from '@angular/cdk/tree';
+import {CdkTreeNodeToggle} from '@angular/cdk-experimental/tree';
 
 /**
  * Wrapper for the CdkTree's toggle with Material design styles.

src/cdk/tree/toggle.ts renamed to src/cdk-experimental/tree/toggle.ts

@@ -8,7 +8,7 @@
 
 import {NgModule} from '@angular/core';
 
-import {CdkTreeModule} from '@angular/cdk/tree';
+import {CdkTreeModule} from '@angular/cdk-experimental/tree';
 import {CommonModule} from '@angular/common';
 import {MatCommonModule} from '@angular/material/core';
 import {MatNestedTreeNode, MatTreeNodeDef, MatTreeNode} from './node';

src/cdk/tree/tree-errors.ts renamed to src/cdk-experimental/tree/tree-errors.ts

@@ -1,3 +1,10 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
 import {async, ComponentFixture, TestBed} from '@angular/core/testing';
 import {Component, ViewChild} from '@angular/core';
 
@@ -7,7 +14,7 @@ import {Observable} from 'rxjs/Observable';
 import {combineLatest} from 'rxjs/observable/combineLatest';
 import {map} from 'rxjs/operators/map';
 
-import {TreeControl, FlatTreeControl} from '@angular/cdk/tree';
+import {TreeControl, FlatTreeControl} from '@angular/cdk-experimental/tree';
 import {MatTreeModule} from './index';
 import {MatTree} from './tree';
 

src/cdk/tree/tree-module.ts renamed to src/cdk-experimental/tree/tree-module.ts

@@ -7,7 +7,7 @@
  */
 
 import {ChangeDetectionStrategy, Component, ViewChild, ViewEncapsulation} from '@angular/core';
-import {CdkTree} from '@angular/cdk/tree';
+import {CdkTree} from '@angular/cdk-experimental/tree';
 import {MatTreeNodeOutlet} from './outlet';
 
 /**

src/cdk/tree/tree.spec.ts renamed to src/cdk-experimental/tree/tree.spec.ts

@@ -8,7 +8,8 @@
     "annotateForClosureCompiler": true,
     "strictMetadataEmit": true,
     "flatModuleOutFile": "index.js",
-    "flatModuleId": "@angular/material/tree",
-    "skipTemplateCodegen": true
+    "flatModuleId": "@angular/material-experimental/tree",
+    "skipTemplateCodegen": true,
+    "fullTemplateTypeCheck": true
   }
 }

src/cdk/tree/tree.ts renamed to src/cdk-experimental/tree/tree.ts

@@ -13,6 +13,10 @@
     "moduleResolution": "node",
     "outDir": "../../dist/packages/material-experimental",
     "rootDir": ".",
+    "rootDirs": [
+      ".",
+      "../../dist/packages/material-experimental"
+    ],
     "sourceMap": true,
     "inlineSources": true,
     "target": "es2015",

src/cdk/tree/tsconfig-build.json renamed to src/cdk-experimental/tree/tsconfig-build.json

@@ -69,7 +69,8 @@ System.config({
     '@angular/cdk/stepper': 'dist/packages/cdk/stepper/index.js',
     '@angular/cdk/table': 'dist/packages/cdk/table/index.js',
     '@angular/cdk/testing': 'dist/packages/cdk/testing/index.js',
-    '@angular/cdk/tree': 'dist/packages/cdk/tree/index.js',
+
+    '@angular/cdk-experimental/tree': 'dist/packages/cdk-experimental/tree/index.js',
 
     '@angular/material/autocomplete': 'dist/packages/material/autocomplete/index.js',
     '@angular/material/button': 'dist/packages/material/button/index.js',
@@ -103,7 +104,8 @@ System.config({
     '@angular/material/tabs': 'dist/packages/material/tabs/index.js',
     '@angular/material/toolbar': 'dist/packages/material/toolbar/index.js',
     '@angular/material/tooltip': 'dist/packages/material/tooltip/index.js',
-    '@angular/material/tree': 'dist/packages/material/tree/index.js',
+
+    '@angular/material-experimental/tree': 'dist/packages/material-experimental/tree/index.js',
   },
   packages: {
     // Thirdparty barrels.