@acronis-platform/ui-react 0.56.1 → 0.57.1

package/dist/hooks/use-intersection-observer.js

@@ -0,0 +1,26 @@
+import { useRef as v, useState as b, useEffect as l } from "react";
+function p({
+  onIntersect: n,
+  disabled: t = !1,
+  root: r,
+  rootMargin: s,
+  threshold: c
+}) {
+  const u = v(n);
+  u.current = n;
+  const [e, o] = b(null);
+  return l(() => {
+    if (t || !e) return;
+    const f = new IntersectionObserver(
+      (i) => {
+        i.some((m) => m.isIntersecting) && u.current();
+      },
+      { root: r, rootMargin: s, threshold: c }
+    );
+    return f.observe(e), () => f.disconnect();
+  }, [e, t, r, s, c]), o;
+}
+export {
+  p as useIntersectionObserver
+};
+//# sourceMappingURL=use-intersection-observer.js.map

package/dist/hooks/use-intersection-observer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-intersection-observer.js","sources":["../../src/hooks/use-intersection-observer.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport interface UseIntersectionObserverOptions extends IntersectionObserverInit {\n  /** Called each time the observed element intersects its root. */\n  onIntersect: () => void;\n  /**\n   * Skip observing — e.g. there's nothing left to load, or a load is already\n   * in flight. Disconnects any existing observer.\n   */\n  disabled?: boolean;\n}\n\n/**\n * Wires a single `IntersectionObserver` on the returned ref callback's element\n * and calls `onIntersect` each time it intersects. Re-creates the observer when\n * the element, `disabled`, or any `IntersectionObserverInit` option changes;\n * disconnects on cleanup. `onIntersect` itself doesn't need to be memoized by\n * the caller — the latest version is always used (via a ref) without\n * reconnecting the observer.\n *\n * Takes a ref *callback* (not a `RefObject`) rather than accepting one from the\n * caller — attaching to `element.current` inside a `useEffect` keyed on a\n * `RefObject` misses conditionally-mounted elements: the `ref` object's\n * identity never changes when its `.current` is populated, so an effect keyed\n * on it (rather than on the element itself) never re-runs once the element\n * actually mounts. Routing the DOM node through `useState` instead makes the\n * mount itself a dependency.\n */\nexport function useIntersectionObserver<T extends Element>({\n  onIntersect,\n  disabled = false,\n  root,\n  rootMargin,\n  threshold,\n}: UseIntersectionObserverOptions): (node: T | null) => void {\n  const onIntersectRef = useRef(onIntersect);\n  onIntersectRef.current = onIntersect;\n\n  const [element, setElement] = useState<T | null>(null);\n\n  useEffect(() => {\n    if (disabled || !element) return;\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        if (entries.some((entry) => entry.isIntersecting)) {\n          onIntersectRef.current();\n        }\n      },\n      { root, rootMargin, threshold }\n    );\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [element, disabled, root, rootMargin, threshold]);\n\n  return setElement;\n}\n"],"names":["useIntersectionObserver","onIntersect","disabled","root","rootMargin","threshold","onIntersectRef","useRef","element","setElement","useState","useEffect","observer","entries","entry"],"mappings":";AA4BO,SAASA,EAA2C;AAAA,EACzD,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AACF,GAA6D;AAC3D,QAAMC,IAAiBC,EAAON,CAAW;AACzC,EAAAK,EAAe,UAAUL;AAEzB,QAAM,CAACO,GAASC,CAAU,IAAIC,EAAmB,IAAI;AAErD,SAAAC,EAAU,MAAM;AACd,QAAIT,KAAY,CAACM,EAAS;AAE1B,UAAMI,IAAW,IAAI;AAAA,MACnB,CAACC,MAAY;AACX,QAAIA,EAAQ,KAAK,CAACC,MAAUA,EAAM,cAAc,KAC9CR,EAAe,QAAA;AAAA,MAEnB;AAAA,MACA,EAAE,MAAAH,GAAM,YAAAC,GAAY,WAAAC,EAAA;AAAA,IAAU;AAEhC,WAAAO,EAAS,QAAQJ,CAAO,GACjB,MAAMI,EAAS,WAAA;AAAA,EACxB,GAAG,CAACJ,GAASN,GAAUC,GAAMC,GAAYC,CAAS,CAAC,GAE5CI;AACT;"}