@availity/mui-autocomplete 1.1.3 → 1.2.0
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 +17 -0
- package/package.json +6 -6
- package/src/lib/Autocomplete.stories.tsx +21 -0
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,23 @@
|
|
|
2
2
|
|
|
3
3
|
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
|
|
4
4
|
|
|
5
|
+
## [1.2.0](https://github.com/Availity/element/compare/@availity/mui-autocomplete@1.1.4...@availity/mui-autocomplete@1.2.0) (2025-05-12)
|
|
6
|
+
|
|
7
|
+
### Dependency Updates
|
|
8
|
+
|
|
9
|
+
* `mui-textfield` updated to version `1.1.4`
|
|
10
|
+
|
|
11
|
+
### Features
|
|
12
|
+
|
|
13
|
+
* **mui-textfield:** new readonly and updated disabled styles ([093844f](https://github.com/Availity/element/commit/093844ff8811656acb701a95a280076a9f0cb030))
|
|
14
|
+
|
|
15
|
+
## [1.1.4](https://github.com/Availity/element/compare/@availity/mui-autocomplete@1.1.3...@availity/mui-autocomplete@1.1.4) (2025-04-30)
|
|
16
|
+
|
|
17
|
+
### Dependency Updates
|
|
18
|
+
|
|
19
|
+
* `mui-form-utils` updated to version `1.1.3`
|
|
20
|
+
* `mui-textfield` updated to version `1.1.3`
|
|
21
|
+
* `mui-icon` updated to version `1.1.3`
|
|
5
22
|
## [1.1.3](https://github.com/Availity/element/compare/@availity/mui-autocomplete@1.1.2...@availity/mui-autocomplete@1.1.3) (2025-04-28)
|
|
6
23
|
|
|
7
24
|
### Dependency Updates
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@availity/mui-autocomplete",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.0",
|
|
4
4
|
"description": "Availity MUI Autocomplete Component - part of the @availity/element design system",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -45,9 +45,9 @@
|
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@availity/api-axios": "^10.0.3",
|
|
48
|
-
"@availity/mui-form-utils": "^1.3.
|
|
49
|
-
"@availity/mui-icon": "^1.0
|
|
50
|
-
"@availity/mui-textfield": "^1.
|
|
48
|
+
"@availity/mui-form-utils": "^1.3.1",
|
|
49
|
+
"@availity/mui-icon": "^1.1.0",
|
|
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",
|
|
@@ -57,8 +57,8 @@
|
|
|
57
57
|
},
|
|
58
58
|
"peerDependencies": {
|
|
59
59
|
"@availity/api-axios": "^8.0.7",
|
|
60
|
-
"@availity/mui-form-utils": "^1.3.
|
|
61
|
-
"@availity/mui-textfield": "^1.
|
|
60
|
+
"@availity/mui-form-utils": "^1.3.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,26 @@ export const _Multi: StoryObj<typeof Autocomplete> = {
|
|
|
70
71
|
},
|
|
71
72
|
};
|
|
72
73
|
|
|
74
|
+
export const _States: StoryObj<typeof Autocomplete> = {
|
|
75
|
+
render: (args) => (
|
|
76
|
+
<Stack direction="row" sx={{ flexWrap: 'wrap' }}>
|
|
77
|
+
<Autocomplete {...args} value="Option 1" id="default" FieldProps={{...args.FieldProps, label: "Default"}}/>
|
|
78
|
+
<Autocomplete {...args} value="Option 1" id="focused" FieldProps={{...args.FieldProps, label: "Focused", focused: true}} />
|
|
79
|
+
<Autocomplete {...args} value="Option 1" id="error" FieldProps={{...args.FieldProps, label: "Error", error: true}} />
|
|
80
|
+
<Autocomplete {...args} value="Option 1" id="read-only" FieldProps={{...args.FieldProps, label: "Read Only"}} readOnly />
|
|
81
|
+
<Autocomplete {...args} value="Option 1" id="disabled" FieldProps={{...args.FieldProps, label: "Disabled"}} disabled />
|
|
82
|
+
<Autocomplete {...args} multiple value={["Option 1"]} id="default-multiple" FieldProps={{...args.FieldProps, label: "Default Multiple"}}/>
|
|
83
|
+
<Autocomplete {...args} multiple value={["Option 1"]} id="focused-multiple" FieldProps={{...args.FieldProps, label: "Focused Multiple", focused: true}} />
|
|
84
|
+
<Autocomplete {...args} multiple value={["Option 1"]} id="error-multiple" FieldProps={{...args.FieldProps, label: "Error Multiple", error: true}} />
|
|
85
|
+
<Autocomplete {...args} multiple value={["Option 1"]} id="read-only-multiple" FieldProps={{...args.FieldProps, label: "Read Only Multiple"}} readOnly />
|
|
86
|
+
<Autocomplete {...args} multiple value={["Option 1"]} id="disabled-multiple" FieldProps={{...args.FieldProps, label: "Disabled Multiple"}} disabled />
|
|
87
|
+
</Stack>
|
|
88
|
+
),
|
|
89
|
+
args: {
|
|
90
|
+
FieldProps: { helperText: 'Helper Text', fullWidth: false },
|
|
91
|
+
},
|
|
92
|
+
};
|
|
93
|
+
|
|
73
94
|
type Option = { inputValue?: string; title: string };
|
|
74
95
|
|
|
75
96
|
const filter = createFilterOptions<Option>();
|