@availity/mui-textfield 1.2.0 → 1.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/package.json +2 -2
- package/src/lib/TextField.stories.tsx +19 -6
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
|
|
4
4
|
|
|
5
|
+
## [1.2.2](https://github.com/Availity/element/compare/@availity/mui-textfield@1.2.1...@availity/mui-textfield@1.2.2) (2025-04-24)
|
|
6
|
+
|
|
7
|
+
### Dependency Updates
|
|
8
|
+
|
|
9
|
+
* `mui-form-utils` updated to version `1.2.1`
|
|
10
|
+
## [1.2.1](https://github.com/Availity/element/compare/@availity/mui-textfield@1.2.0...@availity/mui-textfield@1.2.1) (2025-04-21)
|
|
11
|
+
|
|
12
|
+
### Dependency Updates
|
|
13
|
+
|
|
14
|
+
* `mui-form-utils` updated to version `1.2.0`
|
|
15
|
+
* `mui-button` updated to version `1.2.0`
|
|
16
|
+
* `mui-menu` updated to version `1.2.0`
|
|
5
17
|
## [1.2.0](https://github.com/Availity/element/compare/@availity/mui-textfield@1.1.6...@availity/mui-textfield@1.2.0) (2025-04-14)
|
|
6
18
|
|
|
7
19
|
### Dependency Updates
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@availity/mui-textfield",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.2",
|
|
4
4
|
"description": "Availity MUI Textfield Component - part of the @availity/element design system",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"publish:canary": "yarn npm publish --access public --tag canary"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@availity/mui-form-utils": "1.2.
|
|
43
|
+
"@availity/mui-form-utils": "1.2.2",
|
|
44
44
|
"@availity/mui-icon": "1.0.2"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
@@ -6,7 +6,14 @@ import { IMaskInput } from 'react-imask';
|
|
|
6
6
|
import { NumericFormat, NumericFormatProps } from 'react-number-format';
|
|
7
7
|
import { IconButton } from '@availity/mui-button';
|
|
8
8
|
import { Chip } from '@availity/mui-chip';
|
|
9
|
-
import {
|
|
9
|
+
import {
|
|
10
|
+
FormControl,
|
|
11
|
+
FormLabel,
|
|
12
|
+
Input,
|
|
13
|
+
InputAdornment,
|
|
14
|
+
SearchByFormGroup,
|
|
15
|
+
SelectChangeEvent,
|
|
16
|
+
} from '@availity/mui-form-utils';
|
|
10
17
|
import { EyeIcon, EyeSlashIcon, SearchIcon } from '@availity/mui-icon';
|
|
11
18
|
import { Box, Grid, Stack } from '@availity/mui-layout';
|
|
12
19
|
import { MenuItem } from '@availity/mui-menu';
|
|
@@ -394,20 +401,26 @@ export const _SearchBy: StoryObj<typeof TextField> = {
|
|
|
394
401
|
};
|
|
395
402
|
|
|
396
403
|
return (
|
|
397
|
-
<SearchByFormGroup searchById="searchby">
|
|
398
|
-
<TextField
|
|
404
|
+
<SearchByFormGroup searchById="searchbystory-searchby">
|
|
405
|
+
<TextField
|
|
406
|
+
id="searchbystory-searchby"
|
|
407
|
+
value={searchBy}
|
|
408
|
+
fullWidth={false}
|
|
409
|
+
select
|
|
410
|
+
slotProps={{ select: { onChange: handleChange, labelId: 'searchbystory-searchby-label' } }}
|
|
411
|
+
>
|
|
399
412
|
<MenuItem value="Parameter 1">Parameter 1</MenuItem>
|
|
400
413
|
<MenuItem value="Parameter 2">Parameter 2</MenuItem>
|
|
401
414
|
<MenuItem value="Parameter 3">Parameter 3</MenuItem>
|
|
402
415
|
</TextField>
|
|
403
416
|
<TextField
|
|
404
|
-
id="search"
|
|
417
|
+
id="searchbystory-search"
|
|
405
418
|
placeholder="search"
|
|
406
419
|
slotProps={{
|
|
407
420
|
input: {
|
|
408
421
|
startAdornment: (
|
|
409
|
-
|
|
410
|
-
|
|
422
|
+
<InputAdornment position="start" component="label" htmlFor="searchbystory-search">
|
|
423
|
+
<SearchIcon aria-hidden={false} titleAccess="search"/>
|
|
411
424
|
</InputAdornment>
|
|
412
425
|
),
|
|
413
426
|
}
|