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

package/dist/core.umd.js

@@ -1660,6 +1660,11 @@
       } = this.props;
       const { widgets: widgets2, fields: fields2, translateString, globalUiOptions, schemaUtils } = registry;
       const { SchemaField: _SchemaField } = fields2;
+      const MultiSchemaFieldTemplate2 = utils.getTemplate(
+        "MultiSchemaFieldTemplate",
+        registry,
+        globalUiOptions
+      );
       const { selectedOption, retrievedOptions } = this.state;
       const {
         widget = "select",
@@ -1706,34 +1711,42 @@
           value: index
         };
       });
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "panel panel-default panel-body", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "form-group", children: /* @__PURE__ */ jsxRuntime.jsx(
-          Widget,
-          {
-            id: this.getFieldId(),
-            name: `${name}${schema.oneOf ? "__oneof_select" : "__anyof_select"}`,
-            schema: { type: "number", default: 0 },
-            onChange: this.onOptionChange,
-            onBlur,
-            onFocus,
-            disabled: disabled || isEmpty(enumOptions),
-            multiple: false,
-            rawErrors,
-            errorSchema: fieldErrorSchema,
-            value: selectedOption >= 0 ? selectedOption : void 0,
-            options: { enumOptions, ...uiOptions },
-            registry,
-            formContext,
-            placeholder,
-            autocomplete,
-            autofocus,
-            label: title ?? name,
-            hideLabel: !displayLabel,
-            readonly
-          }
-        ) }),
-        optionSchema && optionSchema.type !== "null" && /* @__PURE__ */ jsxRuntime.jsx(_SchemaField, { ...this.props, schema: optionSchema, uiSchema: optionUiSchema })
-      ] });
+      const selector = /* @__PURE__ */ jsxRuntime.jsx(
+        Widget,
+        {
+          id: this.getFieldId(),
+          name: `${name}${schema.oneOf ? "__oneof_select" : "__anyof_select"}`,
+          schema: { type: "number", default: 0 },
+          onChange: this.onOptionChange,
+          onBlur,
+          onFocus,
+          disabled: disabled || isEmpty(enumOptions),
+          multiple: false,
+          rawErrors,
+          errorSchema: fieldErrorSchema,
+          value: selectedOption >= 0 ? selectedOption : void 0,
+          options: { enumOptions, ...uiOptions },
+          registry,
+          formContext,
+          placeholder,
+          autocomplete,
+          autofocus,
+          label: title ?? name,
+          hideLabel: !displayLabel,
+          readonly
+        }
+      );
+      const optionsSchemaField = optionSchema && optionSchema.type !== "null" && /* @__PURE__ */ jsxRuntime.jsx(_SchemaField, { ...this.props, schema: optionSchema, uiSchema: optionUiSchema }) || null;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        MultiSchemaFieldTemplate2,
+        {
+          schema,
+          registry,
+          uiSchema,
+          selector,
+          optionSchemaField: optionsSchemaField
+        }
+      );
     }
   };
   var MultiSchemaField_default = AnyOfField;
@@ -2816,6 +2829,13 @@
     const { children, column, className, ...rest } = props;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className, ...rest, children });
   }
+  function MultiSchemaFieldTemplate(props) {
+    const { selector, optionSchemaField } = props;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "panel panel-default panel-body", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "form-group", children: selector }),
+      optionSchemaField
+    ] });
+  }
   function ObjectFieldTemplate(props) {
     const {
       description,
@@ -2980,6 +3000,7 @@
       FieldErrorTemplate,
       FieldHelpTemplate,
       GridTemplate,
+      MultiSchemaFieldTemplate,
       ObjectFieldTemplate,
       TitleFieldTemplate: TitleField,
       UnsupportedFieldTemplate: UnsupportedField_default,