diff --git a/common/changes/@uifabric/experiments/v-vibr-shimmer-importsFix_2018-04-13-01-05.json b/common/changes/@uifabric/experiments/v-vibr-shimmer-importsFix_2018-04-13-01-05.json new file mode 100644 index 00000000000000..e4eec79859a9f0 --- /dev/null +++ b/common/changes/@uifabric/experiments/v-vibr-shimmer-importsFix_2018-04-13-01-05.json @@ -0,0 +1,11 @@ +{ + "changes": [ + { + "packageName": "@uifabric/experiments", + "comment": "Shimmer: imports audited", + "type": "patch" + } + ], + "packageName": "@uifabric/experiments", + "email": "v-vibr@microsoft.com" +} \ No newline at end of file diff --git a/packages/experiments/src/components/Shimmer/Shimmer.base.tsx b/packages/experiments/src/components/Shimmer/Shimmer.base.tsx index af50bd05af2d11..e66e6fc3ae151b 100644 --- a/packages/experiments/src/components/Shimmer/Shimmer.base.tsx +++ b/packages/experiments/src/components/Shimmer/Shimmer.base.tsx @@ -1,8 +1,6 @@ import * as React from 'react'; -import { - BaseComponent, - classNamesFunction, -} from '../../Utilities'; +import { BaseComponent, classNamesFunction } from '../../Utilities'; +import { DefaultPalette, IStyleSet } from '../../Styling'; import { IShimmerProps, IShimmerStyleProps, @@ -13,10 +11,6 @@ import { IGap, ShimmerElementVerticalAlign, } from './Shimmer.types'; -import { - DefaultPalette, - IStyleSet -} from '../../Styling'; import { ShimmerLine } from './ShimmerLine/ShimmerLine'; import { ShimmerGap } from './ShimmerGap/ShimmerGap'; import { ShimmerCircle } from './ShimmerCircle/ShimmerCircle'; diff --git a/packages/experiments/src/components/Shimmer/Shimmer.styles.ts b/packages/experiments/src/components/Shimmer/Shimmer.styles.ts index 3e07eb4c8d6f45..ff78b19e0442a1 100644 --- a/packages/experiments/src/components/Shimmer/Shimmer.styles.ts +++ b/packages/experiments/src/components/Shimmer/Shimmer.styles.ts @@ -1,8 +1,5 @@ import { IShimmerStyleProps, IShimmerStyles } from './Shimmer.types'; -import { - keyframes, - DefaultPalette -} from '../../Styling'; +import { keyframes, DefaultPalette } from '../../Styling'; export function getStyles(props: IShimmerStyleProps): IShimmerStyles { const { diff --git a/packages/experiments/src/components/Shimmer/Shimmer.types.ts b/packages/experiments/src/components/Shimmer/Shimmer.types.ts index 6fe6293f998417..99195801a47bc2 100644 --- a/packages/experiments/src/components/Shimmer/Shimmer.types.ts +++ b/packages/experiments/src/components/Shimmer/Shimmer.types.ts @@ -1,7 +1,5 @@ import * as React from 'react'; -import { - IStyle -} from '../../Styling'; +import { IStyle } from '../../Styling'; import { IStyleFunction } from '../../Utilities'; export interface IShimmer { diff --git a/packages/experiments/src/components/Shimmer/ShimmerCircle/ShimmerCircle.styles.ts b/packages/experiments/src/components/Shimmer/ShimmerCircle/ShimmerCircle.styles.ts index 872d0586ba60f2..6ca7cf7207b03a 100644 --- a/packages/experiments/src/components/Shimmer/ShimmerCircle/ShimmerCircle.styles.ts +++ b/packages/experiments/src/components/Shimmer/ShimmerCircle/ShimmerCircle.styles.ts @@ -2,10 +2,7 @@ import { IShimmerCircleStyleProps, IShimmerCircleStyles } from './ShimmerCircle.types'; -import { - IStyleSet, - DefaultPalette -} from 'office-ui-fabric-react/lib/Styling'; +import { IStyleSet, DefaultPalette } from '../../../Styling'; export function getStyles(props: IShimmerCircleStyleProps): IShimmerCircleStyles { const { diff --git a/packages/experiments/src/components/Shimmer/ShimmerCircle/ShimmerCircle.tsx b/packages/experiments/src/components/Shimmer/ShimmerCircle/ShimmerCircle.tsx index 63b114832079dc..a98c19d89acb97 100644 --- a/packages/experiments/src/components/Shimmer/ShimmerCircle/ShimmerCircle.tsx +++ b/packages/experiments/src/components/Shimmer/ShimmerCircle/ShimmerCircle.tsx @@ -1,6 +1,4 @@ -import { - styled -} from '../../../Utilities'; +import { styled } from '../../../Utilities'; import { getStyles } from './ShimmerCircle.styles'; import { IShimmerCircleProps, diff --git a/packages/experiments/src/components/Shimmer/ShimmerCircle/ShimmerCircle.types.ts b/packages/experiments/src/components/Shimmer/ShimmerCircle/ShimmerCircle.types.ts index ce8294cc1fd270..9c606d96728a1b 100644 --- a/packages/experiments/src/components/Shimmer/ShimmerCircle/ShimmerCircle.types.ts +++ b/packages/experiments/src/components/Shimmer/ShimmerCircle/ShimmerCircle.types.ts @@ -1,8 +1,5 @@ import * as React from 'react'; -import { - IStyle, - IStyleSet -} from '../../../Styling'; +import { IStyle, IStyleSet } from '../../../Styling'; import { IStyleFunction } from '../../../Utilities'; export interface IShimmerCircle { diff --git a/packages/experiments/src/components/Shimmer/ShimmerGap/ShimmerGap.styles.ts b/packages/experiments/src/components/Shimmer/ShimmerGap/ShimmerGap.styles.ts index 2cb14db58a6e2f..cf5bbfb0842e76 100644 --- a/packages/experiments/src/components/Shimmer/ShimmerGap/ShimmerGap.styles.ts +++ b/packages/experiments/src/components/Shimmer/ShimmerGap/ShimmerGap.styles.ts @@ -2,7 +2,7 @@ import { IShimmerGapStyleProps, IShimmerGapStyles } from './ShimmerGap.types'; -import { IStyleSet, DefaultPalette } from 'office-ui-fabric-react/lib/Styling'; +import { IStyleSet, DefaultPalette } from '../../../Styling'; export function getStyles(props: IShimmerGapStyleProps): IShimmerGapStyles { const { diff --git a/packages/experiments/src/components/Shimmer/ShimmerGap/ShimmerGap.tsx b/packages/experiments/src/components/Shimmer/ShimmerGap/ShimmerGap.tsx index dff5780583ed55..87f3a113252e74 100644 --- a/packages/experiments/src/components/Shimmer/ShimmerGap/ShimmerGap.tsx +++ b/packages/experiments/src/components/Shimmer/ShimmerGap/ShimmerGap.tsx @@ -1,6 +1,4 @@ -import { - styled -} from '../../../Utilities'; +import { styled } from '../../../Utilities'; import { IShimmerGapProps, IShimmerGapStyleProps, diff --git a/packages/experiments/src/components/Shimmer/ShimmerGap/ShimmerGap.types.ts b/packages/experiments/src/components/Shimmer/ShimmerGap/ShimmerGap.types.ts index 325adaff895d0c..2c7e0525782a49 100644 --- a/packages/experiments/src/components/Shimmer/ShimmerGap/ShimmerGap.types.ts +++ b/packages/experiments/src/components/Shimmer/ShimmerGap/ShimmerGap.types.ts @@ -1,8 +1,5 @@ import * as React from 'react'; -import { - IStyle, - IStyleSet -} from '../../../Styling'; +import { IStyle, IStyleSet } from '../../../Styling'; import { IStyleFunction } from '../../../Utilities'; export interface IShimmerGap { diff --git a/packages/experiments/src/components/Shimmer/ShimmerLine/ShimmerLine.styles.ts b/packages/experiments/src/components/Shimmer/ShimmerLine/ShimmerLine.styles.ts index 60015d7b943fda..3025743b7437bd 100644 --- a/packages/experiments/src/components/Shimmer/ShimmerLine/ShimmerLine.styles.ts +++ b/packages/experiments/src/components/Shimmer/ShimmerLine/ShimmerLine.styles.ts @@ -2,7 +2,7 @@ import { IShimmerLineStyleProps, IShimmerLineStyles } from './ShimmerLine.types'; -import { IStyleSet } from 'office-ui-fabric-react/lib/Styling'; +import { IStyleSet } from '../../../Styling'; export function getStyles(props: IShimmerLineStyleProps): IShimmerLineStyles { const { diff --git a/packages/experiments/src/components/Shimmer/ShimmerLine/ShimmerLine.tsx b/packages/experiments/src/components/Shimmer/ShimmerLine/ShimmerLine.tsx index af52b5638fb8f6..5003aa37fac4ef 100644 --- a/packages/experiments/src/components/Shimmer/ShimmerLine/ShimmerLine.tsx +++ b/packages/experiments/src/components/Shimmer/ShimmerLine/ShimmerLine.tsx @@ -1,6 +1,4 @@ -import { - styled -} from '../../../Utilities'; +import { styled } from '../../../Utilities'; import { IShimmerLineProps, IShimmerLineStyleProps, diff --git a/packages/experiments/src/components/Shimmer/ShimmerLine/ShimmerLine.types.ts b/packages/experiments/src/components/Shimmer/ShimmerLine/ShimmerLine.types.ts index 1d8c2262c19fdd..c37742f5269f53 100644 --- a/packages/experiments/src/components/Shimmer/ShimmerLine/ShimmerLine.types.ts +++ b/packages/experiments/src/components/Shimmer/ShimmerLine/ShimmerLine.types.ts @@ -1,8 +1,5 @@ import * as React from 'react'; -import { - IStyle, - IStyleSet -} from '../../../Styling'; +import { IStyle, IStyleSet } from '../../../Styling'; import { IStyleFunction } from '../../../Utilities'; export interface IShimmerLine { diff --git a/packages/experiments/src/components/Shimmer/ShimmerPage.tsx b/packages/experiments/src/components/Shimmer/ShimmerPage.tsx index d5c4ece6fbfe72..663dd9da2062ae 100644 --- a/packages/experiments/src/components/Shimmer/ShimmerPage.tsx +++ b/packages/experiments/src/components/Shimmer/ShimmerPage.tsx @@ -7,7 +7,7 @@ import { } from '@uifabric/example-app-base'; import { ShimmerBasicExample } from './examples/Shimmer.Basic.Example'; import { ShimmerLoadDataExample } from './examples/Shimmer.LoadData.Example'; -import { ShimmerApplicationExample } from 'experiments/lib/components/Shimmer/examples/Shimmer.Application.Example'; +import { ShimmerApplicationExample } from './examples/Shimmer.Application.Example'; const ShimmerBasicExampleCode = require('!raw-loader!experiments/src/components/Shimmer/examples/Shimmer.Basic.Example.tsx') as string; // tslint:disable-next-line:max-line-length diff --git a/packages/experiments/src/components/Shimmer/ShimmerTile/ShimmerTile.base.tsx b/packages/experiments/src/components/Shimmer/ShimmerTile/ShimmerTile.base.tsx index ec32842026ae12..def72f574ae8b8 100644 --- a/packages/experiments/src/components/Shimmer/ShimmerTile/ShimmerTile.base.tsx +++ b/packages/experiments/src/components/Shimmer/ShimmerTile/ShimmerTile.base.tsx @@ -8,10 +8,10 @@ import { IShimmerTileStyleProps, IShimmerTileStyles } from './ShimmerTile.types'; -import { TileLayoutSizes, TileSize } from 'experiments/lib/Tile'; +import { TileLayoutSizes, TileSize } from '../../Tile'; import { ShimmerGap } from '../ShimmerGap/ShimmerGap'; import { getRenderedElements } from '../Shimmer.base'; -import { ShimmerElementType as ElemType } from 'experiments/lib/Shimmer'; +import { ShimmerElementType as ElemType } from '../Shimmer.types'; const enum ShimmerTileLayoutValues { largeSquareWidth = 96, @@ -59,7 +59,7 @@ const PLACEHOLDER_SIZES: { const getClassNames = classNamesFunction(); export class ShimmerTileBase extends BaseComponent { - private _classNames: {[key in keyof IShimmerTileStyles]: string}; + private _classNames: { [key in keyof IShimmerTileStyles]: string }; constructor(props: IShimmerTileProps) { super(props); diff --git a/packages/experiments/src/components/Shimmer/ShimmerTile/ShimmerTile.tsx b/packages/experiments/src/components/Shimmer/ShimmerTile/ShimmerTile.tsx index 4244fd0d72900f..0ee9a5b155d46f 100644 --- a/packages/experiments/src/components/Shimmer/ShimmerTile/ShimmerTile.tsx +++ b/packages/experiments/src/components/Shimmer/ShimmerTile/ShimmerTile.tsx @@ -1,6 +1,4 @@ -import { - styled -} from '../../../Utilities'; +import { styled } from '../../../Utilities'; import { IShimmerTileProps, IShimmerTileStyleProps, diff --git a/packages/experiments/src/components/Shimmer/ShimmerTile/ShimmerTile.types.ts b/packages/experiments/src/components/Shimmer/ShimmerTile/ShimmerTile.types.ts index 111897b785bba2..3ed78c64d9e48d 100644 --- a/packages/experiments/src/components/Shimmer/ShimmerTile/ShimmerTile.types.ts +++ b/packages/experiments/src/components/Shimmer/ShimmerTile/ShimmerTile.types.ts @@ -1,12 +1,7 @@ import * as React from 'react'; -import { - IStyle -} from 'office-ui-fabric-react/lib/Styling'; -import { - ISize, - IStyleFunction -} from 'office-ui-fabric-react/lib/Utilities'; -import { TileSize } from 'experiments/lib/Tile'; +import { IStyle } from '../../../Styling'; +import { ISize, IStyleFunction } from '../../../Utilities'; +import { TileSize } from '../../Tile'; export interface IShimmerTile { diff --git a/packages/experiments/src/components/Shimmer/examples/Shimmer.Application.Example.tsx b/packages/experiments/src/components/Shimmer/examples/Shimmer.Application.Example.tsx index 1b5c24b355a522..306b1da66ac9b6 100644 --- a/packages/experiments/src/components/Shimmer/examples/Shimmer.Application.Example.tsx +++ b/packages/experiments/src/components/Shimmer/examples/Shimmer.Application.Example.tsx @@ -6,7 +6,7 @@ import { HoverCard, IExpandingCardProps } from 'office-ui-fabric-react/lib/HoverCard'; -import { createListItems } from '@uifabric/example-app-base'; +import { createListItems } from '@uifabric/example-app-base/lib/utilities/data'; import { IColumn, DetailsList, @@ -16,7 +16,7 @@ import { IDetailsRowProps, DetailsRow } from 'office-ui-fabric-react'; -import { Shimmer } from 'experiments/lib/Shimmer'; +import { Shimmer } from '../Shimmer'; import './Shimmer.Example.scss'; export interface IItem { diff --git a/packages/experiments/src/components/Shimmer/examples/Shimmer.LoadData.Example.tsx b/packages/experiments/src/components/Shimmer/examples/Shimmer.LoadData.Example.tsx index b0db227a6fdedb..282387509c37d9 100644 --- a/packages/experiments/src/components/Shimmer/examples/Shimmer.LoadData.Example.tsx +++ b/packages/experiments/src/components/Shimmer/examples/Shimmer.LoadData.Example.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Shimmer } from 'experiments/lib/Shimmer'; +import { Shimmer } from '../Shimmer'; import { Toggle } from 'office-ui-fabric-react/lib/Toggle'; export interface IShimmerLoadDataExample { diff --git a/packages/experiments/src/components/Shimmer/index.ts b/packages/experiments/src/components/Shimmer/index.ts index ff79f4663bead2..616724aa5a7268 100644 --- a/packages/experiments/src/components/Shimmer/index.ts +++ b/packages/experiments/src/components/Shimmer/index.ts @@ -1,2 +1,11 @@ export * from './Shimmer'; -export * from './Shimmer.types'; \ No newline at end of file +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'; +export * from './ShimmerCircle/ShimmerCircle.types'; +export * from './ShimmerGap/ShimmerGap'; +export * from './ShimmerGap/ShimmerGap.types'; \ No newline at end of file