@jobber/hooks 2.19.2 → 2.19.3

package/dist/useFocusTrap/useFocusTrap.d.ts

@@ -1,3 +1,4 @@
+import { RefObject } from "react";
 /**
  * Traps the focus within the children of the ref element.
  *
@@ -6,4 +7,4 @@
  *
  * @returns ref
  */
-export declare function useFocusTrap<T extends HTMLElement>(active: boolean): import("react").RefObject<T | null>;
+export declare function useFocusTrap<T extends HTMLElement>(active: boolean): RefObject<T>;

package/dist/useFocusTrap-cjs.js

@@ -14,6 +14,7 @@ function useFocusTrap(active) {
     // There's an ongoing issue with useRef return type clashing with an element's
     // ref prop type. TLDR: Use null because useRef doesn't expect undefined.
     // https://github.com/DefinitelyTyped/DefinitelyTyped/issues/35572
+    // Requires the cast because we need to be compatible with React 18's RefObject type.
     const ref = require$$1.useRef(null);
     function handleKeyDown(event) {
         if (!(active && ref.current) || event.key !== "Tab") {

package/dist/useFocusTrap-es.js

@@ -12,6 +12,7 @@ function useFocusTrap(active) {
     // There's an ongoing issue with useRef return type clashing with an element's
     // ref prop type. TLDR: Use null because useRef doesn't expect undefined.
     // https://github.com/DefinitelyTyped/DefinitelyTyped/issues/35572
+    // Requires the cast because we need to be compatible with React 18's RefObject type.
     const ref = useRef(null);
     function handleKeyDown(event) {
         if (!(active && ref.current) || event.key !== "Tab") {

package/dist/useInView/useInView.d.ts

@@ -1,2 +1,2 @@
 import { RefObject } from "react";
-export declare function useInView<T extends Element>(): [RefObject<T | null>, boolean];
+export declare function useInView<T extends Element>(): [RefObject<T>, boolean];

package/dist/useInView-cjs.js

@@ -3,6 +3,7 @@
 var require$$1 = require('react');
 
 function useInView() {
+    // Requires the cast because we need to be compatible with React 18's RefObject type.
     const ref = require$$1.useRef(null);
     const [isInView, setIsInView] = require$$1.useState(false);
     const handleIntersection = require$$1.useCallback(entries => setIsInView(entries[0].isIntersecting), [setIsInView]);

package/dist/useInView-es.js

@@ -1,6 +1,7 @@
 import { useRef, useState, useCallback, useEffect } from 'react';
 
 function useInView() {
+    // Requires the cast because we need to be compatible with React 18's RefObject type.
     const ref = useRef(null);
     const [isInView, setIsInView] = useState(false);
     const handleIntersection = useCallback(entries => setIsInView(entries[0].isIntersecting), [setIsInView]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/hooks",
-  "version": "2.19.2",
+  "version": "2.19.3",
   "license": "MIT",
   "types": "./dist/index.d.ts",
   "type": "module",
@@ -140,5 +140,5 @@
     "@apollo/client": "^3.0.0",
     "react": "^18 || ^19.1.0"
   },
-  "gitHead": "4b120bbb1789aa1b6b9a8eaf157be90d4ea15efc"
+  "gitHead": "80f1a53013920ffd3ace6c8bce1a2fb4fe5be121"
 }