@availity/mui-controlled-form 0.2.6 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +2 -2
  3. package/dist/index.d.mts +122 -26
  4. package/dist/index.d.ts +122 -26
  5. package/dist/index.js +175 -132
  6. package/dist/index.mjs +175 -131
  7. package/package.json +2 -2
  8. package/src/index.ts +47 -0
  9. package/src/lib/AsyncAutocomplete.stories.tsx +21 -36
  10. package/src/lib/AsyncAutocomplete.test.tsx +17 -53
  11. package/src/lib/AsyncAutocomplete.tsx +13 -6
  12. package/src/lib/Autocomplete.stories.tsx +20 -33
  13. package/src/lib/Autocomplete.test.tsx +7 -37
  14. package/src/lib/Autocomplete.tsx +21 -16
  15. package/src/lib/Checkbox.stories.tsx +48 -46
  16. package/src/lib/Checkbox.test.tsx +14 -46
  17. package/src/lib/Checkbox.tsx +19 -16
  18. package/src/lib/CodesAutocomplete.stories.tsx +21 -35
  19. package/src/lib/CodesAutocomplete.test.tsx +20 -54
  20. package/src/lib/CodesAutocomplete.tsx +13 -6
  21. package/src/lib/ControlledForm.stories.tsx +1 -0
  22. package/src/lib/ControlledForm.tsx +7 -3
  23. package/src/lib/Datepicker.stories.tsx +19 -32
  24. package/src/lib/Datepicker.test.tsx +3 -35
  25. package/src/lib/Datepicker.tsx +18 -8
  26. package/src/lib/Input.stories.tsx +32 -38
  27. package/src/lib/Input.test.tsx +71 -7
  28. package/src/lib/Input.tsx +30 -15
  29. package/src/lib/OrganizationAutocomplete.stories.tsx +30 -35
  30. package/src/lib/OrganizationAutocomplete.test.tsx +23 -57
  31. package/src/lib/OrganizationAutocomplete.tsx +14 -9
  32. package/src/lib/ProviderAutocomplete.stories.tsx +20 -35
  33. package/src/lib/ProviderAutocomplete.test.tsx +29 -63
  34. package/src/lib/ProviderAutocomplete.tsx +11 -5
  35. package/src/lib/RadioGroup.stories.tsx +41 -36
  36. package/src/lib/RadioGroup.test.tsx +3 -35
  37. package/src/lib/RadioGroup.tsx +31 -20
  38. package/src/lib/Select.stories.tsx +66 -93
  39. package/src/lib/Select.test.tsx +8 -36
  40. package/src/lib/Select.tsx +30 -15
  41. package/src/lib/TextField.stories.tsx +26 -39
  42. package/src/lib/TextField.test.tsx +71 -5
  43. package/src/lib/TextField.tsx +33 -17
  44. package/src/lib/Types.tsx +2489 -0
  45. package/src/lib/UtilComponents.tsx +52 -0
  46. package/docs/propDefinitions.tsx +0 -31
package/dist/index.js CHANGED
@@ -60,7 +60,10 @@ __export(src_exports, {
60
60
  ControlledProviderAutocomplete: () => ControlledProviderAutocomplete,
61
61
  ControlledRadioGroup: () => ControlledRadioGroup,
62
62
  ControlledSelect: () => ControlledSelect,
63
- ControlledTextField: () => ControlledTextField
63
+ ControlledTextField: () => ControlledTextField,
64
+ FormProvider: () => import_react_hook_form13.FormProvider,
65
+ useForm: () => import_react_hook_form13.useForm,
66
+ useFormContext: () => import_react_hook_form13.useFormContext
64
67
  });
65
68
  module.exports = __toCommonJS(src_exports);
66
69
 
@@ -80,6 +83,7 @@ var ControlledAsyncAutocomplete = (_a) => {
80
83
  onChange,
81
84
  pattern,
82
85
  required,
86
+ rules = {},
83
87
  shouldUnregister,
84
88
  validate,
85
89
  value,
@@ -95,6 +99,7 @@ var ControlledAsyncAutocomplete = (_a) => {
95
99
  "onChange",
96
100
  "pattern",
97
101
  "required",
102
+ "rules",
98
103
  "shouldUnregister",
99
104
  "validate",
100
105
  "value",
@@ -105,7 +110,7 @@ var ControlledAsyncAutocomplete = (_a) => {
105
110
  {
106
111
  name,
107
112
  defaultValue: rest.defaultValue,
108
- rules: {
113
+ rules: __spreadValues({
109
114
  deps,
110
115
  max,
111
116
  maxLength,
@@ -118,19 +123,19 @@ var ControlledAsyncAutocomplete = (_a) => {
118
123
  shouldUnregister,
119
124
  validate,
120
125
  value
121
- },
126
+ }, rules),
122
127
  shouldUnregister,
123
- render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
128
+ render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
124
129
  import_mui_autocomplete.AsyncAutocomplete,
125
130
  __spreadProps(__spreadValues({}, rest), {
126
131
  FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
127
- required: typeof required === "object" ? required.value : !!required,
128
132
  error: !!error,
129
133
  helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
130
134
  error.message,
131
135
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
132
136
  FieldProps == null ? void 0 : FieldProps.helperText
133
- ] }) : FieldProps == null ? void 0 : FieldProps.helperText
137
+ ] }) : FieldProps == null ? void 0 : FieldProps.helperText,
138
+ inputRef: ref
134
139
  }),
135
140
  onChange: (event, value3, reason) => {
136
141
  if (reason === "clear") {
@@ -155,6 +160,7 @@ var ControlledAutocomplete = (_a) => {
155
160
  name,
156
161
  FieldProps,
157
162
  defaultValue,
163
+ rules = {},
158
164
  deps,
159
165
  max,
160
166
  maxLength,
@@ -171,6 +177,7 @@ var ControlledAutocomplete = (_a) => {
171
177
  "name",
172
178
  "FieldProps",
173
179
  "defaultValue",
180
+ "rules",
174
181
  "deps",
175
182
  "max",
176
183
  "maxLength",
@@ -189,7 +196,7 @@ var ControlledAutocomplete = (_a) => {
189
196
  {
190
197
  name,
191
198
  defaultValue,
192
- rules: {
199
+ rules: __spreadValues({
193
200
  deps,
194
201
  max,
195
202
  maxLength,
@@ -202,19 +209,19 @@ var ControlledAutocomplete = (_a) => {
202
209
  shouldUnregister,
203
210
  validate,
204
211
  value
205
- },
212
+ }, rules),
206
213
  shouldUnregister,
207
- render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
214
+ render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
208
215
  import_mui_autocomplete2.Autocomplete,
209
216
  __spreadProps(__spreadValues({}, rest), {
210
217
  FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
211
- required: typeof required === "object" ? required.value : !!required,
212
218
  error: !!error,
213
219
  helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
214
220
  error.message,
215
221
  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("br", {}),
216
222
  FieldProps == null ? void 0 : FieldProps.helperText
217
- ] }) : FieldProps == null ? void 0 : FieldProps.helperText
223
+ ] }) : FieldProps == null ? void 0 : FieldProps.helperText,
224
+ inputRef: ref
218
225
  }),
219
226
  onChange: (event, value3, reason) => {
220
227
  if (reason === "clear") {
@@ -242,8 +249,10 @@ var ControlledCheckbox = (_a) => {
242
249
  onBlur,
243
250
  value,
244
251
  defaultValue = false,
252
+ rules = {},
245
253
  shouldUnregister,
246
- deps
254
+ deps,
255
+ validate
247
256
  } = _b, rest = __objRest(_b, [
248
257
  "name",
249
258
  "disabled",
@@ -251,8 +260,10 @@ var ControlledCheckbox = (_a) => {
251
260
  "onBlur",
252
261
  "value",
253
262
  "defaultValue",
263
+ "rules",
254
264
  "shouldUnregister",
255
- "deps"
265
+ "deps",
266
+ "validate"
256
267
  ]);
257
268
  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
258
269
  import_react_hook_form3.Controller,
@@ -260,13 +271,14 @@ var ControlledCheckbox = (_a) => {
260
271
  name,
261
272
  defaultValue,
262
273
  disabled,
263
- rules: {
274
+ rules: __spreadValues({
264
275
  onChange,
265
276
  onBlur,
266
277
  value,
267
278
  shouldUnregister,
268
- deps
269
- },
279
+ deps,
280
+ validate
281
+ }, rules),
270
282
  shouldUnregister,
271
283
  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) }))
272
284
  }
@@ -288,6 +300,7 @@ var ControlledCodesAutocomplete = (_a) => {
288
300
  onChange,
289
301
  pattern,
290
302
  required,
303
+ rules = {},
291
304
  shouldUnregister,
292
305
  validate,
293
306
  value,
@@ -302,6 +315,7 @@ var ControlledCodesAutocomplete = (_a) => {
302
315
  "onChange",
303
316
  "pattern",
304
317
  "required",
318
+ "rules",
305
319
  "shouldUnregister",
306
320
  "validate",
307
321
  "value",
@@ -312,7 +326,7 @@ var ControlledCodesAutocomplete = (_a) => {
312
326
  {
313
327
  name,
314
328
  defaultValue,
315
- rules: {
329
+ rules: __spreadValues({
316
330
  deps,
317
331
  max,
318
332
  maxLength,
@@ -323,19 +337,19 @@ var ControlledCodesAutocomplete = (_a) => {
323
337
  shouldUnregister,
324
338
  validate,
325
339
  value
326
- },
340
+ }, rules),
327
341
  shouldUnregister,
328
- render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
342
+ render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
329
343
  import_mui_autocomplete3.CodesAutocomplete,
330
344
  __spreadProps(__spreadValues({}, rest), {
331
345
  FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
332
- required: typeof required === "object" ? required.value : !!required,
333
346
  error: !!error,
334
347
  helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
335
348
  error.message,
336
349
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("br", {}),
337
350
  FieldProps == null ? void 0 : FieldProps.helperText
338
- ] }) : FieldProps == null ? void 0 : FieldProps.helperText
351
+ ] }) : FieldProps == null ? void 0 : FieldProps.helperText,
352
+ inputRef: ref
339
353
  }),
340
354
  onChange: (event, value3, reason) => {
341
355
  if (reason === "clear") {
@@ -355,8 +369,8 @@ var ControlledCodesAutocomplete = (_a) => {
355
369
  var import_react_hook_form5 = require("react-hook-form");
356
370
  var import_jsx_runtime5 = require("react/jsx-runtime");
357
371
  var ControlledForm = (_a) => {
358
- var _b = _a, { onSubmit, values, schema, validationResolver } = _b, rest = __objRest(_b, ["onSubmit", "values", "schema", "validationResolver"]);
359
- const useFormOptions = { values };
372
+ var _b = _a, { onSubmit, values, schema, validationResolver, additionalUseFormOptions = { mode: "onBlur" } } = _b, rest = __objRest(_b, ["onSubmit", "values", "schema", "validationResolver", "additionalUseFormOptions"]);
373
+ const useFormOptions = __spreadValues({ values }, additionalUseFormOptions);
360
374
  if (schema && validationResolver) {
361
375
  useFormOptions.resolver = validationResolver(schema);
362
376
  }
@@ -381,6 +395,7 @@ var ControlledDatepicker = (_a) => {
381
395
  onChange,
382
396
  pattern,
383
397
  required,
398
+ rules = {},
384
399
  shouldUnregister,
385
400
  validate,
386
401
  value,
@@ -397,6 +412,7 @@ var ControlledDatepicker = (_a) => {
397
412
  "onChange",
398
413
  "pattern",
399
414
  "required",
415
+ "rules",
400
416
  "shouldUnregister",
401
417
  "validate",
402
418
  "value",
@@ -407,7 +423,7 @@ var ControlledDatepicker = (_a) => {
407
423
  {
408
424
  name,
409
425
  defaultValue,
410
- rules: {
426
+ rules: __spreadValues({
411
427
  deps,
412
428
  max,
413
429
  maxLength,
@@ -420,19 +436,22 @@ var ControlledDatepicker = (_a) => {
420
436
  shouldUnregister,
421
437
  validate,
422
438
  value
423
- },
439
+ }, rules),
424
440
  shouldUnregister,
425
- render: ({ field: { onChange: onChange2, value: value2 }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
441
+ render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
426
442
  import_mui_datepicker.Datepicker,
427
443
  __spreadProps(__spreadValues({}, rest), {
428
444
  FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
429
- required: typeof required === "object" ? required.value : !!required,
430
445
  error: !!error,
431
- helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
432
- error == null ? void 0 : error.message,
446
+ helperText: error ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
447
+ error.message,
433
448
  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("br", {}),
434
449
  FieldProps == null ? void 0 : FieldProps.helperText
435
- ] }) : FieldProps == null ? void 0 : FieldProps.helperText
450
+ ] }) : FieldProps == null ? void 0 : FieldProps.helperText,
451
+ inputRef: ref,
452
+ inputProps: {
453
+ onBlur: onBlur2
454
+ }
436
455
  }),
437
456
  onChange: onChange2,
438
457
  value: value2 || null
@@ -449,36 +468,38 @@ var import_jsx_runtime7 = require("react/jsx-runtime");
449
468
  var ControlledInput = (_a) => {
450
469
  var _b = _a, {
451
470
  name,
452
- required,
453
- maxLength,
454
- minLength,
455
- max,
456
- min,
457
- pattern,
458
- validate,
459
471
  defaultValue,
472
+ deps,
460
473
  disabled,
461
- onChange,
474
+ max,
475
+ maxLength,
476
+ min,
477
+ minLength,
462
478
  onBlur,
463
- value,
479
+ onChange,
480
+ pattern,
481
+ required,
482
+ rules = {},
464
483
  shouldUnregister,
465
- deps
484
+ validate,
485
+ value
466
486
  } = _b, rest = __objRest(_b, [
467
487
  "name",
468
- "required",
469
- "maxLength",
470
- "minLength",
471
- "max",
472
- "min",
473
- "pattern",
474
- "validate",
475
488
  "defaultValue",
489
+ "deps",
476
490
  "disabled",
477
- "onChange",
491
+ "max",
492
+ "maxLength",
493
+ "min",
494
+ "minLength",
478
495
  "onBlur",
479
- "value",
496
+ "onChange",
497
+ "pattern",
498
+ "required",
499
+ "rules",
480
500
  "shouldUnregister",
481
- "deps"
501
+ "validate",
502
+ "value"
482
503
  ]);
483
504
  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
484
505
  import_react_hook_form7.Controller,
@@ -486,8 +507,8 @@ var ControlledInput = (_a) => {
486
507
  name,
487
508
  defaultValue,
488
509
  disabled,
489
- rules: {
490
- required,
510
+ rules: __spreadValues({
511
+ required: typeof required === "boolean" ? void 0 : required,
491
512
  maxLength,
492
513
  minLength,
493
514
  max,
@@ -499,13 +520,13 @@ var ControlledInput = (_a) => {
499
520
  value,
500
521
  shouldUnregister,
501
522
  deps
502
- },
523
+ }, rules),
503
524
  shouldUnregister,
504
525
  render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
505
526
  import_mui_form_utils.Input,
506
527
  __spreadProps(__spreadValues(__spreadValues({}, rest), field), {
507
528
  error: !!error,
508
- required: typeof required === "object" ? required.value : !!required
529
+ required: !!required
509
530
  })
510
531
  )
511
532
  }
@@ -525,6 +546,7 @@ var ControlledOrganizationAutocomplete = (_a) => {
525
546
  onChange,
526
547
  pattern,
527
548
  required,
549
+ rules = {},
528
550
  shouldUnregister,
529
551
  validate,
530
552
  value,
@@ -537,6 +559,7 @@ var ControlledOrganizationAutocomplete = (_a) => {
537
559
  "onChange",
538
560
  "pattern",
539
561
  "required",
562
+ "rules",
540
563
  "shouldUnregister",
541
564
  "validate",
542
565
  "value",
@@ -547,7 +570,7 @@ var ControlledOrganizationAutocomplete = (_a) => {
547
570
  {
548
571
  name,
549
572
  defaultValue,
550
- rules: {
573
+ rules: __spreadValues({
551
574
  deps,
552
575
  onBlur,
553
576
  onChange,
@@ -556,19 +579,19 @@ var ControlledOrganizationAutocomplete = (_a) => {
556
579
  shouldUnregister,
557
580
  validate,
558
581
  value
559
- },
582
+ }, rules),
560
583
  shouldUnregister,
561
- render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
584
+ render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
562
585
  import_mui_autocomplete4.OrganizationAutocomplete,
563
586
  __spreadProps(__spreadValues({}, rest), {
564
587
  FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
565
- required: typeof required === "object" ? required.value : !!required,
566
588
  error: !!error,
567
589
  helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
568
590
  error.message,
569
591
  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("br", {}),
570
592
  FieldProps == null ? void 0 : FieldProps.helperText
571
- ] }) : FieldProps == null ? void 0 : FieldProps.helperText
593
+ ] }) : FieldProps == null ? void 0 : FieldProps.helperText,
594
+ inputRef: ref
572
595
  }),
573
596
  onChange: (event, value3, reason) => {
574
597
  if (reason === "clear") {
@@ -601,6 +624,7 @@ var ControlledProviderAutocomplete = (_a) => {
601
624
  onChange,
602
625
  pattern,
603
626
  required,
627
+ rules = {},
604
628
  shouldUnregister,
605
629
  validate,
606
630
  value,
@@ -617,6 +641,7 @@ var ControlledProviderAutocomplete = (_a) => {
617
641
  "onChange",
618
642
  "pattern",
619
643
  "required",
644
+ "rules",
620
645
  "shouldUnregister",
621
646
  "validate",
622
647
  "value",
@@ -627,7 +652,7 @@ var ControlledProviderAutocomplete = (_a) => {
627
652
  {
628
653
  name,
629
654
  defaultValue,
630
- rules: {
655
+ rules: __spreadValues({
631
656
  deps,
632
657
  max,
633
658
  maxLength,
@@ -640,13 +665,12 @@ var ControlledProviderAutocomplete = (_a) => {
640
665
  shouldUnregister,
641
666
  validate,
642
667
  value
643
- },
668
+ }, rules),
644
669
  shouldUnregister,
645
670
  render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
646
671
  import_mui_autocomplete5.ProviderAutocomplete,
647
672
  __spreadProps(__spreadValues({}, rest), {
648
673
  FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
649
- required: typeof required === "object" ? required.value : !!required,
650
674
  error: !!error,
651
675
  helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
652
676
  error.message,
@@ -683,6 +707,7 @@ var ControlledRadioGroup = (_a) => {
683
707
  onBlur,
684
708
  onChange,
685
709
  required,
710
+ rules = {},
686
711
  shouldUnregister,
687
712
  value
688
713
  } = _b, rest = __objRest(_b, [
@@ -694,6 +719,7 @@ var ControlledRadioGroup = (_a) => {
694
719
  "onBlur",
695
720
  "onChange",
696
721
  "required",
722
+ "rules",
697
723
  "shouldUnregister",
698
724
  "value"
699
725
  ]);
@@ -702,17 +728,20 @@ var ControlledRadioGroup = (_a) => {
702
728
  {
703
729
  name,
704
730
  defaultValue,
705
- rules: { deps, onBlur, onChange, required, shouldUnregister, value },
731
+ rules: __spreadValues({ deps, onBlur, onChange, required: typeof required === "boolean" ? void 0 : required, shouldUnregister, value }, rules),
706
732
  shouldUnregister,
707
- render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_mui_form_utils3.FormControl, { error: !!error, children: [
708
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_form_utils3.FormLabel, { required: typeof required === "object" ? required.value : !!required, children: label }),
709
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_form_utils2.RadioGroup, __spreadValues(__spreadValues({}, field), rest)),
710
- /* @__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: [
711
- error.message,
712
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("br", {}),
713
- helperText
714
- ] }) : helperText })
715
- ] })
733
+ render: (_a2) => {
734
+ var _b2 = _a2, { field: _c } = _b2, _d = _c, { disabled } = _d, field = __objRest(_d, ["disabled"]), { fieldState: { error } } = _b2;
735
+ return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_mui_form_utils3.FormControl, { error: !!error, disabled, required: !!required, children: [
736
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_form_utils3.FormLabel, { children: label }),
737
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_form_utils2.RadioGroup, __spreadValues(__spreadValues({}, field), rest)),
738
+ /* @__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: [
739
+ error.message,
740
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("br", {}),
741
+ helperText
742
+ ] }) : helperText })
743
+ ] });
744
+ }
716
745
  }
717
746
  );
718
747
  };
@@ -724,36 +753,38 @@ var import_jsx_runtime11 = require("react/jsx-runtime");
724
753
  var ControlledSelect = (_a) => {
725
754
  var _b = _a, {
726
755
  name,
727
- required,
728
- maxLength,
729
- minLength,
756
+ defaultValue,
757
+ deps,
758
+ disabled,
730
759
  max,
760
+ maxLength,
731
761
  min,
732
- pattern,
733
- validate,
734
- disabled,
735
- onChange,
762
+ minLength,
736
763
  onBlur,
737
- value,
738
- defaultValue,
764
+ onChange,
765
+ pattern,
766
+ required,
767
+ rules = {},
739
768
  shouldUnregister,
740
- deps
769
+ validate,
770
+ value
741
771
  } = _b, rest = __objRest(_b, [
742
772
  "name",
743
- "required",
744
- "maxLength",
745
- "minLength",
773
+ "defaultValue",
774
+ "deps",
775
+ "disabled",
746
776
  "max",
777
+ "maxLength",
747
778
  "min",
748
- "pattern",
749
- "validate",
750
- "disabled",
751
- "onChange",
779
+ "minLength",
752
780
  "onBlur",
753
- "value",
754
- "defaultValue",
781
+ "onChange",
782
+ "pattern",
783
+ "required",
784
+ "rules",
755
785
  "shouldUnregister",
756
- "deps"
786
+ "validate",
787
+ "value"
757
788
  ]);
758
789
  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
759
790
  import_react_hook_form11.Controller,
@@ -761,8 +792,8 @@ var ControlledSelect = (_a) => {
761
792
  name,
762
793
  defaultValue,
763
794
  disabled,
764
- rules: {
765
- required,
795
+ rules: __spreadValues({
796
+ required: typeof required === "boolean" ? void 0 : required,
766
797
  maxLength,
767
798
  minLength,
768
799
  max,
@@ -774,13 +805,13 @@ var ControlledSelect = (_a) => {
774
805
  value,
775
806
  shouldUnregister,
776
807
  deps
777
- },
808
+ }, rules),
778
809
  shouldUnregister,
779
810
  render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
780
811
  import_mui_form_utils4.Select,
781
812
  __spreadProps(__spreadValues(__spreadValues({}, rest), field), {
782
813
  error: !!error,
783
- required: typeof required === "object" ? required.value : !!required
814
+ required: !!required
784
815
  })
785
816
  )
786
817
  }
@@ -794,38 +825,40 @@ var import_jsx_runtime12 = require("react/jsx-runtime");
794
825
  var ControlledTextField = (_a) => {
795
826
  var _b = _a, {
796
827
  name,
828
+ defaultValue,
829
+ deps,
830
+ disabled,
797
831
  helperText,
798
- required,
799
- maxLength,
800
- minLength,
801
832
  max,
833
+ maxLength,
802
834
  min,
803
- pattern,
804
- validate,
805
- disabled,
806
- defaultValue,
807
- onChange,
835
+ minLength,
808
836
  onBlur,
809
- value,
837
+ onChange,
838
+ pattern,
839
+ required,
840
+ rules = {},
810
841
  shouldUnregister,
811
- deps
842
+ validate,
843
+ value
812
844
  } = _b, rest = __objRest(_b, [
813
845
  "name",
846
+ "defaultValue",
847
+ "deps",
848
+ "disabled",
814
849
  "helperText",
815
- "required",
816
- "maxLength",
817
- "minLength",
818
850
  "max",
851
+ "maxLength",
819
852
  "min",
820
- "pattern",
821
- "validate",
822
- "disabled",
823
- "defaultValue",
824
- "onChange",
853
+ "minLength",
825
854
  "onBlur",
826
- "value",
855
+ "onChange",
856
+ "pattern",
857
+ "required",
858
+ "rules",
827
859
  "shouldUnregister",
828
- "deps"
860
+ "validate",
861
+ "value"
829
862
  ]);
830
863
  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
831
864
  import_react_hook_form12.Controller,
@@ -833,8 +866,8 @@ var ControlledTextField = (_a) => {
833
866
  name,
834
867
  defaultValue,
835
868
  disabled,
836
- rules: {
837
- required,
869
+ rules: __spreadValues({
870
+ required: typeof required === "boolean" ? void 0 : required,
838
871
  maxLength,
839
872
  minLength,
840
873
  max,
@@ -846,23 +879,30 @@ var ControlledTextField = (_a) => {
846
879
  value,
847
880
  shouldUnregister,
848
881
  deps
849
- },
882
+ }, rules),
850
883
  shouldUnregister,
851
- render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
852
- import_mui_textfield.TextField,
853
- __spreadProps(__spreadValues(__spreadValues({}, rest), field), {
854
- required: typeof required === "object" ? required.value : !!required,
855
- error: !!error,
856
- helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
857
- error.message,
858
- /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("br", {}),
859
- helperText
860
- ] }) : helperText
861
- })
862
- )
884
+ render: (_a2) => {
885
+ var _b2 = _a2, { field: _c } = _b2, _d = _c, { ref } = _d, field = __objRest(_d, ["ref"]), { fieldState: { error } } = _b2;
886
+ return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
887
+ import_mui_textfield.TextField,
888
+ __spreadProps(__spreadValues(__spreadValues({}, field), rest), {
889
+ inputRef: ref,
890
+ required: !!required,
891
+ error: !!error,
892
+ helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
893
+ error.message,
894
+ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("br", {}),
895
+ helperText
896
+ ] }) : helperText
897
+ })
898
+ );
899
+ }
863
900
  }
864
901
  );
865
902
  };
903
+
904
+ // src/index.ts
905
+ var import_react_hook_form13 = require("react-hook-form");
866
906
  // Annotate the CommonJS export names for ESM import in node:
867
907
  0 && (module.exports = {
868
908
  ControlledAsyncAutocomplete,
@@ -876,5 +916,8 @@ var ControlledTextField = (_a) => {
876
916
  ControlledProviderAutocomplete,
877
917
  ControlledRadioGroup,
878
918
  ControlledSelect,
879
- ControlledTextField
919
+ ControlledTextField,
920
+ FormProvider,
921
+ useForm,
922
+ useFormContext
880
923
  });