@availity/mui-controlled-form 0.1.2 → 0.1.4

package/dist/index.mjs

@@ -30,9 +30,310 @@ var __objRest = (source, exclude) => {
   return target;
 };
 
+// src/lib/AsyncAutocomplete.tsx
+import { AsyncAutocomplete } from "@availity/mui-autocomplete";
+import { useFormContext, Controller } from "react-hook-form";
+import { Fragment, jsx, jsxs } from "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 }
+  } = useFormContext();
+  const errorMessage = (_a2 = errors[name]) == null ? void 0 : _a2.message;
+  return /* @__PURE__ */ jsx(
+    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__ */ jsx(
+        AsyncAutocomplete,
+        __spreadProps(__spreadValues({}, rest), {
+          FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
+            error: !!errorMessage,
+            helperText: errorMessage && typeof errorMessage === "string" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              errorMessage,
+              /* @__PURE__ */ 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
+import { Autocomplete } from "@availity/mui-autocomplete";
+import { useFormContext as useFormContext2, Controller as Controller2 } from "react-hook-form";
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "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 }
+  } = useFormContext2();
+  const errorMessage = (_a2 = errors[name]) == null ? void 0 : _a2.message;
+  return /* @__PURE__ */ jsx2(
+    Controller2,
+    {
+      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__ */ jsx2(
+        Autocomplete,
+        __spreadProps(__spreadValues({}, rest), {
+          FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
+            error: !!errorMessage,
+            helperText: errorMessage && typeof errorMessage === "string" ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+              errorMessage,
+              /* @__PURE__ */ jsx2("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
+import { Checkbox } from "@availity/mui-checkbox";
+import { useFormContext as useFormContext3 } from "react-hook-form";
+import { jsx as jsx3 } from "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 } = useFormContext3();
+  return /* @__PURE__ */ jsx3(
+    Checkbox,
+    __spreadValues(__spreadValues({}, rest), register(name, {
+      setValueAs,
+      disabled,
+      onChange,
+      onBlur,
+      value,
+      shouldUnregister,
+      deps
+    }))
+  );
+};
+
+// src/lib/CodesAutocomplete.tsx
+import { CodesAutocomplete } from "@availity/mui-autocomplete";
+import { useFormContext as useFormContext4, Controller as Controller3 } from "react-hook-form";
+import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs3 } from "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 }
+  } = useFormContext4();
+  const errorMessage = (_a2 = errors[name]) == null ? void 0 : _a2.message;
+  return /* @__PURE__ */ jsx4(
+    Controller3,
+    {
+      name,
+      control,
+      defaultValue,
+      rules: {
+        deps,
+        max,
+        maxLength,
+        onBlur,
+        onChange,
+        pattern,
+        required,
+        shouldUnregister,
+        validate,
+        value
+      },
+      shouldUnregister,
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 } }) => /* @__PURE__ */ jsx4(
+        CodesAutocomplete,
+        __spreadProps(__spreadValues({}, rest), {
+          FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
+            error: !!errorMessage,
+            helperText: errorMessage && typeof errorMessage === "string" ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
+              errorMessage,
+              /* @__PURE__ */ jsx4("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
 import { useForm, FormProvider } from "react-hook-form";
-import { jsx } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var ControlledForm = (_a) => {
   var _b = _a, { onSubmit, values, schema, validationResolver } = _b, rest = __objRest(_b, ["onSubmit", "values", "schema", "validationResolver"]);
   const useFormOptions = { values };
@@ -40,8 +341,512 @@ var ControlledForm = (_a) => {
     useFormOptions.resolver = validationResolver(schema);
   }
   const methods = useForm(useFormOptions);
-  return /* @__PURE__ */ jsx(FormProvider, __spreadProps(__spreadValues({}, methods), { children: /* @__PURE__ */ jsx("form", __spreadValues({ onSubmit: methods.handleSubmit(onSubmit) }, rest)) }));
+  return /* @__PURE__ */ jsx5(FormProvider, __spreadProps(__spreadValues({}, methods), { children: /* @__PURE__ */ jsx5("form", __spreadValues({ onSubmit: methods.handleSubmit(onSubmit) }, rest)) }));
+};
+
+// src/lib/Datepicker.tsx
+import { Datepicker } from "@availity/mui-datepicker";
+import { useFormContext as useFormContext5, Controller as Controller4 } from "react-hook-form";
+import { jsx as jsx6 } from "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 } = useFormContext5();
+  return /* @__PURE__ */ jsx6(
+    Controller4,
+    {
+      name,
+      control,
+      defaultValue,
+      rules: {
+        deps,
+        max,
+        maxLength,
+        min,
+        minLength,
+        onBlur,
+        onChange,
+        pattern,
+        required,
+        shouldUnregister,
+        validate,
+        value
+      },
+      shouldUnregister,
+      render: ({ field: { onChange: onChange2, value: value2 } }) => /* @__PURE__ */ jsx6(Datepicker, __spreadProps(__spreadValues({}, rest), { onChange: onChange2, value: value2 || null }))
+    }
+  );
+};
+
+// src/lib/Input.tsx
+import { Input } from "@availity/mui-form-utils";
+import { useFormContext as useFormContext6 } from "react-hook-form";
+import { jsx as jsx7 } from "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 }
+  } = useFormContext6();
+  return /* @__PURE__ */ jsx7(
+    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
+import { OrganizationAutocomplete } from "@availity/mui-autocomplete";
+import { useFormContext as useFormContext7, Controller as Controller5 } from "react-hook-form";
+import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs4 } from "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 }
+  } = useFormContext7();
+  const errorMessage = (_a2 = errors[name]) == null ? void 0 : _a2.message;
+  return /* @__PURE__ */ jsx8(
+    Controller5,
+    {
+      name,
+      control,
+      defaultValue,
+      rules: {
+        deps,
+        onBlur,
+        onChange,
+        pattern,
+        required,
+        shouldUnregister,
+        validate,
+        value
+      },
+      shouldUnregister,
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 } }) => /* @__PURE__ */ jsx8(
+        OrganizationAutocomplete,
+        __spreadProps(__spreadValues({}, rest), {
+          FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
+            error: !!errorMessage,
+            helperText: errorMessage && typeof errorMessage === "string" ? /* @__PURE__ */ jsxs4(Fragment4, { children: [
+              errorMessage,
+              /* @__PURE__ */ jsx8("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
+import { ProviderAutocomplete } from "@availity/mui-autocomplete";
+import { useFormContext as useFormContext8, Controller as Controller6 } from "react-hook-form";
+import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs5 } from "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 }
+  } = useFormContext8();
+  const errorMessage = (_a2 = errors[name]) == null ? void 0 : _a2.message;
+  return /* @__PURE__ */ jsx9(
+    Controller6,
+    {
+      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__ */ jsx9(
+        ProviderAutocomplete,
+        __spreadProps(__spreadValues({}, rest), {
+          FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
+            error: !!errorMessage,
+            helperText: errorMessage && typeof errorMessage === "string" ? /* @__PURE__ */ jsxs5(Fragment5, { children: [
+              errorMessage,
+              /* @__PURE__ */ jsx9("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
+import { RadioGroup } from "@availity/mui-form-utils";
+import { useFormContext as useFormContext9, Controller as Controller7 } from "react-hook-form";
+import { FormControl, FormLabel, FormHelperText } from "@availity/mui-form-utils";
+import { Fragment as Fragment6, jsx as jsx10, jsxs as jsxs6 } from "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 }
+  } = useFormContext9();
+  const errorMessage = (_a2 = errors[name]) == null ? void 0 : _a2.message;
+  return /* @__PURE__ */ jsx10(
+    Controller7,
+    {
+      control,
+      name,
+      defaultValue,
+      rules: { deps, onBlur, onChange, required, shouldUnregister, value },
+      shouldUnregister,
+      render: ({ field }) => /* @__PURE__ */ jsxs6(FormControl, { error: !!errorMessage, children: [
+        /* @__PURE__ */ jsx10(FormLabel, { children: label }),
+        /* @__PURE__ */ jsx10(RadioGroup, __spreadValues(__spreadValues({}, field), rest)),
+        /* @__PURE__ */ jsx10(FormHelperText, { children: errorMessage && typeof errorMessage === "string" ? /* @__PURE__ */ jsxs6(Fragment6, { children: [
+          errorMessage,
+          /* @__PURE__ */ jsx10("br", {}),
+          helperText
+        ] }) : helperText })
+      ] })
+    }
+  );
+};
+
+// src/lib/Select.tsx
+import { Select } from "@availity/mui-form-utils";
+import { useFormContext as useFormContext10 } from "react-hook-form";
+import { jsx as jsx11 } from "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 }
+  } = useFormContext10();
+  return /* @__PURE__ */ jsx11(
+    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
+import { TextField } from "@availity/mui-textfield";
+import { useFormContext as useFormContext11 } from "react-hook-form";
+import { Fragment as Fragment7, jsx as jsx12, jsxs as jsxs7 } from "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 }
+  } = useFormContext11();
+  const errorMessage = (_a2 = errors[name]) == null ? void 0 : _a2.message;
+  return /* @__PURE__ */ jsx12(
+    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__ */ jsxs7(Fragment7, { children: [
+        errorMessage,
+        /* @__PURE__ */ jsx12("br", {}),
+        helperText
+      ] }) : helperText
+    })
+  );
 };
 export {
-  ControlledForm
+  ControlledAsyncAutocomplete,
+  ControlledAutocomplete,
+  ControlledCheckbox,
+  ControlledCodesAutocomplete,
+  ControlledDatepicker,
+  ControlledForm,
+  ControlledInput,
+  ControlledOrganizationAutocomplete,
+  ControlledProviderAutocomplete,
+  ControlledRadioGroup,
+  ControlledSelect,
+  ControlledTextField
 };