gestalt
Version:
A set of React UI components which enforce Pinterest's design language
22 lines (21 loc) • 1.23 kB
TypeScript
import { Cache } from './Cache';
import { ColumnSpanConfig, ModulePositioningConfig, ResponsiveModuleConfig } from './multiColumnLayout';
import { Align, Layout, Position } from './types';
declare const defaultLayout: <T>({ align, columnWidth, gutter, layout, minCols, rawItemCount, width, measurementCache, _getColumnSpanConfig, _getModulePositioningConfig, _getResponsiveModuleConfigForSecondItem, _multiColPositionAlgoV2, ...otherProps }: {
columnWidth?: number;
gutter: number;
align: Align;
layout: Layout;
minCols?: number;
rawItemCount: number;
width?: number | null | undefined;
originalItems: ReadonlyArray<T>;
positionCache: Cache<T, Position>;
measurementCache: Cache<T, number>;
_getColumnSpanConfig?: (item: T) => ColumnSpanConfig;
_getResponsiveModuleConfigForSecondItem?: (item: T) => ResponsiveModuleConfig;
_multiColPositionAlgoV2?: boolean;
_getModulePositioningConfig?: (gridSize: number, moduleSize: number) => ModulePositioningConfig;
logWhitespace?: (additionalWhitespace: ReadonlyArray<number>, numberOfIterations: number, columnSpan: number) => void;
}) => ((items: ReadonlyArray<T>) => ReadonlyArray<Position>);
export default defaultLayout;