@availity/mui-autocomplete 1.2.7 → 2.0.0

package/CHANGELOG.md

@@ -2,6 +2,25 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [2.0.0](https://github.com/Availity/element/compare/@availity/mui-autocomplete@1.2.7...@availity/mui-autocomplete@2.0.0) (2025-11-17)
+
+### Dependency Updates
+
+* `mui-form-utils` updated to version `1.2.7`
+* `mui-textfield` updated to version `1.2.7`
+* `mui-icon` updated to version `1.2.7`
+* `mui-layout` updated to version `1.2.7`
+
+### ⚠ BREAKING CHANGES
+
+* @mui/material upgraded to v7
+* @mui/x-* upgraded to v8
+* react upgraded to v19
+
+### Features
+
+* upgrade material and react dependencies ([51602a4](https://github.com/Availity/element/commit/51602a48c5304db6f61e2c7e772c9a3a4aa3f65c))
+
 ## [1.2.7](https://github.com/Availity/element/compare/@availity/mui-autocomplete@1.2.6...@availity/mui-autocomplete@1.2.7) (2025-10-30)
 
 ### Dependency Updates

package/dist/index.d.mts

@@ -11,7 +11,7 @@ interface AutocompleteProps<T, Multiple extends boolean | undefined, DisableClea
     FieldProps?: TextFieldProps;
     name?: string;
 }
-declare const Autocomplete: <T, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">({ FieldProps, ...props }: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>) => JSX.Element;
+declare const Autocomplete: <T, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">({ FieldProps, ...props }: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>) => React.JSX.Element;
 
 interface AsyncAutocompleteProps<Option, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> extends Omit<AutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'options' | 'disableListWrap' | 'loading'> {
     /** Function that is called to fetch the options for the list. Returns a promise with options, hasMore, and offset */

package/dist/index.d.ts

@@ -11,7 +11,7 @@ interface AutocompleteProps<T, Multiple extends boolean | undefined, DisableClea
     FieldProps?: TextFieldProps;
     name?: string;
 }
-declare const Autocomplete: <T, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">({ FieldProps, ...props }: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>) => JSX.Element;
+declare const Autocomplete: <T, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">({ FieldProps, ...props }: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>) => React.JSX.Element;
 
 interface AsyncAutocompleteProps<Option, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> extends Omit<AutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'options' | 'disableListWrap' | 'loading'> {
     /** Function that is called to fetch the options for the list. Returns a promise with options, hasMore, and offset */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-autocomplete",
-  "version": "1.2.7",
+  "version": "2.0.0",
   "description": "Availity MUI Autocomplete Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -41,28 +41,28 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "dependencies": {
-    "@mui/types": "^7.2.21",
+    "@mui/types": "^7.4.7",
     "qs": "^6.14.0"
   },
   "devDependencies": {
     "@availity/api-axios": "^11.0.0",
-    "@availity/mui-form-utils": "^1.3.3",
-    "@availity/mui-icon": "^1.1.1",
-    "@availity/mui-textfield": "^1.3.2",
-    "@mui/material": "^6.4.5",
+    "@availity/mui-form-utils": "^2.0.0",
+    "@availity/mui-icon": "^2.0.0",
+    "@availity/mui-textfield": "^2.0.0",
+    "@mui/material": "^7.3.4",
     "@tanstack/react-query": "^4.36.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
     "tsup": "^8.4.0",
     "typescript": "^5.4.5"
   },
   "peerDependencies": {
     "@availity/api-axios": "^8.0.7",
-    "@availity/mui-form-utils": "^1.3.3",
-    "@availity/mui-textfield": "^1.3.2",
-    "@mui/material": "^6.4.5",
+    "@availity/mui-form-utils": "^2.0.0",
+    "@availity/mui-textfield": "^2.0.0",
+    "@mui/material": "^7.0.0",
     "@tanstack/react-query": "^4.36.1",
-    "react": ">=16.3.0"
+    "react": ">=17.0.0"
   },
   "publishConfig": {
     "access": "public"

package/src/lib/AsyncAutocomplete.test.tsx

@@ -64,6 +64,9 @@ describe('AsyncAutocomplete', () => {
     jest.restoreAllMocks();
   });
 
+  // terminate the server
+  afterAll(() => server.close());
+
   test('should render successfully', () => {
     const client = new QueryClient();
 

package/src/lib/Autocomplete.test.tsx

@@ -13,8 +13,10 @@ describe('Autocomplete', () => {
   });
   test('aria-controls should not be empty when open', () => {
     const { getByRole } = render(<Autocomplete open FieldProps={{ label: 'Test' }} options={['1', '2', '3']} />);
-    const combobox = getByRole('combobox', { hidden: true })
+
+    const combobox = getByRole('combobox', { hidden: true });
+    const listbox = getByRole('listbox');
     expect(combobox.getAttribute('aria-controls')).not.toEqual('');
-    expect(combobox.getAttribute('aria-controls')).toMatch(':r');
+    expect(combobox.getAttribute('aria-controls')).toEqual(listbox.getAttribute('id'));
   });
 });

package/src/lib/Autocomplete.tsx

@@ -66,7 +66,7 @@ export const Autocomplete = <
 >({
   FieldProps,
   ...props
-}: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>): JSX.Element => {
+}: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>): React.JSX.Element => {
   // Availity desired default props are not making it into component context through theme defaultProps.
   // Can be overridden by props passed to TextField through `FieldProps`.
   const defaultProps = {

package/src/lib/CodesAutocomplete.test.tsx

@@ -21,6 +21,9 @@ describe('CodesAutocomplete', () => {
     client.clear();
   });
 
+  // terminate the server
+  afterAll(() => server.close());
+
   test('providers are fetched and displayed by name', async () => {
     render(
       <QueryClientProvider client={client}>

package/src/lib/OrganizationAutocomplete.test.tsx

@@ -21,6 +21,9 @@ describe('OrganizationAutocomplete', () => {
     client.clear();
   });
 
+  // terminate the server
+  afterAll(() => server.close());
+
   test('organizations are fetched and displayed by name', async () => {
     render(
       <QueryClientProvider client={client}>

package/src/lib/ProviderAutocomplete.test.tsx

@@ -21,6 +21,9 @@ describe('ProviderAutocomplete', () => {
     client.clear();
   });
 
+  // terminate the server
+  afterAll(() => server.close());
+
   test('providers are fetched and displayed by name', async () => {
     render(
       <QueryClientProvider client={client}>