@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.js
CHANGED
|
@@ -47,25 +47,24 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
47
47
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
48
48
|
|
|
49
49
|
// src/index.ts
|
|
50
|
-
var
|
|
51
|
-
__export(
|
|
50
|
+
var index_exports = {};
|
|
51
|
+
__export(index_exports, {
|
|
52
52
|
ControlledAsyncAutocomplete: () => ControlledAsyncAutocomplete,
|
|
53
53
|
ControlledAutocomplete: () => ControlledAutocomplete,
|
|
54
54
|
ControlledCheckbox: () => ControlledCheckbox,
|
|
55
55
|
ControlledCodesAutocomplete: () => ControlledCodesAutocomplete,
|
|
56
56
|
ControlledDatepicker: () => ControlledDatepicker,
|
|
57
|
-
ControlledForm: () => ControlledForm,
|
|
58
57
|
ControlledInput: () => ControlledInput,
|
|
59
58
|
ControlledOrganizationAutocomplete: () => ControlledOrganizationAutocomplete,
|
|
60
59
|
ControlledProviderAutocomplete: () => ControlledProviderAutocomplete,
|
|
61
60
|
ControlledRadioGroup: () => ControlledRadioGroup,
|
|
62
61
|
ControlledSelect: () => ControlledSelect,
|
|
63
62
|
ControlledTextField: () => ControlledTextField,
|
|
64
|
-
FormProvider: () =>
|
|
65
|
-
useForm: () =>
|
|
66
|
-
useFormContext: () =>
|
|
63
|
+
FormProvider: () => import_react_hook_form12.FormProvider,
|
|
64
|
+
useForm: () => import_react_hook_form12.useForm,
|
|
65
|
+
useFormContext: () => import_react_hook_form12.useFormContext
|
|
67
66
|
});
|
|
68
|
-
module.exports = __toCommonJS(
|
|
67
|
+
module.exports = __toCommonJS(index_exports);
|
|
69
68
|
|
|
70
69
|
// src/lib/AsyncAutocomplete.tsx
|
|
71
70
|
var import_mui_autocomplete = require("@availity/mui-autocomplete");
|
|
@@ -74,34 +73,18 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
74
73
|
var ControlledAsyncAutocomplete = (_a) => {
|
|
75
74
|
var _b = _a, {
|
|
76
75
|
name,
|
|
77
|
-
deps,
|
|
78
|
-
max,
|
|
79
|
-
maxLength,
|
|
80
|
-
min,
|
|
81
|
-
minLength,
|
|
82
76
|
onBlur,
|
|
83
77
|
onChange,
|
|
84
|
-
pattern,
|
|
85
|
-
required,
|
|
86
78
|
rules = {},
|
|
87
79
|
shouldUnregister,
|
|
88
|
-
validate,
|
|
89
80
|
value,
|
|
90
81
|
FieldProps
|
|
91
82
|
} = _b, rest = __objRest(_b, [
|
|
92
83
|
"name",
|
|
93
|
-
"deps",
|
|
94
|
-
"max",
|
|
95
|
-
"maxLength",
|
|
96
|
-
"min",
|
|
97
|
-
"minLength",
|
|
98
84
|
"onBlur",
|
|
99
85
|
"onChange",
|
|
100
|
-
"pattern",
|
|
101
|
-
"required",
|
|
102
86
|
"rules",
|
|
103
87
|
"shouldUnregister",
|
|
104
|
-
"validate",
|
|
105
88
|
"value",
|
|
106
89
|
"FieldProps"
|
|
107
90
|
]);
|
|
@@ -111,24 +94,18 @@ var ControlledAsyncAutocomplete = (_a) => {
|
|
|
111
94
|
name,
|
|
112
95
|
defaultValue: rest.defaultValue,
|
|
113
96
|
rules: __spreadValues({
|
|
114
|
-
deps,
|
|
115
|
-
max,
|
|
116
|
-
maxLength,
|
|
117
|
-
min,
|
|
118
|
-
minLength,
|
|
119
97
|
onBlur,
|
|
120
98
|
onChange,
|
|
121
|
-
pattern,
|
|
122
|
-
required,
|
|
123
99
|
shouldUnregister,
|
|
124
|
-
validate,
|
|
125
100
|
value
|
|
126
101
|
}, rules),
|
|
127
102
|
shouldUnregister,
|
|
128
103
|
render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
129
104
|
import_mui_autocomplete.AsyncAutocomplete,
|
|
130
105
|
__spreadProps(__spreadValues({}, rest), {
|
|
131
|
-
FieldProps: __spreadProps(__spreadValues({
|
|
106
|
+
FieldProps: __spreadProps(__spreadValues({
|
|
107
|
+
required: typeof rules.required === "object" ? rules.required.value : !!rules.required
|
|
108
|
+
}, FieldProps), {
|
|
132
109
|
error: !!error,
|
|
133
110
|
helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
134
111
|
error.message,
|
|
@@ -161,34 +138,18 @@ var ControlledAutocomplete = (_a) => {
|
|
|
161
138
|
FieldProps,
|
|
162
139
|
defaultValue,
|
|
163
140
|
rules = {},
|
|
164
|
-
deps,
|
|
165
|
-
max,
|
|
166
|
-
maxLength,
|
|
167
|
-
min,
|
|
168
|
-
minLength,
|
|
169
141
|
onBlur,
|
|
170
142
|
onChange,
|
|
171
|
-
pattern,
|
|
172
|
-
required,
|
|
173
143
|
shouldUnregister,
|
|
174
|
-
validate,
|
|
175
144
|
value
|
|
176
145
|
} = _b, rest = __objRest(_b, [
|
|
177
146
|
"name",
|
|
178
147
|
"FieldProps",
|
|
179
148
|
"defaultValue",
|
|
180
149
|
"rules",
|
|
181
|
-
"deps",
|
|
182
|
-
"max",
|
|
183
|
-
"maxLength",
|
|
184
|
-
"min",
|
|
185
|
-
"minLength",
|
|
186
150
|
"onBlur",
|
|
187
151
|
"onChange",
|
|
188
|
-
"pattern",
|
|
189
|
-
"required",
|
|
190
152
|
"shouldUnregister",
|
|
191
|
-
"validate",
|
|
192
153
|
"value"
|
|
193
154
|
]);
|
|
194
155
|
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
@@ -197,24 +158,18 @@ var ControlledAutocomplete = (_a) => {
|
|
|
197
158
|
name,
|
|
198
159
|
defaultValue,
|
|
199
160
|
rules: __spreadValues({
|
|
200
|
-
deps,
|
|
201
|
-
max,
|
|
202
|
-
maxLength,
|
|
203
|
-
min,
|
|
204
|
-
minLength,
|
|
205
161
|
onBlur,
|
|
206
162
|
onChange,
|
|
207
|
-
pattern,
|
|
208
|
-
required,
|
|
209
163
|
shouldUnregister,
|
|
210
|
-
validate,
|
|
211
164
|
value
|
|
212
165
|
}, rules),
|
|
213
166
|
shouldUnregister,
|
|
214
167
|
render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
215
168
|
import_mui_autocomplete2.Autocomplete,
|
|
216
169
|
__spreadProps(__spreadValues({}, rest), {
|
|
217
|
-
FieldProps: __spreadProps(__spreadValues({
|
|
170
|
+
FieldProps: __spreadProps(__spreadValues({
|
|
171
|
+
required: typeof rules.required === "object" ? rules.required.value : !!rules.required
|
|
172
|
+
}, FieldProps), {
|
|
218
173
|
error: !!error,
|
|
219
174
|
helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
|
|
220
175
|
error.message,
|
|
@@ -250,9 +205,7 @@ var ControlledCheckbox = (_a) => {
|
|
|
250
205
|
value,
|
|
251
206
|
defaultValue = false,
|
|
252
207
|
rules = {},
|
|
253
|
-
shouldUnregister
|
|
254
|
-
deps,
|
|
255
|
-
validate
|
|
208
|
+
shouldUnregister
|
|
256
209
|
} = _b, rest = __objRest(_b, [
|
|
257
210
|
"name",
|
|
258
211
|
"disabled",
|
|
@@ -261,9 +214,7 @@ var ControlledCheckbox = (_a) => {
|
|
|
261
214
|
"value",
|
|
262
215
|
"defaultValue",
|
|
263
216
|
"rules",
|
|
264
|
-
"shouldUnregister"
|
|
265
|
-
"deps",
|
|
266
|
-
"validate"
|
|
217
|
+
"shouldUnregister"
|
|
267
218
|
]);
|
|
268
219
|
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
269
220
|
import_react_hook_form3.Controller,
|
|
@@ -275,12 +226,18 @@ var ControlledCheckbox = (_a) => {
|
|
|
275
226
|
onChange,
|
|
276
227
|
onBlur,
|
|
277
228
|
value,
|
|
278
|
-
shouldUnregister
|
|
279
|
-
deps,
|
|
280
|
-
validate
|
|
229
|
+
shouldUnregister
|
|
281
230
|
}, rules),
|
|
282
231
|
shouldUnregister,
|
|
283
|
-
render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
232
|
+
render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
233
|
+
import_mui_checkbox.Checkbox,
|
|
234
|
+
__spreadProps(__spreadValues(__spreadValues({
|
|
235
|
+
required: typeof rules.required === "object" ? rules.required.value : !!rules.required
|
|
236
|
+
}, rest), field), {
|
|
237
|
+
checked: field.value,
|
|
238
|
+
onChange: (e) => field.onChange(e.target.checked)
|
|
239
|
+
})
|
|
240
|
+
)
|
|
284
241
|
}
|
|
285
242
|
);
|
|
286
243
|
};
|
|
@@ -293,31 +250,19 @@ var ControlledCodesAutocomplete = (_a) => {
|
|
|
293
250
|
var _b = _a, {
|
|
294
251
|
name,
|
|
295
252
|
defaultValue,
|
|
296
|
-
deps,
|
|
297
|
-
max,
|
|
298
|
-
maxLength,
|
|
299
253
|
onBlur,
|
|
300
254
|
onChange,
|
|
301
|
-
pattern,
|
|
302
|
-
required,
|
|
303
255
|
rules = {},
|
|
304
256
|
shouldUnregister,
|
|
305
|
-
validate,
|
|
306
257
|
value,
|
|
307
258
|
FieldProps
|
|
308
259
|
} = _b, rest = __objRest(_b, [
|
|
309
260
|
"name",
|
|
310
261
|
"defaultValue",
|
|
311
|
-
"deps",
|
|
312
|
-
"max",
|
|
313
|
-
"maxLength",
|
|
314
262
|
"onBlur",
|
|
315
263
|
"onChange",
|
|
316
|
-
"pattern",
|
|
317
|
-
"required",
|
|
318
264
|
"rules",
|
|
319
265
|
"shouldUnregister",
|
|
320
|
-
"validate",
|
|
321
266
|
"value",
|
|
322
267
|
"FieldProps"
|
|
323
268
|
]);
|
|
@@ -327,22 +272,18 @@ var ControlledCodesAutocomplete = (_a) => {
|
|
|
327
272
|
name,
|
|
328
273
|
defaultValue,
|
|
329
274
|
rules: __spreadValues({
|
|
330
|
-
deps,
|
|
331
|
-
max,
|
|
332
|
-
maxLength,
|
|
333
275
|
onBlur,
|
|
334
276
|
onChange,
|
|
335
|
-
pattern,
|
|
336
|
-
required,
|
|
337
277
|
shouldUnregister,
|
|
338
|
-
validate,
|
|
339
278
|
value
|
|
340
279
|
}, rules),
|
|
341
280
|
shouldUnregister,
|
|
342
281
|
render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
343
282
|
import_mui_autocomplete3.CodesAutocomplete,
|
|
344
283
|
__spreadProps(__spreadValues({}, rest), {
|
|
345
|
-
FieldProps: __spreadProps(__spreadValues({
|
|
284
|
+
FieldProps: __spreadProps(__spreadValues({
|
|
285
|
+
required: typeof rules.required === "object" ? rules.required.value : !!rules.required
|
|
286
|
+
}, FieldProps), {
|
|
346
287
|
error: !!error,
|
|
347
288
|
helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
|
|
348
289
|
error.message,
|
|
@@ -365,87 +306,52 @@ var ControlledCodesAutocomplete = (_a) => {
|
|
|
365
306
|
);
|
|
366
307
|
};
|
|
367
308
|
|
|
368
|
-
// src/lib/ControlledForm.tsx
|
|
369
|
-
var import_react_hook_form5 = require("react-hook-form");
|
|
370
|
-
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
371
|
-
var ControlledForm = (_a) => {
|
|
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);
|
|
374
|
-
if (schema && validationResolver) {
|
|
375
|
-
useFormOptions.resolver = validationResolver(schema);
|
|
376
|
-
}
|
|
377
|
-
const methods = (0, import_react_hook_form5.useForm)(useFormOptions);
|
|
378
|
-
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_hook_form5.FormProvider, __spreadProps(__spreadValues({}, methods), { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("form", __spreadValues({ onSubmit: methods.handleSubmit(onSubmit), noValidate: true }, rest)) }));
|
|
379
|
-
};
|
|
380
|
-
|
|
381
309
|
// src/lib/Datepicker.tsx
|
|
382
310
|
var import_mui_datepicker = require("@availity/mui-datepicker");
|
|
383
|
-
var
|
|
384
|
-
var
|
|
311
|
+
var import_react_hook_form5 = require("react-hook-form");
|
|
312
|
+
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
385
313
|
var ControlledDatepicker = (_a) => {
|
|
386
314
|
var _b = _a, {
|
|
387
315
|
name,
|
|
388
316
|
defaultValue,
|
|
389
|
-
deps,
|
|
390
|
-
max,
|
|
391
|
-
maxLength,
|
|
392
|
-
min,
|
|
393
|
-
minLength,
|
|
394
317
|
onBlur,
|
|
395
318
|
onChange,
|
|
396
|
-
pattern,
|
|
397
|
-
required,
|
|
398
319
|
rules = {},
|
|
399
320
|
shouldUnregister,
|
|
400
|
-
validate,
|
|
401
321
|
value,
|
|
402
322
|
FieldProps
|
|
403
323
|
} = _b, rest = __objRest(_b, [
|
|
404
324
|
"name",
|
|
405
325
|
"defaultValue",
|
|
406
|
-
"deps",
|
|
407
|
-
"max",
|
|
408
|
-
"maxLength",
|
|
409
|
-
"min",
|
|
410
|
-
"minLength",
|
|
411
326
|
"onBlur",
|
|
412
327
|
"onChange",
|
|
413
|
-
"pattern",
|
|
414
|
-
"required",
|
|
415
328
|
"rules",
|
|
416
329
|
"shouldUnregister",
|
|
417
|
-
"validate",
|
|
418
330
|
"value",
|
|
419
331
|
"FieldProps"
|
|
420
332
|
]);
|
|
421
|
-
return /* @__PURE__ */ (0,
|
|
422
|
-
|
|
333
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
334
|
+
import_react_hook_form5.Controller,
|
|
423
335
|
{
|
|
424
336
|
name,
|
|
425
337
|
defaultValue,
|
|
426
338
|
rules: __spreadValues({
|
|
427
|
-
deps,
|
|
428
|
-
max,
|
|
429
|
-
maxLength,
|
|
430
|
-
min,
|
|
431
|
-
minLength,
|
|
432
339
|
onBlur,
|
|
433
340
|
onChange,
|
|
434
|
-
pattern,
|
|
435
|
-
required,
|
|
436
341
|
shouldUnregister,
|
|
437
|
-
validate,
|
|
438
342
|
value
|
|
439
343
|
}, rules),
|
|
440
344
|
shouldUnregister,
|
|
441
|
-
render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ (0,
|
|
345
|
+
render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
442
346
|
import_mui_datepicker.Datepicker,
|
|
443
347
|
__spreadProps(__spreadValues({}, rest), {
|
|
444
|
-
FieldProps: __spreadProps(__spreadValues({
|
|
348
|
+
FieldProps: __spreadProps(__spreadValues({
|
|
349
|
+
required: typeof rules.required === "object" ? rules.required.value : !!rules.required
|
|
350
|
+
}, FieldProps), {
|
|
445
351
|
error: !!error,
|
|
446
|
-
helperText: error ? /* @__PURE__ */ (0,
|
|
352
|
+
helperText: error ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
|
|
447
353
|
error.message,
|
|
448
|
-
/* @__PURE__ */ (0,
|
|
354
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)("br", {}),
|
|
449
355
|
FieldProps == null ? void 0 : FieldProps.helperText
|
|
450
356
|
] }) : FieldProps == null ? void 0 : FieldProps.helperText,
|
|
451
357
|
inputRef: ref,
|
|
@@ -463,70 +369,47 @@ var ControlledDatepicker = (_a) => {
|
|
|
463
369
|
|
|
464
370
|
// src/lib/Input.tsx
|
|
465
371
|
var import_mui_form_utils = require("@availity/mui-form-utils");
|
|
466
|
-
var
|
|
467
|
-
var
|
|
372
|
+
var import_react_hook_form6 = require("react-hook-form");
|
|
373
|
+
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
468
374
|
var ControlledInput = (_a) => {
|
|
469
375
|
var _b = _a, {
|
|
470
376
|
name,
|
|
471
377
|
defaultValue,
|
|
472
|
-
deps,
|
|
473
378
|
disabled,
|
|
474
|
-
max,
|
|
475
|
-
maxLength,
|
|
476
|
-
min,
|
|
477
|
-
minLength,
|
|
478
379
|
onBlur,
|
|
479
380
|
onChange,
|
|
480
|
-
pattern,
|
|
481
|
-
required,
|
|
482
381
|
rules = {},
|
|
483
382
|
shouldUnregister,
|
|
484
|
-
validate,
|
|
485
383
|
value
|
|
486
384
|
} = _b, rest = __objRest(_b, [
|
|
487
385
|
"name",
|
|
488
386
|
"defaultValue",
|
|
489
|
-
"deps",
|
|
490
387
|
"disabled",
|
|
491
|
-
"max",
|
|
492
|
-
"maxLength",
|
|
493
|
-
"min",
|
|
494
|
-
"minLength",
|
|
495
388
|
"onBlur",
|
|
496
389
|
"onChange",
|
|
497
|
-
"pattern",
|
|
498
|
-
"required",
|
|
499
390
|
"rules",
|
|
500
391
|
"shouldUnregister",
|
|
501
|
-
"validate",
|
|
502
392
|
"value"
|
|
503
393
|
]);
|
|
504
|
-
return /* @__PURE__ */ (0,
|
|
505
|
-
|
|
394
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
395
|
+
import_react_hook_form6.Controller,
|
|
506
396
|
{
|
|
507
397
|
name,
|
|
508
398
|
defaultValue,
|
|
509
399
|
disabled,
|
|
510
400
|
rules: __spreadValues({
|
|
511
|
-
required: typeof required === "boolean" ? void 0 : required,
|
|
512
|
-
maxLength,
|
|
513
|
-
minLength,
|
|
514
|
-
max,
|
|
515
|
-
min,
|
|
516
|
-
pattern,
|
|
517
|
-
validate,
|
|
518
401
|
onChange,
|
|
519
402
|
onBlur,
|
|
520
403
|
value,
|
|
521
|
-
shouldUnregister
|
|
522
|
-
deps
|
|
404
|
+
shouldUnregister
|
|
523
405
|
}, rules),
|
|
524
406
|
shouldUnregister,
|
|
525
|
-
render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0,
|
|
407
|
+
render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
526
408
|
import_mui_form_utils.Input,
|
|
527
|
-
__spreadProps(__spreadValues(__spreadValues({
|
|
528
|
-
|
|
529
|
-
|
|
409
|
+
__spreadProps(__spreadValues(__spreadValues({
|
|
410
|
+
required: typeof rules.required === "object" ? rules.required.value : !!rules.required
|
|
411
|
+
}, rest), field), {
|
|
412
|
+
error: !!error
|
|
530
413
|
})
|
|
531
414
|
)
|
|
532
415
|
}
|
|
@@ -535,60 +418,50 @@ var ControlledInput = (_a) => {
|
|
|
535
418
|
|
|
536
419
|
// src/lib/OrganizationAutocomplete.tsx
|
|
537
420
|
var import_mui_autocomplete4 = require("@availity/mui-autocomplete");
|
|
538
|
-
var
|
|
539
|
-
var
|
|
421
|
+
var import_react_hook_form7 = require("react-hook-form");
|
|
422
|
+
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
540
423
|
var ControlledOrganizationAutocomplete = (_a) => {
|
|
541
424
|
var _b = _a, {
|
|
542
425
|
name,
|
|
543
426
|
defaultValue,
|
|
544
|
-
deps,
|
|
545
427
|
onBlur,
|
|
546
428
|
onChange,
|
|
547
|
-
pattern,
|
|
548
|
-
required,
|
|
549
429
|
rules = {},
|
|
550
430
|
shouldUnregister,
|
|
551
|
-
validate,
|
|
552
431
|
value,
|
|
553
432
|
FieldProps
|
|
554
433
|
} = _b, rest = __objRest(_b, [
|
|
555
434
|
"name",
|
|
556
435
|
"defaultValue",
|
|
557
|
-
"deps",
|
|
558
436
|
"onBlur",
|
|
559
437
|
"onChange",
|
|
560
|
-
"pattern",
|
|
561
|
-
"required",
|
|
562
438
|
"rules",
|
|
563
439
|
"shouldUnregister",
|
|
564
|
-
"validate",
|
|
565
440
|
"value",
|
|
566
441
|
"FieldProps"
|
|
567
442
|
]);
|
|
568
|
-
return /* @__PURE__ */ (0,
|
|
569
|
-
|
|
443
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
444
|
+
import_react_hook_form7.Controller,
|
|
570
445
|
{
|
|
571
446
|
name,
|
|
572
447
|
defaultValue,
|
|
573
448
|
rules: __spreadValues({
|
|
574
|
-
deps,
|
|
575
449
|
onBlur,
|
|
576
450
|
onChange,
|
|
577
|
-
pattern,
|
|
578
|
-
required,
|
|
579
451
|
shouldUnregister,
|
|
580
|
-
validate,
|
|
581
452
|
value
|
|
582
453
|
}, rules),
|
|
583
454
|
shouldUnregister,
|
|
584
|
-
render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ (0,
|
|
455
|
+
render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
585
456
|
import_mui_autocomplete4.OrganizationAutocomplete,
|
|
586
457
|
__spreadProps(__spreadValues({}, rest), {
|
|
587
|
-
FieldProps: __spreadProps(__spreadValues({
|
|
458
|
+
FieldProps: __spreadProps(__spreadValues({
|
|
459
|
+
required: typeof rules.required === "object" ? rules.required.value : !!rules.required
|
|
460
|
+
}, FieldProps), {
|
|
588
461
|
error: !!error,
|
|
589
|
-
helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0,
|
|
462
|
+
helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
|
|
590
463
|
error.message,
|
|
591
|
-
/* @__PURE__ */ (0,
|
|
464
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("br", {}),
|
|
592
465
|
FieldProps == null ? void 0 : FieldProps.helperText
|
|
593
466
|
] }) : FieldProps == null ? void 0 : FieldProps.helperText,
|
|
594
467
|
inputRef: ref
|
|
@@ -609,72 +482,50 @@ var ControlledOrganizationAutocomplete = (_a) => {
|
|
|
609
482
|
|
|
610
483
|
// src/lib/ProviderAutocomplete.tsx
|
|
611
484
|
var import_mui_autocomplete5 = require("@availity/mui-autocomplete");
|
|
612
|
-
var
|
|
613
|
-
var
|
|
485
|
+
var import_react_hook_form8 = require("react-hook-form");
|
|
486
|
+
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
614
487
|
var ControlledProviderAutocomplete = (_a) => {
|
|
615
488
|
var _b = _a, {
|
|
616
489
|
name,
|
|
617
490
|
defaultValue,
|
|
618
|
-
deps,
|
|
619
|
-
max,
|
|
620
|
-
maxLength,
|
|
621
|
-
min,
|
|
622
|
-
minLength,
|
|
623
491
|
onBlur,
|
|
624
492
|
onChange,
|
|
625
|
-
pattern,
|
|
626
|
-
required,
|
|
627
493
|
rules = {},
|
|
628
494
|
shouldUnregister,
|
|
629
|
-
validate,
|
|
630
495
|
value,
|
|
631
496
|
FieldProps
|
|
632
497
|
} = _b, rest = __objRest(_b, [
|
|
633
498
|
"name",
|
|
634
499
|
"defaultValue",
|
|
635
|
-
"deps",
|
|
636
|
-
"max",
|
|
637
|
-
"maxLength",
|
|
638
|
-
"min",
|
|
639
|
-
"minLength",
|
|
640
500
|
"onBlur",
|
|
641
501
|
"onChange",
|
|
642
|
-
"pattern",
|
|
643
|
-
"required",
|
|
644
502
|
"rules",
|
|
645
503
|
"shouldUnregister",
|
|
646
|
-
"validate",
|
|
647
504
|
"value",
|
|
648
505
|
"FieldProps"
|
|
649
506
|
]);
|
|
650
|
-
return /* @__PURE__ */ (0,
|
|
651
|
-
|
|
507
|
+
return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
508
|
+
import_react_hook_form8.Controller,
|
|
652
509
|
{
|
|
653
510
|
name,
|
|
654
511
|
defaultValue,
|
|
655
512
|
rules: __spreadValues({
|
|
656
|
-
deps,
|
|
657
|
-
max,
|
|
658
|
-
maxLength,
|
|
659
|
-
min,
|
|
660
|
-
minLength,
|
|
661
513
|
onBlur,
|
|
662
514
|
onChange,
|
|
663
|
-
pattern,
|
|
664
|
-
required,
|
|
665
515
|
shouldUnregister,
|
|
666
|
-
validate,
|
|
667
516
|
value
|
|
668
517
|
}, rules),
|
|
669
518
|
shouldUnregister,
|
|
670
|
-
render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 }, fieldState: { error } }) => /* @__PURE__ */ (0,
|
|
519
|
+
render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
671
520
|
import_mui_autocomplete5.ProviderAutocomplete,
|
|
672
521
|
__spreadProps(__spreadValues({}, rest), {
|
|
673
|
-
FieldProps: __spreadProps(__spreadValues({
|
|
522
|
+
FieldProps: __spreadProps(__spreadValues({
|
|
523
|
+
required: typeof rules.required === "object" ? rules.required.value : !!rules.required
|
|
524
|
+
}, FieldProps), {
|
|
674
525
|
error: !!error,
|
|
675
|
-
helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0,
|
|
526
|
+
helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
|
|
676
527
|
error.message,
|
|
677
|
-
/* @__PURE__ */ (0,
|
|
528
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("br", {}),
|
|
678
529
|
FieldProps == null ? void 0 : FieldProps.helperText
|
|
679
530
|
] }) : FieldProps == null ? void 0 : FieldProps.helperText
|
|
680
531
|
}),
|
|
@@ -694,16 +545,15 @@ var ControlledProviderAutocomplete = (_a) => {
|
|
|
694
545
|
|
|
695
546
|
// src/lib/RadioGroup.tsx
|
|
696
547
|
var import_mui_form_utils2 = require("@availity/mui-form-utils");
|
|
697
|
-
var
|
|
548
|
+
var import_react_hook_form9 = require("react-hook-form");
|
|
698
549
|
var import_mui_form_utils3 = require("@availity/mui-form-utils");
|
|
699
|
-
var
|
|
550
|
+
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
700
551
|
var ControlledRadioGroup = (_a) => {
|
|
701
552
|
var _b = _a, {
|
|
702
553
|
name,
|
|
703
554
|
helperText,
|
|
704
555
|
label,
|
|
705
556
|
defaultValue,
|
|
706
|
-
deps,
|
|
707
557
|
onBlur,
|
|
708
558
|
onChange,
|
|
709
559
|
required,
|
|
@@ -715,7 +565,6 @@ var ControlledRadioGroup = (_a) => {
|
|
|
715
565
|
"helperText",
|
|
716
566
|
"label",
|
|
717
567
|
"defaultValue",
|
|
718
|
-
"deps",
|
|
719
568
|
"onBlur",
|
|
720
569
|
"onChange",
|
|
721
570
|
"required",
|
|
@@ -723,24 +572,32 @@ var ControlledRadioGroup = (_a) => {
|
|
|
723
572
|
"shouldUnregister",
|
|
724
573
|
"value"
|
|
725
574
|
]);
|
|
726
|
-
return /* @__PURE__ */ (0,
|
|
727
|
-
|
|
575
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
576
|
+
import_react_hook_form9.Controller,
|
|
728
577
|
{
|
|
729
578
|
name,
|
|
730
579
|
defaultValue,
|
|
731
|
-
rules: __spreadValues({
|
|
580
|
+
rules: __spreadValues({ onBlur, onChange, shouldUnregister, value }, rules),
|
|
732
581
|
shouldUnregister,
|
|
733
582
|
render: (_a2) => {
|
|
734
583
|
var _b2 = _a2, { field: _c } = _b2, _d = _c, { disabled } = _d, field = __objRest(_d, ["disabled"]), { fieldState: { error } } = _b2;
|
|
735
|
-
return /* @__PURE__ */ (0,
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
584
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
|
|
585
|
+
import_mui_form_utils3.FormControl,
|
|
586
|
+
{
|
|
587
|
+
error: !!error,
|
|
588
|
+
disabled,
|
|
589
|
+
required: !!required || (typeof rules.required === "object" ? rules.required.value : !!rules.required),
|
|
590
|
+
children: [
|
|
591
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_mui_form_utils3.FormLabel, { children: label }),
|
|
592
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_mui_form_utils2.RadioGroup, __spreadValues(__spreadValues({}, field), rest)),
|
|
593
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_mui_form_utils3.FormHelperText, { children: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
|
|
594
|
+
error.message,
|
|
595
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("br", {}),
|
|
596
|
+
helperText
|
|
597
|
+
] }) : helperText })
|
|
598
|
+
]
|
|
599
|
+
}
|
|
600
|
+
);
|
|
744
601
|
}
|
|
745
602
|
}
|
|
746
603
|
);
|
|
@@ -748,70 +605,47 @@ var ControlledRadioGroup = (_a) => {
|
|
|
748
605
|
|
|
749
606
|
// src/lib/Select.tsx
|
|
750
607
|
var import_mui_form_utils4 = require("@availity/mui-form-utils");
|
|
751
|
-
var
|
|
752
|
-
var
|
|
608
|
+
var import_react_hook_form10 = require("react-hook-form");
|
|
609
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
753
610
|
var ControlledSelect = (_a) => {
|
|
754
611
|
var _b = _a, {
|
|
755
612
|
name,
|
|
756
613
|
defaultValue,
|
|
757
|
-
deps,
|
|
758
614
|
disabled,
|
|
759
|
-
max,
|
|
760
|
-
maxLength,
|
|
761
|
-
min,
|
|
762
|
-
minLength,
|
|
763
615
|
onBlur,
|
|
764
616
|
onChange,
|
|
765
|
-
pattern,
|
|
766
|
-
required,
|
|
767
617
|
rules = {},
|
|
768
618
|
shouldUnregister,
|
|
769
|
-
validate,
|
|
770
619
|
value
|
|
771
620
|
} = _b, rest = __objRest(_b, [
|
|
772
621
|
"name",
|
|
773
622
|
"defaultValue",
|
|
774
|
-
"deps",
|
|
775
623
|
"disabled",
|
|
776
|
-
"max",
|
|
777
|
-
"maxLength",
|
|
778
|
-
"min",
|
|
779
|
-
"minLength",
|
|
780
624
|
"onBlur",
|
|
781
625
|
"onChange",
|
|
782
|
-
"pattern",
|
|
783
|
-
"required",
|
|
784
626
|
"rules",
|
|
785
627
|
"shouldUnregister",
|
|
786
|
-
"validate",
|
|
787
628
|
"value"
|
|
788
629
|
]);
|
|
789
|
-
return /* @__PURE__ */ (0,
|
|
790
|
-
|
|
630
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
631
|
+
import_react_hook_form10.Controller,
|
|
791
632
|
{
|
|
792
633
|
name,
|
|
793
634
|
defaultValue,
|
|
794
635
|
disabled,
|
|
795
636
|
rules: __spreadValues({
|
|
796
|
-
required: typeof required === "boolean" ? void 0 : required,
|
|
797
|
-
maxLength,
|
|
798
|
-
minLength,
|
|
799
|
-
max,
|
|
800
|
-
min,
|
|
801
|
-
pattern,
|
|
802
|
-
validate,
|
|
803
637
|
onChange,
|
|
804
638
|
onBlur,
|
|
805
639
|
value,
|
|
806
|
-
shouldUnregister
|
|
807
|
-
deps
|
|
640
|
+
shouldUnregister
|
|
808
641
|
}, rules),
|
|
809
642
|
shouldUnregister,
|
|
810
|
-
render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0,
|
|
643
|
+
render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
811
644
|
import_mui_form_utils4.Select,
|
|
812
|
-
__spreadProps(__spreadValues(__spreadValues({
|
|
813
|
-
|
|
814
|
-
|
|
645
|
+
__spreadProps(__spreadValues(__spreadValues({
|
|
646
|
+
required: typeof rules.required === "object" ? rules.required.value : !!rules.required
|
|
647
|
+
}, rest), field), {
|
|
648
|
+
error: !!error
|
|
815
649
|
})
|
|
816
650
|
)
|
|
817
651
|
}
|
|
@@ -820,78 +654,55 @@ var ControlledSelect = (_a) => {
|
|
|
820
654
|
|
|
821
655
|
// src/lib/TextField.tsx
|
|
822
656
|
var import_mui_textfield = require("@availity/mui-textfield");
|
|
823
|
-
var
|
|
824
|
-
var
|
|
657
|
+
var import_react_hook_form11 = require("react-hook-form");
|
|
658
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
825
659
|
var ControlledTextField = (_a) => {
|
|
826
660
|
var _b = _a, {
|
|
827
661
|
name,
|
|
828
662
|
defaultValue,
|
|
829
|
-
deps,
|
|
830
663
|
disabled,
|
|
831
664
|
helperText,
|
|
832
|
-
max,
|
|
833
|
-
maxLength,
|
|
834
|
-
min,
|
|
835
|
-
minLength,
|
|
836
665
|
onBlur,
|
|
837
666
|
onChange,
|
|
838
|
-
pattern,
|
|
839
|
-
required,
|
|
840
667
|
rules = {},
|
|
841
668
|
shouldUnregister,
|
|
842
|
-
validate,
|
|
843
669
|
value
|
|
844
670
|
} = _b, rest = __objRest(_b, [
|
|
845
671
|
"name",
|
|
846
672
|
"defaultValue",
|
|
847
|
-
"deps",
|
|
848
673
|
"disabled",
|
|
849
674
|
"helperText",
|
|
850
|
-
"max",
|
|
851
|
-
"maxLength",
|
|
852
|
-
"min",
|
|
853
|
-
"minLength",
|
|
854
675
|
"onBlur",
|
|
855
676
|
"onChange",
|
|
856
|
-
"pattern",
|
|
857
|
-
"required",
|
|
858
677
|
"rules",
|
|
859
678
|
"shouldUnregister",
|
|
860
|
-
"validate",
|
|
861
679
|
"value"
|
|
862
680
|
]);
|
|
863
|
-
return /* @__PURE__ */ (0,
|
|
864
|
-
|
|
681
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
682
|
+
import_react_hook_form11.Controller,
|
|
865
683
|
{
|
|
866
684
|
name,
|
|
867
685
|
defaultValue,
|
|
868
686
|
disabled,
|
|
869
687
|
rules: __spreadValues({
|
|
870
|
-
required: typeof required === "boolean" ? void 0 : required,
|
|
871
|
-
maxLength,
|
|
872
|
-
minLength,
|
|
873
|
-
max,
|
|
874
|
-
min,
|
|
875
|
-
pattern,
|
|
876
|
-
validate,
|
|
877
688
|
onChange,
|
|
878
689
|
onBlur,
|
|
879
690
|
value,
|
|
880
|
-
shouldUnregister
|
|
881
|
-
deps
|
|
691
|
+
shouldUnregister
|
|
882
692
|
}, rules),
|
|
883
693
|
shouldUnregister,
|
|
884
694
|
render: (_a2) => {
|
|
885
695
|
var _b2 = _a2, { field: _c } = _b2, _d = _c, { ref } = _d, field = __objRest(_d, ["ref"]), { fieldState: { error } } = _b2;
|
|
886
|
-
return /* @__PURE__ */ (0,
|
|
696
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
887
697
|
import_mui_textfield.TextField,
|
|
888
|
-
__spreadProps(__spreadValues(__spreadValues({
|
|
698
|
+
__spreadProps(__spreadValues(__spreadValues({
|
|
699
|
+
required: typeof rules.required === "object" ? rules.required.value : !!rules.required
|
|
700
|
+
}, field), rest), {
|
|
889
701
|
inputRef: ref,
|
|
890
|
-
required: !!required,
|
|
891
702
|
error: !!error,
|
|
892
|
-
helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0,
|
|
703
|
+
helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
|
|
893
704
|
error.message,
|
|
894
|
-
/* @__PURE__ */ (0,
|
|
705
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("br", {}),
|
|
895
706
|
helperText
|
|
896
707
|
] }) : helperText
|
|
897
708
|
})
|
|
@@ -902,7 +713,7 @@ var ControlledTextField = (_a) => {
|
|
|
902
713
|
};
|
|
903
714
|
|
|
904
715
|
// src/index.ts
|
|
905
|
-
var
|
|
716
|
+
var import_react_hook_form12 = require("react-hook-form");
|
|
906
717
|
// Annotate the CommonJS export names for ESM import in node:
|
|
907
718
|
0 && (module.exports = {
|
|
908
719
|
ControlledAsyncAutocomplete,
|
|
@@ -910,7 +721,6 @@ var import_react_hook_form13 = require("react-hook-form");
|
|
|
910
721
|
ControlledCheckbox,
|
|
911
722
|
ControlledCodesAutocomplete,
|
|
912
723
|
ControlledDatepicker,
|
|
913
|
-
ControlledForm,
|
|
914
724
|
ControlledInput,
|
|
915
725
|
ControlledOrganizationAutocomplete,
|
|
916
726
|
ControlledProviderAutocomplete,
|