@jobber/components 6.74.0 → 6.75.1

package/dist/useResizeObserver-cjs.js

@@ -1075,7 +1075,17 @@ var polyfilled = useResizeObserver$1;
 	        width: undefined,
 	        height: undefined,
 	    });
-	    const onResize = (0, react_1.useMemo)(() => (0, throttle_1.default)(setSize, wait), [wait]);
+	    const onResize = (0, react_1.useMemo)(() => {
+	        return (0, throttle_1.default)(({ width, height }) => {
+	            if (!width || width <= 1) {
+	                // Ignore invalid values. ResizeObserver is unexpectedly looping between 1 and the actual
+	                // width of the element. This is only happening in playwright chromium.
+	                // Soon we need to replace this unmaintained package with a more reliable one.
+	                return;
+	            }
+	            setSize({ width, height });
+	        }, wait);
+	    }, []);
 	    const { ref } = (0, polyfilled_1.default)({
 	        onResize,
 	    });

package/dist/useResizeObserver-es.js

@@ -1073,7 +1073,17 @@ var polyfilled = useResizeObserver$1;
 	        width: undefined,
 	        height: undefined,
 	    });
-	    const onResize = (0, react_1.useMemo)(() => (0, throttle_1$1.default)(setSize, wait), [wait]);
+	    const onResize = (0, react_1.useMemo)(() => {
+	        return (0, throttle_1$1.default)(({ width, height }) => {
+	            if (!width || width <= 1) {
+	                // Ignore invalid values. ResizeObserver is unexpectedly looping between 1 and the actual
+	                // width of the element. This is only happening in playwright chromium.
+	                // Soon we need to replace this unmaintained package with a more reliable one.
+	                return;
+	            }
+	            setSize({ width, height });
+	        }, wait);
+	    }, []);
 	    const { ref } = (0, polyfilled_1.default)({
 	        onResize,
 	    });

package/dist/useScrollToActive-es.js

@@ -7,7 +7,7 @@ import { b as isArrayLike_1, k as _baseUnary, a as isArray_1 } from './isTypedAr
 import { i as isSymbol_1 } from './isSymbol-es.js';
 import { i as identity_1 } from './identity-es.js';
 import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-es.js';
-import { d as debounce } from './debounce-es.js';
+import { a as debounce } from './debounce-es.js';
 import { I as Icon } from './Icon-es.js';
 import { usePopper } from 'react-popper';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.74.0",
+  "version": "6.75.1",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -542,5 +542,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "7c32304641c1a3523d8fb1de4b578172d3a51060"
+  "gitHead": "bde310bbb97ae2d73e8590aa56df407087bb62bd"
 }

package/dist/utils/useDebounce.d.ts

@@ -1,11 +0,0 @@
-import debounce from "lodash/debounce";
-type AnyFunction = (...args: any[]) => any;
-/**
- * A hook to easily manage debounced functions, including their cleanup.
- * @param func The function to debounce.
- * @param wait The number of milliseconds to delay.
- * @param options Optional debounce settings.
- * @returns The debounced function.
- */
-export declare function useDebounce<T extends AnyFunction>(func: T, wait: number, options?: Parameters<typeof debounce>[2]): import("lodash").DebouncedFunc<(...args: Parameters<T>) => any>;
-export {};