added the ui:enableMarkdownInHelp flag in UiSchema

Author: Suyog241005

CHANGELOG.md

@@ -26,47 +26,61 @@ should change the heading of the (upcoming) version to include a major version b
 
 - Modified `CheckboxesWidget` to render the Title, fixing ([#4840](https://github.com/rjsf-team/react-jsonschema-form/issues/4840))
 - Updated `CheckboxWidget` to handle label and description rendering consistently, fixing ([#4742](https://github.com/rjsf-team/react-jsonschema-form/issues/4742))
+- Updated `FieldHelpTemplate` to render markdown when `ui:enableMarkdownInHelp` is true
 
 ## @rjsf/core
 
 - Fixed duplicate label and description rendering in `CheckboxWidget` by conditionally rendering them based on widget type
     - Updated `CheckboxWidget` to handle label and description rendering consistently
     - Modified `FieldTemplate` to skip label and description rendering for checkbox widgets, fixing ([#4742](https://github.com/rjsf-team/react-jsonschema-form/issues/4742))
 - Updated `ObjectField` to change the removal of an additional property to defer the work to the `processPendingChange()` handler in `Form`, fixing [#4850](https://github.com/rjsf-team/react-jsonschema-form/issues/4850)
+- Added support for rendering `ui:help` as markdown via new `ui:enableMarkdownInHelp` flag in `FieldHelpTemplate`
 
 ## @rjsf/fluentui-rc
 
 - Updated `FieldTemplate` to skip label and description rendering for checkbox widgets, fixing ([#4742](https://github.com/rjsf-team/react-jsonschema-form/issues/4742))
+- Updated `FieldHelpTemplate` to render markdown when `ui:enableMarkdownInHelp` is true
+
+## @rjsf/daisyui
+
+- Updated `FieldHelpTemplate` to render markdown when `ui:enableMarkdownInHelp` is true
 
 ## @rjsf/mantine
 
 - Updated `CheckboxWidget` to handle label and description rendering consistently, fixing ([#4742](https://github.com/rjsf-team/react-jsonschema-form/issues/4742))
+- Updated `FieldHelpTemplate` to render markdown when `ui:enableMarkdownInHelp` is true
 
 ## @rjsf/mui
 
 - Updated `FieldTemplate` to skip label and description rendering for checkbox widgets, fixing ([#4742](https://github.com/rjsf-team/react-jsonschema-form/issues/4742))
+- Updated `FieldHelpTemplate` to render markdown when `ui:enableMarkdownInHelp` is true
 
 ## @rjsf/primereact
 
 - Updated `FieldTemplate` to skip label and description rendering for checkbox widgets, fixing ([#4742](https://github.com/rjsf-team/react-jsonschema-form/issues/4742))
+- Updated `FieldHelpTemplate` to render markdown when `ui:enableMarkdownInHelp` is true
 
 ## @rjsf/react-bootstrap
 
 - Updated `FieldTemplate` to skip label and description rendering for checkbox widgets, fixing ([#4742](https://github.com/rjsf-team/react-jsonschema-form/issues/4742))
+- Updated `FieldHelpTemplate` to render markdown when `ui:enableMarkdownInHelp` is true
 
 ## @rjsf/semantic-ui
 
 - Updated `FieldTemplate` to skip label and description rendering for checkbox widgets, fixing ([#4742](https://github.com/rjsf-team/react-jsonschema-form/issues/4742))
+- Updated `FieldHelpTemplate` to render markdown when `ui:enableMarkdownInHelp` is true
 
 ## @rjsf/shadcn
 
 - Updated `FieldTemplate` to skip label and description rendering for checkbox widgets, fixing ([#4742](https://github.com/rjsf-team/react-jsonschema-form/issues/4742))
 - Updated the `Command` component to properly handle `forwardRef`
+- Updated `FieldHelpTemplate` to render markdown when `ui:enableMarkdownInHelp` is true
 
 ## @rjsf/utils
 
 - Updated `getDefaultFormState()` to not save an undefined field value into an object when the type is `null` and `excludeObjectChildren` is provided, fixing [#4821](https://github.com/rjsf-team/react-jsonschema-form/issues/4821)
 - Added new `ADDITIONAL_PROPERTY_KEY_REMOVE` constant
+- Added new global UI option `enableMarkdownInHelp` to control markdown rendering of `ui:help`
 
 ## Dev / docs / playground
 

packages/antd/src/templates/FieldTemplate/index.tsx

@@ -39,7 +39,7 @@ export default function FieldTemplate<
     onRemoveProperty,
     rawErrors,
     rawDescription,
-    rawHelp,
+    // rawHelp,
     readonly,
     registry,
     required,
@@ -100,7 +100,7 @@ export default function FieldTemplate<
       <Form.Item
         colon={colon}
         hasFeedback={schema.type !== 'array' && schema.type !== 'object'}
-        help={(!!rawHelp && help) || (rawErrors?.length ? errors : undefined)}
+        help={help || (rawErrors?.length ? errors : undefined)}
         htmlFor={id}
         label={displayLabel && !isCheckbox && label}
         labelCol={labelCol}

packages/antd/src/templates/HelpField/index.tsx

@@ -0,0 +1,38 @@
+import { helpId, FieldHelpProps, FormContextType, RJSFSchema, StrictRJSFSchema, getUiOptions } from '@rjsf/utils';
+import Markdown from 'markdown-to-jsx';
+
+/** The `FieldHelpTemplate` component renders any help desired for a field
+ *
+ * @param props - The `FieldHelpProps` to be rendered
+ */
+export default function FieldHelpTemplate<
+  T = any,
+  S extends StrictRJSFSchema = RJSFSchema,
+  F extends FormContextType = any,
+>(props: FieldHelpProps<T, S, F>) {
+  const { fieldPathId, help, uiSchema = {}, registry } = props;
+  if (!help) {
+    return null;
+  }
+  const id = helpId(fieldPathId);
+  const uiOptions = getUiOptions<T, S, F>(uiSchema, registry?.globalUiOptions);
+  if (typeof help === 'string' && uiOptions.enableMarkdownInHelp) {
+    return (
+      <div id={id} className='help-block'>
+        <Markdown options={{ disableParsingRawHTML: true }}>{help}</Markdown>
+      </div>
+    );
+  }
+  if (typeof help === 'string') {
+    return (
+      <p id={id} className='help-block'>
+        {help}
+      </p>
+    );
+  }
+  return (
+    <div id={id} className='help-block'>
+      {help}
+    </div>
+  );
+}