@jobber/components 6.75.0 → 6.75.2-CLEANUPdo-4d1825e.4

package/dist/Autocomplete/index.cjs

@@ -3,7 +3,7 @@
 var Autocomplete = require('../Autocomplete-cjs.js');
 require('../tslib.es6-cjs.js');
 require('react');
-require('@jobber/hooks');
+require('../useDebounce-cjs.js');
 require('classnames');
 require('../useIsMounted-cjs.js');
 require('../useSafeLayoutEffect-cjs.js');

package/dist/Autocomplete/index.mjs

@@ -1,7 +1,7 @@
 export { A as Autocomplete, d as BaseAutocompleteMenuWrapper, a as BaseMenuGroupOption, B as BaseMenuOption, K as KeyboardAction, M as MenuOption, g as getRequestedIndexChange, f as isOptionGroup, i as isOptionSelected, e as useAutocompleteMenu, b as useCustomKeyboardNavigation, u as useKeyboardNavigation, c as useRepositionMenu } from '../Autocomplete-es.js';
 import '../tslib.es6-es.js';
 import 'react';
-import '@jobber/hooks';
+import '../useDebounce-es.js';
 import 'classnames';
 import '../useIsMounted-es.js';
 import '../useSafeLayoutEffect-es.js';

package/dist/Autocomplete-cjs.js

@@ -2,7 +2,7 @@
 
 var tslib_es6 = require('./tslib.es6-cjs.js');
 var React = require('react');
-var hooks = require('@jobber/hooks');
+var useDebounce = require('./useDebounce-cjs.js');
 var classnames = require('classnames');
 var useIsMounted = require('./useIsMounted-cjs.js');
 var floatingUi_react = require('./floating-ui.react-cjs.js');
@@ -280,7 +280,7 @@ function AutocompleteInternal(_a, ref) {
     const [inputFocused, setInputFocused] = React.useState(false);
     const [inputText, setInputText] = React.useState((_b = value === null || value === void 0 ? void 0 : value.label) !== null && _b !== void 0 ? _b : "");
     const [autocompleteRef, setAutocompleteRef] = React.useState(null);
-    const delayedSearch = hooks.useDebounce(updateSearch, debounceRate);
+    const delayedSearch = useDebounce.useDebounce_2(updateSearch, debounceRate);
     const inputRef = React.useRef(null);
     React.useEffect(() => {
         delayedSearch();

package/dist/Autocomplete-es.js

@@ -1,6 +1,6 @@
 import { _ as __rest, a as __awaiter } from './tslib.es6-es.js';
 import React__default, { useCallback, useEffect, useState, forwardRef, useMemo, useRef } from 'react';
-import { useDebounce } from '@jobber/hooks';
+import { u as useDebounce_2 } from './useDebounce-es.js';
 import classnames from 'classnames';
 import { u as useIsMounted_2 } from './useIsMounted-es.js';
 import { b as useFloating, o as offset, i as flip, q as size, d as autoUpdate, h as FloatingPortal } from './floating-ui.react-es.js';
@@ -278,7 +278,7 @@ function AutocompleteInternal(_a, ref) {
     const [inputFocused, setInputFocused] = useState(false);
     const [inputText, setInputText] = useState((_b = value === null || value === void 0 ? void 0 : value.label) !== null && _b !== void 0 ? _b : "");
     const [autocompleteRef, setAutocompleteRef] = useState(null);
-    const delayedSearch = useDebounce(updateSearch, debounceRate);
+    const delayedSearch = useDebounce_2(updateSearch, debounceRate);
     const inputRef = useRef(null);
     useEffect(() => {
         delayedSearch();

package/dist/Gallery/index.cjs

@@ -12,7 +12,7 @@ require('../useOnKeyDown-cjs.js');
 require('../useFocusTrap-cjs.js');
 require('../useIsMounted-cjs.js');
 require('../useSafeLayoutEffect-cjs.js');
-require('@jobber/hooks');
+require('../useDebounce-cjs.js');
 require('../ButtonDismiss-cjs.js');
 require('../Button-cjs.js');
 require('react-router-dom');

package/dist/Gallery/index.mjs

@@ -10,7 +10,7 @@ import '../useOnKeyDown-es.js';
 import '../useFocusTrap-es.js';
 import '../useIsMounted-es.js';
 import '../useSafeLayoutEffect-es.js';
-import '@jobber/hooks';
+import '../useDebounce-es.js';
 import '../ButtonDismiss-es.js';
 import '../Button-es.js';
 import 'react-router-dom';

package/dist/InputNumber/index.cjs

@@ -7711,6 +7711,7 @@ const InputNumberRebuilt = React.forwardRef((props, ref) => {
         },
     }));
     const { align, description, disabled, error, inline, invalid, placeholder, readonly, showMiniLabel = true, size, minValue, maxValue } = props, ariaNumberFieldProps = tslib_es6.__rest(props, ["align", "description", "disabled", "error", "inline", "invalid", "placeholder", "readonly", "showMiniLabel", "size", "minValue", "maxValue"]);
+    const stringDescription = typeof description === "string";
     return (React.createElement($b91743d66a0ed188$export$63c5fa0b2fdccd2e, Object.assign({}, ariaNumberFieldProps, { className: classnames(styles.container, inline && styles.inline), formatOptions: mergedFormatOptions, isDisabled: disabled, isInvalid: invalid, isReadOnly: readonly, minValue: minValue, maxValue: maxValue, onBlur: e => { var _a; return (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e); }, onFocus: e => { var _a; return (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e); }, onChange: handleChange }),
         React.createElement($a049562f99e7db0e$export$eb2fcfdbd7ba97d4, { className: classnames(styles.wrapper, align && styles[align], invalid && styles.invalid, disabled && styles.disabled) },
             React.createElement("div", { className: styles.horizontalWrapper },
@@ -7718,8 +7719,7 @@ const InputNumberRebuilt = React.forwardRef((props, ref) => {
                     React.createElement($3985021b0ad6602f$export$f5b8910cec6cf069, { className: styles.input, placeholder: " " // used for CSS minilabel
                         , ref: inputRef }),
                     React.createElement($01b77f81d0f07f68$export$b04be29aa201d4f5, { className: styles.label }, placeholder)))),
-        description && (React.createElement($514c0188e459b4c0$export$5f1af8db9871e1d6, { className: styles.description, elementType: "div", slot: "description" },
-            React.createElement(Text.Text, { size: "small", variation: "subdued" }, description))),
+        description && (React.createElement($514c0188e459b4c0$export$5f1af8db9871e1d6, { className: styles.description, elementType: "div", slot: "description" }, stringDescription ? (React.createElement(Text.Text, { size: "small", variation: "subdued" }, description)) : (description))),
         error && (React.createElement($ee014567cb39d3f0$export$f551688fc98f2e09, { className: styles.fieldError },
             React.createElement(Icon.Icon, { color: "critical", name: "alert", size: "small" }),
             React.createElement(Text.Text, { size: "small", variation: "error" }, error)))));

package/dist/InputNumber/index.mjs

@@ -7709,6 +7709,7 @@ const InputNumberRebuilt = forwardRef((props, ref) => {
         },
     }));
     const { align, description, disabled, error, inline, invalid, placeholder, readonly, showMiniLabel = true, size, minValue, maxValue } = props, ariaNumberFieldProps = __rest(props, ["align", "description", "disabled", "error", "inline", "invalid", "placeholder", "readonly", "showMiniLabel", "size", "minValue", "maxValue"]);
+    const stringDescription = typeof description === "string";
     return (React__default.createElement($b91743d66a0ed188$export$63c5fa0b2fdccd2e, Object.assign({}, ariaNumberFieldProps, { className: classnames(styles.container, inline && styles.inline), formatOptions: mergedFormatOptions, isDisabled: disabled, isInvalid: invalid, isReadOnly: readonly, minValue: minValue, maxValue: maxValue, onBlur: e => { var _a; return (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e); }, onFocus: e => { var _a; return (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e); }, onChange: handleChange }),
         React__default.createElement($a049562f99e7db0e$export$eb2fcfdbd7ba97d4, { className: classnames(styles.wrapper, align && styles[align], invalid && styles.invalid, disabled && styles.disabled) },
             React__default.createElement("div", { className: styles.horizontalWrapper },
@@ -7716,8 +7717,7 @@ const InputNumberRebuilt = forwardRef((props, ref) => {
                     React__default.createElement($3985021b0ad6602f$export$f5b8910cec6cf069, { className: styles.input, placeholder: " " // used for CSS minilabel
                         , ref: inputRef }),
                     React__default.createElement($01b77f81d0f07f68$export$b04be29aa201d4f5, { className: styles.label }, placeholder)))),
-        description && (React__default.createElement($514c0188e459b4c0$export$5f1af8db9871e1d6, { className: styles.description, elementType: "div", slot: "description" },
-            React__default.createElement(Text, { size: "small", variation: "subdued" }, description))),
+        description && (React__default.createElement($514c0188e459b4c0$export$5f1af8db9871e1d6, { className: styles.description, elementType: "div", slot: "description" }, stringDescription ? (React__default.createElement(Text, { size: "small", variation: "subdued" }, description)) : (description))),
         error && (React__default.createElement($ee014567cb39d3f0$export$f551688fc98f2e09, { className: styles.fieldError },
             React__default.createElement(Icon, { color: "critical", name: "alert", size: "small" }),
             React__default.createElement(Text, { size: "small", variation: "error" }, error)))));

package/dist/LightBox/index.cjs

@@ -10,7 +10,7 @@ require('../useFocusTrap-cjs.js');
 require('../useIsMounted-cjs.js');
 require('../useSafeLayoutEffect-cjs.js');
 require('classnames');
-require('@jobber/hooks');
+require('../useDebounce-cjs.js');
 require('../ButtonDismiss-cjs.js');
 require('../Button-cjs.js');
 require('react-router-dom');

package/dist/LightBox/index.mjs

@@ -8,7 +8,7 @@ import '../useFocusTrap-es.js';
 import '../useIsMounted-es.js';
 import '../useSafeLayoutEffect-es.js';
 import 'classnames';
-import '@jobber/hooks';
+import '../useDebounce-es.js';
 import '../ButtonDismiss-es.js';
 import '../Button-es.js';
 import 'react-router-dom';

package/dist/LightBox-cjs.js

@@ -8,7 +8,7 @@ var useOnKeyDown = require('./useOnKeyDown-cjs.js');
 var useFocusTrap = require('./useFocusTrap-cjs.js');
 var useIsMounted = require('./useIsMounted-cjs.js');
 var classnames = require('classnames');
-var hooks = require('@jobber/hooks');
+var useDebounce = require('./useDebounce-cjs.js');
 var ButtonDismiss = require('./ButtonDismiss-cjs.js');
 var Text = require('./Text-cjs.js');
 var Button = require('./Button-cjs.js');
@@ -109,12 +109,12 @@ function LightBox({ boxSizing = "content-box", open, images, imageIndex = 0, onR
     const [mouseIsStationary, setMouseIsStationary] = React.useState(true);
     const lightboxRef = useFocusTrap.useFocusTrap_2(open);
     const selectedThumbnailRef = React.useRef(null);
-    const debouncedHandleNext = hooks.useDebounce(handleMoveNext, BUTTON_DEBOUNCE_DELAY);
-    const debouncedHandlePrevious = hooks.useDebounce(handleMovePrevious, BUTTON_DEBOUNCE_DELAY);
+    const debouncedHandleNext = useDebounce.useDebounce_2(handleMoveNext, BUTTON_DEBOUNCE_DELAY);
+    const debouncedHandlePrevious = useDebounce.useDebounce_2(handleMovePrevious, BUTTON_DEBOUNCE_DELAY);
     const mounted = useIsMounted.useIsMounted_2();
     const prevOpen = React.useRef(open);
     useRefocusOnActivator.useRefocusOnActivator_2(open);
-    const handleMouseMovement = hooks.useDebounce(() => {
+    const handleMouseMovement = useDebounce.useDebounce_2(() => {
         setMouseIsStationary(true);
     }, MOVEMENT_DEBOUNCE_DELAY);
     useOnKeyDown.useOnKeyDown_2(handleRequestClose, "Escape");

package/dist/LightBox-es.js

@@ -6,7 +6,7 @@ import { u as useOnKeyDown_2 } from './useOnKeyDown-es.js';
 import { u as useFocusTrap_2 } from './useFocusTrap-es.js';
 import { u as useIsMounted_2 } from './useIsMounted-es.js';
 import classnames from 'classnames';
-import { useDebounce } from '@jobber/hooks';
+import { u as useDebounce_2 } from './useDebounce-es.js';
 import { B as ButtonDismiss } from './ButtonDismiss-es.js';
 import { T as Text } from './Text-es.js';
 import { B as Button } from './Button-es.js';
@@ -107,12 +107,12 @@ function LightBox({ boxSizing = "content-box", open, images, imageIndex = 0, onR
     const [mouseIsStationary, setMouseIsStationary] = useState(true);
     const lightboxRef = useFocusTrap_2(open);
     const selectedThumbnailRef = useRef(null);
-    const debouncedHandleNext = useDebounce(handleMoveNext, BUTTON_DEBOUNCE_DELAY);
-    const debouncedHandlePrevious = useDebounce(handleMovePrevious, BUTTON_DEBOUNCE_DELAY);
+    const debouncedHandleNext = useDebounce_2(handleMoveNext, BUTTON_DEBOUNCE_DELAY);
+    const debouncedHandlePrevious = useDebounce_2(handleMovePrevious, BUTTON_DEBOUNCE_DELAY);
     const mounted = useIsMounted_2();
     const prevOpen = useRef(open);
     useRefocusOnActivator_2(open);
-    const handleMouseMovement = useDebounce(() => {
+    const handleMouseMovement = useDebounce_2(() => {
         setMouseIsStationary(true);
     }, MOVEMENT_DEBOUNCE_DELAY);
     useOnKeyDown_2(handleRequestClose, "Escape");

package/dist/index.cjs

@@ -110,7 +110,7 @@ require('./keysIn-cjs.js');
 require('./_isIterateeCall-cjs.js');
 require('./_setToString-cjs.js');
 require('./tslib.es6-cjs.js');
-require('@jobber/hooks');
+require('./useDebounce-cjs.js');
 require('./floating-ui.react-cjs.js');
 require('react-dom');
 require('./useOnKeyDown-cjs.js');
@@ -141,7 +141,6 @@ require('./constants-cjs.js');
 require('./ComboboxAction-cjs.js');
 require('./ComboboxTrigger-cjs.js');
 require('./noop-cjs.js');
-require('./useDebounce-cjs.js');
 require('./ComboboxActivator-cjs.js');
 require('./index-cjs.js');
 require('./DataList.module-cjs.js');

package/dist/index.mjs

@@ -108,7 +108,7 @@ import './keysIn-es.js';
 import './_isIterateeCall-es.js';
 import './_setToString-es.js';
 import './tslib.es6-es.js';
-import '@jobber/hooks';
+import './useDebounce-es.js';
 import './floating-ui.react-es.js';
 import 'react-dom';
 import './useOnKeyDown-es.js';
@@ -139,7 +139,6 @@ import './constants-es.js';
 import './ComboboxAction-es.js';
 import './ComboboxTrigger-es.js';
 import './noop-es.js';
-import './useDebounce-es.js';
 import './ComboboxActivator-es.js';
 import './index-es.js';
 import './DataList.module-es.js';

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.75.0",
+  "version": "6.75.2-CLEANUPdo-4d1825e.4+4d1825e6",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -542,5 +542,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "5b2a570f0d657e82d04a8d60964242f67da3fab0"
+  "gitHead": "4d1825e695f03fa20b1ffd794f44c1cfbc67fe44"
 }