@react-spectrum/autocomplete 3.0.0-alpha.31 → 3.0.0-alpha.33

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/autocomplete",
-  "version": "3.0.0-alpha.31",
+  "version": "3.0.0-alpha.33",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -36,30 +36,30 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/autocomplete": "3.0.0-alpha.28",
-    "@react-aria/button": "^3.9.4",
-    "@react-aria/dialog": "^3.5.13",
-    "@react-aria/focus": "^3.17.0",
-    "@react-aria/form": "^3.0.4",
-    "@react-aria/i18n": "^3.11.0",
-    "@react-aria/interactions": "^3.21.2",
-    "@react-aria/label": "^3.7.7",
-    "@react-aria/overlays": "^3.22.0",
-    "@react-aria/utils": "^3.24.0",
-    "@react-spectrum/button": "^3.16.3",
-    "@react-spectrum/form": "^3.7.5",
-    "@react-spectrum/label": "^3.16.5",
-    "@react-spectrum/listbox": "^3.12.8",
-    "@react-spectrum/overlays": "^5.6.0",
-    "@react-spectrum/progress": "^3.7.6",
-    "@react-spectrum/textfield": "^3.12.0",
-    "@react-spectrum/utils": "^3.11.6",
-    "@react-stately/collections": "^3.10.6",
-    "@react-stately/combobox": "^3.8.3",
-    "@react-types/autocomplete": "3.0.0-alpha.21",
-    "@react-types/button": "^3.9.3",
-    "@react-types/shared": "^3.23.0",
-    "@spectrum-icons/ui": "^3.6.6",
+    "@react-aria/autocomplete": "3.0.0-alpha.30",
+    "@react-aria/button": "^3.9.6",
+    "@react-aria/dialog": "^3.5.15",
+    "@react-aria/focus": "^3.18.0",
+    "@react-aria/form": "^3.0.6",
+    "@react-aria/i18n": "^3.12.0",
+    "@react-aria/interactions": "^3.22.0",
+    "@react-aria/label": "^3.7.9",
+    "@react-aria/overlays": "^3.23.0",
+    "@react-aria/utils": "^3.25.0",
+    "@react-spectrum/button": "^3.16.5",
+    "@react-spectrum/form": "^3.7.7",
+    "@react-spectrum/label": "^3.16.7",
+    "@react-spectrum/listbox": "^3.13.0",
+    "@react-spectrum/overlays": "^5.6.2",
+    "@react-spectrum/progress": "^3.7.8",
+    "@react-spectrum/textfield": "^3.12.2",
+    "@react-spectrum/utils": "^3.11.8",
+    "@react-stately/collections": "^3.10.8",
+    "@react-stately/combobox": "^3.9.0",
+    "@react-types/autocomplete": "3.0.0-alpha.23",
+    "@react-types/button": "^3.9.5",
+    "@react-types/shared": "^3.24.0",
+    "@spectrum-icons/ui": "^3.6.8",
     "@swc/helpers": "^0.5.0"
   },
   "devDependencies": {
@@ -67,11 +67,11 @@
   },
   "peerDependencies": {
     "@react-spectrum/provider": "^3.0.0",
-    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f645f29edc1322153fd60af4640cbcab1d992dbd"
+  "gitHead": "86d80e3216bc32e75108831cf3a5a720bc849206"
 }

package/src/MobileSearchAutocomplete.tsx

@@ -394,13 +394,13 @@ function SearchAutocompleteTray<T>(props: SearchAutocompleteTrayProps<T>) {
   let popoverRef = useRef<HTMLDivElement>(null);
   let listBoxRef = useRef<HTMLDivElement>(null);
   let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';
-  let layout = useListBoxLayout(state, isLoading);
+  let layout = useListBoxLayout();
   let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/autocomplete');
 
   let {inputProps, listBoxProps, labelProps, clearButtonProps} = useSearchAutocomplete<T>(
     {
       ...props,
-      keyboardDelegate: layout,
+      layoutDelegate: layout,
       popoverRef: popoverRef,
       listBoxRef,
       inputRef,

package/src/SearchAutocomplete.tsx

@@ -100,12 +100,12 @@ function _SearchAutocompleteBase<T extends object>(props: SpectrumSearchAutocomp
       validate: useCallback(v => validate?.(v.inputValue), [validate])
     }
   );
-  let layout = useListBoxLayout(state, loadingState === 'loadingMore');
+  let layout = useListBoxLayout();
 
   let {inputProps, listBoxProps, labelProps, clearButtonProps, descriptionProps, errorMessageProps, isInvalid, validationErrors, validationDetails} = useSearchAutocomplete(
     {
       ...props,
-      keyboardDelegate: layout,
+      layoutDelegate: layout,
       popoverRef: unwrappedPopoverRef,
       listBoxRef,
       inputRef,
@@ -179,6 +179,7 @@ function _SearchAutocompleteBase<T extends object>(props: SpectrumSearchAutocomp
           state={state}
           shouldUseVirtualFocus
           isLoading={loadingState === 'loading' || loadingState === 'loadingMore'}
+          showLoadingSpinner={loadingState === 'loadingMore'}
           onLoadMore={onLoadMore}
           renderEmptyState={() => isAsync && (
             <span className={classNames(searchAutocompleteStyles, 'no-results')}>
@@ -195,7 +196,7 @@ let SearchAutocompleteBase = React.forwardRef(_SearchAutocompleteBase) as <T>(pr
 
 interface SearchAutocompleteInputProps<T> extends SpectrumSearchAutocompleteProps<T> {
   inputProps: InputHTMLAttributes<HTMLInputElement>,
-  inputRef: RefObject<HTMLInputElement>,
+  inputRef: RefObject<HTMLInputElement | null>,
   style?: React.CSSProperties,
   className?: string,
   isOpen?: boolean,
@@ -294,7 +295,7 @@ function _SearchAutocompleteInput<T>(props: SearchAutocompleteInputProps<T>, ref
   }, [isLoading, showLoading, inputValue]);
 
   return (
-    <FocusRing
+    (<FocusRing
       within
       isTextInput
       focusClass={classNames(styles, 'is-focused')}
@@ -302,7 +303,7 @@ function _SearchAutocompleteInput<T>(props: SearchAutocompleteInputProps<T>, ref
       autoFocus={autoFocus}>
       <div
         {...hoverProps}
-        ref={ref as RefObject<HTMLDivElement>}
+        ref={ref as RefObject<HTMLDivElement | null>}
         style={style}
         className={
           classNames(
@@ -359,7 +360,7 @@ function _SearchAutocompleteInput<T>(props: SearchAutocompleteInputProps<T>, ref
           wrapperChildren={(inputValue !== '' || loadingState === 'filtering' || validationState != null) && !isReadOnly ? clearButton : undefined}
           disableFocusRing />
       </div>
-    </FocusRing>
+    </FocusRing>)
   );
 }
 

package/dist/vars.5653edea.css.map

@@ -1 +0,0 @@
-{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAMJ;;;;;;;AAQE;;;;;;AAWF;;;;;;;;;;;;;;;;;;;;AA4CE;;;;;;;;AAYA;;;;;;;AAWE;;;;AAIA;;;;AAJA;;;;AAIA;;;;AAJA;;;;AAIA;;;;AAJA;;;;AAIA;;;;AAJA;;;;AAIA;;;;AAMA;;;;AAKF;;;;;AAME;;;;AAQF;;;;;AAOA;;;;;AAAA;;;;;AAOA;;;;AAIA;;;;;;;;AAUA;;;;;;;AASA;;;;AAIA;;;;AASF;;;;AAIA;;;;;AAKE;;;;AAIA;;;;;AAME;;;;AAOJ;;;;;;;AASE;;;;AAKF;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAOA;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AASA;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAaA;;;;AASE;;;;AAIE;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAKF;;;;;AAQF;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAME;;;;AAiBF;;;;;;AAKE;;;;AAKA;;;;;AAIE;;;;AAMF;;;;;;AAKE;;;;AAMF;;;;AAME;;;;;AAMF;;;;;;;AASE;;;;AAKA;;;;AAdF;;;;;;;AASE;;;;AAKA;;;;AAKF;;;;AAGE;;;;AAcE;;;;;AAOJ;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAME;;;;;AAMF;;;;;AAOF;;;;AAGE;;;;AAIA;;;;AAIA;;;;AAME;;;;;AASA;;;;AASJ;;;;AAIA;;;;AAKF;EACE;;;;;;;;;;;;EAUE;;;;;EAKE;;;;;;EAKE","sources":["packages/@adobe/spectrum-css-temp/components/textfield/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"vars.5653edea.css.map"}