@availity/mui-autocomplete 0.8.4 → 0.8.5

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.8.5](https://github.com/Availity/element/compare/@availity/mui-autocomplete@0.8.4...@availity/mui-autocomplete@0.8.5) (2024-10-18)
+
+### Dependency Updates
+
+* `mui-form-utils` updated to version `0.8.4`
+* `mui-textfield` updated to version `0.8.4`
+
+### Bug Fixes
+
+* **mui-form-utils:** resolve aria-controls warnings ([487fe12](https://github.com/Availity/element/commit/487fe12229a2f1510f8e7ba76028f798896a1b20))
+
 ## [0.8.4](https://github.com/Availity/element/compare/@availity/mui-autocomplete@0.8.3...@availity/mui-autocomplete@0.8.4) (2024-10-01)
 
 ### Dependency Updates

package/dist/index.js

@@ -117,7 +117,10 @@ var Autocomplete = (_a) => {
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoadingIndicator, {})
       ] }) : (params == null ? void 0 : params.InputProps.endAdornment) || null
     }),
-    inputProps: __spreadValues(__spreadValues({}, FieldProps == null ? void 0 : FieldProps.inputProps), params == null ? void 0 : params.inputProps)
+    inputProps: __spreadProps(__spreadValues(__spreadValues({}, FieldProps == null ? void 0 : FieldProps.inputProps), params == null ? void 0 : params.inputProps), {
+      // appease the Level Access scanning tools
+      "aria-controls": (params == null ? void 0 : params.inputProps["aria-controls"]) || ""
+    })
   });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Autocomplete.default,

package/dist/index.mjs

@@ -83,7 +83,10 @@ var Autocomplete = (_a) => {
         /* @__PURE__ */ jsx(LoadingIndicator, {})
       ] }) : (params == null ? void 0 : params.InputProps.endAdornment) || null
     }),
-    inputProps: __spreadValues(__spreadValues({}, FieldProps == null ? void 0 : FieldProps.inputProps), params == null ? void 0 : params.inputProps)
+    inputProps: __spreadProps(__spreadValues(__spreadValues({}, FieldProps == null ? void 0 : FieldProps.inputProps), params == null ? void 0 : params.inputProps), {
+      // appease the Level Access scanning tools
+      "aria-controls": (params == null ? void 0 : params.inputProps["aria-controls"]) || ""
+    })
   });
   return /* @__PURE__ */ jsx(
     MuiAutocomplete,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-autocomplete",
-  "version": "0.8.4",
+  "version": "0.8.5",
   "description": "Availity MUI Autocomplete Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -37,8 +37,8 @@
   },
   "devDependencies": {
     "@availity/api-axios": "^9.0.0",
-    "@availity/mui-form-utils": "^0.13.0",
-    "@availity/mui-textfield": "^0.6.8",
+    "@availity/mui-form-utils": "^0.13.1",
+    "@availity/mui-textfield": "^0.6.9",
     "@mui/material": "^5.15.15",
     "@tanstack/react-query": "^4.36.1",
     "react": "18.2.0",
@@ -48,8 +48,8 @@
   },
   "peerDependencies": {
     "@availity/api-axios": "^8.0.7",
-    "@availity/mui-form-utils": "^0.13.0",
-    "@availity/mui-textfield": "^0.6.8",
+    "@availity/mui-form-utils": "^0.13.1",
+    "@availity/mui-textfield": "^0.6.9",
     "@mui/material": "^5.11.9",
     "@tanstack/react-query": "^4.36.1",
     "react": ">=16.3.0"

package/src/lib/Autocomplete.test.tsx

@@ -6,4 +6,15 @@ describe('Autocomplete', () => {
     const { getByLabelText } = render(<Autocomplete FieldProps={{ label: 'Test' }} options={['1', '2', '3']} />);
     expect(getByLabelText('Test')).toBeTruthy();
   });
+  test('aria-controls should be empty string when not open', () => {
+    const { getByRole } = render(<Autocomplete FieldProps={{ label: 'Test' }} options={['1', '2', '3']} />);
+    const combobox = getByRole('combobox')
+    expect(combobox.getAttribute('aria-controls')).toEqual('');
+  });
+  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 })
+    expect(combobox.getAttribute('aria-controls')).not.toEqual('');
+    expect(combobox.getAttribute('aria-controls')).toMatch(':r');
+  });
 });

package/src/lib/Autocomplete.tsx

@@ -88,6 +88,8 @@ export const Autocomplete = <
     inputProps: {
       ...FieldProps?.inputProps,
       ...params?.inputProps,
+      // appease the Level Access scanning tools
+      'aria-controls': params?.inputProps['aria-controls'] || '',
     },
   });