@rjsf/core 6.0.0-beta.1 → 6.0.0-beta.3

package/dist/index.esm.js

@@ -5,7 +5,7 @@ import {
   deepEquals as deepEquals3,
   getChangedFields,
   getTemplate as getTemplate24,
-  getUiOptions as getUiOptions16,
+  getUiOptions as getUiOptions17,
   isObject as isObject6,
   mergeObjects as mergeObjects3,
   NAME_KEY,
@@ -2212,7 +2212,6 @@ import {
 } from "@rjsf/utils";
 import isObject5 from "lodash/isObject";
 import omit3 from "lodash/omit";
-import Markdown2 from "markdown-to-jsx";
 import { Fragment, jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
 var COMPONENT_TYPES = {
   array: "ArrayField",
@@ -2339,7 +2338,6 @@ function SchemaFieldRender(props) {
     label = ADDITIONAL_PROPERTY_FLAG2 in schema ? name : uiOptions.title || props.schema.title || schema.title || props.title || name;
   }
   const description = uiOptions.description || props.schema.description || schema.description || "";
-  const richDescription = uiOptions.enableMarkdownInDescription ? /* @__PURE__ */ jsx9(Markdown2, { options: { disableParsingRawHTML: true }, children: description }) : description;
   const help = uiOptions.help;
   const hidden = uiOptions.widget === "hidden";
   const classNames = ["rjsf-field", `rjsf-field-${getSchemaType(schema)}`];
@@ -2376,7 +2374,7 @@ function SchemaFieldRender(props) {
       DescriptionFieldTemplate,
       {
         id: descriptionId(id),
-        description: richDescription,
+        description,
         schema,
         uiSchema,
         registry
@@ -2990,34 +2988,48 @@ function buttonTemplates() {
 }
 var ButtonTemplates_default = buttonTemplates;
 
-// src/components/templates/DescriptionField.tsx
+// src/components/RichDescription.tsx
+import {
+  getTestIds as getTestIds2,
+  getUiOptions as getUiOptions14
+} from "@rjsf/utils";
+import Markdown2 from "markdown-to-jsx";
 import { jsx as jsx20 } from "react/jsx-runtime";
+var TEST_IDS = getTestIds2();
+function RichDescription({ description, registry, uiSchema = {} }) {
+  const { globalUiOptions } = registry;
+  const uiOptions = getUiOptions14(uiSchema, globalUiOptions);
+  if (uiOptions.enableMarkdownInDescription && typeof description === "string") {
+    return /* @__PURE__ */ jsx20(Markdown2, { options: { disableParsingRawHTML: true }, "data-testid": TEST_IDS.markdown, children: description });
+  }
+  return description;
+}
+RichDescription.TEST_IDS = TEST_IDS;
+
+// src/components/templates/DescriptionField.tsx
+import { jsx as jsx21 } from "react/jsx-runtime";
 function DescriptionField(props) {
-  const { id, description } = props;
+  const { id, description, registry, uiSchema } = props;
   if (!description) {
     return null;
   }
-  if (typeof description === "string") {
-    return /* @__PURE__ */ jsx20("p", { id, className: "field-description", children: description });
-  } else {
-    return /* @__PURE__ */ jsx20("div", { id, className: "field-description", children: description });
-  }
+  return /* @__PURE__ */ jsx21("div", { id, className: "field-description", children: /* @__PURE__ */ jsx21(RichDescription, { description, registry, uiSchema }) });
 }
 
 // src/components/templates/ErrorList.tsx
 import {
   TranslatableString as TranslatableString8
 } from "@rjsf/utils";
-import { jsx as jsx21, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs8 } from "react/jsx-runtime";
 function ErrorList({
   errors,
   registry
 }) {
   const { translateString } = registry;
   return /* @__PURE__ */ jsxs8("div", { className: "panel panel-danger errors", children: [
-    /* @__PURE__ */ jsx21("div", { className: "panel-heading", children: /* @__PURE__ */ jsx21("h3", { className: "panel-title", children: translateString(TranslatableString8.ErrorsLabel) }) }),
-    /* @__PURE__ */ jsx21("ul", { className: "list-group", children: errors.map((error, i) => {
-      return /* @__PURE__ */ jsx21("li", { className: "list-group-item text-danger", children: error.stack }, i);
+    /* @__PURE__ */ jsx22("div", { className: "panel-heading", children: /* @__PURE__ */ jsx22("h3", { className: "panel-title", children: translateString(TranslatableString8.ErrorsLabel) }) }),
+    /* @__PURE__ */ jsx22("ul", { className: "list-group", children: errors.map((error, i) => {
+      return /* @__PURE__ */ jsx22("li", { className: "list-group-item text-danger", children: error.stack }, i);
     }) })
   ] });
 }
@@ -3025,11 +3037,11 @@ function ErrorList({
 // src/components/templates/FieldTemplate/FieldTemplate.tsx
 import {
   getTemplate as getTemplate11,
-  getUiOptions as getUiOptions14
+  getUiOptions as getUiOptions15
 } from "@rjsf/utils";
 
 // src/components/templates/FieldTemplate/Label.tsx
-import { jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs9 } from "react/jsx-runtime";
 var REQUIRED_FIELD_SYMBOL = "*";
 function Label(props) {
   const { label, required, id } = props;
@@ -3038,25 +3050,25 @@ function Label(props) {
   }
   return /* @__PURE__ */ jsxs9("label", { className: "control-label", htmlFor: id, children: [
     label,
-    required && /* @__PURE__ */ jsx22("span", { className: "required", children: REQUIRED_FIELD_SYMBOL })
+    required && /* @__PURE__ */ jsx23("span", { className: "required", children: REQUIRED_FIELD_SYMBOL })
   ] });
 }
 
 // src/components/templates/FieldTemplate/FieldTemplate.tsx
-import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs10 } from "react/jsx-runtime";
 function FieldTemplate(props) {
   const { id, label, children, errors, help, description, hidden, required, displayLabel, registry, uiSchema } = props;
-  const uiOptions = getUiOptions14(uiSchema);
+  const uiOptions = getUiOptions15(uiSchema);
   const WrapIfAdditionalTemplate2 = getTemplate11(
     "WrapIfAdditionalTemplate",
     registry,
     uiOptions
   );
   if (hidden) {
-    return /* @__PURE__ */ jsx23("div", { className: "hidden", children });
+    return /* @__PURE__ */ jsx24("div", { className: "hidden", children });
   }
   return /* @__PURE__ */ jsxs10(WrapIfAdditionalTemplate2, { ...props, children: [
-    displayLabel && /* @__PURE__ */ jsx23(Label, { label, required, id }),
+    displayLabel && /* @__PURE__ */ jsx24(Label, { label, required, id }),
     displayLabel && description ? description : null,
     children,
     errors,
@@ -3069,21 +3081,21 @@ var FieldTemplate_default = FieldTemplate;
 
 // src/components/templates/FieldErrorTemplate.tsx
 import { errorId } from "@rjsf/utils";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function FieldErrorTemplate(props) {
   const { errors = [], idSchema } = props;
   if (errors.length === 0) {
     return null;
   }
   const id = errorId(idSchema);
-  return /* @__PURE__ */ jsx24("div", { children: /* @__PURE__ */ jsx24("ul", { id, className: "error-detail bs-callout bs-callout-info", children: errors.filter((elem) => !!elem).map((error, index) => {
-    return /* @__PURE__ */ jsx24("li", { className: "text-danger", children: error }, index);
+  return /* @__PURE__ */ jsx25("div", { children: /* @__PURE__ */ jsx25("ul", { id, className: "error-detail bs-callout bs-callout-info", children: errors.filter((elem) => !!elem).map((error, index) => {
+    return /* @__PURE__ */ jsx25("li", { className: "text-danger", children: error }, index);
   }) }) });
 }
 
 // src/components/templates/FieldHelpTemplate.tsx
 import { helpId } from "@rjsf/utils";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function FieldHelpTemplate(props) {
   const { idSchema, help } = props;
   if (!help) {
@@ -3091,16 +3103,16 @@ function FieldHelpTemplate(props) {
   }
   const id = helpId(idSchema);
   if (typeof help === "string") {
-    return /* @__PURE__ */ jsx25("p", { id, className: "help-block", children: help });
+    return /* @__PURE__ */ jsx26("p", { id, className: "help-block", children: help });
   }
-  return /* @__PURE__ */ jsx25("div", { id, className: "help-block", children: help });
+  return /* @__PURE__ */ jsx26("div", { id, className: "help-block", children: help });
 }
 
 // src/components/templates/GridTemplate.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function GridTemplate(props) {
   const { children, column, className, ...rest } = props;
-  return /* @__PURE__ */ jsx26("div", { className, ...rest, children });
+  return /* @__PURE__ */ jsx27("div", { className, ...rest, children });
 }
 
 // src/components/templates/ObjectFieldTemplate.tsx
@@ -3108,11 +3120,11 @@ import {
   canExpand,
   descriptionId as descriptionId3,
   getTemplate as getTemplate12,
-  getUiOptions as getUiOptions15,
+  getUiOptions as getUiOptions16,
   titleId as titleId3,
   buttonId as buttonId3
 } from "@rjsf/utils";
-import { jsx as jsx27, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs11 } from "react/jsx-runtime";
 function ObjectFieldTemplate(props) {
   const {
     description,
@@ -3128,7 +3140,7 @@ function ObjectFieldTemplate(props) {
     title,
     uiSchema
   } = props;
-  const options = getUiOptions15(uiSchema);
+  const options = getUiOptions16(uiSchema);
   const TitleFieldTemplate = getTemplate12("TitleFieldTemplate", registry, options);
   const DescriptionFieldTemplate = getTemplate12(
     "DescriptionFieldTemplate",
@@ -3139,7 +3151,7 @@ function ObjectFieldTemplate(props) {
     ButtonTemplates: { AddButton: AddButton2 }
   } = registry.templates;
   return /* @__PURE__ */ jsxs11("fieldset", { id: idSchema.$id, children: [
-    title && /* @__PURE__ */ jsx27(
+    title && /* @__PURE__ */ jsx28(
       TitleFieldTemplate,
       {
         id: titleId3(idSchema),
@@ -3150,7 +3162,7 @@ function ObjectFieldTemplate(props) {
         registry
       }
     ),
-    description && /* @__PURE__ */ jsx27(
+    description && /* @__PURE__ */ jsx28(
       DescriptionFieldTemplate,
       {
         id: descriptionId3(idSchema),
@@ -3161,7 +3173,7 @@ function ObjectFieldTemplate(props) {
       }
     ),
     properties.map((prop) => prop.content),
-    canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsx27(
+    canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsx28(
       AddButton2,
       {
         id: buttonId3(idSchema, "add"),
@@ -3176,20 +3188,20 @@ function ObjectFieldTemplate(props) {
 }
 
 // src/components/templates/TitleField.tsx
-import { jsx as jsx28, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs12 } from "react/jsx-runtime";
 var REQUIRED_FIELD_SYMBOL2 = "*";
 function TitleField(props) {
   const { id, title, required } = props;
   return /* @__PURE__ */ jsxs12("legend", { id, children: [
     title,
-    required && /* @__PURE__ */ jsx28("span", { className: "required", children: REQUIRED_FIELD_SYMBOL2 })
+    required && /* @__PURE__ */ jsx29("span", { className: "required", children: REQUIRED_FIELD_SYMBOL2 })
   ] });
 }
 
 // src/components/templates/UnsupportedField.tsx
 import { TranslatableString as TranslatableString9 } from "@rjsf/utils";
 import Markdown3 from "markdown-to-jsx";
-import { jsx as jsx29, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs13 } from "react/jsx-runtime";
 function UnsupportedField(props) {
   const { schema, idSchema, reason, registry } = props;
   const { translateString } = registry;
@@ -3204,8 +3216,8 @@ function UnsupportedField(props) {
     translateParams.push(reason);
   }
   return /* @__PURE__ */ jsxs13("div", { className: "unsupported-field", children: [
-    /* @__PURE__ */ jsx29("p", { children: /* @__PURE__ */ jsx29(Markdown3, { options: { disableParsingRawHTML: true }, children: translateString(translateEnum, translateParams) }) }),
-    schema && /* @__PURE__ */ jsx29("pre", { children: JSON.stringify(schema, null, 2) })
+    /* @__PURE__ */ jsx30("p", { children: /* @__PURE__ */ jsx30(Markdown3, { options: { disableParsingRawHTML: true }, children: translateString(translateEnum, translateParams) }) }),
+    schema && /* @__PURE__ */ jsx30("pre", { children: JSON.stringify(schema, null, 2) })
   ] });
 }
 var UnsupportedField_default = UnsupportedField;
@@ -3216,7 +3228,7 @@ import {
   buttonId as buttonId4,
   TranslatableString as TranslatableString10
 } from "@rjsf/utils";
-import { jsx as jsx30, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs14 } from "react/jsx-runtime";
 function WrapIfAdditionalTemplate(props) {
   const {
     id,
@@ -3245,12 +3257,12 @@ function WrapIfAdditionalTemplate(props) {
   }
   const uiClassNames = classNamesList.join(" ").trim();
   if (!additional) {
-    return /* @__PURE__ */ jsx30("div", { className: uiClassNames, style, children });
+    return /* @__PURE__ */ jsx31("div", { className: uiClassNames, style, children });
   }
-  return /* @__PURE__ */ jsx30("div", { className: uiClassNames, style, children: /* @__PURE__ */ jsxs14("div", { className: "row", children: [
-    /* @__PURE__ */ jsx30("div", { className: "col-xs-5 form-additional", children: /* @__PURE__ */ jsxs14("div", { className: "form-group", children: [
-      /* @__PURE__ */ jsx30(Label, { label: keyLabel, required, id: `${id}-key` }),
-      /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31("div", { className: uiClassNames, style, children: /* @__PURE__ */ jsxs14("div", { className: "row", children: [
+    /* @__PURE__ */ jsx31("div", { className: "col-xs-5 form-additional", children: /* @__PURE__ */ jsxs14("div", { className: "form-group", children: [
+      /* @__PURE__ */ jsx31(Label, { label: keyLabel, required, id: `${id}-key` }),
+      /* @__PURE__ */ jsx31(
         "input",
         {
           className: "form-control",
@@ -3261,8 +3273,8 @@ function WrapIfAdditionalTemplate(props) {
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx30("div", { className: "form-additional form-group col-xs-5", children }),
-    /* @__PURE__ */ jsx30("div", { className: "col-xs-2", children: /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx31("div", { className: "form-additional form-group col-xs-5", children }),
+    /* @__PURE__ */ jsx31("div", { className: "col-xs-2", children: /* @__PURE__ */ jsx31(
       RemoveButton2,
       {
         id: buttonId4(id, "remove"),
@@ -3311,7 +3323,7 @@ import {
   TranslatableString as TranslatableString11,
   getDateElementProps
 } from "@rjsf/utils";
-import { jsx as jsx31, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs15 } from "react/jsx-runtime";
 function readyForChange(state) {
   return Object.values(state).every((value) => value !== -1);
 }
@@ -3331,7 +3343,7 @@ function DateElement({
 }) {
   const id = rootId + "_" + type;
   const { SelectWidget: SelectWidget2 } = registry.widgets;
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     SelectWidget2,
     {
       schema: { type: "integer" },
@@ -3414,7 +3426,7 @@ function AltDateWidget({
       time,
       options.yearsRange,
       options.format
-    ).map((elemProps, i) => /* @__PURE__ */ jsx31("li", { className: "list-inline-item", children: /* @__PURE__ */ jsx31(
+    ).map((elemProps, i) => /* @__PURE__ */ jsx32("li", { className: "list-inline-item", children: /* @__PURE__ */ jsx32(
       DateElement,
       {
         rootId: id,
@@ -3429,20 +3441,20 @@ function AltDateWidget({
         autofocus: autofocus && i === 0
       }
     ) }, i)),
-    (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ jsx31("li", { className: "list-inline-item", children: /* @__PURE__ */ jsx31("a", { href: "#", className: "btn btn-info btn-now", onClick: handleSetNow, children: translateString(TranslatableString11.NowLabel) }) }),
-    (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ jsx31("li", { className: "list-inline-item", children: /* @__PURE__ */ jsx31("a", { href: "#", className: "btn btn-warning btn-clear", onClick: handleClear, children: translateString(TranslatableString11.ClearLabel) }) })
+    (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ jsx32("li", { className: "list-inline-item", children: /* @__PURE__ */ jsx32("a", { href: "#", className: "btn btn-info btn-now", onClick: handleSetNow, children: translateString(TranslatableString11.NowLabel) }) }),
+    (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ jsx32("li", { className: "list-inline-item", children: /* @__PURE__ */ jsx32("a", { href: "#", className: "btn btn-warning btn-clear", onClick: handleClear, children: translateString(TranslatableString11.ClearLabel) }) })
   ] });
 }
 var AltDateWidget_default = AltDateWidget;
 
 // src/components/widgets/AltDateTimeWidget.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function AltDateTimeWidget({
   time = true,
   ...props
 }) {
   const { AltDateWidget: AltDateWidget2 } = props.registry.widgets;
-  return /* @__PURE__ */ jsx32(AltDateWidget2, { time, ...props });
+  return /* @__PURE__ */ jsx33(AltDateWidget2, { time, ...props });
 }
 var AltDateTimeWidget_default = AltDateTimeWidget;
 
@@ -3455,7 +3467,7 @@ import {
   labelValue,
   schemaRequiresTrueValue
 } from "@rjsf/utils";
-import { jsx as jsx33, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs16 } from "react/jsx-runtime";
 function CheckboxWidget({
   schema,
   uiSchema,
@@ -3492,7 +3504,7 @@ function CheckboxWidget({
   );
   const description = options.description ?? schema.description;
   return /* @__PURE__ */ jsxs16("div", { className: `checkbox ${disabled || readonly ? "disabled" : ""}`, children: [
-    !hideLabel && !!description && /* @__PURE__ */ jsx33(
+    !hideLabel && description && /* @__PURE__ */ jsx34(
       DescriptionFieldTemplate,
       {
         id: descriptionId4(id),
@@ -3503,7 +3515,7 @@ function CheckboxWidget({
       }
     ),
     /* @__PURE__ */ jsxs16("label", { children: [
-      /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx34(
         "input",
         {
           type: "checkbox",
@@ -3519,7 +3531,7 @@ function CheckboxWidget({
           "aria-describedby": ariaDescribedByIds3(id)
         }
       ),
-      labelValue(/* @__PURE__ */ jsx33("span", { children: label }), hideLabel)
+      labelValue(/* @__PURE__ */ jsx34("span", { children: label }), hideLabel)
     ] })
   ] });
 }
@@ -3535,7 +3547,7 @@ import {
   enumOptionsValueForIndex,
   optionId
 } from "@rjsf/utils";
-import { jsx as jsx34, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs17 } from "react/jsx-runtime";
 function CheckboxesWidget({
   id,
   disabled,
@@ -3556,7 +3568,7 @@ function CheckboxesWidget({
     ({ target }) => onFocus(id, enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue)),
     [onFocus, id]
   );
-  return /* @__PURE__ */ jsx34("div", { className: "checkboxes", id, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+  return /* @__PURE__ */ jsx35("div", { className: "checkboxes", id, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
     const checked = enumOptionsIsSelected(option.value, checkboxesValues);
     const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
     const disabledCls = disabled || itemDisabled || readonly ? "disabled" : "";
@@ -3568,7 +3580,7 @@ function CheckboxesWidget({
       }
     };
     const checkbox = /* @__PURE__ */ jsxs17("span", { children: [
-      /* @__PURE__ */ jsx34(
+      /* @__PURE__ */ jsx35(
         "input",
         {
           type: "checkbox",
@@ -3584,31 +3596,31 @@ function CheckboxesWidget({
           "aria-describedby": ariaDescribedByIds4(id)
         }
       ),
-      /* @__PURE__ */ jsx34("span", { children: option.label })
+      /* @__PURE__ */ jsx35("span", { children: option.label })
     ] });
-    return inline ? /* @__PURE__ */ jsx34("label", { className: `checkbox-inline ${disabledCls}`, children: checkbox }, index) : /* @__PURE__ */ jsx34("div", { className: `checkbox ${disabledCls}`, children: /* @__PURE__ */ jsx34("label", { children: checkbox }) }, index);
+    return inline ? /* @__PURE__ */ jsx35("label", { className: `checkbox-inline ${disabledCls}`, children: checkbox }, index) : /* @__PURE__ */ jsx35("div", { className: `checkbox ${disabledCls}`, children: /* @__PURE__ */ jsx35("label", { children: checkbox }) }, index);
   }) });
 }
 var CheckboxesWidget_default = CheckboxesWidget;
 
 // src/components/widgets/ColorWidget.tsx
 import { getTemplate as getTemplate14 } from "@rjsf/utils";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 function ColorWidget(props) {
   const { disabled, readonly, options, registry } = props;
   const BaseInputTemplate2 = getTemplate14("BaseInputTemplate", registry, options);
-  return /* @__PURE__ */ jsx35(BaseInputTemplate2, { type: "color", ...props, disabled: disabled || readonly });
+  return /* @__PURE__ */ jsx36(BaseInputTemplate2, { type: "color", ...props, disabled: disabled || readonly });
 }
 
 // src/components/widgets/DateWidget.tsx
 import { useCallback as useCallback7 } from "react";
 import { getTemplate as getTemplate15 } from "@rjsf/utils";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function DateWidget(props) {
   const { onChange, options, registry } = props;
   const BaseInputTemplate2 = getTemplate15("BaseInputTemplate", registry, options);
   const handleChange = useCallback7((value) => onChange(value || void 0), [onChange]);
-  return /* @__PURE__ */ jsx36(BaseInputTemplate2, { type: "date", ...props, onChange: handleChange });
+  return /* @__PURE__ */ jsx37(BaseInputTemplate2, { type: "date", ...props, onChange: handleChange });
 }
 
 // src/components/widgets/DateTimeWidget.tsx
@@ -3617,11 +3629,11 @@ import {
   localToUTC,
   utcToLocal
 } from "@rjsf/utils";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 function DateTimeWidget(props) {
   const { onChange, value, options, registry } = props;
   const BaseInputTemplate2 = getTemplate16("BaseInputTemplate", registry, options);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     BaseInputTemplate2,
     {
       type: "datetime-local",
@@ -3634,11 +3646,11 @@ function DateTimeWidget(props) {
 
 // src/components/widgets/EmailWidget.tsx
 import { getTemplate as getTemplate17 } from "@rjsf/utils";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function EmailWidget(props) {
   const { options, registry } = props;
   const BaseInputTemplate2 = getTemplate17("BaseInputTemplate", registry, options);
-  return /* @__PURE__ */ jsx38(BaseInputTemplate2, { type: "email", ...props });
+  return /* @__PURE__ */ jsx39(BaseInputTemplate2, { type: "email", ...props });
 }
 
 // src/components/widgets/FileWidget.tsx
@@ -3649,7 +3661,7 @@ import {
   TranslatableString as TranslatableString12
 } from "@rjsf/utils";
 import Markdown4 from "markdown-to-jsx";
-import { Fragment as Fragment4, jsx as jsx39, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx40, jsxs as jsxs18 } from "react/jsx-runtime";
 function addNameToDataURL(dataURL, name) {
   if (dataURL === null) {
     return null;
@@ -3694,11 +3706,11 @@ function FileInfoPreview({
     return null;
   }
   if (["image/jpeg", "image/png"].includes(type)) {
-    return /* @__PURE__ */ jsx39("img", { src: dataURL, style: { maxWidth: "100%" }, className: "file-preview" });
+    return /* @__PURE__ */ jsx40("img", { src: dataURL, style: { maxWidth: "100%" }, className: "file-preview" });
   }
   return /* @__PURE__ */ jsxs18(Fragment4, { children: [
     " ",
-    /* @__PURE__ */ jsx39("a", { download: `preview-${name}`, href: dataURL, className: "file-download", children: translateString(TranslatableString12.PreviewLabel) })
+    /* @__PURE__ */ jsx40("a", { download: `preview-${name}`, href: dataURL, className: "file-download", children: translateString(TranslatableString12.PreviewLabel) })
   ] });
 }
 function FilesInfo({
@@ -3713,13 +3725,13 @@ function FilesInfo({
   }
   const { translateString } = registry;
   const { RemoveButton: RemoveButton2 } = getTemplate18("ButtonTemplates", registry, options);
-  return /* @__PURE__ */ jsx39("ul", { className: "file-info", children: filesInfo.map((fileInfo, key) => {
+  return /* @__PURE__ */ jsx40("ul", { className: "file-info", children: filesInfo.map((fileInfo, key) => {
     const { name, size, type } = fileInfo;
     const handleRemove = () => onRemove(key);
     return /* @__PURE__ */ jsxs18("li", { children: [
-      /* @__PURE__ */ jsx39(Markdown4, { children: translateString(TranslatableString12.FilesInfo, [name, type, String(size)]) }),
-      preview && /* @__PURE__ */ jsx39(FileInfoPreview, { fileInfo, registry }),
-      /* @__PURE__ */ jsx39(RemoveButton2, { onClick: handleRemove, registry })
+      /* @__PURE__ */ jsx40(Markdown4, { children: translateString(TranslatableString12.FilesInfo, [name, type, String(size)]) }),
+      preview && /* @__PURE__ */ jsx40(FileInfoPreview, { fileInfo, registry }),
+      /* @__PURE__ */ jsx40(RemoveButton2, { onClick: handleRemove, registry })
     ] }, key);
   }) });
 }
@@ -3776,7 +3788,7 @@ function FileWidget(props) {
     [multiple, value, onChange]
   );
   return /* @__PURE__ */ jsxs18("div", { children: [
-    /* @__PURE__ */ jsx39(
+    /* @__PURE__ */ jsx40(
       BaseInputTemplate2,
       {
         ...props,
@@ -3788,7 +3800,7 @@ function FileWidget(props) {
         accept: options.accept ? String(options.accept) : void 0
       }
     ),
-    /* @__PURE__ */ jsx39(
+    /* @__PURE__ */ jsx40(
       FilesInfo,
       {
         filesInfo,
@@ -3803,22 +3815,22 @@ function FileWidget(props) {
 var FileWidget_default = FileWidget;
 
 // src/components/widgets/HiddenWidget.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 function HiddenWidget({
   id,
   value
 }) {
-  return /* @__PURE__ */ jsx40("input", { type: "hidden", id, name: id, value: typeof value === "undefined" ? "" : value });
+  return /* @__PURE__ */ jsx41("input", { type: "hidden", id, name: id, value: typeof value === "undefined" ? "" : value });
 }
 var HiddenWidget_default = HiddenWidget;
 
 // src/components/widgets/PasswordWidget.tsx
 import { getTemplate as getTemplate19 } from "@rjsf/utils";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function PasswordWidget(props) {
   const { options, registry } = props;
   const BaseInputTemplate2 = getTemplate19("BaseInputTemplate", registry, options);
-  return /* @__PURE__ */ jsx41(BaseInputTemplate2, { type: "password", ...props });
+  return /* @__PURE__ */ jsx42(BaseInputTemplate2, { type: "password", ...props });
 }
 
 // src/components/widgets/RadioWidget.tsx
@@ -3829,7 +3841,7 @@ import {
   enumOptionsValueForIndex as enumOptionsValueForIndex2,
   optionId as optionId2
 } from "@rjsf/utils";
-import { jsx as jsx42, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs19 } from "react/jsx-runtime";
 function RadioWidget({
   options,
   value,
@@ -3851,13 +3863,13 @@ function RadioWidget({
     ({ target }) => onFocus(id, enumOptionsValueForIndex2(target && target.value, enumOptions, emptyValue)),
     [onFocus, enumOptions, emptyValue, id]
   );
-  return /* @__PURE__ */ jsx42("div", { className: "field-radio-group", id, role: "radiogroup", children: Array.isArray(enumOptions) && enumOptions.map((option, i) => {
+  return /* @__PURE__ */ jsx43("div", { className: "field-radio-group", id, role: "radiogroup", children: Array.isArray(enumOptions) && enumOptions.map((option, i) => {
     const checked = enumOptionsIsSelected2(option.value, value);
     const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
     const disabledCls = disabled || itemDisabled || readonly ? "disabled" : "";
     const handleChange = () => onChange(option.value);
     const radio = /* @__PURE__ */ jsxs19("span", { children: [
-      /* @__PURE__ */ jsx42(
+      /* @__PURE__ */ jsx43(
         "input",
         {
           type: "radio",
@@ -3874,15 +3886,15 @@ function RadioWidget({
           "aria-describedby": ariaDescribedByIds5(id)
         }
       ),
-      /* @__PURE__ */ jsx42("span", { children: option.label })
+      /* @__PURE__ */ jsx43("span", { children: option.label })
     ] });
-    return inline ? /* @__PURE__ */ jsx42("label", { className: `radio-inline ${disabledCls}`, children: radio }, i) : /* @__PURE__ */ jsx42("div", { className: `radio ${disabledCls}`, children: /* @__PURE__ */ jsx42("label", { children: radio }) }, i);
+    return inline ? /* @__PURE__ */ jsx43("label", { className: `radio-inline ${disabledCls}`, children: radio }, i) : /* @__PURE__ */ jsx43("div", { className: `radio ${disabledCls}`, children: /* @__PURE__ */ jsx43("label", { children: radio }) }, i);
   }) });
 }
 var RadioWidget_default = RadioWidget;
 
 // src/components/widgets/RangeWidget.tsx
-import { jsx as jsx43, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs20 } from "react/jsx-runtime";
 function RangeWidget(props) {
   const {
     value,
@@ -3891,14 +3903,14 @@ function RangeWidget(props) {
     }
   } = props;
   return /* @__PURE__ */ jsxs20("div", { className: "field-range-wrapper", children: [
-    /* @__PURE__ */ jsx43(BaseInputTemplate2, { type: "range", ...props }),
-    /* @__PURE__ */ jsx43("span", { className: "range-view", children: value })
+    /* @__PURE__ */ jsx44(BaseInputTemplate2, { type: "range", ...props }),
+    /* @__PURE__ */ jsx44("span", { className: "range-view", children: value })
   ] });
 }
 
 // src/components/widgets/RatingWidget.tsx
 import { useCallback as useCallback10 } from "react";
-import { Fragment as Fragment5, jsx as jsx44, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx45, jsxs as jsxs21 } from "react/jsx-runtime";
 function RatingWidget({
   id,
   value,
@@ -3947,7 +3959,7 @@ function RatingWidget({
     }
     return isFilled ? "\u2605" : "\u2606";
   };
-  return /* @__PURE__ */ jsx44(Fragment5, { children: /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsx45(Fragment5, { children: /* @__PURE__ */ jsxs21(
     "div",
     {
       className: "rating-widget",
@@ -3960,7 +3972,7 @@ function RatingWidget({
         [...Array(numStars)].map((_, index) => {
           const starValue = min + index;
           const isFilled = starValue <= value;
-          return /* @__PURE__ */ jsx44(
+          return /* @__PURE__ */ jsx45(
             "span",
             {
               onClick: () => handleStarClick(starValue),
@@ -3982,7 +3994,7 @@ function RatingWidget({
             index
           );
         }),
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx45(
           "input",
           {
             type: "hidden",
@@ -4006,7 +4018,7 @@ import {
   enumOptionsIndexForValue,
   enumOptionsValueForIndex as enumOptionsValueForIndex3
 } from "@rjsf/utils";
-import { jsx as jsx45, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs22 } from "react/jsx-runtime";
 function getValue(event, multiple) {
   if (multiple) {
     return Array.from(event.target.options).slice().filter((o) => o.selected).map((o) => o.value);
@@ -4070,10 +4082,10 @@ function SelectWidget({
       onChange: handleChange,
       "aria-describedby": ariaDescribedByIds6(id),
       children: [
-        showPlaceholderOption && /* @__PURE__ */ jsx45("option", { value: "", children: placeholder }),
+        showPlaceholderOption && /* @__PURE__ */ jsx46("option", { value: "", children: placeholder }),
         Array.isArray(enumOptions) && enumOptions.map(({ value: value2, label }, i) => {
           const disabled2 = enumDisabled && enumDisabled.indexOf(value2) !== -1;
-          return /* @__PURE__ */ jsx45("option", { value: String(i), disabled: disabled2, children: label }, i);
+          return /* @__PURE__ */ jsx46("option", { value: String(i), disabled: disabled2, children: label }, i);
         })
       ]
     }
@@ -4084,7 +4096,7 @@ var SelectWidget_default = SelectWidget;
 // src/components/widgets/TextareaWidget.tsx
 import { useCallback as useCallback12 } from "react";
 import { ariaDescribedByIds as ariaDescribedByIds7 } from "@rjsf/utils";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 function TextareaWidget({
   id,
   options = {},
@@ -4110,7 +4122,7 @@ function TextareaWidget({
     ({ target }) => onFocus(id, target && target.value),
     [id, onFocus]
   );
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "textarea",
     {
       id,
@@ -4138,40 +4150,40 @@ var TextareaWidget_default = TextareaWidget;
 
 // src/components/widgets/TextWidget.tsx
 import { getTemplate as getTemplate20 } from "@rjsf/utils";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 function TextWidget(props) {
   const { options, registry } = props;
   const BaseInputTemplate2 = getTemplate20("BaseInputTemplate", registry, options);
-  return /* @__PURE__ */ jsx47(BaseInputTemplate2, { ...props });
+  return /* @__PURE__ */ jsx48(BaseInputTemplate2, { ...props });
 }
 
 // src/components/widgets/TimeWidget.tsx
 import { useCallback as useCallback13 } from "react";
 import { getTemplate as getTemplate21 } from "@rjsf/utils";
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 function TimeWidget(props) {
   const { onChange, options, registry } = props;
   const BaseInputTemplate2 = getTemplate21("BaseInputTemplate", registry, options);
   const handleChange = useCallback13((value) => onChange(value ? `${value}:00` : void 0), [onChange]);
-  return /* @__PURE__ */ jsx48(BaseInputTemplate2, { type: "time", ...props, onChange: handleChange });
+  return /* @__PURE__ */ jsx49(BaseInputTemplate2, { type: "time", ...props, onChange: handleChange });
 }
 
 // src/components/widgets/URLWidget.tsx
 import { getTemplate as getTemplate22 } from "@rjsf/utils";
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 function URLWidget(props) {
   const { options, registry } = props;
   const BaseInputTemplate2 = getTemplate22("BaseInputTemplate", registry, options);
-  return /* @__PURE__ */ jsx49(BaseInputTemplate2, { type: "url", ...props });
+  return /* @__PURE__ */ jsx50(BaseInputTemplate2, { type: "url", ...props });
 }
 
 // src/components/widgets/UpDownWidget.tsx
 import { getTemplate as getTemplate23 } from "@rjsf/utils";
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 function UpDownWidget(props) {
   const { options, registry } = props;
   const BaseInputTemplate2 = getTemplate23("BaseInputTemplate", registry, options);
-  return /* @__PURE__ */ jsx50(BaseInputTemplate2, { type: "number", ...props });
+  return /* @__PURE__ */ jsx51(BaseInputTemplate2, { type: "number", ...props });
 }
 
 // src/components/widgets/index.ts
@@ -4214,7 +4226,7 @@ function getDefaultRegistry() {
 }
 
 // src/components/Form.tsx
-import { jsx as jsx51, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs23 } from "react/jsx-runtime";
 var Form = class extends Component5 {
   /** The ref used to hold the `form` element, this needs to be `any` because `tagName` or `_internalFormWrapper` can
    * provide any possible type here
@@ -4454,10 +4466,10 @@ var Form = class extends Component5 {
   renderErrors(registry) {
     const { errors, errorSchema, schema, uiSchema } = this.state;
     const { formContext } = this.props;
-    const options = getUiOptions16(uiSchema);
+    const options = getUiOptions17(uiSchema);
     const ErrorListTemplate = getTemplate24("ErrorListTemplate", registry, options);
     if (errors && errors.length) {
-      return /* @__PURE__ */ jsx51(
+      return /* @__PURE__ */ jsx52(
         ErrorListTemplate,
         {
           errors,
@@ -4875,7 +4887,7 @@ var Form = class extends Component5 {
     const { SubmitButton: SubmitButton2 } = registry.templates.ButtonTemplates;
     const as = _internalFormWrapper ? tagName : void 0;
     const FormTag = _internalFormWrapper || tagName || "form";
-    let { [SUBMIT_BTN_OPTIONS_KEY]: submitOptions = {} } = getUiOptions16(uiSchema);
+    let { [SUBMIT_BTN_OPTIONS_KEY]: submitOptions = {} } = getUiOptions17(uiSchema);
     if (disabled) {
       submitOptions = { ...submitOptions, props: { ...submitOptions.props, disabled: true } };
     }
@@ -4898,7 +4910,7 @@ var Form = class extends Component5 {
         ref: this.formElement,
         children: [
           showErrorList === "top" && this.renderErrors(registry),
-          /* @__PURE__ */ jsx51(
+          /* @__PURE__ */ jsx52(
             _SchemaField,
             {
               name: "",
@@ -4918,7 +4930,7 @@ var Form = class extends Component5 {
               readonly
             }
           ),
-          children ? children : /* @__PURE__ */ jsx51(SubmitButton2, { uiSchema: submitUiSchema, registry }),
+          children ? children : /* @__PURE__ */ jsx52(SubmitButton2, { uiSchema: submitUiSchema, registry }),
           showErrorList === "bottom" && this.renderErrors(registry)
         ]
       }
@@ -4928,7 +4940,7 @@ var Form = class extends Component5 {
 
 // src/withTheme.tsx
 import { forwardRef } from "react";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 function withTheme(themeProps) {
   return forwardRef(
     ({ fields: fields2, widgets: widgets2, templates: templates2, ...directProps }, ref) => {
@@ -4942,7 +4954,7 @@ function withTheme(themeProps) {
           ...templates2?.ButtonTemplates
         }
       };
-      return /* @__PURE__ */ jsx52(
+      return /* @__PURE__ */ jsx53(
         Form,
         {
           ...themeProps,
@@ -4960,6 +4972,7 @@ function withTheme(themeProps) {
 // src/index.ts
 var index_default = Form;
 export {
+  RichDescription,
   index_default as default,
   getDefaultRegistry,
   withTheme