Stefan Hacker
48 lines
1.8 KiB
TypeScript
48 lines
1.8 KiB
TypeScript
import * as React from 'react';
|
|
import type { IScrollablePaneContext } from '../ScrollablePane/ScrollablePane.types';
|
|
import type { IStickyProps } from './Sticky.types';
|
|
import type { JSXElement } from '@fluentui/utilities';
|
|
export interface IStickyState {
|
|
isStickyTop: boolean;
|
|
isStickyBottom: boolean;
|
|
distanceFromTop?: number;
|
|
}
|
|
export declare class Sticky extends React.Component<IStickyProps, IStickyState> {
|
|
static defaultProps: IStickyProps;
|
|
static contextType: React.Context<IScrollablePaneContext>;
|
|
context: any;
|
|
private _root;
|
|
private _stickyContentTop;
|
|
private _stickyContentBottom;
|
|
private _nonStickyContent;
|
|
private _placeHolder;
|
|
private _activeElement;
|
|
private _scrollUtils;
|
|
constructor(props: IStickyProps);
|
|
get root(): HTMLDivElement | null;
|
|
get placeholder(): HTMLDivElement | null;
|
|
get stickyContentTop(): HTMLDivElement | null;
|
|
get stickyContentBottom(): HTMLDivElement | null;
|
|
get nonStickyContent(): HTMLDivElement | null;
|
|
get canStickyTop(): boolean;
|
|
get canStickyBottom(): boolean;
|
|
syncScroll: (container: HTMLElement) => void;
|
|
componentDidMount(): void;
|
|
componentWillUnmount(): void;
|
|
componentDidUpdate(prevProps: IStickyProps, prevState: IStickyState): void;
|
|
shouldComponentUpdate(nextProps: IStickyProps, nextState: IStickyState): boolean;
|
|
render(): JSXElement;
|
|
addSticky(stickyContent: HTMLDivElement): void;
|
|
resetSticky(): void;
|
|
setDistanceFromTop(container: HTMLDivElement): void;
|
|
private _getContext;
|
|
private _getContentStyles;
|
|
private _getStickyPlaceholderHeight;
|
|
private _getNonStickyPlaceholderHeightAndWidth;
|
|
private _onScrollEvent;
|
|
private _getStickyDistanceFromTop;
|
|
private _getStickyDistanceFromTopForFooter;
|
|
private _getNonStickyDistanceFromTop;
|
|
private _getBackground;
|
|
}
|