( 12 | WrappedComponent: React.ComponentType
, 13 | ) => { 14 | const ConnectedComponent: React.SFC
= props => (
15 | ',
29 | );
30 | });
31 | });
32 |
--------------------------------------------------------------------------------
/lib/globals.d.ts:
--------------------------------------------------------------------------------
1 | // @see https://gist.github.com/strothj/708afcf4f01dd04de8f49c92e88093c3
2 | interface Window {
3 | ResizeObserver: ResizeObserver;
4 | }
5 |
6 | /**
7 | * The ResizeObserver interface is used to observe changes to Element's content
8 | * rect.
9 | *
10 | * It is modeled after MutationObserver and IntersectionObserver.
11 | */
12 | interface ResizeObserver {
13 | new (callback: ResizeObserverCallback): ResizeObserver;
14 |
15 | /**
16 | * Adds target to the list of observed elements.
17 | */
18 | observe: (target: Element) => void;
19 |
20 | /**
21 | * Removes target from the list of observed elements.
22 | */
23 | unobserve: (target: Element) => void;
24 |
25 | /**
26 | * Clears both the observationTargets and activeTargets lists.
27 | */
28 | disconnect: () => void;
29 | }
30 |
31 | /**
32 | * This callback delivers ResizeObserver's notifications. It is invoked by a
33 | * broadcast active observations algorithm.
34 | */
35 | interface ResizeObserverCallback {
36 | (entries: ResizeObserverEntry[], observer: ResizeObserver): void;
37 | }
38 |
39 | interface ResizeObserverEntry {
40 | /**
41 | * @param target The Element whose size has changed.
42 | */
43 | new (target: Element): ResizeObserverEntry;
44 |
45 | /**
46 | * The Element whose size has changed.
47 | */
48 | readonly target: Element;
49 |
50 | /**
51 | * Element's content rect when ResizeObserverCallback is invoked.
52 | */
53 | readonly contentRect: DOMRectReadOnly;
54 | }
55 |
56 | interface DOMRectReadOnly {
57 | readonly x: number;
58 | readonly y: number;
59 | readonly width: number;
60 | readonly height: number;
61 | readonly top: number;
62 | readonly right: number;
63 | readonly bottom: number;
64 | readonly left: number;
65 |
66 | toJSON: () => any;
67 | }
68 |
--------------------------------------------------------------------------------
/lib/index.ts:
--------------------------------------------------------------------------------
1 | export { default as StickyProvider } from './StickyProvider';
2 | export { default as Sticky } from './Sticky';
3 | export { default as StickyScrollUp } from './StickyScrollUp';
4 |
--------------------------------------------------------------------------------
/lib/types.ts:
--------------------------------------------------------------------------------
1 | export type TRenderChildren