@availity/mui-controlled-form 0.3.2 → 1.0.0-alpha.0
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.
- package/CHANGELOG.md +19 -0
- package/dist/index.d.mts +30 -123
- package/dist/index.d.ts +30 -123
- package/dist/index.js +111 -301
- package/dist/index.mjs +90 -279
- package/package.json +17 -17
- package/src/index.ts +0 -1
- package/src/lib/AsyncAutocomplete.test.tsx +80 -16
- package/src/lib/AsyncAutocomplete.tsx +9 -25
- package/src/lib/Autocomplete.test.tsx +52 -6
- package/src/lib/Autocomplete.tsx +16 -33
- package/src/lib/Checkbox.tsx +11 -19
- package/src/lib/CodesAutocomplete.test.tsx +90 -17
- package/src/lib/CodesAutocomplete.tsx +6 -21
- package/src/lib/Datepicker.test.tsx +68 -1
- package/src/lib/Datepicker.tsx +6 -25
- package/src/lib/Input.test.tsx +0 -93
- package/src/lib/Input.tsx +5 -33
- package/src/lib/OrganizationAutocomplete.test.tsx +85 -18
- package/src/lib/OrganizationAutocomplete.tsx +6 -18
- package/src/lib/ProviderAutocomplete.test.tsx +99 -26
- package/src/lib/ProviderAutocomplete.tsx +8 -24
- package/src/lib/RadioGroup.tsx +13 -29
- package/src/lib/Select.tsx +5 -33
- package/src/lib/TextField.test.tsx +0 -94
- package/src/lib/TextField.tsx +6 -34
- package/src/lib/Types.tsx +811 -719
- package/src/lib/ControlledForm.stories.tsx +0 -76
- package/src/lib/ControlledForm.test.tsx +0 -77
- package/src/lib/ControlledForm.tsx +0 -39
- /package/{introduction.stories.mdx → introduction.mdx} +0 -0
package/dist/index.mjs
CHANGED
|
@@ -37,34 +37,18 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
|
37
37
|
var ControlledAsyncAutocomplete = (_a) => {
|
|
38
38
|
var _b = _a, {
|
|
39
39
|
name,
|
|
40
|
-
deps,
|
|
41
|
-
max,
|
|
42
|
-
maxLength,
|
|
43
|
-
min,
|
|
44
|
-
minLength,
|
|
45
40
|
onBlur,
|
|
46
41
|
onChange,
|
|
47
|
-
pattern,
|
|
48
|
-
required,
|
|
49
42
|
rules = {},
|
|
50
43
|
shouldUnregister,
|
|
51
|
-
validate,
|
|
52
44
|
value,
|
|
53
45
|
FieldProps
|
|
54
46
|
} = _b, rest = __objRest(_b, [
|
|
55
47
|
"name",
|
|
56
|
-
"deps",
|
|
57
|
-
"max",
|
|
58
|
-
"maxLength",
|
|
59
|
-
"min",
|
|
60
|
-
"minLength",
|
|
61
48
|
"onBlur",
|
|
62
49
|
"onChange",
|
|
63
|
-
"pattern",
|
|
64
|
-
"required",
|
|
65
50
|
"rules",
|
|
66
51
|
"shouldUnregister",
|
|
67
|
-
"validate",
|
|
68
52
|
"value",
|
|
69
53
|
"FieldProps"
|
|
70
54
|
]);
|
|
@@ -74,24 +58,18 @@ var ControlledAsyncAutocomplete = (_a) => {
|
|
|
74
58
|
name,
|
|
75
59
|
defaultValue: rest.defaultValue,
|
|
76
60
|
rules: __spreadValues({
|
|
77
|
-
deps,
|
|
78
|
-
max,
|
|
79
|
-
maxLength,
|
|
80
|
-
min,
|
|
81
|
-
minLength,
|
|
82
61
|
onBlur,
|
|
83
62
|
onChange,
|
|
84
|
-
pattern,
|
|
85
|
-
required,
|
|
86
63
|
shouldUnregister,
|
|
87
|
-
validate,
|
|
88
64
|
value
|
|
89
65
|
}, rules),
|
|
90
66
|
shouldUnregister,
|
|
91
67
|
render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ jsx(
|
|
92
68
|
AsyncAutocomplete,
|
|
93
69
|
__spreadProps(__spreadValues({}, rest), {
|
|
94
|
-
FieldProps: __spreadProps(__spreadValues({
|
|
70
|
+
FieldProps: __spreadProps(__spreadValues({
|
|
71
|
+
required: typeof rules.required === "object" ? rules.required.value : !!rules.required
|
|
72
|
+
}, FieldProps), {
|
|
95
73
|
error: !!error,
|
|
96
74
|
helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
97
75
|
error.message,
|
|
@@ -124,34 +102,18 @@ var ControlledAutocomplete = (_a) => {
|
|
|
124
102
|
FieldProps,
|
|
125
103
|
defaultValue,
|
|
126
104
|
rules = {},
|
|
127
|
-
deps,
|
|
128
|
-
max,
|
|
129
|
-
maxLength,
|
|
130
|
-
min,
|
|
131
|
-
minLength,
|
|
132
105
|
onBlur,
|
|
133
106
|
onChange,
|
|
134
|
-
pattern,
|
|
135
|
-
required,
|
|
136
107
|
shouldUnregister,
|
|
137
|
-
validate,
|
|
138
108
|
value
|
|
139
109
|
} = _b, rest = __objRest(_b, [
|
|
140
110
|
"name",
|
|
141
111
|
"FieldProps",
|
|
142
112
|
"defaultValue",
|
|
143
113
|
"rules",
|
|
144
|
-
"deps",
|
|
145
|
-
"max",
|
|
146
|
-
"maxLength",
|
|
147
|
-
"min",
|
|
148
|
-
"minLength",
|
|
149
114
|
"onBlur",
|
|
150
115
|
"onChange",
|
|
151
|
-
"pattern",
|
|
152
|
-
"required",
|
|
153
116
|
"shouldUnregister",
|
|
154
|
-
"validate",
|
|
155
117
|
"value"
|
|
156
118
|
]);
|
|
157
119
|
return /* @__PURE__ */ jsx2(
|
|
@@ -160,24 +122,18 @@ var ControlledAutocomplete = (_a) => {
|
|
|
160
122
|
name,
|
|
161
123
|
defaultValue,
|
|
162
124
|
rules: __spreadValues({
|
|
163
|
-
deps,
|
|
164
|
-
max,
|
|
165
|
-
maxLength,
|
|
166
|
-
min,
|
|
167
|
-
minLength,
|
|
168
125
|
onBlur,
|
|
169
126
|
onChange,
|
|
170
|
-
pattern,
|
|
171
|
-
required,
|
|
172
127
|
shouldUnregister,
|
|
173
|
-
validate,
|
|
174
128
|
value
|
|
175
129
|
}, rules),
|
|
176
130
|
shouldUnregister,
|
|
177
131
|
render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ jsx2(
|
|
178
132
|
Autocomplete,
|
|
179
133
|
__spreadProps(__spreadValues({}, rest), {
|
|
180
|
-
FieldProps: __spreadProps(__spreadValues({
|
|
134
|
+
FieldProps: __spreadProps(__spreadValues({
|
|
135
|
+
required: typeof rules.required === "object" ? rules.required.value : !!rules.required
|
|
136
|
+
}, FieldProps), {
|
|
181
137
|
error: !!error,
|
|
182
138
|
helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
|
|
183
139
|
error.message,
|
|
@@ -213,9 +169,7 @@ var ControlledCheckbox = (_a) => {
|
|
|
213
169
|
value,
|
|
214
170
|
defaultValue = false,
|
|
215
171
|
rules = {},
|
|
216
|
-
shouldUnregister
|
|
217
|
-
deps,
|
|
218
|
-
validate
|
|
172
|
+
shouldUnregister
|
|
219
173
|
} = _b, rest = __objRest(_b, [
|
|
220
174
|
"name",
|
|
221
175
|
"disabled",
|
|
@@ -224,9 +178,7 @@ var ControlledCheckbox = (_a) => {
|
|
|
224
178
|
"value",
|
|
225
179
|
"defaultValue",
|
|
226
180
|
"rules",
|
|
227
|
-
"shouldUnregister"
|
|
228
|
-
"deps",
|
|
229
|
-
"validate"
|
|
181
|
+
"shouldUnregister"
|
|
230
182
|
]);
|
|
231
183
|
return /* @__PURE__ */ jsx3(
|
|
232
184
|
Controller3,
|
|
@@ -238,12 +190,18 @@ var ControlledCheckbox = (_a) => {
|
|
|
238
190
|
onChange,
|
|
239
191
|
onBlur,
|
|
240
192
|
value,
|
|
241
|
-
shouldUnregister
|
|
242
|
-
deps,
|
|
243
|
-
validate
|
|
193
|
+
shouldUnregister
|
|
244
194
|
}, rules),
|
|
245
195
|
shouldUnregister,
|
|
246
|
-
render: ({ field }) => /* @__PURE__ */ jsx3(
|
|
196
|
+
render: ({ field }) => /* @__PURE__ */ jsx3(
|
|
197
|
+
Checkbox,
|
|
198
|
+
__spreadProps(__spreadValues(__spreadValues({
|
|
199
|
+
required: typeof rules.required === "object" ? rules.required.value : !!rules.required
|
|
200
|
+
}, rest), field), {
|
|
201
|
+
checked: field.value,
|
|
202
|
+
onChange: (e) => field.onChange(e.target.checked)
|
|
203
|
+
})
|
|
204
|
+
)
|
|
247
205
|
}
|
|
248
206
|
);
|
|
249
207
|
};
|
|
@@ -256,31 +214,19 @@ var ControlledCodesAutocomplete = (_a) => {
|
|
|
256
214
|
var _b = _a, {
|
|
257
215
|
name,
|
|
258
216
|
defaultValue,
|
|
259
|
-
deps,
|
|
260
|
-
max,
|
|
261
|
-
maxLength,
|
|
262
217
|
onBlur,
|
|
263
218
|
onChange,
|
|
264
|
-
pattern,
|
|
265
|
-
required,
|
|
266
219
|
rules = {},
|
|
267
220
|
shouldUnregister,
|
|
268
|
-
validate,
|
|
269
221
|
value,
|
|
270
222
|
FieldProps
|
|
271
223
|
} = _b, rest = __objRest(_b, [
|
|
272
224
|
"name",
|
|
273
225
|
"defaultValue",
|
|
274
|
-
"deps",
|
|
275
|
-
"max",
|
|
276
|
-
"maxLength",
|
|
277
226
|
"onBlur",
|
|
278
227
|
"onChange",
|
|
279
|
-
"pattern",
|
|
280
|
-
"required",
|
|
281
228
|
"rules",
|
|
282
229
|
"shouldUnregister",
|
|
283
|
-
"validate",
|
|
284
230
|
"value",
|
|
285
231
|
"FieldProps"
|
|
286
232
|
]);
|
|
@@ -290,22 +236,18 @@ var ControlledCodesAutocomplete = (_a) => {
|
|
|
290
236
|
name,
|
|
291
237
|
defaultValue,
|
|
292
238
|
rules: __spreadValues({
|
|
293
|
-
deps,
|
|
294
|
-
max,
|
|
295
|
-
maxLength,
|
|
296
239
|
onBlur,
|
|
297
240
|
onChange,
|
|
298
|
-
pattern,
|
|
299
|
-
required,
|
|
300
241
|
shouldUnregister,
|
|
301
|
-
validate,
|
|
302
242
|
value
|
|
303
243
|
}, rules),
|
|
304
244
|
shouldUnregister,
|
|
305
245
|
render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ jsx4(
|
|
306
246
|
CodesAutocomplete,
|
|
307
247
|
__spreadProps(__spreadValues({}, rest), {
|
|
308
|
-
FieldProps: __spreadProps(__spreadValues({
|
|
248
|
+
FieldProps: __spreadProps(__spreadValues({
|
|
249
|
+
required: typeof rules.required === "object" ? rules.required.value : !!rules.required
|
|
250
|
+
}, FieldProps), {
|
|
309
251
|
error: !!error,
|
|
310
252
|
helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
|
|
311
253
|
error.message,
|
|
@@ -328,87 +270,52 @@ var ControlledCodesAutocomplete = (_a) => {
|
|
|
328
270
|
);
|
|
329
271
|
};
|
|
330
272
|
|
|
331
|
-
// src/lib/ControlledForm.tsx
|
|
332
|
-
import { useForm, FormProvider } from "react-hook-form";
|
|
333
|
-
import { jsx as jsx5 } from "react/jsx-runtime";
|
|
334
|
-
var ControlledForm = (_a) => {
|
|
335
|
-
var _b = _a, { onSubmit, values, schema, validationResolver, additionalUseFormOptions = { mode: "onBlur" } } = _b, rest = __objRest(_b, ["onSubmit", "values", "schema", "validationResolver", "additionalUseFormOptions"]);
|
|
336
|
-
const useFormOptions = __spreadValues({ values }, additionalUseFormOptions);
|
|
337
|
-
if (schema && validationResolver) {
|
|
338
|
-
useFormOptions.resolver = validationResolver(schema);
|
|
339
|
-
}
|
|
340
|
-
const methods = useForm(useFormOptions);
|
|
341
|
-
return /* @__PURE__ */ jsx5(FormProvider, __spreadProps(__spreadValues({}, methods), { children: /* @__PURE__ */ jsx5("form", __spreadValues({ onSubmit: methods.handleSubmit(onSubmit), noValidate: true }, rest)) }));
|
|
342
|
-
};
|
|
343
|
-
|
|
344
273
|
// src/lib/Datepicker.tsx
|
|
345
274
|
import { Datepicker } from "@availity/mui-datepicker";
|
|
346
275
|
import { Controller as Controller5 } from "react-hook-form";
|
|
347
|
-
import { Fragment as Fragment4, jsx as
|
|
276
|
+
import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
348
277
|
var ControlledDatepicker = (_a) => {
|
|
349
278
|
var _b = _a, {
|
|
350
279
|
name,
|
|
351
280
|
defaultValue,
|
|
352
|
-
deps,
|
|
353
|
-
max,
|
|
354
|
-
maxLength,
|
|
355
|
-
min,
|
|
356
|
-
minLength,
|
|
357
281
|
onBlur,
|
|
358
282
|
onChange,
|
|
359
|
-
pattern,
|
|
360
|
-
required,
|
|
361
283
|
rules = {},
|
|
362
284
|
shouldUnregister,
|
|
363
|
-
validate,
|
|
364
285
|
value,
|
|
365
286
|
FieldProps
|
|
366
287
|
} = _b, rest = __objRest(_b, [
|
|
367
288
|
"name",
|
|
368
289
|
"defaultValue",
|
|
369
|
-
"deps",
|
|
370
|
-
"max",
|
|
371
|
-
"maxLength",
|
|
372
|
-
"min",
|
|
373
|
-
"minLength",
|
|
374
290
|
"onBlur",
|
|
375
291
|
"onChange",
|
|
376
|
-
"pattern",
|
|
377
|
-
"required",
|
|
378
292
|
"rules",
|
|
379
293
|
"shouldUnregister",
|
|
380
|
-
"validate",
|
|
381
294
|
"value",
|
|
382
295
|
"FieldProps"
|
|
383
296
|
]);
|
|
384
|
-
return /* @__PURE__ */
|
|
297
|
+
return /* @__PURE__ */ jsx5(
|
|
385
298
|
Controller5,
|
|
386
299
|
{
|
|
387
300
|
name,
|
|
388
301
|
defaultValue,
|
|
389
302
|
rules: __spreadValues({
|
|
390
|
-
deps,
|
|
391
|
-
max,
|
|
392
|
-
maxLength,
|
|
393
|
-
min,
|
|
394
|
-
minLength,
|
|
395
303
|
onBlur,
|
|
396
304
|
onChange,
|
|
397
|
-
pattern,
|
|
398
|
-
required,
|
|
399
305
|
shouldUnregister,
|
|
400
|
-
validate,
|
|
401
306
|
value
|
|
402
307
|
}, rules),
|
|
403
308
|
shouldUnregister,
|
|
404
|
-
render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */
|
|
309
|
+
render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ jsx5(
|
|
405
310
|
Datepicker,
|
|
406
311
|
__spreadProps(__spreadValues({}, rest), {
|
|
407
|
-
FieldProps: __spreadProps(__spreadValues({
|
|
312
|
+
FieldProps: __spreadProps(__spreadValues({
|
|
313
|
+
required: typeof rules.required === "object" ? rules.required.value : !!rules.required
|
|
314
|
+
}, FieldProps), {
|
|
408
315
|
error: !!error,
|
|
409
316
|
helperText: error ? /* @__PURE__ */ jsxs4(Fragment4, { children: [
|
|
410
317
|
error.message,
|
|
411
|
-
/* @__PURE__ */
|
|
318
|
+
/* @__PURE__ */ jsx5("br", {}),
|
|
412
319
|
FieldProps == null ? void 0 : FieldProps.helperText
|
|
413
320
|
] }) : FieldProps == null ? void 0 : FieldProps.helperText,
|
|
414
321
|
inputRef: ref,
|
|
@@ -427,69 +334,46 @@ var ControlledDatepicker = (_a) => {
|
|
|
427
334
|
// src/lib/Input.tsx
|
|
428
335
|
import { Input } from "@availity/mui-form-utils";
|
|
429
336
|
import { Controller as Controller6 } from "react-hook-form";
|
|
430
|
-
import { jsx as
|
|
337
|
+
import { jsx as jsx6 } from "react/jsx-runtime";
|
|
431
338
|
var ControlledInput = (_a) => {
|
|
432
339
|
var _b = _a, {
|
|
433
340
|
name,
|
|
434
341
|
defaultValue,
|
|
435
|
-
deps,
|
|
436
342
|
disabled,
|
|
437
|
-
max,
|
|
438
|
-
maxLength,
|
|
439
|
-
min,
|
|
440
|
-
minLength,
|
|
441
343
|
onBlur,
|
|
442
344
|
onChange,
|
|
443
|
-
pattern,
|
|
444
|
-
required,
|
|
445
345
|
rules = {},
|
|
446
346
|
shouldUnregister,
|
|
447
|
-
validate,
|
|
448
347
|
value
|
|
449
348
|
} = _b, rest = __objRest(_b, [
|
|
450
349
|
"name",
|
|
451
350
|
"defaultValue",
|
|
452
|
-
"deps",
|
|
453
351
|
"disabled",
|
|
454
|
-
"max",
|
|
455
|
-
"maxLength",
|
|
456
|
-
"min",
|
|
457
|
-
"minLength",
|
|
458
352
|
"onBlur",
|
|
459
353
|
"onChange",
|
|
460
|
-
"pattern",
|
|
461
|
-
"required",
|
|
462
354
|
"rules",
|
|
463
355
|
"shouldUnregister",
|
|
464
|
-
"validate",
|
|
465
356
|
"value"
|
|
466
357
|
]);
|
|
467
|
-
return /* @__PURE__ */
|
|
358
|
+
return /* @__PURE__ */ jsx6(
|
|
468
359
|
Controller6,
|
|
469
360
|
{
|
|
470
361
|
name,
|
|
471
362
|
defaultValue,
|
|
472
363
|
disabled,
|
|
473
364
|
rules: __spreadValues({
|
|
474
|
-
required: typeof required === "boolean" ? void 0 : required,
|
|
475
|
-
maxLength,
|
|
476
|
-
minLength,
|
|
477
|
-
max,
|
|
478
|
-
min,
|
|
479
|
-
pattern,
|
|
480
|
-
validate,
|
|
481
365
|
onChange,
|
|
482
366
|
onBlur,
|
|
483
367
|
value,
|
|
484
|
-
shouldUnregister
|
|
485
|
-
deps
|
|
368
|
+
shouldUnregister
|
|
486
369
|
}, rules),
|
|
487
370
|
shouldUnregister,
|
|
488
|
-
render: ({ field, fieldState: { error } }) => /* @__PURE__ */
|
|
371
|
+
render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsx6(
|
|
489
372
|
Input,
|
|
490
|
-
__spreadProps(__spreadValues(__spreadValues({
|
|
491
|
-
|
|
492
|
-
|
|
373
|
+
__spreadProps(__spreadValues(__spreadValues({
|
|
374
|
+
required: typeof rules.required === "object" ? rules.required.value : !!rules.required
|
|
375
|
+
}, rest), field), {
|
|
376
|
+
error: !!error
|
|
493
377
|
})
|
|
494
378
|
)
|
|
495
379
|
}
|
|
@@ -499,59 +383,49 @@ var ControlledInput = (_a) => {
|
|
|
499
383
|
// src/lib/OrganizationAutocomplete.tsx
|
|
500
384
|
import { OrganizationAutocomplete } from "@availity/mui-autocomplete";
|
|
501
385
|
import { Controller as Controller7 } from "react-hook-form";
|
|
502
|
-
import { Fragment as Fragment5, jsx as
|
|
386
|
+
import { Fragment as Fragment5, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
503
387
|
var ControlledOrganizationAutocomplete = (_a) => {
|
|
504
388
|
var _b = _a, {
|
|
505
389
|
name,
|
|
506
390
|
defaultValue,
|
|
507
|
-
deps,
|
|
508
391
|
onBlur,
|
|
509
392
|
onChange,
|
|
510
|
-
pattern,
|
|
511
|
-
required,
|
|
512
393
|
rules = {},
|
|
513
394
|
shouldUnregister,
|
|
514
|
-
validate,
|
|
515
395
|
value,
|
|
516
396
|
FieldProps
|
|
517
397
|
} = _b, rest = __objRest(_b, [
|
|
518
398
|
"name",
|
|
519
399
|
"defaultValue",
|
|
520
|
-
"deps",
|
|
521
400
|
"onBlur",
|
|
522
401
|
"onChange",
|
|
523
|
-
"pattern",
|
|
524
|
-
"required",
|
|
525
402
|
"rules",
|
|
526
403
|
"shouldUnregister",
|
|
527
|
-
"validate",
|
|
528
404
|
"value",
|
|
529
405
|
"FieldProps"
|
|
530
406
|
]);
|
|
531
|
-
return /* @__PURE__ */
|
|
407
|
+
return /* @__PURE__ */ jsx7(
|
|
532
408
|
Controller7,
|
|
533
409
|
{
|
|
534
410
|
name,
|
|
535
411
|
defaultValue,
|
|
536
412
|
rules: __spreadValues({
|
|
537
|
-
deps,
|
|
538
413
|
onBlur,
|
|
539
414
|
onChange,
|
|
540
|
-
pattern,
|
|
541
|
-
required,
|
|
542
415
|
shouldUnregister,
|
|
543
|
-
validate,
|
|
544
416
|
value
|
|
545
417
|
}, rules),
|
|
546
418
|
shouldUnregister,
|
|
547
|
-
render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */
|
|
419
|
+
render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ jsx7(
|
|
548
420
|
OrganizationAutocomplete,
|
|
549
421
|
__spreadProps(__spreadValues({}, rest), {
|
|
550
|
-
FieldProps: __spreadProps(__spreadValues({
|
|
422
|
+
FieldProps: __spreadProps(__spreadValues({
|
|
423
|
+
required: typeof rules.required === "object" ? rules.required.value : !!rules.required
|
|
424
|
+
}, FieldProps), {
|
|
551
425
|
error: !!error,
|
|
552
426
|
helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ jsxs5(Fragment5, { children: [
|
|
553
427
|
error.message,
|
|
554
|
-
/* @__PURE__ */
|
|
428
|
+
/* @__PURE__ */ jsx7("br", {}),
|
|
555
429
|
FieldProps == null ? void 0 : FieldProps.helperText
|
|
556
430
|
] }) : FieldProps == null ? void 0 : FieldProps.helperText,
|
|
557
431
|
inputRef: ref
|
|
@@ -573,71 +447,49 @@ var ControlledOrganizationAutocomplete = (_a) => {
|
|
|
573
447
|
// src/lib/ProviderAutocomplete.tsx
|
|
574
448
|
import { ProviderAutocomplete } from "@availity/mui-autocomplete";
|
|
575
449
|
import { Controller as Controller8 } from "react-hook-form";
|
|
576
|
-
import { Fragment as Fragment6, jsx as
|
|
450
|
+
import { Fragment as Fragment6, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
577
451
|
var ControlledProviderAutocomplete = (_a) => {
|
|
578
452
|
var _b = _a, {
|
|
579
453
|
name,
|
|
580
454
|
defaultValue,
|
|
581
|
-
deps,
|
|
582
|
-
max,
|
|
583
|
-
maxLength,
|
|
584
|
-
min,
|
|
585
|
-
minLength,
|
|
586
455
|
onBlur,
|
|
587
456
|
onChange,
|
|
588
|
-
pattern,
|
|
589
|
-
required,
|
|
590
457
|
rules = {},
|
|
591
458
|
shouldUnregister,
|
|
592
|
-
validate,
|
|
593
459
|
value,
|
|
594
460
|
FieldProps
|
|
595
461
|
} = _b, rest = __objRest(_b, [
|
|
596
462
|
"name",
|
|
597
463
|
"defaultValue",
|
|
598
|
-
"deps",
|
|
599
|
-
"max",
|
|
600
|
-
"maxLength",
|
|
601
|
-
"min",
|
|
602
|
-
"minLength",
|
|
603
464
|
"onBlur",
|
|
604
465
|
"onChange",
|
|
605
|
-
"pattern",
|
|
606
|
-
"required",
|
|
607
466
|
"rules",
|
|
608
467
|
"shouldUnregister",
|
|
609
|
-
"validate",
|
|
610
468
|
"value",
|
|
611
469
|
"FieldProps"
|
|
612
470
|
]);
|
|
613
|
-
return /* @__PURE__ */
|
|
471
|
+
return /* @__PURE__ */ jsx8(
|
|
614
472
|
Controller8,
|
|
615
473
|
{
|
|
616
474
|
name,
|
|
617
475
|
defaultValue,
|
|
618
476
|
rules: __spreadValues({
|
|
619
|
-
deps,
|
|
620
|
-
max,
|
|
621
|
-
maxLength,
|
|
622
|
-
min,
|
|
623
|
-
minLength,
|
|
624
477
|
onBlur,
|
|
625
478
|
onChange,
|
|
626
|
-
pattern,
|
|
627
|
-
required,
|
|
628
479
|
shouldUnregister,
|
|
629
|
-
validate,
|
|
630
480
|
value
|
|
631
481
|
}, rules),
|
|
632
482
|
shouldUnregister,
|
|
633
|
-
render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 }, fieldState: { error } }) => /* @__PURE__ */
|
|
483
|
+
render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 }, fieldState: { error } }) => /* @__PURE__ */ jsx8(
|
|
634
484
|
ProviderAutocomplete,
|
|
635
485
|
__spreadProps(__spreadValues({}, rest), {
|
|
636
|
-
FieldProps: __spreadProps(__spreadValues({
|
|
486
|
+
FieldProps: __spreadProps(__spreadValues({
|
|
487
|
+
required: typeof rules.required === "object" ? rules.required.value : !!rules.required
|
|
488
|
+
}, FieldProps), {
|
|
637
489
|
error: !!error,
|
|
638
490
|
helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ jsxs6(Fragment6, { children: [
|
|
639
491
|
error.message,
|
|
640
|
-
/* @__PURE__ */
|
|
492
|
+
/* @__PURE__ */ jsx8("br", {}),
|
|
641
493
|
FieldProps == null ? void 0 : FieldProps.helperText
|
|
642
494
|
] }) : FieldProps == null ? void 0 : FieldProps.helperText
|
|
643
495
|
}),
|
|
@@ -659,14 +511,13 @@ var ControlledProviderAutocomplete = (_a) => {
|
|
|
659
511
|
import { RadioGroup } from "@availity/mui-form-utils";
|
|
660
512
|
import { Controller as Controller9 } from "react-hook-form";
|
|
661
513
|
import { FormControl, FormLabel, FormHelperText } from "@availity/mui-form-utils";
|
|
662
|
-
import { Fragment as Fragment7, jsx as
|
|
514
|
+
import { Fragment as Fragment7, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
663
515
|
var ControlledRadioGroup = (_a) => {
|
|
664
516
|
var _b = _a, {
|
|
665
517
|
name,
|
|
666
518
|
helperText,
|
|
667
519
|
label,
|
|
668
520
|
defaultValue,
|
|
669
|
-
deps,
|
|
670
521
|
onBlur,
|
|
671
522
|
onChange,
|
|
672
523
|
required,
|
|
@@ -678,7 +529,6 @@ var ControlledRadioGroup = (_a) => {
|
|
|
678
529
|
"helperText",
|
|
679
530
|
"label",
|
|
680
531
|
"defaultValue",
|
|
681
|
-
"deps",
|
|
682
532
|
"onBlur",
|
|
683
533
|
"onChange",
|
|
684
534
|
"required",
|
|
@@ -686,24 +536,32 @@ var ControlledRadioGroup = (_a) => {
|
|
|
686
536
|
"shouldUnregister",
|
|
687
537
|
"value"
|
|
688
538
|
]);
|
|
689
|
-
return /* @__PURE__ */
|
|
539
|
+
return /* @__PURE__ */ jsx9(
|
|
690
540
|
Controller9,
|
|
691
541
|
{
|
|
692
542
|
name,
|
|
693
543
|
defaultValue,
|
|
694
|
-
rules: __spreadValues({
|
|
544
|
+
rules: __spreadValues({ onBlur, onChange, shouldUnregister, value }, rules),
|
|
695
545
|
shouldUnregister,
|
|
696
546
|
render: (_a2) => {
|
|
697
547
|
var _b2 = _a2, { field: _c } = _b2, _d = _c, { disabled } = _d, field = __objRest(_d, ["disabled"]), { fieldState: { error } } = _b2;
|
|
698
|
-
return /* @__PURE__ */ jsxs7(
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
548
|
+
return /* @__PURE__ */ jsxs7(
|
|
549
|
+
FormControl,
|
|
550
|
+
{
|
|
551
|
+
error: !!error,
|
|
552
|
+
disabled,
|
|
553
|
+
required: !!required || (typeof rules.required === "object" ? rules.required.value : !!rules.required),
|
|
554
|
+
children: [
|
|
555
|
+
/* @__PURE__ */ jsx9(FormLabel, { children: label }),
|
|
556
|
+
/* @__PURE__ */ jsx9(RadioGroup, __spreadValues(__spreadValues({}, field), rest)),
|
|
557
|
+
/* @__PURE__ */ jsx9(FormHelperText, { children: (error == null ? void 0 : error.message) ? /* @__PURE__ */ jsxs7(Fragment7, { children: [
|
|
558
|
+
error.message,
|
|
559
|
+
/* @__PURE__ */ jsx9("br", {}),
|
|
560
|
+
helperText
|
|
561
|
+
] }) : helperText })
|
|
562
|
+
]
|
|
563
|
+
}
|
|
564
|
+
);
|
|
707
565
|
}
|
|
708
566
|
}
|
|
709
567
|
);
|
|
@@ -712,69 +570,46 @@ var ControlledRadioGroup = (_a) => {
|
|
|
712
570
|
// src/lib/Select.tsx
|
|
713
571
|
import { Select } from "@availity/mui-form-utils";
|
|
714
572
|
import { Controller as Controller10 } from "react-hook-form";
|
|
715
|
-
import { jsx as
|
|
573
|
+
import { jsx as jsx10 } from "react/jsx-runtime";
|
|
716
574
|
var ControlledSelect = (_a) => {
|
|
717
575
|
var _b = _a, {
|
|
718
576
|
name,
|
|
719
577
|
defaultValue,
|
|
720
|
-
deps,
|
|
721
578
|
disabled,
|
|
722
|
-
max,
|
|
723
|
-
maxLength,
|
|
724
|
-
min,
|
|
725
|
-
minLength,
|
|
726
579
|
onBlur,
|
|
727
580
|
onChange,
|
|
728
|
-
pattern,
|
|
729
|
-
required,
|
|
730
581
|
rules = {},
|
|
731
582
|
shouldUnregister,
|
|
732
|
-
validate,
|
|
733
583
|
value
|
|
734
584
|
} = _b, rest = __objRest(_b, [
|
|
735
585
|
"name",
|
|
736
586
|
"defaultValue",
|
|
737
|
-
"deps",
|
|
738
587
|
"disabled",
|
|
739
|
-
"max",
|
|
740
|
-
"maxLength",
|
|
741
|
-
"min",
|
|
742
|
-
"minLength",
|
|
743
588
|
"onBlur",
|
|
744
589
|
"onChange",
|
|
745
|
-
"pattern",
|
|
746
|
-
"required",
|
|
747
590
|
"rules",
|
|
748
591
|
"shouldUnregister",
|
|
749
|
-
"validate",
|
|
750
592
|
"value"
|
|
751
593
|
]);
|
|
752
|
-
return /* @__PURE__ */
|
|
594
|
+
return /* @__PURE__ */ jsx10(
|
|
753
595
|
Controller10,
|
|
754
596
|
{
|
|
755
597
|
name,
|
|
756
598
|
defaultValue,
|
|
757
599
|
disabled,
|
|
758
600
|
rules: __spreadValues({
|
|
759
|
-
required: typeof required === "boolean" ? void 0 : required,
|
|
760
|
-
maxLength,
|
|
761
|
-
minLength,
|
|
762
|
-
max,
|
|
763
|
-
min,
|
|
764
|
-
pattern,
|
|
765
|
-
validate,
|
|
766
601
|
onChange,
|
|
767
602
|
onBlur,
|
|
768
603
|
value,
|
|
769
|
-
shouldUnregister
|
|
770
|
-
deps
|
|
604
|
+
shouldUnregister
|
|
771
605
|
}, rules),
|
|
772
606
|
shouldUnregister,
|
|
773
|
-
render: ({ field, fieldState: { error } }) => /* @__PURE__ */
|
|
607
|
+
render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsx10(
|
|
774
608
|
Select,
|
|
775
|
-
__spreadProps(__spreadValues(__spreadValues({
|
|
776
|
-
|
|
777
|
-
|
|
609
|
+
__spreadProps(__spreadValues(__spreadValues({
|
|
610
|
+
required: typeof rules.required === "object" ? rules.required.value : !!rules.required
|
|
611
|
+
}, rest), field), {
|
|
612
|
+
error: !!error
|
|
778
613
|
})
|
|
779
614
|
)
|
|
780
615
|
}
|
|
@@ -784,77 +619,54 @@ var ControlledSelect = (_a) => {
|
|
|
784
619
|
// src/lib/TextField.tsx
|
|
785
620
|
import { TextField } from "@availity/mui-textfield";
|
|
786
621
|
import { Controller as Controller11 } from "react-hook-form";
|
|
787
|
-
import { Fragment as Fragment8, jsx as
|
|
622
|
+
import { Fragment as Fragment8, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
788
623
|
var ControlledTextField = (_a) => {
|
|
789
624
|
var _b = _a, {
|
|
790
625
|
name,
|
|
791
626
|
defaultValue,
|
|
792
|
-
deps,
|
|
793
627
|
disabled,
|
|
794
628
|
helperText,
|
|
795
|
-
max,
|
|
796
|
-
maxLength,
|
|
797
|
-
min,
|
|
798
|
-
minLength,
|
|
799
629
|
onBlur,
|
|
800
630
|
onChange,
|
|
801
|
-
pattern,
|
|
802
|
-
required,
|
|
803
631
|
rules = {},
|
|
804
632
|
shouldUnregister,
|
|
805
|
-
validate,
|
|
806
633
|
value
|
|
807
634
|
} = _b, rest = __objRest(_b, [
|
|
808
635
|
"name",
|
|
809
636
|
"defaultValue",
|
|
810
|
-
"deps",
|
|
811
637
|
"disabled",
|
|
812
638
|
"helperText",
|
|
813
|
-
"max",
|
|
814
|
-
"maxLength",
|
|
815
|
-
"min",
|
|
816
|
-
"minLength",
|
|
817
639
|
"onBlur",
|
|
818
640
|
"onChange",
|
|
819
|
-
"pattern",
|
|
820
|
-
"required",
|
|
821
641
|
"rules",
|
|
822
642
|
"shouldUnregister",
|
|
823
|
-
"validate",
|
|
824
643
|
"value"
|
|
825
644
|
]);
|
|
826
|
-
return /* @__PURE__ */
|
|
645
|
+
return /* @__PURE__ */ jsx11(
|
|
827
646
|
Controller11,
|
|
828
647
|
{
|
|
829
648
|
name,
|
|
830
649
|
defaultValue,
|
|
831
650
|
disabled,
|
|
832
651
|
rules: __spreadValues({
|
|
833
|
-
required: typeof required === "boolean" ? void 0 : required,
|
|
834
|
-
maxLength,
|
|
835
|
-
minLength,
|
|
836
|
-
max,
|
|
837
|
-
min,
|
|
838
|
-
pattern,
|
|
839
|
-
validate,
|
|
840
652
|
onChange,
|
|
841
653
|
onBlur,
|
|
842
654
|
value,
|
|
843
|
-
shouldUnregister
|
|
844
|
-
deps
|
|
655
|
+
shouldUnregister
|
|
845
656
|
}, rules),
|
|
846
657
|
shouldUnregister,
|
|
847
658
|
render: (_a2) => {
|
|
848
659
|
var _b2 = _a2, { field: _c } = _b2, _d = _c, { ref } = _d, field = __objRest(_d, ["ref"]), { fieldState: { error } } = _b2;
|
|
849
|
-
return /* @__PURE__ */
|
|
660
|
+
return /* @__PURE__ */ jsx11(
|
|
850
661
|
TextField,
|
|
851
|
-
__spreadProps(__spreadValues(__spreadValues({
|
|
662
|
+
__spreadProps(__spreadValues(__spreadValues({
|
|
663
|
+
required: typeof rules.required === "object" ? rules.required.value : !!rules.required
|
|
664
|
+
}, field), rest), {
|
|
852
665
|
inputRef: ref,
|
|
853
|
-
required: !!required,
|
|
854
666
|
error: !!error,
|
|
855
667
|
helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ jsxs8(Fragment8, { children: [
|
|
856
668
|
error.message,
|
|
857
|
-
/* @__PURE__ */
|
|
669
|
+
/* @__PURE__ */ jsx11("br", {}),
|
|
858
670
|
helperText
|
|
859
671
|
] }) : helperText
|
|
860
672
|
})
|
|
@@ -866,8 +678,8 @@ var ControlledTextField = (_a) => {
|
|
|
866
678
|
|
|
867
679
|
// src/index.ts
|
|
868
680
|
import {
|
|
869
|
-
FormProvider
|
|
870
|
-
useForm
|
|
681
|
+
FormProvider,
|
|
682
|
+
useForm,
|
|
871
683
|
useFormContext
|
|
872
684
|
} from "react-hook-form";
|
|
873
685
|
export {
|
|
@@ -876,14 +688,13 @@ export {
|
|
|
876
688
|
ControlledCheckbox,
|
|
877
689
|
ControlledCodesAutocomplete,
|
|
878
690
|
ControlledDatepicker,
|
|
879
|
-
ControlledForm,
|
|
880
691
|
ControlledInput,
|
|
881
692
|
ControlledOrganizationAutocomplete,
|
|
882
693
|
ControlledProviderAutocomplete,
|
|
883
694
|
ControlledRadioGroup,
|
|
884
695
|
ControlledSelect,
|
|
885
696
|
ControlledTextField,
|
|
886
|
-
|
|
887
|
-
|
|
697
|
+
FormProvider,
|
|
698
|
+
useForm,
|
|
888
699
|
useFormContext
|
|
889
700
|
};
|