@rjsf/react-bootstrap 6.5.3 → 6.6.0

package/dist/react-bootstrap.esm.js

@@ -2,9 +2,9 @@
 import { withTheme } from "@rjsf/core";
 
 // src/AddButton/AddButton.tsx
+import { BsPlus } from "@react-icons/all-files/bs/BsPlus";
 import { TranslatableString } from "@rjsf/utils";
 import Button from "react-bootstrap/Button";
-import { BsPlus } from "@react-icons/all-files/bs/BsPlus";
 import { jsx } from "react/jsx-runtime";
 function AddButton({
   uiSchema,
@@ -25,12 +25,12 @@ function AddButton({
 }
 
 // src/ArrayFieldItemTemplate/ArrayFieldItemTemplate.tsx
-import Row from "react-bootstrap/Row";
-import Col from "react-bootstrap/Col";
 import {
   getTemplate,
   getUiOptions
 } from "@rjsf/utils";
+import Col from "react-bootstrap/Col";
+import Row from "react-bootstrap/Row";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function ArrayFieldItemTemplate(props) {
   const { children, buttonsProps, displayLabel, hasDescription, hasToolbar, uiSchema, registry } = props;
@@ -54,14 +54,14 @@ function ArrayFieldItemTemplate(props) {
 }
 
 // src/ArrayFieldTemplate/ArrayFieldTemplate.tsx
-import Row2 from "react-bootstrap/Row";
-import Col2 from "react-bootstrap/Col";
-import Container from "react-bootstrap/Container";
 import {
   buttonId,
   getTemplate as getTemplate2,
   getUiOptions as getUiOptions2
 } from "@rjsf/utils";
+import Col2 from "react-bootstrap/Col";
+import Container from "react-bootstrap/Container";
+import Row2 from "react-bootstrap/Row";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function ArrayFieldTemplate(props) {
   const {
@@ -139,13 +139,13 @@ function ArrayFieldTemplate(props) {
 
 // src/BaseInputTemplate/BaseInputTemplate.tsx
 import { useCallback } from "react";
-import Form from "react-bootstrap/Form";
+import { SchemaExamples } from "@rjsf/core";
 import {
   ariaDescribedByIds,
   examplesId,
   getInputProps
 } from "@rjsf/utils";
-import { SchemaExamples } from "@rjsf/core";
+import Form from "react-bootstrap/Form";
 import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function BaseInputTemplate({
   id,
@@ -222,9 +222,9 @@ function DescriptionField({ id, description, registry, uiSchema }) {
 }
 
 // src/ErrorList/ErrorList.tsx
+import { TranslatableString as TranslatableString2 } from "@rjsf/utils";
 import Card from "react-bootstrap/Card";
 import ListGroup from "react-bootstrap/ListGroup";
-import { TranslatableString as TranslatableString2 } from "@rjsf/utils";
 import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function ErrorList({
   errors,
@@ -239,84 +239,32 @@ function ErrorList({
   ] });
 }
 
-// src/IconButton/IconButton.tsx
-import { TranslatableString as TranslatableString3 } from "@rjsf/utils";
-import Button2 from "react-bootstrap/Button";
-import { IoIosCopy } from "@react-icons/all-files/io/IoIosCopy";
-import { IoIosRemove } from "@react-icons/all-files/io/IoIosRemove";
-import { AiOutlineArrowUp } from "@react-icons/all-files/ai/AiOutlineArrowUp";
-import { AiOutlineArrowDown } from "@react-icons/all-files/ai/AiOutlineArrowDown";
-import { IoMdClose } from "@react-icons/all-files/io/IoMdClose";
-import { jsx as jsx7 } from "react/jsx-runtime";
-function IconButton(props) {
-  const { icon, iconType, className, uiSchema, registry, ...otherProps } = props;
-  return /* @__PURE__ */ jsx7(Button2, { ...otherProps, variant: props.variant || "light", size: "sm", children: icon });
-}
-function CopyButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ jsx7(IconButton, { title: translateString(TranslatableString3.CopyButton), ...props, icon: /* @__PURE__ */ jsx7(IoIosCopy, {}) });
-}
-function MoveDownButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ jsx7(IconButton, { title: translateString(TranslatableString3.MoveDownButton), ...props, icon: /* @__PURE__ */ jsx7(AiOutlineArrowDown, {}) });
-}
-function MoveUpButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ jsx7(IconButton, { title: translateString(TranslatableString3.MoveUpButton), ...props, icon: /* @__PURE__ */ jsx7(AiOutlineArrowUp, {}) });
-}
-function RemoveButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ jsx7(
-    IconButton,
-    {
-      title: translateString(TranslatableString3.RemoveButton),
-      variant: "danger",
-      ...props,
-      icon: /* @__PURE__ */ jsx7(IoIosRemove, {})
-    }
-  );
-}
-function ClearButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ jsx7(IconButton, { title: translateString(TranslatableString3.ClearButton), ...props, icon: /* @__PURE__ */ jsx7(IoMdClose, {}) });
-}
-
 // src/FieldErrorTemplate/FieldErrorTemplate.tsx
 import { errorId } from "@rjsf/utils";
 import ListGroup2 from "react-bootstrap/ListGroup";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function FieldErrorTemplate(props) {
   const { errors = [], fieldPathId } = props;
   if (errors.length === 0) {
     return null;
   }
   const id = errorId(fieldPathId);
-  return /* @__PURE__ */ jsx8(ListGroup2, { as: "ul", id, children: errors.map((error, i) => {
-    return /* @__PURE__ */ jsx8(ListGroup2.Item, { as: "li", className: "border-0 m-0 p-0", children: /* @__PURE__ */ jsx8("small", { className: "m-0 text-danger", children: error }) }, i);
+  return /* @__PURE__ */ jsx7(ListGroup2, { as: "ul", id, children: errors.map((error, i) => {
+    return /* @__PURE__ */ jsx7(ListGroup2.Item, { as: "li", className: "border-0 m-0 p-0", children: /* @__PURE__ */ jsx7("small", { className: "m-0 text-danger", children: error }) }, i);
   }) });
 }
 
 // src/FieldHelpTemplate/FieldHelpTemplate.tsx
-import { helpId } from "@rjsf/utils";
 import { RichHelp } from "@rjsf/core";
+import { helpId } from "@rjsf/utils";
 import Form2 from "react-bootstrap/Form";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 function FieldHelpTemplate(props) {
   const { fieldPathId, help, uiSchema, registry, hasErrors } = props;
   if (!help) {
     return null;
   }
-  return /* @__PURE__ */ jsx9(Form2.Text, { id: helpId(fieldPathId), className: hasErrors ? "text-danger" : "text-muted", children: /* @__PURE__ */ jsx9(RichHelp, { help, registry, uiSchema }) });
+  return /* @__PURE__ */ jsx8(Form2.Text, { id: helpId(fieldPathId), className: hasErrors ? "text-danger" : "text-muted", children: /* @__PURE__ */ jsx8(RichHelp, { help, registry, uiSchema }) });
 }
 
 // src/FieldTemplate/FieldTemplate.tsx
@@ -325,7 +273,7 @@ import {
   getUiOptions as getUiOptions3
 } from "@rjsf/utils";
 import Form3 from "react-bootstrap/Form";
-import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
 function FieldTemplate({
   id,
   children,
@@ -356,10 +304,10 @@ function FieldTemplate({
     uiOptions
   );
   if (hidden) {
-    return /* @__PURE__ */ jsx10("div", { className: "hidden", children });
+    return /* @__PURE__ */ jsx9("div", { className: "hidden", children });
   }
   const isCheckbox = uiOptions.widget === "checkbox";
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     WrapIfAdditionalTemplate2,
     {
       classNames,
@@ -383,7 +331,7 @@ function FieldTemplate({
           required ? "*" : null
         ] }),
         children,
-        displayLabel && rawDescription && !isCheckbox && /* @__PURE__ */ jsx10(Form3.Text, { className: rawErrors.length > 0 ? "text-danger" : "text-muted", children: description }),
+        displayLabel && rawDescription && !isCheckbox && /* @__PURE__ */ jsx9(Form3.Text, { className: rawErrors.length > 0 ? "text-danger" : "text-muted", children: description }),
         errors,
         help
       ] })
@@ -392,15 +340,67 @@ function FieldTemplate({
 }
 
 // src/GridTemplate/GridTemplate.tsx
-import Row3 from "react-bootstrap/Row";
 import Col3 from "react-bootstrap/Col";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import Row3 from "react-bootstrap/Row";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function GridTemplate(props) {
   const { children, column, ...rest } = props;
   if (column) {
-    return /* @__PURE__ */ jsx11(Col3, { ...rest, children });
+    return /* @__PURE__ */ jsx10(Col3, { ...rest, children });
   }
-  return /* @__PURE__ */ jsx11(Row3, { ...rest, children });
+  return /* @__PURE__ */ jsx10(Row3, { ...rest, children });
+}
+
+// src/IconButton/IconButton.tsx
+import { AiOutlineArrowDown } from "@react-icons/all-files/ai/AiOutlineArrowDown";
+import { AiOutlineArrowUp } from "@react-icons/all-files/ai/AiOutlineArrowUp";
+import { IoIosCopy } from "@react-icons/all-files/io/IoIosCopy";
+import { IoIosRemove } from "@react-icons/all-files/io/IoIosRemove";
+import { IoMdClose } from "@react-icons/all-files/io/IoMdClose";
+import { TranslatableString as TranslatableString3 } from "@rjsf/utils";
+import Button2 from "react-bootstrap/Button";
+import { jsx as jsx11 } from "react/jsx-runtime";
+function IconButton(props) {
+  const { icon, iconType, className, uiSchema, registry, ...otherProps } = props;
+  return /* @__PURE__ */ jsx11(Button2, { ...otherProps, variant: props.variant || "light", size: "sm", children: icon });
+}
+function CopyButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ jsx11(IconButton, { title: translateString(TranslatableString3.CopyButton), ...props, icon: /* @__PURE__ */ jsx11(IoIosCopy, {}) });
+}
+function MoveDownButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ jsx11(IconButton, { title: translateString(TranslatableString3.MoveDownButton), ...props, icon: /* @__PURE__ */ jsx11(AiOutlineArrowDown, {}) });
+}
+function MoveUpButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ jsx11(IconButton, { title: translateString(TranslatableString3.MoveUpButton), ...props, icon: /* @__PURE__ */ jsx11(AiOutlineArrowUp, {}) });
+}
+function RemoveButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ jsx11(
+    IconButton,
+    {
+      title: translateString(TranslatableString3.RemoveButton),
+      variant: "danger",
+      ...props,
+      icon: /* @__PURE__ */ jsx11(IoIosRemove, {})
+    }
+  );
+}
+function ClearButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ jsx11(IconButton, { title: translateString(TranslatableString3.ClearButton), ...props, icon: /* @__PURE__ */ jsx11(IoMdClose, {}) });
 }
 
 // src/MultiSchemaFieldTemplate/MultiSchemaFieldTemplate.tsx
@@ -414,9 +414,6 @@ function MultiSchemaFieldTemplate({ selector, optionSchemaField }) {
 }
 
 // src/ObjectFieldTemplate/ObjectFieldTemplate.tsx
-import Row4 from "react-bootstrap/Row";
-import Col4 from "react-bootstrap/Col";
-import Container2 from "react-bootstrap/Container";
 import {
   buttonId as buttonId2,
   canExpand,
@@ -425,6 +422,9 @@ import {
   getUiOptions as getUiOptions4,
   titleId
 } from "@rjsf/utils";
+import Col4 from "react-bootstrap/Col";
+import Container2 from "react-bootstrap/Container";
+import Row4 from "react-bootstrap/Row";
 import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
 function ObjectFieldTemplate({
   description,
@@ -533,8 +533,8 @@ function OptionalDataControlsTemplate(props) {
 }
 
 // src/SubmitButton/SubmitButton.tsx
-import Button3 from "react-bootstrap/Button";
 import { getSubmitButtonOptions } from "@rjsf/utils";
+import Button3 from "react-bootstrap/Button";
 import { jsx as jsx15 } from "react/jsx-runtime";
 function SubmitButton(props) {
   const { submitText, norender, props: submitButtonProps } = getSubmitButtonOptions(props.uiSchema);
@@ -546,9 +546,9 @@ function SubmitButton(props) {
 
 // src/TitleField/TitleField.tsx
 import { getUiOptions as getUiOptions5 } from "@rjsf/utils";
-import Row5 from "react-bootstrap/Row";
 import Col5 from "react-bootstrap/Col";
 import Container3 from "react-bootstrap/Container";
+import Row5 from "react-bootstrap/Row";
 import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
 function TitleField({
   id,
@@ -576,9 +576,9 @@ import {
   buttonId as buttonId3,
   TranslatableString as TranslatableString4
 } from "@rjsf/utils";
-import Row6 from "react-bootstrap/Row";
 import Col6 from "react-bootstrap/Col";
 import Form4 from "react-bootstrap/Form";
+import Row6 from "react-bootstrap/Row";
 import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
 function WrapIfAdditionalTemplate({
   classNames,
@@ -671,16 +671,79 @@ function generateTemplates() {
 }
 var Templates_default = generateTemplates();
 
-// src/CheckboxWidget/CheckboxWidget.tsx
+// src/CheckboxesWidget/CheckboxesWidget.tsx
 import {
   ariaDescribedByIds as ariaDescribedByIds2,
+  enumOptionValueDecoder,
+  enumOptionsDeselectValue,
+  enumOptionsIsSelected,
+  enumOptionsSelectValue,
+  getOptionValueFormat,
+  optionId
+} from "@rjsf/utils";
+import Form5 from "react-bootstrap/Form";
+import { jsx as jsx18 } from "react/jsx-runtime";
+function CheckboxesWidget({
+  id,
+  htmlName,
+  disabled,
+  options,
+  value,
+  autofocus,
+  readonly,
+  required,
+  onChange,
+  onBlur,
+  onFocus
+}) {
+  const { enumOptions, enumDisabled, inline, emptyValue } = options;
+  const optionValueFormat = getOptionValueFormat(options);
+  const checkboxesValues = Array.isArray(value) ? value : [value];
+  const _onChange = (index) => ({ target: { checked } }) => {
+    if (checked) {
+      onChange(enumOptionsSelectValue(index, checkboxesValues, enumOptions));
+    } else {
+      onChange(enumOptionsDeselectValue(index, checkboxesValues, enumOptions));
+    }
+  };
+  const _onBlur = ({ target }) => onBlur(id, enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
+  const _onFocus = ({ target }) => onFocus(id, enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
+  return /* @__PURE__ */ jsx18(Form5.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__ */ jsx18(
+      Form5.Check,
+      {
+        inline,
+        required,
+        checked,
+        className: "bg-transparent border-0",
+        type: "checkbox",
+        id: optionId(id, index),
+        name: htmlName || id,
+        label: option.label,
+        autoFocus: autofocus && index === 0,
+        onChange: _onChange(index),
+        onBlur: _onBlur,
+        onFocus: _onFocus,
+        disabled: disabled || itemDisabled || readonly,
+        "aria-describedby": ariaDescribedByIds2(id)
+      },
+      option.value
+    );
+  }) });
+}
+
+// src/CheckboxWidget/CheckboxWidget.tsx
+import {
+  ariaDescribedByIds as ariaDescribedByIds3,
   descriptionId as descriptionId2,
   getTemplate as getTemplate5,
   labelValue,
   schemaRequiresTrueValue
 } from "@rjsf/utils";
-import Form5 from "react-bootstrap/Form";
-import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
+import Form6 from "react-bootstrap/Form";
+import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
 function CheckboxWidget(props) {
   const {
     id,
@@ -709,8 +772,8 @@ 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__ */ jsxs10(Form5.Group, { className: disabled || readonly ? "disabled" : "", "aria-describedby": ariaDescribedByIds2(id), children: [
-    !hideLabel && description && /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs10(Form6.Group, { className: disabled || readonly ? "disabled" : "", "aria-describedby": ariaDescribedByIds3(id), children: [
+    !hideLabel && description && /* @__PURE__ */ jsx19(
       DescriptionFieldTemplate,
       {
         id: descriptionId2(id),
@@ -720,8 +783,8 @@ function CheckboxWidget(props) {
         registry
       }
     ),
-    /* @__PURE__ */ jsx18(
-      Form5.Check,
+    /* @__PURE__ */ jsx19(
+      Form6.Check,
       {
         id,
         name: htmlName || id,
@@ -739,71 +802,7 @@ function CheckboxWidget(props) {
   ] });
 }
 
-// src/CheckboxesWidget/CheckboxesWidget.tsx
-import Form6 from "react-bootstrap/Form";
-import {
-  ariaDescribedByIds as ariaDescribedByIds3,
-  enumOptionValueDecoder,
-  enumOptionsDeselectValue,
-  enumOptionsIsSelected,
-  enumOptionsSelectValue,
-  getOptionValueFormat,
-  optionId
-} from "@rjsf/utils";
-import { jsx as jsx19 } from "react/jsx-runtime";
-function CheckboxesWidget({
-  id,
-  htmlName,
-  disabled,
-  options,
-  value,
-  autofocus,
-  readonly,
-  required,
-  onChange,
-  onBlur,
-  onFocus
-}) {
-  const { enumOptions, enumDisabled, inline, emptyValue } = options;
-  const optionValueFormat = getOptionValueFormat(options);
-  const checkboxesValues = Array.isArray(value) ? value : [value];
-  const _onChange = (index) => ({ target: { checked } }) => {
-    if (checked) {
-      onChange(enumOptionsSelectValue(index, checkboxesValues, enumOptions));
-    } else {
-      onChange(enumOptionsDeselectValue(index, checkboxesValues, enumOptions));
-    }
-  };
-  const _onBlur = ({ target }) => onBlur(id, enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
-  const _onFocus = ({ target }) => onFocus(id, enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
-  return /* @__PURE__ */ jsx19(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__ */ jsx19(
-      Form6.Check,
-      {
-        inline,
-        required,
-        checked,
-        className: "bg-transparent border-0",
-        type: "checkbox",
-        id: optionId(id, index),
-        name: htmlName || id,
-        label: option.label,
-        autoFocus: autofocus && index === 0,
-        onChange: _onChange(index),
-        onBlur: _onBlur,
-        onFocus: _onFocus,
-        disabled: disabled || itemDisabled || readonly,
-        "aria-describedby": ariaDescribedByIds3(id)
-      },
-      option.value
-    );
-  }) });
-}
-
 // src/RadioWidget/RadioWidget.tsx
-import Form7 from "react-bootstrap/Form";
 import {
   ariaDescribedByIds as ariaDescribedByIds4,
   enumOptionValueDecoder as enumOptionValueDecoder2,
@@ -812,6 +811,7 @@ import {
   getOptionValueFormat as getOptionValueFormat2,
   optionId as optionId2
 } from "@rjsf/utils";
+import Form7 from "react-bootstrap/Form";
 import { jsx as jsx20 } from "react/jsx-runtime";
 function RadioWidget({
   id,
@@ -883,7 +883,6 @@ function RangeWidget(props) {
 }
 
 // src/SelectWidget/SelectWidget.tsx
-import FormSelect from "react-bootstrap/FormSelect";
 import {
   ariaDescribedByIds as ariaDescribedByIds5,
   enumOptionSelectedValue,
@@ -891,6 +890,7 @@ import {
   enumOptionValueEncoder as enumOptionValueEncoder2,
   getOptionValueFormat as getOptionValueFormat3
 } from "@rjsf/utils";
+import FormSelect from "react-bootstrap/FormSelect";
 import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
 function SelectWidget({
   schema,