@availity/mui-autocomplete 2.0.0 → 2.0.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 +14 -0
- package/dist/index.d.mts +5 -5
- package/dist/index.d.ts +5 -5
- package/introduction.mdx +1 -2
- package/package.json +8 -8
- package/src/lib/AsyncAutocomplete.stories.tsx +1 -1
- package/src/lib/Autocomplete.stories.tsx +1 -1
- package/src/lib/CodesAutocomplete.stories.tsx +1 -1
- package/src/lib/OrganizationAutocomplete.stories.tsx +1 -1
- package/src/lib/ProviderAutocomplete.stories.tsx +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,20 @@
|
|
|
2
2
|
|
|
3
3
|
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
|
|
4
4
|
|
|
5
|
+
## [2.0.2](https://github.com/Availity/element/compare/@availity/mui-autocomplete@2.0.1...@availity/mui-autocomplete@2.0.2) (2025-12-09)
|
|
6
|
+
|
|
7
|
+
### Dependency Updates
|
|
8
|
+
|
|
9
|
+
* `mui-form-utils` updated to version `2.0.1`
|
|
10
|
+
* `mui-textfield` updated to version `2.0.1`
|
|
11
|
+
## [2.0.1](https://github.com/Availity/element/compare/@availity/mui-autocomplete@2.0.0...@availity/mui-autocomplete@2.0.1) (2025-12-03)
|
|
12
|
+
|
|
13
|
+
### Dependency Updates
|
|
14
|
+
|
|
15
|
+
* `mui-form-utils` updated to version `2.0.0`
|
|
16
|
+
* `mui-textfield` updated to version `2.0.0`
|
|
17
|
+
* `mui-icon` updated to version `2.0.0`
|
|
18
|
+
* `mui-layout` updated to version `2.0.0`
|
|
5
19
|
## [2.0.0](https://github.com/Availity/element/compare/@availity/mui-autocomplete@1.2.7...@availity/mui-autocomplete@2.0.0) (2025-11-17)
|
|
6
20
|
|
|
7
21
|
### Dependency Updates
|
package/dist/index.d.mts
CHANGED
|
@@ -11,7 +11,7 @@ interface AutocompleteProps<T, Multiple extends boolean | undefined, DisableClea
|
|
|
11
11
|
FieldProps?: TextFieldProps;
|
|
12
12
|
name?: string;
|
|
13
13
|
}
|
|
14
|
-
declare const Autocomplete: <T, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "
|
|
14
|
+
declare const Autocomplete: <T, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]>({ FieldProps, ...props }: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>) => React.JSX.Element;
|
|
15
15
|
|
|
16
16
|
interface AsyncAutocompleteProps<Option, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> extends Omit<AutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'options' | 'disableListWrap' | 'loading'> {
|
|
17
17
|
/** Function that is called to fetch the options for the list. Returns a promise with options, hasMore, and offset */
|
|
@@ -36,7 +36,7 @@ interface AsyncAutocompleteProps<Option, Multiple extends boolean | undefined, D
|
|
|
36
36
|
/** Time to wait before searching with the input value typed into the component */
|
|
37
37
|
debounceTimeout?: number;
|
|
38
38
|
}
|
|
39
|
-
declare const AsyncAutocomplete: <Option, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "
|
|
39
|
+
declare const AsyncAutocomplete: <Option, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]>({ loadOptions, limit, queryKey, ListboxProps, queryOptions, watchParams, debounceTimeout, FieldProps, onInputChange, ...rest }: AsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react_jsx_runtime.JSX.Element;
|
|
40
40
|
|
|
41
41
|
type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
|
|
42
42
|
|
|
@@ -56,7 +56,7 @@ interface CodesAutocompleteProps<Option = Code, Multiple extends boolean | undef
|
|
|
56
56
|
apiConfig?: ApiConfig;
|
|
57
57
|
}
|
|
58
58
|
declare const handleGetCodesOptionLabel: (option: Code) => string;
|
|
59
|
-
declare const CodesAutocomplete: <Option = Code, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "
|
|
59
|
+
declare const CodesAutocomplete: <Option = Code, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]>({ apiConfig, queryOptions, queryKey, list, watchParams, ...rest }: CodesAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react_jsx_runtime.JSX.Element;
|
|
60
60
|
|
|
61
61
|
type Organization = {
|
|
62
62
|
customerId: string;
|
|
@@ -75,7 +75,7 @@ interface OrgAutocompleteProps<Option = Organization, Multiple extends boolean |
|
|
|
75
75
|
apiConfig?: ApiConfig;
|
|
76
76
|
}
|
|
77
77
|
declare const handleGetOrgOptionLabel: (org: Organization) => string;
|
|
78
|
-
declare const OrganizationAutocomplete: <Option = Organization, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "
|
|
78
|
+
declare const OrganizationAutocomplete: <Option = Organization, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]>({ apiConfig, queryKey, ...rest }: OrgAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react_jsx_runtime.JSX.Element;
|
|
79
79
|
|
|
80
80
|
type Provider = {
|
|
81
81
|
id: string;
|
|
@@ -134,6 +134,6 @@ interface ProviderAutocompleteProps<Option = Provider, Multiple extends boolean
|
|
|
134
134
|
apiConfig?: ApiConfig;
|
|
135
135
|
}
|
|
136
136
|
declare const handleGetProviderOptionLabel: (option: Provider) => string;
|
|
137
|
-
declare const ProviderAutocomplete: <Option = Provider, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "
|
|
137
|
+
declare const ProviderAutocomplete: <Option = Provider, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]>({ apiConfig, customerId, queryKey, ...rest }: ProviderAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react_jsx_runtime.JSX.Element;
|
|
138
138
|
|
|
139
139
|
export { AsyncAutocomplete, type AsyncAutocompleteProps, Autocomplete, type AutocompleteProps, type Code, CodesAutocomplete, type CodesAutocompleteProps, type OrgAutocompleteProps, type Organization, OrganizationAutocomplete, type Provider, ProviderAutocomplete, type ProviderAutocompleteProps, fetchCodes, fetchOrgs, fetchProviders, handleGetCodesOptionLabel, handleGetOrgOptionLabel, handleGetProviderOptionLabel };
|
package/dist/index.d.ts
CHANGED
|
@@ -11,7 +11,7 @@ interface AutocompleteProps<T, Multiple extends boolean | undefined, DisableClea
|
|
|
11
11
|
FieldProps?: TextFieldProps;
|
|
12
12
|
name?: string;
|
|
13
13
|
}
|
|
14
|
-
declare const Autocomplete: <T, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "
|
|
14
|
+
declare const Autocomplete: <T, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]>({ FieldProps, ...props }: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>) => React.JSX.Element;
|
|
15
15
|
|
|
16
16
|
interface AsyncAutocompleteProps<Option, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> extends Omit<AutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'options' | 'disableListWrap' | 'loading'> {
|
|
17
17
|
/** Function that is called to fetch the options for the list. Returns a promise with options, hasMore, and offset */
|
|
@@ -36,7 +36,7 @@ interface AsyncAutocompleteProps<Option, Multiple extends boolean | undefined, D
|
|
|
36
36
|
/** Time to wait before searching with the input value typed into the component */
|
|
37
37
|
debounceTimeout?: number;
|
|
38
38
|
}
|
|
39
|
-
declare const AsyncAutocomplete: <Option, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "
|
|
39
|
+
declare const AsyncAutocomplete: <Option, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]>({ loadOptions, limit, queryKey, ListboxProps, queryOptions, watchParams, debounceTimeout, FieldProps, onInputChange, ...rest }: AsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react_jsx_runtime.JSX.Element;
|
|
40
40
|
|
|
41
41
|
type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
|
|
42
42
|
|
|
@@ -56,7 +56,7 @@ interface CodesAutocompleteProps<Option = Code, Multiple extends boolean | undef
|
|
|
56
56
|
apiConfig?: ApiConfig;
|
|
57
57
|
}
|
|
58
58
|
declare const handleGetCodesOptionLabel: (option: Code) => string;
|
|
59
|
-
declare const CodesAutocomplete: <Option = Code, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "
|
|
59
|
+
declare const CodesAutocomplete: <Option = Code, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]>({ apiConfig, queryOptions, queryKey, list, watchParams, ...rest }: CodesAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react_jsx_runtime.JSX.Element;
|
|
60
60
|
|
|
61
61
|
type Organization = {
|
|
62
62
|
customerId: string;
|
|
@@ -75,7 +75,7 @@ interface OrgAutocompleteProps<Option = Organization, Multiple extends boolean |
|
|
|
75
75
|
apiConfig?: ApiConfig;
|
|
76
76
|
}
|
|
77
77
|
declare const handleGetOrgOptionLabel: (org: Organization) => string;
|
|
78
|
-
declare const OrganizationAutocomplete: <Option = Organization, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "
|
|
78
|
+
declare const OrganizationAutocomplete: <Option = Organization, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]>({ apiConfig, queryKey, ...rest }: OrgAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react_jsx_runtime.JSX.Element;
|
|
79
79
|
|
|
80
80
|
type Provider = {
|
|
81
81
|
id: string;
|
|
@@ -134,6 +134,6 @@ interface ProviderAutocompleteProps<Option = Provider, Multiple extends boolean
|
|
|
134
134
|
apiConfig?: ApiConfig;
|
|
135
135
|
}
|
|
136
136
|
declare const handleGetProviderOptionLabel: (option: Provider) => string;
|
|
137
|
-
declare const ProviderAutocomplete: <Option = Provider, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "
|
|
137
|
+
declare const ProviderAutocomplete: <Option = Provider, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]>({ apiConfig, customerId, queryKey, ...rest }: ProviderAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react_jsx_runtime.JSX.Element;
|
|
138
138
|
|
|
139
139
|
export { AsyncAutocomplete, type AsyncAutocompleteProps, Autocomplete, type AutocompleteProps, type Code, CodesAutocomplete, type CodesAutocompleteProps, type OrgAutocompleteProps, type Organization, OrganizationAutocomplete, type Provider, ProviderAutocomplete, type ProviderAutocompleteProps, fetchCodes, fetchOrgs, fetchProviders, handleGetCodesOptionLabel, handleGetOrgOptionLabel, handleGetProviderOptionLabel };
|
package/introduction.mdx
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@availity/mui-autocomplete",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.2",
|
|
4
4
|
"description": "Availity MUI Autocomplete Component - part of the @availity/element design system",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -45,10 +45,10 @@
|
|
|
45
45
|
"qs": "^6.14.0"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"@availity/api-axios": "^
|
|
49
|
-
"@availity/mui-form-utils": "^2.0.
|
|
50
|
-
"@availity/mui-icon": "^2.0.
|
|
51
|
-
"@availity/mui-textfield": "^2.0.
|
|
48
|
+
"@availity/api-axios": "^12.0.0",
|
|
49
|
+
"@availity/mui-form-utils": "^2.0.2",
|
|
50
|
+
"@availity/mui-icon": "^2.0.1",
|
|
51
|
+
"@availity/mui-textfield": "^2.0.2",
|
|
52
52
|
"@mui/material": "^7.3.4",
|
|
53
53
|
"@tanstack/react-query": "^4.36.1",
|
|
54
54
|
"react": "19.2.0",
|
|
@@ -57,9 +57,9 @@
|
|
|
57
57
|
"typescript": "^5.4.5"
|
|
58
58
|
},
|
|
59
59
|
"peerDependencies": {
|
|
60
|
-
"@availity/api-axios": "^
|
|
61
|
-
"@availity/mui-form-utils": "^2.0.
|
|
62
|
-
"@availity/mui-textfield": "^2.0.
|
|
60
|
+
"@availity/api-axios": "^12.0.0",
|
|
61
|
+
"@availity/mui-form-utils": "^2.0.2",
|
|
62
|
+
"@availity/mui-textfield": "^2.0.2",
|
|
63
63
|
"@mui/material": "^7.0.0",
|
|
64
64
|
"@tanstack/react-query": "^4.36.1",
|
|
65
65
|
"react": ">=17.0.0"
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// Each exported component in the package should have its own stories file
|
|
2
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
3
3
|
import AvApi, { ApiConfig } from '@availity/api-axios';
|
|
4
4
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
5
5
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// Each exported component in the package should have its own stories file
|
|
2
2
|
import { useState } from 'react';
|
|
3
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
4
4
|
import { Autocomplete, createFilterOptions } from './Autocomplete';
|
|
5
5
|
import { FilterOptionsState } from '@mui/material';
|
|
6
6
|
import { InputAdornment, SearchByFormGroup } from '@availity/mui-form-utils';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// Each exported component in the package should have its own stories file
|
|
2
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
3
3
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
4
4
|
|
|
5
5
|
import { CodesAutocomplete } from './CodesAutocomplete';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// Each exported component in the package should have its own stories file
|
|
2
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
3
3
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
4
4
|
|
|
5
5
|
import { OrganizationAutocomplete } from './OrganizationAutocomplete';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// Each exported component in the package should have its own stories file
|
|
2
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
3
3
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
4
4
|
|
|
5
5
|
import { ProviderAutocomplete } from './ProviderAutocomplete';
|