@react-spectrum/autocomplete 3.0.0-alpha.26 → 3.0.0-alpha.27

package/dist/module.js

@@ -1,6 +1,42 @@
+"use client";
+
+import $024cf3aa492e9082$exports from "./ar-AE.module.js";
+import $b1478ef78bbb453c$exports from "./bg-BG.module.js";
+import $a460b76408fa2c12$exports from "./cs-CZ.module.js";
+import $e9e48f3945b54c4e$exports from "./da-DK.module.js";
+import $51a37bbbb04b8d4b$exports from "./de-DE.module.js";
+import $a9652db54e8c657c$exports from "./el-GR.module.js";
+import $9d3fddee794c9b57$exports from "./en-US.module.js";
+import $d19a882e0e4cfd8a$exports from "./es-ES.module.js";
+import $f163759b67478eb6$exports from "./et-EE.module.js";
+import $b156937eefa4b1b2$exports from "./fi-FI.module.js";
+import $21aacec2a5f4c61f$exports from "./fr-FR.module.js";
+import $a0cc323ab22de2bd$exports from "./he-IL.module.js";
+import $4b1559eab8beeaf7$exports from "./hr-HR.module.js";
+import $4dab4b9205a1a185$exports from "./hu-HU.module.js";
+import $e68bbe47073afa8a$exports from "./it-IT.module.js";
+import $88667c729de33c42$exports from "./ja-JP.module.js";
+import $4c3197bb97515799$exports from "./ko-KR.module.js";
+import $cd50f414bffb1f7a$exports from "./lt-LT.module.js";
+import $0d7f84ef3916515f$exports from "./lv-LV.module.js";
+import $f1a58baeabc47396$exports from "./nb-NO.module.js";
+import $a3dd9e27853292c1$exports from "./nl-NL.module.js";
+import $6e8413d536bb66ca$exports from "./pl-PL.module.js";
+import $bdf278414a496664$exports from "./pt-BR.module.js";
+import $53a7cad14ed21164$exports from "./pt-PT.module.js";
+import $f503546cf2f6f1ae$exports from "./ro-RO.module.js";
+import $9c0df9313a851b51$exports from "./ru-RU.module.js";
+import $ff7d7295476e23aa$exports from "./sk-SK.module.js";
+import $9a2e91f09cf7ad62$exports from "./sl-SI.module.js";
+import $15b314371291c45e$exports from "./sr-SP.module.js";
+import $1582d77a65bc529b$exports from "./sv-SE.module.js";
+import $c43996bbf6a84066$exports from "./tr-TR.module.js";
+import $f0ebecaa2c26d7b6$exports from "./uk-UA.module.js";
+import $0d8545e67578a6e4$exports from "./zh-CN.module.js";
+import $5a75571ed7cb75fa$exports from "./zh-TW.module.js";
 import "./main.css";
 import {Item as $dc667e3abdbeb6b2$re_export$Item, Section as $dc667e3abdbeb6b2$re_export$Section} from "@react-stately/collections";
-import {useIsMobileDevice as $aQREU$useIsMobileDevice, useUnwrapDOMRef as $aQREU$useUnwrapDOMRef, useFocusableRef as $aQREU$useFocusableRef, useResizeObserver as $aQREU$useResizeObserver, classNames as $aQREU$classNames} from "@react-spectrum/utils";
+import {useIsMobileDevice as $aQREU$useIsMobileDevice, useUnwrapDOMRef as $aQREU$useUnwrapDOMRef, useFocusableRef as $aQREU$useFocusableRef, useResizeObserver as $aQREU$useResizeObserver, dimensionValue as $aQREU$dimensionValue, classNames as $aQREU$classNames} from "@react-spectrum/utils";
 import {ClearButton as $aQREU$ClearButton} from "@react-spectrum/button";
 import {Field as $aQREU$Field} from "@react-spectrum/label";
 import {useLayoutEffect as $aQREU$useLayoutEffect, filterDOMProps as $aQREU$filterDOMProps, useFormReset as $aQREU$useFormReset, mergeProps as $aQREU$mergeProps, useId as $aQREU$useId} from "@react-aria/utils";
@@ -60,310 +96,38 @@ function $parcel$export(e, n, v, s) {
 
 
 var $67773d1975e0a845$exports = {};
-var $024cf3aa492e9082$exports = {};
-$024cf3aa492e9082$exports = {
-    "clear": `\u{645}\u{633}\u{62D}`,
-    "invalid": `(\u{63A}\u{64A}\u{631} \u{635}\u{627}\u{644}\u{62D})`,
-    "loading": `\u{62C}\u{627}\u{631}\u{64D} \u{627}\u{644}\u{62A}\u{62D}\u{645}\u{64A}\u{644}...`,
-    "noResults": `\u{644}\u{627} \u{62A}\u{648}\u{62C}\u{62F} \u{646}\u{62A}\u{627}\u{626}\u{62C}`
-};
-
-
-var $b1478ef78bbb453c$exports = {};
-$b1478ef78bbb453c$exports = {
-    "clear": `\u{418}\u{437}\u{447}\u{438}\u{441}\u{442}\u{438}`,
-    "invalid": `(\u{43D}\u{435}\u{432}\u{430}\u{43B}\u{438}\u{434}\u{435}\u{43D})`,
-    "loading": `\u{417}\u{430}\u{440}\u{435}\u{436}\u{434}\u{430}\u{43D}\u{435}...`,
-    "noResults": `\u{41D}\u{44F}\u{43C}\u{430} \u{440}\u{435}\u{437}\u{443}\u{43B}\u{442}\u{430}\u{442}\u{438}`
-};
-
-
-var $a460b76408fa2c12$exports = {};
-$a460b76408fa2c12$exports = {
-    "clear": `Vymazat`,
-    "invalid": `(neplatn\xe9)`,
-    "loading": `Na\u{10D}\xedt\xe1n\xed...`,
-    "noResults": `\u{17D}\xe1dn\xe9 v\xfdsledky`
-};
-
-
-var $e9e48f3945b54c4e$exports = {};
-$e9e48f3945b54c4e$exports = {
-    "clear": `Ryd`,
-    "invalid": `(ugyldig)`,
-    "loading": `Indl\xe6ser...`,
-    "noResults": `Ingen resultater`
-};
-
-
-var $51a37bbbb04b8d4b$exports = {};
-$51a37bbbb04b8d4b$exports = {
-    "clear": `L\xf6schen`,
-    "invalid": `(ung\xfcltig)`,
-    "loading": `Wird geladen...`,
-    "noResults": `Keine Ergebnisse`
-};
-
-
-var $a9652db54e8c657c$exports = {};
-$a9652db54e8c657c$exports = {
-    "clear": `\u{39A}\u{3B1}\u{3B8}\u{3B1}\u{3C1}\u{3B9}\u{3C3}\u{3BC}\u{3CC}\u{3C2}`,
-    "invalid": `(\u{3B4}\u{3B5}\u{3BD} \u{3B9}\u{3C3}\u{3C7}\u{3CD}\u{3B5}\u{3B9})`,
-    "loading": `\u{3A6}\u{3CC}\u{3C1}\u{3C4}\u{3C9}\u{3C3}\u{3B7}...`,
-    "noResults": `\u{3A7}\u{3C9}\u{3C1}\u{3AF}\u{3C2} \u{3B1}\u{3C0}\u{3BF}\u{3C4}\u{3AD}\u{3BB}\u{3B5}\u{3C3}\u{3BC}\u{3B1}`
-};
-
-
-var $9d3fddee794c9b57$exports = {};
-$9d3fddee794c9b57$exports = {
-    "loading": `Loading...`,
-    "noResults": `No results`,
-    "clear": `Clear`,
-    "invalid": `(invalid)`
-};
-
-
-var $d19a882e0e4cfd8a$exports = {};
-$d19a882e0e4cfd8a$exports = {
-    "clear": `Borrar`,
-    "invalid": `(no v\xe1lido)`,
-    "loading": `Cargando...`,
-    "noResults": `Sin resultados`
-};
-
-
-var $f163759b67478eb6$exports = {};
-$f163759b67478eb6$exports = {
-    "clear": `Kustuta`,
-    "invalid": `(kehtetu)`,
-    "loading": `Laadimine...`,
-    "noResults": `Tulemusi pole`
-};
-
-
-var $b156937eefa4b1b2$exports = {};
-$b156937eefa4b1b2$exports = {
-    "clear": `Kirkas`,
-    "invalid": `(ep\xe4kelpo)`,
-    "loading": `Ladataan...`,
-    "noResults": `Ei tuloksia`
-};
-
-
-var $21aacec2a5f4c61f$exports = {};
-$21aacec2a5f4c61f$exports = {
-    "clear": `Effacer`,
-    "invalid": `(non valide)`,
-    "loading": `Chargement en cours\u{2026}`,
-    "noResults": `Aucun r\xe9sultat`
-};
-
-
-var $a0cc323ab22de2bd$exports = {};
-$a0cc323ab22de2bd$exports = {
-    "clear": `\u{5E0}\u{5E7}\u{5D4}`,
-    "invalid": `(\u{5DC}\u{5D0} \u{5D7}\u{5D5}\u{5E7}\u{5D9})`,
-    "loading": `\u{5D8}\u{5D5}\u{5E2}\u{5DF}...`,
-    "noResults": `\u{5D0}\u{5D9}\u{5DF} \u{5EA}\u{5D5}\u{5E6}\u{5D0}\u{5D5}\u{5EA}`
-};
 
 
-var $4b1559eab8beeaf7$exports = {};
-$4b1559eab8beeaf7$exports = {
-    "clear": `Izbri\u{161}i`,
-    "invalid": `(neva\u{17E}e\u{107}e)`,
-    "loading": `U\u{10D}itavam...`,
-    "noResults": `Nema rezultata`
-};
-
-
-var $4dab4b9205a1a185$exports = {};
-$4dab4b9205a1a185$exports = {
-    "clear": `T\xf6rl\xe9s`,
-    "invalid": `(\xe9rv\xe9nytelen)`,
-    "loading": `Bet\xf6lt\xe9s folyamatban\u{2026}`,
-    "noResults": `Nincsenek tal\xe1latok`
-};
-
-
-var $e68bbe47073afa8a$exports = {};
-$e68bbe47073afa8a$exports = {
-    "clear": `Cancella`,
-    "invalid": `(non valido)`,
-    "loading": `Caricamento...`,
-    "noResults": `Nessun risultato`
-};
-
-
-var $88667c729de33c42$exports = {};
-$88667c729de33c42$exports = {
-    "clear": `\u{30AF}\u{30EA}\u{30A2}`,
-    "invalid": `(\u{7121}\u{52B9})`,
-    "loading": `\u{8AAD}\u{307F}\u{8FBC}\u{307F}\u{4E2D}...`,
-    "noResults": `\u{7D50}\u{679C}\u{306A}\u{3057}`
-};
-
-
-var $4c3197bb97515799$exports = {};
-$4c3197bb97515799$exports = {
-    "clear": `\u{C9C0}\u{C6B0}\u{AE30}`,
-    "invalid": `(\u{C720}\u{D6A8}\u{D558}\u{C9C0} \u{C54A}\u{C74C})`,
-    "loading": `\u{B85C}\u{B4DC} \u{C911}...`,
-    "noResults": `\u{ACB0}\u{ACFC} \u{C5C6}\u{C74C}`
-};
-
-
-var $cd50f414bffb1f7a$exports = {};
-$cd50f414bffb1f7a$exports = {
-    "clear": `I\u{161}valyti`,
-    "invalid": `(netinkama)`,
-    "loading": `\u{12E}keliama...`,
-    "noResults": `Rezultat\u{173} n\u{117}ra`
-};
-
 
-var $0d7f84ef3916515f$exports = {};
-$0d7f84ef3916515f$exports = {
-    "clear": `Not\u{12B}r\u{12B}t`,
-    "invalid": `(neder\u{12B}gs)`,
-    "loading": `Notiek iel\u{101}de...`,
-    "noResults": `Nav rezult\u{101}tu`
-};
 
 
-var $f1a58baeabc47396$exports = {};
-$f1a58baeabc47396$exports = {
-    "clear": `T\xf8m`,
-    "invalid": `(ugyldig)`,
-    "loading": `Laster inn...`,
-    "noResults": `Ingen resultater`
-};
 
 
-var $a3dd9e27853292c1$exports = {};
-$a3dd9e27853292c1$exports = {
-    "clear": `Wissen`,
-    "invalid": `(ongeldig)`,
-    "loading": `Laden...`,
-    "noResults": `Geen resultaten`
-};
 
 
-var $6e8413d536bb66ca$exports = {};
-$6e8413d536bb66ca$exports = {
-    "clear": `Wyczy\u{15B}\u{107}`,
-    "invalid": `(nieprawid\u{142}owy)`,
-    "loading": `Wczytywanie...`,
-    "noResults": `Brak wynik\xf3w`
-};
 
 
-var $bdf278414a496664$exports = {};
-$bdf278414a496664$exports = {
-    "clear": `Limpar`,
-    "invalid": `(inv\xe1lido)`,
-    "loading": `Carregando...`,
-    "noResults": `Nenhum resultado`
-};
 
 
-var $53a7cad14ed21164$exports = {};
-$53a7cad14ed21164$exports = {
-    "clear": `Limpar`,
-    "invalid": `(inv\xe1lido)`,
-    "loading": `A carregar...`,
-    "noResults": `Sem resultados`
-};
 
 
-var $f503546cf2f6f1ae$exports = {};
-$f503546cf2f6f1ae$exports = {
-    "clear": `Golire`,
-    "invalid": `(nevalid)`,
-    "loading": `Se \xeencarc\u{103}...`,
-    "noResults": `Niciun rezultat`
-};
 
 
-var $9c0df9313a851b51$exports = {};
-$9c0df9313a851b51$exports = {
-    "clear": `\u{41E}\u{447}\u{438}\u{441}\u{442}\u{438}\u{442}\u{44C}`,
-    "invalid": `(\u{43D}\u{435}\u{434}\u{435}\u{439}\u{441}\u{442}\u{432}\u{438}\u{442}\u{435}\u{43B}\u{44C}\u{43D}\u{43E})`,
-    "loading": `\u{417}\u{430}\u{433}\u{440}\u{443}\u{437}\u{43A}\u{430}...`,
-    "noResults": `\u{420}\u{435}\u{437}\u{443}\u{43B}\u{44C}\u{442}\u{430}\u{442}\u{44B} \u{43E}\u{442}\u{441}\u{443}\u{442}\u{441}\u{442}\u{432}\u{443}\u{44E}\u{442}`
-};
 
 
-var $ff7d7295476e23aa$exports = {};
-$ff7d7295476e23aa$exports = {
-    "clear": `Vymaza\u{165}`,
-    "invalid": `(neplatn\xe9)`,
-    "loading": `Na\u{10D}\xedtava sa...`,
-    "noResults": `\u{17D}iadne v\xfdsledky`
-};
 
 
-var $9a2e91f09cf7ad62$exports = {};
-$9a2e91f09cf7ad62$exports = {
-    "clear": `Pobri\u{161}ite`,
-    "invalid": `(neveljavno)`,
-    "loading": `Nalaganje...`,
-    "noResults": `Ni rezultatov`
-};
-
 
-var $15b314371291c45e$exports = {};
-$15b314371291c45e$exports = {
-    "clear": `Izbri\u{161}i`,
-    "invalid": `(neva\u{17E}e\u{107}e)`,
-    "loading": `U\u{10D}itavam...`,
-    "noResults": `Nema rezultata`
-};
 
 
-var $1582d77a65bc529b$exports = {};
-$1582d77a65bc529b$exports = {
-    "clear": `Rensa`,
-    "invalid": `(ogiltigt)`,
-    "loading": `L\xe4ser in...`,
-    "noResults": `Inga resultat`
-};
 
 
-var $c43996bbf6a84066$exports = {};
-$c43996bbf6a84066$exports = {
-    "clear": `Temizle`,
-    "invalid": `(ge\xe7ersiz)`,
-    "loading": `Y\xfckleniyor...`,
-    "noResults": `Sonu\xe7 yok`
-};
 
 
-var $f0ebecaa2c26d7b6$exports = {};
-$f0ebecaa2c26d7b6$exports = {
-    "clear": `\u{41E}\u{447}\u{438}\u{441}\u{442}\u{438}\u{442}\u{438}`,
-    "invalid": `(\u{43D}\u{435}\u{434}\u{456}\u{439}\u{441}\u{43D}\u{435})`,
-    "loading": `\u{417}\u{430}\u{432}\u{430}\u{43D}\u{442}\u{430}\u{436}\u{435}\u{43D}\u{43D}\u{44F}...`,
-    "noResults": `\u{420}\u{435}\u{437}\u{443}\u{43B}\u{44C}\u{442}\u{430}\u{442}\u{456}\u{432} \u{43D}\u{435}\u{43C}\u{430}\u{454}`
-};
 
 
-var $0d8545e67578a6e4$exports = {};
-$0d8545e67578a6e4$exports = {
-    "clear": `\u{6E05}\u{9664}`,
-    "invalid": `\u{FF08}\u{65E0}\u{6548}\u{FF09}`,
-    "loading": `\u{6B63}\u{5728}\u{52A0}\u{8F7D}...`,
-    "noResults": `\u{65E0}\u{7ED3}\u{679C}`
-};
 
 
-var $5a75571ed7cb75fa$exports = {};
-$5a75571ed7cb75fa$exports = {
-    "clear": `\u{6E05}\u{9664}`,
-    "invalid": `(\u{7121}\u{6548})`,
-    "loading": `\u{6B63}\u{5728}\u{8F09}\u{5165}...`,
-    "noResults": `\u{7121}\u{4EFB}\u{4F55}\u{7D50}\u{679C}`
-};
 
 
 $67773d1975e0a845$exports = {
@@ -789,7 +553,7 @@ const $c940f54e16bafef5$var$SearchAutocompleteButton = /*#__PURE__*/ (0, $aQREU$
         "data-testid": "searchicon"
     });
     let { icon: icon = searchIcon, isQuiet: isQuiet, isDisabled: isDisabled, isReadOnly: isReadOnly, isPlaceholder: isPlaceholder, validationState: validationState, inputValue: inputValue, clearInput: clearInput, children: children, style: style, className: className } = props;
-    let stringFormatter = (0, $aQREU$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($67773d1975e0a845$exports))));
+    let stringFormatter = (0, $aQREU$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($67773d1975e0a845$exports))), "@react-spectrum/autocomplete");
     let valueId = (0, $aQREU$useId)();
     let invalidId = (0, $aQREU$useId)();
     let validationIcon = validationState === "invalid" ? /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$spectrumiconsuiAlertMedium), {
@@ -881,7 +645,7 @@ function $c940f54e16bafef5$var$SearchAutocompleteTray(props) {
     let listBoxRef = (0, $aQREU$useRef)(null);
     let isLoading = loadingState === "loading" || loadingState === "loadingMore";
     let layout = (0, $aQREU$useListBoxLayout)(state, isLoading);
-    let stringFormatter = (0, $aQREU$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($67773d1975e0a845$exports))));
+    let stringFormatter = (0, $aQREU$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($67773d1975e0a845$exports))), "@react-spectrum/autocomplete");
     let { inputProps: inputProps, listBoxProps: listBoxProps, labelProps: labelProps, clearButtonProps: clearButtonProps } = (0, $aQREU$useSearchAutocomplete)({
         ...props,
         keyboardDelegate: layout,
@@ -1074,8 +838,8 @@ function $f3f3b62273a2d260$var$SearchAutocomplete(props, ref) {
 }
 function $f3f3b62273a2d260$var$_SearchAutocompleteBase(props, ref) {
     props = (0, $aQREU$useProviderProps)(props);
-    let { menuTrigger: menuTrigger = "input", shouldFlip: shouldFlip = true, direction: direction = "bottom", isQuiet: isQuiet, loadingState: loadingState, onLoadMore: onLoadMore, onSubmit: onSubmit = ()=>{}, validate: validate } = props;
-    let stringFormatter = (0, $aQREU$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($67773d1975e0a845$exports))));
+    let { menuTrigger: menuTrigger = "input", shouldFlip: shouldFlip = true, direction: direction = "bottom", align: align = "start", isQuiet: isQuiet, menuWidth: customMenuWidth, loadingState: loadingState, onLoadMore: onLoadMore, onSubmit: onSubmit = ()=>{}, validate: validate } = props;
+    let stringFormatter = (0, $aQREU$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($67773d1975e0a845$exports))), "@react-spectrum/autocomplete");
     let isAsync = loadingState != null;
     let popoverRef = (0, $aQREU$useRef)(null);
     let unwrappedPopoverRef = (0, $aQREU$useUnwrapDOMRef)(popoverRef);
@@ -1126,8 +890,9 @@ function $f3f3b62273a2d260$var$_SearchAutocompleteBase(props, ref) {
         scale,
         onResize
     ]);
+    let width = isQuiet ? undefined : menuWidth;
     let style = {
-        width: isQuiet ? undefined : menuWidth,
+        width: customMenuWidth ? (0, $aQREU$dimensionValue)(customMenuWidth) : width,
         minWidth: isQuiet ? `calc(${menuWidth}px + calc(2 * var(--spectrum-dropdown-quiet-offset)))` : menuWidth
     };
     return /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$react).Fragment, null, /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$Field), {
@@ -1155,7 +920,7 @@ function $f3f3b62273a2d260$var$_SearchAutocompleteBase(props, ref) {
         }),
         ref: popoverRef,
         triggerRef: inputRef,
-        placement: `${direction} end`,
+        placement: `${direction} ${align}`,
         hideArrow: true,
         isNonModal: true,
         shouldFlip: shouldFlip
@@ -1185,7 +950,7 @@ function $f3f3b62273a2d260$var$_SearchAutocompleteInput(props, ref) {
     });
     let { icon: icon = searchIcon, isQuiet: isQuiet, isDisabled: isDisabled, isReadOnly: isReadOnly, validationState: validationState, inputProps: inputProps, inputRef: inputRef, autoFocus: autoFocus, style: style, className: className, loadingState: loadingState, isOpen: isOpen, menuTrigger: menuTrigger, clearButtonProps: clearButtonProps } = props;
     let { hoverProps: hoverProps, isHovered: isHovered } = (0, $aQREU$useHover)({});
-    let stringFormatter = (0, $aQREU$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($67773d1975e0a845$exports))));
+    let stringFormatter = (0, $aQREU$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($67773d1975e0a845$exports))), "@react-spectrum/autocomplete");
     let domProps = (0, $aQREU$filterDOMProps)(props);
     let timeout = (0, $aQREU$useRef)(null);
     let [showLoading, setShowLoading] = (0, $aQREU$useState)(false);