/** * TODO: This is the deprecated runtime media-query component from Reaction. * It can probably be simplified somewhat if we’re not going to be using * it directly any longer. */ import React from "react"; /** TODO */ export declare type MediaQueries = { [K in M]: string; }; /** TODO */ export interface MediaQueryMatchers { [key: string]: MediaQueryList; } /** TODO */ export declare type MediaQueryMatches = { [K in M]: boolean; }; /** TODO */ export interface ResponsiveProviderProps { mediaQueries: MediaQueries; initialMatchingMediaQueries?: M[]; children: React.ReactNode; } /** TODO */ export interface ResponsiveProviderState { mediaQueryMatchers?: MediaQueryMatchers; mediaQueryMatches: MediaQueryMatches; } /** TODO */ export declare function createResponsiveComponents(): { Consumer: React.SFC>>; Provider: { new (props: ResponsiveProviderProps): { isSupportedEnvironment: () => boolean; /** * Create an array of media matchers that can validate each media query */ setupMatchers: (mediaQueries: MediaQueries) => MediaQueryMatchers; /** * Uses the matchers to build a map of the states of each media query */ checkMatchers: (mediaQueryMatchers: MediaQueryMatchers) => MediaQueryMatches; /** * The function that will be called any time a media query status changes */ mediaQueryStatusChangedCallback: () => void; componentDidMount(): void; componentWillUnmount(): void; shouldComponentUpdate(nextProps: Readonly>, nextState: Readonly): boolean; render(): JSX.Element; context: any; setState(state: ResponsiveProviderState | ((prevState: Readonly, props: Readonly>) => ResponsiveProviderState | Pick | null) | Pick | null, callback?: (() => void) | undefined): void; forceUpdate(callBack?: (() => void) | undefined): void; readonly props: Readonly> & Readonly<{ children?: React.ReactNode; }>; state: Readonly; refs: { [key: string]: React.ReactInstance; }; componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void; getSnapshotBeforeUpdate?(prevProps: Readonly>, prevState: Readonly): any; componentDidUpdate?(prevProps: Readonly>, prevState: Readonly, snapshot?: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?(nextProps: Readonly>, nextContext: any): void; UNSAFE_componentWillReceiveProps?(nextProps: Readonly>, nextContext: any): void; componentWillUpdate?(nextProps: Readonly>, nextState: Readonly, nextContext: any): void; UNSAFE_componentWillUpdate?(nextProps: Readonly>, nextState: Readonly, nextContext: any): void; }; contextType?: React.Context | undefined; }; };