@availity/mui-autocomplete 1.1.4 → 1.2.1
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 +15 -0
- package/package.json +3 -3
- package/src/lib/Autocomplete.stories.tsx +24 -0
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,21 @@
|
|
|
2
2
|
|
|
3
3
|
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
|
|
4
4
|
|
|
5
|
+
## [1.2.1](https://github.com/Availity/element/compare/@availity/mui-autocomplete@1.2.0...@availity/mui-autocomplete@1.2.1) (2025-05-20)
|
|
6
|
+
|
|
7
|
+
### Dependency Updates
|
|
8
|
+
|
|
9
|
+
* `@availity/mock` updated to version `1.2.0`
|
|
10
|
+
## [1.2.0](https://github.com/Availity/element/compare/@availity/mui-autocomplete@1.1.4...@availity/mui-autocomplete@1.2.0) (2025-05-12)
|
|
11
|
+
|
|
12
|
+
### Dependency Updates
|
|
13
|
+
|
|
14
|
+
* `mui-textfield` updated to version `1.1.4`
|
|
15
|
+
|
|
16
|
+
### Features
|
|
17
|
+
|
|
18
|
+
* **mui-textfield:** new readonly and updated disabled styles ([093844f](https://github.com/Availity/element/commit/093844ff8811656acb701a95a280076a9f0cb030))
|
|
19
|
+
|
|
5
20
|
## [1.1.4](https://github.com/Availity/element/compare/@availity/mui-autocomplete@1.1.3...@availity/mui-autocomplete@1.1.4) (2025-04-30)
|
|
6
21
|
|
|
7
22
|
### Dependency Updates
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@availity/mui-autocomplete",
|
|
3
|
-
"version": "1.1
|
|
3
|
+
"version": "1.2.1",
|
|
4
4
|
"description": "Availity MUI Autocomplete Component - part of the @availity/element design system",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"@availity/api-axios": "^10.0.3",
|
|
48
48
|
"@availity/mui-form-utils": "^1.3.1",
|
|
49
49
|
"@availity/mui-icon": "^1.1.0",
|
|
50
|
-
"@availity/mui-textfield": "^1.
|
|
50
|
+
"@availity/mui-textfield": "^1.3.0",
|
|
51
51
|
"@mui/material": "^6.4.5",
|
|
52
52
|
"@tanstack/react-query": "^4.36.1",
|
|
53
53
|
"react": "18.2.0",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"peerDependencies": {
|
|
59
59
|
"@availity/api-axios": "^8.0.7",
|
|
60
60
|
"@availity/mui-form-utils": "^1.3.1",
|
|
61
|
-
"@availity/mui-textfield": "^1.
|
|
61
|
+
"@availity/mui-textfield": "^1.3.0",
|
|
62
62
|
"@mui/material": "^6.4.5",
|
|
63
63
|
"@tanstack/react-query": "^4.36.1",
|
|
64
64
|
"react": ">=16.3.0"
|
|
@@ -6,6 +6,7 @@ import { FilterOptionsState } from '@mui/material';
|
|
|
6
6
|
import { InputAdornment, SearchByFormGroup } from '@availity/mui-form-utils';
|
|
7
7
|
import { TextField } from '@availity/mui-textfield';
|
|
8
8
|
import { SearchIcon } from '@availity/mui-icon';
|
|
9
|
+
import { Stack } from '@availity/mui-layout';
|
|
9
10
|
|
|
10
11
|
const languages = [
|
|
11
12
|
'Python',
|
|
@@ -70,6 +71,29 @@ export const _Multi: StoryObj<typeof Autocomplete> = {
|
|
|
70
71
|
},
|
|
71
72
|
};
|
|
72
73
|
|
|
74
|
+
/** Notice the new `read-only` styling. We're moving away from `disabled` in favor of `read-only`.
|
|
75
|
+
* _See the [Disabled Fields Explainer](./?path=/docs/bs4-migration-form-migration--disabled-fields) for more information on when to use each._
|
|
76
|
+
*/
|
|
77
|
+
export const _States: StoryObj<typeof Autocomplete> = {
|
|
78
|
+
render: (args) => (
|
|
79
|
+
<Stack direction="row" sx={{ flexWrap: 'wrap' }}>
|
|
80
|
+
<Autocomplete {...args} value="Option 1" id="default" FieldProps={{...args.FieldProps, label: "Default"}}/>
|
|
81
|
+
<Autocomplete {...args} value="Option 1" id="focused" FieldProps={{...args.FieldProps, label: "Focused", focused: true}} />
|
|
82
|
+
<Autocomplete {...args} value="Option 1" id="error" FieldProps={{...args.FieldProps, label: "Error", error: true}} />
|
|
83
|
+
<Autocomplete {...args} value="Option 1" id="read-only" FieldProps={{...args.FieldProps, label: "Read Only"}} readOnly />
|
|
84
|
+
<Autocomplete {...args} value="Option 1" id="disabled" FieldProps={{...args.FieldProps, label: "Disabled"}} disabled />
|
|
85
|
+
<Autocomplete {...args} multiple value={["Option 1"]} id="default-multiple" FieldProps={{...args.FieldProps, label: "Default Multiple"}}/>
|
|
86
|
+
<Autocomplete {...args} multiple value={["Option 1"]} id="focused-multiple" FieldProps={{...args.FieldProps, label: "Focused Multiple", focused: true}} />
|
|
87
|
+
<Autocomplete {...args} multiple value={["Option 1"]} id="error-multiple" FieldProps={{...args.FieldProps, label: "Error Multiple", error: true}} />
|
|
88
|
+
<Autocomplete {...args} multiple value={["Option 1"]} id="read-only-multiple" FieldProps={{...args.FieldProps, label: "Read Only Multiple"}} readOnly />
|
|
89
|
+
<Autocomplete {...args} multiple value={["Option 1"]} id="disabled-multiple" FieldProps={{...args.FieldProps, label: "Disabled Multiple"}} disabled />
|
|
90
|
+
</Stack>
|
|
91
|
+
),
|
|
92
|
+
args: {
|
|
93
|
+
FieldProps: { helperText: 'Helper Text', fullWidth: false },
|
|
94
|
+
},
|
|
95
|
+
};
|
|
96
|
+
|
|
73
97
|
type Option = { inputValue?: string; title: string };
|
|
74
98
|
|
|
75
99
|
const filter = createFilterOptions<Option>();
|