@availity/mui-autocomplete 0.9.7 → 0.9.9

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.9.9](https://github.com/Availity/element/compare/@availity/mui-autocomplete@0.9.8...@availity/mui-autocomplete@0.9.9) (2025-01-23)
+
+
+### Bug Fixes
+
+* **mui-autocomplete:** export the CodesAutocomplete component ([b9eba2c](https://github.com/Availity/element/commit/b9eba2ce16de7a5bd277d724dab6b1003cc09f9f))
+
+## [0.9.8](https://github.com/Availity/element/compare/@availity/mui-autocomplete@0.9.7...@availity/mui-autocomplete@0.9.8) (2025-01-22)
+
+### Dependency Updates
+
+* `mui-form-utils` updated to version `0.9.7`
+* `mui-textfield` updated to version `0.9.7`
 ## [0.9.7](https://github.com/Availity/element/compare/@availity/mui-autocomplete@0.9.6...@availity/mui-autocomplete@0.9.7) (2025-01-08)
 
 ### Dependency Updates

package/README.md

@@ -12,7 +12,7 @@ This package extends the MUI Autocomplete component: [MUI Autocomplete Docs](htt
 
 Live demo and documentation in our [Storybook](https://availity.github.io/element/?path=/docs/form-components-autocomplete-introduction--docs)
 
-Availity standards for design and usage can be found in the [Availity Design Guide](https://zeroheight.com/2e36e50c7)
+Availity standards for design and usage can be found in the [Availity Design Guide](https://design.availity.com/2e36e50c7)
 
 ## Installation
 

package/dist/index.d.mts

@@ -41,6 +41,18 @@ declare const AsyncAutocomplete: <Option, Multiple extends boolean | undefined =
 
 type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
 
+type Code = {
+    code: string;
+    value: string;
+};
+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 CodesAutocomplete: ({ apiConfig, queryOptions, queryKey, list, watchParams, ...rest }: CodesAutocompleteProps) => react_jsx_runtime.JSX.Element;
+
 type Organization = {
     customerId: string;
     name: string;
@@ -49,6 +61,7 @@ type Organization = {
     links: Record<string, Record<string, string>>;
 };
 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 OrganizationAutocomplete: ({ apiConfig, queryKey, ...rest }: OrgAutocompleteProps) => react_jsx_runtime.JSX.Element;
@@ -106,4 +119,4 @@ interface ProviderAutocompleteProps<Option = Provider, Multiple extends boolean
 }
 declare const ProviderAutocomplete: ({ apiConfig, customerId, queryKey, ...rest }: ProviderAutocompleteProps) => react_jsx_runtime.JSX.Element;
 
-export { AsyncAutocomplete, type AsyncAutocompleteProps, Autocomplete, type AutocompleteProps, type OrgAutocompleteProps, type Organization, OrganizationAutocomplete, type Provider, ProviderAutocomplete, type ProviderAutocompleteProps };
+export { AsyncAutocomplete, type AsyncAutocompleteProps, Autocomplete, type AutocompleteProps, CodesAutocomplete, type CodesAutocompleteProps, type OrgAutocompleteProps, type Organization, OrganizationAutocomplete, type Provider, ProviderAutocomplete, type ProviderAutocompleteProps };

package/dist/index.d.ts

@@ -41,6 +41,18 @@ declare const AsyncAutocomplete: <Option, Multiple extends boolean | undefined =
 
 type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
 
+type Code = {
+    code: string;
+    value: string;
+};
+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 CodesAutocomplete: ({ apiConfig, queryOptions, queryKey, list, watchParams, ...rest }: CodesAutocompleteProps) => react_jsx_runtime.JSX.Element;
+
 type Organization = {
     customerId: string;
     name: string;
@@ -49,6 +61,7 @@ type Organization = {
     links: Record<string, Record<string, string>>;
 };
 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 OrganizationAutocomplete: ({ apiConfig, queryKey, ...rest }: OrgAutocompleteProps) => react_jsx_runtime.JSX.Element;
@@ -106,4 +119,4 @@ interface ProviderAutocompleteProps<Option = Provider, Multiple extends boolean
 }
 declare const ProviderAutocomplete: ({ apiConfig, customerId, queryKey, ...rest }: ProviderAutocompleteProps) => react_jsx_runtime.JSX.Element;
 
-export { AsyncAutocomplete, type AsyncAutocompleteProps, Autocomplete, type AutocompleteProps, type OrgAutocompleteProps, type Organization, OrganizationAutocomplete, type Provider, ProviderAutocomplete, type ProviderAutocompleteProps };
+export { AsyncAutocomplete, type AsyncAutocompleteProps, Autocomplete, type AutocompleteProps, CodesAutocomplete, type CodesAutocompleteProps, type OrgAutocompleteProps, type Organization, OrganizationAutocomplete, type Provider, ProviderAutocomplete, type ProviderAutocompleteProps };

package/dist/index.js

@@ -81,6 +81,7 @@ var src_exports = {};
 __export(src_exports, {
   AsyncAutocomplete: () => AsyncAutocomplete,
   Autocomplete: () => Autocomplete,
+  CodesAutocomplete: () => CodesAutocomplete,
   OrganizationAutocomplete: () => OrganizationAutocomplete,
   ProviderAutocomplete: () => ProviderAutocomplete,
   createFilterOptions: () => import_Autocomplete2.createFilterOptions
@@ -217,11 +218,56 @@ var AsyncAutocomplete = (_a) => {
   );
 };
 
-// src/lib/OrganizationAutocomplete.tsx
+// src/lib/CodesAutocomplete.tsx
 var import_api_axios = require("@availity/api-axios");
 var import_jsx_runtime3 = require("react/jsx-runtime");
+var fetchCodes = (config) => __async(void 0, null, function* () {
+  const resp = yield import_api_axios.avCodesApi.query(config);
+  return {
+    options: resp.data.codes,
+    hasMore: config.params.offset + config.params.limit < resp.data.totalCount,
+    offset: config.params.offset
+  };
+});
+var CodesAutocomplete = (_a) => {
+  var _b = _a, {
+    apiConfig = {},
+    queryOptions,
+    queryKey = "codes-autocomplete",
+    list,
+    watchParams
+  } = _b, rest = __objRest(_b, [
+    "apiConfig",
+    "queryOptions",
+    "queryKey",
+    "list",
+    "watchParams"
+  ]);
+  const handleLoadOptions = (offset, limit, inputValue) => __async(void 0, null, function* () {
+    const resp = yield fetchCodes(__spreadProps(__spreadValues({}, apiConfig), {
+      params: __spreadProps(__spreadValues({}, apiConfig.params), { list, offset, limit, q: inputValue })
+    }));
+    return resp;
+  });
+  const handleGetOptionLabel = (option) => [option.code, option.value].filter(Boolean).join(" - ");
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    AsyncAutocomplete,
+    __spreadProps(__spreadValues({
+      getOptionLabel: handleGetOptionLabel,
+      queryKey,
+      queryOptions: __spreadValues({ enabled: !!list }, queryOptions),
+      watchParams: __spreadValues({ list }, watchParams)
+    }, rest), {
+      loadOptions: handleLoadOptions
+    })
+  );
+};
+
+// src/lib/OrganizationAutocomplete.tsx
+var import_api_axios2 = require("@availity/api-axios");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var fetchOrgs = (config) => __async(void 0, null, function* () {
-  const resp = yield import_api_axios.avOrganizationsApi.getOrganizations(config);
+  const resp = yield import_api_axios2.avOrganizationsApi.getOrganizations(config);
   return {
     options: resp.data.organizations,
     hasMore: config.params.offset + config.params.limit < resp.data.totalCount,
@@ -241,7 +287,7 @@ var OrganizationAutocomplete = (_a) => {
     return resp;
   });
   const handleGetOptionLabel = (org) => org.name;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     AsyncAutocomplete,
     __spreadProps(__spreadValues({
       getOptionLabel: handleGetOptionLabel,
@@ -253,10 +299,10 @@ var OrganizationAutocomplete = (_a) => {
 };
 
 // src/lib/ProviderAutocomplete.tsx
-var import_api_axios2 = require("@availity/api-axios");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_api_axios3 = require("@availity/api-axios");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var fetchProviders = (customerId, config) => __async(void 0, null, function* () {
-  const resp = yield import_api_axios2.avProvidersApi.getProviders(customerId, config);
+  const resp = yield import_api_axios3.avProvidersApi.getProviders(customerId, config);
   return {
     options: resp.data.providers,
     hasMore: config.params.offset + config.params.limit < resp.data.totalCount,
@@ -280,7 +326,7 @@ var ProviderAutocomplete = (_a) => {
     return resp;
   });
   const handleGetOptionLabel = (option) => option.uiDisplayName;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     AsyncAutocomplete,
     __spreadProps(__spreadValues({
       getOptionLabel: handleGetOptionLabel,
@@ -296,6 +342,7 @@ var ProviderAutocomplete = (_a) => {
 0 && (module.exports = {
   AsyncAutocomplete,
   Autocomplete,
+  CodesAutocomplete,
   OrganizationAutocomplete,
   ProviderAutocomplete,
   createFilterOptions

package/dist/index.mjs

@@ -182,9 +182,54 @@ var AsyncAutocomplete = (_a) => {
   );
 };
 
+// src/lib/CodesAutocomplete.tsx
+import { avCodesApi } from "@availity/api-axios";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var fetchCodes = (config) => __async(void 0, null, function* () {
+  const resp = yield avCodesApi.query(config);
+  return {
+    options: resp.data.codes,
+    hasMore: config.params.offset + config.params.limit < resp.data.totalCount,
+    offset: config.params.offset
+  };
+});
+var CodesAutocomplete = (_a) => {
+  var _b = _a, {
+    apiConfig = {},
+    queryOptions,
+    queryKey = "codes-autocomplete",
+    list,
+    watchParams
+  } = _b, rest = __objRest(_b, [
+    "apiConfig",
+    "queryOptions",
+    "queryKey",
+    "list",
+    "watchParams"
+  ]);
+  const handleLoadOptions = (offset, limit, inputValue) => __async(void 0, null, function* () {
+    const resp = yield fetchCodes(__spreadProps(__spreadValues({}, apiConfig), {
+      params: __spreadProps(__spreadValues({}, apiConfig.params), { list, offset, limit, q: inputValue })
+    }));
+    return resp;
+  });
+  const handleGetOptionLabel = (option) => [option.code, option.value].filter(Boolean).join(" - ");
+  return /* @__PURE__ */ jsx3(
+    AsyncAutocomplete,
+    __spreadProps(__spreadValues({
+      getOptionLabel: handleGetOptionLabel,
+      queryKey,
+      queryOptions: __spreadValues({ enabled: !!list }, queryOptions),
+      watchParams: __spreadValues({ list }, watchParams)
+    }, rest), {
+      loadOptions: handleLoadOptions
+    })
+  );
+};
+
 // src/lib/OrganizationAutocomplete.tsx
 import { avOrganizationsApi } from "@availity/api-axios";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var fetchOrgs = (config) => __async(void 0, null, function* () {
   const resp = yield avOrganizationsApi.getOrganizations(config);
   return {
@@ -206,7 +251,7 @@ var OrganizationAutocomplete = (_a) => {
     return resp;
   });
   const handleGetOptionLabel = (org) => org.name;
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     AsyncAutocomplete,
     __spreadProps(__spreadValues({
       getOptionLabel: handleGetOptionLabel,
@@ -219,7 +264,7 @@ var OrganizationAutocomplete = (_a) => {
 
 // src/lib/ProviderAutocomplete.tsx
 import { avProvidersApi } from "@availity/api-axios";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var fetchProviders = (customerId, config) => __async(void 0, null, function* () {
   const resp = yield avProvidersApi.getProviders(customerId, config);
   return {
@@ -245,7 +290,7 @@ var ProviderAutocomplete = (_a) => {
     return resp;
   });
   const handleGetOptionLabel = (option) => option.uiDisplayName;
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     AsyncAutocomplete,
     __spreadProps(__spreadValues({
       getOptionLabel: handleGetOptionLabel,
@@ -260,6 +305,7 @@ var ProviderAutocomplete = (_a) => {
 export {
   AsyncAutocomplete,
   Autocomplete,
+  CodesAutocomplete,
   OrganizationAutocomplete,
   ProviderAutocomplete,
   createFilterOptions

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-autocomplete",
-  "version": "0.9.7",
+  "version": "0.9.9",
   "description": "Availity MUI Autocomplete Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -36,9 +36,9 @@
     "@mui/types": "^7.2.14"
   },
   "devDependencies": {
-    "@availity/api-axios": "^9.0.4",
-    "@availity/mui-form-utils": "^0.16.3",
-    "@availity/mui-textfield": "^0.6.17",
+    "@availity/api-axios": "^9.0.6",
+    "@availity/mui-form-utils": "^0.16.4",
+    "@availity/mui-textfield": "^0.6.18",
     "@mui/material": "^5.15.15",
     "@tanstack/react-query": "^4.36.1",
     "react": "18.2.0",
@@ -48,8 +48,8 @@
   },
   "peerDependencies": {
     "@availity/api-axios": "^8.0.7",
-    "@availity/mui-form-utils": "^0.16.3",
-    "@availity/mui-textfield": "^0.6.17",
+    "@availity/mui-form-utils": "^0.16.4",
+    "@availity/mui-textfield": "^0.6.18",
     "@mui/material": "^5.11.9",
     "@tanstack/react-query": "^4.36.1",
     "react": ">=16.3.0"

package/src/index.ts

@@ -1,4 +1,5 @@
 export * from './lib/Autocomplete';
 export * from './lib/AsyncAutocomplete';
+export * from './lib/CodesAutocomplete';
 export * from './lib/OrganizationAutocomplete';
 export * from './lib/ProviderAutocomplete';

package/src/lib/CodesAutocomplete.tsx

@@ -29,6 +29,7 @@ export interface CodesAutocompleteProps<
     Optional<AsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'queryKey'>,
     'loadOptions'
   > {
+  /** The code list id. */
   list: string;
   /** Config passed to the AvCodesApi.query function */
   apiConfig?: ApiConfig;

package/src/lib/OrganizationAutocomplete.tsx

@@ -32,6 +32,7 @@ export interface OrgAutocompleteProps<
     Optional<AsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'queryKey'>,
     'loadOptions'
   > {
+  /** Axios ApiConfig */
   apiConfig?: ApiConfig;
 }