@rjsf/core 5.19.2 → 5.19.4

package/dist/core.umd.js

@@ -1267,7 +1267,7 @@
         orderedProperties = utils.orderProperties(properties, uiOptions.order);
       } catch (err) {
         return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "config-error", style: { color: "red" }, children: /* @__PURE__ */ jsxRuntime.jsx(Markdown, { children: translateString(utils.TranslatableString.InvalidObjectField, [name || "root", err.message]) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "config-error", style: { color: "red" }, children: /* @__PURE__ */ jsxRuntime.jsx(Markdown, { options: { disableParsingRawHTML: true }, children: translateString(utils.TranslatableString.InvalidObjectField, [name || "root", err.message]) }) }),
           /* @__PURE__ */ jsxRuntime.jsx("pre", { children: JSON.stringify(schema) })
         ] });
       }
@@ -1455,7 +1455,7 @@
       label = utils.ADDITIONAL_PROPERTY_FLAG 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__ */ jsxRuntime.jsx(Markdown, { children: description }) : description;
+    const richDescription = uiOptions.enableMarkdownInDescription ? /* @__PURE__ */ jsxRuntime.jsx(Markdown, { options: { disableParsingRawHTML: true }, children: description }) : description;
     const help = uiOptions.help;
     const hidden = uiOptions.widget === "hidden";
     const classNames = ["form-group", "field", `field-${utils.getSchemaType(schema)}`];
@@ -2210,7 +2210,7 @@
       translateParams.push(reason);
     }
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "unsupported-field", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { children: /* @__PURE__ */ jsxRuntime.jsx(Markdown, { children: translateString(translateEnum, translateParams) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: /* @__PURE__ */ jsxRuntime.jsx(Markdown, { options: { disableParsingRawHTML: true }, children: translateString(translateEnum, translateParams) }) }),
       schema && /* @__PURE__ */ jsxRuntime.jsx("pre", { children: JSON.stringify(schema, null, 2) })
     ] });
   }
@@ -2819,23 +2819,24 @@
         const newValue = getValue(event, multiple);
         return onFocus(id, utils.enumOptionsValueForIndex(newValue, enumOptions, optEmptyVal));
       },
-      [onFocus, id, schema, multiple, options]
+      [onFocus, id, schema, multiple, enumOptions, optEmptyVal]
     );
     const handleBlur = react.useCallback(
       (event) => {
         const newValue = getValue(event, multiple);
         return onBlur(id, utils.enumOptionsValueForIndex(newValue, enumOptions, optEmptyVal));
       },
-      [onBlur, id, schema, multiple, options]
+      [onBlur, id, schema, multiple, enumOptions, optEmptyVal]
     );
     const handleChange = react.useCallback(
       (event) => {
         const newValue = getValue(event, multiple);
         return onChange(utils.enumOptionsValueForIndex(newValue, enumOptions, optEmptyVal));
       },
-      [onChange, schema, multiple, options]
+      [onChange, schema, multiple, enumOptions, optEmptyVal]
     );
     const selectedIndexes = utils.enumOptionsIndexForValue(value, enumOptions, multiple);
+    const showPlaceholderOption = !multiple && schema.default === void 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "select",
       {
@@ -2852,7 +2853,7 @@
         onChange: handleChange,
         "aria-describedby": utils.ariaDescribedByIds(id),
         children: [
-          !multiple && schema.default === void 0 && /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: placeholder }),
+          showPlaceholderOption && /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: placeholder }),
           Array.isArray(enumOptions) && enumOptions.map(({ value: value2, label }, i) => {
             const disabled2 = enumDisabled && enumDisabled.indexOf(value2) !== -1;
             return /* @__PURE__ */ jsxRuntime.jsx("option", { value: String(i), disabled: disabled2, children: label }, i);

package/dist/index.esm.js

@@ -1359,7 +1359,7 @@ var ObjectField = class extends Component3 {
       orderedProperties = orderProperties(properties, uiOptions.order);
     } catch (err) {
       return /* @__PURE__ */ jsxs2("div", { children: [
-        /* @__PURE__ */ jsx5("p", { className: "config-error", style: { color: "red" }, children: /* @__PURE__ */ jsx5(Markdown, { children: translateString(TranslatableString4.InvalidObjectField, [name || "root", err.message]) }) }),
+        /* @__PURE__ */ jsx5("p", { className: "config-error", style: { color: "red" }, children: /* @__PURE__ */ jsx5(Markdown, { options: { disableParsingRawHTML: true }, children: translateString(TranslatableString4.InvalidObjectField, [name || "root", err.message]) }) }),
         /* @__PURE__ */ jsx5("pre", { children: JSON.stringify(schema) })
       ] });
     }
@@ -1566,7 +1566,7 @@ 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__ */ jsx6(Markdown2, { children: description }) : description;
+  const richDescription = uiOptions.enableMarkdownInDescription ? /* @__PURE__ */ jsx6(Markdown2, { options: { disableParsingRawHTML: true }, children: description }) : description;
   const help = uiOptions.help;
   const hidden = uiOptions.widget === "hidden";
   const classNames = ["form-group", "field", `field-${getSchemaType(schema)}`];
@@ -2429,7 +2429,7 @@ function UnsupportedField(props) {
     translateParams.push(reason);
   }
   return /* @__PURE__ */ jsxs12("div", { className: "unsupported-field", children: [
-    /* @__PURE__ */ jsx24("p", { children: /* @__PURE__ */ jsx24(Markdown3, { children: translateString(translateEnum, translateParams) }) }),
+    /* @__PURE__ */ jsx24("p", { children: /* @__PURE__ */ jsx24(Markdown3, { options: { disableParsingRawHTML: true }, children: translateString(translateEnum, translateParams) }) }),
     schema && /* @__PURE__ */ jsx24("pre", { children: JSON.stringify(schema, null, 2) })
   ] });
 }
@@ -3143,23 +3143,24 @@ function SelectWidget({
       const newValue = getValue(event, multiple);
       return onFocus(id, enumOptionsValueForIndex3(newValue, enumOptions, optEmptyVal));
     },
-    [onFocus, id, schema, multiple, options]
+    [onFocus, id, schema, multiple, enumOptions, optEmptyVal]
   );
   const handleBlur = useCallback10(
     (event) => {
       const newValue = getValue(event, multiple);
       return onBlur(id, enumOptionsValueForIndex3(newValue, enumOptions, optEmptyVal));
     },
-    [onBlur, id, schema, multiple, options]
+    [onBlur, id, schema, multiple, enumOptions, optEmptyVal]
   );
   const handleChange = useCallback10(
     (event) => {
       const newValue = getValue(event, multiple);
       return onChange(enumOptionsValueForIndex3(newValue, enumOptions, optEmptyVal));
     },
-    [onChange, schema, multiple, options]
+    [onChange, schema, multiple, enumOptions, optEmptyVal]
   );
   const selectedIndexes = enumOptionsIndexForValue(value, enumOptions, multiple);
+  const showPlaceholderOption = !multiple && schema.default === void 0;
   return /* @__PURE__ */ jsxs20(
     "select",
     {
@@ -3176,7 +3177,7 @@ function SelectWidget({
       onChange: handleChange,
       "aria-describedby": ariaDescribedByIds6(id),
       children: [
-        !multiple && schema.default === void 0 && /* @__PURE__ */ jsx39("option", { value: "", children: placeholder }),
+        showPlaceholderOption && /* @__PURE__ */ jsx39("option", { value: "", children: placeholder }),
         Array.isArray(enumOptions) && enumOptions.map(({ value: value2, label }, i) => {
           const disabled2 = enumDisabled && enumDisabled.indexOf(value2) !== -1;
           return /* @__PURE__ */ jsx39("option", { value: String(i), disabled: disabled2, children: label }, i);