@jobber/components 6.111.1 → 6.111.2

package/dist/Autocomplete/index.cjs

@@ -197,6 +197,7 @@ function useAutocompleteListNav({ navigableCount, shouldResetActiveIndexOnClose,
             return prev >= navigableCount ? navigableCount - 1 : prev;
         });
     }, [navigableCount, setActiveIndex, listRef]);
+    const setReferenceElement = React.useCallback((el) => refs.setReference(el), [refs]);
     return {
         refs,
         floatingStyles,
@@ -209,7 +210,7 @@ function useAutocompleteListNav({ navigableCount, shouldResetActiveIndexOnClose,
         listRef,
         open,
         setOpen,
-        setReferenceElement: (el) => refs.setReference(el),
+        setReferenceElement,
     };
 }
 
@@ -968,7 +969,7 @@ function AutocompleteRebuiltInternal(props, forwardedRef) {
         disabled, readOnly: props.readOnly, error: error !== null && error !== void 0 ? error : undefined, name: props.name, invalid, autoComplete: "off", autoFocus: props.autoFocus, description, size: sizeProp ? sizeProp : undefined, prefix: props.prefix, suffix: props.suffix }), (props.readOnly ? {} : composedReferenceProps)), { role: "combobox", "aria-autocomplete": "list", "aria-expanded": open ? true : false, "aria-controls": listboxId, "aria-activedescendant": open && activeIndex != null
             ? `${listboxId}-item-${activeIndex}`
             : undefined }), dataAttrs);
-    const referenceInputRef = (node) => {
+    const referenceInputRef = React.useCallback((node) => {
         setReferenceElement(node);
         // Workaround to get the width of the visual InputText element, which is not the same as
         // the literal input reference element when props like suffix/prefix/clearable are present.
@@ -977,11 +978,11 @@ function AutocompleteRebuiltInternal(props, forwardedRef) {
             setMenuWidth(visualInputTextElement.clientWidth);
             setPositionRefEl(visualInputTextElement);
         }
-    };
-    const mergedInputRef = FormField.mergeRefs([
+    }, [setReferenceElement]);
+    const mergedInputRef = React.useMemo(() => FormField.mergeRefs([
         referenceInputRef,
         forwardedRef,
-    ]);
+    ]), [referenceInputRef, forwardedRef]);
     React.useEffect(() => {
         if (!positionRefEl)
             return;

package/dist/Autocomplete/index.mjs

@@ -195,6 +195,7 @@ function useAutocompleteListNav({ navigableCount, shouldResetActiveIndexOnClose,
             return prev >= navigableCount ? navigableCount - 1 : prev;
         });
     }, [navigableCount, setActiveIndex, listRef]);
+    const setReferenceElement = useCallback((el) => refs.setReference(el), [refs]);
     return {
         refs,
         floatingStyles,
@@ -207,7 +208,7 @@ function useAutocompleteListNav({ navigableCount, shouldResetActiveIndexOnClose,
         listRef,
         open,
         setOpen,
-        setReferenceElement: (el) => refs.setReference(el),
+        setReferenceElement,
     };
 }
 
@@ -966,7 +967,7 @@ function AutocompleteRebuiltInternal(props, forwardedRef) {
         disabled, readOnly: props.readOnly, error: error !== null && error !== void 0 ? error : undefined, name: props.name, invalid, autoComplete: "off", autoFocus: props.autoFocus, description, size: sizeProp ? sizeProp : undefined, prefix: props.prefix, suffix: props.suffix }), (props.readOnly ? {} : composedReferenceProps)), { role: "combobox", "aria-autocomplete": "list", "aria-expanded": open ? true : false, "aria-controls": listboxId, "aria-activedescendant": open && activeIndex != null
             ? `${listboxId}-item-${activeIndex}`
             : undefined }), dataAttrs);
-    const referenceInputRef = (node) => {
+    const referenceInputRef = useCallback((node) => {
         setReferenceElement(node);
         // Workaround to get the width of the visual InputText element, which is not the same as
         // the literal input reference element when props like suffix/prefix/clearable are present.
@@ -975,11 +976,11 @@ function AutocompleteRebuiltInternal(props, forwardedRef) {
             setMenuWidth(visualInputTextElement.clientWidth);
             setPositionRefEl(visualInputTextElement);
         }
-    };
-    const mergedInputRef = mergeRefs([
+    }, [setReferenceElement]);
+    const mergedInputRef = useMemo(() => mergeRefs([
         referenceInputRef,
         forwardedRef,
-    ]);
+    ]), [referenceInputRef, forwardedRef]);
     useEffect(() => {
         if (!positionRefEl)
             return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.111.1",
+  "version": "6.111.2",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -538,5 +538,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "c91a8c3de71324d43190997b0c397ccebd868c04"
+  "gitHead": "1baaa9f24017f50d12130e779b621a7c971723ef"
 }