office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
71 lines (70 loc) • 2.63 kB
TypeScript
/// <reference types="react" />
import * as React from 'react';
import { IPositioningContainerTypes } from './PositioningContainer.types';
import { BaseComponent } from '../../../Utilities';
import { IPositionedData } from 'office-ui-fabric-react/lib/utilities/positioning';
export interface IPositioningContainerState {
/**
* Current set of calcualted positions for the outermost parent container.
*/
positions?: IPositionedData;
/**
* Tracks the current height offset and updates during
* the height animation when props.finalHeight is specified.
*/
heightOffset?: number;
}
export declare class PositioningContainer extends BaseComponent<IPositioningContainerTypes, IPositioningContainerState> {
static defaultProps: IPositioningContainerTypes;
private _didSetInitialFocus;
/**
* The primary positioned div.
*/
private _positionedHost;
private _contentHost;
/**
* Stores an instance of Window, used to check
* for server side rendering and if focus was lost.
*/
private _targetWindow;
/**
* The bounds used when determing if and where the
* PositioningContainer should be placed.
*/
private _positioningBounds;
/**
* The maximum height the PositioningContainer can grow to
* without going being the window or target bounds
*/
private _maxHeight;
private _positionAttempts;
private _target;
private _setHeightOffsetTimer;
constructor(props: IPositioningContainerTypes);
componentWillMount(): void;
componentDidMount(): void;
componentDidUpdate(): void;
componentWillUpdate(newProps: IPositioningContainerTypes): void;
render(): JSX.Element | null;
dismiss(ev?: Event | React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>): void;
protected _dismissOnScroll(ev: Event): void;
protected _dismissOnLostFocus(ev: Event): void;
protected _setInitialFocus(): void;
protected _onComponentDidMount(): void;
private _updateAsyncPosition();
private _updatePosition();
private _getBounds();
/**
* Return the maximum height the container can grow to
* without going out of the specified bounds
*/
private _getMaxHeight();
private _arePositionsEqual(positions, newPosition);
private _comparePositions(oldPositions, newPositions);
private _setTargetWindowAndElement(target);
/**
* Animates the height if finalHeight was given.
*/
private _setHeightOffsetEveryFrame();
private _getTarget(props?);
}