@uncinc/uncinc-react-kitchen-sink 2.10.2 → 2.10.3

package/dist/hooks/useOnScreen.d.ts

@@ -1,2 +1,2 @@
 import { MutableRefObject } from 'react';
-export default function useOnScreen(ref: MutableRefObject<HTMLElement>): boolean;
+export default function useOnScreen(ref: MutableRefObject<HTMLElement>, options?: IntersectionObserverInit): boolean;

package/dist/hooks/useOnScreen.js

@@ -5,7 +5,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useEffect, useState } from 'react';
-export default function useOnScreen(ref) {
+export default function useOnScreen(ref, options) {
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isIntersecting = _useState2[0],
@@ -15,12 +15,18 @@ export default function useOnScreen(ref) {
       var _ref2 = _slicedToArray(_ref, 1),
         entry = _ref2[0];
       return setIntersecting(entry.isIntersecting);
-    });
-    observer.observe(ref.current);
+    }, options);
+    var currentRef = ref.current;
+    if (currentRef) {
+      observer.observe(currentRef);
+    }
+
     // Remove the observer as soon as the component is unmounted
     return function () {
-      return observer.disconnect();
+      if (currentRef) {
+        observer.disconnect();
+      }
     };
-  }, [ref]);
+  }, [options, ref]);
   return isIntersecting;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uncinc/uncinc-react-kitchen-sink",
-  "version": "2.10.2",
+  "version": "2.10.3",
   "description": "Default React components that are easily extended.",
   "author": "uncinc",
   "license": "MIT",