{"version":3,"sources":["../src/InView.tsx","../src/observe.ts","../src/useInView.tsx","../src/useIntersectionObserverRef.ts","../src/useOnInView.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { IntersectionObserverProps, PlainChildrenProps } from \"./index\";\nimport { observe } from \"./observe\";\n\ntype State = {\n inView: boolean;\n entry?: IntersectionObserverEntry;\n};\n\nfunction isPlainChildren(\n props: IntersectionObserverProps | PlainChildrenProps,\n): props is PlainChildrenProps {\n return typeof props.children !== \"function\";\n}\n\n/**\n ## Render props\n\n To use the `` component, you pass it a function. It will be called\n whenever the state changes, with the new value of `inView`. In addition to the\n `inView` prop, children also receive a `ref` that should be set on the\n containing DOM element. This is the element that the IntersectionObserver will\n monitor.\n\n If you need it, you can also access the\n [`IntersectionObserverEntry`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry)\n on `entry`, giving you access to all the details about the current intersection\n state.\n\n ```jsx\n import { InView } from 'react-intersection-observer';\n\n const Component = () => (\n \n {({ inView, ref, entry }) => (\n
\n

{`Header inside viewport ${inView}.`}

\n
\n )}\n \n );\n\n export default Component;\n ```\n\n ## Plain children\n\n You can pass any element to the ``, and it will handle creating the\n wrapping DOM element. Add a handler to the `onChange` method, and control the\n state in your own component. Any extra props you add to `` will be\n passed to the HTML element, allowing you set the `className`, `style`, etc.\n\n ```jsx\n import { InView } from 'react-intersection-observer';\n\n const Component = () => (\n console.log('Inview:', inView)}>\n

Plain children are always rendered. Use onChange to monitor state.

\n \n );\n\n export default Component;\n ```\n */\nexport class InView extends React.Component<\n IntersectionObserverProps | PlainChildrenProps,\n State\n> {\n node: Element | null = null;\n _unobserveCb: (() => void) | null = null;\n lastInView: boolean | undefined;\n\n constructor(props: IntersectionObserverProps | PlainChildrenProps) {\n super(props);\n this.state = {\n inView: !!props.initialInView,\n entry: undefined,\n };\n this.lastInView = props.initialInView;\n }\n\n componentDidMount() {\n this.unobserve();\n this.observeNode();\n }\n\n componentDidUpdate(prevProps: IntersectionObserverProps) {\n // If a IntersectionObserver option changed, reinit the observer\n if (\n prevProps.rootMargin !== this.props.rootMargin ||\n prevProps.scrollMargin !== this.props.scrollMargin ||\n prevProps.root !== this.props.root ||\n prevProps.threshold !== this.props.threshold ||\n prevProps.skip !== this.props.skip ||\n prevProps.trackVisibility !== this.props.trackVisibility ||\n prevProps.delay !== this.props.delay\n ) {\n this.unobserve();\n this.observeNode();\n }\n }\n\n componentWillUnmount() {\n this.unobserve();\n }\n\n observeNode() {\n if (!this.node || this.props.skip) return;\n const {\n threshold,\n root,\n rootMargin,\n scrollMargin,\n trackVisibility,\n delay,\n fallbackInView,\n } = this.props;\n\n if (this.lastInView === undefined) {\n this.lastInView = this.props.initialInView;\n }\n this._unobserveCb = observe(\n this.node,\n this.handleChange,\n {\n threshold,\n root,\n rootMargin,\n scrollMargin,\n trackVisibility,\n delay,\n },\n fallbackInView,\n );\n }\n\n unobserve() {\n if (this._unobserveCb) {\n this._unobserveCb();\n this._unobserveCb = null;\n }\n }\n\n handleNode = (node?: Element | null) => {\n if (this.node) {\n // Clear the old observer, before we start observing a new element\n this.unobserve();\n\n if (!node && !this.props.triggerOnce && !this.props.skip) {\n // Reset the state if we get a new node, and we aren't ignoring updates\n this.setState({ inView: !!this.props.initialInView, entry: undefined });\n this.lastInView = this.props.initialInView;\n }\n }\n\n this.node = node ? node : null;\n this.observeNode();\n };\n\n handleChange = (inView: boolean, entry: IntersectionObserverEntry) => {\n const previousInView = this.lastInView;\n this.lastInView = inView;\n\n // Ignore the very first `false` notification so consumers only hear about actual state changes.\n if (previousInView === undefined && !inView) {\n return;\n }\n\n if (inView && this.props.triggerOnce) {\n // If `triggerOnce` is true, we should stop observing the element.\n this.unobserve();\n }\n if (!isPlainChildren(this.props)) {\n // Store the current State, so we can pass it to the children in the next render update\n // There's no reason to update the state for plain children, since it's not used in the rendering.\n this.setState({ inView, entry });\n }\n if (this.props.onChange) {\n // If the user is actively listening for onChange, always trigger it\n this.props.onChange(inView, entry);\n }\n };\n\n render() {\n const { children } = this.props;\n if (typeof children === \"function\") {\n const { inView, entry } = this.state;\n return children({ inView, entry, ref: this.handleNode });\n }\n\n const {\n as,\n triggerOnce,\n threshold,\n root,\n rootMargin,\n scrollMargin,\n onChange,\n skip,\n trackVisibility,\n delay,\n initialInView,\n fallbackInView,\n ...props\n } = this.props as PlainChildrenProps;\n\n return React.createElement(\n as || \"div\",\n { ref: this.handleNode, ...props },\n children,\n );\n }\n}\n","import type {\n IntersectionObserverInitWithOptions,\n ObserverInstanceCallback,\n} from \"./index\";\n\nconst observerMap = new Map<\n string,\n {\n id: string;\n observer: IntersectionObserver;\n elements: Map>;\n }\n>();\n\nconst RootIds: WeakMap = new WeakMap();\nlet rootId = 0;\n\nlet unsupportedValue: boolean | undefined;\n\n/**\n * What should be the default behavior if the IntersectionObserver is unsupported?\n * Ideally the polyfill has been loaded, you can have the following happen:\n * - `undefined`: Throw an error\n * - `true` or `false`: Set the `inView` value to this regardless of intersection state\n * **/\nexport function defaultFallbackInView(inView: boolean | undefined) {\n unsupportedValue = inView;\n}\n\n/**\n * Generate a unique ID for the root element\n * @param root\n */\nfunction getRootId(root: IntersectionObserverInitWithOptions[\"root\"]) {\n if (!root) return \"0\";\n if (RootIds.has(root)) return RootIds.get(root);\n rootId += 1;\n RootIds.set(root, rootId.toString());\n return RootIds.get(root);\n}\n\n/**\n * Convert the options to a string Id, based on the values.\n * Ensures we can reuse the same observer when observing elements with the same options.\n * @param options\n */\nexport function optionsToId(options: IntersectionObserverInitWithOptions) {\n return Object.keys(options)\n .sort()\n .filter(\n (key) =>\n options[key as keyof IntersectionObserverInitWithOptions] !== undefined,\n )\n .map((key) => {\n return `${key}_${\n key === \"root\"\n ? getRootId(options.root)\n : options[key as keyof IntersectionObserverInitWithOptions]\n }`;\n })\n .toString();\n}\n\nfunction createObserver(options: IntersectionObserverInitWithOptions) {\n // Create a unique ID for this observer instance, based on the root, root margin and threshold.\n const id = optionsToId(options);\n let instance = observerMap.get(id);\n\n if (!instance) {\n // Create a map of elements this observer is going to observe. Each element has a list of callbacks that should be triggered, once it comes into view.\n const elements = new Map>();\n let thresholds: number[] | readonly number[];\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n // While it would be nice if you could just look at isIntersecting to determine if the component is inside the viewport, browsers can't agree on how to use it.\n // -Firefox ignores `threshold` when considering `isIntersecting`, so it will never be false again if `threshold` is > 0\n const inView =\n entry.isIntersecting &&\n thresholds.some((threshold) => entry.intersectionRatio >= threshold);\n\n // @ts-expect-error support IntersectionObserver v2\n if (options.trackVisibility && typeof entry.isVisible === \"undefined\") {\n // The browser doesn't support Intersection Observer v2, falling back to v1 behavior.\n // @ts-expect-error\n entry.isVisible = inView;\n }\n\n // Copy the callbacks array before iterating to prevent issues when callbacks are removed during iteration (e.g., when using triggerOnce)\n [...(elements.get(entry.target) ?? [])].forEach((callback) => {\n callback(inView, entry);\n });\n });\n }, options);\n\n // Ensure we have a valid thresholds array. If not, use the threshold from the options\n thresholds =\n observer.thresholds ||\n (Array.isArray(options.threshold)\n ? options.threshold\n : [options.threshold || 0]);\n\n instance = {\n id,\n observer,\n elements,\n };\n\n observerMap.set(id, instance);\n }\n\n return instance;\n}\n\n/**\n * @param element - DOM Element to observe\n * @param callback - Callback function to trigger when intersection status changes\n * @param options - Intersection Observer options\n * @param fallbackInView - Fallback inView value.\n * @return Function - Cleanup function that should be triggered to unregister the observer\n */\nexport function observe(\n element: Element,\n callback: ObserverInstanceCallback,\n options: IntersectionObserverInitWithOptions = {},\n fallbackInView = unsupportedValue,\n) {\n if (\n typeof window.IntersectionObserver === \"undefined\" &&\n fallbackInView !== undefined\n ) {\n const bounds = element.getBoundingClientRect();\n callback(fallbackInView, {\n isIntersecting: fallbackInView,\n target: element,\n intersectionRatio:\n typeof options.threshold === \"number\" ? options.threshold : 0,\n time: 0,\n boundingClientRect: bounds,\n intersectionRect: bounds,\n rootBounds: bounds,\n });\n return () => {\n // Nothing to cleanup\n };\n }\n // An observer with the same options can be reused, so lets use this fact\n const { id, observer, elements } = createObserver(options);\n\n // Register the callback listener for this element\n const callbacks = elements.get(element) || [];\n if (!elements.has(element)) {\n elements.set(element, callbacks);\n }\n\n callbacks.push(callback);\n observer.observe(element);\n\n let unobserved = false;\n return function unobserve() {\n if (unobserved) return;\n unobserved = true;\n\n // Remove the callback from the callback list\n callbacks.splice(callbacks.indexOf(callback), 1);\n\n if (callbacks.length === 0) {\n // No more callback exists for element, so destroy it\n elements.delete(element);\n observer.unobserve(element);\n }\n\n if (elements.size === 0) {\n // No more elements are being observer by this instance, so destroy it\n observer.disconnect();\n observerMap.delete(id);\n }\n };\n}\n","import * as React from \"react\";\nimport type { IntersectionOptions, InViewHookResponse } from \"./index\";\nimport { useIntersectionObserverRef } from \"./useIntersectionObserverRef\";\n\nconst useIsomorphicLayoutEffect =\n typeof window === \"undefined\" ? React.useEffect : React.useLayoutEffect;\n\ntype State = {\n inView: boolean;\n entry?: IntersectionObserverEntry;\n};\n\ntype RefState = {\n node: Element | null;\n reset: boolean;\n};\n\n/**\n * React Hooks make it easy to monitor the `inView` state of your components. Call\n * the `useInView` hook with the (optional) [options](#options) you need. It will\n * return an array containing a `ref`, the `inView` status and the current\n * [`entry`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry).\n * Assign the `ref` to the DOM element you want to monitor, and the hook will\n * report the status.\n *\n * @example\n * ```jsx\n * import React from 'react';\n * import { useInView } from 'react-intersection-observer';\n *\n * const Component = () => {\n * const { ref, inView, entry } = useInView({\n * threshold: 0,\n * });\n *\n * return (\n *
\n *

{`Header inside viewport ${inView}.`}

\n *
\n * );\n * };\n * ```\n */\nexport function useInView({\n threshold,\n delay,\n trackVisibility,\n rootMargin,\n scrollMargin,\n root,\n triggerOnce,\n skip,\n initialInView,\n fallbackInView,\n onChange,\n}: IntersectionOptions = {}): InViewHookResponse {\n const lastInViewRef = React.useRef(initialInView);\n const [state, setState] = React.useState({\n inView: !!initialInView,\n entry: undefined,\n });\n\n const observerRef = useIntersectionObserverRef(\n (inView, entry) => {\n const previousInView = lastInViewRef.current;\n lastInViewRef.current = inView;\n\n // Ignore the very first `false` notification so consumers only hear about actual state changes.\n if (previousInView === undefined && !inView) {\n return;\n }\n\n setState({ inView, entry });\n onChange?.(inView, entry);\n },\n {\n threshold,\n root,\n rootMargin,\n scrollMargin,\n trackVisibility,\n delay,\n fallbackInView,\n skip,\n triggerOnce,\n },\n );\n\n const refState = React.useRef({\n node: null,\n reset: false,\n });\n\n const setRef = React.useCallback(\n function setRef(node?: Element | null) {\n if (node) {\n refState.current.node = node;\n refState.current.reset = false;\n } else if (refState.current.node) {\n refState.current.node = null;\n refState.current.reset = true;\n }\n\n const cleanup = observerRef(node);\n if (!cleanup) return;\n\n return () => {\n cleanup();\n if (refState.current.node === node) {\n refState.current.node = null;\n refState.current.reset = true;\n }\n };\n },\n [observerRef],\n );\n\n useIsomorphicLayoutEffect(() => {\n if (!refState.current.reset) return;\n refState.current.reset = false;\n if (triggerOnce || skip) return;\n\n setState({ inView: !!initialInView, entry: undefined });\n lastInViewRef.current = initialInView;\n });\n\n const result = [setRef, state.inView, state.entry] as InViewHookResponse;\n\n // Support object destructuring, by adding the specific values.\n result.ref = result[0];\n result.inView = result[1];\n result.entry = result[2];\n\n return result;\n}\n","import * as React from \"react\";\nimport type { IntersectionObserverInitWithOptions } from \"./index\";\nimport { observe } from \"./observe\";\n\nconst useInsertionEffect = Reflect.get(React, \"useInsertionEffect\") as\n | typeof React.useEffect\n | undefined;\nconst useSyncEffect = useInsertionEffect ?? React.useEffect;\n\nexport function supportsRefCleanup(version: string | undefined) {\n return version?.startsWith(\"19.\") || false;\n}\n\nconst canUseRefCleanup = supportsRefCleanup(React.version);\n\ntype ObserverCallback = (\n inView: boolean,\n entry: IntersectionObserverEntry & { target: TElement },\n previousInView: boolean | undefined,\n) => void;\n\ntype ObserverRefOptions = IntersectionObserverInitWithOptions & {\n fallbackInView?: boolean;\n skip?: boolean;\n triggerOnce?: boolean;\n};\n\ntype ObserverRefCallback = (\n element: TElement | undefined | null,\n) => (() => void) | undefined;\n\ntype ObserverState = {\n node: TElement | null;\n stop: (() => void) | undefined;\n owner: ObserverRefCallback | null;\n};\n\nexport function useIntersectionObserverRef(\n onIntersectionChange: ObserverCallback,\n {\n threshold,\n root,\n rootMargin,\n scrollMargin,\n trackVisibility,\n delay,\n fallbackInView,\n skip,\n triggerOnce,\n }: ObserverRefOptions,\n) {\n const onIntersectionChangeRef = React.useRef(onIntersectionChange);\n const observerStateRef = React.useRef>({\n node: null,\n stop: undefined,\n owner: null,\n });\n\n // React 17 has no effect that runs before callback refs attach. Keep its\n // synchronous fallback behavior compatible by publishing during render.\n if (!useInsertionEffect) {\n onIntersectionChangeRef.current = onIntersectionChange;\n }\n\n useSyncEffect(() => {\n onIntersectionChangeRef.current = onIntersectionChange;\n }, [onIntersectionChange]);\n\n // biome-ignore lint/correctness/useExhaustiveDependencies: Threshold arrays are normalized inside the callback\n return React.useCallback(\n function setRef(element: TElement | undefined | null) {\n const observerState = observerStateRef.current;\n\n if (!element && observerState.owner !== setRef) {\n return;\n }\n\n if (element === observerState.node) {\n observerState.owner = setRef;\n return canUseRefCleanup ? observerState.stop : undefined;\n }\n\n const cleanup = observerState.stop;\n observerState.stop = undefined;\n cleanup?.();\n\n if (!element || skip) {\n observerState.node = null;\n observerState.owner = element ? setRef : null;\n return;\n }\n\n observerState.node = element;\n observerState.owner = setRef;\n\n let destroyObserver: (() => void) | undefined;\n let previousInView: boolean | undefined;\n\n function stopObserving() {\n destroyObserver?.();\n\n if (observerState.stop === stopObserving) {\n observerState.node = null;\n observerState.stop = undefined;\n }\n }\n\n observerState.stop = stopObserving;\n destroyObserver = observe(\n element,\n (inView, entry) => {\n onIntersectionChangeRef.current(\n inView,\n entry as IntersectionObserverEntry & { target: TElement },\n previousInView,\n );\n previousInView = inView;\n if (triggerOnce && inView) stopObserving();\n },\n {\n threshold,\n root,\n rootMargin,\n scrollMargin,\n trackVisibility,\n delay,\n },\n fallbackInView,\n );\n\n if (observerState.stop !== stopObserving) destroyObserver();\n\n return canUseRefCleanup ? observerState.stop : undefined;\n },\n [\n Array.isArray(threshold) ? threshold.toString() : threshold,\n root,\n rootMargin,\n scrollMargin,\n trackVisibility,\n delay,\n fallbackInView,\n skip,\n triggerOnce,\n ],\n );\n}\n","import type {\n IntersectionChangeEffect,\n IntersectionEffectOptions,\n} from \"./index\";\nimport { useIntersectionObserverRef } from \"./useIntersectionObserverRef\";\n\n/**\n * React Hooks make it easy to monitor when elements come into and leave view. Call\n * the `useOnInView` hook with your callback and (optional) [options](#options).\n * It will return a ref callback that you can assign to the DOM element you want to monitor.\n * When the element enters or leaves the viewport, your callback will be triggered.\n *\n * This hook triggers no re-renders, and is useful for performance-critical use-cases or\n * when you need to trigger render independent side effects like tracking or logging.\n *\n * @example\n * ```jsx\n * import React from 'react';\n * import { useOnInView } from 'react-intersection-observer';\n *\n * const Component = () => {\n * const inViewRef = useOnInView((inView, entry) => {\n * if (inView) {\n * console.log(\"Element is in view\", entry.target);\n * } else {\n * console.log(\"Element left view\", entry.target);\n * }\n * });\n *\n * return (\n *
\n *

This element is being monitored

\n *
\n * );\n * };\n * ```\n */\nexport const useOnInView = (\n onIntersectionChange: IntersectionChangeEffect,\n {\n threshold,\n root,\n rootMargin,\n scrollMargin,\n trackVisibility,\n delay,\n triggerOnce,\n skip,\n }: IntersectionEffectOptions = {},\n): ((element: TElement | undefined | null) => (() => void) | undefined) => {\n return useIntersectionObserverRef(\n (inView, entry, previousInView) => {\n // Ignore the very first `false` notification so consumers only hear about actual state changes.\n if (previousInView === undefined && !inView) {\n return;\n }\n\n onIntersectionChange(inView, entry);\n },\n {\n threshold,\n root,\n rootMargin,\n scrollMargin,\n trackVisibility,\n delay,\n triggerOnce,\n skip,\n },\n );\n};\n"],"mappings":"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","names":["React","React","React","version","setRef"]}