Merge branch 'release/v1.0.0-beta.8'

docs/CHANGELOG.md

@@ -1,3 +1,44 @@
+<a name="1.0.0-beta.8"></a>
+# [1.0.0-beta.8 Free Fallin](https://github.com/Teradata/covalent/tree/v1.0.0-beta.8) (2017-08-05)
+
+The main focus of this release is support for `@angular/material@1.0.0-beta.11` and rename all `md` references from our selectors and inputs to `mat` for future support since the `md` prefixes are gonna be removed on `@angular/material`'s following release.
+
+The material team created a tool to update it automatically if you want to give it a test. [angular-material-prefix-updater](https://www.npmjs.com/package/angular-material-prefix-updater)
+
+#### Material Breaking Changes
+
+The material team decided to change their prefix from `md` to `mat`. Read more on the reasons in the `@angular/material` [changelog](https://github.com/angular/material2/blob/master/CHANGELOG.md#200-beta11-carapace-parapet-2017-09-21)
+
+#### Steps to rename md to mat
+
+We structured our commits in this [PR](https://github.com/Teradata/covalent/pull/890/commits) with the specific steps needed for the `md`/`mat` conversion.
+
+#### Highlights
+
+- `@angular/material@1.0.0-beta.11` support
+- Bugfixes and improvements
+
+## Bug Fixes
+* **data-table:** replace hardcoded 100px min width with projected width and way to override it [025ead6e6383f6faafd51decda28511cd30b9e44](https://github.com/Teradata/covalent/commit/025ead6e6383f6faafd51decda28511cd30b9e44)), closes [#891](https://github.com/Teradata/covalent/issues/891)
+* **data-table:** show which column was deselected when using single selection mode [013df521bc55818ee7bfe7cf318862ab02787abd](https://github.com/Teradata/covalent/commit/013df521bc55818ee7bfe7cf318862ab02787abd)), closes [#881](https://github.com/Teradata/covalent/issues/881)
+* **file-upload:** clear internal file input on cancel [6220b2a7a867f66fd6892888a2e3b21a9a645c74](https://github.com/Teradata/covalent/commit/6220b2a7a867f66fd6892888a2e3b21a9a645c74))
+* **json-formatter:** represent array of arrays properly [42c83987ef3498c52fa990ef974e819d1d606621](https://github.com/Teradata/covalent/commit/42c83987ef3498c52fa990ef974e819d1d606621)), closes [#852](https://github.com/Teradata/covalent/issues/852)
+* **paging:** stop css bleed to all md-selects from paging scss [8a9b4db4ee89869a5f02b906b07c30f8d49a7bff](https://github.com/Teradata/covalent/commit/8a9b4db4ee89869a5f02b906b07c30f8d49a7bff)), closes [#872](https://github.com/Teradata/covalent/issues/872)
+* **virtual-scroll:** re-render rows with proper height when replacing the data set [6590cf2497868d1151c36492f3fc75c4a3b53d8c](https://github.com/Teradata/covalent/commit/6590cf2497868d1151c36492f3fc75c4a3b53d8c)), closes [#878](https://github.com/Teradata/covalent/issues/878)
+
+## Features
+* **data-table:** allow dynamic row heights in data table even when using its virtual scroll impl [33790243daf55b265061b175bd092ec0063fc315](https://github.com/Teradata/covalent/commit/33790243daf55b265061b175bd092ec0063fc315)), closes [#868](https://github.com/Teradata/covalent/issues/868)
+* **data-table:** update demo and docs with better examples and load data from service [33790243daf55b265061b175bd092ec0063fc315](https://github.com/Teradata/covalent/commit/33790243daf55b265061b175bd092ec0063fc315)), closes [#868](https://github.com/Teradata/covalent/issues/868)
+
+## Refactor
+* **material:** upgrade to material@beta.11 [5ffb36432ee155caf706c43aa88f42754e776d64](https://github.com/Teradata/covalent/commit/5ffb36432ee155caf706c43aa88f42754e776d64))
+* **styles:** add mat- prefixes to all our md- prefixed classes (ignoring typography) [658680a03ba6fa7f4b7e3361e2404b5588743d99](https://github.com/Teradata/covalent/commit/658680a03ba6fa7f4b7e3361e2404b5588743d99))
+
+## Internal
+* **docs:** update resources layout & add Illustrator [00fcf66f2bbe0b86f488ae7ba2bffdd163ac32fe](https://github.com/Teradata/covalent/commit/00fcf66f2bbe0b86f488ae7ba2bffdd163ac32fe))
+* **angular:** upgrade to angular@4.4.3 [5ffb36432ee155caf706c43aa88f42754e776d64](https://github.com/Teradata/covalent/commit/5ffb36432ee155caf706c43aa88f42754e776d64))
+
+
 <a name="1.0.0-beta.7"></a>
 # [1.0.0-beta.7 One Step Closer](https://github.com/Teradata/covalent/tree/v1.0.0-beta.7) (2017-09-11)
 
@@ -20,7 +61,7 @@ Please check the Angular Material `beta.10` [changelog](https://github.com/angul
 
 #### CovalentDynamicFormsModule
 
-In order to ensure proper i18n support, all error messages mut be provided by the developer.
+In order to ensure proper i18n support, all error messages must be provided by the developer.
 
 e.g.
 
@@ -1151,7 +1192,7 @@ ngAfterViewInit(): void {
 * **steps:** Support for ngFor and ngIf usage on td-step components and register/de-register steps automatically. ([6486eb527ae845224a170b8c7dda2dc92a089c3a](https://github.com/Teradata/covalent/commit/6486eb527ae845224a170b8c7dda2dc92a089c3a)), closes [#200](https://github.com/Teradata/covalent/issues/200)
 * **dependencies:** Upgrade to @angular@2.4.1 and @material@beta.1. ([6cd31f063ae5a1fd0e31378c1bbf6c466a7d3c15](https://github.com/Teradata/covalent/commit/6cd31f063ae5a1fd0e31378c1bbf6c466a7d3c15))
 * **deployment:** Initial AoT support. ([6cd31f063ae5a1fd0e31378c1bbf6c466a7d3c15](https://github.com/Teradata/covalent/commit/6cd31f063ae5a1fd0e31378c1bbf6c466a7d3c15)), closes [#149](https://github.com/Teradata/covalent/issues/149)
-* **paging:** Usage of `md-select` as `perPage` selection insteaf of `md-icon-button` and `md-menu`. ([63a0ca3d4acaebeb5b19eac826da0f8d2c4dfd1e](https://github.com/Teradata/covalent/commit/63a0ca3d4acaebeb5b19eac826da0f8d2c4dfd1e))
+* **paging:** Usage of `md-select` as `perPage` selection insteaf of `md-icon-button` and `mat-menu`. ([63a0ca3d4acaebeb5b19eac826da0f8d2c4dfd1e](https://github.com/Teradata/covalent/commit/63a0ca3d4acaebeb5b19eac826da0f8d2c4dfd1e))
 * **layouts:** Added optional sticky footer (and footer-inner). ([59253bef91c354cb85ddd9f1d9622ec76241d13e](https://github.com/Teradata/covalent/commit/59253bef91c354cb85ddd9f1d9622ec76241d13e))
 
   Usage:

docs/IE11.md

@@ -104,7 +104,7 @@ For example, `<component-name>` needs a flex wrapper inside a `layout="row"`
 
 ### Some HTML elements can't be flex containers
 
-For example, don't use `layout="row"` on `<button md-button>`
+For example, don't use `layout="row"` on `<button mat-button>`
 
 ref: https://github.com/philipwalton/flexbugs#9-some-html-elements-cant-be-flex-containers
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "covalent",
-  "version": "1.0.0-beta.7",
+  "version": "1.0.0-beta.8",
   "private": true,
   "description": "Teradata UI Platform built on Angular Material",
   "keywords": [
@@ -60,18 +60,18 @@
     "ie 11"
   ],
   "dependencies": {
-    "@angular/animations": "^4.3.0",
-    "@angular/cdk": "^2.0.0-beta.10",
-    "@angular/common": "^4.3.0",
-    "@angular/compiler": "^4.3.0",
-    "@angular/core": "^4.3.0",
-    "@angular/forms": "^4.3.0",
-    "@angular/http": "^4.3.0",
-    "@angular/material": "^2.0.0-beta.10",
-    "@angular/platform-browser": "^4.3.0",
-    "@angular/platform-browser-dynamic": "^4.3.0",
-    "@angular/platform-server": "^4.3.0",
-    "@angular/router": "^4.3.0",
+    "@angular/animations": "^4.4.3",
+    "@angular/cdk": "^2.0.0-beta.11",
+    "@angular/common": "^4.4.3",
+    "@angular/compiler": "^4.4.3",
+    "@angular/core": "^4.4.3",
+    "@angular/forms": "^4.4.3",
+    "@angular/http": "^4.4.3",
+    "@angular/material": "^2.0.0-beta.11",
+    "@angular/platform-browser": "^4.4.3",
+    "@angular/platform-browser-dynamic": "^4.4.3",
+    "@angular/platform-server": "^4.4.3",
+    "@angular/router": "^4.4.3",
     "@covalent/code-editor": "^1.0.0-beta.1",
     "@covalent/text-editor": "^1.0.0-alpha.4",
     "@ngx-translate/core": "8.0.0",
@@ -89,8 +89,8 @@
     "zone.js": "0.8.17"
   },
   "devDependencies": {
-    "@angular/cli": "1.4.1",
-    "@angular/compiler-cli": "^4.3.0",
+    "@angular/cli": "1.4.2",
+    "@angular/compiler-cli": "^4.4.3",
     "@types/fs-extra": "^4.0.0",
     "@types/hammerjs": "^2.0.30",
     "@types/jasmine": "2.5.38",

src/app/app.component.html

@@ -3,24 +3,24 @@
             [mode]="(media.registerQuery('gt-md') | async) ? 'side' : 'over'"
             [sidenavWidth]="(media.registerQuery('gt-md') | async) ? '257px' : '320px'">
   <td-navigation-drawer sidenavTitle="Covalent" logo="assets:teradata" navigationRoute="/" flex color="primary">
-    <md-nav-list flex>
-      <a md-list-item
+    <mat-nav-list flex>
+      <a mat-list-item
           (click)="!media.query('gt-md') && layout.close()"
           [routerLink]="['/']"
           [routerLinkActive]="['active']"
           [routerLinkActiveOptions]="{exact:true}">
-          <md-icon mdListIcon>home</md-icon>
+          <mat-icon matListIcon>home</mat-icon>
           Home
       </a>
       <a *ngFor="let item of routes" 
-          md-list-item
+          mat-list-item
           (click)="!media.query('gt-md') && layout.close()"
           [routerLink]="[item.route]"
           [routerLinkActive]="['active']">
-          <md-icon mdListIcon>{{item.icon}}</md-icon>
+          <mat-icon matListIcon>{{item.icon}}</mat-icon>
           {{item.title}}
       </a>
-    </md-nav-list>
+    </mat-nav-list>
   </td-navigation-drawer>
   <router-outlet></router-outlet>
 </td-layout>

src/app/app.component.ts

@@ -1,7 +1,7 @@
 import { Component, AfterViewInit, ChangeDetectorRef } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 import { Dir } from '@angular/cdk/bidi';
-import { MdIconRegistry } from '@angular/material';
+import { MatIconRegistry } from '@angular/material';
 import { TdMediaService } from '@covalent/core';
 import { TranslateService } from '@ngx-translate/core';
 
@@ -44,7 +44,7 @@ export class DocsAppComponent implements AfterViewInit {
 
   dir: string;
 
-  constructor(private _iconRegistry: MdIconRegistry,
+  constructor(private _iconRegistry: MatIconRegistry,
               private _domSanitizer: DomSanitizer,
               private _changeDetectorRef: ChangeDetectorRef,
               public media: TdMediaService,
@@ -89,7 +89,7 @@ export class DocsAppComponent implements AfterViewInit {
 
   ngAfterViewInit(): void {
     // broadcast to all listener observables when loading the page
-    setTimeout(() => { // workaround since MdSidenav has issues redrawing at the beggining
+    setTimeout(() => { // workaround since MatSidenav has issues redrawing at the beggining
       this.media.broadcast();
       this._changeDetectorRef.detectChanges();
     });

src/app/app.module.ts

@@ -12,8 +12,8 @@ import { HomeComponent } from './components/home/home.component';
 import { TemplatesComponent } from './components/templates/templates.component';
 import { appRoutes, appRoutingProviders } from './app.routes';
 
-import { MdButtonModule, MdListModule, MdIconModule, MdCardModule, MdCoreModule, MdMenuModule, MdTabsModule,
-         MdToolbarModule, MdGridListModule, MdTooltipModule } from '@angular/material';
+import { MatButtonModule, MatListModule, MatIconModule, MatCardModule, MatMenuModule, MatTabsModule,
+         MatToolbarModule, MatGridListModule, MatTooltipModule, MATERIAL_COMPATIBILITY_MODE } from '@angular/material';
 
 import { CovalentLayoutModule, CovalentExpansionPanelModule, CovalentNotificationsModule, CovalentMenuModule,
          CovalentMediaModule } from '../platform/core';
@@ -42,16 +42,15 @@ import { getSelectedLanguage, createTranslateLoader } from './utilities/translat
     HttpClientModule,
     JsonpModule,
     /** Material Modules */
-    MdCoreModule,
-    MdButtonModule,
-    MdListModule,
-    MdIconModule,
-    MdCardModule,
-    MdMenuModule,
-    MdTabsModule,
-    MdToolbarModule,
-    MdGridListModule,
-    MdTooltipModule,
+    MatButtonModule,
+    MatListModule,
+    MatIconModule,
+    MatCardModule,
+    MatMenuModule,
+    MatTabsModule,
+    MatToolbarModule,
+    MatGridListModule,
+    MatTooltipModule,
     /** Covalent Modules */
     CovalentLayoutModule,
     CovalentExpansionPanelModule,
@@ -80,6 +79,7 @@ import { getSelectedLanguage, createTranslateLoader } from './utilities/translat
       provide: LOCALE_ID, useFactory: getSelectedLanguage, deps: [TranslateService],
     },
     SelectivePreloadingStrategyService,
+    {provide: MATERIAL_COMPATIBILITY_MODE, useValue: true},
   ], // additional providers needed for this module
   entryComponents: [ ],
   bootstrap: [ DocsAppComponent ],