@availity/mui-controlled-form 1.1.2 → 1.2.0

package/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.2.0](https://github.com/Availity/element/compare/@availity/mui-controlled-form@1.1.3...@availity/mui-controlled-form@1.2.0) (2025-03-31)
+
+### Dependency Updates
+
+* `mui-autocomplete` updated to version `1.1.3`
+
+### Features
+
+* **mui-controlled-form:** add defaultToFirstOption and defaultToOnlyOption in Autocomplete ([fa9f67a](https://github.com/Availity/element/commit/fa9f67ab1a5086f07f97b85aedf2eb8568b7beba))
+
+## [1.1.3](https://github.com/Availity/element/compare/@availity/mui-controlled-form@1.1.2...@availity/mui-controlled-form@1.1.3) (2025-03-27)
+
+### Dependency Updates
+
+* `mui-autocomplete` updated to version `1.1.2`
+* `mui-datepicker` updated to version `1.1.2`
+* `mui-textfield` updated to version `1.1.2`
 ## [1.1.2](https://github.com/Availity/element/compare/@availity/mui-controlled-form@1.1.1...@availity/mui-controlled-form@1.1.2) (2025-03-25)
 
 ### Dependency Updates

package/dist/index.d.mts

@@ -1,9 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { AutocompleteProps, AsyncAutocompleteProps, CodesAutocompleteProps, OrgAutocompleteProps, ProviderAutocompleteProps } from '@availity/mui-autocomplete';
+import { AutocompleteProps, AsyncAutocompleteProps, Code, Organization, Provider } from '@availity/mui-autocomplete';
 import { RegisterOptions, FieldValues, ControllerProps as ControllerProps$1 } from 'react-hook-form';
 export { FormProvider, SubmitHandler, UseFormProps, UseFormReturn, useForm, useFormContext } from 'react-hook-form';
 import { ChipTypeMap } from '@mui/material/Chip';
 import { CheckboxProps } from '@availity/mui-checkbox';
+import { ApiConfig } from '@availity/api-axios';
 import { DatepickerProps } from '@availity/mui-datepicker';
 import { InputProps, RadioGroupProps, FormControlProps, SelectProps } from '@availity/mui-form-utils';
 import { TextFieldProps } from '@availity/mui-textfield';
@@ -30,14 +31,24 @@ type ControllerProps = {
     shouldUnregister?: ControllerProps$1['shouldUnregister'];
 };
 
-type ControlledAsyncAutocompleteProps<Option, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> = Omit<AsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'onBlur' | 'onChange' | 'value' | 'name'> & Pick<RegisterOptions<FieldValues, string>, 'onBlur' | 'onChange' | 'value'> & ControllerProps;
-declare const ControlledAsyncAutocomplete: <Option, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">({ name, onBlur, onChange, rules, shouldUnregister, value, FieldProps, ...rest }: ControlledAsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react_jsx_runtime.JSX.Element;
+type ControlledAsyncAutocompleteProps<Option, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> = {
+    defaultToFirstOption?: boolean;
+    defaultToOnlyOption?: boolean;
+} & Omit<AsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'onBlur' | 'onChange' | 'value' | 'name'> & Pick<RegisterOptions<FieldValues, string>, 'onBlur' | 'onChange' | 'value'> & ControllerProps;
+declare const ControlledAsyncAutocomplete: <Option, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">({ name, onBlur, onChange, rules, shouldUnregister, value, FieldProps, defaultToFirstOption, defaultToOnlyOption, ...rest }: ControlledAsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react_jsx_runtime.JSX.Element;
 
 type ControlledCheckboxProps = Omit<CheckboxProps, 'disabled' | 'onBlur' | 'onChange' | 'value' | 'name'> & Pick<RegisterOptions<FieldValues, string>, 'disabled' | 'onBlur' | 'onChange' | 'value'> & ControllerProps;
 declare const ControlledCheckbox: ({ name, disabled, onChange, onBlur, value, defaultValue, rules, shouldUnregister, ...rest }: ControlledCheckboxProps) => react_jsx_runtime.JSX.Element;
 
-type ControlledCodesAutocompleteProps = Omit<CodesAutocompleteProps, 'onBlur' | 'onChange' | 'value' | 'name'> & Pick<RegisterOptions<FieldValues, string>, 'onBlur' | 'onChange' | 'value'> & ControllerProps;
-declare const ControlledCodesAutocomplete: ({ name, defaultValue, onBlur, onChange, rules, shouldUnregister, value, FieldProps, ...rest }: ControlledCodesAutocompleteProps) => react_jsx_runtime.JSX.Element;
+type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
+
+interface ControlledCodesAutocompleteProps<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<ControlledAsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'queryKey'>, 'loadOptions'> {
+    /** The code list id. */
+    list: string;
+    /** Config passed to the AvCodesApi.query function */
+    apiConfig?: ApiConfig;
+}
+declare const ControlledCodesAutocomplete: ({ name, defaultValue, onBlur, onChange, rules, shouldUnregister, value, FieldProps, apiConfig, queryOptions, queryKey, list, watchParams, ...rest }: ControlledCodesAutocompleteProps) => react_jsx_runtime.JSX.Element;
 
 type ControlledDatepickerProps = Omit<DatepickerProps, 'onBlur' | 'onChange' | 'value' | 'name'> & Pick<RegisterOptions<FieldValues, string>, 'onBlur' | 'onChange' | 'value'> & ControllerProps;
 declare const ControlledDatepicker: ({ name, defaultValue, onBlur, onChange, rules, shouldUnregister, value, FieldProps, ...rest }: ControlledDatepickerProps) => react_jsx_runtime.JSX.Element;
@@ -45,11 +56,19 @@ declare const ControlledDatepicker: ({ name, defaultValue, onBlur, onChange, rul
 type ControlledInputProps = Omit<InputProps, 'onBlur' | 'onChange' | 'value' | 'name'> & Pick<RegisterOptions<FieldValues, string>, 'onBlur' | 'onChange' | 'value'> & ControllerProps;
 declare const ControlledInput: ({ name, defaultValue, disabled, onBlur, onChange, rules, shouldUnregister, value, ...rest }: ControlledInputProps) => react_jsx_runtime.JSX.Element;
 
-type ControlledOrgAutocompleteProps = Omit<OrgAutocompleteProps, 'onBlur' | 'onChange' | 'value' | 'name'> & Pick<RegisterOptions<FieldValues, string>, 'onBlur' | 'onChange' | 'value'> & ControllerProps;
-declare const ControlledOrganizationAutocomplete: ({ name, defaultValue, onBlur, onChange, rules, shouldUnregister, value, FieldProps, ...rest }: ControlledOrgAutocompleteProps) => react_jsx_runtime.JSX.Element;
+interface ControlledOrgAutocompleteProps<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<ControlledAsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'queryKey'>, 'loadOptions'> {
+    /** Axios ApiConfig */
+    apiConfig?: ApiConfig;
+}
+declare const ControlledOrganizationAutocomplete: ({ name, defaultValue, onBlur, onChange, rules, shouldUnregister, value, FieldProps, queryKey, apiConfig, ...rest }: ControlledOrgAutocompleteProps) => react_jsx_runtime.JSX.Element;
 
-type ControlledProviderAutocompleteProps = Omit<ProviderAutocompleteProps, 'onBlur' | 'onChange' | 'value' | 'name'> & Pick<RegisterOptions<FieldValues, string>, 'onBlur' | 'onChange' | 'value'> & ControllerProps;
-declare const ControlledProviderAutocomplete: ({ name, defaultValue, onBlur, onChange, rules, shouldUnregister, value, FieldProps, ...rest }: ControlledProviderAutocompleteProps) => react_jsx_runtime.JSX.Element;
+interface ControlledProviderAutocompleteProps<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<ControlledAsyncAutocompleteProps<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 ControlledProviderAutocomplete: ({ name, defaultValue, onBlur, onChange, rules, shouldUnregister, value, FieldProps, apiConfig, customerId, queryKey, ...rest }: ControlledProviderAutocompleteProps) => react_jsx_runtime.JSX.Element;
 
 type ControlledRadioGroupProps = {
     name: string;

package/dist/index.d.ts

@@ -1,9 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { AutocompleteProps, AsyncAutocompleteProps, CodesAutocompleteProps, OrgAutocompleteProps, ProviderAutocompleteProps } from '@availity/mui-autocomplete';
+import { AutocompleteProps, AsyncAutocompleteProps, Code, Organization, Provider } from '@availity/mui-autocomplete';
 import { RegisterOptions, FieldValues, ControllerProps as ControllerProps$1 } from 'react-hook-form';
 export { FormProvider, SubmitHandler, UseFormProps, UseFormReturn, useForm, useFormContext } from 'react-hook-form';
 import { ChipTypeMap } from '@mui/material/Chip';
 import { CheckboxProps } from '@availity/mui-checkbox';
+import { ApiConfig } from '@availity/api-axios';
 import { DatepickerProps } from '@availity/mui-datepicker';
 import { InputProps, RadioGroupProps, FormControlProps, SelectProps } from '@availity/mui-form-utils';
 import { TextFieldProps } from '@availity/mui-textfield';
@@ -30,14 +31,24 @@ type ControllerProps = {
     shouldUnregister?: ControllerProps$1['shouldUnregister'];
 };
 
-type ControlledAsyncAutocompleteProps<Option, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> = Omit<AsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'onBlur' | 'onChange' | 'value' | 'name'> & Pick<RegisterOptions<FieldValues, string>, 'onBlur' | 'onChange' | 'value'> & ControllerProps;
-declare const ControlledAsyncAutocomplete: <Option, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">({ name, onBlur, onChange, rules, shouldUnregister, value, FieldProps, ...rest }: ControlledAsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react_jsx_runtime.JSX.Element;
+type ControlledAsyncAutocompleteProps<Option, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> = {
+    defaultToFirstOption?: boolean;
+    defaultToOnlyOption?: boolean;
+} & Omit<AsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'onBlur' | 'onChange' | 'value' | 'name'> & Pick<RegisterOptions<FieldValues, string>, 'onBlur' | 'onChange' | 'value'> & ControllerProps;
+declare const ControlledAsyncAutocomplete: <Option, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">({ name, onBlur, onChange, rules, shouldUnregister, value, FieldProps, defaultToFirstOption, defaultToOnlyOption, ...rest }: ControlledAsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react_jsx_runtime.JSX.Element;
 
 type ControlledCheckboxProps = Omit<CheckboxProps, 'disabled' | 'onBlur' | 'onChange' | 'value' | 'name'> & Pick<RegisterOptions<FieldValues, string>, 'disabled' | 'onBlur' | 'onChange' | 'value'> & ControllerProps;
 declare const ControlledCheckbox: ({ name, disabled, onChange, onBlur, value, defaultValue, rules, shouldUnregister, ...rest }: ControlledCheckboxProps) => react_jsx_runtime.JSX.Element;
 
-type ControlledCodesAutocompleteProps = Omit<CodesAutocompleteProps, 'onBlur' | 'onChange' | 'value' | 'name'> & Pick<RegisterOptions<FieldValues, string>, 'onBlur' | 'onChange' | 'value'> & ControllerProps;
-declare const ControlledCodesAutocomplete: ({ name, defaultValue, onBlur, onChange, rules, shouldUnregister, value, FieldProps, ...rest }: ControlledCodesAutocompleteProps) => react_jsx_runtime.JSX.Element;
+type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
+
+interface ControlledCodesAutocompleteProps<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<ControlledAsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'queryKey'>, 'loadOptions'> {
+    /** The code list id. */
+    list: string;
+    /** Config passed to the AvCodesApi.query function */
+    apiConfig?: ApiConfig;
+}
+declare const ControlledCodesAutocomplete: ({ name, defaultValue, onBlur, onChange, rules, shouldUnregister, value, FieldProps, apiConfig, queryOptions, queryKey, list, watchParams, ...rest }: ControlledCodesAutocompleteProps) => react_jsx_runtime.JSX.Element;
 
 type ControlledDatepickerProps = Omit<DatepickerProps, 'onBlur' | 'onChange' | 'value' | 'name'> & Pick<RegisterOptions<FieldValues, string>, 'onBlur' | 'onChange' | 'value'> & ControllerProps;
 declare const ControlledDatepicker: ({ name, defaultValue, onBlur, onChange, rules, shouldUnregister, value, FieldProps, ...rest }: ControlledDatepickerProps) => react_jsx_runtime.JSX.Element;
@@ -45,11 +56,19 @@ declare const ControlledDatepicker: ({ name, defaultValue, onBlur, onChange, rul
 type ControlledInputProps = Omit<InputProps, 'onBlur' | 'onChange' | 'value' | 'name'> & Pick<RegisterOptions<FieldValues, string>, 'onBlur' | 'onChange' | 'value'> & ControllerProps;
 declare const ControlledInput: ({ name, defaultValue, disabled, onBlur, onChange, rules, shouldUnregister, value, ...rest }: ControlledInputProps) => react_jsx_runtime.JSX.Element;
 
-type ControlledOrgAutocompleteProps = Omit<OrgAutocompleteProps, 'onBlur' | 'onChange' | 'value' | 'name'> & Pick<RegisterOptions<FieldValues, string>, 'onBlur' | 'onChange' | 'value'> & ControllerProps;
-declare const ControlledOrganizationAutocomplete: ({ name, defaultValue, onBlur, onChange, rules, shouldUnregister, value, FieldProps, ...rest }: ControlledOrgAutocompleteProps) => react_jsx_runtime.JSX.Element;
+interface ControlledOrgAutocompleteProps<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<ControlledAsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'queryKey'>, 'loadOptions'> {
+    /** Axios ApiConfig */
+    apiConfig?: ApiConfig;
+}
+declare const ControlledOrganizationAutocomplete: ({ name, defaultValue, onBlur, onChange, rules, shouldUnregister, value, FieldProps, queryKey, apiConfig, ...rest }: ControlledOrgAutocompleteProps) => react_jsx_runtime.JSX.Element;
 
-type ControlledProviderAutocompleteProps = Omit<ProviderAutocompleteProps, 'onBlur' | 'onChange' | 'value' | 'name'> & Pick<RegisterOptions<FieldValues, string>, 'onBlur' | 'onChange' | 'value'> & ControllerProps;
-declare const ControlledProviderAutocomplete: ({ name, defaultValue, onBlur, onChange, rules, shouldUnregister, value, FieldProps, ...rest }: ControlledProviderAutocompleteProps) => react_jsx_runtime.JSX.Element;
+interface ControlledProviderAutocompleteProps<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<ControlledAsyncAutocompleteProps<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 ControlledProviderAutocomplete: ({ name, defaultValue, onBlur, onChange, rules, shouldUnregister, value, FieldProps, apiConfig, customerId, queryKey, ...rest }: ControlledProviderAutocompleteProps) => react_jsx_runtime.JSX.Element;
 
 type ControlledRadioGroupProps = {
     name: string;

package/dist/index.js

@@ -45,6 +45,26 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 
 // src/index.ts
 var index_exports = {};
@@ -60,9 +80,9 @@ __export(index_exports, {
   ControlledRadioGroup: () => ControlledRadioGroup,
   ControlledSelect: () => ControlledSelect,
   ControlledTextField: () => ControlledTextField,
-  FormProvider: () => import_react_hook_form12.FormProvider,
-  useForm: () => import_react_hook_form12.useForm,
-  useFormContext: () => import_react_hook_form12.useFormContext
+  FormProvider: () => import_react_hook_form9.FormProvider,
+  useForm: () => import_react_hook_form9.useForm,
+  useFormContext: () => import_react_hook_form9.useFormContext
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -78,7 +98,9 @@ var ControlledAsyncAutocomplete = (_a) => {
     rules = {},
     shouldUnregister,
     value,
-    FieldProps
+    FieldProps,
+    defaultToFirstOption,
+    defaultToOnlyOption
   } = _b, rest = __objRest(_b, [
     "name",
     "onBlur",
@@ -86,19 +108,17 @@ var ControlledAsyncAutocomplete = (_a) => {
     "rules",
     "shouldUnregister",
     "value",
-    "FieldProps"
+    "FieldProps",
+    "defaultToFirstOption",
+    "defaultToOnlyOption"
   ]);
+  const { setValue } = (0, import_react_hook_form.useFormContext)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_react_hook_form.Controller,
     {
       name,
       defaultValue: rest.defaultValue,
-      rules: __spreadValues({
-        onBlur,
-        onChange,
-        shouldUnregister,
-        value
-      }, rules),
+      rules: __spreadValues({ onBlur, onChange, shouldUnregister, value }, rules),
       shouldUnregister,
       render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_mui_autocomplete.AsyncAutocomplete,
@@ -121,7 +141,17 @@ var ControlledAsyncAutocomplete = (_a) => {
             onChange2(value3);
           },
           onBlur: onBlur2,
-          value: value2 || null
+          value: value2 || null,
+          loadOptions: (offset, limit, inputValue) => __async(void 0, null, function* () {
+            const { options, hasMore, offset: returnedOffsetValue } = yield rest.loadOptions(offset, limit, inputValue);
+            if (defaultToFirstOption && offset === 0) {
+              setValue(name, options[0]);
+            }
+            if (defaultToOnlyOption && offset === 0 && options.length === 1) {
+              setValue(name, options[0]);
+            }
+            return { options, hasMore, offset: returnedOffsetValue };
+          })
         })
       )
     }
@@ -244,7 +274,6 @@ var ControlledCheckbox = (_a) => {
 
 // src/lib/CodesAutocomplete.tsx
 var import_mui_autocomplete3 = require("@availity/mui-autocomplete");
-var import_react_hook_form4 = require("react-hook-form");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var ControlledCodesAutocomplete = (_a) => {
   var _b = _a, {
@@ -255,7 +284,12 @@ var ControlledCodesAutocomplete = (_a) => {
     rules = {},
     shouldUnregister,
     value,
-    FieldProps
+    FieldProps,
+    apiConfig = {},
+    queryOptions,
+    queryKey = "codes-autocomplete",
+    list,
+    watchParams
   } = _b, rest = __objRest(_b, [
     "name",
     "defaultValue",
@@ -264,51 +298,43 @@ var ControlledCodesAutocomplete = (_a) => {
     "rules",
     "shouldUnregister",
     "value",
-    "FieldProps"
+    "FieldProps",
+    "apiConfig",
+    "queryOptions",
+    "queryKey",
+    "list",
+    "watchParams"
   ]);
+  const handleLoadOptions = (offset, limit, inputValue) => __async(void 0, null, function* () {
+    const resp = yield (0, import_mui_autocomplete3.fetchCodes)(__spreadProps(__spreadValues({}, apiConfig), {
+      params: __spreadProps(__spreadValues({}, apiConfig.params), { list, offset, limit, q: inputValue })
+    }));
+    return resp;
+  });
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_react_hook_form4.Controller,
-    {
+    ControlledAsyncAutocomplete,
+    __spreadProps(__spreadValues({
       name,
       defaultValue,
-      rules: __spreadValues({
-        onBlur,
-        onChange,
-        shouldUnregister,
-        value
-      }, rules),
+      onBlur,
+      onChange,
+      rules,
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        import_mui_autocomplete3.CodesAutocomplete,
-        __spreadProps(__spreadValues({}, rest), {
-          FieldProps: __spreadProps(__spreadValues({
-            required: typeof rules.required === "object" ? rules.required.value : !!rules.required
-          }, FieldProps), {
-            error: !!error,
-            helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-              error.message,
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("br", {}),
-              FieldProps == null ? void 0 : FieldProps.helperText
-            ] }) : FieldProps == null ? void 0 : FieldProps.helperText,
-            inputRef: ref
-          }),
-          onChange: (event, value3, reason) => {
-            if (reason === "clear") {
-              onChange2(null);
-            }
-            onChange2(value3);
-          },
-          onBlur: onBlur2,
-          value: value2 || null
-        })
-      )
-    }
+      value,
+      FieldProps,
+      getOptionLabel: import_mui_autocomplete3.handleGetCodesOptionLabel,
+      queryKey,
+      queryOptions: __spreadValues({ enabled: !!list }, queryOptions),
+      watchParams: __spreadValues({ list }, watchParams)
+    }, rest), {
+      loadOptions: handleLoadOptions
+    })
   );
 };
 
 // src/lib/Datepicker.tsx
 var import_mui_datepicker = require("@availity/mui-datepicker");
-var import_react_hook_form5 = require("react-hook-form");
+var import_react_hook_form4 = require("react-hook-form");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var ControlledDatepicker = (_a) => {
   var _b = _a, {
@@ -331,7 +357,7 @@ var ControlledDatepicker = (_a) => {
     "FieldProps"
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    import_react_hook_form5.Controller,
+    import_react_hook_form4.Controller,
     {
       name,
       defaultValue,
@@ -369,7 +395,7 @@ var ControlledDatepicker = (_a) => {
 
 // src/lib/Input.tsx
 var import_mui_form_utils = require("@availity/mui-form-utils");
-var import_react_hook_form6 = require("react-hook-form");
+var import_react_hook_form5 = require("react-hook-form");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var ControlledInput = (_a) => {
   var _b = _a, {
@@ -392,7 +418,7 @@ var ControlledInput = (_a) => {
     "value"
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    import_react_hook_form6.Controller,
+    import_react_hook_form5.Controller,
     {
       name,
       defaultValue,
@@ -418,7 +444,6 @@ var ControlledInput = (_a) => {
 
 // src/lib/OrganizationAutocomplete.tsx
 var import_mui_autocomplete4 = require("@availity/mui-autocomplete");
-var import_react_hook_form7 = require("react-hook-form");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var ControlledOrganizationAutocomplete = (_a) => {
   var _b = _a, {
@@ -429,7 +454,9 @@ var ControlledOrganizationAutocomplete = (_a) => {
     rules = {},
     shouldUnregister,
     value,
-    FieldProps
+    FieldProps,
+    queryKey = "org-autocomplete",
+    apiConfig = {}
   } = _b, rest = __objRest(_b, [
     "name",
     "defaultValue",
@@ -438,51 +465,35 @@ var ControlledOrganizationAutocomplete = (_a) => {
     "rules",
     "shouldUnregister",
     "value",
-    "FieldProps"
+    "FieldProps",
+    "queryKey",
+    "apiConfig"
   ]);
+  const handleLoadOptions = (offset, limit) => __async(void 0, null, function* () {
+    const resp = yield (0, import_mui_autocomplete4.fetchOrgs)(__spreadProps(__spreadValues({}, apiConfig), { params: __spreadProps(__spreadValues({ dropdown: true }, apiConfig.params), { offset, limit }) }));
+    return resp;
+  });
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    import_react_hook_form7.Controller,
-    {
+    ControlledAsyncAutocomplete,
+    __spreadProps(__spreadValues({
       name,
       defaultValue,
-      rules: __spreadValues({
-        onBlur,
-        onChange,
-        shouldUnregister,
-        value
-      }, rules),
+      onBlur,
+      onChange,
+      rules,
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        import_mui_autocomplete4.OrganizationAutocomplete,
-        __spreadProps(__spreadValues({}, rest), {
-          FieldProps: __spreadProps(__spreadValues({
-            required: typeof rules.required === "object" ? rules.required.value : !!rules.required
-          }, FieldProps), {
-            error: !!error,
-            helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-              error.message,
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("br", {}),
-              FieldProps == null ? void 0 : FieldProps.helperText
-            ] }) : FieldProps == null ? void 0 : FieldProps.helperText,
-            inputRef: ref
-          }),
-          onChange: (event, value3, reason) => {
-            if (reason === "clear") {
-              onChange2(null);
-            }
-            onChange2(value3);
-          },
-          onBlur: onBlur2,
-          value: value2 || null
-        })
-      )
-    }
+      value,
+      FieldProps,
+      getOptionLabel: import_mui_autocomplete4.handleGetOrgOptionLabel,
+      queryKey
+    }, rest), {
+      loadOptions: handleLoadOptions
+    })
   );
 };
 
 // src/lib/ProviderAutocomplete.tsx
 var import_mui_autocomplete5 = require("@availity/mui-autocomplete");
-var import_react_hook_form8 = require("react-hook-form");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var ControlledProviderAutocomplete = (_a) => {
   var _b = _a, {
@@ -493,7 +504,10 @@ var ControlledProviderAutocomplete = (_a) => {
     rules = {},
     shouldUnregister,
     value,
-    FieldProps
+    FieldProps,
+    apiConfig = {},
+    customerId,
+    queryKey = "prov-autocomplete"
   } = _b, rest = __objRest(_b, [
     "name",
     "defaultValue",
@@ -502,50 +516,41 @@ var ControlledProviderAutocomplete = (_a) => {
     "rules",
     "shouldUnregister",
     "value",
-    "FieldProps"
+    "FieldProps",
+    "apiConfig",
+    "customerId",
+    "queryKey"
   ]);
+  const handleLoadOptions = (offset, limit, inputValue) => __async(void 0, null, function* () {
+    const resp = yield (0, import_mui_autocomplete5.fetchProviders)(customerId, __spreadProps(__spreadValues({}, apiConfig), {
+      params: __spreadProps(__spreadValues({}, apiConfig.params), { offset, limit, q: inputValue })
+    }));
+    return resp;
+  });
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    import_react_hook_form8.Controller,
-    {
+    ControlledAsyncAutocomplete,
+    __spreadProps(__spreadValues({
       name,
       defaultValue,
-      rules: __spreadValues({
-        onBlur,
-        onChange,
-        shouldUnregister,
-        value
-      }, rules),
+      onBlur,
+      onChange,
+      rules,
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        import_mui_autocomplete5.ProviderAutocomplete,
-        __spreadProps(__spreadValues({}, rest), {
-          FieldProps: __spreadProps(__spreadValues({
-            required: typeof rules.required === "object" ? rules.required.value : !!rules.required
-          }, FieldProps), {
-            error: !!error,
-            helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-              error.message,
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("br", {}),
-              FieldProps == null ? void 0 : FieldProps.helperText
-            ] }) : FieldProps == null ? void 0 : FieldProps.helperText
-          }),
-          onChange: (event, value3, reason) => {
-            if (reason === "clear") {
-              onChange2(null);
-            }
-            onChange2(value3);
-          },
-          onBlur: onBlur2,
-          value: value2 || null
-        })
-      )
-    }
+      value,
+      FieldProps,
+      getOptionLabel: import_mui_autocomplete5.handleGetProviderOptionLabel,
+      queryOptions: { enabled: !!customerId },
+      queryKey,
+      watchParams: { customerId }
+    }, rest), {
+      loadOptions: handleLoadOptions
+    })
   );
 };
 
 // src/lib/RadioGroup.tsx
 var import_mui_form_utils2 = require("@availity/mui-form-utils");
-var import_react_hook_form9 = require("react-hook-form");
+var import_react_hook_form6 = require("react-hook-form");
 var import_mui_form_utils3 = require("@availity/mui-form-utils");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var ControlledRadioGroup = (_a) => {
@@ -573,7 +578,7 @@ var ControlledRadioGroup = (_a) => {
     "value"
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_react_hook_form9.Controller,
+    import_react_hook_form6.Controller,
     {
       name,
       defaultValue,
@@ -605,7 +610,7 @@ var ControlledRadioGroup = (_a) => {
 
 // src/lib/Select.tsx
 var import_mui_form_utils4 = require("@availity/mui-form-utils");
-var import_react_hook_form10 = require("react-hook-form");
+var import_react_hook_form7 = require("react-hook-form");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var ControlledSelect = (_a) => {
   var _b = _a, {
@@ -628,7 +633,7 @@ var ControlledSelect = (_a) => {
     "value"
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    import_react_hook_form10.Controller,
+    import_react_hook_form7.Controller,
     {
       name,
       defaultValue,
@@ -654,7 +659,7 @@ var ControlledSelect = (_a) => {
 
 // src/lib/TextField.tsx
 var import_mui_textfield = require("@availity/mui-textfield");
-var import_react_hook_form11 = require("react-hook-form");
+var import_react_hook_form8 = require("react-hook-form");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var ControlledTextField = (_a) => {
   var _b = _a, {
@@ -679,7 +684,7 @@ var ControlledTextField = (_a) => {
     "value"
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    import_react_hook_form11.Controller,
+    import_react_hook_form8.Controller,
     {
       name,
       defaultValue,
@@ -701,7 +706,7 @@ var ControlledTextField = (_a) => {
           }, field), rest), {
             slotProps: __spreadProps(__spreadValues({}, rest.slotProps), {
               htmlInput: __spreadValues({
-                maxLength: rules.maxLength
+                maxLength: typeof rules.maxLength === "object" ? rules.maxLength.value : rules.maxLength
               }, (_a3 = rest.slotProps) == null ? void 0 : _a3.htmlInput)
             }),
             inputRef: ref,
@@ -719,7 +724,7 @@ var ControlledTextField = (_a) => {
 };
 
 // src/index.ts
-var import_react_hook_form12 = require("react-hook-form");
+var import_react_hook_form9 = require("react-hook-form");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ControlledAsyncAutocomplete,