@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.
- package/CHANGELOG.md +14 -0
- package/README.md +2 -2
- package/dist/index.d.mts +122 -26
- package/dist/index.d.ts +122 -26
- package/dist/index.js +175 -132
- package/dist/index.mjs +175 -131
- package/package.json +2 -2
- package/src/index.ts +47 -0
- package/src/lib/AsyncAutocomplete.stories.tsx +21 -36
- package/src/lib/AsyncAutocomplete.test.tsx +17 -53
- package/src/lib/AsyncAutocomplete.tsx +13 -6
- package/src/lib/Autocomplete.stories.tsx +20 -33
- package/src/lib/Autocomplete.test.tsx +7 -37
- package/src/lib/Autocomplete.tsx +21 -16
- package/src/lib/Checkbox.stories.tsx +48 -46
- package/src/lib/Checkbox.test.tsx +14 -46
- package/src/lib/Checkbox.tsx +19 -16
- package/src/lib/CodesAutocomplete.stories.tsx +21 -35
- package/src/lib/CodesAutocomplete.test.tsx +20 -54
- package/src/lib/CodesAutocomplete.tsx +13 -6
- package/src/lib/ControlledForm.stories.tsx +1 -0
- package/src/lib/ControlledForm.tsx +7 -3
- package/src/lib/Datepicker.stories.tsx +19 -32
- package/src/lib/Datepicker.test.tsx +3 -35
- package/src/lib/Datepicker.tsx +18 -8
- package/src/lib/Input.stories.tsx +32 -38
- package/src/lib/Input.test.tsx +71 -7
- package/src/lib/Input.tsx +30 -15
- package/src/lib/OrganizationAutocomplete.stories.tsx +30 -35
- package/src/lib/OrganizationAutocomplete.test.tsx +23 -57
- package/src/lib/OrganizationAutocomplete.tsx +14 -9
- package/src/lib/ProviderAutocomplete.stories.tsx +20 -35
- package/src/lib/ProviderAutocomplete.test.tsx +29 -63
- package/src/lib/ProviderAutocomplete.tsx +11 -5
- package/src/lib/RadioGroup.stories.tsx +41 -36
- package/src/lib/RadioGroup.test.tsx +3 -35
- package/src/lib/RadioGroup.tsx +31 -20
- package/src/lib/Select.stories.tsx +66 -93
- package/src/lib/Select.test.tsx +8 -36
- package/src/lib/Select.tsx +30 -15
- package/src/lib/TextField.stories.tsx +26 -39
- package/src/lib/TextField.test.tsx +71 -5
- package/src/lib/TextField.tsx +33 -17
- package/src/lib/Types.tsx +2489 -0
- package/src/lib/UtilComponents.tsx +52 -0
- 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:
|
|
432
|
-
error
|
|
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
|
-
|
|
474
|
+
max,
|
|
475
|
+
maxLength,
|
|
476
|
+
min,
|
|
477
|
+
minLength,
|
|
462
478
|
onBlur,
|
|
463
|
-
|
|
479
|
+
onChange,
|
|
480
|
+
pattern,
|
|
481
|
+
required,
|
|
482
|
+
rules = {},
|
|
464
483
|
shouldUnregister,
|
|
465
|
-
|
|
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
|
-
"
|
|
491
|
+
"max",
|
|
492
|
+
"maxLength",
|
|
493
|
+
"min",
|
|
494
|
+
"minLength",
|
|
478
495
|
"onBlur",
|
|
479
|
-
"
|
|
496
|
+
"onChange",
|
|
497
|
+
"pattern",
|
|
498
|
+
"required",
|
|
499
|
+
"rules",
|
|
480
500
|
"shouldUnregister",
|
|
481
|
-
"
|
|
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:
|
|
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: (
|
|
708
|
-
|
|
709
|
-
/* @__PURE__ */ (0, import_jsx_runtime10.
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
713
|
-
|
|
714
|
-
|
|
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
|
-
|
|
728
|
-
|
|
729
|
-
|
|
756
|
+
defaultValue,
|
|
757
|
+
deps,
|
|
758
|
+
disabled,
|
|
730
759
|
max,
|
|
760
|
+
maxLength,
|
|
731
761
|
min,
|
|
732
|
-
|
|
733
|
-
validate,
|
|
734
|
-
disabled,
|
|
735
|
-
onChange,
|
|
762
|
+
minLength,
|
|
736
763
|
onBlur,
|
|
737
|
-
|
|
738
|
-
|
|
764
|
+
onChange,
|
|
765
|
+
pattern,
|
|
766
|
+
required,
|
|
767
|
+
rules = {},
|
|
739
768
|
shouldUnregister,
|
|
740
|
-
|
|
769
|
+
validate,
|
|
770
|
+
value
|
|
741
771
|
} = _b, rest = __objRest(_b, [
|
|
742
772
|
"name",
|
|
743
|
-
"
|
|
744
|
-
"
|
|
745
|
-
"
|
|
773
|
+
"defaultValue",
|
|
774
|
+
"deps",
|
|
775
|
+
"disabled",
|
|
746
776
|
"max",
|
|
777
|
+
"maxLength",
|
|
747
778
|
"min",
|
|
748
|
-
"
|
|
749
|
-
"validate",
|
|
750
|
-
"disabled",
|
|
751
|
-
"onChange",
|
|
779
|
+
"minLength",
|
|
752
780
|
"onBlur",
|
|
753
|
-
"
|
|
754
|
-
"
|
|
781
|
+
"onChange",
|
|
782
|
+
"pattern",
|
|
783
|
+
"required",
|
|
784
|
+
"rules",
|
|
755
785
|
"shouldUnregister",
|
|
756
|
-
"
|
|
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:
|
|
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
|
-
|
|
804
|
-
validate,
|
|
805
|
-
disabled,
|
|
806
|
-
defaultValue,
|
|
807
|
-
onChange,
|
|
835
|
+
minLength,
|
|
808
836
|
onBlur,
|
|
809
|
-
|
|
837
|
+
onChange,
|
|
838
|
+
pattern,
|
|
839
|
+
required,
|
|
840
|
+
rules = {},
|
|
810
841
|
shouldUnregister,
|
|
811
|
-
|
|
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
|
-
"
|
|
821
|
-
"validate",
|
|
822
|
-
"disabled",
|
|
823
|
-
"defaultValue",
|
|
824
|
-
"onChange",
|
|
853
|
+
"minLength",
|
|
825
854
|
"onBlur",
|
|
826
|
-
"
|
|
855
|
+
"onChange",
|
|
856
|
+
"pattern",
|
|
857
|
+
"required",
|
|
858
|
+
"rules",
|
|
827
859
|
"shouldUnregister",
|
|
828
|
-
"
|
|
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: (
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
helperText
|
|
860
|
-
|
|
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
|
});
|