use-container-queries
Version:
A react hook that tracks a containers size and the range that width falls into within a list of breakpoints. This allows better responsive styling, where the user can style DOM elements based on their container, rather than the browser viewport.
17 lines (16 loc) • 700 B
TypeScript
export declare const observerMap: Map<ResizeObserver, ObserverItem>;
export interface MockedResizeObserverCallback {
(entries: ResizeObserverEntry[], observer?: ResizeObserver): void;
}
interface MockedResizeObserverEntry {
readonly target: Element;
readonly contentRect?: DOMRectReadOnly;
readonly borderBoxSize: ResizeObserverSize[] | ResizeObserverSize;
}
declare type ObserverItem = {
callback: ResizeObserverCallback;
element: Set<Element>;
};
export declare function triggerObserverCallback({ target, contentRect, borderBoxSize, }: MockedResizeObserverEntry): void;
export declare function getMockedInstance(element: Element): ResizeObserver;
export {};