@rjsf/core 6.0.1 → 6.1.0

package/dist/core.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@rjsf/utils'), require('lodash/cloneDeep'), require('lodash/get'), require('lodash/isEmpty'), require('lodash/pick'), require('lodash/set'), require('lodash/toPath'), require('lodash/isObject'), require('lodash/uniqueId'), require('react/jsx-runtime'), require('lodash/each'), require('lodash/flatten'), require('lodash/has'), require('lodash/includes'), require('lodash/intersection'), require('lodash/isFunction'), require('lodash/isEqual'), require('lodash/isPlainObject'), require('lodash/isString'), require('lodash/isUndefined'), require('lodash/last'), require('lodash/noop'), require('lodash/omit'), require('markdown-to-jsx'), require('lodash/unset'), require('@rjsf/validator-ajv8')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react', '@rjsf/utils', 'lodash/cloneDeep', 'lodash/get', 'lodash/isEmpty', 'lodash/pick', 'lodash/set', 'lodash/toPath', 'lodash/isObject', 'lodash/uniqueId', 'react/jsx-runtime', 'lodash/each', 'lodash/flatten', 'lodash/has', 'lodash/includes', 'lodash/intersection', 'lodash/isFunction', 'lodash/isEqual', 'lodash/isPlainObject', 'lodash/isString', 'lodash/isUndefined', 'lodash/last', 'lodash/noop', 'lodash/omit', 'markdown-to-jsx', 'lodash/unset', '@rjsf/validator-ajv8'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.JSONSchemaForm = {}, global.react, global.utils, global.cloneDeep, global.get, global.isEmpty, global._pick, global.set, global._toPath, global.isObject, global.uniqueId, global.jsxRuntime, global.each, global.flatten, global.has, global.includes, global.intersection, global.isFunction, global.isEqual, global.isPlainObject, global.isString, global.isUndefined, global.last, global.noop, global.omit3, global.Markdown, global.unset, global.validator));
-})(this, (function (exports, react, utils, cloneDeep, get, isEmpty, _pick, set, _toPath, isObject, uniqueId, jsxRuntime, each, flatten, has, includes, intersection, isFunction, isEqual, isPlainObject, isString, isUndefined, last, noop, omit3, Markdown, unset, validator) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@rjsf/utils'), require('lodash/cloneDeep'), require('lodash/get'), require('lodash/isEmpty'), require('lodash/pick'), require('lodash/set'), require('lodash/toPath'), require('lodash/unset'), require('lodash/isObject'), require('lodash/uniqueId'), require('react/jsx-runtime'), require('lodash/each'), require('lodash/flatten'), require('lodash/has'), require('lodash/includes'), require('lodash/intersection'), require('lodash/isFunction'), require('lodash/isEqual'), require('lodash/isPlainObject'), require('lodash/isString'), require('lodash/isUndefined'), require('lodash/last'), require('lodash/noop'), require('lodash/omit'), require('markdown-to-jsx'), require('@rjsf/validator-ajv8')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react', '@rjsf/utils', 'lodash/cloneDeep', 'lodash/get', 'lodash/isEmpty', 'lodash/pick', 'lodash/set', 'lodash/toPath', 'lodash/unset', 'lodash/isObject', 'lodash/uniqueId', 'react/jsx-runtime', 'lodash/each', 'lodash/flatten', 'lodash/has', 'lodash/includes', 'lodash/intersection', 'lodash/isFunction', 'lodash/isEqual', 'lodash/isPlainObject', 'lodash/isString', 'lodash/isUndefined', 'lodash/last', 'lodash/noop', 'lodash/omit', 'markdown-to-jsx', '@rjsf/validator-ajv8'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.JSONSchemaForm = {}, global.react, global.utils, global.cloneDeep, global.get, global.isEmpty, global._pick, global.set, global._toPath, global._unset, global.isObject, global.uniqueId, global.jsxRuntime, global.each, global.flatten, global.has, global.includes, global.intersection, global.isFunction, global.isEqual, global.isPlainObject, global.isString, global.isUndefined, global.last, global.noop, global.omit3, global.Markdown, global.validator));
+})(this, (function (exports, react, utils, cloneDeep, get, isEmpty, _pick, set, _toPath, _unset, isObject, uniqueId, jsxRuntime, each, flatten, has, includes, intersection, isFunction, isEqual, isPlainObject, isString, isUndefined, last, noop, omit3, Markdown, validator) { 'use strict';
 
   // src/components/Form.tsx
   function generateRowId() {
@@ -53,9 +53,11 @@
     }
   }
   function getNewFormDataRow(registry, schema) {
-    const { schemaUtils } = registry;
+    const { schemaUtils, globalFormOptions } = registry;
     let itemSchema = schema.items;
-    if (utils.isFixedItems(schema) && utils.allowAdditionalItems(schema)) {
+    if (globalFormOptions.useFallbackUiForUnsupportedType && !itemSchema) {
+      itemSchema = {};
+    } else if (utils.isFixedItems(schema) && utils.allowAdditionalItems(schema)) {
       itemSchema = schema.additionalItems;
     }
     return schemaUtils.getDefaultFormState(itemSchema);
@@ -245,7 +247,9 @@
       handleReorderItems
     } = props;
     const {
-      fields: { ArraySchemaField, SchemaField: SchemaField2 }
+      schemaUtils,
+      fields: { ArraySchemaField, SchemaField: SchemaField2 },
+      globalUiOptions
     } = registry;
     const fieldPathId = utils.useDeepCompareMemo(itemFieldPathId);
     const ItemSchemaField = ArraySchemaField || SchemaField2;
@@ -254,6 +258,9 @@
       registry,
       uiOptions
     );
+    const displayLabel = schemaUtils.getDisplayLabel(itemSchema, itemUiSchema, globalUiOptions);
+    const { description } = utils.getUiOptions(itemUiSchema);
+    const hasDescription = !!description || !!itemSchema.description;
     const { orderable = true, removable = true, copyable = false } = uiOptions;
     const has4 = {
       moveUp: orderable && canMoveUp,
@@ -347,7 +354,9 @@
       registry,
       schema: itemSchema,
       uiSchema: itemUiSchema,
-      parentUiSchema
+      parentUiSchema,
+      displayLabel,
+      hasDescription
     };
     return /* @__PURE__ */ jsxRuntime.jsx(ArrayFieldItemTemplate2, { ...templateProps });
   }
@@ -590,7 +599,7 @@
   }
   function ArrayField(props) {
     const { schema, uiSchema, errorSchema, fieldPathId, registry, formData, onChange } = props;
-    const { schemaUtils, translateString } = registry;
+    const { globalFormOptions, schemaUtils, translateString } = registry;
     const { keyedFormData, updateKeyedFormData } = useKeyedFormData(formData);
     const childFieldPathId = props.childFieldPathId ?? fieldPathId;
     const handleAddItem = react.useCallback(
@@ -727,24 +736,14 @@
       },
       [onChange, childFieldPathId]
     );
-    if (!(utils.ITEMS_KEY in schema)) {
-      const uiOptions = utils.getUiOptions(uiSchema);
-      const UnsupportedFieldTemplate = utils.getTemplate(
-        "UnsupportedFieldTemplate",
-        registry,
-        uiOptions
-      );
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        UnsupportedFieldTemplate,
-        {
-          schema,
-          fieldPathId,
-          reason: translateString(utils.TranslatableString.MissingItems),
-          registry
-        }
-      );
-    }
+    const arrayAsMultiProps = {
+      ...props,
+      formData,
+      fieldPathId: childFieldPathId,
+      onSelectChange
+    };
     const arrayProps = {
+      ...props,
       handleAddItem,
       handleCopyItem,
       handleRemoveItem,
@@ -752,19 +751,41 @@
       keyedFormData,
       onChange: handleChange
     };
-    if (schemaUtils.isMultiSelect(schema)) {
-      return /* @__PURE__ */ jsxRuntime.jsx(ArrayAsMultiSelect, { ...props, fieldPathId: childFieldPathId, onSelectChange });
+    if (!(utils.ITEMS_KEY in schema)) {
+      if (!globalFormOptions.useFallbackUiForUnsupportedType) {
+        const uiOptions = utils.getUiOptions(uiSchema);
+        const UnsupportedFieldTemplate = utils.getTemplate(
+          "UnsupportedFieldTemplate",
+          registry,
+          uiOptions
+        );
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          UnsupportedFieldTemplate,
+          {
+            schema,
+            fieldPathId,
+            reason: translateString(utils.TranslatableString.MissingItems),
+            registry
+          }
+        );
+      }
+      const fallbackSchema = { ...schema, [utils.ITEMS_KEY]: { type: void 0 } };
+      arrayAsMultiProps.schema = fallbackSchema;
+      arrayProps.schema = fallbackSchema;
+    }
+    if (schemaUtils.isMultiSelect(arrayAsMultiProps.schema)) {
+      return /* @__PURE__ */ jsxRuntime.jsx(ArrayAsMultiSelect, { ...arrayAsMultiProps });
     }
     if (utils.isCustomWidget(uiSchema)) {
-      return /* @__PURE__ */ jsxRuntime.jsx(ArrayAsCustomWidget, { ...props, fieldPathId: childFieldPathId, onSelectChange });
+      return /* @__PURE__ */ jsxRuntime.jsx(ArrayAsCustomWidget, { ...arrayAsMultiProps });
     }
-    if (utils.isFixedItems(schema)) {
-      return /* @__PURE__ */ jsxRuntime.jsx(FixedArray, { ...props, ...arrayProps });
+    if (utils.isFixedItems(arrayAsMultiProps.schema)) {
+      return /* @__PURE__ */ jsxRuntime.jsx(FixedArray, { ...arrayProps });
     }
-    if (schemaUtils.isFilesArray(schema, uiSchema)) {
-      return /* @__PURE__ */ jsxRuntime.jsx(ArrayAsFiles, { ...props, fieldPathId: childFieldPathId, onSelectChange });
+    if (schemaUtils.isFilesArray(arrayAsMultiProps.schema, uiSchema)) {
+      return /* @__PURE__ */ jsxRuntime.jsx(ArrayAsFiles, { ...arrayAsMultiProps });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(NormalArray, { ...props, ...arrayProps });
+    return /* @__PURE__ */ jsxRuntime.jsx(NormalArray, { ...arrayProps });
   }
   function BooleanField(props) {
     const {
@@ -868,7 +889,7 @@
   function getFallbackTypeSelectionSchema(title) {
     return {
       type: "string",
-      enum: ["string", "number", "boolean"],
+      enum: ["string", "number", "boolean", "object", "array"],
       default: "string",
       title
     };
@@ -878,6 +899,9 @@
     if (dataType === "string" || dataType === "number" || dataType === "boolean") {
       return dataType;
     }
+    if (dataType === "object") {
+      return Array.isArray(formData) ? "array" : "object";
+    }
     return "string";
   }
   function castToNewType(formData, newType) {
@@ -927,20 +951,13 @@
       }
     };
     if (!globalFormOptions.useFallbackUiForUnsupportedType) {
+      const { reason = translateString(utils.TranslatableString.UnknownFieldType, [String(schema.type)]) } = props;
       const UnsupportedFieldTemplate = utils.getTemplate(
         "UnsupportedFieldTemplate",
         registry,
         uiOptions
       );
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        UnsupportedFieldTemplate,
-        {
-          schema,
-          fieldPathId,
-          reason: translateString(utils.TranslatableString.UnknownFieldType, [String(schema.type)]),
-          registry
-        }
-      );
+      return /* @__PURE__ */ jsxRuntime.jsx(UnsupportedFieldTemplate, { schema, fieldPathId, reason, registry });
     }
     const FallbackFieldTemplate2 = utils.getTemplate(
       "FallbackFieldTemplate",
@@ -971,7 +988,17 @@
           },
           formData ? utils.hashObject(formData) : "__empty__"
         ),
-        schemaField: /* @__PURE__ */ jsxRuntime.jsx(SchemaField2, { ...props, schema: { type, title: translateString(utils.TranslatableString.Value) } })
+        schemaField: /* @__PURE__ */ jsxRuntime.jsx(
+          SchemaField2,
+          {
+            ...props,
+            schema: {
+              type,
+              title: translateString(utils.TranslatableString.Value),
+              ...type === "object" && { additionalProperties: true }
+            }
+          }
+        )
       }
     );
   }
@@ -1704,6 +1731,10 @@
     return /* @__PURE__ */ jsxRuntime.jsx(StringField2, { ...props, formData: value, onChange: handleChange });
   }
   var NumberField_default = NumberField;
+
+  // src/components/constants.ts
+  var ADDITIONAL_PROPERTY_KEY_REMOVE = Symbol("remove-this-key");
+  var IS_RESET = Symbol("reset");
   function isRequired(schema, name) {
     return Array.isArray(schema.required) && schema.required.indexOf(name) !== -1;
   }
@@ -1827,7 +1858,6 @@
     const schema = schemaUtils.retrieveSchema(rawSchema, formData, true);
     const uiOptions = utils.getUiOptions(uiSchema, globalUiOptions);
     const { properties: schemaProperties = {} } = schema;
-    const formDataHash = utils.hashObject(formData || {});
     const childFieldPathId = props.childFieldPathId ?? fieldPathId;
     const templateTitle = uiOptions.title ?? schema.title ?? title ?? name;
     const description = uiOptions.description ?? schema.description;
@@ -1900,11 +1930,9 @@
     );
     const handleRemoveProperty = react.useCallback(
       (key) => {
-        const copiedFormData = { ...formData };
-        unset(copiedFormData, key);
-        onChange(copiedFormData, childFieldPathId.path);
+        onChange(ADDITIONAL_PROPERTY_KEY_REMOVE, [...childFieldPathId.path, key]);
       },
-      [onChange, childFieldPathId, formData]
+      [onChange, childFieldPathId]
     );
     if (!renderOptionalField || hasFormData) {
       try {
@@ -1948,7 +1976,7 @@
             readonly,
             hideError
           },
-          addedByAdditionalProperties ? `${name2}-${formDataHash}` : name2
+          name2
         );
         return {
           content,
@@ -2280,9 +2308,10 @@
       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) ? utils.optionsList(schema, uiSchema) : void 0;
     let defaultWidget = enumOptions ? "select" : "text";
@@ -2291,7 +2320,7 @@
     }
     const { widget = defaultWidget, placeholder = "", title: uiTitle, ...options } = utils.getUiOptions(uiSchema);
     const displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema, globalUiOptions);
-    const label = uiTitle ?? title ?? name;
+    const label = uiTitle ?? title ?? schemaTitle ?? name;
     const Widget = utils.getWidget(schema, widget, widgets2);
     const onWidgetChange = react.useCallback(
       (value, errorSchema, id) => {
@@ -2382,7 +2411,7 @@
     );
   }
   function ArrayFieldItemTemplate(props) {
-    const { children, className, buttonsProps, hasToolbar, registry, uiSchema } = props;
+    const { children, className, buttonsProps, displayLabel, hasDescription, hasToolbar, registry, uiSchema } = props;
     const uiOptions = utils.getUiOptions(uiSchema);
     const ArrayFieldItemButtonsTemplate2 = utils.getTemplate(
       "ArrayFieldItemButtonsTemplate",
@@ -2395,19 +2424,12 @@
       paddingRight: 6,
       fontWeight: "bold"
     };
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: hasToolbar ? "col-xs-9" : "col-xs-12", children }),
-      hasToolbar && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-xs-3 array-item-toolbox", children: /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: "btn-group",
-          style: {
-            display: "flex",
-            justifyContent: "space-around"
-          },
-          children: /* @__PURE__ */ jsxRuntime.jsx(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__ */ jsxRuntime.jsxs("div", { className, style: containerStyle, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: hasToolbar ? "col-xs-9 col-md-10 col-xl-11" : "col-xs-12", children }),
+      hasToolbar && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-xs-3 col-md-2 col-xl-1 array-item-toolbox", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "btn-group", style: toolbarStyle, children: /* @__PURE__ */ jsxRuntime.jsx(ArrayFieldItemButtonsTemplate2, { ...buttonsProps, style: btnStyle }) }) })
     ] });
   }
   function ArrayFieldItemButtonsTemplate(props) {
@@ -2687,19 +2709,25 @@
     registry
   }) {
     const { translateString } = registry;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "row", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: `col-xs-3 col-xs-offset-9 text-right ${className}`, children: /* @__PURE__ */ jsxRuntime.jsx(
-      IconButton,
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "row", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "p",
       {
-        id,
-        iconType: "info",
-        icon: "plus",
-        className: "btn-add col-xs-12",
-        title: translateString(utils.TranslatableString.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__ */ jsxRuntime.jsx(
+          IconButton,
+          {
+            id,
+            iconType: "info",
+            icon: "plus",
+            className: "btn-add col-xs-12",
+            title: translateString(utils.TranslatableString.AddButton),
+            onClick,
+            disabled,
+            registry
+          }
+        )
       }
-    ) }) });
+    ) });
   }
 
   // src/components/templates/ButtonTemplates/index.ts
@@ -2781,8 +2809,9 @@
     if (hidden) {
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden", children });
     }
+    const isCheckbox = uiOptions.widget === "checkbox";
     return /* @__PURE__ */ jsxRuntime.jsxs(WrapIfAdditionalTemplate2, { ...props, children: [
-      displayLabel && /* @__PURE__ */ jsxRuntime.jsx(Label, { label, required, id }),
+      displayLabel && !isCheckbox && /* @__PURE__ */ jsxRuntime.jsx(Label, { label, required, id }),
       displayLabel && description ? description : null,
       children,
       errors,
@@ -2802,16 +2831,26 @@
       return /* @__PURE__ */ jsxRuntime.jsx("li", { className: "text-danger", children: error }, index);
     }) }) });
   }
+  var TEST_IDS2 = utils.getTestIds();
+  function RichHelp({
+    help,
+    registry,
+    uiSchema = {}
+  }) {
+    const { globalUiOptions } = registry;
+    const uiOptions = utils.getUiOptions(uiSchema, globalUiOptions);
+    if (uiOptions.enableMarkdownInHelp && typeof help === "string") {
+      return /* @__PURE__ */ jsxRuntime.jsx(Markdown, { options: { disableParsingRawHTML: true }, "data-testid": TEST_IDS2.markdown, children: help });
+    }
+    return help;
+  }
+  RichHelp.TEST_IDS = TEST_IDS2;
   function FieldHelpTemplate(props) {
-    const { fieldPathId, help } = props;
+    const { fieldPathId, help, uiSchema, registry } = props;
     if (!help) {
       return null;
     }
-    const id = utils.helpId(fieldPathId);
-    if (typeof help === "string") {
-      return /* @__PURE__ */ jsxRuntime.jsx("p", { id, className: "help-block", children: help });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { id, className: "help-block", children: help });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { id: utils.helpId(fieldPathId), className: "help-block", children: /* @__PURE__ */ jsxRuntime.jsx(RichHelp, { help, registry, uiSchema }) });
   }
   function GridTemplate(props) {
     const { children, column, className, ...rest } = props;
@@ -2953,9 +2992,11 @@
       classNames,
       style,
       disabled,
+      displayLabel,
       label,
       onKeyRenameBlur,
       onRemoveProperty,
+      rawDescription,
       readonly,
       required,
       schema,
@@ -2969,6 +3010,7 @@
     const { RemoveButton: RemoveButton2 } = templates2.ButtonTemplates;
     const keyLabel = translateString(utils.TranslatableString.KeyLabel, [label]);
     const additional = utils.ADDITIONAL_PROPERTY_FLAG in schema;
+    const hasDescription = !!rawDescription;
     const classNamesList = ["form-group", classNames];
     if (!hideError && rawErrors && rawErrors.length > 0) {
       classNamesList.push("has-error has-danger");
@@ -2977,9 +3019,11 @@
     if (!additional) {
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: uiClassNames, style, children });
     }
+    const margin = hasDescription ? 46 : 26;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: uiClassNames, style, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "row", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-xs-5 form-additional", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "form-group", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Label, { label: keyLabel, required, id: `${id}-key` }),
+        displayLabel && /* @__PURE__ */ jsxRuntime.jsx(Label, { label: keyLabel, required, id: `${id}-key` }),
+        displayLabel && rawDescription && /* @__PURE__ */ jsxRuntime.jsx("div", { children: "\xA0" }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "input",
           {
@@ -2992,7 +3036,7 @@
         )
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "form-additional form-group col-xs-5", children }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-xs-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-xs-2", style: { marginTop: displayLabel ? `${margin}px` : void 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(
         RemoveButton2,
         {
           id: utils.buttonId(id, "remove"),
@@ -3101,7 +3145,9 @@
       (event) => onFocus(id, event.target.checked),
       [onFocus, id]
     );
-    const description = options.description ?? schema.description;
+    const uiOptions = utils.getUiOptions(uiSchema);
+    const isCheckboxWidget = uiOptions.widget === "checkbox";
+    const description = isCheckboxWidget ? void 0 : options.description ?? schema.description;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `checkbox ${disabled || readonly ? "disabled" : ""}`, children: [
       !hideLabel && description && /* @__PURE__ */ jsxRuntime.jsx(
         DescriptionFieldTemplate,
@@ -3659,7 +3705,6 @@
       }
     };
   }
-  var IS_RESET = Symbol("reset");
   function toIChangeEvent(state, status) {
     return {
       ..._pick(state, ["schema", "uiSchema", "fieldPathId", "schemaUtils", "formData", "edit", "errors", "errorSchema"]),
@@ -4091,7 +4136,9 @@
       let retrievedSchema = this.state.retrievedSchema;
       let formData = isRootPath ? newValue : cloneDeep(oldFormData);
       if (utils.isObject(formData) || Array.isArray(formData)) {
-        if (!isRootPath) {
+        if (newValue === ADDITIONAL_PROPERTY_KEY_REMOVE) {
+          _unset(formData, path);
+        } else if (!isRootPath) {
           set(formData, path, newValue);
         }
         const newState = this.getStateFromProps(this.props, formData, void 0, void 0, void 0, true);
@@ -4571,6 +4618,7 @@
   var index_default = Form;
 
   exports.RichDescription = RichDescription;
+  exports.RichHelp = RichHelp;
   exports.default = index_default;
   exports.getDefaultRegistry = getDefaultRegistry;
   exports.getTestRegistry = getTestRegistry;