@rjsf/mui 5.24.10 → 6.0.0-beta.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/README.md +4 -4
- package/dist/index.js +201 -238
- package/dist/index.js.map +4 -4
- package/dist/mui.esm.js +99 -130
- package/dist/mui.esm.js.map +4 -4
- package/dist/mui.umd.js +36 -78
- package/lib/ArrayFieldItemTemplate/ArrayFieldItemTemplate.d.ts +3 -3
- package/lib/ArrayFieldItemTemplate/ArrayFieldItemTemplate.js +7 -5
- package/lib/ArrayFieldItemTemplate/ArrayFieldItemTemplate.js.map +1 -1
- package/lib/ArrayFieldTemplate/ArrayFieldTemplate.d.ts +1 -1
- package/lib/ArrayFieldTemplate/ArrayFieldTemplate.js +4 -4
- package/lib/ArrayFieldTemplate/ArrayFieldTemplate.js.map +1 -1
- package/lib/CheckboxesWidget/CheckboxesWidget.js.map +1 -1
- package/lib/DescriptionField/DescriptionField.js.map +1 -1
- package/lib/FieldErrorTemplate/FieldErrorTemplate.js.map +1 -1
- package/lib/FieldHelpTemplate/FieldHelpTemplate.js.map +1 -1
- package/lib/FieldTemplate/FieldTemplate.js.map +1 -1
- package/lib/GridTemplate/GridTemplate.d.ts +7 -0
- package/lib/GridTemplate/GridTemplate.js +12 -0
- package/lib/GridTemplate/GridTemplate.js.map +1 -0
- package/lib/GridTemplate/index.d.ts +2 -0
- package/lib/GridTemplate/index.js +3 -0
- package/lib/GridTemplate/index.js.map +1 -0
- package/lib/ObjectFieldTemplate/ObjectFieldTemplate.js +5 -5
- package/lib/ObjectFieldTemplate/ObjectFieldTemplate.js.map +1 -1
- package/lib/SubmitButton/SubmitButton.js.map +1 -1
- package/lib/Templates/Templates.js +2 -0
- package/lib/Templates/Templates.js.map +1 -1
- package/lib/TextareaWidget/TextareaWidget.js.map +1 -1
- package/lib/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.js +3 -3
- package/lib/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +44 -38
- package/src/ArrayFieldItemTemplate/ArrayFieldItemTemplate.tsx +25 -63
- package/src/ArrayFieldTemplate/ArrayFieldTemplate.tsx +15 -13
- package/src/BaseInputTemplate/BaseInputTemplate.tsx +1 -1
- package/src/CheckboxWidget/CheckboxWidget.tsx +2 -2
- package/src/CheckboxesWidget/CheckboxesWidget.tsx +2 -2
- package/src/DescriptionField/DescriptionField.tsx +1 -1
- package/src/FieldErrorTemplate/FieldErrorTemplate.tsx +1 -1
- package/src/FieldHelpTemplate/FieldHelpTemplate.tsx +1 -1
- package/src/FieldTemplate/FieldTemplate.tsx +2 -2
- package/src/GridTemplate/GridTemplate.tsx +16 -0
- package/src/GridTemplate/index.ts +2 -0
- package/src/IconButton/IconButton.tsx +5 -5
- package/src/MuiForm/MuiForm.tsx +1 -1
- package/src/ObjectFieldTemplate/ObjectFieldTemplate.tsx +16 -14
- package/src/RadioWidget/RadioWidget.tsx +1 -1
- package/src/RangeWidget/RangeWidget.tsx +2 -2
- package/src/SelectWidget/SelectWidget.tsx +1 -1
- package/src/SubmitButton/SubmitButton.tsx +1 -1
- package/src/Templates/Templates.ts +3 -1
- package/src/TextareaWidget/TextareaWidget.tsx +1 -1
- package/src/Theme/Theme.tsx +1 -1
- package/src/Widgets/Widgets.ts +1 -1
- package/src/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx +12 -11
- package/LICENSE.md +0 -201
package/dist/mui.esm.js
CHANGED
|
@@ -17,27 +17,21 @@ function AddButton({
|
|
|
17
17
|
|
|
18
18
|
// src/ArrayFieldItemTemplate/ArrayFieldItemTemplate.tsx
|
|
19
19
|
import Box from "@mui/material/Box";
|
|
20
|
-
import
|
|
20
|
+
import Grid2 from "@mui/material/Grid2";
|
|
21
21
|
import Paper from "@mui/material/Paper";
|
|
22
|
+
import {
|
|
23
|
+
getUiOptions,
|
|
24
|
+
getTemplate
|
|
25
|
+
} from "@rjsf/utils";
|
|
22
26
|
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
23
27
|
function ArrayFieldItemTemplate(props) {
|
|
24
|
-
const {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
hasRemove,
|
|
32
|
-
index,
|
|
33
|
-
onCopyIndexClick,
|
|
34
|
-
onDropIndexClick,
|
|
35
|
-
onReorderClick,
|
|
36
|
-
readonly,
|
|
37
|
-
uiSchema,
|
|
38
|
-
registry
|
|
39
|
-
} = props;
|
|
40
|
-
const { CopyButton: CopyButton2, MoveDownButton: MoveDownButton2, MoveUpButton: MoveUpButton2, RemoveButton: RemoveButton2 } = registry.templates.ButtonTemplates;
|
|
28
|
+
const { children, buttonsProps, hasToolbar, uiSchema, registry } = props;
|
|
29
|
+
const uiOptions = getUiOptions(uiSchema);
|
|
30
|
+
const ArrayFieldItemButtonsTemplate = getTemplate(
|
|
31
|
+
"ArrayFieldItemButtonsTemplate",
|
|
32
|
+
registry,
|
|
33
|
+
uiOptions
|
|
34
|
+
);
|
|
41
35
|
const btnStyle = {
|
|
42
36
|
flex: 1,
|
|
43
37
|
paddingLeft: 6,
|
|
@@ -45,76 +39,36 @@ function ArrayFieldItemTemplate(props) {
|
|
|
45
39
|
fontWeight: "bold",
|
|
46
40
|
minWidth: 0
|
|
47
41
|
};
|
|
48
|
-
return /* @__PURE__ */ jsxs(
|
|
49
|
-
/* @__PURE__ */ jsx2(
|
|
50
|
-
hasToolbar && /* @__PURE__ */
|
|
51
|
-
(hasMoveUp || hasMoveDown) && /* @__PURE__ */ jsx2(
|
|
52
|
-
MoveUpButton2,
|
|
53
|
-
{
|
|
54
|
-
style: btnStyle,
|
|
55
|
-
disabled: disabled || readonly || !hasMoveUp,
|
|
56
|
-
onClick: onReorderClick(index, index - 1),
|
|
57
|
-
uiSchema,
|
|
58
|
-
registry
|
|
59
|
-
}
|
|
60
|
-
),
|
|
61
|
-
(hasMoveUp || hasMoveDown) && /* @__PURE__ */ jsx2(
|
|
62
|
-
MoveDownButton2,
|
|
63
|
-
{
|
|
64
|
-
style: btnStyle,
|
|
65
|
-
disabled: disabled || readonly || !hasMoveDown,
|
|
66
|
-
onClick: onReorderClick(index, index + 1),
|
|
67
|
-
uiSchema,
|
|
68
|
-
registry
|
|
69
|
-
}
|
|
70
|
-
),
|
|
71
|
-
hasCopy && /* @__PURE__ */ jsx2(
|
|
72
|
-
CopyButton2,
|
|
73
|
-
{
|
|
74
|
-
style: btnStyle,
|
|
75
|
-
disabled: disabled || readonly,
|
|
76
|
-
onClick: onCopyIndexClick(index),
|
|
77
|
-
uiSchema,
|
|
78
|
-
registry
|
|
79
|
-
}
|
|
80
|
-
),
|
|
81
|
-
hasRemove && /* @__PURE__ */ jsx2(
|
|
82
|
-
RemoveButton2,
|
|
83
|
-
{
|
|
84
|
-
style: btnStyle,
|
|
85
|
-
disabled: disabled || readonly,
|
|
86
|
-
onClick: onDropIndexClick(index),
|
|
87
|
-
uiSchema,
|
|
88
|
-
registry
|
|
89
|
-
}
|
|
90
|
-
)
|
|
91
|
-
] })
|
|
42
|
+
return /* @__PURE__ */ jsxs(Grid2, { container: true, alignItems: "center", children: [
|
|
43
|
+
/* @__PURE__ */ jsx2(Grid2, { size: "auto", style: { overflow: "auto" }, children: /* @__PURE__ */ jsx2(Box, { mb: 2, children: /* @__PURE__ */ jsx2(Paper, { elevation: 2, children: /* @__PURE__ */ jsx2(Box, { p: 2, children }) }) }) }),
|
|
44
|
+
hasToolbar && /* @__PURE__ */ jsx2(Grid2, { children: /* @__PURE__ */ jsx2(ArrayFieldItemButtonsTemplate, { ...buttonsProps, style: btnStyle }) })
|
|
92
45
|
] });
|
|
93
46
|
}
|
|
94
47
|
|
|
95
48
|
// src/ArrayFieldTemplate/ArrayFieldTemplate.tsx
|
|
96
49
|
import Box2 from "@mui/material/Box";
|
|
97
|
-
import
|
|
50
|
+
import Grid22 from "@mui/material/Grid2";
|
|
98
51
|
import Paper2 from "@mui/material/Paper";
|
|
99
52
|
import {
|
|
100
|
-
getTemplate,
|
|
101
|
-
getUiOptions
|
|
53
|
+
getTemplate as getTemplate2,
|
|
54
|
+
getUiOptions as getUiOptions2,
|
|
55
|
+
buttonId
|
|
102
56
|
} from "@rjsf/utils";
|
|
103
57
|
import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
104
58
|
function ArrayFieldTemplate(props) {
|
|
105
59
|
const { canAdd, disabled, idSchema, uiSchema, items, onAddClick, readonly, registry, required, schema, title } = props;
|
|
106
|
-
const uiOptions =
|
|
107
|
-
const ArrayFieldDescriptionTemplate =
|
|
60
|
+
const uiOptions = getUiOptions2(uiSchema);
|
|
61
|
+
const ArrayFieldDescriptionTemplate = getTemplate2(
|
|
108
62
|
"ArrayFieldDescriptionTemplate",
|
|
109
63
|
registry,
|
|
110
64
|
uiOptions
|
|
111
65
|
);
|
|
112
|
-
const ArrayFieldItemTemplate2 =
|
|
66
|
+
const ArrayFieldItemTemplate2 = getTemplate2(
|
|
113
67
|
"ArrayFieldItemTemplate",
|
|
114
68
|
registry,
|
|
115
69
|
uiOptions
|
|
116
70
|
);
|
|
117
|
-
const ArrayFieldTitleTemplate =
|
|
71
|
+
const ArrayFieldTitleTemplate = getTemplate2(
|
|
118
72
|
"ArrayFieldTitleTemplate",
|
|
119
73
|
registry,
|
|
120
74
|
uiOptions
|
|
@@ -145,10 +99,11 @@ function ArrayFieldTemplate(props) {
|
|
|
145
99
|
}
|
|
146
100
|
),
|
|
147
101
|
items && items.map(({ key, ...itemProps }) => /* @__PURE__ */ jsx3(ArrayFieldItemTemplate2, { ...itemProps }, key)),
|
|
148
|
-
canAdd && /* @__PURE__ */ jsx3(
|
|
102
|
+
canAdd && /* @__PURE__ */ jsx3(Grid22, { container: true, justifyContent: "flex-end", children: /* @__PURE__ */ jsx3(Grid22, { children: /* @__PURE__ */ jsx3(Box2, { mt: 2, children: /* @__PURE__ */ jsx3(
|
|
149
103
|
AddButton2,
|
|
150
104
|
{
|
|
151
|
-
|
|
105
|
+
id: buttonId(idSchema, "add"),
|
|
106
|
+
className: "rjsf-array-item-add",
|
|
152
107
|
onClick: onAddClick,
|
|
153
108
|
disabled: disabled || readonly,
|
|
154
109
|
uiSchema,
|
|
@@ -375,8 +330,8 @@ function FieldHelpTemplate(props) {
|
|
|
375
330
|
import FormControl from "@mui/material/FormControl";
|
|
376
331
|
import Typography3 from "@mui/material/Typography";
|
|
377
332
|
import {
|
|
378
|
-
getTemplate as
|
|
379
|
-
getUiOptions as
|
|
333
|
+
getTemplate as getTemplate3,
|
|
334
|
+
getUiOptions as getUiOptions3
|
|
380
335
|
} from "@rjsf/utils";
|
|
381
336
|
import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
382
337
|
function FieldTemplate(props) {
|
|
@@ -402,8 +357,8 @@ function FieldTemplate(props) {
|
|
|
402
357
|
uiSchema,
|
|
403
358
|
registry
|
|
404
359
|
} = props;
|
|
405
|
-
const uiOptions =
|
|
406
|
-
const WrapIfAdditionalTemplate2 =
|
|
360
|
+
const uiOptions = getUiOptions3(uiSchema);
|
|
361
|
+
const WrapIfAdditionalTemplate2 = getTemplate3(
|
|
407
362
|
"WrapIfAdditionalTemplate",
|
|
408
363
|
registry,
|
|
409
364
|
uiOptions
|
|
@@ -436,16 +391,25 @@ function FieldTemplate(props) {
|
|
|
436
391
|
);
|
|
437
392
|
}
|
|
438
393
|
|
|
394
|
+
// src/GridTemplate/GridTemplate.tsx
|
|
395
|
+
import Grid23 from "@mui/material/Grid2";
|
|
396
|
+
import { jsx as jsx11 } from "react/jsx-runtime";
|
|
397
|
+
function GridTemplate(props) {
|
|
398
|
+
const { children, column, ...rest } = props;
|
|
399
|
+
return /* @__PURE__ */ jsx11(Grid23, { container: !column, ...rest, children });
|
|
400
|
+
}
|
|
401
|
+
|
|
439
402
|
// src/ObjectFieldTemplate/ObjectFieldTemplate.tsx
|
|
440
|
-
import
|
|
403
|
+
import Grid24 from "@mui/material/Grid2";
|
|
441
404
|
import {
|
|
442
405
|
canExpand,
|
|
443
406
|
descriptionId,
|
|
444
|
-
getTemplate as
|
|
445
|
-
getUiOptions as
|
|
446
|
-
titleId
|
|
407
|
+
getTemplate as getTemplate4,
|
|
408
|
+
getUiOptions as getUiOptions4,
|
|
409
|
+
titleId,
|
|
410
|
+
buttonId as buttonId2
|
|
447
411
|
} from "@rjsf/utils";
|
|
448
|
-
import { Fragment as Fragment2, jsx as
|
|
412
|
+
import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
449
413
|
function ObjectFieldTemplate(props) {
|
|
450
414
|
const {
|
|
451
415
|
description,
|
|
@@ -461,9 +425,9 @@ function ObjectFieldTemplate(props) {
|
|
|
461
425
|
onAddClick,
|
|
462
426
|
registry
|
|
463
427
|
} = props;
|
|
464
|
-
const uiOptions =
|
|
465
|
-
const TitleFieldTemplate =
|
|
466
|
-
const DescriptionFieldTemplate =
|
|
428
|
+
const uiOptions = getUiOptions4(uiSchema);
|
|
429
|
+
const TitleFieldTemplate = getTemplate4("TitleFieldTemplate", registry, uiOptions);
|
|
430
|
+
const DescriptionFieldTemplate = getTemplate4(
|
|
467
431
|
"DescriptionFieldTemplate",
|
|
468
432
|
registry,
|
|
469
433
|
uiOptions
|
|
@@ -472,7 +436,7 @@ function ObjectFieldTemplate(props) {
|
|
|
472
436
|
ButtonTemplates: { AddButton: AddButton2 }
|
|
473
437
|
} = registry.templates;
|
|
474
438
|
return /* @__PURE__ */ jsxs6(Fragment2, { children: [
|
|
475
|
-
title && /* @__PURE__ */
|
|
439
|
+
title && /* @__PURE__ */ jsx12(
|
|
476
440
|
TitleFieldTemplate,
|
|
477
441
|
{
|
|
478
442
|
id: titleId(idSchema),
|
|
@@ -483,7 +447,7 @@ function ObjectFieldTemplate(props) {
|
|
|
483
447
|
registry
|
|
484
448
|
}
|
|
485
449
|
),
|
|
486
|
-
description && /* @__PURE__ */
|
|
450
|
+
description && /* @__PURE__ */ jsx12(
|
|
487
451
|
DescriptionFieldTemplate,
|
|
488
452
|
{
|
|
489
453
|
id: descriptionId(idSchema),
|
|
@@ -493,18 +457,19 @@ function ObjectFieldTemplate(props) {
|
|
|
493
457
|
registry
|
|
494
458
|
}
|
|
495
459
|
),
|
|
496
|
-
/* @__PURE__ */ jsxs6(
|
|
460
|
+
/* @__PURE__ */ jsxs6(Grid24, { container: true, spacing: 2, style: { marginTop: "10px" }, children: [
|
|
497
461
|
properties.map(
|
|
498
462
|
(element, index) => (
|
|
499
|
-
// Remove the <
|
|
463
|
+
// Remove the <Grid2> if the inner element is hidden as the <Grid2>
|
|
500
464
|
// itself would otherwise still take up space.
|
|
501
|
-
element.hidden ? element.content : /* @__PURE__ */
|
|
465
|
+
element.hidden ? element.content : /* @__PURE__ */ jsx12(Grid24, { size: { xs: 12 }, style: { marginBottom: "10px" }, children: element.content }, index)
|
|
502
466
|
)
|
|
503
467
|
),
|
|
504
|
-
canExpand(schema, uiSchema, formData) && /* @__PURE__ */
|
|
468
|
+
canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsx12(Grid24, { container: true, justifyContent: "flex-end", children: /* @__PURE__ */ jsx12(Grid24, { children: /* @__PURE__ */ jsx12(
|
|
505
469
|
AddButton2,
|
|
506
470
|
{
|
|
507
|
-
|
|
471
|
+
id: buttonId2(idSchema, "add"),
|
|
472
|
+
className: "rjsf-object-property-expand",
|
|
508
473
|
onClick: onAddClick(schema),
|
|
509
474
|
disabled: disabled || readonly,
|
|
510
475
|
uiSchema,
|
|
@@ -519,38 +484,39 @@ function ObjectFieldTemplate(props) {
|
|
|
519
484
|
import Box4 from "@mui/material/Box";
|
|
520
485
|
import Button from "@mui/material/Button";
|
|
521
486
|
import { getSubmitButtonOptions } from "@rjsf/utils";
|
|
522
|
-
import { jsx as
|
|
487
|
+
import { jsx as jsx13 } from "react/jsx-runtime";
|
|
523
488
|
function SubmitButton({ uiSchema }) {
|
|
524
489
|
const { submitText, norender, props: submitButtonProps = {} } = getSubmitButtonOptions(uiSchema);
|
|
525
490
|
if (norender) {
|
|
526
491
|
return null;
|
|
527
492
|
}
|
|
528
|
-
return /* @__PURE__ */
|
|
493
|
+
return /* @__PURE__ */ jsx13(Box4, { marginTop: 3, children: /* @__PURE__ */ jsx13(Button, { type: "submit", variant: "contained", color: "primary", ...submitButtonProps, children: submitText }) });
|
|
529
494
|
}
|
|
530
495
|
|
|
531
496
|
// src/TitleField/TitleField.tsx
|
|
532
497
|
import Box5 from "@mui/material/Box";
|
|
533
498
|
import Divider from "@mui/material/Divider";
|
|
534
499
|
import Typography4 from "@mui/material/Typography";
|
|
535
|
-
import { jsx as
|
|
500
|
+
import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
536
501
|
function TitleField({
|
|
537
502
|
id,
|
|
538
503
|
title
|
|
539
504
|
}) {
|
|
540
505
|
return /* @__PURE__ */ jsxs7(Box5, { id, mb: 1, mt: 1, children: [
|
|
541
|
-
/* @__PURE__ */
|
|
542
|
-
/* @__PURE__ */
|
|
506
|
+
/* @__PURE__ */ jsx14(Typography4, { variant: "h5", children: title }),
|
|
507
|
+
/* @__PURE__ */ jsx14(Divider, {})
|
|
543
508
|
] });
|
|
544
509
|
}
|
|
545
510
|
|
|
546
511
|
// src/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx
|
|
547
|
-
import
|
|
512
|
+
import Grid25 from "@mui/material/Grid2";
|
|
548
513
|
import TextField2 from "@mui/material/TextField";
|
|
549
514
|
import {
|
|
550
515
|
ADDITIONAL_PROPERTY_FLAG,
|
|
516
|
+
buttonId as buttonId3,
|
|
551
517
|
TranslatableString as TranslatableString4
|
|
552
518
|
} from "@rjsf/utils";
|
|
553
|
-
import { jsx as
|
|
519
|
+
import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
554
520
|
function WrapIfAdditionalTemplate(props) {
|
|
555
521
|
const {
|
|
556
522
|
children,
|
|
@@ -578,11 +544,11 @@ function WrapIfAdditionalTemplate(props) {
|
|
|
578
544
|
fontWeight: "bold"
|
|
579
545
|
};
|
|
580
546
|
if (!additional) {
|
|
581
|
-
return /* @__PURE__ */
|
|
547
|
+
return /* @__PURE__ */ jsx15("div", { className: classNames, style, children });
|
|
582
548
|
}
|
|
583
549
|
const handleBlur = ({ target }) => onKeyChange(target && target.value);
|
|
584
|
-
return /* @__PURE__ */ jsxs8(
|
|
585
|
-
/* @__PURE__ */
|
|
550
|
+
return /* @__PURE__ */ jsxs8(Grid25, { container: true, alignItems: "center", spacing: 2, className: classNames, style, children: [
|
|
551
|
+
/* @__PURE__ */ jsx15(Grid25, { size: "auto", children: /* @__PURE__ */ jsx15(
|
|
586
552
|
TextField2,
|
|
587
553
|
{
|
|
588
554
|
fullWidth: true,
|
|
@@ -596,10 +562,12 @@ function WrapIfAdditionalTemplate(props) {
|
|
|
596
562
|
type: "text"
|
|
597
563
|
}
|
|
598
564
|
) }),
|
|
599
|
-
/* @__PURE__ */
|
|
600
|
-
/* @__PURE__ */
|
|
565
|
+
/* @__PURE__ */ jsx15(Grid25, { size: "auto", children }),
|
|
566
|
+
/* @__PURE__ */ jsx15(Grid25, { children: /* @__PURE__ */ jsx15(
|
|
601
567
|
RemoveButton2,
|
|
602
568
|
{
|
|
569
|
+
id: buttonId3(id, "remove"),
|
|
570
|
+
className: "rjsf-object-property-remove",
|
|
603
571
|
iconType: "default",
|
|
604
572
|
style: btnStyle,
|
|
605
573
|
disabled: disabled || readonly,
|
|
@@ -630,6 +598,7 @@ function generateTemplates() {
|
|
|
630
598
|
FieldErrorTemplate,
|
|
631
599
|
FieldHelpTemplate,
|
|
632
600
|
FieldTemplate,
|
|
601
|
+
GridTemplate,
|
|
633
602
|
ObjectFieldTemplate,
|
|
634
603
|
TitleFieldTemplate: TitleField,
|
|
635
604
|
WrapIfAdditionalTemplate
|
|
@@ -643,11 +612,11 @@ import FormControlLabel from "@mui/material/FormControlLabel";
|
|
|
643
612
|
import {
|
|
644
613
|
ariaDescribedByIds as ariaDescribedByIds2,
|
|
645
614
|
descriptionId as descriptionId2,
|
|
646
|
-
getTemplate as
|
|
615
|
+
getTemplate as getTemplate5,
|
|
647
616
|
labelValue as labelValue2,
|
|
648
617
|
schemaRequiresTrueValue
|
|
649
618
|
} from "@rjsf/utils";
|
|
650
|
-
import { Fragment as Fragment3, jsx as
|
|
619
|
+
import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
651
620
|
function CheckboxWidget(props) {
|
|
652
621
|
const {
|
|
653
622
|
schema,
|
|
@@ -665,7 +634,7 @@ function CheckboxWidget(props) {
|
|
|
665
634
|
options,
|
|
666
635
|
uiSchema
|
|
667
636
|
} = props;
|
|
668
|
-
const DescriptionFieldTemplate =
|
|
637
|
+
const DescriptionFieldTemplate = getTemplate5(
|
|
669
638
|
"DescriptionFieldTemplate",
|
|
670
639
|
registry,
|
|
671
640
|
options
|
|
@@ -676,7 +645,7 @@ function CheckboxWidget(props) {
|
|
|
676
645
|
const _onFocus = ({ target }) => onFocus(id, target && target.value);
|
|
677
646
|
const description = options.description ?? schema.description;
|
|
678
647
|
return /* @__PURE__ */ jsxs9(Fragment3, { children: [
|
|
679
|
-
!hideLabel && !!description && /* @__PURE__ */
|
|
648
|
+
!hideLabel && !!description && /* @__PURE__ */ jsx16(
|
|
680
649
|
DescriptionFieldTemplate,
|
|
681
650
|
{
|
|
682
651
|
id: descriptionId2(id),
|
|
@@ -686,10 +655,10 @@ function CheckboxWidget(props) {
|
|
|
686
655
|
registry
|
|
687
656
|
}
|
|
688
657
|
),
|
|
689
|
-
/* @__PURE__ */
|
|
658
|
+
/* @__PURE__ */ jsx16(
|
|
690
659
|
FormControlLabel,
|
|
691
660
|
{
|
|
692
|
-
control: /* @__PURE__ */
|
|
661
|
+
control: /* @__PURE__ */ jsx16(
|
|
693
662
|
Checkbox,
|
|
694
663
|
{
|
|
695
664
|
id,
|
|
@@ -724,7 +693,7 @@ import {
|
|
|
724
693
|
labelValue as labelValue3,
|
|
725
694
|
optionId
|
|
726
695
|
} from "@rjsf/utils";
|
|
727
|
-
import { Fragment as Fragment4, jsx as
|
|
696
|
+
import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
728
697
|
function CheckboxesWidget({
|
|
729
698
|
label,
|
|
730
699
|
hideLabel,
|
|
@@ -752,13 +721,13 @@ function CheckboxesWidget({
|
|
|
752
721
|
const _onFocus = ({ target }) => onFocus(id, enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue));
|
|
753
722
|
return /* @__PURE__ */ jsxs10(Fragment4, { children: [
|
|
754
723
|
labelValue3(
|
|
755
|
-
/* @__PURE__ */
|
|
724
|
+
/* @__PURE__ */ jsx17(FormLabel, { required, htmlFor: id, children: label || void 0 }),
|
|
756
725
|
hideLabel
|
|
757
726
|
),
|
|
758
|
-
/* @__PURE__ */
|
|
727
|
+
/* @__PURE__ */ jsx17(FormGroup, { id, row: !!inline, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
|
|
759
728
|
const checked = enumOptionsIsSelected(option.value, checkboxesValues);
|
|
760
729
|
const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
|
|
761
|
-
const checkbox = /* @__PURE__ */
|
|
730
|
+
const checkbox = /* @__PURE__ */ jsx17(
|
|
762
731
|
Checkbox2,
|
|
763
732
|
{
|
|
764
733
|
id: optionId(id, index),
|
|
@@ -772,7 +741,7 @@ function CheckboxesWidget({
|
|
|
772
741
|
"aria-describedby": ariaDescribedByIds3(id)
|
|
773
742
|
}
|
|
774
743
|
);
|
|
775
|
-
return /* @__PURE__ */
|
|
744
|
+
return /* @__PURE__ */ jsx17(FormControlLabel2, { control: checkbox, label: option.label }, index);
|
|
776
745
|
}) })
|
|
777
746
|
] });
|
|
778
747
|
}
|
|
@@ -789,7 +758,7 @@ import {
|
|
|
789
758
|
labelValue as labelValue4,
|
|
790
759
|
optionId as optionId2
|
|
791
760
|
} from "@rjsf/utils";
|
|
792
|
-
import { Fragment as Fragment5, jsx as
|
|
761
|
+
import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
793
762
|
function RadioWidget({
|
|
794
763
|
id,
|
|
795
764
|
options,
|
|
@@ -811,10 +780,10 @@ function RadioWidget({
|
|
|
811
780
|
const selectedIndex = enumOptionsIndexForValue(value, enumOptions) ?? null;
|
|
812
781
|
return /* @__PURE__ */ jsxs11(Fragment5, { children: [
|
|
813
782
|
labelValue4(
|
|
814
|
-
/* @__PURE__ */
|
|
783
|
+
/* @__PURE__ */ jsx18(FormLabel2, { required, htmlFor: id, children: label || void 0 }),
|
|
815
784
|
hideLabel
|
|
816
785
|
),
|
|
817
|
-
/* @__PURE__ */
|
|
786
|
+
/* @__PURE__ */ jsx18(
|
|
818
787
|
RadioGroup,
|
|
819
788
|
{
|
|
820
789
|
id,
|
|
@@ -827,10 +796,10 @@ function RadioWidget({
|
|
|
827
796
|
"aria-describedby": ariaDescribedByIds4(id),
|
|
828
797
|
children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
|
|
829
798
|
const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
|
|
830
|
-
const radio = /* @__PURE__ */
|
|
799
|
+
const radio = /* @__PURE__ */ jsx18(
|
|
831
800
|
FormControlLabel3,
|
|
832
801
|
{
|
|
833
|
-
control: /* @__PURE__ */
|
|
802
|
+
control: /* @__PURE__ */ jsx18(Radio, { name: id, id: optionId2(id, index), color: "primary" }),
|
|
834
803
|
label: option.label,
|
|
835
804
|
value: String(index),
|
|
836
805
|
disabled: disabled || itemDisabled || readonly
|
|
@@ -852,7 +821,7 @@ import {
|
|
|
852
821
|
labelValue as labelValue5,
|
|
853
822
|
rangeSpec
|
|
854
823
|
} from "@rjsf/utils";
|
|
855
|
-
import { Fragment as Fragment6, jsx as
|
|
824
|
+
import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
856
825
|
function RangeWidget(props) {
|
|
857
826
|
const { value, readonly, disabled, onBlur, onFocus, options, schema, onChange, required, label, hideLabel, id } = props;
|
|
858
827
|
const sliderProps = { value, label, id, name: id, ...rangeSpec(schema) };
|
|
@@ -863,10 +832,10 @@ function RangeWidget(props) {
|
|
|
863
832
|
const _onFocus = ({ target }) => onFocus(id, target && target.value);
|
|
864
833
|
return /* @__PURE__ */ jsxs12(Fragment6, { children: [
|
|
865
834
|
labelValue5(
|
|
866
|
-
/* @__PURE__ */
|
|
835
|
+
/* @__PURE__ */ jsx19(FormLabel3, { required, htmlFor: id, children: label || void 0 }),
|
|
867
836
|
hideLabel
|
|
868
837
|
),
|
|
869
|
-
/* @__PURE__ */
|
|
838
|
+
/* @__PURE__ */ jsx19(
|
|
870
839
|
Slider,
|
|
871
840
|
{
|
|
872
841
|
disabled: disabled || readonly,
|
|
@@ -890,7 +859,7 @@ import {
|
|
|
890
859
|
enumOptionsValueForIndex as enumOptionsValueForIndex3,
|
|
891
860
|
labelValue as labelValue6
|
|
892
861
|
} from "@rjsf/utils";
|
|
893
|
-
import { jsx as
|
|
862
|
+
import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
894
863
|
function SelectWidget({
|
|
895
864
|
schema,
|
|
896
865
|
id,
|
|
@@ -955,10 +924,10 @@ function SelectWidget({
|
|
|
955
924
|
},
|
|
956
925
|
"aria-describedby": ariaDescribedByIds6(id),
|
|
957
926
|
children: [
|
|
958
|
-
showPlaceholderOption && /* @__PURE__ */
|
|
927
|
+
showPlaceholderOption && /* @__PURE__ */ jsx20(MenuItem, { value: "", children: placeholder }),
|
|
959
928
|
Array.isArray(enumOptions) && enumOptions.map(({ value: value2, label: label2 }, i) => {
|
|
960
929
|
const disabled2 = Array.isArray(enumDisabled) && enumDisabled.indexOf(value2) !== -1;
|
|
961
|
-
return /* @__PURE__ */
|
|
930
|
+
return /* @__PURE__ */ jsx20(MenuItem, { value: String(i), disabled: disabled2, children: label2 }, i);
|
|
962
931
|
})
|
|
963
932
|
]
|
|
964
933
|
}
|
|
@@ -966,16 +935,16 @@ function SelectWidget({
|
|
|
966
935
|
}
|
|
967
936
|
|
|
968
937
|
// src/TextareaWidget/TextareaWidget.tsx
|
|
969
|
-
import { getTemplate as
|
|
970
|
-
import { jsx as
|
|
938
|
+
import { getTemplate as getTemplate6 } from "@rjsf/utils";
|
|
939
|
+
import { jsx as jsx21 } from "react/jsx-runtime";
|
|
971
940
|
function TextareaWidget(props) {
|
|
972
941
|
const { options, registry } = props;
|
|
973
|
-
const BaseInputTemplate2 =
|
|
942
|
+
const BaseInputTemplate2 = getTemplate6("BaseInputTemplate", registry, options);
|
|
974
943
|
let rows = 5;
|
|
975
944
|
if (typeof options.rows === "string" || typeof options.rows === "number") {
|
|
976
945
|
rows = options.rows;
|
|
977
946
|
}
|
|
978
|
-
return /* @__PURE__ */
|
|
947
|
+
return /* @__PURE__ */ jsx21(BaseInputTemplate2, { ...props, multiline: true, rows });
|
|
979
948
|
}
|
|
980
949
|
|
|
981
950
|
// src/Widgets/Widgets.ts
|
|
@@ -1007,13 +976,13 @@ function generateForm() {
|
|
|
1007
976
|
var MuiForm_default = generateForm();
|
|
1008
977
|
|
|
1009
978
|
// src/index.ts
|
|
1010
|
-
var
|
|
979
|
+
var index_default = MuiForm_default;
|
|
1011
980
|
export {
|
|
1012
981
|
MuiForm_default as Form,
|
|
1013
982
|
Templates_default as Templates,
|
|
1014
983
|
Theme_default as Theme,
|
|
1015
984
|
Widgets_default as Widgets,
|
|
1016
|
-
|
|
985
|
+
index_default as default,
|
|
1017
986
|
generateForm,
|
|
1018
987
|
generateTemplates,
|
|
1019
988
|
generateTheme,
|