@rjsf/core 6.0.1 → 6.1.0

package/dist/index.cjs

@@ -31,6 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   RichDescription: () => RichDescription,
+  RichHelp: () => RichHelp,
   default: () => index_default,
   getDefaultRegistry: () => getDefaultRegistry,
   getTestRegistry: () => getTestRegistry,
@@ -40,16 +41,17 @@ module.exports = __toCommonJS(index_exports);
 
 // src/components/Form.tsx
 var import_react21 = require("react");
-var import_utils48 = require("@rjsf/utils");
+var import_utils49 = require("@rjsf/utils");
 var import_cloneDeep2 = __toESM(require("lodash/cloneDeep"), 1);
 var import_get5 = __toESM(require("lodash/get"), 1);
 var import_isEmpty4 = __toESM(require("lodash/isEmpty"), 1);
 var import_pick = __toESM(require("lodash/pick"), 1);
 var import_set5 = __toESM(require("lodash/set"), 1);
 var import_toPath = __toESM(require("lodash/toPath"), 1);
+var import_unset = __toESM(require("lodash/unset"), 1);
 
 // src/getDefaultRegistry.ts
-var import_utils47 = require("@rjsf/utils");
+var import_utils48 = require("@rjsf/utils");
 
 // src/components/fields/ArrayField.tsx
 var import_react = require("react");
@@ -107,9 +109,11 @@ function computeItemUiSchema(uiSchema, item, index, formContext) {
   }
 }
 function getNewFormDataRow(registry, schema) {
-  const { schemaUtils } = registry;
+  const { schemaUtils, globalFormOptions } = registry;
   let itemSchema = schema.items;
-  if ((0, import_utils.isFixedItems)(schema) && (0, import_utils.allowAdditionalItems)(schema)) {
+  if (globalFormOptions.useFallbackUiForUnsupportedType && !itemSchema) {
+    itemSchema = {};
+  } else if ((0, import_utils.isFixedItems)(schema) && (0, import_utils.allowAdditionalItems)(schema)) {
     itemSchema = schema.additionalItems;
   }
   return schemaUtils.getDefaultFormState(itemSchema);
@@ -299,7 +303,9 @@ function ArrayFieldItem(props) {
     handleReorderItems
   } = props;
   const {
-    fields: { ArraySchemaField, SchemaField: SchemaField2 }
+    schemaUtils,
+    fields: { ArraySchemaField, SchemaField: SchemaField2 },
+    globalUiOptions
   } = registry;
   const fieldPathId = (0, import_utils.useDeepCompareMemo)(itemFieldPathId);
   const ItemSchemaField = ArraySchemaField || SchemaField2;
@@ -308,6 +314,9 @@ function ArrayFieldItem(props) {
     registry,
     uiOptions
   );
+  const displayLabel = schemaUtils.getDisplayLabel(itemSchema, itemUiSchema, globalUiOptions);
+  const { description } = (0, import_utils.getUiOptions)(itemUiSchema);
+  const hasDescription = !!description || !!itemSchema.description;
   const { orderable = true, removable = true, copyable = false } = uiOptions;
   const has4 = {
     moveUp: orderable && canMoveUp,
@@ -401,7 +410,9 @@ function ArrayFieldItem(props) {
     registry,
     schema: itemSchema,
     uiSchema: itemUiSchema,
-    parentUiSchema
+    parentUiSchema,
+    displayLabel,
+    hasDescription
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrayFieldItemTemplate2, { ...templateProps });
 }
@@ -644,7 +655,7 @@ function useKeyedFormData(formData = []) {
 }
 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 = (0, import_react.useCallback)(
@@ -781,24 +792,14 @@ function ArrayField(props) {
     },
     [onChange, childFieldPathId]
   );
-  if (!(import_utils.ITEMS_KEY in schema)) {
-    const uiOptions = (0, import_utils.getUiOptions)(uiSchema);
-    const UnsupportedFieldTemplate = (0, import_utils.getTemplate)(
-      "UnsupportedFieldTemplate",
-      registry,
-      uiOptions
-    );
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      UnsupportedFieldTemplate,
-      {
-        schema,
-        fieldPathId,
-        reason: translateString(import_utils.TranslatableString.MissingItems),
-        registry
-      }
-    );
-  }
+  const arrayAsMultiProps = {
+    ...props,
+    formData,
+    fieldPathId: childFieldPathId,
+    onSelectChange
+  };
   const arrayProps = {
+    ...props,
     handleAddItem,
     handleCopyItem,
     handleRemoveItem,
@@ -806,19 +807,41 @@ function ArrayField(props) {
     keyedFormData,
     onChange: handleChange
   };
-  if (schemaUtils.isMultiSelect(schema)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrayAsMultiSelect, { ...props, fieldPathId: childFieldPathId, onSelectChange });
+  if (!(import_utils.ITEMS_KEY in schema)) {
+    if (!globalFormOptions.useFallbackUiForUnsupportedType) {
+      const uiOptions = (0, import_utils.getUiOptions)(uiSchema);
+      const UnsupportedFieldTemplate = (0, import_utils.getTemplate)(
+        "UnsupportedFieldTemplate",
+        registry,
+        uiOptions
+      );
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        UnsupportedFieldTemplate,
+        {
+          schema,
+          fieldPathId,
+          reason: translateString(import_utils.TranslatableString.MissingItems),
+          registry
+        }
+      );
+    }
+    const fallbackSchema = { ...schema, [import_utils.ITEMS_KEY]: { type: void 0 } };
+    arrayAsMultiProps.schema = fallbackSchema;
+    arrayProps.schema = fallbackSchema;
+  }
+  if (schemaUtils.isMultiSelect(arrayAsMultiProps.schema)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrayAsMultiSelect, { ...arrayAsMultiProps });
   }
   if ((0, import_utils.isCustomWidget)(uiSchema)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrayAsCustomWidget, { ...props, fieldPathId: childFieldPathId, onSelectChange });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrayAsCustomWidget, { ...arrayAsMultiProps });
   }
-  if ((0, import_utils.isFixedItems)(schema)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FixedArray, { ...props, ...arrayProps });
+  if ((0, import_utils.isFixedItems)(arrayAsMultiProps.schema)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FixedArray, { ...arrayProps });
   }
-  if (schemaUtils.isFilesArray(schema, uiSchema)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrayAsFiles, { ...props, fieldPathId: childFieldPathId, onSelectChange });
+  if (schemaUtils.isFilesArray(arrayAsMultiProps.schema, uiSchema)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrayAsFiles, { ...arrayAsMultiProps });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NormalArray, { ...props, ...arrayProps });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NormalArray, { ...arrayProps });
 }
 
 // src/components/fields/BooleanField.tsx
@@ -933,7 +956,7 @@ var import_jsx_runtime3 = require("react/jsx-runtime");
 function getFallbackTypeSelectionSchema(title) {
   return {
     type: "string",
-    enum: ["string", "number", "boolean"],
+    enum: ["string", "number", "boolean", "object", "array"],
     default: "string",
     title
   };
@@ -943,6 +966,9 @@ function getTypeOfFormData(formData) {
   if (dataType === "string" || dataType === "number" || dataType === "boolean") {
     return dataType;
   }
+  if (dataType === "object") {
+    return Array.isArray(formData) ? "array" : "object";
+  }
   return "string";
 }
 function castToNewType(formData, newType) {
@@ -992,20 +1018,13 @@ function FallbackField(props) {
     }
   };
   if (!globalFormOptions.useFallbackUiForUnsupportedType) {
+    const { reason = translateString(import_utils3.TranslatableString.UnknownFieldType, [String(schema.type)]) } = props;
     const UnsupportedFieldTemplate = (0, import_utils3.getTemplate)(
       "UnsupportedFieldTemplate",
       registry,
       uiOptions
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      UnsupportedFieldTemplate,
-      {
-        schema,
-        fieldPathId,
-        reason: translateString(import_utils3.TranslatableString.UnknownFieldType, [String(schema.type)]),
-        registry
-      }
-    );
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(UnsupportedFieldTemplate, { schema, fieldPathId, reason, registry });
   }
   const FallbackFieldTemplate2 = (0, import_utils3.getTemplate)(
     "FallbackFieldTemplate",
@@ -1036,7 +1055,17 @@ function FallbackField(props) {
         },
         formData ? (0, import_utils3.hashObject)(formData) : "__empty__"
       ),
-      schemaField: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SchemaField2, { ...props, schema: { type, title: translateString(import_utils3.TranslatableString.Value) } })
+      schemaField: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        SchemaField2,
+        {
+          ...props,
+          schema: {
+            type,
+            title: translateString(import_utils3.TranslatableString.Value),
+            ...type === "object" && { additionalProperties: true }
+          }
+        }
+      )
     }
   );
 }
@@ -1827,7 +1856,12 @@ var import_get4 = __toESM(require("lodash/get"), 1);
 var import_has3 = __toESM(require("lodash/has"), 1);
 var import_isObject4 = __toESM(require("lodash/isObject"), 1);
 var import_set4 = __toESM(require("lodash/set"), 1);
-var import_unset = __toESM(require("lodash/unset"), 1);
+
+// src/components/constants.ts
+var ADDITIONAL_PROPERTY_KEY_REMOVE = Symbol("remove-this-key");
+var IS_RESET = Symbol("reset");
+
+// src/components/fields/ObjectField.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
 function isRequired(schema, name) {
   return Array.isArray(schema.required) && schema.required.indexOf(name) !== -1;
@@ -1952,7 +1986,6 @@ function ObjectField(props) {
   const schema = schemaUtils.retrieveSchema(rawSchema, formData, true);
   const uiOptions = (0, import_utils9.getUiOptions)(uiSchema, globalUiOptions);
   const { properties: schemaProperties = {} } = schema;
-  const formDataHash = (0, import_utils9.hashObject)(formData || {});
   const childFieldPathId = props.childFieldPathId ?? fieldPathId;
   const templateTitle = uiOptions.title ?? schema.title ?? title ?? name;
   const description = uiOptions.description ?? schema.description;
@@ -2025,11 +2058,9 @@ function ObjectField(props) {
   );
   const handleRemoveProperty = (0, import_react8.useCallback)(
     (key) => {
-      const copiedFormData = { ...formData };
-      (0, import_unset.default)(copiedFormData, key);
-      onChange(copiedFormData, childFieldPathId.path);
+      onChange(ADDITIONAL_PROPERTY_KEY_REMOVE, [...childFieldPathId.path, key]);
     },
-    [onChange, childFieldPathId, formData]
+    [onChange, childFieldPathId]
   );
   if (!renderOptionalField || hasFormData) {
     try {
@@ -2073,7 +2104,7 @@ function ObjectField(props) {
           readonly,
           hideError
         },
-        addedByAdditionalProperties ? `${name2}-${formDataHash}` : name2
+        name2
       );
       return {
         content,
@@ -2421,9 +2452,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) ? (0, import_utils12.optionsList)(schema, uiSchema) : void 0;
   let defaultWidget = enumOptions ? "select" : "text";
@@ -2432,7 +2464,7 @@ function StringField(props) {
   }
   const { widget = defaultWidget, placeholder = "", title: uiTitle, ...options } = (0, import_utils12.getUiOptions)(uiSchema);
   const displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema, globalUiOptions);
-  const label = uiTitle ?? title ?? name;
+  const label = uiTitle ?? title ?? schemaTitle ?? name;
   const Widget = (0, import_utils12.getWidget)(schema, widget, widgets2);
   const onWidgetChange = (0, import_react10.useCallback)(
     (value, errorSchema, id) => {
@@ -2534,7 +2566,7 @@ function ArrayFieldDescriptionTemplate(props) {
 var import_utils14 = require("@rjsf/utils");
 var import_jsx_runtime14 = require("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 = (0, import_utils14.getUiOptions)(uiSchema);
   const ArrayFieldItemButtonsTemplate2 = (0, import_utils14.getTemplate)(
     "ArrayFieldItemButtonsTemplate",
@@ -2547,19 +2579,12 @@ function ArrayFieldItemTemplate(props) {
     paddingRight: 6,
     fontWeight: "bold"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: hasToolbar ? "col-xs-9" : "col-xs-12", children }),
-    hasToolbar && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "col-xs-3 array-item-toolbox", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-      "div",
-      {
-        className: "btn-group",
-        style: {
-          display: "flex",
-          justifyContent: "space-around"
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime14.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__ */ (0, import_jsx_runtime14.jsxs)("div", { className, style: containerStyle, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: hasToolbar ? "col-xs-9 col-md-10 col-xl-11" : "col-xs-12", children }),
+    hasToolbar && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "col-xs-3 col-md-2 col-xl-1 array-item-toolbox", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "btn-group", style: toolbarStyle, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ArrayFieldItemButtonsTemplate2, { ...buttonsProps, style: btnStyle }) }) })
   ] });
 }
 
@@ -2870,19 +2895,25 @@ function AddButton({
   registry
 }) {
   const { translateString } = registry;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: `col-xs-3 col-xs-offset-9 text-right ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-    IconButton,
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "p",
     {
-      id,
-      iconType: "info",
-      icon: "plus",
-      className: "btn-add col-xs-12",
-      title: translateString(import_utils21.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__ */ (0, import_jsx_runtime21.jsx)(
+        IconButton,
+        {
+          id,
+          iconType: "info",
+          icon: "plus",
+          className: "btn-add col-xs-12",
+          title: translateString(import_utils21.TranslatableString.AddButton),
+          onClick,
+          disabled,
+          registry
+        }
+      )
     }
-  ) }) });
+  ) });
 }
 
 // src/components/templates/ButtonTemplates/index.ts
@@ -2989,8 +3020,9 @@ function FieldTemplate(props) {
   if (hidden) {
     return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "hidden", children });
   }
+  const isCheckbox = uiOptions.widget === "checkbox";
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(WrapIfAdditionalTemplate2, { ...props, children: [
-    displayLabel && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Label, { label, required, id }),
+    displayLabel && !isCheckbox && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Label, { label, required, id }),
     displayLabel && description ? description : null,
     children,
     errors,
@@ -3016,40 +3048,57 @@ function FieldErrorTemplate(props) {
 }
 
 // src/components/templates/FieldHelpTemplate.tsx
+var import_utils28 = require("@rjsf/utils");
+
+// src/components/RichHelp.tsx
 var import_utils27 = require("@rjsf/utils");
+var import_markdown_to_jsx3 = __toESM(require("markdown-to-jsx"), 1);
 var import_jsx_runtime29 = require("react/jsx-runtime");
+var TEST_IDS2 = (0, import_utils27.getTestIds)();
+function RichHelp({
+  help,
+  registry,
+  uiSchema = {}
+}) {
+  const { globalUiOptions } = registry;
+  const uiOptions = (0, import_utils27.getUiOptions)(uiSchema, globalUiOptions);
+  if (uiOptions.enableMarkdownInHelp && typeof help === "string") {
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_markdown_to_jsx3.default, { options: { disableParsingRawHTML: true }, "data-testid": TEST_IDS2.markdown, children: help });
+  }
+  return help;
+}
+RichHelp.TEST_IDS = TEST_IDS2;
+
+// src/components/templates/FieldHelpTemplate.tsx
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function FieldHelpTemplate(props) {
-  const { fieldPathId, help } = props;
+  const { fieldPathId, help, uiSchema, registry } = props;
   if (!help) {
     return null;
   }
-  const id = (0, import_utils27.helpId)(fieldPathId);
-  if (typeof help === "string") {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { id, className: "help-block", children: help });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { id, className: "help-block", children: help });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { id: (0, import_utils28.helpId)(fieldPathId), className: "help-block", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(RichHelp, { help, registry, uiSchema }) });
 }
 
 // src/components/templates/GridTemplate.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function GridTemplate(props) {
   const { children, column, className, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className, ...rest, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className, ...rest, children });
 }
 
 // src/components/templates/MultiSchemaFieldTemplate.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function MultiSchemaFieldTemplate(props) {
   const { selector, optionSchemaField } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "panel panel-default panel-body", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "form-group", children: selector }),
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "panel panel-default panel-body", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "form-group", children: selector }),
     optionSchemaField
   ] });
 }
 
 // src/components/templates/ObjectFieldTemplate.tsx
-var import_utils28 = require("@rjsf/utils");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_utils29 = require("@rjsf/utils");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function ObjectFieldTemplate(props) {
   const {
     className,
@@ -3067,9 +3116,9 @@ function ObjectFieldTemplate(props) {
     title,
     uiSchema
   } = props;
-  const options = (0, import_utils28.getUiOptions)(uiSchema);
-  const TitleFieldTemplate = (0, import_utils28.getTemplate)("TitleFieldTemplate", registry, options);
-  const DescriptionFieldTemplate = (0, import_utils28.getTemplate)(
+  const options = (0, import_utils29.getUiOptions)(uiSchema);
+  const TitleFieldTemplate = (0, import_utils29.getTemplate)("TitleFieldTemplate", registry, options);
+  const DescriptionFieldTemplate = (0, import_utils29.getTemplate)(
     "DescriptionFieldTemplate",
     registry,
     options
@@ -3078,11 +3127,11 @@ function ObjectFieldTemplate(props) {
   const {
     ButtonTemplates: { AddButton: AddButton2 }
   } = registry.templates;
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("fieldset", { className, id: fieldPathId.$id, children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("fieldset", { className, id: fieldPathId.$id, children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       TitleFieldTemplate,
       {
-        id: (0, import_utils28.titleId)(fieldPathId),
+        id: (0, import_utils29.titleId)(fieldPathId),
         title,
         required,
         schema,
@@ -3091,10 +3140,10 @@ function ObjectFieldTemplate(props) {
         optionalDataControl: showOptionalDataControlInTitle ? optionalDataControl : void 0
       }
     ),
-    description && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    description && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       DescriptionFieldTemplate,
       {
-        id: (0, import_utils28.descriptionId)(fieldPathId),
+        id: (0, import_utils29.descriptionId)(fieldPathId),
         description,
         schema,
         uiSchema,
@@ -3103,10 +3152,10 @@ function ObjectFieldTemplate(props) {
     ),
     !showOptionalDataControlInTitle ? optionalDataControl : void 0,
     properties.map((prop) => prop.content),
-    (0, import_utils28.canExpand)(schema, uiSchema, formData) && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    (0, import_utils29.canExpand)(schema, uiSchema, formData) && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       AddButton2,
       {
-        id: (0, import_utils28.buttonId)(fieldPathId, "add"),
+        id: (0, import_utils29.buttonId)(fieldPathId, "add"),
         className: "rjsf-object-property-expand",
         onClick: onAddProperty,
         disabled: disabled || readonly,
@@ -3118,11 +3167,11 @@ function ObjectFieldTemplate(props) {
 }
 
 // src/components/templates/OptionalDataControlsTemplate.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function OptionalDataControlsTemplate(props) {
   const { id, registry, label, onAddClick, onRemoveClick } = props;
   if (onAddClick) {
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       IconButton,
       {
         id,
@@ -3134,7 +3183,7 @@ function OptionalDataControlsTemplate(props) {
       }
     );
   } else if (onRemoveClick) {
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       IconButton,
       {
         id,
@@ -3146,57 +3195,59 @@ function OptionalDataControlsTemplate(props) {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("em", { id, children: label });
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("em", { id, children: label });
 }
 
 // src/components/templates/TitleField.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var REQUIRED_FIELD_SYMBOL2 = "*";
 function TitleField(props) {
   const { id, title, required, optionalDataControl } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("legend", { id, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("legend", { id, children: [
     title,
-    required && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "required", children: REQUIRED_FIELD_SYMBOL2 }),
-    optionalDataControl && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "pull-right", style: { marginBottom: "2px" }, children: optionalDataControl })
+    required && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "required", children: REQUIRED_FIELD_SYMBOL2 }),
+    optionalDataControl && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "pull-right", style: { marginBottom: "2px" }, children: optionalDataControl })
   ] });
 }
 
 // src/components/templates/UnsupportedField.tsx
-var import_utils29 = require("@rjsf/utils");
-var import_markdown_to_jsx3 = __toESM(require("markdown-to-jsx"), 1);
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_utils30 = require("@rjsf/utils");
+var import_markdown_to_jsx4 = __toESM(require("markdown-to-jsx"), 1);
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function UnsupportedField(props) {
   const { schema, fieldPathId, reason, registry } = props;
   const { translateString } = registry;
-  let translateEnum = import_utils29.TranslatableString.UnsupportedField;
+  let translateEnum = import_utils30.TranslatableString.UnsupportedField;
   const translateParams = [];
   if (fieldPathId && fieldPathId.$id) {
-    translateEnum = import_utils29.TranslatableString.UnsupportedFieldWithId;
+    translateEnum = import_utils30.TranslatableString.UnsupportedFieldWithId;
     translateParams.push(fieldPathId.$id);
   }
   if (reason) {
-    translateEnum = translateEnum === import_utils29.TranslatableString.UnsupportedField ? import_utils29.TranslatableString.UnsupportedFieldWithReason : import_utils29.TranslatableString.UnsupportedFieldWithIdAndReason;
+    translateEnum = translateEnum === import_utils30.TranslatableString.UnsupportedField ? import_utils30.TranslatableString.UnsupportedFieldWithReason : import_utils30.TranslatableString.UnsupportedFieldWithIdAndReason;
     translateParams.push(reason);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "unsupported-field", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_markdown_to_jsx3.default, { options: { disableParsingRawHTML: true }, children: translateString(translateEnum, translateParams) }) }),
-    schema && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("pre", { children: JSON.stringify(schema, null, 2) })
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "unsupported-field", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_markdown_to_jsx4.default, { options: { disableParsingRawHTML: true }, children: translateString(translateEnum, translateParams) }) }),
+    schema && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("pre", { children: JSON.stringify(schema, null, 2) })
   ] });
 }
 var UnsupportedField_default = UnsupportedField;
 
 // src/components/templates/WrapIfAdditionalTemplate.tsx
-var import_utils30 = require("@rjsf/utils");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_utils31 = require("@rjsf/utils");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function WrapIfAdditionalTemplate(props) {
   const {
     id,
     classNames,
     style,
     disabled,
+    displayLabel,
     label,
     onKeyRenameBlur,
     onRemoveProperty,
+    rawDescription,
     readonly,
     required,
     schema,
@@ -3208,20 +3259,23 @@ function WrapIfAdditionalTemplate(props) {
   } = props;
   const { templates: templates2, translateString } = registry;
   const { RemoveButton: RemoveButton2 } = templates2.ButtonTemplates;
-  const keyLabel = translateString(import_utils30.TranslatableString.KeyLabel, [label]);
-  const additional = import_utils30.ADDITIONAL_PROPERTY_FLAG in schema;
+  const keyLabel = translateString(import_utils31.TranslatableString.KeyLabel, [label]);
+  const additional = import_utils31.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");
   }
   const uiClassNames = classNamesList.join(" ").trim();
   if (!additional) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: uiClassNames, style, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: uiClassNames, style, children });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: uiClassNames, style, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "row", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "col-xs-5 form-additional", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "form-group", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Label, { label: keyLabel, required, id: `${id}-key` }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  const margin = hasDescription ? 46 : 26;
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: uiClassNames, style, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "row", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "col-xs-5 form-additional", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "form-group", children: [
+      displayLabel && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Label, { label: keyLabel, required, id: `${id}-key` }),
+      displayLabel && rawDescription && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { children: "\xA0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
         "input",
         {
           className: "form-control",
@@ -3232,11 +3286,11 @@ function WrapIfAdditionalTemplate(props) {
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "form-additional form-group col-xs-5", children }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "col-xs-2", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "form-additional form-group col-xs-5", children }),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "col-xs-2", style: { marginTop: displayLabel ? `${margin}px` : void 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       RemoveButton2,
       {
-        id: (0, import_utils30.buttonId)(id, "remove"),
+        id: (0, import_utils31.buttonId)(id, "remove"),
         className: "rjsf-object-property-remove btn-block",
         style: { border: "0" },
         disabled: disabled || readonly,
@@ -3276,15 +3330,15 @@ function templates() {
 var templates_default = templates;
 
 // src/components/widgets/AltDateWidget.tsx
-var import_utils31 = require("@rjsf/utils");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_utils32 = require("@rjsf/utils");
+var import_jsx_runtime38 = require("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 } = (0, import_utils31.useAltDateWidgetProps)(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("ul", { className: "list-inline", children: [
-    elements.map((elemProps, i) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("li", { className: "list-inline-item", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      import_utils31.DateElement,
+  const { elements, handleChange, handleClear, handleSetNow } = (0, import_utils32.useAltDateWidgetProps)(props);
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("ul", { className: "list-inline", children: [
+    elements.map((elemProps, i) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("li", { className: "list-inline-item", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      import_utils32.DateElement,
       {
         rootId: id,
         name,
@@ -3298,27 +3352,27 @@ function AltDateWidget(props) {
         autofocus: autofocus && i === 0
       }
     ) }, i)),
-    (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("li", { className: "list-inline-item", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("a", { href: "#", className: "btn btn-info btn-now", onClick: handleSetNow, children: translateString(import_utils31.TranslatableString.NowLabel) }) }),
-    (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("li", { className: "list-inline-item", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("a", { href: "#", className: "btn btn-warning btn-clear", onClick: handleClear, children: translateString(import_utils31.TranslatableString.ClearLabel) }) })
+    (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("li", { className: "list-inline-item", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("a", { href: "#", className: "btn btn-info btn-now", onClick: handleSetNow, children: translateString(import_utils32.TranslatableString.NowLabel) }) }),
+    (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("li", { className: "list-inline-item", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("a", { href: "#", className: "btn btn-warning btn-clear", onClick: handleClear, children: translateString(import_utils32.TranslatableString.ClearLabel) }) })
   ] });
 }
 var AltDateWidget_default = AltDateWidget;
 
 // src/components/widgets/AltDateTimeWidget.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function AltDateTimeWidget({
   time = true,
   ...props
 }) {
   const { AltDateWidget: AltDateWidget2 } = props.registry.widgets;
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AltDateWidget2, { time, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AltDateWidget2, { time, ...props });
 }
 var AltDateTimeWidget_default = AltDateTimeWidget;
 
 // src/components/widgets/CheckboxWidget.tsx
 var import_react13 = require("react");
-var import_utils32 = require("@rjsf/utils");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_utils33 = require("@rjsf/utils");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function CheckboxWidget({
   schema,
   uiSchema,
@@ -3336,12 +3390,12 @@ function CheckboxWidget({
   registry,
   htmlName
 }) {
-  const DescriptionFieldTemplate = (0, import_utils32.getTemplate)(
+  const DescriptionFieldTemplate = (0, import_utils33.getTemplate)(
     "DescriptionFieldTemplate",
     registry,
     options
   );
-  const required = (0, import_utils32.schemaRequiresTrueValue)(schema);
+  const required = (0, import_utils33.schemaRequiresTrueValue)(schema);
   const handleChange = (0, import_react13.useCallback)(
     (event) => onChange(event.target.checked),
     [onChange]
@@ -3354,20 +3408,22 @@ function CheckboxWidget({
     (event) => onFocus(id, event.target.checked),
     [onFocus, id]
   );
-  const description = options.description ?? schema.description;
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: `checkbox ${disabled || readonly ? "disabled" : ""}`, children: [
-    !hideLabel && description && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  const uiOptions = (0, import_utils33.getUiOptions)(uiSchema);
+  const isCheckboxWidget = uiOptions.widget === "checkbox";
+  const description = isCheckboxWidget ? void 0 : options.description ?? schema.description;
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: `checkbox ${disabled || readonly ? "disabled" : ""}`, children: [
+    !hideLabel && description && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       DescriptionFieldTemplate,
       {
-        id: (0, import_utils32.descriptionId)(id),
+        id: (0, import_utils33.descriptionId)(id),
         description,
         schema,
         uiSchema,
         registry
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("label", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("label", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
         "input",
         {
           type: "checkbox",
@@ -3380,10 +3436,10 @@ function CheckboxWidget({
           onChange: handleChange,
           onBlur: handleBlur,
           onFocus: handleFocus,
-          "aria-describedby": (0, import_utils32.ariaDescribedByIds)(id)
+          "aria-describedby": (0, import_utils33.ariaDescribedByIds)(id)
         }
       ),
-      (0, import_utils32.labelValue)(/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: label }), hideLabel)
+      (0, import_utils33.labelValue)(/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { children: label }), hideLabel)
     ] })
   ] });
 }
@@ -3391,8 +3447,8 @@ var CheckboxWidget_default = CheckboxWidget;
 
 // src/components/widgets/CheckboxesWidget.tsx
 var import_react14 = require("react");
-var import_utils33 = require("@rjsf/utils");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_utils34 = require("@rjsf/utils");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function CheckboxesWidget({
   id,
   disabled,
@@ -3407,30 +3463,30 @@ function CheckboxesWidget({
 }) {
   const checkboxesValues = Array.isArray(value) ? value : [value];
   const handleBlur = (0, import_react14.useCallback)(
-    ({ target }) => onBlur(id, (0, import_utils33.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue)),
+    ({ target }) => onBlur(id, (0, import_utils34.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue)),
     [onBlur, id, enumOptions, emptyValue]
   );
   const handleFocus = (0, import_react14.useCallback)(
-    ({ target }) => onFocus(id, (0, import_utils33.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue)),
+    ({ target }) => onFocus(id, (0, import_utils34.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue)),
     [onFocus, id, enumOptions, emptyValue]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "checkboxes", id, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
-    const checked = (0, import_utils33.enumOptionsIsSelected)(option.value, checkboxesValues);
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "checkboxes", id, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+    const checked = (0, import_utils34.enumOptionsIsSelected)(option.value, checkboxesValues);
     const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
     const disabledCls = disabled || itemDisabled || readonly ? "disabled" : "";
     const handleChange = (event) => {
       if (event.target.checked) {
-        onChange((0, import_utils33.enumOptionsSelectValue)(index, checkboxesValues, enumOptions));
+        onChange((0, import_utils34.enumOptionsSelectValue)(index, checkboxesValues, enumOptions));
       } else {
-        onChange((0, import_utils33.enumOptionsDeselectValue)(index, checkboxesValues, enumOptions));
+        onChange((0, import_utils34.enumOptionsDeselectValue)(index, checkboxesValues, enumOptions));
       }
     };
-    const checkbox = /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    const checkbox = /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         "input",
         {
           type: "checkbox",
-          id: (0, import_utils33.optionId)(id, index),
+          id: (0, import_utils34.optionId)(id, index),
           name: htmlName || id,
           checked,
           value: String(index),
@@ -3439,66 +3495,66 @@ function CheckboxesWidget({
           onChange: handleChange,
           onBlur: handleBlur,
           onFocus: handleFocus,
-          "aria-describedby": (0, import_utils33.ariaDescribedByIds)(id)
+          "aria-describedby": (0, import_utils34.ariaDescribedByIds)(id)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { children: option.label })
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: option.label })
     ] });
-    return inline ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("label", { className: `checkbox-inline ${disabledCls}`, children: checkbox }, index) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: `checkbox ${disabledCls}`, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("label", { children: checkbox }) }, index);
+    return inline ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("label", { className: `checkbox-inline ${disabledCls}`, children: checkbox }, index) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: `checkbox ${disabledCls}`, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("label", { children: checkbox }) }, index);
   }) });
 }
 var CheckboxesWidget_default = CheckboxesWidget;
 
 // src/components/widgets/ColorWidget.tsx
-var import_utils34 = require("@rjsf/utils");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_utils35 = require("@rjsf/utils");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function ColorWidget(props) {
   const { disabled, readonly, options, registry } = props;
-  const BaseInputTemplate2 = (0, import_utils34.getTemplate)("BaseInputTemplate", registry, options);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(BaseInputTemplate2, { type: "color", ...props, disabled: disabled || readonly });
+  const BaseInputTemplate2 = (0, import_utils35.getTemplate)("BaseInputTemplate", registry, options);
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(BaseInputTemplate2, { type: "color", ...props, disabled: disabled || readonly });
 }
 
 // src/components/widgets/DateWidget.tsx
 var import_react15 = require("react");
-var import_utils35 = require("@rjsf/utils");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_utils36 = require("@rjsf/utils");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function DateWidget(props) {
   const { onChange, options, registry } = props;
-  const BaseInputTemplate2 = (0, import_utils35.getTemplate)("BaseInputTemplate", registry, options);
+  const BaseInputTemplate2 = (0, import_utils36.getTemplate)("BaseInputTemplate", registry, options);
   const handleChange = (0, import_react15.useCallback)((value) => onChange(value || void 0), [onChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(BaseInputTemplate2, { type: "date", ...props, onChange: handleChange });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(BaseInputTemplate2, { type: "date", ...props, onChange: handleChange });
 }
 
 // src/components/widgets/DateTimeWidget.tsx
-var import_utils36 = require("@rjsf/utils");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_utils37 = require("@rjsf/utils");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function DateTimeWidget(props) {
   const { onChange, value, options, registry } = props;
-  const BaseInputTemplate2 = (0, import_utils36.getTemplate)("BaseInputTemplate", registry, options);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  const BaseInputTemplate2 = (0, import_utils37.getTemplate)("BaseInputTemplate", registry, options);
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     BaseInputTemplate2,
     {
       type: "datetime-local",
       ...props,
-      value: (0, import_utils36.utcToLocal)(value),
-      onChange: (value2) => onChange((0, import_utils36.localToUTC)(value2))
+      value: (0, import_utils37.utcToLocal)(value),
+      onChange: (value2) => onChange((0, import_utils37.localToUTC)(value2))
     }
   );
 }
 
 // src/components/widgets/EmailWidget.tsx
-var import_utils37 = require("@rjsf/utils");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_utils38 = require("@rjsf/utils");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function EmailWidget(props) {
   const { options, registry } = props;
-  const BaseInputTemplate2 = (0, import_utils37.getTemplate)("BaseInputTemplate", registry, options);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(BaseInputTemplate2, { type: "email", ...props });
+  const BaseInputTemplate2 = (0, import_utils38.getTemplate)("BaseInputTemplate", registry, options);
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(BaseInputTemplate2, { type: "email", ...props });
 }
 
 // src/components/widgets/FileWidget.tsx
-var import_utils38 = require("@rjsf/utils");
-var import_markdown_to_jsx4 = __toESM(require("markdown-to-jsx"), 1);
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_utils39 = require("@rjsf/utils");
+var import_markdown_to_jsx5 = __toESM(require("markdown-to-jsx"), 1);
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function FileInfoPreview({
   fileInfo,
   registry
@@ -3509,11 +3565,11 @@ function FileInfoPreview({
     return null;
   }
   if (["image/jpeg", "image/png"].includes(type)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("img", { src: dataURL, style: { maxWidth: "100%" }, className: "file-preview" });
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("img", { src: dataURL, style: { maxWidth: "100%" }, className: "file-preview" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
     " ",
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("a", { download: `preview-${name}`, href: dataURL, className: "file-download", children: translateString(import_utils38.TranslatableString.PreviewLabel) })
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("a", { download: `preview-${name}`, href: dataURL, className: "file-download", children: translateString(import_utils39.TranslatableString.PreviewLabel) })
   ] });
 }
 function FilesInfo({
@@ -3527,28 +3583,28 @@ function FilesInfo({
     return null;
   }
   const { translateString } = registry;
-  const { RemoveButton: RemoveButton2 } = (0, import_utils38.getTemplate)("ButtonTemplates", registry, options);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("ul", { className: "file-info", children: filesInfo.map((fileInfo, key) => {
+  const { RemoveButton: RemoveButton2 } = (0, import_utils39.getTemplate)("ButtonTemplates", registry, options);
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("ul", { className: "file-info", children: filesInfo.map((fileInfo, key) => {
     const { name, size, type } = fileInfo;
     const handleRemove = () => onRemove(key);
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("li", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_markdown_to_jsx4.default, { children: translateString(import_utils38.TranslatableString.FilesInfo, [name, type, String(size)]) }),
-      preview && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(FileInfoPreview, { fileInfo, registry }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(RemoveButton2, { onClick: handleRemove, registry })
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("li", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_markdown_to_jsx5.default, { children: translateString(import_utils39.TranslatableString.FilesInfo, [name, type, String(size)]) }),
+      preview && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(FileInfoPreview, { fileInfo, registry }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(RemoveButton2, { onClick: handleRemove, registry })
     ] }, key);
   }) });
 }
 function FileWidget(props) {
   const { disabled, readonly, required, multiple, onChange, value, options, registry } = props;
-  const { filesInfo, handleChange, handleRemove } = (0, import_utils38.useFileWidgetProps)(value, onChange, multiple);
-  const BaseInputTemplate2 = (0, import_utils38.getTemplate)("BaseInputTemplate", registry, options);
+  const { filesInfo, handleChange, handleRemove } = (0, import_utils39.useFileWidgetProps)(value, onChange, multiple);
+  const BaseInputTemplate2 = (0, import_utils39.getTemplate)("BaseInputTemplate", registry, options);
   const handleOnChangeEvent = (event) => {
     if (event.target.files) {
       handleChange(event.target.files);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       BaseInputTemplate2,
       {
         ...props,
@@ -3560,7 +3616,7 @@ function FileWidget(props) {
         accept: options.accept ? String(options.accept) : void 0
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       FilesInfo,
       {
         filesInfo,
@@ -3575,29 +3631,29 @@ function FileWidget(props) {
 var FileWidget_default = FileWidget;
 
 // src/components/widgets/HiddenWidget.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function HiddenWidget({
   id,
   value,
   htmlName
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("input", { type: "hidden", id, name: htmlName || id, value: typeof value === "undefined" ? "" : value });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("input", { type: "hidden", id, name: htmlName || id, value: typeof value === "undefined" ? "" : value });
 }
 var HiddenWidget_default = HiddenWidget;
 
 // src/components/widgets/PasswordWidget.tsx
-var import_utils39 = require("@rjsf/utils");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_utils40 = require("@rjsf/utils");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function PasswordWidget(props) {
   const { options, registry } = props;
-  const BaseInputTemplate2 = (0, import_utils39.getTemplate)("BaseInputTemplate", registry, options);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(BaseInputTemplate2, { type: "password", ...props });
+  const BaseInputTemplate2 = (0, import_utils40.getTemplate)("BaseInputTemplate", registry, options);
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(BaseInputTemplate2, { type: "password", ...props });
 }
 
 // src/components/widgets/RadioWidget.tsx
 var import_react16 = require("react");
-var import_utils40 = require("@rjsf/utils");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_utils41 = require("@rjsf/utils");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function RadioWidget({
   options,
   value,
@@ -3613,24 +3669,24 @@ function RadioWidget({
 }) {
   const { enumOptions, enumDisabled, inline, emptyValue } = options;
   const handleBlur = (0, import_react16.useCallback)(
-    ({ target }) => onBlur(id, (0, import_utils40.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue)),
+    ({ target }) => onBlur(id, (0, import_utils41.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue)),
     [onBlur, enumOptions, emptyValue, id]
   );
   const handleFocus = (0, import_react16.useCallback)(
-    ({ target }) => onFocus(id, (0, import_utils40.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue)),
+    ({ target }) => onFocus(id, (0, import_utils41.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue)),
     [onFocus, enumOptions, emptyValue, id]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "field-radio-group", id, role: "radiogroup", children: Array.isArray(enumOptions) && enumOptions.map((option, i) => {
-    const checked = (0, import_utils40.enumOptionsIsSelected)(option.value, value);
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "field-radio-group", id, role: "radiogroup", children: Array.isArray(enumOptions) && enumOptions.map((option, i) => {
+    const checked = (0, import_utils41.enumOptionsIsSelected)(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__ */ (0, import_jsx_runtime48.jsxs)("span", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    const radio = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
         "input",
         {
           type: "radio",
-          id: (0, import_utils40.optionId)(id, i),
+          id: (0, import_utils41.optionId)(id, i),
           checked,
           name: htmlName || id,
           required,
@@ -3640,18 +3696,18 @@ function RadioWidget({
           onChange: handleChange,
           onBlur: handleBlur,
           onFocus: handleFocus,
-          "aria-describedby": (0, import_utils40.ariaDescribedByIds)(id)
+          "aria-describedby": (0, import_utils41.ariaDescribedByIds)(id)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { children: option.label })
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { children: option.label })
     ] });
-    return inline ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("label", { className: `radio-inline ${disabledCls}`, children: radio }, i) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: `radio ${disabledCls}`, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("label", { children: radio }) }, i);
+    return inline ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("label", { className: `radio-inline ${disabledCls}`, children: radio }, i) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: `radio ${disabledCls}`, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("label", { children: radio }) }, i);
   }) });
 }
 var RadioWidget_default = RadioWidget;
 
 // src/components/widgets/RangeWidget.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function RangeWidget(props) {
   const {
     value,
@@ -3659,15 +3715,15 @@ function RangeWidget(props) {
       templates: { BaseInputTemplate: BaseInputTemplate2 }
     }
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "field-range-wrapper", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(BaseInputTemplate2, { type: "range", ...props }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "range-view", children: value })
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "field-range-wrapper", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(BaseInputTemplate2, { type: "range", ...props }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "range-view", children: value })
   ] });
 }
 
 // src/components/widgets/RatingWidget.tsx
 var import_react17 = require("react");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function RatingWidget({
   id,
   value,
@@ -3717,7 +3773,7 @@ function RatingWidget({
     }
     return isFilled ? "\u2605" : "\u2606";
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_jsx_runtime50.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
     "div",
     {
       className: "rating-widget",
@@ -3730,7 +3786,7 @@ function RatingWidget({
         [...Array(numStars)].map((_, index) => {
           const starValue = min + index;
           const isFilled = starValue <= value;
-          return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             "span",
             {
               onClick: () => handleStarClick(starValue),
@@ -3752,7 +3808,7 @@ function RatingWidget({
             index
           );
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           "input",
           {
             type: "hidden",
@@ -3771,8 +3827,8 @@ function RatingWidget({
 
 // src/components/widgets/SelectWidget.tsx
 var import_react18 = require("react");
-var import_utils41 = require("@rjsf/utils");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_utils42 = require("@rjsf/utils");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function getValue(event, multiple) {
   if (multiple) {
     return Array.from(event.target.options).slice().filter((o) => o.selected).map((o) => o.value);
@@ -3800,27 +3856,27 @@ function SelectWidget({
   const handleFocus = (0, import_react18.useCallback)(
     (event) => {
       const newValue = getValue(event, multiple);
-      return onFocus(id, (0, import_utils41.enumOptionsValueForIndex)(newValue, enumOptions, optEmptyVal));
+      return onFocus(id, (0, import_utils42.enumOptionsValueForIndex)(newValue, enumOptions, optEmptyVal));
     },
     [onFocus, id, multiple, enumOptions, optEmptyVal]
   );
   const handleBlur = (0, import_react18.useCallback)(
     (event) => {
       const newValue = getValue(event, multiple);
-      return onBlur(id, (0, import_utils41.enumOptionsValueForIndex)(newValue, enumOptions, optEmptyVal));
+      return onBlur(id, (0, import_utils42.enumOptionsValueForIndex)(newValue, enumOptions, optEmptyVal));
     },
     [onBlur, id, multiple, enumOptions, optEmptyVal]
   );
   const handleChange = (0, import_react18.useCallback)(
     (event) => {
       const newValue = getValue(event, multiple);
-      return onChange((0, import_utils41.enumOptionsValueForIndex)(newValue, enumOptions, optEmptyVal));
+      return onChange((0, import_utils42.enumOptionsValueForIndex)(newValue, enumOptions, optEmptyVal));
     },
     [onChange, multiple, enumOptions, optEmptyVal]
   );
-  const selectedIndexes = (0, import_utils41.enumOptionsIndexForValue)(value, enumOptions, multiple);
+  const selectedIndexes = (0, import_utils42.enumOptionsIndexForValue)(value, enumOptions, multiple);
   const showPlaceholderOption = !multiple && schema.default === void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     "select",
     {
       id,
@@ -3835,12 +3891,12 @@ function SelectWidget({
       onBlur: handleBlur,
       onFocus: handleFocus,
       onChange: handleChange,
-      "aria-describedby": (0, import_utils41.ariaDescribedByIds)(id),
+      "aria-describedby": (0, import_utils42.ariaDescribedByIds)(id),
       children: [
-        showPlaceholderOption && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("option", { value: "", children: placeholder }),
+        showPlaceholderOption && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("option", { value: "", children: placeholder }),
         Array.isArray(enumOptions) && enumOptions.map(({ value: value2, label }, i) => {
           const disabled2 = enumDisabled && enumDisabled.indexOf(value2) !== -1;
-          return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("option", { value: String(i), disabled: disabled2, children: label }, i);
+          return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("option", { value: String(i), disabled: disabled2, children: label }, i);
         })
       ]
     }
@@ -3850,8 +3906,8 @@ var SelectWidget_default = SelectWidget;
 
 // src/components/widgets/TextareaWidget.tsx
 var import_react19 = require("react");
-var import_utils42 = require("@rjsf/utils");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_utils43 = require("@rjsf/utils");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function TextareaWidget({
   id,
   options = {},
@@ -3878,7 +3934,7 @@ function TextareaWidget({
     ({ target }) => onFocus(id, target && target.value),
     [id, onFocus]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     "textarea",
     {
       id,
@@ -3894,7 +3950,7 @@ function TextareaWidget({
       onBlur: handleBlur,
       onFocus: handleFocus,
       onChange: handleChange,
-      "aria-describedby": (0, import_utils42.ariaDescribedByIds)(id)
+      "aria-describedby": (0, import_utils43.ariaDescribedByIds)(id)
     }
   );
 }
@@ -3905,41 +3961,41 @@ TextareaWidget.defaultProps = {
 var TextareaWidget_default = TextareaWidget;
 
 // src/components/widgets/TextWidget.tsx
-var import_utils43 = require("@rjsf/utils");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_utils44 = require("@rjsf/utils");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function TextWidget(props) {
   const { options, registry } = props;
-  const BaseInputTemplate2 = (0, import_utils43.getTemplate)("BaseInputTemplate", registry, options);
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(BaseInputTemplate2, { ...props });
+  const BaseInputTemplate2 = (0, import_utils44.getTemplate)("BaseInputTemplate", registry, options);
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(BaseInputTemplate2, { ...props });
 }
 
 // src/components/widgets/TimeWidget.tsx
 var import_react20 = require("react");
-var import_utils44 = require("@rjsf/utils");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_utils45 = require("@rjsf/utils");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function TimeWidget(props) {
   const { onChange, options, registry } = props;
-  const BaseInputTemplate2 = (0, import_utils44.getTemplate)("BaseInputTemplate", registry, options);
+  const BaseInputTemplate2 = (0, import_utils45.getTemplate)("BaseInputTemplate", registry, options);
   const handleChange = (0, import_react20.useCallback)((value) => onChange(value ? `${value}:00` : void 0), [onChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(BaseInputTemplate2, { type: "time", ...props, onChange: handleChange });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(BaseInputTemplate2, { type: "time", ...props, onChange: handleChange });
 }
 
 // src/components/widgets/URLWidget.tsx
-var import_utils45 = require("@rjsf/utils");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_utils46 = require("@rjsf/utils");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function URLWidget(props) {
   const { options, registry } = props;
-  const BaseInputTemplate2 = (0, import_utils45.getTemplate)("BaseInputTemplate", registry, options);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(BaseInputTemplate2, { type: "url", ...props });
+  const BaseInputTemplate2 = (0, import_utils46.getTemplate)("BaseInputTemplate", registry, options);
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(BaseInputTemplate2, { type: "url", ...props });
 }
 
 // src/components/widgets/UpDownWidget.tsx
-var import_utils46 = require("@rjsf/utils");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_utils47 = require("@rjsf/utils");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function UpDownWidget(props) {
   const { options, registry } = props;
-  const BaseInputTemplate2 = (0, import_utils46.getTemplate)("BaseInputTemplate", registry, options);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(BaseInputTemplate2, { type: "number", ...props });
+  const BaseInputTemplate2 = (0, import_utils47.getTemplate)("BaseInputTemplate", registry, options);
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(BaseInputTemplate2, { type: "number", ...props });
 }
 
 // src/components/widgets/index.ts
@@ -3977,18 +4033,17 @@ function getDefaultRegistry() {
     widgets: widgets_default(),
     rootSchema: {},
     formContext: {},
-    translateString: import_utils47.englishStringTranslator,
+    translateString: import_utils48.englishStringTranslator,
     globalFormOptions: {
-      idPrefix: import_utils47.DEFAULT_ID_PREFIX,
-      idSeparator: import_utils47.DEFAULT_ID_SEPARATOR,
+      idPrefix: import_utils48.DEFAULT_ID_PREFIX,
+      idSeparator: import_utils48.DEFAULT_ID_SEPARATOR,
       useFallbackUiForUnsupportedType: false
     }
   };
 }
 
 // src/components/Form.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
-var IS_RESET = Symbol("reset");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 function toIChangeEvent(state, status) {
   return {
     ...(0, import_pick.default)(state, ["schema", "uiSchema", "fieldPathId", "schemaUtils", "formData", "edit", "errors", "errorSchema"]),
@@ -4017,7 +4072,7 @@ var Form = class extends import_react21.Component {
     const { formData: propsFormData, initialFormData, onChange } = props;
     const formData = propsFormData ?? initialFormData;
     this.state = this.getStateFromProps(props, formData, void 0, void 0, void 0, true);
-    if (onChange && !(0, import_utils48.deepEquals)(this.state.formData, formData)) {
+    if (onChange && !(0, import_utils49.deepEquals)(this.state.formData, formData)) {
       onChange(toIChangeEvent(this.state));
     }
     this.formElement = (0, import_react21.createRef)();
@@ -4041,12 +4096,12 @@ var Form = class extends import_react21.Component {
    *        with a flag indicating that an update is not necessary.
    */
   getSnapshotBeforeUpdate(prevProps, prevState) {
-    if (!(0, import_utils48.deepEquals)(this.props, prevProps)) {
-      const formDataChangedFields = (0, import_utils48.getChangedFields)(this.props.formData, prevProps.formData);
-      const stateDataChangedFields = (0, import_utils48.getChangedFields)(this.props.formData, this.state.formData);
-      const isSchemaChanged = !(0, import_utils48.deepEquals)(prevProps.schema, this.props.schema);
-      const isFormDataChanged = formDataChangedFields.length > 0 || !(0, import_utils48.deepEquals)(prevProps.formData, this.props.formData);
-      const isStateDataChanged = stateDataChangedFields.length > 0 || !(0, import_utils48.deepEquals)(this.state.formData, this.props.formData);
+    if (!(0, import_utils49.deepEquals)(this.props, prevProps)) {
+      const formDataChangedFields = (0, import_utils49.getChangedFields)(this.props.formData, prevProps.formData);
+      const stateDataChangedFields = (0, import_utils49.getChangedFields)(this.props.formData, this.state.formData);
+      const isSchemaChanged = !(0, import_utils49.deepEquals)(prevProps.schema, this.props.schema);
+      const isFormDataChanged = formDataChangedFields.length > 0 || !(0, import_utils49.deepEquals)(prevProps.formData, this.props.formData);
+      const isStateDataChanged = stateDataChangedFields.length > 0 || !(0, import_utils49.deepEquals)(this.state.formData, this.props.formData);
       const nextState = this.getStateFromProps(
         this.props,
         this.props.formData,
@@ -4059,7 +4114,7 @@ var Form = class extends import_react21.Component {
         // Skip live validation for this request if no form data has changed from the last state
         !isStateDataChanged
       );
-      const shouldUpdate = !(0, import_utils48.deepEquals)(nextState, prevState);
+      const shouldUpdate = !(0, import_utils49.deepEquals)(nextState, prevState);
       return { nextState, shouldUpdate };
     }
     return { shouldUpdate: false };
@@ -4079,7 +4134,7 @@ var Form = class extends import_react21.Component {
   componentDidUpdate(_, prevState, snapshot) {
     if (snapshot.shouldUpdate) {
       const { nextState } = snapshot;
-      if (!(0, import_utils48.deepEquals)(nextState.formData, this.props.formData) && !(0, import_utils48.deepEquals)(nextState.formData, prevState.formData) && this.props.onChange) {
+      if (!(0, import_utils49.deepEquals)(nextState.formData, this.props.formData) && !(0, import_utils49.deepEquals)(nextState.formData, prevState.formData) && this.props.onChange) {
         this.props.onChange(toIChangeEvent(nextState));
       }
       this.setState(nextState);
@@ -4115,7 +4170,7 @@ var Form = class extends import_react21.Component {
       experimental_defaultFormStateBehavior,
       experimental_customMergeAllOf
     )) {
-      schemaUtils = (0, import_utils48.createSchemaUtils)(
+      schemaUtils = (0, import_utils49.createSchemaUtils)(
         validator2,
         schema,
         experimental_defaultFormStateBehavior,
@@ -4185,7 +4240,7 @@ var Form = class extends import_react21.Component {
           },
           {}
         );
-        errorSchema = schemaValidationErrorSchema = (0, import_utils48.mergeObjects)(
+        errorSchema = schemaValidationErrorSchema = (0, import_utils49.mergeObjects)(
           currentErrors.errorSchema,
           newErrorSchema,
           "preventDuplicates"
@@ -4196,8 +4251,8 @@ var Form = class extends import_react21.Component {
       errorSchema = mergedErrors.errorSchema;
     }
     const newRegistry = this.getRegistry(props, rootSchema, schemaUtils);
-    const registry = (0, import_utils48.deepEquals)(state.registry, newRegistry) ? state.registry : newRegistry;
-    const fieldPathId = state.fieldPathId && state.fieldPathId?.[import_utils48.ID_KEY] === registry.globalFormOptions.idPrefix ? state.fieldPathId : (0, import_utils48.toFieldPathId)("", registry.globalFormOptions);
+    const registry = (0, import_utils49.deepEquals)(state.registry, newRegistry) ? state.registry : newRegistry;
+    const fieldPathId = state.fieldPathId && state.fieldPathId?.[import_utils49.ID_KEY] === registry.globalFormOptions.idPrefix ? state.fieldPathId : (0, import_utils49.toFieldPathId)("", registry.globalFormOptions);
     const nextState = {
       schemaUtils,
       schema: rootSchema,
@@ -4223,7 +4278,7 @@ var Form = class extends import_react21.Component {
    */
   shouldComponentUpdate(nextProps, nextState) {
     const { experimental_componentUpdateStrategy = "customDeep" } = this.props;
-    return (0, import_utils48.shouldRender)(this, nextProps, nextState, experimental_componentUpdateStrategy);
+    return (0, import_utils49.shouldRender)(this, nextProps, nextState, experimental_componentUpdateStrategy);
   }
   /** Validates the `formData` against the `schema` using the `altSchemaUtils` (if provided otherwise it uses the
    * `schemaUtils` in the state), returning the results.
@@ -4242,10 +4297,10 @@ var Form = class extends import_react21.Component {
   /** 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 = (0, import_utils48.getUiOptions)(uiSchema);
-    const ErrorListTemplate = (0, import_utils48.getTemplate)("ErrorListTemplate", registry, options);
+    const options = (0, import_utils49.getUiOptions)(uiSchema);
+    const ErrorListTemplate = (0, import_utils49.getTemplate)("ErrorListTemplate", registry, options);
     if (errors && errors.length) {
-      return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         ErrorListTemplate,
         {
           errors,
@@ -4270,12 +4325,12 @@ var Form = class extends import_react21.Component {
     let errorSchema = schemaValidation.errorSchema;
     let errors = schemaValidation.errors;
     if (extraErrors) {
-      const merged = (0, import_utils48.validationDataMerge)(schemaValidation, extraErrors);
+      const merged = (0, import_utils49.validationDataMerge)(schemaValidation, extraErrors);
       errorSchema = merged.errorSchema;
       errors = merged.errors;
     }
     if (customErrors) {
-      const merged = (0, import_utils48.validationDataMerge)(schemaValidation, customErrors.ErrorSchema, true);
+      const merged = (0, import_utils49.validationDataMerge)(schemaValidation, customErrors.ErrorSchema, true);
       errorSchema = merged.errorSchema;
       errors = merged.errors;
     }
@@ -4300,7 +4355,7 @@ var Form = class extends import_react21.Component {
     const errors = schemaValidation.errors;
     let errorSchema = schemaValidation.errorSchema;
     if (mergeIntoOriginalErrorSchema) {
-      errorSchema = (0, import_utils48.mergeObjects)(
+      errorSchema = (0, import_utils49.mergeObjects)(
         originalErrorSchema,
         schemaValidation.errorSchema,
         "preventDuplicates"
@@ -4339,12 +4394,12 @@ var Form = class extends import_react21.Component {
         const data = _obj[key];
         if (typeof data === "object") {
           const newPaths = paths.map((path) => [...path, key]);
-          if (data[import_utils48.RJSF_ADDITIONAL_PROPERTIES_FLAG] && data[import_utils48.NAME_KEY] !== "") {
-            acc.push(data[import_utils48.NAME_KEY]);
+          if (data[import_utils49.RJSF_ADDITIONAL_PROPERTIES_FLAG] && data[import_utils49.NAME_KEY] !== "") {
+            acc.push(data[import_utils49.NAME_KEY]);
           } else {
             getAllPaths(data, acc, newPaths);
           }
-        } else if (key === import_utils48.NAME_KEY && data !== "") {
+        } else if (key === import_utils49.NAME_KEY && data !== "") {
           paths.forEach((path) => {
             const formValue = (0, import_get5.default)(formData, path);
             const isLeaf = objKeys.length === 1;
@@ -4380,8 +4435,8 @@ var Form = class extends import_react21.Component {
   setFieldValue = (fieldPath, newValue) => {
     const { registry } = this.state;
     const path = Array.isArray(fieldPath) ? fieldPath : fieldPath.split(".");
-    const fieldPathId = (0, import_utils48.toFieldPathId)("", registry.globalFormOptions, path);
-    this.onChange(newValue, path, void 0, fieldPathId[import_utils48.ID_KEY]);
+    const fieldPathId = (0, import_utils49.toFieldPathId)("", registry.globalFormOptions, path);
+    this.onChange(newValue, path, void 0, fieldPathId[import_utils49.ID_KEY]);
   };
   /** Pushes the given change information into the `pendingChanges` array and then calls `processPendingChanges()` if
    * the array only contains a single pending change.
@@ -4419,8 +4474,10 @@ var Form = class extends import_react21.Component {
     const isRootPath = !path || path.length === 0 || path.length === 1 && path[0] === rootPathId;
     let retrievedSchema = this.state.retrievedSchema;
     let formData = isRootPath ? newValue : (0, import_cloneDeep2.default)(oldFormData);
-    if ((0, import_utils48.isObject)(formData) || Array.isArray(formData)) {
-      if (!isRootPath) {
+    if ((0, import_utils49.isObject)(formData) || Array.isArray(formData)) {
+      if (newValue === ADDITIONAL_PROPERTY_KEY_REMOVE) {
+        (0, import_unset.default)(formData, path);
+      } else if (!isRootPath) {
         (0, import_set5.default)(formData, path, newValue);
       }
       const newState = this.getStateFromProps(this.props, formData, void 0, void 0, void 0, true);
@@ -4446,10 +4503,10 @@ var Form = class extends import_react21.Component {
         }
       } else {
         if (!customErrors) {
-          customErrors = new import_utils48.ErrorSchemaBuilder();
+          customErrors = new import_utils49.ErrorSchemaBuilder();
         }
         if (isRootPath) {
-          const errors2 = (0, import_get5.default)(newErrorSchema, import_utils48.ERRORS_KEY);
+          const errors2 = (0, import_get5.default)(newErrorSchema, import_utils49.ERRORS_KEY);
           if (errors2) {
             customErrors.setErrors(errors2);
           }
@@ -4457,7 +4514,7 @@ var Form = class extends import_react21.Component {
           (0, import_set5.default)(customErrors.ErrorSchema, path, newErrorSchema);
         }
       }
-    } else if (customErrors && (0, import_get5.default)(customErrors.ErrorSchema, [...path, import_utils48.ERRORS_KEY])) {
+    } else if (customErrors && (0, import_get5.default)(customErrors.ErrorSchema, [...path, import_utils49.ERRORS_KEY])) {
       customErrors.clearErrors(path);
     }
     if (mustValidate && this.pendingChanges.length === 1) {
@@ -4497,7 +4554,7 @@ var Form = class extends import_react21.Component {
    * @returns The new retrieved schema if it has changed, else the old retrieved schema.
    */
   updateRetrievedSchema(retrievedSchema) {
-    const isTheSame = (0, import_utils48.deepEquals)(retrievedSchema, this.state?.retrievedSchema);
+    const isTheSame = (0, import_utils49.deepEquals)(retrievedSchema, this.state?.retrievedSchema);
     return isTheSame ? this.state.retrievedSchema : retrievedSchema;
   }
   /**
@@ -4565,7 +4622,7 @@ var Form = class extends import_react21.Component {
       const hasChanges = Object.keys(state).filter((key) => !key.startsWith("schemaValidation")).some((key) => {
         const oldData = (0, import_get5.default)(this.state, key);
         const newData = (0, import_get5.default)(state, key);
-        return !(0, import_utils48.deepEquals)(oldData, newData);
+        return !(0, import_utils49.deepEquals)(oldData, newData);
       });
       this.setState(state, () => {
         if (onChange && hasChanges) {
@@ -4607,7 +4664,7 @@ var Form = class extends import_react21.Component {
     }
     if (noValidate || this.validateFormWithFormData(newFormData)) {
       const errorSchema = extraErrors || {};
-      const errors = extraErrors ? (0, import_utils48.toErrorList)(extraErrors) : [];
+      const errors = extraErrors ? (0, import_utils49.toErrorList)(extraErrors) : [];
       this.setState(
         {
           formData: newFormData,
@@ -4634,8 +4691,8 @@ var Form = class extends import_react21.Component {
     const {
       uiSchema = {},
       experimental_componentUpdateStrategy,
-      idSeparator = import_utils48.DEFAULT_ID_SEPARATOR,
-      idPrefix = import_utils48.DEFAULT_ID_PREFIX,
+      idSeparator = import_utils49.DEFAULT_ID_SEPARATOR,
+      idPrefix = import_utils49.DEFAULT_ID_PREFIX,
       nameGenerator,
       useFallbackUiForUnsupportedType = false
     } = props;
@@ -4667,7 +4724,7 @@ var Form = class extends import_react21.Component {
       formContext: props.formContext || formContext,
       schemaUtils,
       translateString: customTranslateString || translateString,
-      globalUiOptions: uiSchema[import_utils48.UI_GLOBAL_OPTIONS_KEY],
+      globalUiOptions: uiSchema[import_utils49.UI_GLOBAL_OPTIONS_KEY],
       globalFormOptions: this.getGlobalFormOptions(props)
     };
   }
@@ -4726,7 +4783,7 @@ var Form = class extends import_react21.Component {
     const hasError = errors.length > 0 || extraErrors && extraErrorsBlockSubmit;
     if (hasError) {
       if (extraErrors) {
-        const merged = (0, import_utils48.validationDataMerge)(schemaValidation, extraErrors);
+        const merged = (0, import_utils49.validationDataMerge)(schemaValidation, extraErrors);
         errorSchema = merged.errorSchema;
         errors = merged.errors;
       }
@@ -4803,12 +4860,12 @@ var Form = class extends import_react21.Component {
     const { SubmitButton: SubmitButton2 } = registry.templates.ButtonTemplates;
     const as = _internalFormWrapper ? tagName : void 0;
     const FormTag = _internalFormWrapper || tagName || "form";
-    let { [import_utils48.SUBMIT_BTN_OPTIONS_KEY]: submitOptions = {} } = (0, import_utils48.getUiOptions)(uiSchema);
+    let { [import_utils49.SUBMIT_BTN_OPTIONS_KEY]: submitOptions = {} } = (0, import_utils49.getUiOptions)(uiSchema);
     if (disabled) {
       submitOptions = { ...submitOptions, props: { ...submitOptions.props, disabled: true } };
     }
-    const submitUiSchema = { [import_utils48.UI_OPTIONS_KEY]: { [import_utils48.SUBMIT_BTN_OPTIONS_KEY]: submitOptions } };
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+    const submitUiSchema = { [import_utils49.UI_OPTIONS_KEY]: { [import_utils49.SUBMIT_BTN_OPTIONS_KEY]: submitOptions } };
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
       FormTag,
       {
         className: className ? className : "rjsf",
@@ -4826,7 +4883,7 @@ var Form = class extends import_react21.Component {
         ref: this.formElement,
         children: [
           showErrorList === "top" && this.renderErrors(registry),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
             _SchemaField,
             {
               name: "",
@@ -4843,7 +4900,7 @@ var Form = class extends import_react21.Component {
               readonly
             }
           ),
-          children ? children : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SubmitButton2, { uiSchema: submitUiSchema, registry }),
+          children ? children : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SubmitButton2, { uiSchema: submitUiSchema, registry }),
           showErrorList === "bottom" && this.renderErrors(registry)
         ]
       }
@@ -4853,7 +4910,7 @@ var Form = class extends import_react21.Component {
 
 // src/withTheme.tsx
 var import_react22 = require("react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function withTheme(themeProps) {
   return (0, import_react22.forwardRef)(
     ({ fields: fields2, widgets: widgets2, templates: templates2, ...directProps }, ref) => {
@@ -4867,7 +4924,7 @@ function withTheme(themeProps) {
           ...templates2?.ButtonTemplates
         }
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
         Form,
         {
           ...themeProps,
@@ -4883,15 +4940,15 @@ function withTheme(themeProps) {
 }
 
 // src/getTestRegistry.tsx
-var import_utils49 = require("@rjsf/utils");
+var import_utils50 = require("@rjsf/utils");
 var import_validator_ajv8 = __toESM(require("@rjsf/validator-ajv8"), 1);
 function getTestRegistry(rootSchema, fields2 = {}, templates2 = {}, widgets2 = {}, formContext = {}, globalFormOptions = {
-  idPrefix: import_utils49.DEFAULT_ID_PREFIX,
-  idSeparator: import_utils49.DEFAULT_ID_SEPARATOR,
+  idPrefix: import_utils50.DEFAULT_ID_PREFIX,
+  idSeparator: import_utils50.DEFAULT_ID_SEPARATOR,
   useFallbackUiForUnsupportedType: false
 }) {
   const defaults = getDefaultRegistry();
-  const schemaUtils = (0, import_utils49.createSchemaUtils)(import_validator_ajv8.default, rootSchema);
+  const schemaUtils = (0, import_utils50.createSchemaUtils)(import_validator_ajv8.default, rootSchema);
   return {
     fields: { ...defaults.fields, ...fields2 },
     templates: { ...defaults.templates, ...templates2 },
@@ -4899,7 +4956,7 @@ function getTestRegistry(rootSchema, fields2 = {}, templates2 = {}, widgets2 = {
     formContext,
     rootSchema,
     schemaUtils,
-    translateString: import_utils49.englishStringTranslator,
+    translateString: import_utils50.englishStringTranslator,
     globalFormOptions
   };
 }