@rjsf/react-bootstrap 6.0.0-beta.1 → 6.0.0-beta.11

package/dist/react-bootstrap.esm.js

@@ -188,12 +188,13 @@ function BaseInputTemplate({
 }
 
 // src/DescriptionField/DescriptionField.tsx
+import { RichDescription } from "@rjsf/core";
 import { jsx as jsx5 } from "react/jsx-runtime";
-function DescriptionField({ id, description }) {
-  if (description) {
-    return /* @__PURE__ */ jsx5("div", { children: /* @__PURE__ */ jsx5("div", { id, className: "mb-3", children: description }) });
+function DescriptionField({ id, description, registry, uiSchema }) {
+  if (!description) {
+    return null;
   }
-  return null;
+  return /* @__PURE__ */ jsx5("div", { children: /* @__PURE__ */ jsx5("div", { id, className: "mb-3", children: /* @__PURE__ */ jsx5(RichDescription, { description, registry, uiSchema }) }) });
 }
 
 // src/ErrorList/ErrorList.tsx
@@ -366,6 +367,16 @@ function GridTemplate(props) {
   return /* @__PURE__ */ jsx11(Row3, { ...rest, children });
 }
 
+// src/MultiSchemaFieldTemplate/MultiSchemaFieldTemplate.tsx
+import Card2 from "react-bootstrap/Card";
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+function MultiSchemaFieldTemplate({ selector, optionSchemaField }) {
+  return /* @__PURE__ */ jsxs6(Card2, { style: { marginBottom: "1rem" }, children: [
+    /* @__PURE__ */ jsx12(Card2.Body, { children: selector }),
+    /* @__PURE__ */ jsx12(Card2.Body, { children: optionSchemaField })
+  ] });
+}
+
 // src/ObjectFieldTemplate/ObjectFieldTemplate.tsx
 import Row4 from "react-bootstrap/Row";
 import Col4 from "react-bootstrap/Col";
@@ -378,7 +389,7 @@ import {
   getUiOptions as getUiOptions4,
   titleId
 } from "@rjsf/utils";
-import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
 function ObjectFieldTemplate({
   description,
   title,
@@ -403,8 +414,8 @@ function ObjectFieldTemplate({
   const {
     ButtonTemplates: { AddButton: AddButton2 }
   } = registry.templates;
-  return /* @__PURE__ */ jsxs6(Fragment2, { children: [
-    title && /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs7(Fragment2, { children: [
+    title && /* @__PURE__ */ jsx13(
       TitleFieldTemplate,
       {
         id: titleId(idSchema),
@@ -415,7 +426,7 @@ function ObjectFieldTemplate({
         registry
       }
     ),
-    description && /* @__PURE__ */ jsx12(
+    description && /* @__PURE__ */ jsx13(
       DescriptionFieldTemplate,
       {
         id: descriptionId(idSchema),
@@ -425,12 +436,12 @@ function ObjectFieldTemplate({
         registry
       }
     ),
-    /* @__PURE__ */ jsxs6(Container2, { fluid: true, className: "p-0", children: [
-      properties.map((element, index) => /* @__PURE__ */ jsx12(Row4, { style: { marginBottom: "10px" }, className: element.hidden ? "d-none" : void 0, children: /* @__PURE__ */ jsxs6(Col4, { xs: 12, children: [
+    /* @__PURE__ */ jsxs7(Container2, { fluid: true, className: "p-0", children: [
+      properties.map((element, index) => /* @__PURE__ */ jsx13(Row4, { style: { marginBottom: "10px" }, className: element.hidden ? "d-none" : void 0, children: /* @__PURE__ */ jsxs7(Col4, { xs: 12, children: [
         " ",
         element.content
       ] }) }, index)),
-      canExpand(schema, uiSchema, formData) ? /* @__PURE__ */ jsx12(Row4, { children: /* @__PURE__ */ jsx12(Col4, { xs: { offset: 9, span: 3 }, className: "py-4", children: /* @__PURE__ */ jsx12(
+      canExpand(schema, uiSchema, formData) ? /* @__PURE__ */ jsx13(Row4, { children: /* @__PURE__ */ jsx13(Col4, { xs: { offset: 9, span: 3 }, className: "py-4", children: /* @__PURE__ */ jsx13(
         AddButton2,
         {
           id: buttonId2(idSchema, "add"),
@@ -448,27 +459,27 @@ function ObjectFieldTemplate({
 // src/SubmitButton/SubmitButton.tsx
 import Button3 from "react-bootstrap/Button";
 import { getSubmitButtonOptions } from "@rjsf/utils";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function SubmitButton(props) {
   const { submitText, norender, props: submitButtonProps } = getSubmitButtonOptions(props.uiSchema);
   if (norender) {
     return null;
   }
-  return /* @__PURE__ */ jsx13("div", { children: /* @__PURE__ */ jsx13(Button3, { variant: "primary", type: "submit", ...submitButtonProps, children: submitText }) });
+  return /* @__PURE__ */ jsx14("div", { children: /* @__PURE__ */ jsx14(Button3, { variant: "primary", type: "submit", ...submitButtonProps, children: submitText }) });
 }
 
 // src/TitleField/TitleField.tsx
 import { getUiOptions as getUiOptions5 } from "@rjsf/utils";
-import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 function TitleField({
   id,
   title,
   uiSchema
 }) {
   const uiOptions = getUiOptions5(uiSchema);
-  return /* @__PURE__ */ jsxs7("div", { id, className: "my-1", children: [
-    /* @__PURE__ */ jsx14("h5", { children: uiOptions.title || title }),
-    /* @__PURE__ */ jsx14("hr", { className: "border-0 bg-secondary", style: { height: "1px" } })
+  return /* @__PURE__ */ jsxs8("div", { id, className: "my-1", children: [
+    /* @__PURE__ */ jsx15("h5", { children: uiOptions.title || title }),
+    /* @__PURE__ */ jsx15("hr", { className: "border-0 bg-secondary", style: { height: "1px" } })
   ] });
 }
 
@@ -481,7 +492,7 @@ import {
 import Row5 from "react-bootstrap/Row";
 import Col5 from "react-bootstrap/Col";
 import Form4 from "react-bootstrap/Form";
-import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
 function WrapIfAdditionalTemplate({
   classNames,
   style,
@@ -502,14 +513,14 @@ function WrapIfAdditionalTemplate({
   const keyLabel = translateString(TranslatableString4.KeyLabel, [label]);
   const additional = ADDITIONAL_PROPERTY_FLAG in schema;
   if (!additional) {
-    return /* @__PURE__ */ jsx15("div", { className: classNames, style, children });
+    return /* @__PURE__ */ jsx16("div", { className: classNames, style, children });
   }
   const handleBlur = ({ target }) => onKeyChange(target.value);
   const keyId = `${id}-key`;
-  return /* @__PURE__ */ jsxs8(Row5, { className: classNames, style, children: [
-    /* @__PURE__ */ jsx15(Col5, { xs: 5, children: /* @__PURE__ */ jsxs8(Form4.Group, { children: [
-      /* @__PURE__ */ jsx15(Form4.Label, { htmlFor: keyId, children: keyLabel }),
-      /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs9(Row5, { className: classNames, style, children: [
+    /* @__PURE__ */ jsx16(Col5, { xs: 5, children: /* @__PURE__ */ jsxs9(Form4.Group, { children: [
+      /* @__PURE__ */ jsx16(Form4.Label, { htmlFor: keyId, children: keyLabel }),
+      /* @__PURE__ */ jsx16(
         Form4.Control,
         {
           required,
@@ -522,8 +533,8 @@ function WrapIfAdditionalTemplate({
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx15(Col5, { xs: 5, children }),
-    /* @__PURE__ */ jsx15(Col5, { xs: 2, className: "py-4 d-grid gap-2", children: /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx16(Col5, { xs: 5, children }),
+    /* @__PURE__ */ jsx16(Col5, { xs: 2, className: "py-4 d-grid gap-2", children: /* @__PURE__ */ jsx16(
       RemoveButton2,
       {
         id: buttonId3(id, "remove"),
@@ -557,6 +568,7 @@ function generateTemplates() {
     FieldHelpTemplate,
     FieldTemplate,
     GridTemplate,
+    MultiSchemaFieldTemplate,
     ObjectFieldTemplate,
     TitleFieldTemplate: TitleField,
     WrapIfAdditionalTemplate
@@ -573,7 +585,7 @@ import {
   schemaRequiresTrueValue
 } from "@rjsf/utils";
 import Form5 from "react-bootstrap/Form";
-import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
 function CheckboxWidget(props) {
   const {
     id,
@@ -601,41 +613,34 @@ function CheckboxWidget(props) {
   const _onBlur = ({ target }) => onBlur(id, target && target.checked);
   const _onFocus = ({ target }) => onFocus(id, target && target.checked);
   const description = options.description || schema.description;
-  return /* @__PURE__ */ jsxs9(
-    Form5.Group,
-    {
-      className: `checkbox ${disabled || readonly ? "disabled" : ""}`,
-      "aria-describedby": ariaDescribedByIds2(id),
-      children: [
-        !hideLabel && !!description && /* @__PURE__ */ jsx16(
-          DescriptionFieldTemplate,
-          {
-            id: descriptionId2(id),
-            description,
-            schema,
-            uiSchema,
-            registry
-          }
-        ),
-        /* @__PURE__ */ jsx16(
-          Form5.Check,
-          {
-            id,
-            name: id,
-            label: labelValue(label, hideLabel || !label),
-            checked: typeof value === "undefined" ? false : value,
-            required,
-            disabled: disabled || readonly,
-            autoFocus: autofocus,
-            onChange: _onChange,
-            type: "checkbox",
-            onBlur: _onBlur,
-            onFocus: _onFocus
-          }
-        )
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs10(Form5.Group, { className: disabled || readonly ? "disabled" : "", "aria-describedby": ariaDescribedByIds2(id), children: [
+    !hideLabel && description && /* @__PURE__ */ jsx17(
+      DescriptionFieldTemplate,
+      {
+        id: descriptionId2(id),
+        description,
+        schema,
+        uiSchema,
+        registry
+      }
+    ),
+    /* @__PURE__ */ jsx17(
+      Form5.Check,
+      {
+        id,
+        name: id,
+        label: labelValue(label, hideLabel || !label),
+        checked: typeof value === "undefined" ? false : value,
+        required,
+        disabled: disabled || readonly,
+        autoFocus: autofocus,
+        onChange: _onChange,
+        type: "checkbox",
+        onBlur: _onBlur,
+        onFocus: _onFocus
+      }
+    )
+  ] });
 }
 
 // src/CheckboxesWidget/CheckboxesWidget.tsx
@@ -648,7 +653,7 @@ import {
   enumOptionsValueForIndex,
   optionId
 } from "@rjsf/utils";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function CheckboxesWidget({ id, disabled, options, value, autofocus, readonly, required, onChange, onBlur, onFocus }) {
   const { enumOptions, enumDisabled, inline, emptyValue } = options;
   const checkboxesValues = Array.isArray(value) ? value : [value];
@@ -661,10 +666,10 @@ function CheckboxesWidget({ id, disabled, options, value, autofocus, readonly, r
   };
   const _onBlur = ({ target }) => onBlur(id, enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue));
   const _onFocus = ({ target }) => onFocus(id, enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue));
-  return /* @__PURE__ */ jsx17(Form6.Group, { children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+  return /* @__PURE__ */ jsx18(Form6.Group, { children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
     const checked = enumOptionsIsSelected(option.value, checkboxesValues);
     const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx18(
       Form6.Check,
       {
         inline,
@@ -695,7 +700,7 @@ import {
   enumOptionsValueForIndex as enumOptionsValueForIndex2,
   optionId as optionId2
 } from "@rjsf/utils";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function RadioWidget({
   id,
   options,
@@ -712,10 +717,10 @@ function RadioWidget({
   const _onBlur = ({ target }) => onBlur(id, enumOptionsValueForIndex2(target && target.value, enumOptions, emptyValue));
   const _onFocus = ({ target }) => onFocus(id, enumOptionsValueForIndex2(target && target.value, enumOptions, emptyValue));
   const inline = Boolean(options && options.inline);
-  return /* @__PURE__ */ jsx18(Form7.Group, { className: "mb-0", children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+  return /* @__PURE__ */ jsx19(Form7.Group, { className: "mb-0", children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
     const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
     const checked = enumOptionsIsSelected2(option.value, value);
-    const radio = /* @__PURE__ */ jsx18(
+    const radio = /* @__PURE__ */ jsx19(
       Form7.Check,
       {
         inline,
@@ -741,7 +746,7 @@ function RadioWidget({
 // src/RangeWidget/RangeWidget.tsx
 import { rangeSpec } from "@rjsf/utils";
 import FormRange from "react-bootstrap/FormRange";
-import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
 function RangeWidget(props) {
   const { id, value, disabled, onChange, onBlur, onFocus, schema } = props;
   const _onChange = ({ target: { value: value2 } }) => onChange(value2);
@@ -757,9 +762,9 @@ function RangeWidget(props) {
     onFocus: _onFocus,
     ...rangeSpec(schema)
   };
-  return /* @__PURE__ */ jsxs10(Fragment3, { children: [
-    /* @__PURE__ */ jsx19(FormRange, { ...rangeProps }),
-    /* @__PURE__ */ jsx19("span", { className: "range-view", children: value })
+  return /* @__PURE__ */ jsxs11(Fragment3, { children: [
+    /* @__PURE__ */ jsx20(FormRange, { ...rangeProps }),
+    /* @__PURE__ */ jsx20("span", { className: "range-view", children: value })
   ] });
 }
 
@@ -770,7 +775,7 @@ import {
   enumOptionsIndexForValue,
   enumOptionsValueForIndex as enumOptionsValueForIndex3
 } from "@rjsf/utils";
-import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
 function SelectWidget({
   schema,
   id,
@@ -798,7 +803,7 @@ function SelectWidget({
   }
   const selectedIndexes = enumOptionsIndexForValue(value, enumOptions, multiple);
   const showPlaceholderOption = !multiple && schema.default === void 0;
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     FormSelect,
     {
       id,
@@ -823,10 +828,10 @@ function SelectWidget({
       },
       "aria-describedby": ariaDescribedByIds5(id),
       children: [
-        showPlaceholderOption && /* @__PURE__ */ jsx20("option", { value: "", children: placeholder }),
+        showPlaceholderOption && /* @__PURE__ */ jsx21("option", { value: "", children: placeholder }),
         enumOptions.map(({ value: value2, label }, i) => {
           const disabled2 = Array.isArray(enumDisabled) && enumDisabled.indexOf(value2) != -1;
-          return /* @__PURE__ */ jsx20("option", { id: label, value: String(i), disabled: disabled2, children: label }, i);
+          return /* @__PURE__ */ jsx21("option", { id: label, value: String(i), disabled: disabled2, children: label }, i);
         })
       ]
     }
@@ -837,7 +842,7 @@ function SelectWidget({
 import { ariaDescribedByIds as ariaDescribedByIds6 } from "@rjsf/utils";
 import FormControl from "react-bootstrap/FormControl";
 import InputGroup from "react-bootstrap/InputGroup";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function TextareaWidget({
   id,
   placeholder,
@@ -854,7 +859,7 @@ function TextareaWidget({
   const _onChange = ({ target: { value: value2 } }) => onChange(value2 === "" ? options.emptyValue : value2);
   const _onBlur = ({ target }) => onBlur(id, target && target.value);
   const _onFocus = ({ target }) => onFocus(id, target && target.value);
-  return /* @__PURE__ */ jsx21(InputGroup, { children: /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(InputGroup, { children: /* @__PURE__ */ jsx22(
     FormControl,
     {
       id,