@folklore/hooks 0.0.34 → 0.0.36

package/dist/cjs.js

@@ -423,6 +423,222 @@ function useDocumentEvent(event, callback) {
   }, [event, callback]);
 }
 
+const observersCache = new Map();
+function getOptionsKey(_ref) {
+  let {
+    root = null,
+    rootMargin,
+    threshold = null
+  } = _ref;
+  return `root_${root}_rootMargin_${rootMargin || null}_threshold_${threshold}`;
+}
+function createObserver(Observer) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  let subscribers = [];
+  const addSubscriber = (element, callback) => {
+    const currentSubscriber = subscribers.find(it => it.element === element) || null;
+    if (currentSubscriber !== null) {
+      return subscribers.map(it => it.element === element && it.callbacks.indexOf(callback) === -1 ? {
+        ...it,
+        callbacks: [...it.callbacks, callback]
+      } : it).filter(it => it.callbacks.length > 0);
+    }
+    return [...subscribers, {
+      element,
+      callbacks: [callback]
+    }];
+  };
+  const removeSubscriber = (element, callback) => subscribers.map(it => it.element === element ? {
+    ...it,
+    callbacks: it.callbacks.filter(subCallback => subCallback !== callback)
+  } : it).filter(it => it.callbacks.length > 0);
+  const onUpdate = entries => {
+    entries.forEach(entry => {
+      subscribers.forEach(_ref2 => {
+        let {
+          element,
+          callbacks
+        } = _ref2;
+        if (element === entry.target) {
+          callbacks.forEach(callback => {
+            callback(entry);
+          });
+        }
+      });
+    });
+  };
+  const observer = new Observer(onUpdate, options);
+  const unsubscribe = function (element) {
+    let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    subscribers = removeSubscriber(element, callback);
+    if (typeof observer.unobserve === 'undefined') {
+      observer.disconnect();
+      subscribers.forEach(subscriber => {
+        observer.observe(subscriber.element);
+      });
+      return;
+    }
+    const currentSubscriber = subscribers.find(it => it.element === element) || null;
+    if (currentSubscriber === null) {
+      observer.unobserve(element);
+    }
+  };
+  const subscribe = (element, callback) => {
+    const currentSubscriber = subscribers.find(it => it.element === element) || null;
+    subscribers = addSubscriber(element, callback);
+    if (currentSubscriber === null) {
+      observer.observe(element);
+    }
+  };
+  return {
+    subscribe,
+    unsubscribe,
+    observer
+  };
+}
+function getObserver() {
+  let Observer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  if (Observer === null) {
+    return {
+      observer: null,
+      subscribe: () => {},
+      unsubscribe: () => {}
+    };
+  }
+  const observerKey = getOptionsKey(options);
+  if (!observersCache.has(Observer)) {
+    observersCache.set(Observer, {});
+  }
+  const observers = observersCache.get(Observer);
+  if (typeof observers[observerKey] === 'undefined') {
+    observers[observerKey] = createObserver(Observer, options);
+    observersCache.set(Observer, observers);
+  }
+  return observers[observerKey];
+}
+function useObserver(Observer) {
+  let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  let initialEntry = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  const {
+    root = null,
+    rootMargin = null,
+    threshold: defaultThreshold = null,
+    disabled = false
+  } = opts;
+  const [entry, setEntry] = react.useState(initialEntry);
+  const threshold = react.useMemo(() => defaultThreshold, [defaultThreshold]);
+  const nodeRef = react.useRef(null);
+  const currentElement = react.useRef(null);
+  const elementChanged = nodeRef.current !== currentElement.current;
+  react.useEffect(() => {
+    const {
+      current: nodeElement
+    } = nodeRef;
+    const callback = newEntry => setEntry(newEntry);
+    let unsubscribe = null;
+    if (nodeElement !== null) {
+      const newOpts = {};
+      if (root !== null) {
+        newOpts.root = root;
+      }
+      if (rootMargin !== null) {
+        newOpts.rootMargin = rootMargin;
+      }
+      if (threshold !== null) {
+        newOpts.threshold = threshold;
+      }
+      const {
+        subscribe,
+        unsubscribe: localUnsubscribe
+      } = getObserver(Observer, newOpts);
+      unsubscribe = localUnsubscribe;
+      subscribe(nodeElement, callback);
+    }
+    currentElement.current = nodeElement;
+    return () => {
+      if (unsubscribe !== null) {
+        unsubscribe(nodeElement, callback);
+      }
+    };
+  }, [Observer, elementChanged, disabled, root, rootMargin, threshold]);
+  return {
+    ref: nodeRef,
+    entry
+  };
+}
+
+/**
+ * Intersection Observer
+ */
+const defaultThreshold = [0, 1.0];
+const intersectionObserverInitialEntry = {
+  target: null,
+  time: null,
+  isVisible: false,
+  isIntersecting: false,
+  intersectionRatio: 0,
+  intersectionRect: null,
+  boundingClientRect: null,
+  rootBounds: null
+};
+function useIntersectionObserver() {
+  let {
+    root = null,
+    rootMargin = '0px',
+    threshold = defaultThreshold,
+    disabled = false
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return useObserver(typeof IntersectionObserver !== 'undefined' ? IntersectionObserver : null, {
+    root,
+    rootMargin,
+    threshold,
+    disabled
+  }, intersectionObserverInitialEntry);
+}
+
+/**
+ * Resize Observer
+ */
+const resizeObserverInitialEntry = {
+  target: null,
+  contentRect: null,
+  contentBoxSize: null,
+  borderBoxSize: null
+};
+function useResizeObserver() {
+  let {
+    disabled = false
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return useObserver(typeof ResizeObserver !== 'undefined' ? ResizeObserver : null, {
+    disabled
+  }, resizeObserverInitialEntry);
+}
+
+function useIsVisible() {
+  let {
+    persist = false,
+    ...opts
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    ref,
+    entry: {
+      isIntersecting
+    }
+  } = useIntersectionObserver(opts);
+  const wasIntersecting = react.useRef(isIntersecting);
+  if (isIntersecting && !wasIntersecting.current) {
+    wasIntersecting.current = isIntersecting;
+  }
+  const isVisible = !persist && isIntersecting || persist && wasIntersecting.current;
+  return {
+    ref: !persist || !isVisible ? ref : {
+      current: null
+    },
+    visible: isVisible
+  };
+}
+
 const eventsManager = typeof window !== 'undefined' ? new EventsManager__default["default"](window) : null;
 function useWindowEvent(event, callback) {
   react.useEffect(() => {
@@ -855,198 +1071,6 @@ function useNativeVideoPlayer(url) {
   };
 }
 
-const observersCache = new Map();
-function getOptionsKey(_ref) {
-  let {
-    root = null,
-    rootMargin,
-    threshold = null
-  } = _ref;
-  return `root_${root}_rootMargin_${rootMargin || null}_threshold_${threshold}`;
-}
-function createObserver(Observer) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  let subscribers = [];
-  const addSubscriber = (element, callback) => {
-    const currentSubscriber = subscribers.find(it => it.element === element) || null;
-    if (currentSubscriber !== null) {
-      return subscribers.map(it => it.element === element && it.callbacks.indexOf(callback) === -1 ? {
-        ...it,
-        callbacks: [...it.callbacks, callback]
-      } : it).filter(it => it.callbacks.length > 0);
-    }
-    return [...subscribers, {
-      element,
-      callbacks: [callback]
-    }];
-  };
-  const removeSubscriber = (element, callback) => subscribers.map(it => it.element === element ? {
-    ...it,
-    callbacks: it.callbacks.filter(subCallback => subCallback !== callback)
-  } : it).filter(it => it.callbacks.length > 0);
-  const onUpdate = entries => {
-    entries.forEach(entry => {
-      subscribers.forEach(_ref2 => {
-        let {
-          element,
-          callbacks
-        } = _ref2;
-        if (element === entry.target) {
-          callbacks.forEach(callback => {
-            callback(entry);
-          });
-        }
-      });
-    });
-  };
-  const observer = new Observer(onUpdate, options);
-  const unsubscribe = function (element) {
-    let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    subscribers = removeSubscriber(element, callback);
-    if (typeof observer.unobserve === 'undefined') {
-      observer.disconnect();
-      subscribers.forEach(subscriber => {
-        observer.observe(subscriber.element);
-      });
-      return;
-    }
-    const currentSubscriber = subscribers.find(it => it.element === element) || null;
-    if (currentSubscriber === null) {
-      observer.unobserve(element);
-    }
-  };
-  const subscribe = (element, callback) => {
-    const currentSubscriber = subscribers.find(it => it.element === element) || null;
-    subscribers = addSubscriber(element, callback);
-    if (currentSubscriber === null) {
-      observer.observe(element);
-    }
-  };
-  return {
-    subscribe,
-    unsubscribe,
-    observer
-  };
-}
-function getObserver() {
-  let Observer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  if (Observer === null) {
-    return {
-      observer: null,
-      subscribe: () => {},
-      unsubscribe: () => {}
-    };
-  }
-  const observerKey = getOptionsKey(options);
-  if (!observersCache.has(Observer)) {
-    observersCache.set(Observer, {});
-  }
-  const observers = observersCache.get(Observer);
-  if (typeof observers[observerKey] === 'undefined') {
-    observers[observerKey] = createObserver(Observer, options);
-    observersCache.set(Observer, observers);
-  }
-  return observers[observerKey];
-}
-function useObserver(Observer) {
-  let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  let initialEntry = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  const {
-    root = null,
-    rootMargin = null,
-    threshold: defaultThreshold = null,
-    disabled = false
-  } = opts;
-  const [entry, setEntry] = react.useState(initialEntry);
-  const threshold = react.useMemo(() => defaultThreshold, [defaultThreshold]);
-  const nodeRef = react.useRef(null);
-  const currentElement = react.useRef(null);
-  const elementChanged = nodeRef.current !== currentElement.current;
-  react.useEffect(() => {
-    const {
-      current: nodeElement
-    } = nodeRef;
-    const callback = newEntry => setEntry(newEntry);
-    let unsubscribe = null;
-    if (nodeElement !== null) {
-      const newOpts = {};
-      if (root !== null) {
-        newOpts.root = root;
-      }
-      if (rootMargin !== null) {
-        newOpts.rootMargin = rootMargin;
-      }
-      if (threshold !== null) {
-        newOpts.threshold = threshold;
-      }
-      const {
-        subscribe,
-        unsubscribe: localUnsubscribe
-      } = getObserver(Observer, newOpts);
-      unsubscribe = localUnsubscribe;
-      subscribe(nodeElement, callback);
-    }
-    currentElement.current = nodeElement;
-    return () => {
-      if (unsubscribe !== null) {
-        unsubscribe(nodeElement, callback);
-      }
-    };
-  }, [Observer, elementChanged, disabled, root, rootMargin, threshold]);
-  return {
-    ref: nodeRef,
-    entry
-  };
-}
-
-/**
- * Intersection Observer
- */
-const defaultThreshold = [0, 1.0];
-const intersectionObserverInitialEntry = {
-  target: null,
-  time: null,
-  isVisible: false,
-  isIntersecting: false,
-  intersectionRatio: 0,
-  intersectionRect: null,
-  boundingClientRect: null,
-  rootBounds: null
-};
-function useIntersectionObserver() {
-  let {
-    root = null,
-    rootMargin = '0px',
-    threshold = defaultThreshold,
-    disabled = false
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return useObserver(typeof IntersectionObserver !== 'undefined' ? IntersectionObserver : null, {
-    root,
-    rootMargin,
-    threshold,
-    disabled
-  }, intersectionObserverInitialEntry);
-}
-
-/**
- * Resize Observer
- */
-const resizeObserverInitialEntry = {
-  target: null,
-  contentRect: null,
-  contentBoxSize: null,
-  borderBoxSize: null
-};
-function useResizeObserver() {
-  let {
-    disabled = false
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return useObserver(typeof ResizeObserver !== 'undefined' ? ResizeObserver : null, {
-    disabled
-  }, resizeObserverInitialEntry);
-}
-
 const NO_PLAYER_ERROR$1 = new Error('No player');
 function useVimeoPlayer(id) {
   let {
@@ -1735,6 +1759,7 @@ exports.useCounter = useCounter;
 exports.useDailymotionPlayer = useDailymotionPlayer;
 exports.useDocumentEvent = useDocumentEvent;
 exports.useIntersectionObserver = useIntersectionObserver;
+exports.useIsVisible = useIsVisible;
 exports.useItemsPaginated = useItemsPaginated;
 exports.useKeyboard = useKeyboard;
 exports.useNativeVideoPlayer = useNativeVideoPlayer;

package/dist/es.js

@@ -412,6 +412,222 @@ function useDocumentEvent(event, callback) {
   }, [event, callback]);
 }
 
+const observersCache = new Map();
+function getOptionsKey(_ref) {
+  let {
+    root = null,
+    rootMargin,
+    threshold = null
+  } = _ref;
+  return `root_${root}_rootMargin_${rootMargin || null}_threshold_${threshold}`;
+}
+function createObserver(Observer) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  let subscribers = [];
+  const addSubscriber = (element, callback) => {
+    const currentSubscriber = subscribers.find(it => it.element === element) || null;
+    if (currentSubscriber !== null) {
+      return subscribers.map(it => it.element === element && it.callbacks.indexOf(callback) === -1 ? {
+        ...it,
+        callbacks: [...it.callbacks, callback]
+      } : it).filter(it => it.callbacks.length > 0);
+    }
+    return [...subscribers, {
+      element,
+      callbacks: [callback]
+    }];
+  };
+  const removeSubscriber = (element, callback) => subscribers.map(it => it.element === element ? {
+    ...it,
+    callbacks: it.callbacks.filter(subCallback => subCallback !== callback)
+  } : it).filter(it => it.callbacks.length > 0);
+  const onUpdate = entries => {
+    entries.forEach(entry => {
+      subscribers.forEach(_ref2 => {
+        let {
+          element,
+          callbacks
+        } = _ref2;
+        if (element === entry.target) {
+          callbacks.forEach(callback => {
+            callback(entry);
+          });
+        }
+      });
+    });
+  };
+  const observer = new Observer(onUpdate, options);
+  const unsubscribe = function (element) {
+    let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    subscribers = removeSubscriber(element, callback);
+    if (typeof observer.unobserve === 'undefined') {
+      observer.disconnect();
+      subscribers.forEach(subscriber => {
+        observer.observe(subscriber.element);
+      });
+      return;
+    }
+    const currentSubscriber = subscribers.find(it => it.element === element) || null;
+    if (currentSubscriber === null) {
+      observer.unobserve(element);
+    }
+  };
+  const subscribe = (element, callback) => {
+    const currentSubscriber = subscribers.find(it => it.element === element) || null;
+    subscribers = addSubscriber(element, callback);
+    if (currentSubscriber === null) {
+      observer.observe(element);
+    }
+  };
+  return {
+    subscribe,
+    unsubscribe,
+    observer
+  };
+}
+function getObserver() {
+  let Observer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  if (Observer === null) {
+    return {
+      observer: null,
+      subscribe: () => {},
+      unsubscribe: () => {}
+    };
+  }
+  const observerKey = getOptionsKey(options);
+  if (!observersCache.has(Observer)) {
+    observersCache.set(Observer, {});
+  }
+  const observers = observersCache.get(Observer);
+  if (typeof observers[observerKey] === 'undefined') {
+    observers[observerKey] = createObserver(Observer, options);
+    observersCache.set(Observer, observers);
+  }
+  return observers[observerKey];
+}
+function useObserver(Observer) {
+  let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  let initialEntry = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  const {
+    root = null,
+    rootMargin = null,
+    threshold: defaultThreshold = null,
+    disabled = false
+  } = opts;
+  const [entry, setEntry] = useState(initialEntry);
+  const threshold = useMemo(() => defaultThreshold, [defaultThreshold]);
+  const nodeRef = useRef(null);
+  const currentElement = useRef(null);
+  const elementChanged = nodeRef.current !== currentElement.current;
+  useEffect(() => {
+    const {
+      current: nodeElement
+    } = nodeRef;
+    const callback = newEntry => setEntry(newEntry);
+    let unsubscribe = null;
+    if (nodeElement !== null) {
+      const newOpts = {};
+      if (root !== null) {
+        newOpts.root = root;
+      }
+      if (rootMargin !== null) {
+        newOpts.rootMargin = rootMargin;
+      }
+      if (threshold !== null) {
+        newOpts.threshold = threshold;
+      }
+      const {
+        subscribe,
+        unsubscribe: localUnsubscribe
+      } = getObserver(Observer, newOpts);
+      unsubscribe = localUnsubscribe;
+      subscribe(nodeElement, callback);
+    }
+    currentElement.current = nodeElement;
+    return () => {
+      if (unsubscribe !== null) {
+        unsubscribe(nodeElement, callback);
+      }
+    };
+  }, [Observer, elementChanged, disabled, root, rootMargin, threshold]);
+  return {
+    ref: nodeRef,
+    entry
+  };
+}
+
+/**
+ * Intersection Observer
+ */
+const defaultThreshold = [0, 1.0];
+const intersectionObserverInitialEntry = {
+  target: null,
+  time: null,
+  isVisible: false,
+  isIntersecting: false,
+  intersectionRatio: 0,
+  intersectionRect: null,
+  boundingClientRect: null,
+  rootBounds: null
+};
+function useIntersectionObserver() {
+  let {
+    root = null,
+    rootMargin = '0px',
+    threshold = defaultThreshold,
+    disabled = false
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return useObserver(typeof IntersectionObserver !== 'undefined' ? IntersectionObserver : null, {
+    root,
+    rootMargin,
+    threshold,
+    disabled
+  }, intersectionObserverInitialEntry);
+}
+
+/**
+ * Resize Observer
+ */
+const resizeObserverInitialEntry = {
+  target: null,
+  contentRect: null,
+  contentBoxSize: null,
+  borderBoxSize: null
+};
+function useResizeObserver() {
+  let {
+    disabled = false
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return useObserver(typeof ResizeObserver !== 'undefined' ? ResizeObserver : null, {
+    disabled
+  }, resizeObserverInitialEntry);
+}
+
+function useIsVisible() {
+  let {
+    persist = false,
+    ...opts
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    ref,
+    entry: {
+      isIntersecting
+    }
+  } = useIntersectionObserver(opts);
+  const wasIntersecting = useRef(isIntersecting);
+  if (isIntersecting && !wasIntersecting.current) {
+    wasIntersecting.current = isIntersecting;
+  }
+  const isVisible = !persist && isIntersecting || persist && wasIntersecting.current;
+  return {
+    ref: !persist || !isVisible ? ref : {
+      current: null
+    },
+    visible: isVisible
+  };
+}
+
 const eventsManager = typeof window !== 'undefined' ? new EventsManager(window) : null;
 function useWindowEvent(event, callback) {
   useEffect(() => {
@@ -844,198 +1060,6 @@ function useNativeVideoPlayer(url) {
   };
 }
 
-const observersCache = new Map();
-function getOptionsKey(_ref) {
-  let {
-    root = null,
-    rootMargin,
-    threshold = null
-  } = _ref;
-  return `root_${root}_rootMargin_${rootMargin || null}_threshold_${threshold}`;
-}
-function createObserver(Observer) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  let subscribers = [];
-  const addSubscriber = (element, callback) => {
-    const currentSubscriber = subscribers.find(it => it.element === element) || null;
-    if (currentSubscriber !== null) {
-      return subscribers.map(it => it.element === element && it.callbacks.indexOf(callback) === -1 ? {
-        ...it,
-        callbacks: [...it.callbacks, callback]
-      } : it).filter(it => it.callbacks.length > 0);
-    }
-    return [...subscribers, {
-      element,
-      callbacks: [callback]
-    }];
-  };
-  const removeSubscriber = (element, callback) => subscribers.map(it => it.element === element ? {
-    ...it,
-    callbacks: it.callbacks.filter(subCallback => subCallback !== callback)
-  } : it).filter(it => it.callbacks.length > 0);
-  const onUpdate = entries => {
-    entries.forEach(entry => {
-      subscribers.forEach(_ref2 => {
-        let {
-          element,
-          callbacks
-        } = _ref2;
-        if (element === entry.target) {
-          callbacks.forEach(callback => {
-            callback(entry);
-          });
-        }
-      });
-    });
-  };
-  const observer = new Observer(onUpdate, options);
-  const unsubscribe = function (element) {
-    let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    subscribers = removeSubscriber(element, callback);
-    if (typeof observer.unobserve === 'undefined') {
-      observer.disconnect();
-      subscribers.forEach(subscriber => {
-        observer.observe(subscriber.element);
-      });
-      return;
-    }
-    const currentSubscriber = subscribers.find(it => it.element === element) || null;
-    if (currentSubscriber === null) {
-      observer.unobserve(element);
-    }
-  };
-  const subscribe = (element, callback) => {
-    const currentSubscriber = subscribers.find(it => it.element === element) || null;
-    subscribers = addSubscriber(element, callback);
-    if (currentSubscriber === null) {
-      observer.observe(element);
-    }
-  };
-  return {
-    subscribe,
-    unsubscribe,
-    observer
-  };
-}
-function getObserver() {
-  let Observer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  if (Observer === null) {
-    return {
-      observer: null,
-      subscribe: () => {},
-      unsubscribe: () => {}
-    };
-  }
-  const observerKey = getOptionsKey(options);
-  if (!observersCache.has(Observer)) {
-    observersCache.set(Observer, {});
-  }
-  const observers = observersCache.get(Observer);
-  if (typeof observers[observerKey] === 'undefined') {
-    observers[observerKey] = createObserver(Observer, options);
-    observersCache.set(Observer, observers);
-  }
-  return observers[observerKey];
-}
-function useObserver(Observer) {
-  let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  let initialEntry = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  const {
-    root = null,
-    rootMargin = null,
-    threshold: defaultThreshold = null,
-    disabled = false
-  } = opts;
-  const [entry, setEntry] = useState(initialEntry);
-  const threshold = useMemo(() => defaultThreshold, [defaultThreshold]);
-  const nodeRef = useRef(null);
-  const currentElement = useRef(null);
-  const elementChanged = nodeRef.current !== currentElement.current;
-  useEffect(() => {
-    const {
-      current: nodeElement
-    } = nodeRef;
-    const callback = newEntry => setEntry(newEntry);
-    let unsubscribe = null;
-    if (nodeElement !== null) {
-      const newOpts = {};
-      if (root !== null) {
-        newOpts.root = root;
-      }
-      if (rootMargin !== null) {
-        newOpts.rootMargin = rootMargin;
-      }
-      if (threshold !== null) {
-        newOpts.threshold = threshold;
-      }
-      const {
-        subscribe,
-        unsubscribe: localUnsubscribe
-      } = getObserver(Observer, newOpts);
-      unsubscribe = localUnsubscribe;
-      subscribe(nodeElement, callback);
-    }
-    currentElement.current = nodeElement;
-    return () => {
-      if (unsubscribe !== null) {
-        unsubscribe(nodeElement, callback);
-      }
-    };
-  }, [Observer, elementChanged, disabled, root, rootMargin, threshold]);
-  return {
-    ref: nodeRef,
-    entry
-  };
-}
-
-/**
- * Intersection Observer
- */
-const defaultThreshold = [0, 1.0];
-const intersectionObserverInitialEntry = {
-  target: null,
-  time: null,
-  isVisible: false,
-  isIntersecting: false,
-  intersectionRatio: 0,
-  intersectionRect: null,
-  boundingClientRect: null,
-  rootBounds: null
-};
-function useIntersectionObserver() {
-  let {
-    root = null,
-    rootMargin = '0px',
-    threshold = defaultThreshold,
-    disabled = false
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return useObserver(typeof IntersectionObserver !== 'undefined' ? IntersectionObserver : null, {
-    root,
-    rootMargin,
-    threshold,
-    disabled
-  }, intersectionObserverInitialEntry);
-}
-
-/**
- * Resize Observer
- */
-const resizeObserverInitialEntry = {
-  target: null,
-  contentRect: null,
-  contentBoxSize: null,
-  borderBoxSize: null
-};
-function useResizeObserver() {
-  let {
-    disabled = false
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return useObserver(typeof ResizeObserver !== 'undefined' ? ResizeObserver : null, {
-    disabled
-  }, resizeObserverInitialEntry);
-}
-
 const NO_PLAYER_ERROR$1 = new Error('No player');
 function useVimeoPlayer(id) {
   let {
@@ -1718,4 +1742,4 @@ function useWindowSize() {
   return size;
 }
 
-export { eventsManager$1 as documentEventsManager, getObserver, useCounter, useDailymotionPlayer, useDocumentEvent, useIntersectionObserver, useItemsPaginated, useKeyboard, useNativeVideoPlayer, useObserver, usePlayerCurrentTime, useResizeObserver, useVideoPlayer, useVimeoPlayer, useWindowEvent, useWindowScroll, useWindowSize, useYouTubePlayer, eventsManager as windowEventsManager };
+export { eventsManager$1 as documentEventsManager, getObserver, useCounter, useDailymotionPlayer, useDocumentEvent, useIntersectionObserver, useIsVisible, useItemsPaginated, useKeyboard, useNativeVideoPlayer, useObserver, usePlayerCurrentTime, useResizeObserver, useVideoPlayer, useVimeoPlayer, useWindowEvent, useWindowScroll, useWindowSize, useYouTubePlayer, eventsManager as windowEventsManager };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@folklore/hooks",
-    "version": "0.0.34",
+    "version": "0.0.36",
     "description": "React hooks",
     "keywords": [
         "javascript",
@@ -49,7 +49,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "07dfa3d9148ae3329f8e92667e589cad925703e8",
+    "gitHead": "b7091a7fd55f5eeb84b54d35d2158f18eb23a6cd",
     "dependencies": {
         "@folklore/events": "^0.0.5",
         "@folklore/services": "^0.1.38",