@availity/mui-controlled-form 0.2.4 → 0.2.6

package/dist/index.js

@@ -100,14 +100,10 @@ var ControlledAsyncAutocomplete = (_a) => {
     "value",
     "FieldProps"
   ]);
-  var _a2;
-  const { control, getFieldState } = (0, import_react_hook_form.useFormContext)();
-  const errorMessage = (_a2 = getFieldState(name).error) == null ? void 0 : _a2.message;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_react_hook_form.Controller,
     {
       name,
-      control,
       defaultValue: rest.defaultValue,
       rules: {
         deps,
@@ -124,13 +120,14 @@ var ControlledAsyncAutocomplete = (_a) => {
         value
       },
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 }, fieldState: { error } }) => /* @__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,
+            required: typeof required === "object" ? required.value : !!required,
+            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
@@ -187,13 +184,9 @@ var ControlledAutocomplete = (_a) => {
     "validate",
     "value"
   ]);
-  var _a2;
-  const { control, getFieldState } = (0, import_react_hook_form2.useFormContext)();
-  const errorMessage = (_a2 = getFieldState(name).error) == null ? void 0 : _a2.message;
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     import_react_hook_form2.Controller,
     {
-      control,
       name,
       defaultValue,
       rules: {
@@ -211,13 +204,14 @@ var ControlledAutocomplete = (_a) => {
         value
       },
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 } }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 }, fieldState: { error } }) => /* @__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,
+            required: typeof required === "object" ? required.value : !!required,
+            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
@@ -243,35 +237,39 @@ var import_jsx_runtime3 = require("react/jsx-runtime");
 var ControlledCheckbox = (_a) => {
   var _b = _a, {
     name,
-    setValueAs,
     disabled,
     onChange,
     onBlur,
     value,
+    defaultValue = false,
     shouldUnregister,
     deps
   } = _b, rest = __objRest(_b, [
     "name",
-    "setValueAs",
     "disabled",
     "onChange",
     "onBlur",
     "value",
+    "defaultValue",
     "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,
+    import_react_hook_form3.Controller,
+    {
+      name,
+      defaultValue,
       disabled,
-      onChange,
-      onBlur,
-      value,
+      rules: {
+        onChange,
+        onBlur,
+        value,
+        shouldUnregister,
+        deps
+      },
       shouldUnregister,
-      deps
-    }))
+      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_mui_checkbox.Checkbox, __spreadProps(__spreadValues(__spreadValues({}, rest), field), { checked: field.value, onChange: (e) => field.onChange(e.target.checked) }))
+    }
   );
 };
 
@@ -309,14 +307,10 @@ var ControlledCodesAutocomplete = (_a) => {
     "value",
     "FieldProps"
   ]);
-  var _a2;
-  const { control, getFieldState } = (0, import_react_hook_form4.useFormContext)();
-  const errorMessage = (_a2 = getFieldState(name).error) == null ? void 0 : _a2.message;
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     import_react_hook_form4.Controller,
     {
       name,
-      control,
       defaultValue,
       rules: {
         deps,
@@ -331,13 +325,14 @@ var ControlledCodesAutocomplete = (_a) => {
         value
       },
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 } }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 }, fieldState: { error } }) => /* @__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,
+            required: typeof required === "object" ? required.value : !!required,
+            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
@@ -366,7 +361,7 @@ var ControlledForm = (_a) => {
     useFormOptions.resolver = validationResolver(schema);
   }
   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)) }));
+  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), noValidate: true }, rest)) }));
 };
 
 // src/lib/Datepicker.tsx
@@ -388,7 +383,8 @@ var ControlledDatepicker = (_a) => {
     required,
     shouldUnregister,
     validate,
-    value
+    value,
+    FieldProps
   } = _b, rest = __objRest(_b, [
     "name",
     "defaultValue",
@@ -403,14 +399,13 @@ var ControlledDatepicker = (_a) => {
     "required",
     "shouldUnregister",
     "validate",
-    "value"
+    "value",
+    "FieldProps"
   ]);
-  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,
@@ -427,7 +422,22 @@ var ControlledDatepicker = (_a) => {
         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 }))
+      render: ({ field: { onChange: onChange2, value: value2 }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        import_mui_datepicker.Datepicker,
+        __spreadProps(__spreadValues({}, rest), {
+          FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
+            required: typeof required === "object" ? required.value : !!required,
+            error: !!error,
+            helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+              error == null ? void 0 : error.message,
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("br", {}),
+              FieldProps == null ? void 0 : FieldProps.helperText
+            ] }) : FieldProps == null ? void 0 : FieldProps.helperText
+          }),
+          onChange: onChange2,
+          value: value2 || null
+        })
+      )
     }
   );
 };
@@ -446,7 +456,7 @@ var ControlledInput = (_a) => {
     min,
     pattern,
     validate,
-    setValueAs,
+    defaultValue,
     disabled,
     onChange,
     onBlur,
@@ -462,7 +472,7 @@ var ControlledInput = (_a) => {
     "min",
     "pattern",
     "validate",
-    "setValueAs",
+    "defaultValue",
     "disabled",
     "onChange",
     "onBlur",
@@ -470,28 +480,35 @@ var ControlledInput = (_a) => {
     "shouldUnregister",
     "deps"
   ]);
-  const { register, getFieldState } = (0, import_react_hook_form7.useFormContext)();
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    import_mui_form_utils.Input,
-    __spreadValues(__spreadProps(__spreadValues({}, rest), {
-      error: !!getFieldState(name).error,
-      required: !!required
-    }), register(name, {
-      required,
-      maxLength,
-      minLength,
-      max,
-      min,
-      pattern,
-      validate,
-      setValueAs,
+    import_react_hook_form7.Controller,
+    {
+      name,
+      defaultValue,
       disabled,
-      onChange,
-      onBlur,
-      value,
+      rules: {
+        required,
+        maxLength,
+        minLength,
+        max,
+        min,
+        pattern,
+        validate,
+        onChange,
+        onBlur,
+        value,
+        shouldUnregister,
+        deps
+      },
       shouldUnregister,
-      deps
-    }))
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        import_mui_form_utils.Input,
+        __spreadProps(__spreadValues(__spreadValues({}, rest), field), {
+          error: !!error,
+          required: typeof required === "object" ? required.value : !!required
+        })
+      )
+    }
   );
 };
 
@@ -525,14 +542,10 @@ var ControlledOrganizationAutocomplete = (_a) => {
     "value",
     "FieldProps"
   ]);
-  var _a2;
-  const { control, getFieldState } = (0, import_react_hook_form8.useFormContext)();
-  const errorMessage = (_a2 = getFieldState(name).error) == null ? void 0 : _a2.message;
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     import_react_hook_form8.Controller,
     {
       name,
-      control,
       defaultValue,
       rules: {
         deps,
@@ -545,13 +558,14 @@ var ControlledOrganizationAutocomplete = (_a) => {
         value
       },
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 } }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 }, fieldState: { error } }) => /* @__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,
+            required: typeof required === "object" ? required.value : !!required,
+            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
@@ -608,14 +622,10 @@ var ControlledProviderAutocomplete = (_a) => {
     "value",
     "FieldProps"
   ]);
-  var _a2;
-  const { control, getFieldState } = (0, import_react_hook_form9.useFormContext)();
-  const errorMessage = (_a2 = getFieldState(name).error) == null ? void 0 : _a2.message;
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     import_react_hook_form9.Controller,
     {
       name,
-      control,
       defaultValue,
       rules: {
         deps,
@@ -632,13 +642,14 @@ var ControlledProviderAutocomplete = (_a) => {
         value
       },
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 } }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 }, fieldState: { error } }) => /* @__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,
+            required: typeof required === "object" ? required.value : !!required,
+            error: !!error,
+            helperText: (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", {}),
               FieldProps == null ? void 0 : FieldProps.helperText
             ] }) : FieldProps == null ? void 0 : FieldProps.helperText
@@ -686,22 +697,18 @@ var ControlledRadioGroup = (_a) => {
     "shouldUnregister",
     "value"
   ]);
-  var _a2;
-  const { control, getFieldState } = (0, import_react_hook_form10.useFormContext)();
-  const errorMessage = (_a2 = getFieldState(name).error) == 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 }),
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_mui_form_utils3.FormControl, { error: !!error, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_form_utils3.FormLabel, { required: typeof required === "object" ? required.value : !!required, 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)(import_mui_form_utils3.FormHelperText, { children: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+          error.message,
           /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("br", {}),
           helperText
         ] }) : helperText })
@@ -724,11 +731,11 @@ var ControlledSelect = (_a) => {
     min,
     pattern,
     validate,
-    setValueAs,
     disabled,
     onChange,
     onBlur,
     value,
+    defaultValue,
     shouldUnregister,
     deps
   } = _b, rest = __objRest(_b, [
@@ -740,36 +747,43 @@ var ControlledSelect = (_a) => {
     "min",
     "pattern",
     "validate",
-    "setValueAs",
     "disabled",
     "onChange",
     "onBlur",
     "value",
+    "defaultValue",
     "shouldUnregister",
     "deps"
   ]);
-  const { register, getFieldState } = (0, import_react_hook_form11.useFormContext)();
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    import_mui_form_utils4.Select,
-    __spreadValues(__spreadProps(__spreadValues({}, rest), {
-      error: !!getFieldState(name).error,
-      required: !!required
-    }), register(name, {
-      required,
-      maxLength,
-      minLength,
-      max,
-      min,
-      pattern,
-      validate,
-      setValueAs,
+    import_react_hook_form11.Controller,
+    {
+      name,
+      defaultValue,
       disabled,
-      onChange,
-      onBlur,
-      value,
+      rules: {
+        required,
+        maxLength,
+        minLength,
+        max,
+        min,
+        pattern,
+        validate,
+        onChange,
+        onBlur,
+        value,
+        shouldUnregister,
+        deps
+      },
       shouldUnregister,
-      deps
-    }))
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        import_mui_form_utils4.Select,
+        __spreadProps(__spreadValues(__spreadValues({}, rest), field), {
+          error: !!error,
+          required: typeof required === "object" ? required.value : !!required
+        })
+      )
+    }
   );
 };
 
@@ -788,8 +802,8 @@ var ControlledTextField = (_a) => {
     min,
     pattern,
     validate,
-    setValueAs,
     disabled,
+    defaultValue,
     onChange,
     onBlur,
     value,
@@ -805,44 +819,48 @@ var ControlledTextField = (_a) => {
     "min",
     "pattern",
     "validate",
-    "setValueAs",
     "disabled",
+    "defaultValue",
     "onChange",
     "onBlur",
     "value",
     "shouldUnregister",
     "deps"
   ]);
-  var _a2;
-  const { register, getFieldState } = (0, import_react_hook_form12.useFormContext)();
-  const errorMessage = (_a2 = getFieldState(name).error) == null ? void 0 : _a2.message;
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_mui_textfield.TextField,
-    __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, rest), {
-      required: !!required
-    }), register(name, {
-      required,
-      maxLength,
-      minLength,
-      max,
-      min,
-      pattern,
-      validate,
-      setValueAs,
+    import_react_hook_form12.Controller,
+    {
+      name,
+      defaultValue,
       disabled,
-      onChange,
-      onBlur,
-      value,
+      rules: {
+        required,
+        maxLength,
+        minLength,
+        max,
+        min,
+        pattern,
+        validate,
+        onChange,
+        onBlur,
+        value,
+        shouldUnregister,
+        deps
+      },
       shouldUnregister,
-      deps
-    })), {
-      error: !!getFieldState(name).error,
-      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
-    })
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        import_mui_textfield.TextField,
+        __spreadProps(__spreadValues(__spreadValues({}, rest), field), {
+          required: typeof required === "object" ? required.value : !!required,
+          error: !!error,
+          helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+            error.message,
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("br", {}),
+            helperText
+          ] }) : helperText
+        })
+      )
+    }
   );
 };
 // Annotate the CommonJS export names for ESM import in node: