@availity/mui-controlled-form 1.2.9 → 1.3.0

package/dist/index.js

@@ -100,7 +100,8 @@ var ControlledAsyncAutocomplete = (_a) => {
     value,
     FieldProps,
     defaultToFirstOption,
-    defaultToOnlyOption
+    defaultToOnlyOption,
+    transform
   } = _b, rest = __objRest(_b, [
     "name",
     "onBlur",
@@ -110,7 +111,8 @@ var ControlledAsyncAutocomplete = (_a) => {
     "value",
     "FieldProps",
     "defaultToFirstOption",
-    "defaultToOnlyOption"
+    "defaultToOnlyOption",
+    "transform"
   ]);
   const { setValue } = (0, import_react_hook_form.useFormContext)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -120,40 +122,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__ */ (0, import_jsx_runtime.jsx)(
-        import_mui_autocomplete.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__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-              error.message,
-              /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
+          import_mui_autocomplete.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__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                error.message,
+                /* @__PURE__ */ (0, import_jsx_runtime.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 };
+            })
           })
-        })
-      )
+        );
+      }
     }
   );
 };
@@ -171,7 +177,8 @@ var ControlledAutocomplete = (_a) => {
     onBlur,
     onChange,
     shouldUnregister,
-    value
+    value,
+    transform
   } = _b, rest = __objRest(_b, [
     "name",
     "FieldProps",
@@ -180,7 +187,8 @@ var ControlledAutocomplete = (_a) => {
     "onBlur",
     "onChange",
     "shouldUnregister",
-    "value"
+    "value",
+    "transform"
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     import_react_hook_form2.Controller,
@@ -194,30 +202,34 @@ var ControlledAutocomplete = (_a) => {
         value
       }, rules),
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_mui_autocomplete2.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__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-              error.message,
-              /* @__PURE__ */ (0, import_jsx_runtime2.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
-        })
-      )
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => {
+        var _a2, _b2, _c;
+        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_mui_autocomplete2.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__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+                error.message,
+                /* @__PURE__ */ (0, import_jsx_runtime2.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
+          })
+        );
+      }
     }
   );
 };
@@ -235,7 +247,8 @@ var ControlledCheckbox = (_a) => {
     value,
     defaultValue = false,
     rules = {},
-    shouldUnregister
+    shouldUnregister,
+    transform
   } = _b, rest = __objRest(_b, [
     "name",
     "disabled",
@@ -244,7 +257,8 @@ var ControlledCheckbox = (_a) => {
     "value",
     "defaultValue",
     "rules",
-    "shouldUnregister"
+    "shouldUnregister",
+    "transform"
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     import_react_hook_form3.Controller,
@@ -259,15 +273,21 @@ var ControlledCheckbox = (_a) => {
         shouldUnregister
       }, rules),
       shouldUnregister,
-      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_mui_checkbox.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__ */ (0, import_jsx_runtime3.jsx)(
+          import_mui_checkbox.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);
+            }
+          })
+        );
+      }
     }
   );
 };
@@ -277,28 +297,12 @@ var import_mui_autocomplete3 = require("@availity/mui-autocomplete");
 var import_jsx_runtime4 = require("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",
@@ -314,14 +318,6 @@ var ControlledCodesAutocomplete = (_a) => {
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     ControlledAsyncAutocomplete,
     __spreadProps(__spreadValues({
-      name,
-      defaultValue,
-      onBlur,
-      onChange,
-      rules,
-      shouldUnregister,
-      value,
-      FieldProps,
       getOptionLabel: import_mui_autocomplete3.handleGetCodesOptionLabel,
       queryKey,
       queryOptions: __spreadValues({ enabled: !!list }, queryOptions),
@@ -345,7 +341,8 @@ var ControlledDatepicker = (_a) => {
     rules = {},
     shouldUnregister,
     value,
-    FieldProps
+    FieldProps,
+    transform
   } = _b, rest = __objRest(_b, [
     "name",
     "defaultValue",
@@ -354,7 +351,8 @@ var ControlledDatepicker = (_a) => {
     "rules",
     "shouldUnregister",
     "value",
-    "FieldProps"
+    "FieldProps",
+    "transform"
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     import_react_hook_form4.Controller,
@@ -368,27 +366,33 @@ var ControlledDatepicker = (_a) => {
         value
       }, rules),
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_mui_datepicker.Datepicker,
-        __spreadProps(__spreadValues({}, rest), {
-          FieldProps: __spreadProps(__spreadValues({
-            required: typeof rules.required === "object" ? rules.required.value : !!rules.required
-          }, FieldProps), {
-            error: !!error,
-            helperText: error ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-              error.message,
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("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__ */ (0, import_jsx_runtime5.jsx)(
+          import_mui_datepicker.Datepicker,
+          __spreadProps(__spreadValues({}, rest), {
+            FieldProps: __spreadProps(__spreadValues({
+              required: typeof rules.required === "object" ? rules.required.value : !!rules.required
+            }, FieldProps), {
+              error: !!error,
+              helperText: error ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+                error.message,
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("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
+          })
+        );
+      }
     }
   );
 };
@@ -406,7 +410,8 @@ var ControlledInput = (_a) => {
     onChange,
     rules = {},
     shouldUnregister,
-    value
+    value,
+    transform
   } = _b, rest = __objRest(_b, [
     "name",
     "defaultValue",
@@ -415,7 +420,8 @@ var ControlledInput = (_a) => {
     "onChange",
     "rules",
     "shouldUnregister",
-    "value"
+    "value",
+    "transform"
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     import_react_hook_form5.Controller,
@@ -430,14 +436,22 @@ var ControlledInput = (_a) => {
         shouldUnregister
       }, rules),
       shouldUnregister,
-      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        import_mui_form_utils.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__ */ (0, import_jsx_runtime6.jsx)(
+          import_mui_form_utils.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
+          })
+        );
+      }
     }
   );
 };
@@ -447,25 +461,9 @@ var import_mui_autocomplete4 = require("@availity/mui-autocomplete");
 var import_jsx_runtime7 = require("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"
   ]);
@@ -476,14 +474,6 @@ var ControlledOrganizationAutocomplete = (_a) => {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     ControlledAsyncAutocomplete,
     __spreadProps(__spreadValues({
-      name,
-      defaultValue,
-      onBlur,
-      onChange,
-      rules,
-      shouldUnregister,
-      value,
-      FieldProps,
       getOptionLabel: import_mui_autocomplete4.handleGetOrgOptionLabel,
       queryKey
     }, rest), {
@@ -497,26 +487,10 @@ var import_mui_autocomplete5 = require("@availity/mui-autocomplete");
 var import_jsx_runtime8 = require("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"
@@ -530,14 +504,6 @@ var ControlledProviderAutocomplete = (_a) => {
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     ControlledAsyncAutocomplete,
     __spreadProps(__spreadValues({
-      name,
-      defaultValue,
-      onBlur,
-      onChange,
-      rules,
-      shouldUnregister,
-      value,
-      FieldProps,
       getOptionLabel: import_mui_autocomplete5.handleGetProviderOptionLabel,
       queryOptions: { enabled: !!customerId },
       queryKey,
@@ -564,7 +530,8 @@ var ControlledRadioGroup = (_a) => {
     required,
     rules = {},
     shouldUnregister,
-    value
+    value,
+    transform
   } = _b, rest = __objRest(_b, [
     "name",
     "helperText",
@@ -575,7 +542,8 @@ var ControlledRadioGroup = (_a) => {
     "required",
     "rules",
     "shouldUnregister",
-    "value"
+    "value",
+    "transform"
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     import_react_hook_form6.Controller,
@@ -586,6 +554,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__ */ (0, import_jsx_runtime9.jsxs)(
           import_mui_form_utils3.FormControl,
           {
@@ -594,7 +563,16 @@ var ControlledRadioGroup = (_a) => {
             required: !!required || (typeof rules.required === "object" ? rules.required.value : !!rules.required),
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_mui_form_utils3.FormLabel, { children: label }),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_mui_form_utils2.RadioGroup, __spreadValues(__spreadValues({}, field), rest)),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                import_mui_form_utils2.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__ */ (0, import_jsx_runtime9.jsx)(import_mui_form_utils3.FormHelperText, { children: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
                 error.message,
                 /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("br", {}),
@@ -621,7 +599,8 @@ var ControlledSelect = (_a) => {
     onChange,
     rules = {},
     shouldUnregister,
-    value
+    value,
+    transform
   } = _b, rest = __objRest(_b, [
     "name",
     "defaultValue",
@@ -630,7 +609,8 @@ var ControlledSelect = (_a) => {
     "onChange",
     "rules",
     "shouldUnregister",
-    "value"
+    "value",
+    "transform"
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     import_react_hook_form7.Controller,
@@ -645,14 +625,22 @@ var ControlledSelect = (_a) => {
         shouldUnregister
       }, rules),
       shouldUnregister,
-      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        import_mui_form_utils4.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__ */ (0, import_jsx_runtime10.jsx)(
+          import_mui_form_utils4.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
+          })
+        );
+      }
     }
   );
 };
@@ -671,7 +659,8 @@ var ControlledTextField = (_a) => {
     onChange,
     rules = {},
     shouldUnregister,
-    value
+    value,
+    transform
   } = _b, rest = __objRest(_b, [
     "name",
     "defaultValue",
@@ -681,7 +670,8 @@ var ControlledTextField = (_a) => {
     "onChange",
     "rules",
     "shouldUnregister",
-    "value"
+    "value",
+    "transform"
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     import_react_hook_form8.Controller,
@@ -698,16 +688,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__ */ (0, import_jsx_runtime11.jsx)(
           import_mui_textfield.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,