@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.
Files changed (57) hide show
  1. package/README.md +4 -4
  2. package/dist/index.js +201 -238
  3. package/dist/index.js.map +4 -4
  4. package/dist/mui.esm.js +99 -130
  5. package/dist/mui.esm.js.map +4 -4
  6. package/dist/mui.umd.js +36 -78
  7. package/lib/ArrayFieldItemTemplate/ArrayFieldItemTemplate.d.ts +3 -3
  8. package/lib/ArrayFieldItemTemplate/ArrayFieldItemTemplate.js +7 -5
  9. package/lib/ArrayFieldItemTemplate/ArrayFieldItemTemplate.js.map +1 -1
  10. package/lib/ArrayFieldTemplate/ArrayFieldTemplate.d.ts +1 -1
  11. package/lib/ArrayFieldTemplate/ArrayFieldTemplate.js +4 -4
  12. package/lib/ArrayFieldTemplate/ArrayFieldTemplate.js.map +1 -1
  13. package/lib/CheckboxesWidget/CheckboxesWidget.js.map +1 -1
  14. package/lib/DescriptionField/DescriptionField.js.map +1 -1
  15. package/lib/FieldErrorTemplate/FieldErrorTemplate.js.map +1 -1
  16. package/lib/FieldHelpTemplate/FieldHelpTemplate.js.map +1 -1
  17. package/lib/FieldTemplate/FieldTemplate.js.map +1 -1
  18. package/lib/GridTemplate/GridTemplate.d.ts +7 -0
  19. package/lib/GridTemplate/GridTemplate.js +12 -0
  20. package/lib/GridTemplate/GridTemplate.js.map +1 -0
  21. package/lib/GridTemplate/index.d.ts +2 -0
  22. package/lib/GridTemplate/index.js +3 -0
  23. package/lib/GridTemplate/index.js.map +1 -0
  24. package/lib/ObjectFieldTemplate/ObjectFieldTemplate.js +5 -5
  25. package/lib/ObjectFieldTemplate/ObjectFieldTemplate.js.map +1 -1
  26. package/lib/SubmitButton/SubmitButton.js.map +1 -1
  27. package/lib/Templates/Templates.js +2 -0
  28. package/lib/Templates/Templates.js.map +1 -1
  29. package/lib/TextareaWidget/TextareaWidget.js.map +1 -1
  30. package/lib/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.js +3 -3
  31. package/lib/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.js.map +1 -1
  32. package/lib/tsconfig.tsbuildinfo +1 -1
  33. package/package.json +44 -38
  34. package/src/ArrayFieldItemTemplate/ArrayFieldItemTemplate.tsx +25 -63
  35. package/src/ArrayFieldTemplate/ArrayFieldTemplate.tsx +15 -13
  36. package/src/BaseInputTemplate/BaseInputTemplate.tsx +1 -1
  37. package/src/CheckboxWidget/CheckboxWidget.tsx +2 -2
  38. package/src/CheckboxesWidget/CheckboxesWidget.tsx +2 -2
  39. package/src/DescriptionField/DescriptionField.tsx +1 -1
  40. package/src/FieldErrorTemplate/FieldErrorTemplate.tsx +1 -1
  41. package/src/FieldHelpTemplate/FieldHelpTemplate.tsx +1 -1
  42. package/src/FieldTemplate/FieldTemplate.tsx +2 -2
  43. package/src/GridTemplate/GridTemplate.tsx +16 -0
  44. package/src/GridTemplate/index.ts +2 -0
  45. package/src/IconButton/IconButton.tsx +5 -5
  46. package/src/MuiForm/MuiForm.tsx +1 -1
  47. package/src/ObjectFieldTemplate/ObjectFieldTemplate.tsx +16 -14
  48. package/src/RadioWidget/RadioWidget.tsx +1 -1
  49. package/src/RangeWidget/RangeWidget.tsx +2 -2
  50. package/src/SelectWidget/SelectWidget.tsx +1 -1
  51. package/src/SubmitButton/SubmitButton.tsx +1 -1
  52. package/src/Templates/Templates.ts +3 -1
  53. package/src/TextareaWidget/TextareaWidget.tsx +1 -1
  54. package/src/Theme/Theme.tsx +1 -1
  55. package/src/Widgets/Widgets.ts +1 -1
  56. package/src/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx +12 -11
  57. 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 Grid from "@mui/material/Grid";
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
- children,
26
- disabled,
27
- hasToolbar,
28
- hasCopy,
29
- hasMoveDown,
30
- hasMoveUp,
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(Grid, { container: true, alignItems: "center", children: [
49
- /* @__PURE__ */ jsx2(Grid, { item: true, xs: true, style: { overflow: "auto" }, children: /* @__PURE__ */ jsx2(Box, { mb: 2, children: /* @__PURE__ */ jsx2(Paper, { elevation: 2, children: /* @__PURE__ */ jsx2(Box, { p: 2, children }) }) }) }),
50
- hasToolbar && /* @__PURE__ */ jsxs(Grid, { item: true, children: [
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 Grid2 from "@mui/material/Grid";
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 = getUiOptions(uiSchema);
107
- const ArrayFieldDescriptionTemplate = getTemplate(
60
+ const uiOptions = getUiOptions2(uiSchema);
61
+ const ArrayFieldDescriptionTemplate = getTemplate2(
108
62
  "ArrayFieldDescriptionTemplate",
109
63
  registry,
110
64
  uiOptions
111
65
  );
112
- const ArrayFieldItemTemplate2 = getTemplate(
66
+ const ArrayFieldItemTemplate2 = getTemplate2(
113
67
  "ArrayFieldItemTemplate",
114
68
  registry,
115
69
  uiOptions
116
70
  );
117
- const ArrayFieldTitleTemplate = getTemplate(
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(Grid2, { container: true, justifyContent: "flex-end", children: /* @__PURE__ */ jsx3(Grid2, { item: true, children: /* @__PURE__ */ jsx3(Box2, { mt: 2, children: /* @__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
- className: "array-item-add",
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 getTemplate2,
379
- getUiOptions as getUiOptions2
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 = getUiOptions2(uiSchema);
406
- const WrapIfAdditionalTemplate2 = getTemplate2(
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 Grid3 from "@mui/material/Grid";
403
+ import Grid24 from "@mui/material/Grid2";
441
404
  import {
442
405
  canExpand,
443
406
  descriptionId,
444
- getTemplate as getTemplate3,
445
- getUiOptions as getUiOptions3,
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 jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
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 = getUiOptions3(uiSchema);
465
- const TitleFieldTemplate = getTemplate3("TitleFieldTemplate", registry, uiOptions);
466
- const DescriptionFieldTemplate = getTemplate3(
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__ */ jsx11(
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__ */ jsx11(
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(Grid3, { container: true, spacing: 2, style: { marginTop: "10px" }, children: [
460
+ /* @__PURE__ */ jsxs6(Grid24, { container: true, spacing: 2, style: { marginTop: "10px" }, children: [
497
461
  properties.map(
498
462
  (element, index) => (
499
- // Remove the <Grid> if the inner element is hidden as the <Grid>
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__ */ jsx11(Grid3, { item: true, xs: 12, style: { marginBottom: "10px" }, children: element.content }, index)
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__ */ jsx11(Grid3, { container: true, justifyContent: "flex-end", children: /* @__PURE__ */ jsx11(Grid3, { item: true, children: /* @__PURE__ */ jsx11(
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
- className: "object-property-expand",
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 jsx12 } from "react/jsx-runtime";
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__ */ jsx12(Box4, { marginTop: 3, children: /* @__PURE__ */ jsx12(Button, { type: "submit", variant: "contained", color: "primary", ...submitButtonProps, children: submitText }) });
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 jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
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__ */ jsx13(Typography4, { variant: "h5", children: title }),
542
- /* @__PURE__ */ jsx13(Divider, {})
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 Grid4 from "@mui/material/Grid";
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 jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
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__ */ jsx14("div", { className: classNames, style, children });
547
+ return /* @__PURE__ */ jsx15("div", { className: classNames, style, children });
582
548
  }
583
549
  const handleBlur = ({ target }) => onKeyChange(target && target.value);
584
- return /* @__PURE__ */ jsxs8(Grid4, { container: true, alignItems: "center", spacing: 2, className: classNames, style, children: [
585
- /* @__PURE__ */ jsx14(Grid4, { item: true, xs: true, children: /* @__PURE__ */ jsx14(
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__ */ jsx14(Grid4, { item: true, xs: true, children }),
600
- /* @__PURE__ */ jsx14(Grid4, { item: true, children: /* @__PURE__ */ jsx14(
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 getTemplate4,
615
+ getTemplate as getTemplate5,
647
616
  labelValue as labelValue2,
648
617
  schemaRequiresTrueValue
649
618
  } from "@rjsf/utils";
650
- import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
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 = getTemplate4(
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__ */ jsx15(
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__ */ jsx15(
658
+ /* @__PURE__ */ jsx16(
690
659
  FormControlLabel,
691
660
  {
692
- control: /* @__PURE__ */ jsx15(
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 jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
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__ */ jsx16(FormLabel, { required, htmlFor: id, children: label || void 0 }),
724
+ /* @__PURE__ */ jsx17(FormLabel, { required, htmlFor: id, children: label || void 0 }),
756
725
  hideLabel
757
726
  ),
758
- /* @__PURE__ */ jsx16(FormGroup, { id, row: !!inline, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
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__ */ jsx16(
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__ */ jsx16(FormControlLabel2, { control: checkbox, label: option.label }, index);
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 jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
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__ */ jsx17(FormLabel2, { required, htmlFor: id, children: label || void 0 }),
783
+ /* @__PURE__ */ jsx18(FormLabel2, { required, htmlFor: id, children: label || void 0 }),
815
784
  hideLabel
816
785
  ),
817
- /* @__PURE__ */ jsx17(
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__ */ jsx17(
799
+ const radio = /* @__PURE__ */ jsx18(
831
800
  FormControlLabel3,
832
801
  {
833
- control: /* @__PURE__ */ jsx17(Radio, { name: id, id: optionId2(id, index), color: "primary" }),
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 jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
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__ */ jsx18(FormLabel3, { required, htmlFor: id, children: label || void 0 }),
835
+ /* @__PURE__ */ jsx19(FormLabel3, { required, htmlFor: id, children: label || void 0 }),
867
836
  hideLabel
868
837
  ),
869
- /* @__PURE__ */ jsx18(
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 jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
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__ */ jsx19(MenuItem, { value: "", children: placeholder }),
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__ */ jsx19(MenuItem, { value: String(i), disabled: disabled2, children: label2 }, i);
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 getTemplate5 } from "@rjsf/utils";
970
- import { jsx as jsx20 } from "react/jsx-runtime";
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 = getTemplate5("BaseInputTemplate", registry, options);
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__ */ jsx20(BaseInputTemplate2, { ...props, multiline: true, rows });
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 src_default = MuiForm_default;
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
- src_default as default,
985
+ index_default as default,
1017
986
  generateForm,
1018
987
  generateTemplates,
1019
988
  generateTheme,