@algolia/satellite 2.2.1 → 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/Fields/AutoComplete/types.d.ts

@@ -1,4 +1,4 @@
-import { UseMultipleSelectionStateChangeTypes } from "downshift";
+import type { UseMultipleSelectionStateChangeTypes } from "downshift";
 import type { ComponentType, FocusEventHandler, ForwardedRef, PropsWithChildren, ReactNode, RefObject } from "react";
 import type { IconComponentType } from "../../Icons";
 export declare type AutoCompleteVariant = "medium" | "large";
@@ -176,7 +176,6 @@ export interface AutoCompleteSingleProps<T extends Option = Option> extends Auto
 }
 declare type UseMultipleSelectionStateChangeTypesKey = keyof typeof UseMultipleSelectionStateChangeTypes;
 export declare type AutoCompleteChangeTypesValue = (typeof UseMultipleSelectionStateChangeTypes)[UseMultipleSelectionStateChangeTypesKey];
-export declare const AutoCompleteChangeTypes: typeof UseMultipleSelectionStateChangeTypes;
 export interface AutoCompleteMultiProps<T extends Option = Option> extends AutoCompleteBaseProps<T> {
     /**
      * Whether the `AutoComplete` is a multiple selection.

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

@@ -2,7 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
-exports.AutoCompleteChangeTypes = void 0;
-var _downshift = require("downshift");
-var AutoCompleteChangeTypes = exports.AutoCompleteChangeTypes = _downshift.UseMultipleSelectionStateChangeTypes;
+});

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/Fields/AutoComplete/types.d.ts

@@ -1,4 +1,4 @@
-import { UseMultipleSelectionStateChangeTypes } from "downshift";
+import type { UseMultipleSelectionStateChangeTypes } from "downshift";
 import type { ComponentType, FocusEventHandler, ForwardedRef, PropsWithChildren, ReactNode, RefObject } from "react";
 import type { IconComponentType } from "../../Icons";
 export declare type AutoCompleteVariant = "medium" | "large";
@@ -176,7 +176,6 @@ export interface AutoCompleteSingleProps<T extends Option = Option> extends Auto
 }
 declare type UseMultipleSelectionStateChangeTypesKey = keyof typeof UseMultipleSelectionStateChangeTypes;
 export declare type AutoCompleteChangeTypesValue = (typeof UseMultipleSelectionStateChangeTypes)[UseMultipleSelectionStateChangeTypesKey];
-export declare const AutoCompleteChangeTypes: typeof UseMultipleSelectionStateChangeTypes;
 export interface AutoCompleteMultiProps<T extends Option = Option> extends AutoCompleteBaseProps<T> {
     /**
      * Whether the `AutoComplete` is a multiple selection.

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

@@ -1,2 +1 @@
-import { UseMultipleSelectionStateChangeTypes } from "downshift";
-export var AutoCompleteChangeTypes = UseMultipleSelectionStateChangeTypes;
+export {};

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.1",
+  "version": "2.2.3",
   "description": "Algolia design system React components",
   "sideEffects": false,
   "scripts": {