@jobber/components 6.90.3 → 6.91.0

package/dist/Tabs-es.js

@@ -1,10 +1,84 @@
 import React__default, { useState, useRef, useCallback, useEffect } from 'react';
 import classnames from 'classnames';
-import { t as throttle } from './throttle-es.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
+import { a as debounce_1 } from './debounce-es.js';
+import { a as isObject_1 } from './isObjectLike-es.js';
 import { T as Typography } from './Typography-es.js';
 
 var styles = {"tabs":"cHJe2HsBNic-","overflow":"eQt1Jis30lo-","overflowRight":"_6Vf7pQfyKKk-","overflowLeft":"jyevrJK7Bcg-","tabRow":"LfIIg9bwrhQ-","tab":"DEdzikxlAkw-","selected":"VDB94VYoyB0-","tabContent":"htdKg6As4bY-","spinning":"XFrAkUebMjI-"};
 
+var debounce = debounce_1,
+    isObject = isObject_1;
+
+/** Error message constants. */
+var FUNC_ERROR_TEXT = 'Expected a function';
+
+/**
+ * Creates a throttled function that only invokes `func` at most once per
+ * every `wait` milliseconds. The throttled function comes with a `cancel`
+ * method to cancel delayed `func` invocations and a `flush` method to
+ * immediately invoke them. Provide `options` to indicate whether `func`
+ * should be invoked on the leading and/or trailing edge of the `wait`
+ * timeout. The `func` is invoked with the last arguments provided to the
+ * throttled function. Subsequent calls to the throttled function return the
+ * result of the last `func` invocation.
+ *
+ * **Note:** If `leading` and `trailing` options are `true`, `func` is
+ * invoked on the trailing edge of the timeout only if the throttled function
+ * is invoked more than once during the `wait` timeout.
+ *
+ * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+ * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+ *
+ * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+ * for details over the differences between `_.throttle` and `_.debounce`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Function
+ * @param {Function} func The function to throttle.
+ * @param {number} [wait=0] The number of milliseconds to throttle invocations to.
+ * @param {Object} [options={}] The options object.
+ * @param {boolean} [options.leading=true]
+ *  Specify invoking on the leading edge of the timeout.
+ * @param {boolean} [options.trailing=true]
+ *  Specify invoking on the trailing edge of the timeout.
+ * @returns {Function} Returns the new throttled function.
+ * @example
+ *
+ * // Avoid excessively updating the position while scrolling.
+ * jQuery(window).on('scroll', _.throttle(updatePosition, 100));
+ *
+ * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
+ * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
+ * jQuery(element).on('click', throttled);
+ *
+ * // Cancel the trailing throttled invocation.
+ * jQuery(window).on('popstate', throttled.cancel);
+ */
+function throttle(func, wait, options) {
+  var leading = true,
+      trailing = true;
+
+  if (typeof func != 'function') {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  if (isObject(options)) {
+    leading = 'leading' in options ? !!options.leading : leading;
+    trailing = 'trailing' in options ? !!options.trailing : trailing;
+  }
+  return debounce(func, wait, {
+    'leading': leading,
+    'maxWait': wait,
+    'trailing': trailing
+  });
+}
+
+var throttle_1 = throttle;
+
+var throttle$1 = /*@__PURE__*/getDefaultExportFromCjs(throttle_1);
+
 function useTabsOverflow() {
     const [overflowRight, setOverflowRight] = useState(false);
     const [overflowLeft, setOverflowLeft] = useState(false);
@@ -19,7 +93,7 @@ function useTabsOverflow() {
             setOverflowLeft(scrollPos > 0 && scrollPos < scrollWidth);
         }
     };
-    const throttledHandleOverflowing = useCallback(throttle(handleOverflowing, 100), []);
+    const throttledHandleOverflowing = useCallback(throttle$1(handleOverflowing, 100), []);
     useEffect(() => {
         var _a;
         handleOverflowing();

package/dist/Tooltip/index.cjs

@@ -6,8 +6,7 @@ require('classnames');
 require('../floating-ui.react-cjs.js');
 require('react-dom');
 require('framer-motion');
-require('../useSafeLayoutEffect-cjs.js');
-require('../useIsMounted-cjs.js');
+require('@jobber/hooks');
 
 
 

package/dist/Tooltip/index.mjs

@@ -4,5 +4,4 @@ import 'classnames';
 import '../floating-ui.react-es.js';
 import 'react-dom';
 import 'framer-motion';
-import '../useSafeLayoutEffect-es.js';
-import '../useIsMounted-es.js';
+import '@jobber/hooks';

package/dist/Tooltip-cjs.js

@@ -4,8 +4,7 @@ var React = require('react');
 var classnames = require('classnames');
 var floatingUi_react = require('./floating-ui.react-cjs.js');
 var framerMotion = require('framer-motion');
-var useSafeLayoutEffect = require('./useSafeLayoutEffect-cjs.js');
-var useIsMounted = require('./useIsMounted-cjs.js');
+var jobberHooks = require('@jobber/hooks');
 
 var styles = {"shadowActivator":"sZQ1M6tj8-c-","tooltipWrapper":"_0o-yEgfXmSQ-","tooltip":"Q1YfFqI71cw-","arrow":"ZP3ev-wT-OI-","top":"jlEmO6f6uHg-","bottom":"z9JQ-DR-QYc-","left":"zWATWgq3bS4-","right":"-tDm6lNCCic-","tooltipMessage":"djrmr4mADlA-","spinning":"bobYmlUMnuY-"};
 
@@ -122,7 +121,7 @@ function Tooltip({ message, children, preferredPlacement = "top", setTabIndex =
                 activator.removeEventListener("blur", hideTooltip);
             }
         };
-        useSafeLayoutEffect.useSafeLayoutEffect_1(() => {
+        jobberHooks.useSafeLayoutEffect(() => {
             injectAttributes();
             addListeners();
             return () => {
@@ -132,7 +131,7 @@ function Tooltip({ message, children, preferredPlacement = "top", setTabIndex =
     }
 }
 function TooltipPortal({ children }) {
-    const mounted = useIsMounted.useIsMounted_2();
+    const mounted = jobberHooks.useIsMounted();
     if (!(mounted === null || mounted === void 0 ? void 0 : mounted.current)) {
         return null;
     }

package/dist/Tooltip-es.js

@@ -1,9 +1,8 @@
 import React__default, { useRef, useState } from 'react';
 import classnames from 'classnames';
-import { u as useFloating, s as shift, f as flip, a as arrow, b as autoUpdate, l as limitShift, F as FloatingPortal } from './floating-ui.react-es.js';
+import { u as useFloating, d as shift, f as flip, e as arrow, c as autoUpdate, l as limitShift, F as FloatingPortal } from './floating-ui.react-es.js';
 import { motion } from 'framer-motion';
-import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-es.js';
-import { u as useIsMounted_2 } from './useIsMounted-es.js';
+import { useSafeLayoutEffect, useIsMounted } from '@jobber/hooks';
 
 var styles = {"shadowActivator":"sZQ1M6tj8-c-","tooltipWrapper":"_0o-yEgfXmSQ-","tooltip":"Q1YfFqI71cw-","arrow":"ZP3ev-wT-OI-","top":"jlEmO6f6uHg-","bottom":"z9JQ-DR-QYc-","left":"zWATWgq3bS4-","right":"-tDm6lNCCic-","tooltipMessage":"djrmr4mADlA-","spinning":"bobYmlUMnuY-"};
 
@@ -120,7 +119,7 @@ function Tooltip({ message, children, preferredPlacement = "top", setTabIndex =
                 activator.removeEventListener("blur", hideTooltip);
             }
         };
-        useSafeLayoutEffect_1(() => {
+        useSafeLayoutEffect(() => {
             injectAttributes();
             addListeners();
             return () => {
@@ -130,7 +129,7 @@ function Tooltip({ message, children, preferredPlacement = "top", setTabIndex =
     }
 }
 function TooltipPortal({ children }) {
-    const mounted = useIsMounted_2();
+    const mounted = useIsMounted();
     if (!(mounted === null || mounted === void 0 ? void 0 : mounted.current)) {
         return null;
     }

package/dist/_baseEach-es.js

@@ -1,5 +1,5 @@
 import { g as _MapCache, d as _Uint8Array, e as eq_1, c as _Stack, a as _isIndex, i as identity_1 } from './identity-es.js';
-import { b as _Symbol, a as isObjectLike_1, i as isObject_1 } from './isObjectLike-es.js';
+import { b as _Symbol, i as isObjectLike_1, a as isObject_1 } from './isObjectLike-es.js';
 import { e as _getAllKeys, k as keys_1, b as _baseGet, f as _castPath, g as _toKey, h as _isKey } from './_baseGet-es.js';
 import { a as _getTag } from './_getTag-es.js';
 import { c as isBufferExports, d as isTypedArray_1, a as isArray_1, i as isArguments_1, m as isLength_1, b as isArrayLike_1 } from './isTypedArray-es.js';

package/dist/_commonjsHelpers-cjs.js

@@ -6,31 +6,5 @@ function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
 
-function getAugmentedNamespace(n) {
-  if (n.__esModule) return n;
-  var f = n.default;
-	if (typeof f == "function") {
-		var a = function a () {
-			if (this instanceof a) {
-        return Reflect.construct(f, arguments, this.constructor);
-			}
-			return f.apply(this, arguments);
-		};
-		a.prototype = f.prototype;
-  } else a = {};
-  Object.defineProperty(a, '__esModule', {value: true});
-	Object.keys(n).forEach(function (k) {
-		var d = Object.getOwnPropertyDescriptor(n, k);
-		Object.defineProperty(a, k, d.get ? d : {
-			enumerable: true,
-			get: function () {
-				return n[k];
-			}
-		});
-	});
-	return a;
-}
-
 exports.commonjsGlobal = commonjsGlobal;
-exports.getAugmentedNamespace = getAugmentedNamespace;
 exports.getDefaultExportFromCjs = getDefaultExportFromCjs;

package/dist/_commonjsHelpers-es.js

@@ -4,29 +4,4 @@ function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
 
-function getAugmentedNamespace(n) {
-  if (n.__esModule) return n;
-  var f = n.default;
-	if (typeof f == "function") {
-		var a = function a () {
-			if (this instanceof a) {
-        return Reflect.construct(f, arguments, this.constructor);
-			}
-			return f.apply(this, arguments);
-		};
-		a.prototype = f.prototype;
-  } else a = {};
-  Object.defineProperty(a, '__esModule', {value: true});
-	Object.keys(n).forEach(function (k) {
-		var d = Object.getOwnPropertyDescriptor(n, k);
-		Object.defineProperty(a, k, d.get ? d : {
-			enumerable: true,
-			get: function () {
-				return n[k];
-			}
-		});
-	});
-	return a;
-}
-
-export { getAugmentedNamespace as a, commonjsGlobal as c, getDefaultExportFromCjs as g };
+export { commonjsGlobal as c, getDefaultExportFromCjs as g };

package/dist/_isIterateeCall-es.js

@@ -1,7 +1,7 @@
 import { i as identity_1, e as eq_1, a as _isIndex } from './identity-es.js';
 import { _ as _overRest, a as _setToString } from './_setToString-es.js';
 import { b as isArrayLike_1 } from './isTypedArray-es.js';
-import { i as isObject_1 } from './isObjectLike-es.js';
+import { a as isObject_1 } from './isObjectLike-es.js';
 
 var identity = identity_1,
     overRest = _overRest,

package/dist/debounce-es.js

@@ -1,5 +1,5 @@
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
-import { c as _root, i as isObject_1 } from './isObjectLike-es.js';
+import { c as _root, a as isObject_1 } from './isObjectLike-es.js';
 import { i as isSymbol_1 } from './isSymbol-es.js';
 
 var root = _root;
@@ -326,4 +326,4 @@ var debounce_1 = debounce;
 
 var debounce$1 = /*@__PURE__*/getDefaultExportFromCjs(debounce_1);
 
-export { debounce$1 as a, debounce_1 as d };
+export { debounce_1 as a, debounce$1 as d };

package/dist/floating-ui.react-cjs.js

@@ -1064,15 +1064,6 @@ function isVirtualPointerEvent(event) {
   // iOS VoiceOver returns 0.333• for width/height.
   event.width < 1 && event.height < 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === 'touch';
 }
-function isMouseLikePointerType(pointerType, strict) {
-  // On some Linux machines with Chromium, mouse inputs return a `pointerType`
-  // of "pen": https://github.com/floating-ui/floating-ui/issues/2015
-  const values = ['mouse', 'pen'];
-  if (!strict) {
-    values.push('', undefined);
-  }
-  return values.includes(pointerType);
-}
 
 var isClient$1 = typeof document !== 'undefined';
 
@@ -5924,114 +5915,6 @@ const FloatingOverlay = /*#__PURE__*/React__namespace.forwardRef(function Floati
   });
 });
 
-function isButtonTarget(event) {
-  return isHTMLElement(event.target) && event.target.tagName === 'BUTTON';
-}
-function isAnchorTarget(event) {
-  return isHTMLElement(event.target) && event.target.tagName === 'A';
-}
-function isSpaceIgnored(element) {
-  return isTypeableElement(element);
-}
-/**
- * Opens or closes the floating element when clicking the reference element.
- * @see https://floating-ui.com/docs/useClick
- */
-function useClick(context, props) {
-  if (props === void 0) {
-    props = {};
-  }
-  const {
-    open,
-    onOpenChange,
-    dataRef,
-    elements: {
-      domReference
-    }
-  } = context;
-  const {
-    enabled = true,
-    event: eventOption = 'click',
-    toggle = true,
-    ignoreMouse = false,
-    keyboardHandlers = true,
-    stickIfOpen = true
-  } = props;
-  const pointerTypeRef = React__namespace.useRef();
-  const didKeyDownRef = React__namespace.useRef(false);
-  const reference = React__namespace.useMemo(() => ({
-    onPointerDown(event) {
-      pointerTypeRef.current = event.pointerType;
-    },
-    onMouseDown(event) {
-      const pointerType = pointerTypeRef.current;
-
-      // Ignore all buttons except for the "main" button.
-      // https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button
-      if (event.button !== 0) return;
-      if (eventOption === 'click') return;
-      if (isMouseLikePointerType(pointerType, true) && ignoreMouse) return;
-      if (open && toggle && (dataRef.current.openEvent && stickIfOpen ? dataRef.current.openEvent.type === 'mousedown' : true)) {
-        onOpenChange(false, event.nativeEvent, 'click');
-      } else {
-        // Prevent stealing focus from the floating element
-        event.preventDefault();
-        onOpenChange(true, event.nativeEvent, 'click');
-      }
-    },
-    onClick(event) {
-      const pointerType = pointerTypeRef.current;
-      if (eventOption === 'mousedown' && pointerTypeRef.current) {
-        pointerTypeRef.current = undefined;
-        return;
-      }
-      if (isMouseLikePointerType(pointerType, true) && ignoreMouse) return;
-      if (open && toggle && (dataRef.current.openEvent && stickIfOpen ? dataRef.current.openEvent.type === 'click' : true)) {
-        onOpenChange(false, event.nativeEvent, 'click');
-      } else {
-        onOpenChange(true, event.nativeEvent, 'click');
-      }
-    },
-    onKeyDown(event) {
-      pointerTypeRef.current = undefined;
-      if (event.defaultPrevented || !keyboardHandlers || isButtonTarget(event)) {
-        return;
-      }
-      if (event.key === ' ' && !isSpaceIgnored(domReference)) {
-        // Prevent scrolling
-        event.preventDefault();
-        didKeyDownRef.current = true;
-      }
-      if (isAnchorTarget(event)) {
-        return;
-      }
-      if (event.key === 'Enter') {
-        if (open && toggle) {
-          onOpenChange(false, event.nativeEvent, 'click');
-        } else {
-          onOpenChange(true, event.nativeEvent, 'click');
-        }
-      }
-    },
-    onKeyUp(event) {
-      if (event.defaultPrevented || !keyboardHandlers || isButtonTarget(event) || isSpaceIgnored(domReference)) {
-        return;
-      }
-      if (event.key === ' ' && didKeyDownRef.current) {
-        didKeyDownRef.current = false;
-        if (open && toggle) {
-          onOpenChange(false, event.nativeEvent, 'click');
-        } else {
-          onOpenChange(true, event.nativeEvent, 'click');
-        }
-      }
-    }
-  }), [dataRef, domReference, eventOption, ignoreMouse, keyboardHandlers, onOpenChange, open, stickIfOpen, toggle]);
-  return React__namespace.useMemo(() => enabled ? {
-    reference
-  } : {}, [enabled, reference]);
-}
-
 const bubbleHandlerKeys = {
   pointerdown: 'onPointerDown',
   mousedown: 'onMouseDown',
@@ -7413,7 +7296,6 @@ exports.limitShift = limitShift;
 exports.offset = offset;
 exports.shift = shift;
 exports.size = size;
-exports.useClick = useClick;
 exports.useDismiss = useDismiss;
 exports.useFloating = useFloating;
 exports.useFloatingNodeId = useFloatingNodeId;

package/dist/floating-ui.react-es.js

@@ -1043,15 +1043,6 @@ function isVirtualPointerEvent(event) {
   // iOS VoiceOver returns 0.333• for width/height.
   event.width < 1 && event.height < 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === 'touch';
 }
-function isMouseLikePointerType(pointerType, strict) {
-  // On some Linux machines with Chromium, mouse inputs return a `pointerType`
-  // of "pen": https://github.com/floating-ui/floating-ui/issues/2015
-  const values = ['mouse', 'pen'];
-  if (!strict) {
-    values.push('', undefined);
-  }
-  return values.includes(pointerType);
-}
 
 var isClient$1 = typeof document !== 'undefined';
 
@@ -5903,114 +5894,6 @@ const FloatingOverlay = /*#__PURE__*/React.forwardRef(function FloatingOverlay(p
   });
 });
 
-function isButtonTarget(event) {
-  return isHTMLElement(event.target) && event.target.tagName === 'BUTTON';
-}
-function isAnchorTarget(event) {
-  return isHTMLElement(event.target) && event.target.tagName === 'A';
-}
-function isSpaceIgnored(element) {
-  return isTypeableElement(element);
-}
-/**
- * Opens or closes the floating element when clicking the reference element.
- * @see https://floating-ui.com/docs/useClick
- */
-function useClick(context, props) {
-  if (props === void 0) {
-    props = {};
-  }
-  const {
-    open,
-    onOpenChange,
-    dataRef,
-    elements: {
-      domReference
-    }
-  } = context;
-  const {
-    enabled = true,
-    event: eventOption = 'click',
-    toggle = true,
-    ignoreMouse = false,
-    keyboardHandlers = true,
-    stickIfOpen = true
-  } = props;
-  const pointerTypeRef = React.useRef();
-  const didKeyDownRef = React.useRef(false);
-  const reference = React.useMemo(() => ({
-    onPointerDown(event) {
-      pointerTypeRef.current = event.pointerType;
-    },
-    onMouseDown(event) {
-      const pointerType = pointerTypeRef.current;
-
-      // Ignore all buttons except for the "main" button.
-      // https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button
-      if (event.button !== 0) return;
-      if (eventOption === 'click') return;
-      if (isMouseLikePointerType(pointerType, true) && ignoreMouse) return;
-      if (open && toggle && (dataRef.current.openEvent && stickIfOpen ? dataRef.current.openEvent.type === 'mousedown' : true)) {
-        onOpenChange(false, event.nativeEvent, 'click');
-      } else {
-        // Prevent stealing focus from the floating element
-        event.preventDefault();
-        onOpenChange(true, event.nativeEvent, 'click');
-      }
-    },
-    onClick(event) {
-      const pointerType = pointerTypeRef.current;
-      if (eventOption === 'mousedown' && pointerTypeRef.current) {
-        pointerTypeRef.current = undefined;
-        return;
-      }
-      if (isMouseLikePointerType(pointerType, true) && ignoreMouse) return;
-      if (open && toggle && (dataRef.current.openEvent && stickIfOpen ? dataRef.current.openEvent.type === 'click' : true)) {
-        onOpenChange(false, event.nativeEvent, 'click');
-      } else {
-        onOpenChange(true, event.nativeEvent, 'click');
-      }
-    },
-    onKeyDown(event) {
-      pointerTypeRef.current = undefined;
-      if (event.defaultPrevented || !keyboardHandlers || isButtonTarget(event)) {
-        return;
-      }
-      if (event.key === ' ' && !isSpaceIgnored(domReference)) {
-        // Prevent scrolling
-        event.preventDefault();
-        didKeyDownRef.current = true;
-      }
-      if (isAnchorTarget(event)) {
-        return;
-      }
-      if (event.key === 'Enter') {
-        if (open && toggle) {
-          onOpenChange(false, event.nativeEvent, 'click');
-        } else {
-          onOpenChange(true, event.nativeEvent, 'click');
-        }
-      }
-    },
-    onKeyUp(event) {
-      if (event.defaultPrevented || !keyboardHandlers || isButtonTarget(event) || isSpaceIgnored(domReference)) {
-        return;
-      }
-      if (event.key === ' ' && didKeyDownRef.current) {
-        didKeyDownRef.current = false;
-        if (open && toggle) {
-          onOpenChange(false, event.nativeEvent, 'click');
-        } else {
-          onOpenChange(true, event.nativeEvent, 'click');
-        }
-      }
-    }
-  }), [dataRef, domReference, eventOption, ignoreMouse, keyboardHandlers, onOpenChange, open, stickIfOpen, toggle]);
-  return React.useMemo(() => enabled ? {
-    reference
-  } : {}, [enabled, reference]);
-}
-
 const bubbleHandlerKeys = {
   pointerdown: 'onPointerDown',
   mousedown: 'onMouseDown',
@@ -7378,4 +7261,4 @@ function useTransitionStyles(context, props) {
   };
 }
 
-export { FloatingPortal as F, arrow as a, autoUpdate as b, useDismiss as c, useInteractions as d, size as e, flip as f, useFloatingParentNodeId as g, useFloatingNodeId as h, FloatingTree as i, FloatingNode as j, autoPlacement as k, limitShift as l, useClick as m, useRole as n, offset as o, FloatingOverlay as p, FloatingFocusManager as q, useListNavigation as r, shift as s, useTransitionStyles as t, useFloating as u, FloatingArrow as v };
+export { FloatingPortal as F, useDismiss as a, useInteractions as b, autoUpdate as c, shift as d, arrow as e, flip as f, useFloatingParentNodeId as g, useFloatingNodeId as h, FloatingTree as i, FloatingNode as j, autoPlacement as k, limitShift as l, useRole as m, FloatingFocusManager as n, offset as o, FloatingOverlay as p, useListNavigation as q, useTransitionStyles as r, size as s, FloatingArrow as t, useFloating as u };

package/dist/helpers-cjs.js

@@ -1,9 +1,28 @@
 'use strict';
 
-var useResizeObserver = require('./useResizeObserver-cjs.js');
+var jobberHooks = require('@jobber/hooks');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var jobberHooks__namespace = /*#__PURE__*/_interopNamespaceDefault(jobberHooks);
 
 const mockContainerWidth = (exactWidth) => {
-    jest.spyOn(useResizeObserver.jobberHooks, "useResizeObserver").mockReturnValue([
+    jest.spyOn(jobberHooks__namespace, "useResizeObserver").mockReturnValue([
         { current: null },
         {
             width: 1200,

package/dist/helpers-es.js

@@ -1,4 +1,4 @@
-import { j as jobberHooks } from './useResizeObserver-es.js';
+import * as jobberHooks from '@jobber/hooks';
 
 const mockContainerWidth = (exactWidth) => {
     jest.spyOn(jobberHooks, "useResizeObserver").mockReturnValue([

package/dist/index.cjs

@@ -30,7 +30,7 @@ var Countdown = require('./Countdown-cjs.js');
 var DataDump = require('./DataDump-cjs.js');
 var DataList = require('./DataList-cjs.js');
 var DataTable = require('./DataTable-cjs.js');
-require('./useResizeObserver-cjs.js');
+require('@jobber/hooks');
 require('./DataTableTable-cjs.js');
 var reactTable = require('@tanstack/react-table');
 var DatePicker = require('./DatePicker-cjs.js');
@@ -110,17 +110,12 @@ require('./_setToString-cjs.js');
 require('./floating-ui.react-cjs.js');
 require('react-dom');
 require('classnames');
-require('./useDebounce-cjs.js');
 require('./maxHeight-cjs.js');
 require('./tslib.es6-cjs.js');
-require('./useIsMounted-cjs.js');
-require('./useSafeLayoutEffect-cjs.js');
-require('./useOnKeyDown-cjs.js');
 require('color');
 require('react-router-dom');
 require('./getMappedAtlantisSpaceToken-cjs.js');
 require('react-hook-form');
-require('./useInView-cjs.js');
 require('./useChildComponent-cjs.js');
 require('./InternalChipDismissible-cjs.js');
 require('./useScrollToActive-cjs.js');
@@ -136,8 +131,6 @@ require('./ComboboxContentList-cjs.js');
 require('./ComboboxOption-cjs.js');
 require('./ComboboxLoadMore-cjs.js');
 require('./ComboboxContentHeader-cjs.js');
-require('./useRefocusOnActivator-cjs.js');
-require('./useFocusTrap-cjs.js');
 require('./constants-cjs.js');
 require('./ComboboxAction-cjs.js');
 require('./ComboboxTrigger-cjs.js');
@@ -178,7 +171,6 @@ require('./DataListLoadMore-cjs.js');
 require('./DataListAction-cjs.js');
 require('./DataListLayoutActions-cjs.js');
 require('./DataListStatusBar-cjs.js');
-require('./throttle-cjs.js');
 require('./clsx-cjs.js');
 require('./omit-cjs.js');
 require('./useFormFieldFocus-cjs.js');

package/dist/index.mjs

@@ -28,7 +28,7 @@ export { C as Countdown } from './Countdown-es.js';
 export { D as DataDump } from './DataDump-es.js';
 export { D as DataList } from './DataList-es.js';
 export { D as DataTable } from './DataTable-es.js';
-import './useResizeObserver-es.js';
+import '@jobber/hooks';
 import './DataTableTable-es.js';
 export { createColumnHelper } from '@tanstack/react-table';
 export { D as DatePicker } from './DatePicker-es.js';
@@ -108,17 +108,12 @@ import './_setToString-es.js';
 import './floating-ui.react-es.js';
 import 'react-dom';
 import 'classnames';
-import './useDebounce-es.js';
 import './maxHeight-es.js';
 import './tslib.es6-es.js';
-import './useIsMounted-es.js';
-import './useSafeLayoutEffect-es.js';
-import './useOnKeyDown-es.js';
 import 'color';
 import 'react-router-dom';
 import './getMappedAtlantisSpaceToken-es.js';
 import 'react-hook-form';
-import './useInView-es.js';
 import './useChildComponent-es.js';
 import './InternalChipDismissible-es.js';
 import './useScrollToActive-es.js';
@@ -134,8 +129,6 @@ import './ComboboxContentList-es.js';
 import './ComboboxOption-es.js';
 import './ComboboxLoadMore-es.js';
 import './ComboboxContentHeader-es.js';
-import './useRefocusOnActivator-es.js';
-import './useFocusTrap-es.js';
 import './constants-es.js';
 import './ComboboxAction-es.js';
 import './ComboboxTrigger-es.js';
@@ -176,7 +169,6 @@ import './DataListLoadMore-es.js';
 import './DataListAction-es.js';
 import './DataListLayoutActions-es.js';
 import './DataListStatusBar-es.js';
-import './throttle-es.js';
 import './clsx-es.js';
 import './omit-es.js';
 import './useFormFieldFocus-es.js';