@uifabric/experiments
Version:
Experimental React components for building experiences for Office 365.
26 lines (25 loc) • 1.19 kB
TypeScript
/// <reference types="react" />
import { ITilesGridItem, ITilesGridSegment, ITileSize } from '../TilesList.types';
export interface IExampleItem {
key: string;
name: string;
index: number;
aspectRatio: number;
}
export interface IExampleGroup {
items: IExampleItem[];
name: string;
index: number;
type: 'document' | 'media';
key: string;
}
export declare function createMediaItems(count: number, indexOffset: number): IExampleItem[];
export declare function createDocumentItems(count: number, indexOffset: number): IExampleItem[];
export declare function createGroup(items: IExampleItem[], type: 'document' | 'media', index: number): IExampleGroup;
export declare function getTileCells(groups: IExampleGroup[], {onRenderCell, onRenderHeader, size, shimmerMode}: {
onRenderHeader: (item: IExampleItem) => JSX.Element;
onRenderCell: (item: IExampleItem, finalSize?: ITileSize) => JSX.Element;
size?: 'large' | 'small';
shimmerMode?: boolean;
}): (ITilesGridSegment<IExampleItem> | ITilesGridItem<IExampleItem>)[];
export declare function createShimmerGroups(type: 'document' | 'media', index: number): IExampleGroup[];