@availity/mui-textfield 1.2.0 → 1.2.1

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.2.1](https://github.com/Availity/element/compare/@availity/mui-textfield@1.2.0...@availity/mui-textfield@1.2.1) (2025-04-21)
+
+### Dependency Updates
+
+* `mui-form-utils` updated to version `1.2.0`
+* `mui-button` updated to version `1.2.0`
+* `mui-menu` updated to version `1.2.0`
 ## [1.2.0](https://github.com/Availity/element/compare/@availity/mui-textfield@1.1.6...@availity/mui-textfield@1.2.0) (2025-04-14)
 
 ### Dependency Updates

package/package.json

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

package/src/lib/TextField.stories.tsx

@@ -6,7 +6,14 @@ import { IMaskInput } from 'react-imask';
 import { NumericFormat, NumericFormatProps } from 'react-number-format';
 import { IconButton } from '@availity/mui-button';
 import { Chip } from '@availity/mui-chip';
-import { FormControl, FormLabel, Input, InputAdornment, SearchByFormGroup, SelectChangeEvent } from '@availity/mui-form-utils';
+import {
+  FormControl,
+  FormLabel,
+  Input,
+  InputAdornment,
+  SearchByFormGroup,
+  SelectChangeEvent,
+} from '@availity/mui-form-utils';
 import { EyeIcon, EyeSlashIcon, SearchIcon } from '@availity/mui-icon';
 import { Box, Grid, Stack } from '@availity/mui-layout';
 import { MenuItem } from '@availity/mui-menu';
@@ -394,20 +401,26 @@ export const _SearchBy: StoryObj<typeof TextField> = {
     };
 
     return (
-      <SearchByFormGroup searchById="searchby">
-        <TextField id="searchby" value={searchBy} fullWidth={false} select slotProps={{select:{ onChange: handleChange, labelId: "searchby-label"}}}>
+      <SearchByFormGroup searchById="searchbystory-searchby">
+        <TextField
+          id="searchbystory-searchby"
+          value={searchBy}
+          fullWidth={false}
+          select
+          slotProps={{ select: { onChange: handleChange, labelId: 'searchbystory-searchby-label' } }}
+        >
           <MenuItem value="Parameter 1">Parameter 1</MenuItem>
           <MenuItem value="Parameter 2">Parameter 2</MenuItem>
           <MenuItem value="Parameter 3">Parameter 3</MenuItem>
         </TextField>
         <TextField
-          id="search"
+          id="searchbystory-search"
           placeholder="search"
           slotProps={{
             input: {
               startAdornment: (
-                <InputAdornment position="start">
-                  <SearchIcon aria-hidden={false} aria-label="search"/>
+              <InputAdornment position="start" component="label" htmlFor="searchbystory-search">
+                <SearchIcon aria-hidden={false} titleAccess="search"/>
                 </InputAdornment>
               ),
             }