@availity/mui-controlled-form 0.1.3 → 0.2.0

package/dist/index.js

@@ -49,23 +49,839 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  ControlledForm: () => ControlledForm
+  ControlledAsyncAutocomplete: () => ControlledAsyncAutocomplete,
+  ControlledAutocomplete: () => ControlledAutocomplete,
+  ControlledCheckbox: () => ControlledCheckbox,
+  ControlledCodesAutocomplete: () => ControlledCodesAutocomplete,
+  ControlledDatepicker: () => ControlledDatepicker,
+  ControlledForm: () => ControlledForm,
+  ControlledInput: () => ControlledInput,
+  ControlledOrganizationAutocomplete: () => ControlledOrganizationAutocomplete,
+  ControlledProviderAutocomplete: () => ControlledProviderAutocomplete,
+  ControlledRadioGroup: () => ControlledRadioGroup,
+  ControlledSelect: () => ControlledSelect,
+  ControlledTextField: () => ControlledTextField
 });
 module.exports = __toCommonJS(src_exports);
 
-// src/lib/ControlledForm.tsx
+// src/lib/AsyncAutocomplete.tsx
+var import_mui_autocomplete = require("@availity/mui-autocomplete");
 var import_react_hook_form = require("react-hook-form");
 var import_jsx_runtime = require("react/jsx-runtime");
+var ControlledAsyncAutocomplete = (_a) => {
+  var _b = _a, {
+    name,
+    deps,
+    max,
+    maxLength,
+    min,
+    minLength,
+    onBlur,
+    onChange,
+    pattern,
+    required,
+    shouldUnregister,
+    validate,
+    value,
+    FieldProps
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "deps",
+    "max",
+    "maxLength",
+    "min",
+    "minLength",
+    "onBlur",
+    "onChange",
+    "pattern",
+    "required",
+    "shouldUnregister",
+    "validate",
+    "value",
+    "FieldProps"
+  ]);
+  var _a2;
+  const {
+    control,
+    formState: { errors }
+  } = (0, import_react_hook_form.useFormContext)();
+  const errorMessage = (_a2 = errors[name]) == null ? void 0 : _a2.message;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_hook_form.Controller,
+    {
+      name,
+      control,
+      defaultValue: rest.defaultValue,
+      rules: {
+        deps,
+        max,
+        maxLength,
+        min,
+        minLength,
+        onBlur,
+        onChange,
+        pattern,
+        required,
+        shouldUnregister,
+        validate,
+        value
+      },
+      shouldUnregister,
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_mui_autocomplete.AsyncAutocomplete,
+        __spreadProps(__spreadValues({}, rest), {
+          FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
+            error: !!errorMessage,
+            helperText: errorMessage && typeof errorMessage === "string" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+              errorMessage,
+              /* @__PURE__ */ (0, import_jsx_runtime.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
+        })
+      )
+    }
+  );
+};
+
+// src/lib/Autocomplete.tsx
+var import_mui_autocomplete2 = require("@availity/mui-autocomplete");
+var import_react_hook_form2 = require("react-hook-form");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ControlledAutocomplete = (_a) => {
+  var _b = _a, {
+    name,
+    FieldProps,
+    defaultValue,
+    deps,
+    max,
+    maxLength,
+    min,
+    minLength,
+    onBlur,
+    onChange,
+    pattern,
+    required,
+    shouldUnregister,
+    validate,
+    value
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "FieldProps",
+    "defaultValue",
+    "deps",
+    "max",
+    "maxLength",
+    "min",
+    "minLength",
+    "onBlur",
+    "onChange",
+    "pattern",
+    "required",
+    "shouldUnregister",
+    "validate",
+    "value"
+  ]);
+  var _a2;
+  const {
+    control,
+    formState: { errors }
+  } = (0, import_react_hook_form2.useFormContext)();
+  const errorMessage = (_a2 = errors[name]) == null ? void 0 : _a2.message;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_react_hook_form2.Controller,
+    {
+      control,
+      name,
+      defaultValue,
+      rules: {
+        deps,
+        max,
+        maxLength,
+        min,
+        minLength,
+        onBlur,
+        onChange,
+        pattern,
+        required,
+        shouldUnregister,
+        validate,
+        value
+      },
+      shouldUnregister,
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 } }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_mui_autocomplete2.Autocomplete,
+        __spreadProps(__spreadValues({}, rest), {
+          FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
+            error: !!errorMessage,
+            helperText: errorMessage && typeof errorMessage === "string" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+              errorMessage,
+              /* @__PURE__ */ (0, import_jsx_runtime2.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
+        })
+      )
+    }
+  );
+};
+
+// src/lib/Checkbox.tsx
+var import_mui_checkbox = require("@availity/mui-checkbox");
+var import_react_hook_form3 = require("react-hook-form");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ControlledCheckbox = (_a) => {
+  var _b = _a, {
+    name,
+    setValueAs,
+    disabled,
+    onChange,
+    onBlur,
+    value,
+    shouldUnregister,
+    deps
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "setValueAs",
+    "disabled",
+    "onChange",
+    "onBlur",
+    "value",
+    "shouldUnregister",
+    "deps"
+  ]);
+  const { register } = (0, import_react_hook_form3.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_mui_checkbox.Checkbox,
+    __spreadValues(__spreadValues({}, rest), register(name, {
+      setValueAs,
+      disabled,
+      onChange,
+      onBlur,
+      value,
+      shouldUnregister,
+      deps
+    }))
+  );
+};
+
+// 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, {
+    name,
+    defaultValue,
+    deps,
+    max,
+    maxLength,
+    onBlur,
+    onChange,
+    pattern,
+    required,
+    shouldUnregister,
+    validate,
+    value,
+    FieldProps
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "defaultValue",
+    "deps",
+    "max",
+    "maxLength",
+    "onBlur",
+    "onChange",
+    "pattern",
+    "required",
+    "shouldUnregister",
+    "validate",
+    "value",
+    "FieldProps"
+  ]);
+  var _a2;
+  const {
+    control,
+    formState: { errors }
+  } = (0, import_react_hook_form4.useFormContext)();
+  const errorMessage = (_a2 = errors[name]) == null ? void 0 : _a2.message;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_react_hook_form4.Controller,
+    {
+      name,
+      control,
+      defaultValue,
+      rules: {
+        deps,
+        max,
+        maxLength,
+        onBlur,
+        onChange,
+        pattern,
+        required,
+        shouldUnregister,
+        validate,
+        value
+      },
+      shouldUnregister,
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 } }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        import_mui_autocomplete3.CodesAutocomplete,
+        __spreadProps(__spreadValues({}, rest), {
+          FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
+            error: !!errorMessage,
+            helperText: errorMessage && typeof errorMessage === "string" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+              errorMessage,
+              /* @__PURE__ */ (0, import_jsx_runtime4.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
+        })
+      )
+    }
+  );
+};
+
+// src/lib/ControlledForm.tsx
+var import_react_hook_form5 = require("react-hook-form");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var ControlledForm = (_a) => {
   var _b = _a, { onSubmit, values, schema, validationResolver } = _b, rest = __objRest(_b, ["onSubmit", "values", "schema", "validationResolver"]);
   const useFormOptions = { values };
   if (schema && validationResolver) {
     useFormOptions.resolver = validationResolver(schema);
   }
-  const methods = (0, import_react_hook_form.useForm)(useFormOptions);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.FormProvider, __spreadProps(__spreadValues({}, methods), { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("form", __spreadValues({ onSubmit: methods.handleSubmit(onSubmit) }, rest)) }));
+  const methods = (0, import_react_hook_form5.useForm)(useFormOptions);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_hook_form5.FormProvider, __spreadProps(__spreadValues({}, methods), { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("form", __spreadValues({ onSubmit: methods.handleSubmit(onSubmit) }, rest)) }));
+};
+
+// src/lib/Datepicker.tsx
+var import_mui_datepicker = require("@availity/mui-datepicker");
+var import_react_hook_form6 = require("react-hook-form");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var ControlledDatepicker = (_a) => {
+  var _b = _a, {
+    name,
+    defaultValue,
+    deps,
+    max,
+    maxLength,
+    min,
+    minLength,
+    onBlur,
+    onChange,
+    pattern,
+    required,
+    shouldUnregister,
+    validate,
+    value
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "defaultValue",
+    "deps",
+    "max",
+    "maxLength",
+    "min",
+    "minLength",
+    "onBlur",
+    "onChange",
+    "pattern",
+    "required",
+    "shouldUnregister",
+    "validate",
+    "value"
+  ]);
+  const { control } = (0, import_react_hook_form6.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_react_hook_form6.Controller,
+    {
+      name,
+      control,
+      defaultValue,
+      rules: {
+        deps,
+        max,
+        maxLength,
+        min,
+        minLength,
+        onBlur,
+        onChange,
+        pattern,
+        required,
+        shouldUnregister,
+        validate,
+        value
+      },
+      shouldUnregister,
+      render: ({ field: { onChange: onChange2, value: value2 } }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_mui_datepicker.Datepicker, __spreadProps(__spreadValues({}, rest), { onChange: onChange2, value: value2 || null }))
+    }
+  );
+};
+
+// src/lib/Input.tsx
+var import_mui_form_utils = require("@availity/mui-form-utils");
+var import_react_hook_form7 = require("react-hook-form");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var ControlledInput = (_a) => {
+  var _b = _a, {
+    name,
+    required,
+    maxLength,
+    minLength,
+    max,
+    min,
+    pattern,
+    validate,
+    setValueAs,
+    disabled,
+    onChange,
+    onBlur,
+    value,
+    shouldUnregister,
+    deps
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "required",
+    "maxLength",
+    "minLength",
+    "max",
+    "min",
+    "pattern",
+    "validate",
+    "setValueAs",
+    "disabled",
+    "onChange",
+    "onBlur",
+    "value",
+    "shouldUnregister",
+    "deps"
+  ]);
+  const {
+    register,
+    formState: { errors }
+  } = (0, import_react_hook_form7.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_mui_form_utils.Input,
+    __spreadValues(__spreadProps(__spreadValues({}, rest), {
+      error: !!errors[name],
+      required: !!required
+    }), register(name, {
+      required,
+      maxLength,
+      minLength,
+      max,
+      min,
+      pattern,
+      validate,
+      setValueAs,
+      disabled,
+      onChange,
+      onBlur,
+      value,
+      shouldUnregister,
+      deps
+    }))
+  );
+};
+
+// src/lib/OrganizationAutocomplete.tsx
+var import_mui_autocomplete4 = require("@availity/mui-autocomplete");
+var import_react_hook_form8 = require("react-hook-form");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var ControlledOrganizationAutocomplete = (_a) => {
+  var _b = _a, {
+    name,
+    defaultValue,
+    deps,
+    onBlur,
+    onChange,
+    pattern,
+    required,
+    shouldUnregister,
+    validate,
+    value,
+    FieldProps
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "defaultValue",
+    "deps",
+    "onBlur",
+    "onChange",
+    "pattern",
+    "required",
+    "shouldUnregister",
+    "validate",
+    "value",
+    "FieldProps"
+  ]);
+  var _a2;
+  const {
+    control,
+    formState: { errors }
+  } = (0, import_react_hook_form8.useFormContext)();
+  const errorMessage = (_a2 = errors[name]) == null ? void 0 : _a2.message;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_react_hook_form8.Controller,
+    {
+      name,
+      control,
+      defaultValue,
+      rules: {
+        deps,
+        onBlur,
+        onChange,
+        pattern,
+        required,
+        shouldUnregister,
+        validate,
+        value
+      },
+      shouldUnregister,
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 } }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_mui_autocomplete4.OrganizationAutocomplete,
+        __spreadProps(__spreadValues({}, rest), {
+          FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
+            error: !!errorMessage,
+            helperText: errorMessage && typeof errorMessage === "string" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+              errorMessage,
+              /* @__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
+        })
+      )
+    }
+  );
+};
+
+// src/lib/ProviderAutocomplete.tsx
+var import_mui_autocomplete5 = require("@availity/mui-autocomplete");
+var import_react_hook_form9 = require("react-hook-form");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var ControlledProviderAutocomplete = (_a) => {
+  var _b = _a, {
+    name,
+    defaultValue,
+    deps,
+    max,
+    maxLength,
+    min,
+    minLength,
+    onBlur,
+    onChange,
+    pattern,
+    required,
+    shouldUnregister,
+    validate,
+    value,
+    FieldProps
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "defaultValue",
+    "deps",
+    "max",
+    "maxLength",
+    "min",
+    "minLength",
+    "onBlur",
+    "onChange",
+    "pattern",
+    "required",
+    "shouldUnregister",
+    "validate",
+    "value",
+    "FieldProps"
+  ]);
+  var _a2;
+  const {
+    control,
+    formState: { errors }
+  } = (0, import_react_hook_form9.useFormContext)();
+  const errorMessage = (_a2 = errors[name]) == null ? void 0 : _a2.message;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_react_hook_form9.Controller,
+    {
+      name,
+      control,
+      defaultValue,
+      rules: {
+        deps,
+        max,
+        maxLength,
+        min,
+        minLength,
+        onBlur,
+        onChange,
+        pattern,
+        required,
+        shouldUnregister,
+        validate,
+        value
+      },
+      shouldUnregister,
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 } }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        import_mui_autocomplete5.ProviderAutocomplete,
+        __spreadProps(__spreadValues({}, rest), {
+          FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
+            error: !!errorMessage,
+            helperText: errorMessage && typeof errorMessage === "string" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+              errorMessage,
+              /* @__PURE__ */ (0, import_jsx_runtime9.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
+        })
+      )
+    }
+  );
+};
+
+// src/lib/RadioGroup.tsx
+var import_mui_form_utils2 = require("@availity/mui-form-utils");
+var import_react_hook_form10 = require("react-hook-form");
+var import_mui_form_utils3 = require("@availity/mui-form-utils");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var ControlledRadioGroup = (_a) => {
+  var _b = _a, {
+    name,
+    helperText,
+    label,
+    defaultValue,
+    deps,
+    onBlur,
+    onChange,
+    required,
+    shouldUnregister,
+    value
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "helperText",
+    "label",
+    "defaultValue",
+    "deps",
+    "onBlur",
+    "onChange",
+    "required",
+    "shouldUnregister",
+    "value"
+  ]);
+  var _a2;
+  const {
+    control,
+    formState: { errors }
+  } = (0, import_react_hook_form10.useFormContext)();
+  const errorMessage = (_a2 = errors[name]) == null ? void 0 : _a2.message;
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_react_hook_form10.Controller,
+    {
+      control,
+      name,
+      defaultValue,
+      rules: { deps, onBlur, onChange, required, shouldUnregister, value },
+      shouldUnregister,
+      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_mui_form_utils3.FormControl, { error: !!errorMessage, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_form_utils3.FormLabel, { children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_form_utils2.RadioGroup, __spreadValues(__spreadValues({}, field), rest)),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_form_utils3.FormHelperText, { children: errorMessage && typeof errorMessage === "string" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+          errorMessage,
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("br", {}),
+          helperText
+        ] }) : helperText })
+      ] })
+    }
+  );
+};
+
+// src/lib/Select.tsx
+var import_mui_form_utils4 = require("@availity/mui-form-utils");
+var import_react_hook_form11 = require("react-hook-form");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var ControlledSelect = (_a) => {
+  var _b = _a, {
+    name,
+    required,
+    maxLength,
+    minLength,
+    max,
+    min,
+    pattern,
+    validate,
+    setValueAs,
+    disabled,
+    onChange,
+    onBlur,
+    value,
+    shouldUnregister,
+    deps
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "required",
+    "maxLength",
+    "minLength",
+    "max",
+    "min",
+    "pattern",
+    "validate",
+    "setValueAs",
+    "disabled",
+    "onChange",
+    "onBlur",
+    "value",
+    "shouldUnregister",
+    "deps"
+  ]);
+  const {
+    register,
+    formState: { errors }
+  } = (0, import_react_hook_form11.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    import_mui_form_utils4.Select,
+    __spreadValues(__spreadProps(__spreadValues({}, rest), {
+      error: !!errors[name],
+      required: !!required
+    }), register(name, {
+      required,
+      maxLength,
+      minLength,
+      max,
+      min,
+      pattern,
+      validate,
+      setValueAs,
+      disabled,
+      onChange,
+      onBlur,
+      value,
+      shouldUnregister,
+      deps
+    }))
+  );
+};
+
+// src/lib/TextField.tsx
+var import_mui_textfield = require("@availity/mui-textfield");
+var import_react_hook_form12 = require("react-hook-form");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var ControlledTextField = (_a) => {
+  var _b = _a, {
+    name,
+    helperText,
+    required,
+    maxLength,
+    minLength,
+    max,
+    min,
+    pattern,
+    validate,
+    setValueAs,
+    disabled,
+    onChange,
+    onBlur,
+    value,
+    shouldUnregister,
+    deps
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "helperText",
+    "required",
+    "maxLength",
+    "minLength",
+    "max",
+    "min",
+    "pattern",
+    "validate",
+    "setValueAs",
+    "disabled",
+    "onChange",
+    "onBlur",
+    "value",
+    "shouldUnregister",
+    "deps"
+  ]);
+  var _a2;
+  const {
+    register,
+    formState: { errors }
+  } = (0, import_react_hook_form12.useFormContext)();
+  const errorMessage = (_a2 = errors[name]) == null ? void 0 : _a2.message;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_mui_textfield.TextField,
+    __spreadProps(__spreadValues(__spreadValues({}, rest), register(name, {
+      required,
+      maxLength,
+      minLength,
+      max,
+      min,
+      pattern,
+      validate,
+      setValueAs,
+      disabled,
+      onChange,
+      onBlur,
+      value,
+      shouldUnregister,
+      deps
+    })), {
+      error: !!errors[name],
+      helperText: errorMessage && typeof errorMessage === "string" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+        errorMessage,
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("br", {}),
+        helperText
+      ] }) : helperText
+    })
+  );
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ControlledForm
+  ControlledAsyncAutocomplete,
+  ControlledAutocomplete,
+  ControlledCheckbox,
+  ControlledCodesAutocomplete,
+  ControlledDatepicker,
+  ControlledForm,
+  ControlledInput,
+  ControlledOrganizationAutocomplete,
+  ControlledProviderAutocomplete,
+  ControlledRadioGroup,
+  ControlledSelect,
+  ControlledTextField
 });