@colisweb/rescript-toolkit 2.37.0 → 2.38.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colisweb/rescript-toolkit",
-  "version": "2.37.0",
+  "version": "2.38.2",
   "scripts": {
     "clean": "rescript clean",
     "build": "rescript build",

package/src/hooks/Toolkit__Hooks.res

@@ -242,3 +242,29 @@ let useOnClickOutside = (ref: React.ref<Js.Nullable.t<Dom.element>>, handler) =>
 }
 
 let useIntersection = ReactUse.useIntersection
+
+let useIsVisibleOnViewport = (~options: option<ReactUse.intersectionOptions<'a>>=?, domRef) => {
+  let (isVisible, setIsVisible) = React.useState(() => false)
+  let intersection = useIntersection(
+    domRef,
+    options->Option.getWithDefault({
+      root: Js.Nullable.null,
+      rootMargin: "0px",
+      threshold: 1.,
+    }),
+  )
+
+  React.useEffect1(() => {
+    intersection
+    ->Js.Nullable.toOption
+    ->Option.forEach(intersection => {
+      if intersection.intersectionRatio >= 1. {
+        setIsVisible(_ => true)
+      }
+    })
+
+    None
+  }, [intersection])
+
+  isVisible
+}

package/src/logger/Toolkit__NativeLogger.res

@@ -2,49 +2,45 @@ open BsSentryReactNative
 
 @val external isDev: bool = "__DEV__"
 
-let debugStyle = "background-color: #208E9C; color: white; padding: 5px; font-size: 10px;"
-let warningStyle = "background-color: #FFAD2D; color: white; padding: 5px; font-size: 10px;"
-let errorStyle = "background-color: #FF4714; color: white; padding: 5px; font-size: 10px;"
-
 let debug = str => {
   if isDev {
-    Js.Console.log3("%cDEBUG", debugStyle, str)
+    Js.Console.log2("DEBUG", str)
   }
 }
 
 let debug2 = (str, str2) => {
   if isDev {
-    Js.Console.log4("%cDEBUG", debugStyle, str, str2)
+    Js.Console.log3("DEBUG", str, str2)
   }
 }
 
 let debugMany = (arr: array<string>) => {
   if isDev {
-    Js.Console.logMany(["%cDEBUG", debugStyle]->Array.concat(arr))
+    Js.Console.logMany(["DEBUG"]->Array.concat(arr))
   }
 }
 
 let warning = str => {
   if isDev {
-    Js.Console.log3("%cWARN", warningStyle, str)
+    Js.Console.log2("WARN", str)
   }
 }
 
 let warning2 = (str, str2) => {
   if isDev {
-    Js.Console.log4("%cWARN", warningStyle, str, str2)
+    Js.Console.log3("WARN", str, str2)
   }
 }
 
 let warningMany = (arr: array<string>) => {
   if isDev {
-    Js.Console.logMany(["%cWARN", warningStyle]->Array.concat(arr))
+    Js.Console.logMany(["WARN"]->Array.concat(arr))
   }
 }
 
 let error = str => {
   if isDev {
-    Js.Console.log3("%cERROR", errorStyle, str)
+    Js.Console.log2("ERROR", str)
   } else {
     open Sentry
     withScope(_scope => {
@@ -55,7 +51,7 @@ let error = str => {
 
 let error2 = (str, str2) => {
   if isDev {
-    Js.Console.log4("%cERROR", errorStyle, str, str2)
+    Js.Console.log3("ERROR", str, str2)
   } else {
     open Sentry
     withScope(scope => {
@@ -69,7 +65,7 @@ let errorMany = (arr: array<string>) => {
   let message = arr[0]
   let data = arr->Array.length > 1 ? arr->Array.sliceToEnd(1) : []
   if isDev {
-    Js.Console.logMany(["%cERROR", errorStyle]->Array.concat(arr))
+    Js.Console.logMany(["ERROR"]->Array.concat(arr))
   } else {
     open Sentry
     withScope(scope => {

package/src/vendors/Lodash.res

@@ -1,7 +1,7 @@
 @module("lodash/flatten")
 external flatten: array<array<'a>> => array<'a> = "default"
 @module("lodash/groupBy")
-external groupBy: (array<'a>, 'a => 'b) => Js.Dict.t<'a> = "default"
+external groupBy: (array<'a>, 'a => 'b) => Js.Dict.t<array<'a>> = "default"
 @module("lodash/sortBy")
 external sortBy: (array<'a>, 'a => 'b) => array<'a> = "default"
 @module("lodash/uniq")