@availity/mui-autocomplete 2.2.6 → 3.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-autocomplete",
-  "version": "2.2.6",
+  "version": "3.0.0",
   "description": "Availity MUI Autocomplete Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -8,7 +8,7 @@
     "availity",
     "mui"
   ],
-  "homepage": "https://availity.github.io/element/?path=/docs/form-components-autocomplete-introduction--docs",
+  "homepage": "https://availity.github.io/element/?path=/docs/form-components-uncontrolled-fields-autocomplete-readme--docs",
   "bugs": {
     "url": "https://github.com/Availity/element/issues"
   },
@@ -21,19 +21,17 @@
   "author": "Availity Developers <AVOSS@availity.com>",
   "browser": "./dist/index.js",
   "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "exports": {
-    "./package.json": "./package.json",
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    }
+      "import": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
   },
   "scripts": {
-    "build": "tsup src/index.ts --format esm,cjs --dts",
-    "dev": "tsup src/index.ts --format esm,cjs --watch --dts",
+    "build": "tsup src/index.ts --format esm --dts",
+    "dev": "tsup src/index.ts --format esm --watch --dts",
     "clean": "rm -rf dist",
     "clean:nm": "rm -rf node_modules",
     "bundlesize": "bundlesize",
@@ -41,31 +39,32 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "dependencies": {
-    "@mui/types": "^7.4.7",
-    "qs": "^6.15.0"
+    "@mui/types": "^7.4.12",
+    "qs": "^6.15.2"
   },
   "devDependencies": {
-    "@availity/api-axios": "^12.0.4",
-    "@availity/mui-form-utils": "^2.0.5",
-    "@availity/mui-icon": "^2.1.0",
-    "@availity/mui-textfield": "^2.0.5",
-    "@mui/material": "^7.3.4",
-    "@tanstack/react-query": "^4.36.1",
-    "react": "19.2.0",
-    "react-dom": "19.2.0",
-    "tsup": "^8.4.0",
-    "typescript": "^5.4.5"
+    "@availity/api-axios": "^13.2.0",
+    "@availity/mui-form-utils": "^3.0.0",
+    "@availity/mui-icon": "^3.0.0",
+    "@availity/mui-textfield": "^3.0.0",
+    "@mui/material": "^7.3.11",
+    "@tanstack/react-query": "^5.101.0",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
     "@availity/api-axios": "^12.0.0",
-    "@availity/mui-form-utils": "^2.0.5",
-    "@availity/mui-textfield": "^2.0.5",
+    "@availity/mui-form-utils": "^3.0.0",
+    "@availity/mui-textfield": "^3.0.0",
     "@mui/material": "^7.0.0",
-    "@tanstack/react-query": "^4.36.1",
+    "@tanstack/react-query": "^5.101.0",
     "react": ">=17.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "type": "module"
 }

package/project.json

@@ -8,23 +8,20 @@
     "lint": {
       "executor": "@nx/eslint:lint",
       "options": {
-        "eslintConfig": ".eslintrc.json",
         "silent": false,
         "fix": false,
         "cache": true,
         "cacheLocation": "./node_modules/.cache/autocomplete/.eslintcache",
         "maxWarnings": -1,
         "quiet": false,
-        "noEslintrc": false,
         "hasTypeAwareRules": true,
         "cacheStrategy": "metadata"
       }
     },
     "test": {
-      "executor": "@nx/jest:jest",
-      "outputs": ["{workspaceRoot}/coverage/autocomplete"],
+      "executor": "nx:run-commands",
       "options": {
-        "jestConfig": "packages/autocomplete/jest.config.js"
+        "command": "vitest run packages/autocomplete"
       }
     },
     "version": {
@@ -34,7 +31,9 @@
         "commitMessageFormat": "chore({projectName}): release version ${version} [skip ci]",
         "tagPrefix": "@availity/{projectName}@",
         "trackDeps": true,
-        "skipCommitTypes": ["docs"]
+        "skipCommitTypes": [
+          "docs"
+        ]
       }
     }
   }

package/src/lib/AsyncAutocomplete.stories.tsx

@@ -6,7 +6,7 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { AsyncAutocomplete } from './AsyncAutocomplete';
 
 const meta: Meta<typeof AsyncAutocomplete> = {
-  title: 'Form Components/Autocomplete/AsyncAutocomplete',
+  title: 'Form Components/Uncontrolled Fields/AsyncAutocomplete',
   component: AsyncAutocomplete,
   tags: ['autodocs'],
   args: {

package/src/lib/AsyncAutocomplete.test.tsx

@@ -1,11 +1,9 @@
-import { act, fireEvent, render, screen, waitFor } from '@testing-library/react';
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
 import AvApi, { ApiConfig } from '@availity/api-axios';
-/* eslint-disable @nx/enforce-module-boundaries */
 import { server } from '@availity/mock/src/lib/server';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
 import { AsyncAutocomplete } from './AsyncAutocomplete';
-import { mock } from 'node:test';
 
 const api = new AvApi({ name: 'example' } as ApiConfig);
 
@@ -62,7 +60,7 @@ describe('AsyncAutocomplete', () => {
     // Remove any handlers you may have added
     // in individual tests (runtime handlers).
     server.resetHandlers();
-    jest.restoreAllMocks();
+    vi.restoreAllMocks();
   });
 
   // terminate the server
@@ -184,7 +182,7 @@ describe('AsyncAutocomplete', () => {
   });
 
   test('should call loadOptions when scroll to the bottom', async () => {
-    const mockLoadOptions = jest.fn(loadOptions);
+    const mockLoadOptions = vi.fn(loadOptions);
     const client = new QueryClient();
 
     render(
@@ -221,7 +219,7 @@ describe('AsyncAutocomplete', () => {
   });
 
   test('should call loadOptions if more options available and not enough options for scroll', async () => {
-    const mockLoadOptions = jest.fn(loadOptions);
+    const mockLoadOptions = vi.fn(loadOptions);
     const client = new QueryClient();
 
     render(
@@ -264,7 +262,7 @@ describe('AsyncAutocomplete', () => {
 
 
   test('should search with input value', async () => {
-    const mockLoadOptions = jest.fn(async () => ({ options: [{ label: 'Option 1' }], hasMore: false, offset: 50 }));
+    const mockLoadOptions = vi.fn(async () => ({ options: [{ label: 'Option 1' }], hasMore: false, offset: 50 }));
     const client = new QueryClient();
 
     render(
@@ -288,7 +286,7 @@ describe('AsyncAutocomplete', () => {
   });
 
   test('should make call when watchParams changes', async () => {
-    const mockLoadOptions = jest.fn(async () => ({ options: [{ label: 'Option 1' }], hasMore: false, offset: 50 }));
+    const mockLoadOptions = vi.fn(async () => ({ options: [{ label: 'Option 1' }], hasMore: false, offset: 50 }));
     const client = new QueryClient();
 
     const watchParams = { foo: 'bar' };

package/src/lib/AsyncAutocomplete.tsx

@@ -1,6 +1,6 @@
 import { useState, useRef, useEffect, useCallback } from 'react';
 import type { ChipTypeMap } from '@mui/material/Chip';
-import { useInfiniteQuery, UseInfiniteQueryOptions } from '@tanstack/react-query';
+import { useInfiniteQuery, type InfiniteData, type UseInfiniteQueryOptions } from '@tanstack/react-query';
 import { AutocompleteInputChangeReason } from '@mui/material/Autocomplete';
 
 import { Autocomplete, AutocompleteProps } from './Autocomplete';
@@ -28,7 +28,12 @@ export interface AsyncAutocompleteProps<
    * @default 50 */
   limit?: number;
   /** Config options for the useInfiniteQuery hook */
-  queryOptions?: UseInfiniteQueryOptions<{ options: Option[]; hasMore: boolean; offset: number }>;
+  queryOptions?: Partial<
+    Omit<
+      UseInfiniteQueryOptions<{ options: Option[]; hasMore: boolean; offset: number }, Error, InfiniteData<{ options: Option[]; hasMore: boolean; offset: number }>, readonly unknown[], number>,
+      'queryKey' | 'queryFn' | 'initialPageParam' | 'getNextPageParam'
+    >
+  >;
   /** Object of parameters used for the cacheKey. Options are re-refetched when a value in the object changes  */
   watchParams?: Record<string, unknown>;
   /** Time to wait before searching with the input value typed into the component */
@@ -72,13 +77,14 @@ export const AsyncAutocomplete = <
 
   const { isLoading, isFetching, data, hasNextPage, fetchNextPage } = useInfiniteQuery({
     queryKey: [queryKey, limit, debouncedInput, watchParams],
-    queryFn: async ({ pageParam = 0 }) => loadOptions(pageParam, limit, debouncedInput),
+    queryFn: ({ pageParam }) => loadOptions(pageParam, limit, debouncedInput),
+    initialPageParam: 0,
     staleTime: 10000,
     getNextPageParam: (lastPage) => (lastPage.hasMore ? lastPage.offset + limit : undefined),
     ...queryOptions,
   });
 
-  const options = data?.pages ? data.pages.map((page) => page.options).flat() : [];
+  const options = data?.pages ? data.pages.flatMap((page) => page.options) : [];
 
   const finalOptions =
     prependOptions.length > 0
@@ -99,7 +105,7 @@ export const AsyncAutocomplete = <
     reason: AutocompleteInputChangeReason
   ) => {
     if (reason === 'clear') {
-      setInputValue(event.target.value);
+      setInputValue(value);
     } else if (reason === 'blur') {
       setInputValue(value);
     }

package/src/lib/Autocomplete.stories.tsx

@@ -31,7 +31,7 @@ const languages = [
 ];
 
 const meta: Meta<typeof Autocomplete> = {
-  title: 'Form Components/Autocomplete/Autocomplete',
+  title: 'Form Components/Uncontrolled Fields/Autocomplete',
   component: Autocomplete,
   tags: ['autodocs'],
   args: {
@@ -72,7 +72,7 @@ export const _Multi: StoryObj<typeof Autocomplete> = {
 };
 
 /** Notice the new `read-only` styling. We're moving away from `disabled` in favor of `read-only`.
- * _See the [Disabled Fields Explainer](./?path=/docs/bs4-migration-form-migration--disabled-fields) for more information on when to use each._
+ * _See the [Disabled Fields Explainer](./?path=/docs/upgrading/bs4-migration-form-migration--disabled-fields) for more information on when to use each._
 */
 export const _States: StoryObj<typeof Autocomplete> = {
   render: (args) => (
@@ -151,7 +151,7 @@ export const _FreeSolo: StoryObj<typeof Autocomplete> = {
       return filtered;
     };
 
-    const renderOption = (props: React.HTMLAttributes<HTMLLIElement>, option: Option) => {
+    const renderOption = (props: React.HTMLAttributes<HTMLLIElement> & { key?: string }, option: Option) => {
       const { key, ...optionProps } = props;
       return (
         <li key={key} {...optionProps}>
@@ -196,7 +196,7 @@ export const _Grouped: StoryObj<typeof Autocomplete> = {
   },
 };
 
-/** Wrap the fields in a `SearchByFormGroup` from the [@availity/mui-form-utils](./?path=/docs/form-components-formutils-introduction--docs) package for our combined search by styles.
+/** Wrap the fields in a `SearchByFormGroup` from the [@availity/mui-form-utils](./?path=/docs/form-components-uncontrolled-formutils-readme--docs) package for our combined search by styles.
  *
  * The "Search By" field id must be passed as the FormGroup supplies the label.
  */

package/src/lib/Autocomplete.tsx

@@ -96,9 +96,7 @@ export const Autocomplete = <
 
   return (
     <MuiAutocomplete
-      renderInput={(params: AutocompleteRenderInputParams) => {
-        return <TextField {...params} {...FieldProps} {...resolvedProps(params)} />;
-      }}
+      renderInput={(params: AutocompleteRenderInputParams) => <TextField {...params} {...FieldProps} {...resolvedProps(params)} />}
       popupIcon={<SelectExpandIcon className="MuiSelect-avExpandIcon" />}
       slotProps={{ popupIndicator: { component: PopupIndicatorWrapper } }}
       {...props}

package/src/lib/CodesAutocomplete.stories.tsx

@@ -5,7 +5,7 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { CodesAutocomplete } from './CodesAutocomplete';
 
 const meta: Meta<typeof CodesAutocomplete> = {
-  title: 'Form Components/Autocomplete/CodesAutocomplete',
+  title: 'Form Components/Uncontrolled Fields/CodesAutocomplete',
   component: CodesAutocomplete,
   tags: ['autodocs'],
   args: {

package/src/lib/CodesAutocomplete.test.tsx

@@ -1,5 +1,4 @@
 import { render, screen, fireEvent, waitFor } from '@testing-library/react';
-/* eslint-disable @nx/enforce-module-boundaries */
 import { server } from '@availity/mock/src/lib/server';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
@@ -17,7 +16,7 @@ describe('CodesAutocomplete', () => {
     // Remove any handlers you may have added
     // in individual tests (runtime handlers).
     server.resetHandlers();
-    jest.restoreAllMocks();
+    vi.restoreAllMocks();
     client.clear();
   });
 

package/src/lib/CodesAutocomplete.tsx

@@ -1,4 +1,4 @@
-import { avCodesApi, ApiConfig } from '@availity/api-axios';
+import { avCodesApi, ApiConfig, type CodesResponse } from '@availity/api-axios';
 import type { ChipTypeMap } from '@mui/material/Chip';
 
 import { AsyncAutocomplete, AsyncAutocompleteProps } from './AsyncAutocomplete';
@@ -10,12 +10,12 @@ export type Code = {
 };
 
 export const fetchCodes = async (config: ApiConfig) => {
-  const resp = await avCodesApi.query(config);
+  const resp = await avCodesApi.query<CodesResponse>(config);
 
   return {
-    options: resp.data.codes as Code[],
-    hasMore: config.params.offset + config.params.limit < resp.data.totalCount,
-    offset: config.params.offset,
+    options: resp.data.codes as unknown as Code[],
+    hasMore: (config.params!.offset as number) + (config.params!.limit as number) < resp.data.totalCount,
+    offset: config.params!.offset as number,
   };
 };
 

package/src/lib/OrganizationAutocomplete.stories.tsx

@@ -5,7 +5,7 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { OrganizationAutocomplete } from './OrganizationAutocomplete';
 
 const meta: Meta<typeof OrganizationAutocomplete> = {
-  title: 'Form Components/Autocomplete/OrganizationAutocomplete',
+  title: 'Form Components/Uncontrolled Fields/OrganizationAutocomplete',
   component: OrganizationAutocomplete,
   tags: ['autodocs'],
   args: {

package/src/lib/OrganizationAutocomplete.test.tsx

@@ -1,5 +1,4 @@
 import { render, screen, fireEvent, waitFor } from '@testing-library/react';
-/* eslint-disable @nx/enforce-module-boundaries */
 import { server } from '@availity/mock/src/lib/server';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
@@ -17,7 +16,7 @@ describe('OrganizationAutocomplete', () => {
     // Remove any handlers you may have added
     // in individual tests (runtime handlers).
     server.resetHandlers();
-    jest.restoreAllMocks();
+    vi.restoreAllMocks();
     client.clear();
   });
 

package/src/lib/OrganizationAutocomplete.tsx

@@ -1,17 +1,11 @@
-import { avOrganizationsApi, ApiConfig } from '@availity/api-axios';
+import { avOrganizationsApi, ApiConfig, type OrganizationsResponse, type Organization } from '@availity/api-axios';
 import type { ChipTypeMap } from '@mui/material/Chip';
 import qs from 'qs';
 
 import { AsyncAutocomplete, AsyncAutocompleteProps } from './AsyncAutocomplete';
 import type { Optional } from './util';
 
-export type Organization = {
-  customerId: string;
-  name: string;
-  id: string;
-  createDate: string;
-  links: Record<string, Record<string, string>>;
-};
+export type { Organization } from '@availity/api-axios';
 
 export const fetchOrgs = async (
   config: ApiConfig
@@ -24,12 +18,12 @@ export const fetchOrgs = async (
     },
   };
 
-  const resp = await avOrganizationsApi.getOrganizations(configWithParamsSerializer);
+  const resp = await avOrganizationsApi.getOrganizations<OrganizationsResponse>(configWithParamsSerializer);
 
   return {
-    options: resp.data.organizations as Organization[],
-    hasMore: config.params.offset + config.params.limit < resp.data.totalCount,
-    offset: config.params.offset,
+    options: resp.data.organizations,
+    hasMore: (config.params!.offset as number) + (config.params!.limit as number) < resp.data.totalCount,
+    offset: config.params!.offset as number,
   };
 };
 

package/src/lib/ProviderAutocomplete.stories.tsx

@@ -5,7 +5,7 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { ProviderAutocomplete } from './ProviderAutocomplete';
 
 const meta: Meta<typeof ProviderAutocomplete> = {
-  title: 'Form Components/Autocomplete/ProviderAutocomplete',
+  title: 'Form Components/Uncontrolled Fields/ProviderAutocomplete',
   component: ProviderAutocomplete,
   tags: ['autodocs'],
   args: {

package/src/lib/ProviderAutocomplete.test.tsx

@@ -1,5 +1,4 @@
 import { render, screen, fireEvent, waitFor } from '@testing-library/react';
-/* eslint-disable @nx/enforce-module-boundaries */
 import { server } from '@availity/mock/src/lib/server';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
@@ -17,7 +16,7 @@ describe('ProviderAutocomplete', () => {
     // Remove any handlers you may have added
     // in individual tests (runtime handlers).
     server.resetHandlers();
-    jest.restoreAllMocks();
+    vi.restoreAllMocks();
     client.clear();
   });
 
@@ -89,5 +88,5 @@ describe('ProviderAutocomplete', () => {
     await waitFor(() => {
       expect(screen.getByText('Provider 0')).toBeDefined();
     });
-  }, 10000000000);
+  }, 10000);
 });

package/src/lib/ProviderAutocomplete.tsx

@@ -1,15 +1,12 @@
-import { avProvidersApi, ApiConfig } from '@availity/api-axios';
+import { avProvidersApi, ApiConfig, type ProvidersResponse, type Provider as BaseProvider } from '@availity/api-axios';
 import type { ChipTypeMap } from '@mui/material/Chip';
 
 import { AsyncAutocomplete, AsyncAutocompleteProps } from './AsyncAutocomplete';
 import type { Optional } from './util';
 
-export type Provider = {
-  id: string;
+export interface Provider extends BaseProvider {
   businessName: string;
   uiDisplayName: string;
-  lastName?: string;
-  firstName?: string;
   payerAssignedIdentifiers?: { payerId: string; identifier: string }[];
   atypical: boolean;
   npi: string;
@@ -31,18 +28,18 @@ export type Provider = {
     code: string;
     value: string;
   };
-};
+}
 
 export const fetchProviders = async (
   customerId: string,
   config: ApiConfig
 ): Promise<{ options: Provider[]; hasMore: boolean; offset: number }> => {
-  const resp = await avProvidersApi.getProviders(customerId, config);
+  const resp = await avProvidersApi.getProviders<ProvidersResponse>(customerId, config);
 
   return {
     options: resp.data.providers as Provider[],
-    hasMore: config.params.offset + config.params.limit < resp.data.totalCount,
-    offset: config.params.offset,
+    hasMore: (config.params!.offset as number) + (config.params!.limit as number) < resp.data.totalCount,
+    offset: config.params!.offset as number,
   };
 };
 

package/dist/index.d.mts

@@ -1,141 +0,0 @@
-import { AutocompleteProps as AutocompleteProps$1 } from '@mui/material/Autocomplete';
-export { createFilterOptions } from '@mui/material/Autocomplete';
-import { ChipTypeMap } from '@mui/material/Chip';
-import { TextFieldProps } from '@availity/mui-textfield';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { UseInfiniteQueryOptions } from '@tanstack/react-query';
-import { ApiConfig } from '@availity/api-axios';
-
-interface AutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> extends Omit<AutocompleteProps$1<T, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'clearIcon' | 'clearText' | 'closeText' | 'componentsProps' | 'disabledItemsFocusable' | 'forcePopupIcon' | 'fullWidth' | 'handleHomeEndKeys' | 'includeInputInList' | 'openOnFocus' | 'openText' | 'PaperComponent' | 'PopperComponent' | 'popupIcon' | 'selectOnFocus' | 'size' | 'renderInput' | 'slotProps'> {
-    /** Props applied to the `TextField` component */
-    FieldProps?: TextFieldProps;
-    name?: string;
-}
-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;
-
-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'> {
-    /** Function that is called to fetch the options for the list. Returns a promise with options, hasMore, and offset */
-    loadOptions: (offset: number, limit: number, inputValue?: string) => Promise<{
-        options: Option[];
-        hasMore: boolean;
-        offset: number;
-    }>;
-    /** The key used by @tanstack/react-query to cache the response */
-    queryKey: string;
-    /** The number of options to request from the api
-     * @default 50 */
-    limit?: number;
-    /** Config options for the useInfiniteQuery hook */
-    queryOptions?: UseInfiniteQueryOptions<{
-        options: Option[];
-        hasMore: boolean;
-        offset: number;
-    }>;
-    /** Object of parameters used for the cacheKey. Options are re-refetched when a value in the object changes  */
-    watchParams?: Record<string, unknown>;
-    /** Time to wait before searching with the input value typed into the component */
-    debounceTimeout?: number;
-    /** Options to prepend to the list (e.g., frequently used items). These will be filtered from loadOptions results to avoid duplicates. */
-    prependOptions?: Option[];
-}
-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, prependOptions, ...rest }: AsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react_jsx_runtime.JSX.Element;
-
-type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
-
-type Code = {
-    code: string;
-    value: string;
-};
-declare const fetchCodes: (config: ApiConfig) => Promise<{
-    options: Code[];
-    hasMore: boolean;
-    offset: any;
-}>;
-interface CodesAutocompleteProps<Option = Code, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> extends Omit<Optional<AsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'queryKey'>, 'loadOptions'> {
-    /** The code list id. */
-    list: string;
-    /** Config passed to the AvCodesApi.query function */
-    apiConfig?: ApiConfig;
-}
-declare const handleGetCodesOptionLabel: (option: Code) => string;
-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;
-
-type Organization = {
-    customerId: string;
-    name: string;
-    id: string;
-    createDate: string;
-    links: Record<string, Record<string, string>>;
-};
-declare const fetchOrgs: (config: ApiConfig) => Promise<{
-    options: Organization[];
-    hasMore: boolean;
-    offset: number;
-}>;
-interface OrgAutocompleteProps<Option = Organization, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> extends Omit<Optional<AsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'queryKey'>, 'loadOptions'> {
-    /** Axios ApiConfig */
-    apiConfig?: ApiConfig;
-}
-declare const handleGetOrgOptionLabel: (org: Organization) => string;
-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;
-
-type Provider = {
-    id: string;
-    businessName: string;
-    uiDisplayName: string;
-    lastName?: string;
-    firstName?: string;
-    payerAssignedIdentifiers?: {
-        payerId: string;
-        identifier: string;
-    }[];
-    atypical: boolean;
-    npi: string;
-    customerIds: string[];
-    roles: {
-        code: string;
-        value: string;
-    }[];
-    primaryPhone: {
-        internationalCellularCode: string;
-        areaCode: string;
-        phoneNumber: string;
-    };
-    primaryFax: {
-        internationalCellularCode: string;
-        areaCode: string;
-        phoneNumber: string;
-    };
-    taxId?: string;
-    ssn?: string;
-    primaryAddress: {
-        line1: string;
-        line2: string;
-        city: string;
-        state: string;
-        stateCode: string;
-        zip: {
-            code: string;
-            addon: string;
-        };
-    };
-    primarySpecialty?: {
-        code: string;
-        value: string;
-    };
-};
-declare const fetchProviders: (customerId: string, config: ApiConfig) => Promise<{
-    options: Provider[];
-    hasMore: boolean;
-    offset: number;
-}>;
-interface ProviderAutocompleteProps<Option = Provider, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> extends Omit<Optional<AsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'queryKey'>, 'loadOptions'> {
-    /** Customer ID of the Organization you are requesting the providers for */
-    customerId: string;
-    /** Config passed to the AvProvidersApi.getProviders function */
-    apiConfig?: ApiConfig;
-}
-declare const handleGetProviderOptionLabel: (option: Provider) => string;
-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;
-
-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 };