@algolia/satellite 2.2.2 → 2.2.3

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

@@ -199,7 +199,6 @@ var AutoComplete = exports.AutoComplete = /*#__PURE__*/(0, _react.forwardRef)(fu
       });
     },
     defaultHighlightedIndex: 0,
-    isOpen: inputValue ? items.length > 0 ? undefined : true : undefined,
     getA11yStatusMessage: function getA11yStatusMessage(_ref2) {
       var isOpen = _ref2.isOpen,
         resultCount = _ref2.resultCount,
@@ -300,6 +299,12 @@ var AutoComplete = exports.AutoComplete = /*#__PURE__*/(0, _react.forwardRef)(fu
         // @ts-expect-error wrong type
         evt.nativeEvent.preventDownshiftDefault = true;
       }
+
+      // should not close the menu on Enter if there are no items matching the input value
+      if (combobox.isOpen && evt.key === "Enter" && items.length === 0 && inputValue.trim().length > 0) {
+        // @ts-expect-error wrong type
+        evt.nativeEvent.preventDownshiftDefault = true;
+      }
       if (multiple && creatable && inputValue.trim().length > 0 && separatorKeys !== null && separatorKeys !== void 0 && separatorKeys.includes(evt.key)) {
         evt.preventDefault();
         var _createFromInputValue = createFromInputValue(options, inputValue),

package/dist/cjs/Overlay/Modal/Modal.js

@@ -89,7 +89,7 @@ var Modal = exports.Modal = function Modal(_ref) {
       className: (0, _clsx["default"])(animate && !_prefersReducedMotion.prefersReducedMotion && (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["modal-animated"]))), (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["modal-overlay bg-grey-900/30 z-modalOverlay inset-0 fixed w-full h-full flex items-start justify-center overflow-x-hidden overflow-y-auto px-4 py-10"])))),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Dialog.Content, {
         ref: dialogContentRef,
-        className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["modal-content"]))), SIZE_CLASSNAMES[size], centerY && (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["flex m-auto"])))),
+        className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["modal-content"]))), SIZE_CLASSNAMES[size], centerY && (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["flex m-auto justify-center"])))),
         "aria-describedby": undefined,
         onOpenAutoFocus: function onOpenAutoFocus(e) {
           var _closeButtonRef$curre;

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

@@ -195,7 +195,6 @@ export var AutoComplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
       });
     },
     defaultHighlightedIndex: 0,
-    isOpen: inputValue ? items.length > 0 ? undefined : true : undefined,
     getA11yStatusMessage: function getA11yStatusMessage(_ref2) {
       var isOpen = _ref2.isOpen,
         resultCount = _ref2.resultCount,
@@ -296,6 +295,12 @@ export var AutoComplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
         // @ts-expect-error wrong type
         evt.nativeEvent.preventDownshiftDefault = true;
       }
+
+      // should not close the menu on Enter if there are no items matching the input value
+      if (combobox.isOpen && evt.key === "Enter" && items.length === 0 && inputValue.trim().length > 0) {
+        // @ts-expect-error wrong type
+        evt.nativeEvent.preventDownshiftDefault = true;
+      }
       if (multiple && creatable && inputValue.trim().length > 0 && separatorKeys !== null && separatorKeys !== void 0 && separatorKeys.includes(evt.key)) {
         evt.preventDefault();
         var _createFromInputValue = createFromInputValue(options, inputValue),

package/dist/esm/Overlay/Modal/Modal.js

@@ -79,7 +79,7 @@ export var Modal = function Modal(_ref) {
       className: cx(animate && !prefersReducedMotion && stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["modal-animated"]))), stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["modal-overlay bg-grey-900/30 z-modalOverlay inset-0 fixed w-full h-full flex items-start justify-center overflow-x-hidden overflow-y-auto px-4 py-10"])))),
       children: /*#__PURE__*/_jsx(Dialog.Content, {
         ref: dialogContentRef,
-        className: cx(stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["modal-content"]))), SIZE_CLASSNAMES[size], centerY && stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["flex m-auto"])))),
+        className: cx(stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["modal-content"]))), SIZE_CLASSNAMES[size], centerY && stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["flex m-auto justify-center"])))),
         "aria-describedby": undefined,
         onOpenAutoFocus: function onOpenAutoFocus(e) {
           var _closeButtonRef$curre;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@algolia/satellite",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "description": "Algolia design system React components",
   "sideEffects": false,
   "scripts": {