@availity/mui-autocomplete 1.0.8 → 1.0.9

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.0.9](https://github.com/Availity/element/compare/@availity/mui-autocomplete@1.0.8...@availity/mui-autocomplete@1.0.9) (2025-03-31)
+
 ## [1.0.8](https://github.com/Availity/element/compare/@availity/mui-autocomplete@1.0.7...@availity/mui-autocomplete@1.0.8) (2025-03-27)
 
 ### Dependency Updates

package/dist/index.d.mts

@@ -44,12 +44,18 @@ 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: ({ apiConfig, queryOptions, queryKey, list, watchParams, ...rest }: CodesAutocompleteProps) => react_jsx_runtime.JSX.Element;
 
 type Organization = {
@@ -59,10 +65,16 @@ type Organization = {
     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: ({ apiConfig, queryKey, ...rest }: OrgAutocompleteProps) => react_jsx_runtime.JSX.Element;
 
 type Provider = {
@@ -110,12 +122,18 @@ type Provider = {
         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: ({ apiConfig, customerId, queryKey, ...rest }: ProviderAutocompleteProps) => react_jsx_runtime.JSX.Element;
 
-export { AsyncAutocomplete, type AsyncAutocompleteProps, Autocomplete, type AutocompleteProps, CodesAutocomplete, type CodesAutocompleteProps, type OrgAutocompleteProps, type Organization, OrganizationAutocomplete, type Provider, ProviderAutocomplete, type ProviderAutocompleteProps };
+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

@@ -44,12 +44,18 @@ 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: ({ apiConfig, queryOptions, queryKey, list, watchParams, ...rest }: CodesAutocompleteProps) => react_jsx_runtime.JSX.Element;
 
 type Organization = {
@@ -59,10 +65,16 @@ type Organization = {
     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: ({ apiConfig, queryKey, ...rest }: OrgAutocompleteProps) => react_jsx_runtime.JSX.Element;
 
 type Provider = {
@@ -110,12 +122,18 @@ type Provider = {
         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: ({ apiConfig, customerId, queryKey, ...rest }: ProviderAutocompleteProps) => react_jsx_runtime.JSX.Element;
 
-export { AsyncAutocomplete, type AsyncAutocompleteProps, Autocomplete, type AutocompleteProps, CodesAutocomplete, type CodesAutocompleteProps, type OrgAutocompleteProps, type Organization, OrganizationAutocomplete, type Provider, ProviderAutocomplete, type ProviderAutocompleteProps };
+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.js

@@ -84,7 +84,13 @@ __export(index_exports, {
   CodesAutocomplete: () => CodesAutocomplete,
   OrganizationAutocomplete: () => OrganizationAutocomplete,
   ProviderAutocomplete: () => ProviderAutocomplete,
-  createFilterOptions: () => import_Autocomplete2.createFilterOptions
+  createFilterOptions: () => import_Autocomplete2.createFilterOptions,
+  fetchCodes: () => fetchCodes,
+  fetchOrgs: () => fetchOrgs,
+  fetchProviders: () => fetchProviders,
+  handleGetCodesOptionLabel: () => handleGetCodesOptionLabel,
+  handleGetOrgOptionLabel: () => handleGetOrgOptionLabel,
+  handleGetProviderOptionLabel: () => handleGetProviderOptionLabel
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -239,6 +245,7 @@ var fetchCodes = (config) => __async(void 0, null, function* () {
     offset: config.params.offset
   };
 });
+var handleGetCodesOptionLabel = (option) => [option.code, option.value].filter(Boolean).join(" - ");
 var CodesAutocomplete = (_a) => {
   var _b = _a, {
     apiConfig = {},
@@ -259,11 +266,10 @@ var CodesAutocomplete = (_a) => {
     }));
     return resp;
   });
-  const handleGetOptionLabel = (option) => [option.code, option.value].filter(Boolean).join(" - ");
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     AsyncAutocomplete,
     __spreadProps(__spreadValues({
-      getOptionLabel: handleGetOptionLabel,
+      getOptionLabel: handleGetCodesOptionLabel,
       queryKey,
       queryOptions: __spreadValues({ enabled: !!list }, queryOptions),
       watchParams: __spreadValues({ list }, watchParams)
@@ -284,6 +290,7 @@ var fetchOrgs = (config) => __async(void 0, null, function* () {
     offset: config.params.offset
   };
 });
+var handleGetOrgOptionLabel = (org) => org.name;
 var OrganizationAutocomplete = (_a) => {
   var _b = _a, {
     apiConfig = {},
@@ -296,11 +303,10 @@ var OrganizationAutocomplete = (_a) => {
     const resp = yield fetchOrgs(__spreadProps(__spreadValues({}, apiConfig), { params: __spreadProps(__spreadValues({ dropdown: true }, apiConfig.params), { offset, limit }) }));
     return resp;
   });
-  const handleGetOptionLabel = (org) => org.name;
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     AsyncAutocomplete,
     __spreadProps(__spreadValues({
-      getOptionLabel: handleGetOptionLabel,
+      getOptionLabel: handleGetOrgOptionLabel,
       queryKey
     }, rest), {
       loadOptions: handleLoadOptions
@@ -319,6 +325,7 @@ var fetchProviders = (customerId, config) => __async(void 0, null, function* ()
     offset: config.params.offset
   };
 });
+var handleGetProviderOptionLabel = (option) => option.uiDisplayName;
 var ProviderAutocomplete = (_a) => {
   var _b = _a, {
     apiConfig = {},
@@ -335,11 +342,10 @@ var ProviderAutocomplete = (_a) => {
     }));
     return resp;
   });
-  const handleGetOptionLabel = (option) => option.uiDisplayName;
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     AsyncAutocomplete,
     __spreadProps(__spreadValues({
-      getOptionLabel: handleGetOptionLabel,
+      getOptionLabel: handleGetProviderOptionLabel,
       queryOptions: { enabled: !!customerId },
       queryKey,
       watchParams: { customerId }
@@ -355,5 +361,11 @@ var ProviderAutocomplete = (_a) => {
   CodesAutocomplete,
   OrganizationAutocomplete,
   ProviderAutocomplete,
-  createFilterOptions
+  createFilterOptions,
+  fetchCodes,
+  fetchOrgs,
+  fetchProviders,
+  handleGetCodesOptionLabel,
+  handleGetOrgOptionLabel,
+  handleGetProviderOptionLabel
 });

package/dist/index.mjs

@@ -203,6 +203,7 @@ var fetchCodes = (config) => __async(void 0, null, function* () {
     offset: config.params.offset
   };
 });
+var handleGetCodesOptionLabel = (option) => [option.code, option.value].filter(Boolean).join(" - ");
 var CodesAutocomplete = (_a) => {
   var _b = _a, {
     apiConfig = {},
@@ -223,11 +224,10 @@ var CodesAutocomplete = (_a) => {
     }));
     return resp;
   });
-  const handleGetOptionLabel = (option) => [option.code, option.value].filter(Boolean).join(" - ");
   return /* @__PURE__ */ jsx3(
     AsyncAutocomplete,
     __spreadProps(__spreadValues({
-      getOptionLabel: handleGetOptionLabel,
+      getOptionLabel: handleGetCodesOptionLabel,
       queryKey,
       queryOptions: __spreadValues({ enabled: !!list }, queryOptions),
       watchParams: __spreadValues({ list }, watchParams)
@@ -248,6 +248,7 @@ var fetchOrgs = (config) => __async(void 0, null, function* () {
     offset: config.params.offset
   };
 });
+var handleGetOrgOptionLabel = (org) => org.name;
 var OrganizationAutocomplete = (_a) => {
   var _b = _a, {
     apiConfig = {},
@@ -260,11 +261,10 @@ var OrganizationAutocomplete = (_a) => {
     const resp = yield fetchOrgs(__spreadProps(__spreadValues({}, apiConfig), { params: __spreadProps(__spreadValues({ dropdown: true }, apiConfig.params), { offset, limit }) }));
     return resp;
   });
-  const handleGetOptionLabel = (org) => org.name;
   return /* @__PURE__ */ jsx4(
     AsyncAutocomplete,
     __spreadProps(__spreadValues({
-      getOptionLabel: handleGetOptionLabel,
+      getOptionLabel: handleGetOrgOptionLabel,
       queryKey
     }, rest), {
       loadOptions: handleLoadOptions
@@ -283,6 +283,7 @@ var fetchProviders = (customerId, config) => __async(void 0, null, function* ()
     offset: config.params.offset
   };
 });
+var handleGetProviderOptionLabel = (option) => option.uiDisplayName;
 var ProviderAutocomplete = (_a) => {
   var _b = _a, {
     apiConfig = {},
@@ -299,11 +300,10 @@ var ProviderAutocomplete = (_a) => {
     }));
     return resp;
   });
-  const handleGetOptionLabel = (option) => option.uiDisplayName;
   return /* @__PURE__ */ jsx5(
     AsyncAutocomplete,
     __spreadProps(__spreadValues({
-      getOptionLabel: handleGetOptionLabel,
+      getOptionLabel: handleGetProviderOptionLabel,
       queryOptions: { enabled: !!customerId },
       queryKey,
       watchParams: { customerId }
@@ -318,5 +318,11 @@ export {
   CodesAutocomplete,
   OrganizationAutocomplete,
   ProviderAutocomplete,
-  createFilterOptions
+  createFilterOptions,
+  fetchCodes,
+  fetchOrgs,
+  fetchProviders,
+  handleGetCodesOptionLabel,
+  handleGetOrgOptionLabel,
+  handleGetProviderOptionLabel
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-autocomplete",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "Availity MUI Autocomplete Component - part of the @availity/element design system",
   "keywords": [
     "react",

package/src/lib/CodesAutocomplete.tsx

@@ -4,12 +4,12 @@ import type { ChipTypeMap } from '@mui/material/Chip';
 import { AsyncAutocomplete, AsyncAutocompleteProps } from './AsyncAutocomplete';
 import type { Optional } from './util';
 
-type Code = {
+export type Code = {
   code: string;
   value: string;
 };
 
-const fetchCodes = async (config: ApiConfig) => {
+export const fetchCodes = async (config: ApiConfig) => {
   const resp = await avCodesApi.query(config);
 
   return {
@@ -35,6 +35,8 @@ export interface CodesAutocompleteProps<
   apiConfig?: ApiConfig;
 }
 
+export const handleGetCodesOptionLabel = (option: Code) => [option.code, option.value].filter(Boolean).join(' - ');
+
 export const CodesAutocomplete = ({
   apiConfig = {},
   queryOptions,
@@ -52,11 +54,9 @@ export const CodesAutocomplete = ({
     return resp;
   };
 
-  const handleGetOptionLabel = (option: Code) => [option.code, option.value].filter(Boolean).join(' - ');
-
   return (
     <AsyncAutocomplete
-      getOptionLabel={handleGetOptionLabel}
+      getOptionLabel={handleGetCodesOptionLabel}
       queryKey={queryKey}
       queryOptions={{ enabled: !!list, ...queryOptions }}
       watchParams={{ list, ...watchParams }}

package/src/lib/OrganizationAutocomplete.tsx

@@ -12,7 +12,9 @@ export type Organization = {
   links: Record<string, Record<string, string>>;
 };
 
-const fetchOrgs = async (config: ApiConfig): Promise<{ options: Organization[]; hasMore: boolean; offset: number }> => {
+export const fetchOrgs = async (
+  config: ApiConfig
+): Promise<{ options: Organization[]; hasMore: boolean; offset: number }> => {
   const resp = await avOrganizationsApi.getOrganizations(config);
 
   return {
@@ -36,6 +38,8 @@ export interface OrgAutocompleteProps<
   apiConfig?: ApiConfig;
 }
 
+export const handleGetOrgOptionLabel = (org: Organization) => org.name;
+
 export const OrganizationAutocomplete = ({
   apiConfig = {},
   queryKey = 'org-autocomplete',
@@ -47,11 +51,9 @@ export const OrganizationAutocomplete = ({
     return resp;
   };
 
-  const handleGetOptionLabel = (org: Organization) => org.name;
-
   return (
     <AsyncAutocomplete
-      getOptionLabel={handleGetOptionLabel}
+      getOptionLabel={handleGetOrgOptionLabel}
       queryKey={queryKey}
       {...rest}
       loadOptions={handleLoadOptions}

package/src/lib/ProviderAutocomplete.tsx

@@ -33,7 +33,7 @@ export type Provider = {
   };
 };
 
-const fetchProviders = async (
+export const fetchProviders = async (
   customerId: string,
   config: ApiConfig
 ): Promise<{ options: Provider[]; hasMore: boolean; offset: number }> => {
@@ -62,6 +62,8 @@ export interface ProviderAutocompleteProps<
   apiConfig?: ApiConfig;
 }
 
+export const handleGetProviderOptionLabel = (option: Provider) => option.uiDisplayName;
+
 export const ProviderAutocomplete = ({
   apiConfig = {},
   customerId,
@@ -77,11 +79,9 @@ export const ProviderAutocomplete = ({
     return resp;
   };
 
-  const handleGetOptionLabel = (option: Provider) => option.uiDisplayName;
-
   return (
     <AsyncAutocomplete
-      getOptionLabel={handleGetOptionLabel}
+      getOptionLabel={handleGetProviderOptionLabel}
       queryOptions={{ enabled: !!customerId }}
       queryKey={queryKey}
       watchParams={{ customerId }}