12711508427

Committed 10 Jan 2025 02:35PM CUT coverage: 91.979% (-0.1%) from 92.074%

Build # 12711508427

Build Type

Pull #582

github

Committed by

web-flow

Commit Message

Merge 275469d60 into d3264dd94

Pull Request Pull Request #582: Add controlled popover

Run Details

813 of 891 branches covered (91.25%)

Branch coverage included in aggregate %.

1 of 1 new or added line in 1 file covered. (100.0%)

735 of 792 relevant lines covered (92.8%)

72.49 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

35.71

/src/components/ScrollView/_hooks/useScrollPositionHook.js

import {
  useLayoutEffect,
  useRef,
} from 'react';
import { getElementsPositionDifference } from '../_helpers/getElementsPositionDifference';

export const useScrollPosition = (effect, dependencies, contentEl, viewportEl, wait) => {
  const throttleTimeout = useRef(null);

  const callBack = (wasDelayed = false) => {
    effect(getElementsPositionDifference(contentEl, viewportEl));

    if (wasDelayed) {
      throttleTimeout.current = null;
    }
  };

  useLayoutEffect(() => {
    const viewport = viewportEl.current;

    const handleScroll = () => {
      if (wait) {
        if (throttleTimeout.current === null) {
          throttleTimeout.current = setTimeout(callBack, wait, true);
        }
      } else {
        callBack();
      }
    };

    viewport.addEventListener('scroll', handleScroll);

    return () => {
      clearTimeout(throttleTimeout.current);
      viewport.removeEventListener('scroll', handleScroll);
    };
  }, dependencies); // eslint-disable-line react-hooks/exhaustive-deps
};

export default useScrollPosition;

1	import {
2	useLayoutEffect,
3	useRef,
4	} from 'react';
5	import { getElementsPositionDifference } from '../_helpers/getElementsPositionDifference';
6
7	export const useScrollPosition = (effect, dependencies, contentEl, viewportEl, wait) => {	6✔
8	const throttleTimeout = useRef(null);	28✔
9
10	const callBack = (wasDelayed = false) => {	28!
11	effect(getElementsPositionDifference(contentEl, viewportEl));	×
12
13	if (wasDelayed) {	×
14	throttleTimeout.current = null;	×
15	}
16	};
17
18	useLayoutEffect(() => {	28✔
19	const viewport = viewportEl.current;	28✔
20
21	const handleScroll = () => {	28✔
22	if (wait) {	×
23	if (throttleTimeout.current === null) {	×
24	throttleTimeout.current = setTimeout(callBack, wait, true);	×
25	}
26	} else {
27	callBack();	×
28	}
29	};
30
31	viewport.addEventListener('scroll', handleScroll);	28✔
32
33	return () => {	28✔
34	clearTimeout(throttleTimeout.current);	28✔
35	viewport.removeEventListener('scroll', handleScroll);	28✔
36	};
37	}, dependencies); // eslint-disable-line react-hooks/exhaustive-deps
38	};
39
40	export default useScrollPosition;

react-ui-org / react-ui / 12711508427

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous