@rjsf/mui 6.0.0-beta.10 → 6.0.0-beta.11

package/dist/index.js

@@ -428,10 +428,22 @@ function GridTemplate(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_Grid3.default, { container: !column, ...rest, children });
 }
 
+// src/MultiSchemaFieldTemplate/MultiSchemaFieldTemplate.tsx
+var import_Box4 = __toESM(require("@mui/material/Box"), 1);
+var import_FormControl2 = __toESM(require("@mui/material/FormControl"), 1);
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function MultiSchemaFieldTemplate(props) {
+  const { optionSchemaField, selector } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_Box4.default, { sx: { mb: 2 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_FormControl2.default, { fullWidth: true, sx: { mb: 2 }, children: selector }),
+    optionSchemaField
+  ] });
+}
+
 // src/ObjectFieldTemplate/ObjectFieldTemplate.tsx
 var import_Grid4 = __toESM(require("@mui/material/Grid"), 1);
 var import_utils10 = require("@rjsf/utils");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function ObjectFieldTemplate(props) {
   const {
     description,
@@ -457,8 +469,8 @@ function ObjectFieldTemplate(props) {
   const {
     ButtonTemplates: { AddButton: AddButton2 }
   } = registry.templates;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       TitleFieldTemplate,
       {
         id: (0, import_utils10.titleId)(idSchema),
@@ -469,7 +481,7 @@ function ObjectFieldTemplate(props) {
         registry
       }
     ),
-    description && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    description && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       DescriptionFieldTemplate,
       {
         id: (0, import_utils10.descriptionId)(idSchema),
@@ -479,15 +491,15 @@ function ObjectFieldTemplate(props) {
         registry
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_Grid4.default, { container: true, spacing: 2, style: { marginTop: "10px" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_Grid4.default, { container: true, spacing: 2, style: { marginTop: "10px" }, children: [
       properties.map(
         (element, index) => (
           // Remove the <Grid> if the inner element is hidden as the <Grid>
           // itself would otherwise still take up space.
-          element.hidden ? element.content : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_Grid4.default, { size: { xs: 12 }, style: { marginBottom: "10px" }, children: element.content }, index)
+          element.hidden ? element.content : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_Grid4.default, { size: { xs: 12 }, style: { marginBottom: "10px" }, children: element.content }, index)
         )
       ),
-      (0, import_utils10.canExpand)(schema, uiSchema, formData) && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_Grid4.default, { container: true, justifyContent: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_Grid4.default, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      (0, import_utils10.canExpand)(schema, uiSchema, formData) && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_Grid4.default, { container: true, justifyContent: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_Grid4.default, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         AddButton2,
         {
           id: (0, import_utils10.buttonId)(idSchema, "add"),
@@ -503,30 +515,30 @@ function ObjectFieldTemplate(props) {
 }
 
 // src/SubmitButton/SubmitButton.tsx
-var import_Box4 = __toESM(require("@mui/material/Box"), 1);
+var import_Box5 = __toESM(require("@mui/material/Box"), 1);
 var import_Button = __toESM(require("@mui/material/Button"), 1);
 var import_utils11 = require("@rjsf/utils");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function SubmitButton({ uiSchema }) {
   const { submitText, norender, props: submitButtonProps = {} } = (0, import_utils11.getSubmitButtonOptions)(uiSchema);
   if (norender) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_Box4.default, { marginTop: 3, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_Button.default, { type: "submit", variant: "contained", color: "primary", ...submitButtonProps, children: submitText }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_Box5.default, { marginTop: 3, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_Button.default, { type: "submit", variant: "contained", color: "primary", ...submitButtonProps, children: submitText }) });
 }
 
 // src/TitleField/TitleField.tsx
-var import_Box5 = __toESM(require("@mui/material/Box"), 1);
+var import_Box6 = __toESM(require("@mui/material/Box"), 1);
 var import_Divider = __toESM(require("@mui/material/Divider"), 1);
 var import_Typography4 = __toESM(require("@mui/material/Typography"), 1);
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function TitleField({
   id,
   title
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_Box5.default, { id, mb: 1, mt: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_Typography4.default, { variant: "h5", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_Divider.default, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_Box6.default, { id, mb: 1, mt: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Typography4.default, { variant: "h5", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Divider.default, {})
   ] });
 }
 
@@ -534,7 +546,7 @@ function TitleField({
 var import_Grid5 = __toESM(require("@mui/material/Grid"), 1);
 var import_TextField2 = __toESM(require("@mui/material/TextField"), 1);
 var import_utils12 = require("@rjsf/utils");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function WrapIfAdditionalTemplate(props) {
   const {
     children,
@@ -562,11 +574,11 @@ function WrapIfAdditionalTemplate(props) {
     fontWeight: "bold"
   };
   if (!additional) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: classNames, style, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: classNames, style, children });
   }
   const handleBlur = ({ target }) => onKeyChange(target && target.value);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_Grid5.default, { container: true, alignItems: "center", spacing: 2, className: classNames, style, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Grid5.default, { size: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_Grid5.default, { container: true, alignItems: "center", spacing: 2, className: classNames, style, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_Grid5.default, { size: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       import_TextField2.default,
       {
         fullWidth: true,
@@ -580,8 +592,8 @@ function WrapIfAdditionalTemplate(props) {
         type: "text"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Grid5.default, { size: "auto", children }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Grid5.default, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_Grid5.default, { size: "auto", children }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_Grid5.default, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       RemoveButton2,
       {
         id: (0, import_utils12.buttonId)(id, "remove"),
@@ -617,6 +629,7 @@ function generateTemplates() {
     FieldHelpTemplate,
     FieldTemplate,
     GridTemplate,
+    MultiSchemaFieldTemplate,
     ObjectFieldTemplate,
     TitleFieldTemplate: TitleField,
     WrapIfAdditionalTemplate
@@ -628,7 +641,7 @@ var Templates_default = generateTemplates();
 var import_Checkbox = __toESM(require("@mui/material/Checkbox"), 1);
 var import_FormControlLabel = __toESM(require("@mui/material/FormControlLabel"), 1);
 var import_utils13 = require("@rjsf/utils");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function CheckboxWidget(props) {
   const {
     schema,
@@ -656,8 +669,8 @@ function CheckboxWidget(props) {
   const _onBlur = ({ target }) => onBlur(id, target && target.value);
   const _onFocus = ({ target }) => onFocus(id, target && target.value);
   const description = options.description ?? schema.description;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-    !hideLabel && description && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    !hideLabel && description && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       DescriptionFieldTemplate,
       {
         id: (0, import_utils13.descriptionId)(id),
@@ -667,10 +680,10 @@ function CheckboxWidget(props) {
         registry
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       import_FormControlLabel.default,
       {
-        control: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        control: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           import_Checkbox.default,
           {
             id,
@@ -697,7 +710,7 @@ var import_FormControlLabel2 = __toESM(require("@mui/material/FormControlLabel")
 var import_FormGroup = __toESM(require("@mui/material/FormGroup"), 1);
 var import_FormLabel = __toESM(require("@mui/material/FormLabel"), 1);
 var import_utils14 = require("@rjsf/utils");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function CheckboxesWidget({
   label,
   hideLabel,
@@ -723,15 +736,15 @@ function CheckboxesWidget({
   };
   const _onBlur = ({ target }) => onBlur(id, (0, import_utils14.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
   const _onFocus = ({ target }) => onFocus(id, (0, import_utils14.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
     (0, import_utils14.labelValue)(
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_FormLabel.default, { required, htmlFor: id, children: label || void 0 }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_FormLabel.default, { required, htmlFor: id, children: label || void 0 }),
       hideLabel
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_FormGroup.default, { id, row: !!inline, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_FormGroup.default, { id, row: !!inline, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
       const checked = (0, import_utils14.enumOptionsIsSelected)(option.value, checkboxesValues);
       const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
-      const checkbox = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      const checkbox = /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         import_Checkbox2.default,
         {
           id: (0, import_utils14.optionId)(id, index),
@@ -745,7 +758,7 @@ function CheckboxesWidget({
           "aria-describedby": (0, import_utils14.ariaDescribedByIds)(id)
         }
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_FormControlLabel2.default, { control: checkbox, label: option.label }, index);
+      return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_FormControlLabel2.default, { control: checkbox, label: option.label }, index);
     }) })
   ] });
 }
@@ -756,7 +769,7 @@ var import_FormLabel2 = __toESM(require("@mui/material/FormLabel"), 1);
 var import_Radio = __toESM(require("@mui/material/Radio"), 1);
 var import_RadioGroup = __toESM(require("@mui/material/RadioGroup"), 1);
 var import_utils15 = require("@rjsf/utils");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function RadioWidget({
   id,
   options,
@@ -776,12 +789,12 @@ function RadioWidget({
   const _onFocus = ({ target }) => onFocus(id, (0, import_utils15.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
   const row = options ? options.inline : false;
   const selectedIndex = (0, import_utils15.enumOptionsIndexForValue)(value, enumOptions) ?? null;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
     (0, import_utils15.labelValue)(
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_FormLabel2.default, { required, htmlFor: id, children: label || void 0 }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_FormLabel2.default, { required, htmlFor: id, children: label || void 0 }),
       hideLabel
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       import_RadioGroup.default,
       {
         id,
@@ -794,10 +807,10 @@ function RadioWidget({
         "aria-describedby": (0, import_utils15.ariaDescribedByIds)(id),
         children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
           const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
-          const radio = /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          const radio = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             import_FormControlLabel3.default,
             {
-              control: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_Radio.default, { name: id, id: (0, import_utils15.optionId)(id, index), color: "primary" }),
+              control: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_Radio.default, { name: id, id: (0, import_utils15.optionId)(id, index), color: "primary" }),
               label: option.label,
               value: String(index),
               disabled: disabled || itemDisabled || readonly
@@ -815,7 +828,7 @@ function RadioWidget({
 var import_FormLabel3 = __toESM(require("@mui/material/FormLabel"), 1);
 var import_Slider = __toESM(require("@mui/material/Slider"), 1);
 var import_utils16 = require("@rjsf/utils");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function RangeWidget(props) {
   const { value, readonly, disabled, onBlur, onFocus, options, schema, onChange, required, label, hideLabel, id } = props;
   const sliderProps = { value, label, id, name: id, ...(0, import_utils16.rangeSpec)(schema) };
@@ -824,12 +837,12 @@ function RangeWidget(props) {
   };
   const _onBlur = ({ target }) => onBlur(id, target && target.value);
   const _onFocus = ({ target }) => onFocus(id, target && target.value);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
     (0, import_utils16.labelValue)(
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_FormLabel3.default, { required, htmlFor: id, children: label || void 0 }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_FormLabel3.default, { required, htmlFor: id, children: label || void 0 }),
       hideLabel
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       import_Slider.default,
       {
         disabled: disabled || readonly,
@@ -848,7 +861,7 @@ function RangeWidget(props) {
 var import_MenuItem = __toESM(require("@mui/material/MenuItem"), 1);
 var import_TextField3 = __toESM(require("@mui/material/TextField"), 1);
 var import_utils17 = require("@rjsf/utils");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function SelectWidget({
   schema,
   id,
@@ -885,7 +898,7 @@ function SelectWidget({
   const selectedIndexes = (0, import_utils17.enumOptionsIndexForValue)(value, enumOptions, multiple);
   const { InputLabelProps, SelectProps, autocomplete, ...textFieldRemainingProps } = textFieldProps;
   const showPlaceholderOption = !multiple && schema.default === void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     import_TextField3.default,
     {
       id,
@@ -913,10 +926,10 @@ function SelectWidget({
       },
       "aria-describedby": (0, import_utils17.ariaDescribedByIds)(id),
       children: [
-        showPlaceholderOption && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_MenuItem.default, { value: "", children: placeholder }),
+        showPlaceholderOption && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_MenuItem.default, { value: "", children: placeholder }),
         Array.isArray(enumOptions) && enumOptions.map(({ value: value2, label: label2 }, i) => {
           const disabled2 = Array.isArray(enumDisabled) && enumDisabled.indexOf(value2) !== -1;
-          return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_MenuItem.default, { value: String(i), disabled: disabled2, children: label2 }, i);
+          return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_MenuItem.default, { value: String(i), disabled: disabled2, children: label2 }, i);
         })
       ]
     }
@@ -925,7 +938,7 @@ function SelectWidget({
 
 // src/TextareaWidget/TextareaWidget.tsx
 var import_utils18 = require("@rjsf/utils");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function TextareaWidget(props) {
   const { options, registry } = props;
   const BaseInputTemplate2 = (0, import_utils18.getTemplate)("BaseInputTemplate", registry, options);
@@ -933,7 +946,7 @@ function TextareaWidget(props) {
   if (typeof options.rows === "string" || typeof options.rows === "number") {
     rows = options.rows;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(BaseInputTemplate2, { ...props, multiline: true, rows });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BaseInputTemplate2, { ...props, multiline: true, rows });
 }
 
 // src/Widgets/Widgets.ts