@colisweb/rescript-toolkit 5.42.9 → 5.43.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colisweb/rescript-toolkit",
-  "version": "5.42.9",
+  "version": "5.43.1",
   "type": "module",
   "scripts": {
     "clean": "rescript clean",

package/src/hooks/Toolkit__Hooks.res

@@ -451,3 +451,30 @@ let usePromiseV3 = (~debounce=true, fn, deps) => {
 
   (state, cancel)
 }
+
+type scrollPosition = {
+  x: float,
+  y: float,
+}
+
+let useScrollPosition = (~delay=150, ()) => {
+  let (scrollPos, setScrollPos) = React.useState(() => {x: 0.0, y: 0.0})
+
+  React.useEffect(() => {
+    let handleScroll = () => {
+      setScrollPos(_ => {x: Browser.Window.scrollX, y: Browser.Window.scrollY})
+    }
+
+    let debouncedScroll = Lodash.throttle(handleScroll, delay)
+
+    Browser.Window.addEventListener("scroll", debouncedScroll)
+
+    Some(
+      () => {
+        Browser.Window.removeEventListener("scroll", debouncedScroll)
+      },
+    )
+  }, [delay])
+
+  scrollPos
+}

package/src/vendors/Browser.res

@@ -187,6 +187,10 @@ module FormData = {
 }
 
 module Window = {
+  @val
+  external scrollX: float = "window.scrollX"
+  @val
+  external scrollY: float = "window.scrollY"
   @val
   external addEventListener: (string, ReactEvent.Form.t => unit) => unit = "window.addEventListener"
   @val

package/src/vendors/Browser.resi

@@ -167,6 +167,10 @@ module FormData: {
 }
 
 module Window: {
+  @val
+  external scrollX: float = "window.scrollX"
+  @val
+  external scrollY: float = "window.scrollY"
   @val
   external addEventListener: (string, ReactEvent.Form.t => unit) => unit = "window.addEventListener"
   @val

package/src/vendors/Lodash.res

@@ -21,3 +21,5 @@ external chunk: (array<'a>, int) => array<array<'a>> = "chunk"
 external isEmpty: 'a => bool = "isEmpty"
 @module("lodash/debounce")
 external debounce: ('a => unit, int) => 'b = "default"
+@module("lodash/throttle")
+external throttle: ('a => unit, int) => 'b = "default"