@react-aria/autocomplete - npm Package Compare versions

Comparing version 3.0.0-nightly-12920fc91-241104 to 3.0.0-nightly-19bc0b845-241211

dist/main.js

 var $3c40871f8cc2eb01$exports = require("./useSearchAutocomplete.main.js");
+var $d43aec1bf2be84e8$exports = require("./useAutocomplete.main.js");
 
@@ -9,2 +10,3 @@
 $parcel$export(module.exports, "useSearchAutocomplete", () => $3c40871f8cc2eb01$exports.useSearchAutocomplete);
+$parcel$export(module.exports, "useAutocomplete", () => $d43aec1bf2be84e8$exports.useAutocomplete);
 /*
@@ -23,2 +25,3 @@ * Copyright 2021 Adobe. All rights reserved.
 
+
 //# sourceMappingURL=main.js.map

dist/module.js

 import {useSearchAutocomplete as $c04f11f368135585$export$da7ade746446be1f} from "./useSearchAutocomplete.module.js";
+import {useAutocomplete as $48f6ba390f8c5b59$export$1e40b3ca02d92d21} from "./useAutocomplete.module.js";
 
@@ -16,3 +17,4 @@ /*
 
-export {$c04f11f368135585$export$da7ade746446be1f as useSearchAutocomplete};
+
+export {$c04f11f368135585$export$da7ade746446be1f as useSearchAutocomplete, $48f6ba390f8c5b59$export$1e40b3ca02d92d21 as useAutocomplete};
 //# sourceMappingURL=module.js.map

dist/types.d.ts

@@ -5,4 +5,5 @@ import { AriaButtonProps } from "@react-types/button";
 import { ComboBoxState } from "@react-stately/combobox";
-import { DOMAttributes, KeyboardDelegate, LayoutDelegate, RefObject, ValidationResult } from "@react-types/shared";
+import { DOMAttributes, KeyboardDelegate, LayoutDelegate, RefObject, ValidationResult, AriaLabelingProps, DOMProps } from "@react-types/shared";
 import { InputHTMLAttributes } from "react";
+import { AutocompleteProps, AutocompleteState } from "@react-stately/autocomplete";
 export interface SearchAutocompleteAria<T> extends ValidationResult {
@@ -45,4 +46,40 @@ /** Props for the label element. */
 export function useSearchAutocomplete<T>(props: AriaSearchAutocompleteOptions<T>, state: ComboBoxState<T>): SearchAutocompleteAria<T>;
+export interface CollectionOptions extends DOMProps, AriaLabelingProps {
+    /** Whether the collection items should use virtual focus instead of being focused directly. */
+    shouldUseVirtualFocus: boolean;
+    /** Whether typeahead is disabled. */
+    disallowTypeAhead: boolean;
+}
+export interface AriaAutocompleteProps extends AutocompleteProps {
+    /**
+     * The filter function used to determine if a option should be included in the autocomplete list.
+     * @default contains
+     */
+    defaultFilter?: (textValue: string, inputValue: string) => boolean;
+}
+export interface AriaAutocompleteOptions extends Omit<AriaAutocompleteProps, 'children'> {
+    /** The ref for the wrapped collection element. */
+    collectionRef: RefObject<HTMLElement | null>;
+    /** The ref for the wrapped input element. */
+    inputRef: RefObject<HTMLInputElement | null>;
+}
+export interface AutocompleteAria {
+    /** Props for the autocomplete input element. */
+    inputProps: InputHTMLAttributes<HTMLInputElement>;
+    /** Props for the collection, to be passed to collection's respective aria hook (e.g. useMenu). */
+    collectionProps: CollectionOptions;
+    /** Ref to attach to the wrapped collection. */
+    collectionRef: RefObject<HTMLElement | null>;
+    /** A filter function that returns if the provided collection node should be filtered out of the collection. */
+    filterFn: (nodeTextValue: string) => boolean;
+}
+/**
+ * Provides the behavior and accessibility implementation for a autocomplete component.
+ * A autocomplete combines a text input with a collection, allowing users to filter the collection's contents match a query.
+ * @param props - Props for the autocomplete.
+ * @param state - State for the autocomplete, as returned by `useAutocompleteState`.
+ */
+export function useAutocomplete(props: AriaAutocompleteOptions, state: AutocompleteState): AutocompleteAria;
 export type { AriaSearchAutocompleteProps } from '@react-types/autocomplete';
 
 //# sourceMappingURL=types.d.ts.map

package.json

 {
   "name": "@react-aria/autocomplete",
-  "version": "3.0.0-nightly-12920fc91-241104",
+  "version": "3.0.0-nightly-19bc0b845-241211",
   "description": "Spectrum UI components in React",
@@ -25,15 +25,18 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@react-aria/combobox": "^3.0.0-nightly-12920fc91-241104",
-    "@react-aria/listbox": "^3.0.0-nightly-12920fc91-241104",
-    "@react-aria/searchfield": "^3.0.0-nightly-12920fc91-241104",
-    "@react-aria/utils": "^3.0.0-nightly-12920fc91-241104",
-    "@react-stately/combobox": "^3.0.0-nightly-12920fc91-241104",
-    "@react-types/autocomplete": "3.0.0-nightly-12920fc91-241104",
-    "@react-types/button": "^3.0.0-nightly-12920fc91-241104",
-    "@react-types/shared": "^3.0.0-nightly-12920fc91-241104",
+    "@react-aria/combobox": "^3.0.0-nightly-19bc0b845-241211",
+    "@react-aria/i18n": "^3.0.0-nightly-19bc0b845-241211",
+    "@react-aria/interactions": "^3.0.0-nightly-19bc0b845-241211",
+    "@react-aria/listbox": "^3.0.0-nightly-19bc0b845-241211",
+    "@react-aria/searchfield": "^3.0.0-nightly-19bc0b845-241211",
+    "@react-aria/utils": "^3.0.0-nightly-19bc0b845-241211",
+    "@react-stately/autocomplete": "3.0.0-nightly-19bc0b845-241211",
+    "@react-stately/combobox": "^3.0.0-nightly-19bc0b845-241211",
+    "@react-types/autocomplete": "3.0.0-nightly-19bc0b845-241211",
+    "@react-types/button": "^3.0.0-nightly-19bc0b845-241211",
+    "@react-types/shared": "^3.0.0-nightly-19bc0b845-241211",
     "@swc/helpers": "^0.5.0"
   },
   "peerDependencies": {
-    "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"
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+    "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
   },
@@ -43,3 +46,3 @@ "publishConfig": {
   },
-  "stableVersion": "3.0.0-alpha.35"
+  "stableVersion": "3.0.0-alpha.36"
 }

src/index.ts

@@ -13,3 +13,6 @@ /*
 export {useSearchAutocomplete} from './useSearchAutocomplete';
+export {useAutocomplete} from './useAutocomplete';
+
 export type {AriaSearchAutocompleteOptions, SearchAutocompleteAria} from './useSearchAutocomplete';
 export type {AriaSearchAutocompleteProps} from '@react-types/autocomplete';
+export type {AriaAutocompleteProps, AriaAutocompleteOptions, AutocompleteAria, CollectionOptions} from './useAutocomplete';

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

169391

increased by357.75%

Number of package files

197

increased by1131.25%

Number of low license alerts

4

decreased by-20%

License quality

80

increased by33.33%

Lines of code

2122

increased by400.47%

Worsened metrics

Dependency count

14

increased by27.27%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@react-aria/i18n@^3.0.0-nightly-19bc0b845-241211

• + Added@react-aria/interactions@^3.0.0-nightly-19bc0b845-241211

• + Added@react-stately/autocomplete@3.0.0-nightly-19bc0b845-241211

• + Added@react-stately/autocomplete@3.0.0-nightly-19bc0b845-241211(transitive)

• + Added@react-types/autocomplete@3.0.0-nightly-19bc0b845-241211(transitive)

• - Removed@react-types/autocomplete@3.0.0-nightly-12920fc91-241104(transitive)

• Updated@react-aria/combobox@^3.0.0-nightly-19bc0b845-241211

• Updated@react-aria/listbox@^3.0.0-nightly-19bc0b845-241211

• Updated@react-aria/searchfield@^3.0.0-nightly-19bc0b845-241211

• Updated@react-aria/utils@^3.0.0-nightly-19bc0b845-241211

• Updated@react-stately/combobox@^3.0.0-nightly-19bc0b845-241211

• Updated@react-types/autocomplete@3.0.0-nightly-19bc0b845-241211

• Updated@react-types/button@^3.0.0-nightly-19bc0b845-241211

• Updated@react-types/shared@^3.0.0-nightly-19bc0b845-241211