@algolia/satellite 1.4.1 → 1.5.0

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

@@ -280,11 +280,9 @@ var AutoComplete = exports.AutoComplete = /*#__PURE__*/(0, _react.forwardRef)(fu
     },
     // We need to make sure to define event handlers here so that they can be composed properly
     onFocus: function onFocus(evt) {
-      var _menuPopper$update2;
       _onFocus === null || _onFocus === void 0 || _onFocus(evt);
       if (evt.defaultPrevented) return;
       setInputFocused(true);
-      (_menuPopper$update2 = menuPopper.update) === null || _menuPopper$update2 === void 0 || _menuPopper$update2.call(menuPopper);
     },
     onBlur: function onBlur(evt) {
       _onBlur === null || _onBlur === void 0 || _onBlur(evt);
@@ -326,6 +324,12 @@ var AutoComplete = exports.AutoComplete = /*#__PURE__*/(0, _react.forwardRef)(fu
       inputValue: inputValue
     });
   }, [inputRef, internalsRef, inputValue]);
+  var oldHideMenu = (0, _react.useRef)(hideMenu);
+  if (oldHideMenu.current !== hideMenu) {
+    var _menuPopper$update2;
+    oldHideMenu.current = hideMenu;
+    (_menuPopper$update2 = menuPopper.update) === null || _menuPopper$update2 === void 0 || _menuPopper$update2.call(menuPopper);
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AutoCompleteContext.AutoCompleteProvider, {
     locale: locale,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/dist/cjs/Fields/Field/Field.d.ts

@@ -3,18 +3,22 @@ import type { FieldState } from "./FieldContext";
 export interface FieldProps {
     /** @ignore */
     className?: string;
-    /** Label to display above the nested input */
+    /** Define a label to display above the nested input. */
     label?: ReactChild;
+    /** Define the `id` of the label. */
     labelId?: string;
+    /** Define the `id` of the input used by the label. */
     labelFor?: string;
-    /** Helpful description to show below the `Field` */
+    /** Define an helpful description to show below the `Field`. */
     description?: ReactNode;
-    /**
-     * An object to handle state
-     */
+    /** Define the state of the `Field`. */
     state?: FieldState;
+    /** Define if the `Field` should be displayed inline. */
     inline?: boolean;
+    /** Define if the `Field` is required. */
     required?: boolean;
+    /** Define the visibility of the required indicator. */
+    hideRequiredIndicator?: boolean;
     children: ReactNode;
 }
 /**

package/dist/cjs/Fields/Field/Field.js

@@ -33,6 +33,8 @@ var Field = exports.Field = function Field(_ref) {
     _ref$inline = _ref.inline,
     inline = _ref$inline === void 0 ? false : _ref$inline,
     requiredProp = _ref.required,
+    _ref$hideRequiredIndi = _ref.hideRequiredIndicator,
+    hideRequiredIndicator = _ref$hideRequiredIndi === void 0 ? false : _ref$hideRequiredIndi,
     children = _ref.children;
   var hasLabel = !!label;
   var labelId = (0, _react.useMemo)(
@@ -93,7 +95,7 @@ var Field = exports.Field = function Field(_ref) {
         children: [hasLabel && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           id: labelId,
           className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["truncate ", ""])), inline ? "mr-2" : "mb-1"),
-          children: [label, (requiredProp || requiredContext) && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: [label, !hideRequiredIndicator && (requiredProp || requiredContext) && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["text-red-700 ml-0.5"]))),
             "aria-hidden": true,
             children: "*"