@algolia/satellite 2.0.0-rc.1 → 2.0.0-rc.2

package/dist/cjs/Fields/AutoComplete/AutoComplete.js

@@ -330,15 +330,16 @@ var AutoComplete = exports.AutoComplete = /*#__PURE__*/(0, _react.forwardRef)(fu
     oldHideMenu.current = hideMenu;
     void ((_menuPopper$update2 = menuPopper.update) === null || _menuPopper$update2 === void 0 ? void 0 : _menuPopper$update2.call(menuPopper));
   }
+  var setContainerEl = (0, _react.useCallback)(function (el) {
+    setContainerElement(el);
+    // @ts-expect-error - setContainerMeasureRef does accept HTMLDivElement | null
+    setContainerMeasureRef(el);
+  }, [setContainerMeasureRef]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AutoCompleteContext.AutoCompleteProvider, {
     locale: locale,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["flex"]))), className),
-      ref: function ref(el) {
-        setContainerElement(el);
-        // @ts-expect-error - setContainerMeasureRef does accept HTMLDivElement | null
-        setContainerMeasureRef(el);
-      },
+      ref: setContainerEl,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["autocomplete-container"]))), inputFocused && (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["focusable-show"]))), variant === "large" && (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["autocomplete-large py-1"]))), disabled && (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["autocomplete-disabled"]))), isInvalid && (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["autocomplete-invalid"]))), noWrap && (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["autocomplete-nowrap"])))),
         onClick: function onClick() {

package/dist/esm/Fields/AutoComplete/AutoComplete.js

@@ -7,6 +7,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import cx from "clsx";
 import { useCombobox, useMultipleSelection } from "downshift";
+import { useCallback } from "react";
 import { forwardRef } from "react";
 import { Fragment } from "react";
 import { useEffect, useMemo, useRef, useState } from "react";
@@ -325,15 +326,16 @@ export var AutoComplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
     oldHideMenu.current = hideMenu;
     void ((_menuPopper$update2 = menuPopper.update) === null || _menuPopper$update2 === void 0 ? void 0 : _menuPopper$update2.call(menuPopper));
   }
+  var setContainerEl = useCallback(function (el) {
+    setContainerElement(el);
+    // @ts-expect-error - setContainerMeasureRef does accept HTMLDivElement | null
+    setContainerMeasureRef(el);
+  }, [setContainerMeasureRef]);
   return /*#__PURE__*/_jsx(AutoCompleteProvider, {
     locale: locale,
     children: /*#__PURE__*/_jsxs("div", {
       className: cx(stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["flex"]))), className),
-      ref: function ref(el) {
-        setContainerElement(el);
-        // @ts-expect-error - setContainerMeasureRef does accept HTMLDivElement | null
-        setContainerMeasureRef(el);
-      },
+      ref: setContainerEl,
       children: [/*#__PURE__*/_jsxs("div", {
         className: cx(stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["autocomplete-container"]))), inputFocused && stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["focusable-show"]))), variant === "large" && stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["autocomplete-large py-1"]))), disabled && stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["autocomplete-disabled"]))), isInvalid && stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["autocomplete-invalid"]))), noWrap && stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["autocomplete-nowrap"])))),
         onClick: function onClick() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@algolia/satellite",
-  "version": "2.0.0-rc.1",
+  "version": "2.0.0-rc.2",
   "description": "Algolia design system React components",
   "sideEffects": false,
   "scripts": {