@dotss/tictoccroc 0.0.32 → 0.0.34

package/dist/shared/hooks/useInView/useInView.mjs

@@ -1,30 +1,48 @@
-import { useState as d, useRef as o, useEffect as s } from "react";
-function a(n, t) {
-  const [r, c] = d(!1), i = o(!1);
-  return s(() => {
+import { useState as a, useRef as l, useEffect as u } from "react";
+const v = 100;
+function h(t, r) {
+  const [w, o] = a(!1), s = l(!1);
+  return u(() => {
+    var c;
     let e;
-    return n.current && (e = new IntersectionObserver(
-      ([u]) => {
-        c(u.isIntersecting && !i.current);
-      },
-      {
-        threshold: 0.7,
-        ...t
-      }
-    ), e.observe(n.current)), () => {
+    try {
+      t.current && (e = new IntersectionObserver(
+        ([n]) => {
+          o(n.isIntersecting && !s.current);
+        },
+        {
+          threshold: 0.7,
+          ...r
+        }
+      ), e.observe(t.current));
+    } catch {
+      const n = () => {
+        var d;
+        if (!t.current) return;
+        const i = (d = t.current) == null ? void 0 : d.getBoundingClientRect();
+        o(
+          i.bottom >= 0 && i.top <= (window.innerHeight || document.documentElement.clientHeight) + v
+        );
+      };
+      return (c = window.appScreenContent) == null || c.addEventListener("scroll", n), window.addEventListener("resize", n), window.addEventListener("orientationchange", n), () => {
+        var i;
+        (i = window.appScreenContent) == null || i.removeEventListener("scroll", n), window.removeEventListener("resize", n), window.removeEventListener("orientationchange", n);
+      };
+    }
+    return () => {
       e == null || e.disconnect();
     };
-  }, [n, t]), s(() => {
+  }, [t, r]), u(() => {
     const e = () => {
-      i.current = document.hidden;
+      s.current = document.hidden;
     };
     return document.addEventListener("visibilitychange", e), () => {
       document.removeEventListener("visibilitychange", e);
     };
   }, []), {
-    isInView: r
+    isInView: w
   };
 }
 export {
-  a as default
+  h as default
 };

package/dist/shared/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.d.ts

@@ -1,3 +1,3 @@
-import { useLayoutEffect } from 'react';
-declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
+import { useEffect } from 'react';
+declare const useIsomorphicLayoutEffect: typeof useEffect;
 export default useIsomorphicLayoutEffect;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dotss/tictoccroc",
   "type": "module",
-  "version": "0.0.32",
+  "version": "0.0.34",
   "description": "Tictoccroc shared components, hooks, utils, and APIs for Dotss",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",