1 | "use strict";
|
2 |
|
3 | Object.defineProperty(exports, "__esModule", {
|
4 | value: true
|
5 | });
|
6 | exports["default"] = void 0;
|
7 |
|
8 | var _react = require("react");
|
9 |
|
10 | function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
|
11 |
|
12 | function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
|
13 |
|
14 | function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
15 |
|
16 | function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
17 |
|
18 | var defaultOptions = {
|
19 | root: undefined,
|
20 | rootMargin: '0px',
|
21 | threshold: 0
|
22 | };
|
23 |
|
24 | var useViewportSpy = function useViewportSpy(elementRef) {
|
25 | var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultOptions;
|
26 |
|
27 | var _useState = (0, _react.useState)(),
|
28 | _useState2 = _slicedToArray(_useState, 2),
|
29 | isVisible = _useState2[0],
|
30 | setIsVisible = _useState2[1];
|
31 |
|
32 | (0, _react.useLayoutEffect)(function () {
|
33 | var observer = new IntersectionObserver(function (entries) {
|
34 | return entries.forEach(function (item) {
|
35 | var nextValue = item.isIntersecting;
|
36 | setIsVisible(nextValue);
|
37 | });
|
38 | }, options);
|
39 | observer.observe(elementRef.current);
|
40 | return function () {
|
41 | observer.disconnect(elementRef.current);
|
42 | };
|
43 | }, [elementRef]);
|
44 | return isVisible;
|
45 | };
|
46 |
|
47 | var _default = useViewportSpy;
|
48 | exports["default"] = _default;
|
49 |
|