@availity/mui-autocomplete 2.2.6 → 3.0.0

package/CHANGELOG.md

@@ -2,6 +2,43 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [3.0.0](https://github.com/Availity/element/compare/@availity/mui-autocomplete@2.2.7...@availity/mui-autocomplete@3.0.0) (2026-06-16)
+
+### Dependency Updates
+
+* `mui-form-utils` updated to version `2.2.7`
+* `mui-textfield` updated to version `2.2.7`
+* `mui-icon` updated to version `2.2.7`
+* `@availity/mock` updated to version `2.2.7`
+* `mui-layout` updated to version `2.2.7`
+
+### ⚠ BREAKING CHANGES
+
+* CJS builds removed, packages are ESM-only.
+
+- Convert all packages to ESM (type: module)
+- Replace Jest with Vitest for all test targets
+- Migrate ESLint to v9 flat config (eslint.config.js)
+- Build output ESM-only (removed CJS dist/index.js require path)
+- Upgrade @tanstack/react-query from v4 to v5
+- Upgrade @availity/api-axios to v13
+- Drop Node 20 support (engines: ^22.0.0 || ^24.0.0)
+- Bump React to 19.2.7, MUI to 7.3.11, TypeScript to 5.9.3
+- Simplify CI caching with built-in yarn cache action + Nx cache
+- Modernize nx.json configuration
+- Update husky hooks to use yarn directly
+- Replace lint-staged nx affected with direct eslint
+
+### Features
+
+* migrate to ESM, Vitest, and ESLint 9 flat config ([cc22bb4](https://github.com/Availity/element/commit/cc22bb4a230bc1f3b190f187c4e61249d015b25b))
+
+## [2.2.7](https://github.com/Availity/element/compare/@availity/mui-autocomplete@2.2.6...@availity/mui-autocomplete@2.2.7) (2026-05-27)
+
+### Dependency Updates
+
+* `mui-form-utils` updated to version `2.2.6`
+* `mui-textfield` updated to version `2.2.6`
 ## [2.2.6](https://github.com/Availity/element/compare/@availity/mui-autocomplete@2.2.5...@availity/mui-autocomplete@2.2.6) (2026-03-16)
 
 

package/README.md

@@ -10,7 +10,7 @@
 
 This package extends the MUI Autocomplete component: [MUI Autocomplete Docs](https://mui.com/components/autocomplete/)
 
-Live demo and documentation in our [Storybook](https://availity.github.io/element/?path=/docs/form-components-autocomplete-introduction--docs)
+Live demo and documentation in our [Storybook](https://availity.github.io/element/?path=/docs/form-components-uncontrolled-fields-autocomplete-readme--docs)
 
 Availity standards for design and usage can be found in the [Availity Design Guide](https://design.availity.com/2e36e50c7)
 

package/dist/index.d.ts

@@ -2,9 +2,10 @@ import { AutocompleteProps as AutocompleteProps$1 } from '@mui/material/Autocomp
 export { createFilterOptions } from '@mui/material/Autocomplete';
 import { ChipTypeMap } from '@mui/material/Chip';
 import { TextFieldProps } from '@availity/mui-textfield';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { UseInfiniteQueryOptions } from '@tanstack/react-query';
-import { ApiConfig } from '@availity/api-axios';
+import * as react from 'react';
+import { UseInfiniteQueryOptions, InfiniteData } from '@tanstack/react-query';
+import { ApiConfig, Organization, Provider as Provider$1 } from '@availity/api-axios';
+export { Organization } from '@availity/api-axios';
 
 interface AutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> extends Omit<AutocompleteProps$1<T, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'clearIcon' | 'clearText' | 'closeText' | 'componentsProps' | 'disabledItemsFocusable' | 'forcePopupIcon' | 'fullWidth' | 'handleHomeEndKeys' | 'includeInputInList' | 'openOnFocus' | 'openText' | 'PaperComponent' | 'PopperComponent' | 'popupIcon' | 'selectOnFocus' | 'size' | 'renderInput' | 'slotProps'> {
     /** Props applied to the `TextField` component */
@@ -26,11 +27,15 @@ interface AsyncAutocompleteProps<Option, Multiple extends boolean | undefined, D
      * @default 50 */
     limit?: number;
     /** Config options for the useInfiniteQuery hook */
-    queryOptions?: UseInfiniteQueryOptions<{
+    queryOptions?: Partial<Omit<UseInfiniteQueryOptions<{
         options: Option[];
         hasMore: boolean;
         offset: number;
-    }>;
+    }, Error, InfiniteData<{
+        options: Option[];
+        hasMore: boolean;
+        offset: number;
+    }>, readonly unknown[], number>, 'queryKey' | 'queryFn' | 'initialPageParam' | 'getNextPageParam'>>;
     /** Object of parameters used for the cacheKey. Options are re-refetched when a value in the object changes  */
     watchParams?: Record<string, unknown>;
     /** Time to wait before searching with the input value typed into the component */
@@ -38,7 +43,7 @@ interface AsyncAutocompleteProps<Option, Multiple extends boolean | undefined, D
     /** Options to prepend to the list (e.g., frequently used items). These will be filtered from loadOptions results to avoid duplicates. */
     prependOptions?: Option[];
 }
-declare const AsyncAutocomplete: <Option, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]>({ loadOptions, limit, queryKey, ListboxProps, queryOptions, watchParams, debounceTimeout, FieldProps, onInputChange, prependOptions, ...rest }: AsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react_jsx_runtime.JSX.Element;
+declare const AsyncAutocomplete: <Option, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]>({ loadOptions, limit, queryKey, ListboxProps, queryOptions, watchParams, debounceTimeout, FieldProps, onInputChange, prependOptions, ...rest }: AsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
 
 type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
 
@@ -49,7 +54,7 @@ type Code = {
 declare const fetchCodes: (config: ApiConfig) => Promise<{
     options: Code[];
     hasMore: boolean;
-    offset: any;
+    offset: number;
 }>;
 interface CodesAutocompleteProps<Option = Code, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> extends Omit<Optional<AsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'queryKey'>, 'loadOptions'> {
     /** The code list id. */
@@ -58,15 +63,8 @@ interface CodesAutocompleteProps<Option = Code, Multiple extends boolean | undef
     apiConfig?: ApiConfig;
 }
 declare const handleGetCodesOptionLabel: (option: Code) => string;
-declare const CodesAutocomplete: <Option = Code, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]>({ apiConfig, queryOptions, queryKey, list, watchParams, ...rest }: CodesAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react_jsx_runtime.JSX.Element;
+declare const CodesAutocomplete: <Option = Code, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]>({ apiConfig, queryOptions, queryKey, list, watchParams, ...rest }: CodesAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
 
-type Organization = {
-    customerId: string;
-    name: string;
-    id: string;
-    createDate: string;
-    links: Record<string, Record<string, string>>;
-};
 declare const fetchOrgs: (config: ApiConfig) => Promise<{
     options: Organization[];
     hasMore: boolean;
@@ -77,14 +75,11 @@ interface OrgAutocompleteProps<Option = Organization, Multiple extends boolean |
     apiConfig?: ApiConfig;
 }
 declare const handleGetOrgOptionLabel: (org: Organization) => string;
-declare const OrganizationAutocomplete: <Option = Organization, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]>({ apiConfig, queryKey, ...rest }: OrgAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react_jsx_runtime.JSX.Element;
+declare const OrganizationAutocomplete: <Option = Organization, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]>({ apiConfig, queryKey, ...rest }: OrgAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
 
-type Provider = {
-    id: string;
+interface Provider extends Provider$1 {
     businessName: string;
     uiDisplayName: string;
-    lastName?: string;
-    firstName?: string;
     payerAssignedIdentifiers?: {
         payerId: string;
         identifier: string;
@@ -123,7 +118,7 @@ type Provider = {
         code: string;
         value: string;
     };
-};
+}
 declare const fetchProviders: (customerId: string, config: ApiConfig) => Promise<{
     options: Provider[];
     hasMore: boolean;
@@ -136,6 +131,6 @@ interface ProviderAutocompleteProps<Option = Provider, Multiple extends boolean
     apiConfig?: ApiConfig;
 }
 declare const handleGetProviderOptionLabel: (option: Provider) => string;
-declare const ProviderAutocomplete: <Option = Provider, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]>({ apiConfig, customerId, queryKey, ...rest }: ProviderAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react_jsx_runtime.JSX.Element;
+declare const ProviderAutocomplete: <Option = Provider, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]>({ apiConfig, customerId, queryKey, ...rest }: ProviderAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
 
-export { AsyncAutocomplete, type AsyncAutocompleteProps, Autocomplete, type AutocompleteProps, type Code, CodesAutocomplete, type CodesAutocompleteProps, type OrgAutocompleteProps, type Organization, OrganizationAutocomplete, type Provider, ProviderAutocomplete, type ProviderAutocompleteProps, fetchCodes, fetchOrgs, fetchProviders, handleGetCodesOptionLabel, handleGetOrgOptionLabel, handleGetProviderOptionLabel };
+export { AsyncAutocomplete, type AsyncAutocompleteProps, Autocomplete, type AutocompleteProps, type Code, CodesAutocomplete, type CodesAutocompleteProps, type OrgAutocompleteProps, OrganizationAutocomplete, type Provider, ProviderAutocomplete, type ProviderAutocompleteProps, fetchCodes, fetchOrgs, fetchProviders, handleGetCodesOptionLabel, handleGetOrgOptionLabel, handleGetProviderOptionLabel };