Experiments: moves ShimmerTile from Shimmer to Tile.

common/changes/@uifabric/experiments/v-vibr-ShimmerTile_2018-06-04-20-05.json

@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "@uifabric/experiments",
+      "comment": "ShimmerTile: Moves ShimmerTile to Tile component as it's only purpose is create a mock for a tile and itself alone never renders a Shimmer animation.",
+      "type": "minor"
+    }
+  ],
+  "packageName": "@uifabric/experiments",
+  "email": "v-vibr@microsoft.com"
+}

packages/experiments/src/components/Shimmer/index.ts

@@ -1,8 +1,6 @@
 export * from './Shimmer';
 export * from './Shimmer.base';
 export * from './Shimmer.types';
-export * from './ShimmerTile/ShimmerTile';
-export * from './ShimmerTile/ShimmerTile.types';
 export * from './ShimmerLine/ShimmerLine';
 export * from './ShimmerLine/ShimmerLine.types';
 export * from './ShimmerCircle/ShimmerCircle';

packages/experiments/src/components/Shimmer/ShimmerTile/ShimmerTile.base.tsx → packages/experiments/src/components/Tile/ShimmerTile/ShimmerTile.base.tsx

@@ -1,10 +1,11 @@
 import * as React from 'react';
 import { BaseComponent, classNamesFunction } from '../../../Utilities';
 import { IShimmerTileProps, IShimmerTileStyleProps, IShimmerTileStyles } from './ShimmerTile.types';
-import { TileLayoutSizes, TileSize } from '../../../Tile';
-import { ShimmerGap } from '../ShimmerGap/ShimmerGap';
-import { ShimmerElementsGroup } from '../ShimmerElementsGroup/ShimmerElementsGroup';
-import { ShimmerElementType as ElemType } from '../Shimmer.types';
+import { TileSize } from '../Tile.types';
+import { TileLayoutSizes } from '../Tile';
+import { ShimmerGap } from '../../Shimmer/ShimmerGap/ShimmerGap';
+import { ShimmerElementsGroup } from '../../Shimmer/ShimmerElementsGroup/ShimmerElementsGroup';
+import { ShimmerElementType as ElemType } from '../../Shimmer/Shimmer.types';
 
 const enum ShimmerTileLayoutValues {
   largeSquareWidth = 96,

packages/experiments/src/components/Shimmer/ShimmerTile/ShimmerTile.types.ts → packages/experiments/src/components/Tile/ShimmerTile/ShimmerTile.types.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IStyle } from '../../../Styling';
 import { ISize, IStyleFunctionOrObject } from '../../../Utilities';
-import { TileSize } from '../../Tile';
+import { TileSize } from '../Tile.types';
 
 export interface IShimmerTile {}
 

packages/experiments/src/components/Tile/index.ts

@@ -1,2 +1,4 @@
 export * from './Tile.types';
 export * from './Tile';
+export * from './ShimmerTile/ShimmerTile';
+export * from './ShimmerTile/ShimmerTile.types';

packages/experiments/src/components/TilesList/examples/TilesList.Document.Example.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TilesList, ITilesGridItem, ITilesGridSegment } from '@uifabric/experiments/lib/TilesList';
-import { Tile } from '@uifabric/experiments/lib/Tile';
+import { Tile, ShimmerTile } from '@uifabric/experiments/lib/Tile';
 import { Toggle } from 'office-ui-fabric-react/lib/Toggle';
 import { Selection, SelectionZone } from 'office-ui-fabric-react/lib/Selection';
 import { MarqueeSelection } from 'office-ui-fabric-react/lib/MarqueeSelection';
@@ -14,7 +14,7 @@ import {
   createShimmerGroups
 } from './ExampleHelpers';
 import { ISize } from '@uifabric/experiments/lib/Utilities';
-import { ShimmerTile, ShimmerElementType as ElemType, ShimmerElementsGroup } from '@uifabric/experiments/lib/Shimmer';
+import { ShimmerElementType as ElemType, ShimmerElementsGroup } from '@uifabric/experiments/lib/Shimmer';
 
 const HEADER_VERTICAL_PADDING = 13;
 const HEADER_FONT_SIZE = 18;