@jobber/components 6.75.0 → 6.75.1

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/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.1",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -542,5 +542,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "5b2a570f0d657e82d04a8d60964242f67da3fab0"
+  "gitHead": "bde310bbb97ae2d73e8590aa56df407087bb62bd"
 }