@availity/mui-controlled-form 1.2.9 → 1.3.0

package/dist/index.mjs

@@ -64,7 +64,8 @@ var ControlledAsyncAutocomplete = (_a) => {
     value,
     FieldProps,
     defaultToFirstOption,
-    defaultToOnlyOption
+    defaultToOnlyOption,
+    transform
   } = _b, rest = __objRest(_b, [
     "name",
     "onBlur",
@@ -74,7 +75,8 @@ var ControlledAsyncAutocomplete = (_a) => {
     "value",
     "FieldProps",
     "defaultToFirstOption",
-    "defaultToOnlyOption"
+    "defaultToOnlyOption",
+    "transform"
   ]);
   const { setValue } = useFormContext();
   return /* @__PURE__ */ jsx(
@@ -84,40 +86,44 @@ var ControlledAsyncAutocomplete = (_a) => {
       defaultValue: rest.defaultValue,
       rules: __spreadValues({ onBlur, onChange, shouldUnregister, value }, rules),
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ jsx(
-        AsyncAutocomplete,
-        __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__ */ jsxs(Fragment, { children: [
-              error.message,
-              /* @__PURE__ */ 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,
-          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, rest.multiple ? [options[0]] : options[0]);
-            }
-            if (defaultToOnlyOption && offset === 0 && options.length === 1) {
-              setValue(name, rest.multiple ? [options[0]] : options[0]);
-            }
-            return { options, hasMore, offset: returnedOffsetValue };
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => {
+        var _a2, _b2, _c;
+        return /* @__PURE__ */ jsx(
+          AsyncAutocomplete,
+          __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__ */ jsxs(Fragment, { children: [
+                error.message,
+                /* @__PURE__ */ jsx("br", {}),
+                FieldProps == null ? void 0 : FieldProps.helperText
+              ] }) : FieldProps == null ? void 0 : FieldProps.helperText,
+              inputRef: ref
+            }),
+            onChange: (event, value3, reason) => {
+              var _a3, _b3, _c2, _d;
+              if (reason === "clear") {
+                onChange2((_b3 = (_a3 = transform == null ? void 0 : transform.output) == null ? void 0 : _a3.call(transform, null)) != null ? _b3 : null);
+              }
+              onChange2((_d = (_c2 = transform == null ? void 0 : transform.output) == null ? void 0 : _c2.call(transform, value3)) != null ? _d : value3);
+            },
+            onBlur: onBlur2,
+            value: (_c = (_b2 = (_a2 = transform == null ? void 0 : transform.input) == null ? void 0 : _a2.call(transform, value2)) != null ? _b2 : value2) != null ? _c : 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, rest.multiple ? [options[0]] : options[0]);
+              }
+              if (defaultToOnlyOption && offset === 0 && options.length === 1) {
+                setValue(name, rest.multiple ? [options[0]] : options[0]);
+              }
+              return { options, hasMore, offset: returnedOffsetValue };
+            })
           })
-        })
-      )
+        );
+      }
     }
   );
 };
@@ -135,7 +141,8 @@ var ControlledAutocomplete = (_a) => {
     onBlur,
     onChange,
     shouldUnregister,
-    value
+    value,
+    transform
   } = _b, rest = __objRest(_b, [
     "name",
     "FieldProps",
@@ -144,7 +151,8 @@ var ControlledAutocomplete = (_a) => {
     "onBlur",
     "onChange",
     "shouldUnregister",
-    "value"
+    "value",
+    "transform"
   ]);
   return /* @__PURE__ */ jsx2(
     Controller2,
@@ -158,30 +166,34 @@ var ControlledAutocomplete = (_a) => {
         value
       }, rules),
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ jsx2(
-        Autocomplete,
-        __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__ */ jsxs2(Fragment2, { children: [
-              error.message,
-              /* @__PURE__ */ jsx2("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
-        })
-      )
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => {
+        var _a2, _b2, _c;
+        return /* @__PURE__ */ jsx2(
+          Autocomplete,
+          __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__ */ jsxs2(Fragment2, { children: [
+                error.message,
+                /* @__PURE__ */ jsx2("br", {}),
+                FieldProps == null ? void 0 : FieldProps.helperText
+              ] }) : FieldProps == null ? void 0 : FieldProps.helperText,
+              inputRef: ref
+            }),
+            onChange: (event, value3, reason) => {
+              var _a3, _b3, _c2, _d;
+              if (reason === "clear") {
+                onChange2((_b3 = (_a3 = transform == null ? void 0 : transform.output) == null ? void 0 : _a3.call(transform, null)) != null ? _b3 : null);
+              }
+              onChange2((_d = (_c2 = transform == null ? void 0 : transform.output) == null ? void 0 : _c2.call(transform, value3)) != null ? _d : value3);
+            },
+            onBlur: onBlur2,
+            value: (_c = (_b2 = (_a2 = transform == null ? void 0 : transform.input) == null ? void 0 : _a2.call(transform, value2)) != null ? _b2 : value2) != null ? _c : null
+          })
+        );
+      }
     }
   );
 };
@@ -199,7 +211,8 @@ var ControlledCheckbox = (_a) => {
     value,
     defaultValue = false,
     rules = {},
-    shouldUnregister
+    shouldUnregister,
+    transform
   } = _b, rest = __objRest(_b, [
     "name",
     "disabled",
@@ -208,7 +221,8 @@ var ControlledCheckbox = (_a) => {
     "value",
     "defaultValue",
     "rules",
-    "shouldUnregister"
+    "shouldUnregister",
+    "transform"
   ]);
   return /* @__PURE__ */ jsx3(
     Controller3,
@@ -223,15 +237,21 @@ var ControlledCheckbox = (_a) => {
         shouldUnregister
       }, rules),
       shouldUnregister,
-      render: ({ field }) => /* @__PURE__ */ jsx3(
-        Checkbox,
-        __spreadProps(__spreadValues(__spreadValues({
-          required: typeof rules.required === "object" ? rules.required.value : !!rules.required
-        }, rest), field), {
-          checked: field.value,
-          onChange: (e) => field.onChange(e.target.checked)
-        })
-      )
+      render: ({ field }) => {
+        var _a2, _b2;
+        return /* @__PURE__ */ jsx3(
+          Checkbox,
+          __spreadProps(__spreadValues(__spreadValues({
+            required: typeof rules.required === "object" ? rules.required.value : !!rules.required
+          }, rest), field), {
+            checked: (_b2 = (_a2 = transform == null ? void 0 : transform.input) == null ? void 0 : _a2.call(transform, field.value)) != null ? _b2 : field.value,
+            onChange: (e) => {
+              var _a3, _b3;
+              return field.onChange((_b3 = (_a3 = transform == null ? void 0 : transform.output) == null ? void 0 : _a3.call(transform, e.target.checked)) != null ? _b3 : e.target.checked);
+            }
+          })
+        );
+      }
     }
   );
 };
@@ -241,28 +261,12 @@ import { fetchCodes, handleGetCodesOptionLabel } from "@availity/mui-autocomplet
 import { jsx as jsx4 } from "react/jsx-runtime";
 var ControlledCodesAutocomplete = (_a) => {
   var _b = _a, {
-    name,
-    defaultValue,
-    onBlur,
-    onChange,
-    rules = {},
-    shouldUnregister,
-    value,
-    FieldProps,
     apiConfig = {},
     queryOptions,
     queryKey = "codes-autocomplete",
     list,
     watchParams
   } = _b, rest = __objRest(_b, [
-    "name",
-    "defaultValue",
-    "onBlur",
-    "onChange",
-    "rules",
-    "shouldUnregister",
-    "value",
-    "FieldProps",
     "apiConfig",
     "queryOptions",
     "queryKey",
@@ -278,14 +282,6 @@ var ControlledCodesAutocomplete = (_a) => {
   return /* @__PURE__ */ jsx4(
     ControlledAsyncAutocomplete,
     __spreadProps(__spreadValues({
-      name,
-      defaultValue,
-      onBlur,
-      onChange,
-      rules,
-      shouldUnregister,
-      value,
-      FieldProps,
       getOptionLabel: handleGetCodesOptionLabel,
       queryKey,
       queryOptions: __spreadValues({ enabled: !!list }, queryOptions),
@@ -309,7 +305,8 @@ var ControlledDatepicker = (_a) => {
     rules = {},
     shouldUnregister,
     value,
-    FieldProps
+    FieldProps,
+    transform
   } = _b, rest = __objRest(_b, [
     "name",
     "defaultValue",
@@ -318,7 +315,8 @@ var ControlledDatepicker = (_a) => {
     "rules",
     "shouldUnregister",
     "value",
-    "FieldProps"
+    "FieldProps",
+    "transform"
   ]);
   return /* @__PURE__ */ jsx5(
     Controller4,
@@ -332,27 +330,33 @@ var ControlledDatepicker = (_a) => {
         value
       }, rules),
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ jsx5(
-        Datepicker,
-        __spreadProps(__spreadValues({}, rest), {
-          FieldProps: __spreadProps(__spreadValues({
-            required: typeof rules.required === "object" ? rules.required.value : !!rules.required
-          }, FieldProps), {
-            error: !!error,
-            helperText: error ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
-              error.message,
-              /* @__PURE__ */ jsx5("br", {}),
-              FieldProps == null ? void 0 : FieldProps.helperText
-            ] }) : FieldProps == null ? void 0 : FieldProps.helperText,
-            inputRef: ref,
-            inputProps: {
-              onBlur: onBlur2
-            }
-          }),
-          onChange: onChange2,
-          value: value2 || null
-        })
-      )
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => {
+        var _a2, _b2, _c;
+        return /* @__PURE__ */ jsx5(
+          Datepicker,
+          __spreadProps(__spreadValues({}, rest), {
+            FieldProps: __spreadProps(__spreadValues({
+              required: typeof rules.required === "object" ? rules.required.value : !!rules.required
+            }, FieldProps), {
+              error: !!error,
+              helperText: error ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
+                error.message,
+                /* @__PURE__ */ jsx5("br", {}),
+                FieldProps == null ? void 0 : FieldProps.helperText
+              ] }) : FieldProps == null ? void 0 : FieldProps.helperText,
+              inputRef: ref,
+              inputProps: {
+                onBlur: onBlur2
+              }
+            }),
+            onChange: (e) => {
+              var _a3, _b3;
+              return onChange2((_b3 = (_a3 = transform == null ? void 0 : transform.output) == null ? void 0 : _a3.call(transform, e)) != null ? _b3 : e);
+            },
+            value: (_c = (_b2 = (_a2 = transform == null ? void 0 : transform.input) == null ? void 0 : _a2.call(transform, value2)) != null ? _b2 : value2) != null ? _c : null
+          })
+        );
+      }
     }
   );
 };
@@ -370,7 +374,8 @@ var ControlledInput = (_a) => {
     onChange,
     rules = {},
     shouldUnregister,
-    value
+    value,
+    transform
   } = _b, rest = __objRest(_b, [
     "name",
     "defaultValue",
@@ -379,7 +384,8 @@ var ControlledInput = (_a) => {
     "onChange",
     "rules",
     "shouldUnregister",
-    "value"
+    "value",
+    "transform"
   ]);
   return /* @__PURE__ */ jsx6(
     Controller5,
@@ -394,14 +400,22 @@ var ControlledInput = (_a) => {
         shouldUnregister
       }, rules),
       shouldUnregister,
-      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsx6(
-        Input,
-        __spreadProps(__spreadValues(__spreadValues({
-          required: typeof rules.required === "object" ? rules.required.value : !!rules.required
-        }, rest), field), {
-          error: !!error
-        })
-      )
+      render: ({ field, fieldState: { error } }) => {
+        var _a2, _b2, _c;
+        return /* @__PURE__ */ jsx6(
+          Input,
+          __spreadProps(__spreadValues(__spreadValues({
+            required: typeof rules.required === "object" ? rules.required.value : !!rules.required
+          }, rest), field), {
+            onChange: (e) => {
+              var _a3, _b3;
+              return field.onChange((_b3 = (_a3 = transform == null ? void 0 : transform.output) == null ? void 0 : _a3.call(transform, e.target.value)) != null ? _b3 : e);
+            },
+            value: (_c = (_b2 = (_a2 = transform == null ? void 0 : transform.input) == null ? void 0 : _a2.call(transform, field.value)) != null ? _b2 : field.value) != null ? _c : "",
+            error: !!error
+          })
+        );
+      }
     }
   );
 };
@@ -411,25 +425,9 @@ import { handleGetOrgOptionLabel, fetchOrgs } from "@availity/mui-autocomplete";
 import { jsx as jsx7 } from "react/jsx-runtime";
 var ControlledOrganizationAutocomplete = (_a) => {
   var _b = _a, {
-    name,
-    defaultValue,
-    onBlur,
-    onChange,
-    rules = {},
-    shouldUnregister,
-    value,
-    FieldProps,
     queryKey = "org-autocomplete",
     apiConfig = {}
   } = _b, rest = __objRest(_b, [
-    "name",
-    "defaultValue",
-    "onBlur",
-    "onChange",
-    "rules",
-    "shouldUnregister",
-    "value",
-    "FieldProps",
     "queryKey",
     "apiConfig"
   ]);
@@ -440,14 +438,6 @@ var ControlledOrganizationAutocomplete = (_a) => {
   return /* @__PURE__ */ jsx7(
     ControlledAsyncAutocomplete,
     __spreadProps(__spreadValues({
-      name,
-      defaultValue,
-      onBlur,
-      onChange,
-      rules,
-      shouldUnregister,
-      value,
-      FieldProps,
       getOptionLabel: handleGetOrgOptionLabel,
       queryKey
     }, rest), {
@@ -461,26 +451,10 @@ import { handleGetProviderOptionLabel, fetchProviders } from "@availity/mui-auto
 import { jsx as jsx8 } from "react/jsx-runtime";
 var ControlledProviderAutocomplete = (_a) => {
   var _b = _a, {
-    name,
-    defaultValue,
-    onBlur,
-    onChange,
-    rules = {},
-    shouldUnregister,
-    value,
-    FieldProps,
     apiConfig = {},
     customerId,
     queryKey = "prov-autocomplete"
   } = _b, rest = __objRest(_b, [
-    "name",
-    "defaultValue",
-    "onBlur",
-    "onChange",
-    "rules",
-    "shouldUnregister",
-    "value",
-    "FieldProps",
     "apiConfig",
     "customerId",
     "queryKey"
@@ -494,14 +468,6 @@ var ControlledProviderAutocomplete = (_a) => {
   return /* @__PURE__ */ jsx8(
     ControlledAsyncAutocomplete,
     __spreadProps(__spreadValues({
-      name,
-      defaultValue,
-      onBlur,
-      onChange,
-      rules,
-      shouldUnregister,
-      value,
-      FieldProps,
       getOptionLabel: handleGetProviderOptionLabel,
       queryOptions: { enabled: !!customerId },
       queryKey,
@@ -528,7 +494,8 @@ var ControlledRadioGroup = (_a) => {
     required,
     rules = {},
     shouldUnregister,
-    value
+    value,
+    transform
   } = _b, rest = __objRest(_b, [
     "name",
     "helperText",
@@ -539,7 +506,8 @@ var ControlledRadioGroup = (_a) => {
     "required",
     "rules",
     "shouldUnregister",
-    "value"
+    "value",
+    "transform"
   ]);
   return /* @__PURE__ */ jsx9(
     Controller6,
@@ -550,6 +518,7 @@ var ControlledRadioGroup = (_a) => {
       shouldUnregister,
       render: (_a2) => {
         var _b2 = _a2, { field: _c } = _b2, _d = _c, { disabled } = _d, field = __objRest(_d, ["disabled"]), { fieldState: { error } } = _b2;
+        var _a3, _b3, _c2;
         return /* @__PURE__ */ jsxs4(
           FormControl,
           {
@@ -558,7 +527,16 @@ var ControlledRadioGroup = (_a) => {
             required: !!required || (typeof rules.required === "object" ? rules.required.value : !!rules.required),
             children: [
               /* @__PURE__ */ jsx9(FormLabel, { children: label }),
-              /* @__PURE__ */ jsx9(RadioGroup, __spreadValues(__spreadValues({}, field), rest)),
+              /* @__PURE__ */ jsx9(
+                RadioGroup,
+                __spreadValues(__spreadProps(__spreadValues({}, field), {
+                  onChange: (e) => {
+                    var _a4, _b4;
+                    return field.onChange((_b4 = (_a4 = transform == null ? void 0 : transform.output) == null ? void 0 : _a4.call(transform, e.target.value)) != null ? _b4 : e);
+                  },
+                  value: (_c2 = (_b3 = (_a3 = transform == null ? void 0 : transform.input) == null ? void 0 : _a3.call(transform, field.value)) != null ? _b3 : field.value) != null ? _c2 : ""
+                }), rest)
+              ),
               /* @__PURE__ */ jsx9(FormHelperText, { children: (error == null ? void 0 : error.message) ? /* @__PURE__ */ jsxs4(Fragment4, { children: [
                 error.message,
                 /* @__PURE__ */ jsx9("br", {}),
@@ -585,7 +563,8 @@ var ControlledSelect = (_a) => {
     onChange,
     rules = {},
     shouldUnregister,
-    value
+    value,
+    transform
   } = _b, rest = __objRest(_b, [
     "name",
     "defaultValue",
@@ -594,7 +573,8 @@ var ControlledSelect = (_a) => {
     "onChange",
     "rules",
     "shouldUnregister",
-    "value"
+    "value",
+    "transform"
   ]);
   return /* @__PURE__ */ jsx10(
     Controller7,
@@ -609,14 +589,22 @@ var ControlledSelect = (_a) => {
         shouldUnregister
       }, rules),
       shouldUnregister,
-      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsx10(
-        Select,
-        __spreadProps(__spreadValues(__spreadValues({
-          required: typeof rules.required === "object" ? rules.required.value : !!rules.required
-        }, rest), field), {
-          error: !!error
-        })
-      )
+      render: ({ field, fieldState: { error } }) => {
+        var _a2, _b2, _c;
+        return /* @__PURE__ */ jsx10(
+          Select,
+          __spreadProps(__spreadValues(__spreadValues({
+            required: typeof rules.required === "object" ? rules.required.value : !!rules.required
+          }, rest), field), {
+            onChange: (e) => {
+              var _a3, _b3;
+              return field.onChange((_b3 = (_a3 = transform == null ? void 0 : transform.output) == null ? void 0 : _a3.call(transform, e.target.value)) != null ? _b3 : e);
+            },
+            value: (_c = (_b2 = (_a2 = transform == null ? void 0 : transform.input) == null ? void 0 : _a2.call(transform, field.value)) != null ? _b2 : field.value) != null ? _c : "",
+            error: !!error
+          })
+        );
+      }
     }
   );
 };
@@ -635,7 +623,8 @@ var ControlledTextField = (_a) => {
     onChange,
     rules = {},
     shouldUnregister,
-    value
+    value,
+    transform
   } = _b, rest = __objRest(_b, [
     "name",
     "defaultValue",
@@ -645,7 +634,8 @@ var ControlledTextField = (_a) => {
     "onChange",
     "rules",
     "shouldUnregister",
-    "value"
+    "value",
+    "transform"
   ]);
   return /* @__PURE__ */ jsx11(
     Controller8,
@@ -662,16 +652,22 @@ var ControlledTextField = (_a) => {
       shouldUnregister,
       render: (_a2) => {
         var _b2 = _a2, { field: _c } = _b2, _d = _c, { ref } = _d, field = __objRest(_d, ["ref"]), { fieldState: { error } } = _b2;
-        var _a3;
+        var _a3, _b3, _c2, _d2;
         return /* @__PURE__ */ jsx11(
           TextField,
-          __spreadProps(__spreadValues(__spreadValues({
+          __spreadProps(__spreadValues(__spreadProps(__spreadValues({
             required: typeof rules.required === "object" ? rules.required.value : !!rules.required
-          }, field), rest), {
+          }, field), {
+            onChange: (e) => {
+              var _a4, _b4;
+              return field.onChange((_b4 = (_a4 = transform == null ? void 0 : transform.output) == null ? void 0 : _a4.call(transform, e.target.value)) != null ? _b4 : e);
+            },
+            value: (_c2 = (_b3 = (_a3 = transform == null ? void 0 : transform.input) == null ? void 0 : _a3.call(transform, field.value)) != null ? _b3 : field.value) != null ? _c2 : ""
+          }), rest), {
             slotProps: __spreadProps(__spreadValues({}, rest.slotProps), {
               htmlInput: __spreadValues({
                 maxLength: typeof rules.maxLength === "object" ? rules.maxLength.value : rules.maxLength
-              }, (_a3 = rest.slotProps) == null ? void 0 : _a3.htmlInput)
+              }, (_d2 = rest.slotProps) == null ? void 0 : _d2.htmlInput)
             }),
             inputRef: ref,
             error: !!error,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-controlled-form",
-  "version": "1.2.9",
+  "version": "1.3.0",
   "description": "Availity MUI/react-hook-form controlled form components - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -40,11 +40,11 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "dependencies": {
-    "@availity/mui-autocomplete": "^1.1.1",
+    "@availity/mui-autocomplete": "^1.1.3",
     "@availity/mui-checkbox": "^1.0.2",
-    "@availity/mui-datepicker": "^1.0.15",
-    "@availity/mui-form-utils": "^1.2.1",
-    "@availity/mui-textfield": "^1.2.1",
+    "@availity/mui-datepicker": "^1.0.17",
+    "@availity/mui-form-utils": "^1.3.0",
+    "@availity/mui-textfield": "^1.2.3",
     "react-hook-form": "^7.55.0"
   },
   "devDependencies": {