@rjsf/core 6.0.2 → 6.1.0

package/dist/index.esm.js

@@ -6,7 +6,7 @@ import {
   ErrorSchemaBuilder,
   getChangedFields,
   getTemplate as getTemplate28,
-  getUiOptions as getUiOptions20,
+  getUiOptions as getUiOptions21,
   isObject as isObject6,
   mergeObjects,
   NAME_KEY,
@@ -304,7 +304,9 @@ function ArrayFieldItem(props) {
     handleReorderItems
   } = props;
   const {
-    fields: { ArraySchemaField, SchemaField: SchemaField2 }
+    schemaUtils,
+    fields: { ArraySchemaField, SchemaField: SchemaField2 },
+    globalUiOptions
   } = registry;
   const fieldPathId = useDeepCompareMemo(itemFieldPathId);
   const ItemSchemaField = ArraySchemaField || SchemaField2;
@@ -313,6 +315,9 @@ function ArrayFieldItem(props) {
     registry,
     uiOptions
   );
+  const displayLabel = schemaUtils.getDisplayLabel(itemSchema, itemUiSchema, globalUiOptions);
+  const { description } = getUiOptions(itemUiSchema);
+  const hasDescription = !!description || !!itemSchema.description;
   const { orderable = true, removable = true, copyable = false } = uiOptions;
   const has4 = {
     moveUp: orderable && canMoveUp,
@@ -406,7 +411,9 @@ function ArrayFieldItem(props) {
     registry,
     schema: itemSchema,
     uiSchema: itemUiSchema,
-    parentUiSchema
+    parentUiSchema,
+    displayLabel,
+    hasDescription
   };
   return /* @__PURE__ */ jsx(ArrayFieldItemTemplate2, { ...templateProps });
 }
@@ -2548,9 +2555,10 @@ function StringField(props) {
     onFocus,
     registry,
     rawErrors,
-    hideError
+    hideError,
+    title
   } = props;
-  const { title, format } = schema;
+  const { title: schemaTitle, format } = schema;
   const { widgets: widgets2, schemaUtils, globalUiOptions } = registry;
   const enumOptions = schemaUtils.isSelect(schema) ? optionsList4(schema, uiSchema) : void 0;
   let defaultWidget = enumOptions ? "select" : "text";
@@ -2559,7 +2567,7 @@ function StringField(props) {
   }
   const { widget = defaultWidget, placeholder = "", title: uiTitle, ...options } = getUiOptions11(uiSchema);
   const displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema, globalUiOptions);
-  const label = uiTitle ?? title ?? name;
+  const label = uiTitle ?? title ?? schemaTitle ?? name;
   const Widget = getWidget5(schema, widget, widgets2);
   const onWidgetChange = useCallback6(
     (value, errorSchema, id) => {
@@ -2668,7 +2676,7 @@ import {
 } from "@rjsf/utils";
 import { jsx as jsx14, jsxs as jsxs3 } from "react/jsx-runtime";
 function ArrayFieldItemTemplate(props) {
-  const { children, className, buttonsProps, hasToolbar, registry, uiSchema } = props;
+  const { children, className, buttonsProps, displayLabel, hasDescription, hasToolbar, registry, uiSchema } = props;
   const uiOptions = getUiOptions13(uiSchema);
   const ArrayFieldItemButtonsTemplate2 = getTemplate11(
     "ArrayFieldItemButtonsTemplate",
@@ -2681,19 +2689,12 @@ function ArrayFieldItemTemplate(props) {
     paddingRight: 6,
     fontWeight: "bold"
   };
-  return /* @__PURE__ */ jsxs3("div", { className, children: [
-    /* @__PURE__ */ jsx14("div", { className: hasToolbar ? "col-xs-9" : "col-xs-12", children }),
-    hasToolbar && /* @__PURE__ */ jsx14("div", { className: "col-xs-3 array-item-toolbox", children: /* @__PURE__ */ jsx14(
-      "div",
-      {
-        className: "btn-group",
-        style: {
-          display: "flex",
-          justifyContent: "space-around"
-        },
-        children: /* @__PURE__ */ jsx14(ArrayFieldItemButtonsTemplate2, { ...buttonsProps, style: btnStyle })
-      }
-    ) })
+  const margin = hasDescription ? 31 : 9;
+  const containerStyle = { display: "flex", alignItems: displayLabel ? "center" : "baseline" };
+  const toolbarStyle = { display: "flex", justifyContent: "flex-end", marginTop: displayLabel ? `${margin}px` : 0 };
+  return /* @__PURE__ */ jsxs3("div", { className, style: containerStyle, children: [
+    /* @__PURE__ */ jsx14("div", { className: hasToolbar ? "col-xs-9 col-md-10 col-xl-11" : "col-xs-12", children }),
+    hasToolbar && /* @__PURE__ */ jsx14("div", { className: "col-xs-3 col-md-2 col-xl-1 array-item-toolbox", children: /* @__PURE__ */ jsx14("div", { className: "btn-group", style: toolbarStyle, children: /* @__PURE__ */ jsx14(ArrayFieldItemButtonsTemplate2, { ...buttonsProps, style: btnStyle }) }) })
   ] });
 }
 
@@ -3018,19 +3019,25 @@ function AddButton({
   registry
 }) {
   const { translateString } = registry;
-  return /* @__PURE__ */ jsx21("div", { className: "row", children: /* @__PURE__ */ jsx21("p", { className: `col-xs-3 col-xs-offset-9 text-right ${className}`, children: /* @__PURE__ */ jsx21(
-    IconButton,
+  return /* @__PURE__ */ jsx21("div", { className: "row", children: /* @__PURE__ */ jsx21(
+    "p",
     {
-      id,
-      iconType: "info",
-      icon: "plus",
-      className: "btn-add col-xs-12",
-      title: translateString(TranslatableString8.AddButton),
-      onClick,
-      disabled,
-      registry
+      className: `col-xs-4 col-sm-2 col-lg-1 col-xs-offset-8 col-sm-offset-10 col-lg-offset-11 text-right ${className}`,
+      children: /* @__PURE__ */ jsx21(
+        IconButton,
+        {
+          id,
+          iconType: "info",
+          icon: "plus",
+          className: "btn-add col-xs-12",
+          title: translateString(TranslatableString8.AddButton),
+          onClick,
+          disabled,
+          registry
+        }
+      )
     }
-  ) }) });
+  ) });
 }
 
 // src/components/templates/ButtonTemplates/index.ts
@@ -3174,32 +3181,52 @@ function FieldErrorTemplate(props) {
 
 // src/components/templates/FieldHelpTemplate.tsx
 import { helpId } from "@rjsf/utils";
+
+// src/components/RichHelp.tsx
+import {
+  getTestIds as getTestIds3,
+  getUiOptions as getUiOptions18
+} from "@rjsf/utils";
+import Markdown3 from "markdown-to-jsx";
 import { jsx as jsx29 } from "react/jsx-runtime";
+var TEST_IDS2 = getTestIds3();
+function RichHelp({
+  help,
+  registry,
+  uiSchema = {}
+}) {
+  const { globalUiOptions } = registry;
+  const uiOptions = getUiOptions18(uiSchema, globalUiOptions);
+  if (uiOptions.enableMarkdownInHelp && typeof help === "string") {
+    return /* @__PURE__ */ jsx29(Markdown3, { options: { disableParsingRawHTML: true }, "data-testid": TEST_IDS2.markdown, children: help });
+  }
+  return help;
+}
+RichHelp.TEST_IDS = TEST_IDS2;
+
+// src/components/templates/FieldHelpTemplate.tsx
+import { jsx as jsx30 } from "react/jsx-runtime";
 function FieldHelpTemplate(props) {
-  const { fieldPathId, help } = props;
+  const { fieldPathId, help, uiSchema, registry } = props;
   if (!help) {
     return null;
   }
-  const id = helpId(fieldPathId);
-  if (typeof help === "string") {
-    return /* @__PURE__ */ jsx29("p", { id, className: "help-block", children: help });
-  }
-  return /* @__PURE__ */ jsx29("div", { id, className: "help-block", children: help });
+  return /* @__PURE__ */ jsx30("div", { id: helpId(fieldPathId), className: "help-block", children: /* @__PURE__ */ jsx30(RichHelp, { help, registry, uiSchema }) });
 }
 
 // src/components/templates/GridTemplate.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function GridTemplate(props) {
   const { children, column, className, ...rest } = props;
-  return /* @__PURE__ */ jsx30("div", { className, ...rest, children });
+  return /* @__PURE__ */ jsx31("div", { className, ...rest, children });
 }
 
 // src/components/templates/MultiSchemaFieldTemplate.tsx
-import { jsx as jsx31, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs10 } from "react/jsx-runtime";
 function MultiSchemaFieldTemplate(props) {
   const { selector, optionSchemaField } = props;
   return /* @__PURE__ */ jsxs10("div", { className: "panel panel-default panel-body", children: [
-    /* @__PURE__ */ jsx31("div", { className: "form-group", children: selector }),
+    /* @__PURE__ */ jsx32("div", { className: "form-group", children: selector }),
     optionSchemaField
   ] });
 }
@@ -3209,11 +3236,11 @@ import {
   canExpand,
   descriptionId as descriptionId3,
   getTemplate as getTemplate16,
-  getUiOptions as getUiOptions18,
+  getUiOptions as getUiOptions19,
   titleId as titleId3,
   buttonId as buttonId3
 } from "@rjsf/utils";
-import { jsx as jsx32, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs11 } from "react/jsx-runtime";
 function ObjectFieldTemplate(props) {
   const {
     className,
@@ -3231,7 +3258,7 @@ function ObjectFieldTemplate(props) {
     title,
     uiSchema
   } = props;
-  const options = getUiOptions18(uiSchema);
+  const options = getUiOptions19(uiSchema);
   const TitleFieldTemplate = getTemplate16("TitleFieldTemplate", registry, options);
   const DescriptionFieldTemplate = getTemplate16(
     "DescriptionFieldTemplate",
@@ -3243,7 +3270,7 @@ function ObjectFieldTemplate(props) {
     ButtonTemplates: { AddButton: AddButton2 }
   } = registry.templates;
   return /* @__PURE__ */ jsxs11("fieldset", { className, id: fieldPathId.$id, children: [
-    title && /* @__PURE__ */ jsx32(
+    title && /* @__PURE__ */ jsx33(
       TitleFieldTemplate,
       {
         id: titleId3(fieldPathId),
@@ -3255,7 +3282,7 @@ function ObjectFieldTemplate(props) {
         optionalDataControl: showOptionalDataControlInTitle ? optionalDataControl : void 0
       }
     ),
-    description && /* @__PURE__ */ jsx32(
+    description && /* @__PURE__ */ jsx33(
       DescriptionFieldTemplate,
       {
         id: descriptionId3(fieldPathId),
@@ -3267,7 +3294,7 @@ function ObjectFieldTemplate(props) {
     ),
     !showOptionalDataControlInTitle ? optionalDataControl : void 0,
     properties.map((prop) => prop.content),
-    canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsx32(
+    canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsx33(
       AddButton2,
       {
         id: buttonId3(fieldPathId, "add"),
@@ -3282,11 +3309,11 @@ function ObjectFieldTemplate(props) {
 }
 
 // src/components/templates/OptionalDataControlsTemplate.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function OptionalDataControlsTemplate(props) {
   const { id, registry, label, onAddClick, onRemoveClick } = props;
   if (onAddClick) {
-    return /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsx34(
       IconButton,
       {
         id,
@@ -3298,7 +3325,7 @@ function OptionalDataControlsTemplate(props) {
       }
     );
   } else if (onRemoveClick) {
-    return /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsx34(
       IconButton,
       {
         id,
@@ -3310,25 +3337,25 @@ function OptionalDataControlsTemplate(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx33("em", { id, children: label });
+  return /* @__PURE__ */ jsx34("em", { id, children: label });
 }
 
 // src/components/templates/TitleField.tsx
-import { jsx as jsx34, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs12 } from "react/jsx-runtime";
 var REQUIRED_FIELD_SYMBOL2 = "*";
 function TitleField(props) {
   const { id, title, required, optionalDataControl } = props;
   return /* @__PURE__ */ jsxs12("legend", { id, children: [
     title,
-    required && /* @__PURE__ */ jsx34("span", { className: "required", children: REQUIRED_FIELD_SYMBOL2 }),
-    optionalDataControl && /* @__PURE__ */ jsx34("span", { className: "pull-right", style: { marginBottom: "2px" }, children: optionalDataControl })
+    required && /* @__PURE__ */ jsx35("span", { className: "required", children: REQUIRED_FIELD_SYMBOL2 }),
+    optionalDataControl && /* @__PURE__ */ jsx35("span", { className: "pull-right", style: { marginBottom: "2px" }, children: optionalDataControl })
   ] });
 }
 
 // src/components/templates/UnsupportedField.tsx
 import { TranslatableString as TranslatableString10 } from "@rjsf/utils";
-import Markdown3 from "markdown-to-jsx";
-import { jsx as jsx35, jsxs as jsxs13 } from "react/jsx-runtime";
+import Markdown4 from "markdown-to-jsx";
+import { jsx as jsx36, jsxs as jsxs13 } from "react/jsx-runtime";
 function UnsupportedField(props) {
   const { schema, fieldPathId, reason, registry } = props;
   const { translateString } = registry;
@@ -3343,8 +3370,8 @@ function UnsupportedField(props) {
     translateParams.push(reason);
   }
   return /* @__PURE__ */ jsxs13("div", { className: "unsupported-field", children: [
-    /* @__PURE__ */ jsx35("p", { children: /* @__PURE__ */ jsx35(Markdown3, { options: { disableParsingRawHTML: true }, children: translateString(translateEnum, translateParams) }) }),
-    schema && /* @__PURE__ */ jsx35("pre", { children: JSON.stringify(schema, null, 2) })
+    /* @__PURE__ */ jsx36("p", { children: /* @__PURE__ */ jsx36(Markdown4, { options: { disableParsingRawHTML: true }, children: translateString(translateEnum, translateParams) }) }),
+    schema && /* @__PURE__ */ jsx36("pre", { children: JSON.stringify(schema, null, 2) })
   ] });
 }
 var UnsupportedField_default = UnsupportedField;
@@ -3355,16 +3382,18 @@ import {
   buttonId as buttonId4,
   TranslatableString as TranslatableString11
 } from "@rjsf/utils";
-import { jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs14 } from "react/jsx-runtime";
 function WrapIfAdditionalTemplate(props) {
   const {
     id,
     classNames,
     style,
     disabled,
+    displayLabel,
     label,
     onKeyRenameBlur,
     onRemoveProperty,
+    rawDescription,
     readonly,
     required,
     schema,
@@ -3378,18 +3407,21 @@ function WrapIfAdditionalTemplate(props) {
   const { RemoveButton: RemoveButton2 } = templates2.ButtonTemplates;
   const keyLabel = translateString(TranslatableString11.KeyLabel, [label]);
   const additional = ADDITIONAL_PROPERTY_FLAG3 in schema;
+  const hasDescription = !!rawDescription;
   const classNamesList = ["form-group", classNames];
   if (!hideError && rawErrors && rawErrors.length > 0) {
     classNamesList.push("has-error has-danger");
   }
   const uiClassNames = classNamesList.join(" ").trim();
   if (!additional) {
-    return /* @__PURE__ */ jsx36("div", { className: uiClassNames, style, children });
+    return /* @__PURE__ */ jsx37("div", { className: uiClassNames, style, children });
   }
-  return /* @__PURE__ */ jsx36("div", { className: uiClassNames, style, children: /* @__PURE__ */ jsxs14("div", { className: "row", children: [
-    /* @__PURE__ */ jsx36("div", { className: "col-xs-5 form-additional", children: /* @__PURE__ */ jsxs14("div", { className: "form-group", children: [
-      /* @__PURE__ */ jsx36(Label, { label: keyLabel, required, id: `${id}-key` }),
-      /* @__PURE__ */ jsx36(
+  const margin = hasDescription ? 46 : 26;
+  return /* @__PURE__ */ jsx37("div", { className: uiClassNames, style, children: /* @__PURE__ */ jsxs14("div", { className: "row", children: [
+    /* @__PURE__ */ jsx37("div", { className: "col-xs-5 form-additional", children: /* @__PURE__ */ jsxs14("div", { className: "form-group", children: [
+      displayLabel && /* @__PURE__ */ jsx37(Label, { label: keyLabel, required, id: `${id}-key` }),
+      displayLabel && rawDescription && /* @__PURE__ */ jsx37("div", { children: "\xA0" }),
+      /* @__PURE__ */ jsx37(
         "input",
         {
           className: "form-control",
@@ -3400,8 +3432,8 @@ function WrapIfAdditionalTemplate(props) {
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx36("div", { className: "form-additional form-group col-xs-5", children }),
-    /* @__PURE__ */ jsx36("div", { className: "col-xs-2", children: /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx37("div", { className: "form-additional form-group col-xs-5", children }),
+    /* @__PURE__ */ jsx37("div", { className: "col-xs-2", style: { marginTop: displayLabel ? `${margin}px` : void 0 }, children: /* @__PURE__ */ jsx37(
       RemoveButton2,
       {
         id: buttonId4(id, "remove"),
@@ -3449,13 +3481,13 @@ import {
   TranslatableString as TranslatableString12,
   useAltDateWidgetProps
 } from "@rjsf/utils";
-import { jsx as jsx37, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs15 } from "react/jsx-runtime";
 function AltDateWidget(props) {
   const { disabled = false, readonly = false, autofocus = false, options, id, name, registry, onBlur, onFocus } = props;
   const { translateString } = registry;
   const { elements, handleChange, handleClear, handleSetNow } = useAltDateWidgetProps(props);
   return /* @__PURE__ */ jsxs15("ul", { className: "list-inline", children: [
-    elements.map((elemProps, i) => /* @__PURE__ */ jsx37("li", { className: "list-inline-item", children: /* @__PURE__ */ jsx37(
+    elements.map((elemProps, i) => /* @__PURE__ */ jsx38("li", { className: "list-inline-item", children: /* @__PURE__ */ jsx38(
       DateElement,
       {
         rootId: id,
@@ -3470,20 +3502,20 @@ function AltDateWidget(props) {
         autofocus: autofocus && i === 0
       }
     ) }, i)),
-    (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ jsx37("li", { className: "list-inline-item", children: /* @__PURE__ */ jsx37("a", { href: "#", className: "btn btn-info btn-now", onClick: handleSetNow, children: translateString(TranslatableString12.NowLabel) }) }),
-    (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ jsx37("li", { className: "list-inline-item", children: /* @__PURE__ */ jsx37("a", { href: "#", className: "btn btn-warning btn-clear", onClick: handleClear, children: translateString(TranslatableString12.ClearLabel) }) })
+    (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ jsx38("li", { className: "list-inline-item", children: /* @__PURE__ */ jsx38("a", { href: "#", className: "btn btn-info btn-now", onClick: handleSetNow, children: translateString(TranslatableString12.NowLabel) }) }),
+    (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ jsx38("li", { className: "list-inline-item", children: /* @__PURE__ */ jsx38("a", { href: "#", className: "btn btn-warning btn-clear", onClick: handleClear, children: translateString(TranslatableString12.ClearLabel) }) })
   ] });
 }
 var AltDateWidget_default = AltDateWidget;
 
 // src/components/widgets/AltDateTimeWidget.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function AltDateTimeWidget({
   time = true,
   ...props
 }) {
   const { AltDateWidget: AltDateWidget2 } = props.registry.widgets;
-  return /* @__PURE__ */ jsx38(AltDateWidget2, { time, ...props });
+  return /* @__PURE__ */ jsx39(AltDateWidget2, { time, ...props });
 }
 var AltDateTimeWidget_default = AltDateTimeWidget;
 
@@ -3495,9 +3527,9 @@ import {
   getTemplate as getTemplate17,
   labelValue,
   schemaRequiresTrueValue,
-  getUiOptions as getUiOptions19
+  getUiOptions as getUiOptions20
 } from "@rjsf/utils";
-import { jsx as jsx39, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs16 } from "react/jsx-runtime";
 function CheckboxWidget({
   schema,
   uiSchema,
@@ -3533,11 +3565,11 @@ function CheckboxWidget({
     (event) => onFocus(id, event.target.checked),
     [onFocus, id]
   );
-  const uiOptions = getUiOptions19(uiSchema);
+  const uiOptions = getUiOptions20(uiSchema);
   const isCheckboxWidget = uiOptions.widget === "checkbox";
   const description = isCheckboxWidget ? void 0 : options.description ?? schema.description;
   return /* @__PURE__ */ jsxs16("div", { className: `checkbox ${disabled || readonly ? "disabled" : ""}`, children: [
-    !hideLabel && description && /* @__PURE__ */ jsx39(
+    !hideLabel && description && /* @__PURE__ */ jsx40(
       DescriptionFieldTemplate,
       {
         id: descriptionId4(id),
@@ -3548,7 +3580,7 @@ function CheckboxWidget({
       }
     ),
     /* @__PURE__ */ jsxs16("label", { children: [
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx40(
         "input",
         {
           type: "checkbox",
@@ -3564,7 +3596,7 @@ function CheckboxWidget({
           "aria-describedby": ariaDescribedByIds2(id)
         }
       ),
-      labelValue(/* @__PURE__ */ jsx39("span", { children: label }), hideLabel)
+      labelValue(/* @__PURE__ */ jsx40("span", { children: label }), hideLabel)
     ] })
   ] });
 }
@@ -3580,7 +3612,7 @@ import {
   enumOptionsValueForIndex,
   optionId
 } from "@rjsf/utils";
-import { jsx as jsx40, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs17 } from "react/jsx-runtime";
 function CheckboxesWidget({
   id,
   disabled,
@@ -3602,7 +3634,7 @@ function CheckboxesWidget({
     ({ target }) => onFocus(id, enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue)),
     [onFocus, id, enumOptions, emptyValue]
   );
-  return /* @__PURE__ */ jsx40("div", { className: "checkboxes", id, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+  return /* @__PURE__ */ jsx41("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" : "";
@@ -3614,7 +3646,7 @@ function CheckboxesWidget({
       }
     };
     const checkbox = /* @__PURE__ */ jsxs17("span", { children: [
-      /* @__PURE__ */ jsx40(
+      /* @__PURE__ */ jsx41(
         "input",
         {
           type: "checkbox",
@@ -3630,31 +3662,31 @@ function CheckboxesWidget({
           "aria-describedby": ariaDescribedByIds3(id)
         }
       ),
-      /* @__PURE__ */ jsx40("span", { children: option.label })
+      /* @__PURE__ */ jsx41("span", { children: option.label })
     ] });
-    return inline ? /* @__PURE__ */ jsx40("label", { className: `checkbox-inline ${disabledCls}`, children: checkbox }, index) : /* @__PURE__ */ jsx40("div", { className: `checkbox ${disabledCls}`, children: /* @__PURE__ */ jsx40("label", { children: checkbox }) }, index);
+    return inline ? /* @__PURE__ */ jsx41("label", { className: `checkbox-inline ${disabledCls}`, children: checkbox }, index) : /* @__PURE__ */ jsx41("div", { className: `checkbox ${disabledCls}`, children: /* @__PURE__ */ jsx41("label", { children: checkbox }) }, index);
   }) });
 }
 var CheckboxesWidget_default = CheckboxesWidget;
 
 // src/components/widgets/ColorWidget.tsx
 import { getTemplate as getTemplate18 } from "@rjsf/utils";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function ColorWidget(props) {
   const { disabled, readonly, options, registry } = props;
   const BaseInputTemplate2 = getTemplate18("BaseInputTemplate", registry, options);
-  return /* @__PURE__ */ jsx41(BaseInputTemplate2, { type: "color", ...props, disabled: disabled || readonly });
+  return /* @__PURE__ */ jsx42(BaseInputTemplate2, { type: "color", ...props, disabled: disabled || readonly });
 }
 
 // src/components/widgets/DateWidget.tsx
 import { useCallback as useCallback10 } from "react";
 import { getTemplate as getTemplate19 } from "@rjsf/utils";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 function DateWidget(props) {
   const { onChange, options, registry } = props;
   const BaseInputTemplate2 = getTemplate19("BaseInputTemplate", registry, options);
   const handleChange = useCallback10((value) => onChange(value || void 0), [onChange]);
-  return /* @__PURE__ */ jsx42(BaseInputTemplate2, { type: "date", ...props, onChange: handleChange });
+  return /* @__PURE__ */ jsx43(BaseInputTemplate2, { type: "date", ...props, onChange: handleChange });
 }
 
 // src/components/widgets/DateTimeWidget.tsx
@@ -3663,11 +3695,11 @@ import {
   localToUTC,
   utcToLocal
 } from "@rjsf/utils";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function DateTimeWidget(props) {
   const { onChange, value, options, registry } = props;
   const BaseInputTemplate2 = getTemplate20("BaseInputTemplate", registry, options);
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     BaseInputTemplate2,
     {
       type: "datetime-local",
@@ -3680,11 +3712,11 @@ function DateTimeWidget(props) {
 
 // src/components/widgets/EmailWidget.tsx
 import { getTemplate as getTemplate21 } from "@rjsf/utils";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function EmailWidget(props) {
   const { options, registry } = props;
   const BaseInputTemplate2 = getTemplate21("BaseInputTemplate", registry, options);
-  return /* @__PURE__ */ jsx44(BaseInputTemplate2, { type: "email", ...props });
+  return /* @__PURE__ */ jsx45(BaseInputTemplate2, { type: "email", ...props });
 }
 
 // src/components/widgets/FileWidget.tsx
@@ -3693,8 +3725,8 @@ import {
   TranslatableString as TranslatableString13,
   useFileWidgetProps
 } from "@rjsf/utils";
-import Markdown4 from "markdown-to-jsx";
-import { Fragment as Fragment4, jsx as jsx45, jsxs as jsxs18 } from "react/jsx-runtime";
+import Markdown5 from "markdown-to-jsx";
+import { Fragment as Fragment4, jsx as jsx46, jsxs as jsxs18 } from "react/jsx-runtime";
 function FileInfoPreview({
   fileInfo,
   registry
@@ -3705,11 +3737,11 @@ function FileInfoPreview({
     return null;
   }
   if (["image/jpeg", "image/png"].includes(type)) {
-    return /* @__PURE__ */ jsx45("img", { src: dataURL, style: { maxWidth: "100%" }, className: "file-preview" });
+    return /* @__PURE__ */ jsx46("img", { src: dataURL, style: { maxWidth: "100%" }, className: "file-preview" });
   }
   return /* @__PURE__ */ jsxs18(Fragment4, { children: [
     " ",
-    /* @__PURE__ */ jsx45("a", { download: `preview-${name}`, href: dataURL, className: "file-download", children: translateString(TranslatableString13.PreviewLabel) })
+    /* @__PURE__ */ jsx46("a", { download: `preview-${name}`, href: dataURL, className: "file-download", children: translateString(TranslatableString13.PreviewLabel) })
   ] });
 }
 function FilesInfo({
@@ -3724,13 +3756,13 @@ function FilesInfo({
   }
   const { translateString } = registry;
   const { RemoveButton: RemoveButton2 } = getTemplate22("ButtonTemplates", registry, options);
-  return /* @__PURE__ */ jsx45("ul", { className: "file-info", children: filesInfo.map((fileInfo, key) => {
+  return /* @__PURE__ */ jsx46("ul", { className: "file-info", children: filesInfo.map((fileInfo, key) => {
     const { name, size, type } = fileInfo;
     const handleRemove = () => onRemove(key);
     return /* @__PURE__ */ jsxs18("li", { children: [
-      /* @__PURE__ */ jsx45(Markdown4, { children: translateString(TranslatableString13.FilesInfo, [name, type, String(size)]) }),
-      preview && /* @__PURE__ */ jsx45(FileInfoPreview, { fileInfo, registry }),
-      /* @__PURE__ */ jsx45(RemoveButton2, { onClick: handleRemove, registry })
+      /* @__PURE__ */ jsx46(Markdown5, { children: translateString(TranslatableString13.FilesInfo, [name, type, String(size)]) }),
+      preview && /* @__PURE__ */ jsx46(FileInfoPreview, { fileInfo, registry }),
+      /* @__PURE__ */ jsx46(RemoveButton2, { onClick: handleRemove, registry })
     ] }, key);
   }) });
 }
@@ -3744,7 +3776,7 @@ function FileWidget(props) {
     }
   };
   return /* @__PURE__ */ jsxs18("div", { children: [
-    /* @__PURE__ */ jsx45(
+    /* @__PURE__ */ jsx46(
       BaseInputTemplate2,
       {
         ...props,
@@ -3756,7 +3788,7 @@ function FileWidget(props) {
         accept: options.accept ? String(options.accept) : void 0
       }
     ),
-    /* @__PURE__ */ jsx45(
+    /* @__PURE__ */ jsx46(
       FilesInfo,
       {
         filesInfo,
@@ -3771,23 +3803,23 @@ function FileWidget(props) {
 var FileWidget_default = FileWidget;
 
 // src/components/widgets/HiddenWidget.tsx
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 function HiddenWidget({
   id,
   value,
   htmlName
 }) {
-  return /* @__PURE__ */ jsx46("input", { type: "hidden", id, name: htmlName || id, value: typeof value === "undefined" ? "" : value });
+  return /* @__PURE__ */ jsx47("input", { type: "hidden", id, name: htmlName || id, value: typeof value === "undefined" ? "" : value });
 }
 var HiddenWidget_default = HiddenWidget;
 
 // src/components/widgets/PasswordWidget.tsx
 import { getTemplate as getTemplate23 } from "@rjsf/utils";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 function PasswordWidget(props) {
   const { options, registry } = props;
   const BaseInputTemplate2 = getTemplate23("BaseInputTemplate", registry, options);
-  return /* @__PURE__ */ jsx47(BaseInputTemplate2, { type: "password", ...props });
+  return /* @__PURE__ */ jsx48(BaseInputTemplate2, { type: "password", ...props });
 }
 
 // src/components/widgets/RadioWidget.tsx
@@ -3798,7 +3830,7 @@ import {
   enumOptionsValueForIndex as enumOptionsValueForIndex2,
   optionId as optionId2
 } from "@rjsf/utils";
-import { jsx as jsx48, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs19 } from "react/jsx-runtime";
 function RadioWidget({
   options,
   value,
@@ -3821,13 +3853,13 @@ function RadioWidget({
     ({ target }) => onFocus(id, enumOptionsValueForIndex2(target && target.value, enumOptions, emptyValue)),
     [onFocus, enumOptions, emptyValue, id]
   );
-  return /* @__PURE__ */ jsx48("div", { className: "field-radio-group", id, role: "radiogroup", children: Array.isArray(enumOptions) && enumOptions.map((option, i) => {
+  return /* @__PURE__ */ jsx49("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__ */ jsx48(
+      /* @__PURE__ */ jsx49(
         "input",
         {
           type: "radio",
@@ -3844,15 +3876,15 @@ function RadioWidget({
           "aria-describedby": ariaDescribedByIds4(id)
         }
       ),
-      /* @__PURE__ */ jsx48("span", { children: option.label })
+      /* @__PURE__ */ jsx49("span", { children: option.label })
     ] });
-    return inline ? /* @__PURE__ */ jsx48("label", { className: `radio-inline ${disabledCls}`, children: radio }, i) : /* @__PURE__ */ jsx48("div", { className: `radio ${disabledCls}`, children: /* @__PURE__ */ jsx48("label", { children: radio }) }, i);
+    return inline ? /* @__PURE__ */ jsx49("label", { className: `radio-inline ${disabledCls}`, children: radio }, i) : /* @__PURE__ */ jsx49("div", { className: `radio ${disabledCls}`, children: /* @__PURE__ */ jsx49("label", { children: radio }) }, i);
   }) });
 }
 var RadioWidget_default = RadioWidget;
 
 // src/components/widgets/RangeWidget.tsx
-import { jsx as jsx49, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs20 } from "react/jsx-runtime";
 function RangeWidget(props) {
   const {
     value,
@@ -3861,14 +3893,14 @@ function RangeWidget(props) {
     }
   } = props;
   return /* @__PURE__ */ jsxs20("div", { className: "field-range-wrapper", children: [
-    /* @__PURE__ */ jsx49(BaseInputTemplate2, { type: "range", ...props }),
-    /* @__PURE__ */ jsx49("span", { className: "range-view", children: value })
+    /* @__PURE__ */ jsx50(BaseInputTemplate2, { type: "range", ...props }),
+    /* @__PURE__ */ jsx50("span", { className: "range-view", children: value })
   ] });
 }
 
 // src/components/widgets/RatingWidget.tsx
 import { useCallback as useCallback12 } from "react";
-import { Fragment as Fragment5, jsx as jsx50, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx51, jsxs as jsxs21 } from "react/jsx-runtime";
 function RatingWidget({
   id,
   value,
@@ -3918,7 +3950,7 @@ function RatingWidget({
     }
     return isFilled ? "\u2605" : "\u2606";
   };
-  return /* @__PURE__ */ jsx50(Fragment5, { children: /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsx51(Fragment5, { children: /* @__PURE__ */ jsxs21(
     "div",
     {
       className: "rating-widget",
@@ -3931,7 +3963,7 @@ function RatingWidget({
         [...Array(numStars)].map((_, index) => {
           const starValue = min + index;
           const isFilled = starValue <= value;
-          return /* @__PURE__ */ jsx50(
+          return /* @__PURE__ */ jsx51(
             "span",
             {
               onClick: () => handleStarClick(starValue),
@@ -3953,7 +3985,7 @@ function RatingWidget({
             index
           );
         }),
-        /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsx51(
           "input",
           {
             type: "hidden",
@@ -3977,7 +4009,7 @@ import {
   enumOptionsIndexForValue,
   enumOptionsValueForIndex as enumOptionsValueForIndex3
 } from "@rjsf/utils";
-import { jsx as jsx51, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx52, 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);
@@ -4042,10 +4074,10 @@ function SelectWidget({
       onChange: handleChange,
       "aria-describedby": ariaDescribedByIds5(id),
       children: [
-        showPlaceholderOption && /* @__PURE__ */ jsx51("option", { value: "", children: placeholder }),
+        showPlaceholderOption && /* @__PURE__ */ jsx52("option", { value: "", children: placeholder }),
         Array.isArray(enumOptions) && enumOptions.map(({ value: value2, label }, i) => {
           const disabled2 = enumDisabled && enumDisabled.indexOf(value2) !== -1;
-          return /* @__PURE__ */ jsx51("option", { value: String(i), disabled: disabled2, children: label }, i);
+          return /* @__PURE__ */ jsx52("option", { value: String(i), disabled: disabled2, children: label }, i);
         })
       ]
     }
@@ -4056,7 +4088,7 @@ var SelectWidget_default = SelectWidget;
 // src/components/widgets/TextareaWidget.tsx
 import { useCallback as useCallback14 } from "react";
 import { ariaDescribedByIds as ariaDescribedByIds6 } from "@rjsf/utils";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 function TextareaWidget({
   id,
   options = {},
@@ -4083,7 +4115,7 @@ function TextareaWidget({
     ({ target }) => onFocus(id, target && target.value),
     [id, onFocus]
   );
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     "textarea",
     {
       id,
@@ -4111,40 +4143,40 @@ var TextareaWidget_default = TextareaWidget;
 
 // src/components/widgets/TextWidget.tsx
 import { getTemplate as getTemplate24 } from "@rjsf/utils";
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 function TextWidget(props) {
   const { options, registry } = props;
   const BaseInputTemplate2 = getTemplate24("BaseInputTemplate", registry, options);
-  return /* @__PURE__ */ jsx53(BaseInputTemplate2, { ...props });
+  return /* @__PURE__ */ jsx54(BaseInputTemplate2, { ...props });
 }
 
 // src/components/widgets/TimeWidget.tsx
 import { useCallback as useCallback15 } from "react";
 import { getTemplate as getTemplate25 } from "@rjsf/utils";
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 function TimeWidget(props) {
   const { onChange, options, registry } = props;
   const BaseInputTemplate2 = getTemplate25("BaseInputTemplate", registry, options);
   const handleChange = useCallback15((value) => onChange(value ? `${value}:00` : void 0), [onChange]);
-  return /* @__PURE__ */ jsx54(BaseInputTemplate2, { type: "time", ...props, onChange: handleChange });
+  return /* @__PURE__ */ jsx55(BaseInputTemplate2, { type: "time", ...props, onChange: handleChange });
 }
 
 // src/components/widgets/URLWidget.tsx
 import { getTemplate as getTemplate26 } from "@rjsf/utils";
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 function URLWidget(props) {
   const { options, registry } = props;
   const BaseInputTemplate2 = getTemplate26("BaseInputTemplate", registry, options);
-  return /* @__PURE__ */ jsx55(BaseInputTemplate2, { type: "url", ...props });
+  return /* @__PURE__ */ jsx56(BaseInputTemplate2, { type: "url", ...props });
 }
 
 // src/components/widgets/UpDownWidget.tsx
 import { getTemplate as getTemplate27 } from "@rjsf/utils";
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 function UpDownWidget(props) {
   const { options, registry } = props;
   const BaseInputTemplate2 = getTemplate27("BaseInputTemplate", registry, options);
-  return /* @__PURE__ */ jsx56(BaseInputTemplate2, { type: "number", ...props });
+  return /* @__PURE__ */ jsx57(BaseInputTemplate2, { type: "number", ...props });
 }
 
 // src/components/widgets/index.ts
@@ -4192,7 +4224,7 @@ function getDefaultRegistry() {
 }
 
 // src/components/Form.tsx
-import { jsx as jsx57, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs23 } from "react/jsx-runtime";
 function toIChangeEvent(state, status) {
   return {
     ..._pick(state, ["schema", "uiSchema", "fieldPathId", "schemaUtils", "formData", "edit", "errors", "errorSchema"]),
@@ -4446,10 +4478,10 @@ var Form = class extends Component3 {
   /** Renders any errors contained in the `state` in using the `ErrorList`, if not disabled by `showErrorList`. */
   renderErrors(registry) {
     const { errors, errorSchema, schema, uiSchema } = this.state;
-    const options = getUiOptions20(uiSchema);
+    const options = getUiOptions21(uiSchema);
     const ErrorListTemplate = getTemplate28("ErrorListTemplate", registry, options);
     if (errors && errors.length) {
-      return /* @__PURE__ */ jsx57(
+      return /* @__PURE__ */ jsx58(
         ErrorListTemplate,
         {
           errors,
@@ -5009,7 +5041,7 @@ var Form = class extends Component3 {
     const { SubmitButton: SubmitButton2 } = registry.templates.ButtonTemplates;
     const as = _internalFormWrapper ? tagName : void 0;
     const FormTag = _internalFormWrapper || tagName || "form";
-    let { [SUBMIT_BTN_OPTIONS_KEY]: submitOptions = {} } = getUiOptions20(uiSchema);
+    let { [SUBMIT_BTN_OPTIONS_KEY]: submitOptions = {} } = getUiOptions21(uiSchema);
     if (disabled) {
       submitOptions = { ...submitOptions, props: { ...submitOptions.props, disabled: true } };
     }
@@ -5032,7 +5064,7 @@ var Form = class extends Component3 {
         ref: this.formElement,
         children: [
           showErrorList === "top" && this.renderErrors(registry),
-          /* @__PURE__ */ jsx57(
+          /* @__PURE__ */ jsx58(
             _SchemaField,
             {
               name: "",
@@ -5049,7 +5081,7 @@ var Form = class extends Component3 {
               readonly
             }
           ),
-          children ? children : /* @__PURE__ */ jsx57(SubmitButton2, { uiSchema: submitUiSchema, registry }),
+          children ? children : /* @__PURE__ */ jsx58(SubmitButton2, { uiSchema: submitUiSchema, registry }),
           showErrorList === "bottom" && this.renderErrors(registry)
         ]
       }
@@ -5059,7 +5091,7 @@ var Form = class extends Component3 {
 
 // src/withTheme.tsx
 import { forwardRef } from "react";
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 function withTheme(themeProps) {
   return forwardRef(
     ({ fields: fields2, widgets: widgets2, templates: templates2, ...directProps }, ref) => {
@@ -5073,7 +5105,7 @@ function withTheme(themeProps) {
           ...templates2?.ButtonTemplates
         }
       };
-      return /* @__PURE__ */ jsx58(
+      return /* @__PURE__ */ jsx59(
         Form,
         {
           ...themeProps,
@@ -5119,6 +5151,7 @@ function getTestRegistry(rootSchema, fields2 = {}, templates2 = {}, widgets2 = {
 var index_default = Form;
 export {
   RichDescription,
+  RichHelp,
   index_default as default,
   getDefaultRegistry,
   getTestRegistry,