@availity/mui-textfield 0.6.8 → 0.6.9

package/CHANGELOG.md

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

package/dist/index.js

@@ -70,6 +70,7 @@ var import_mui_form_utils = require("@availity/mui-form-utils");
 var import_jsx_runtime = require("react/jsx-runtime");
 var TextField = (0, import_react.forwardRef)((props, ref) => {
   const _a = props, { InputProps: InputProps2, helpTopicId, InputLabelProps, FormHelperTextProps: FormHelperTextProps2, required, SelectProps: SelectProps2, inputProps } = _a, rest = __objRest(_a, ["InputProps", "helpTopicId", "InputLabelProps", "FormHelperTextProps", "required", "SelectProps", "inputProps"]);
+  const [openDetected, setOpenDetected] = (0, import_react.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_TextField.default,
     __spreadProps(__spreadValues({}, rest), {
@@ -77,7 +78,7 @@ var TextField = (0, import_react.forwardRef)((props, ref) => {
       InputProps: __spreadValues(__spreadValues({}, InputProps2), import_mui_form_utils.InputPropOverrides),
       InputLabelProps: __spreadValues({ component: import_mui_form_utils.FormLabel, helpTopicId, required, shrink: true }, InputLabelProps),
       FormHelperTextProps: __spreadValues({ component: import_mui_form_utils.FormHelperText }, FormHelperTextProps2),
-      SelectProps: __spreadValues(__spreadValues({}, SelectProps2), import_mui_form_utils.SelectPropOverrides),
+      SelectProps: __spreadValues(__spreadValues(__spreadValues({}, SelectProps2), import_mui_form_utils.SelectPropOverrides), (0, import_mui_form_utils.SelectAccessibilityOverrides)(openDetected, setOpenDetected, SelectProps2 == null ? void 0 : SelectProps2.open)),
       ref
     })
   );

package/dist/index.mjs

@@ -31,17 +31,19 @@ var __objRest = (source, exclude) => {
 };
 
 // src/lib/TextField.tsx
-import { forwardRef } from "react";
+import { forwardRef, useState } from "react";
 import MuiTextField from "@mui/material/TextField";
 import {
   FormHelperText,
   FormLabel,
   InputPropOverrides,
+  SelectAccessibilityOverrides,
   SelectPropOverrides
 } from "@availity/mui-form-utils";
 import { jsx } from "react/jsx-runtime";
 var TextField = forwardRef((props, ref) => {
   const _a = props, { InputProps: InputProps2, helpTopicId, InputLabelProps, FormHelperTextProps: FormHelperTextProps2, required, SelectProps: SelectProps2, inputProps } = _a, rest = __objRest(_a, ["InputProps", "helpTopicId", "InputLabelProps", "FormHelperTextProps", "required", "SelectProps", "inputProps"]);
+  const [openDetected, setOpenDetected] = useState(false);
   return /* @__PURE__ */ jsx(
     MuiTextField,
     __spreadProps(__spreadValues({}, rest), {
@@ -49,7 +51,7 @@ var TextField = forwardRef((props, ref) => {
       InputProps: __spreadValues(__spreadValues({}, InputProps2), InputPropOverrides),
       InputLabelProps: __spreadValues({ component: FormLabel, helpTopicId, required, shrink: true }, InputLabelProps),
       FormHelperTextProps: __spreadValues({ component: FormHelperText }, FormHelperTextProps2),
-      SelectProps: __spreadValues(__spreadValues({}, SelectProps2), SelectPropOverrides),
+      SelectProps: __spreadValues(__spreadValues(__spreadValues({}, SelectProps2), SelectPropOverrides), SelectAccessibilityOverrides(openDetected, setOpenDetected, SelectProps2 == null ? void 0 : SelectProps2.open)),
       ref
     })
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-textfield",
-  "version": "0.6.8",
+  "version": "0.6.9",
   "description": "Availity MUI Textfield Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -32,7 +32,7 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "dependencies": {
-    "@availity/mui-form-utils": "0.13.0",
+    "@availity/mui-form-utils": "0.13.1",
     "@availity/mui-icon": "0.10.1"
   },
   "devDependencies": {

package/src/lib/TextField.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import { forwardRef, useState } from 'react';
 import MuiTextField, { TextFieldProps as MuiTextFieldProps } from '@mui/material/TextField';
 import {
   FormHelperText,
@@ -7,6 +7,7 @@ import {
   FormLabelProps,
   InputPropOverrides,
   InputProps,
+  SelectAccessibilityOverrides,
   SelectPropOverrides,
   SelectProps,
 } from '@availity/mui-form-utils';
@@ -24,6 +25,7 @@ export type TextFieldProps = {
 export const TextField = forwardRef<HTMLDivElement | HTMLInputElement, TextFieldProps>((props, ref) => {
   const { InputProps, helpTopicId, InputLabelProps, FormHelperTextProps, required, SelectProps, inputProps, ...rest } =
     props;
+  const [ openDetected, setOpenDetected ] = useState(false);
 
   return (
     <MuiTextField
@@ -32,7 +34,7 @@ export const TextField = forwardRef<HTMLDivElement | HTMLInputElement, TextField
       InputProps={{ ...InputProps, ...InputPropOverrides }}
       InputLabelProps={{ component: FormLabel, helpTopicId: helpTopicId, required, shrink: true, ...InputLabelProps }}
       FormHelperTextProps={{ component: FormHelperText, ...FormHelperTextProps }}
-      SelectProps={{ ...SelectProps, ...SelectPropOverrides }}
+      SelectProps={{ ...SelectProps, ...SelectPropOverrides, ...SelectAccessibilityOverrides(openDetected, setOpenDetected, SelectProps?.open) }}
       ref={ref}
     />
   );