@rjsf/core 6.5.2 → 6.6.0

package/dist/index.esm.js

@@ -9,7 +9,6 @@ import {
   getUiOptions as getUiOptions21,
   isObject as isObject6,
   mergeObjects,
-  removeOptionalEmptyObjects,
   shouldRender as shouldRender2,
   SUBMIT_BTN_OPTIONS_KEY,
   toErrorList,
@@ -23,7 +22,9 @@ import {
   ERRORS_KEY as ERRORS_KEY3,
   ID_KEY as ID_KEY5,
   getUsedFormData,
-  getFieldNames
+  getFieldNames,
+  ANY_OF_KEY as ANY_OF_KEY6,
+  ONE_OF_KEY as ONE_OF_KEY6
 } from "@rjsf/utils";
 import _cloneDeep from "lodash/cloneDeep";
 import _get from "lodash/get";
@@ -963,6 +964,7 @@ function BooleanField(props) {
 var BooleanField_default = BooleanField;
 
 // src/components/fields/FallbackField.tsx
+import { useMemo as useMemo2, useState as useState2 } from "react";
 import {
   getTemplate as getTemplate2,
   getUiOptions as getUiOptions3,
@@ -971,7 +973,6 @@ import {
   TranslatableString as TranslatableString3,
   useDeepCompareMemo as useDeepCompareMemo2
 } from "@rjsf/utils";
-import { useMemo as useMemo2, useState as useState2 } from "react";
 import { jsx as jsx3 } from "react/jsx-runtime";
 function getFallbackTypeSelectionSchema(title) {
   return {
@@ -1116,8 +1117,8 @@ import has from "lodash/has";
 import includes from "lodash/includes";
 import intersection from "lodash/intersection";
 import isEmpty from "lodash/isEmpty";
-import isFunction from "lodash/isFunction";
 import isEqual from "lodash/isEqual";
+import isFunction from "lodash/isFunction";
 import isObject3 from "lodash/isObject";
 import isPlainObject from "lodash/isPlainObject";
 import isString from "lodash/isString";
@@ -1668,9 +1669,6 @@ function LayoutMultiSchemaField(props) {
 
 // src/components/fields/MultiSchemaField.tsx
 import { Component } from "react";
-import get3 from "lodash/get";
-import isEmpty3 from "lodash/isEmpty";
-import omit2 from "lodash/omit";
 import {
   ANY_OF_KEY as ANY_OF_KEY3,
   deepEquals,
@@ -1685,6 +1683,9 @@ import {
   shouldRenderOptionalField as shouldRenderOptionalField2,
   TranslatableString as TranslatableString4
 } from "@rjsf/utils";
+import get3 from "lodash/get";
+import isEmpty3 from "lodash/isEmpty";
+import omit2 from "lodash/omit";
 import { jsx as jsx7 } from "react/jsx-runtime";
 var AnyOfField = class extends Component {
   /** Constructs an `AnyOfField` with the given `props` to initialize the initially selected option in state
@@ -1885,6 +1886,19 @@ var AnyOfField = class extends Component {
 };
 var MultiSchemaField_default = AnyOfField;
 
+// src/components/fields/NullField.tsx
+import { useEffect as useEffect2 } from "react";
+function NullField(props) {
+  const { formData, onChange, fieldPathId } = props;
+  useEffect2(() => {
+    if (formData === void 0) {
+      onChange(null, fieldPathId.path);
+    }
+  }, [fieldPathId, formData, onChange]);
+  return null;
+}
+var NullField_default = NullField;
+
 // src/components/fields/NumberField.tsx
 import { useState as useState4, useCallback as useCallback3 } from "react";
 import {
@@ -1936,15 +1950,15 @@ import {
   REF_KEY,
   TranslatableString as TranslatableString5
 } from "@rjsf/utils";
-import Markdown from "markdown-to-jsx";
 import get4 from "lodash/get";
 import has3 from "lodash/has";
 import isObject4 from "lodash/isObject";
 import set4 from "lodash/set";
+import { Markdown } from "markdown-to-jsx";
 
 // src/components/constants.ts
-var ADDITIONAL_PROPERTY_KEY_REMOVE = Symbol("remove-this-key");
-var IS_RESET = Symbol("reset");
+var ADDITIONAL_PROPERTY_KEY_REMOVE = /* @__PURE__ */ Symbol("remove-this-key");
+var IS_RESET = /* @__PURE__ */ Symbol("reset");
 
 // src/components/fields/ObjectField.tsx
 import { jsx as jsx9, jsxs } from "react/jsx-runtime";
@@ -2318,6 +2332,7 @@ import {
   shouldRender,
   shouldRenderOptionalField as shouldRenderOptionalField4,
   toFieldPathId as toFieldPathId5,
+  TranslatableString as TranslatableString7,
   UI_OPTIONS_KEY as UI_OPTIONS_KEY2
 } from "@rjsf/utils";
 import isObject5 from "lodash/isObject";
@@ -2391,7 +2406,9 @@ function SchemaFieldRender(props) {
     [fieldId, onChange]
   );
   const FieldComponent = getFieldComponent(schema, uiOptions, registry);
-  const disabled = Boolean(uiOptions.disabled ?? props.disabled);
+  const isDeprecated = Boolean(schema.deprecated);
+  const deprecatedHandling = isDeprecated ? uiOptions.deprecatedHandling ?? "label" : void 0;
+  const disabled = Boolean(uiOptions.disabled ?? props.disabled) || deprecatedHandling === "disable";
   const readonly = Boolean(uiOptions.readonly ?? (props.readonly || props.schema.readOnly || schema.readOnly));
   const uiSchemaHideError = uiOptions.hideError;
   const hideError = uiSchemaHideError === void 0 ? props.hideError : Boolean(uiSchemaHideError);
@@ -2454,9 +2471,12 @@ function SchemaFieldRender(props) {
   } else {
     label = ADDITIONAL_PROPERTY_FLAG2 in schema ? name : uiOptions.title || props.schema.title || schema.title || props.title || name;
   }
+  if (deprecatedHandling === "label") {
+    label = registry.translateString(TranslatableString7.DeprecatedLabel, [label]);
+  }
   const description = uiOptions.description || props.schema.description || schema.description || "";
   const help = uiOptions.help;
-  const hidden = uiOptions.widget === "hidden";
+  const hidden = uiOptions.widget === "hidden" || deprecatedHandling === "hide";
   const classNames = ["rjsf-field", `rjsf-field-${getSchemaType2(schema)}`];
   if (!hideError && __errors && __errors.length > 0) {
     classNames.push("rjsf-field-error");
@@ -2633,19 +2653,6 @@ function StringField(props) {
 }
 var StringField_default = StringField;
 
-// src/components/fields/NullField.tsx
-import { useEffect as useEffect2 } from "react";
-function NullField(props) {
-  const { formData, onChange, fieldPathId } = props;
-  useEffect2(() => {
-    if (formData === void 0) {
-      onChange(null, fieldPathId.path);
-    }
-  }, [fieldPathId, formData, onChange]);
-  return null;
-}
-var NullField_default = NullField;
-
 // src/components/fields/index.ts
 function fields() {
   return {
@@ -2699,40 +2706,11 @@ function ArrayFieldDescriptionTemplate(props) {
   );
 }
 
-// src/components/templates/ArrayFieldItemTemplate.tsx
-import {
-  getTemplate as getTemplate11,
-  getUiOptions as getUiOptions13
-} from "@rjsf/utils";
-import { jsx as jsx14, jsxs as jsxs3 } from "react/jsx-runtime";
-function ArrayFieldItemTemplate(props) {
-  const { children, className, buttonsProps, displayLabel, hasDescription, hasToolbar, registry, uiSchema } = props;
-  const uiOptions = getUiOptions13(uiSchema);
-  const ArrayFieldItemButtonsTemplate2 = getTemplate11(
-    "ArrayFieldItemButtonsTemplate",
-    registry,
-    uiOptions
-  );
-  const btnStyle = {
-    flex: 1,
-    paddingLeft: 6,
-    paddingRight: 6,
-    fontWeight: "bold"
-  };
-  const margin = hasDescription ? 31 : 9;
-  const containerStyle = { display: "flex", alignItems: displayLabel ? "center" : "baseline" };
-  const toolbarStyle = { display: "flex", justifyContent: "flex-end", marginTop: displayLabel ? `${margin}px` : 0 };
-  return /* @__PURE__ */ jsxs3("div", { className, style: containerStyle, children: [
-    /* @__PURE__ */ jsx14("div", { className: hasToolbar ? "col-xs-9 col-md-10 col-xl-11" : "col-xs-12", children }),
-    hasToolbar && /* @__PURE__ */ jsx14("div", { className: "col-xs-3 col-md-2 col-xl-1 array-item-toolbox", children: /* @__PURE__ */ jsx14("div", { className: "btn-group", style: toolbarStyle, children: /* @__PURE__ */ jsx14(ArrayFieldItemButtonsTemplate2, { ...buttonsProps, style: btnStyle }) }) })
-  ] });
-}
-
 // src/components/templates/ArrayFieldItemButtonsTemplate.tsx
 import {
   buttonId
 } from "@rjsf/utils";
-import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs3 } from "react/jsx-runtime";
 function ArrayFieldItemButtonsTemplate(props) {
   const {
     disabled,
@@ -2750,8 +2728,8 @@ function ArrayFieldItemButtonsTemplate(props) {
     uiSchema
   } = props;
   const { CopyButton: CopyButton2, MoveDownButton: MoveDownButton2, MoveUpButton: MoveUpButton2, RemoveButton: RemoveButton2 } = registry.templates.ButtonTemplates;
-  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
-    (hasMoveUp || hasMoveDown) && /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    (hasMoveUp || hasMoveDown) && /* @__PURE__ */ jsx14(
       MoveUpButton2,
       {
         id: buttonId(fieldPathId, "moveUp"),
@@ -2762,7 +2740,7 @@ function ArrayFieldItemButtonsTemplate(props) {
         registry
       }
     ),
-    (hasMoveUp || hasMoveDown) && /* @__PURE__ */ jsx15(
+    (hasMoveUp || hasMoveDown) && /* @__PURE__ */ jsx14(
       MoveDownButton2,
       {
         id: buttonId(fieldPathId, "moveDown"),
@@ -2773,7 +2751,7 @@ function ArrayFieldItemButtonsTemplate(props) {
         registry
       }
     ),
-    hasCopy && /* @__PURE__ */ jsx15(
+    hasCopy && /* @__PURE__ */ jsx14(
       CopyButton2,
       {
         id: buttonId(fieldPathId, "copy"),
@@ -2784,7 +2762,7 @@ function ArrayFieldItemButtonsTemplate(props) {
         registry
       }
     ),
-    hasRemove && /* @__PURE__ */ jsx15(
+    hasRemove && /* @__PURE__ */ jsx14(
       RemoveButton2,
       {
         id: buttonId(fieldPathId, "remove"),
@@ -2798,6 +2776,35 @@ function ArrayFieldItemButtonsTemplate(props) {
   ] });
 }
 
+// src/components/templates/ArrayFieldItemTemplate.tsx
+import {
+  getTemplate as getTemplate11,
+  getUiOptions as getUiOptions13
+} from "@rjsf/utils";
+import { jsx as jsx15, jsxs as jsxs4 } from "react/jsx-runtime";
+function ArrayFieldItemTemplate(props) {
+  const { children, className, buttonsProps, displayLabel, hasDescription, hasToolbar, registry, uiSchema } = props;
+  const uiOptions = getUiOptions13(uiSchema);
+  const ArrayFieldItemButtonsTemplate2 = getTemplate11(
+    "ArrayFieldItemButtonsTemplate",
+    registry,
+    uiOptions
+  );
+  const btnStyle = {
+    flex: 1,
+    paddingLeft: 6,
+    paddingRight: 6,
+    fontWeight: "bold"
+  };
+  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__ */ jsxs4("div", { className, style: containerStyle, children: [
+    /* @__PURE__ */ jsx15("div", { className: hasToolbar ? "col-xs-9 col-md-10 col-xl-11" : "col-xs-12", children }),
+    hasToolbar && /* @__PURE__ */ jsx15("div", { className: "col-xs-3 col-md-2 col-xl-1 array-item-toolbox", children: /* @__PURE__ */ jsx15("div", { className: "btn-group", style: toolbarStyle, children: /* @__PURE__ */ jsx15(ArrayFieldItemButtonsTemplate2, { ...buttonsProps, style: btnStyle }) }) })
+  ] });
+}
+
 // src/components/templates/ArrayFieldTemplate.tsx
 import {
   getTemplate as getTemplate12,
@@ -3019,50 +3026,39 @@ function BaseInputTemplate(props) {
   ] });
 }
 
-// src/components/templates/ButtonTemplates/SubmitButton.tsx
-import { getSubmitButtonOptions } from "@rjsf/utils";
-import { jsx as jsx20 } from "react/jsx-runtime";
-function SubmitButton({ uiSchema }) {
-  const { submitText, norender, props: submitButtonProps = {} } = getSubmitButtonOptions(uiSchema);
-  if (norender) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx20("div", { children: /* @__PURE__ */ jsx20("button", { type: "submit", ...submitButtonProps, className: `btn btn-info ${submitButtonProps.className || ""}`, children: submitText }) });
-}
-
 // src/components/templates/ButtonTemplates/AddButton.tsx
-import { TranslatableString as TranslatableString8 } from "@rjsf/utils";
+import { TranslatableString as TranslatableString9 } from "@rjsf/utils";
 
 // src/components/templates/ButtonTemplates/IconButton.tsx
-import { TranslatableString as TranslatableString7 } from "@rjsf/utils";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { TranslatableString as TranslatableString8 } from "@rjsf/utils";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function IconButton(props) {
   const { iconType = "default", icon, className, uiSchema, registry, ...otherProps } = props;
-  return /* @__PURE__ */ jsx21("button", { type: "button", className: `btn btn-${iconType} ${className}`, ...otherProps, children: /* @__PURE__ */ jsx21("i", { className: `glyphicon glyphicon-${icon}` }) });
+  return /* @__PURE__ */ jsx20("button", { type: "button", className: `btn btn-${iconType} ${className}`, ...otherProps, children: /* @__PURE__ */ jsx20("i", { className: `glyphicon glyphicon-${icon}` }) });
 }
 function CopyButton(props) {
   const {
     registry: { translateString }
   } = props;
-  return /* @__PURE__ */ jsx21(IconButton, { title: translateString(TranslatableString7.CopyButton), ...props, icon: "copy" });
+  return /* @__PURE__ */ jsx20(IconButton, { title: translateString(TranslatableString8.CopyButton), ...props, icon: "copy" });
 }
 function MoveDownButton(props) {
   const {
     registry: { translateString }
   } = props;
-  return /* @__PURE__ */ jsx21(IconButton, { title: translateString(TranslatableString7.MoveDownButton), ...props, icon: "arrow-down" });
+  return /* @__PURE__ */ jsx20(IconButton, { title: translateString(TranslatableString8.MoveDownButton), ...props, icon: "arrow-down" });
 }
 function MoveUpButton(props) {
   const {
     registry: { translateString }
   } = props;
-  return /* @__PURE__ */ jsx21(IconButton, { title: translateString(TranslatableString7.MoveUpButton), ...props, icon: "arrow-up" });
+  return /* @__PURE__ */ jsx20(IconButton, { title: translateString(TranslatableString8.MoveUpButton), ...props, icon: "arrow-up" });
 }
 function RemoveButton(props) {
   const {
     registry: { translateString }
   } = props;
-  return /* @__PURE__ */ jsx21(IconButton, { title: translateString(TranslatableString7.RemoveButton), ...props, iconType: "danger", icon: "remove" });
+  return /* @__PURE__ */ jsx20(IconButton, { title: translateString(TranslatableString8.RemoveButton), ...props, iconType: "danger", icon: "remove" });
 }
 function ClearButton({
   id,
@@ -3073,14 +3069,14 @@ function ClearButton({
   ...props
 }) {
   const { translateString } = registry;
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     IconButton,
     {
       id,
       iconType: "default",
       icon: "remove",
       className: "btn-clear col-xs-12",
-      title: translateString(TranslatableString7.ClearButton),
+      title: translateString(TranslatableString8.ClearButton),
       onClick,
       disabled,
       registry,
@@ -3090,7 +3086,7 @@ function ClearButton({
 }
 
 // src/components/templates/ButtonTemplates/AddButton.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function AddButton({
   id,
   className,
@@ -3099,18 +3095,18 @@ function AddButton({
   registry
 }) {
   const { translateString } = registry;
-  return /* @__PURE__ */ jsx22("div", { className: "row", children: /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx21("div", { className: "row", children: /* @__PURE__ */ jsx21(
     "p",
     {
       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__ */ jsx22(
+      children: /* @__PURE__ */ jsx21(
         IconButton,
         {
           id,
           iconType: "info",
           icon: "plus",
           className: "btn-add col-xs-12",
-          title: translateString(TranslatableString8.AddButton),
+          title: translateString(TranslatableString9.AddButton),
           onClick,
           disabled,
           registry
@@ -3120,6 +3116,17 @@ function AddButton({
   ) });
 }
 
+// src/components/templates/ButtonTemplates/SubmitButton.tsx
+import { getSubmitButtonOptions } from "@rjsf/utils";
+import { jsx as jsx22 } from "react/jsx-runtime";
+function SubmitButton({ uiSchema }) {
+  const { submitText, norender, props: submitButtonProps = {} } = getSubmitButtonOptions(uiSchema);
+  if (norender) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx22("div", { children: /* @__PURE__ */ jsx22("button", { type: "submit", ...submitButtonProps, className: `btn btn-info ${submitButtonProps.className || ""}`, children: submitText }) });
+}
+
 // src/components/templates/ButtonTemplates/index.ts
 function buttonTemplates() {
   return {
@@ -3139,7 +3146,7 @@ import {
   getTestIds as getTestIds2,
   getUiOptions as getUiOptions16
 } from "@rjsf/utils";
-import Markdown2 from "markdown-to-jsx";
+import { Markdown as Markdown2 } from "markdown-to-jsx/react";
 import { jsx as jsx23 } from "react/jsx-runtime";
 var TEST_IDS = getTestIds2();
 function RichDescription({ description, registry, uiSchema = {} }) {
@@ -3164,7 +3171,7 @@ function DescriptionField(props) {
 
 // src/components/templates/ErrorList.tsx
 import {
-  TranslatableString as TranslatableString9
+  TranslatableString as TranslatableString10
 } from "@rjsf/utils";
 import { jsx as jsx25, jsxs as jsxs7 } from "react/jsx-runtime";
 function ErrorList({
@@ -3173,7 +3180,7 @@ function ErrorList({
 }) {
   const { translateString } = registry;
   return /* @__PURE__ */ jsxs7("div", { className: "panel panel-danger errors", children: [
-    /* @__PURE__ */ jsx25("div", { className: "panel-heading", children: /* @__PURE__ */ jsx25("h3", { className: "panel-title", children: translateString(TranslatableString9.ErrorsLabel) }) }),
+    /* @__PURE__ */ jsx25("div", { className: "panel-heading", children: /* @__PURE__ */ jsx25("h3", { className: "panel-title", children: translateString(TranslatableString10.ErrorsLabel) }) }),
     /* @__PURE__ */ jsx25("ul", { className: "list-group", children: errors.map((error, i) => {
       return /* @__PURE__ */ jsx25("li", { className: "list-group-item text-danger", children: error.stack }, i);
     }) })
@@ -3200,63 +3207,17 @@ function FallbackFieldTemplate(props) {
   );
 }
 
-// src/components/templates/FieldTemplate/FieldTemplate.tsx
-import {
-  getTemplate as getTemplate15,
-  getUiOptions as getUiOptions17
-} from "@rjsf/utils";
-
-// src/components/templates/FieldTemplate/Label.tsx
-import { jsx as jsx27, jsxs as jsxs8 } from "react/jsx-runtime";
-var REQUIRED_FIELD_SYMBOL = "*";
-function Label(props) {
-  const { label, required, id } = props;
-  if (!label) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs8("label", { className: "control-label", htmlFor: id, children: [
-    label,
-    required && /* @__PURE__ */ jsx27("span", { className: "required", children: REQUIRED_FIELD_SYMBOL })
-  ] });
-}
-
-// src/components/templates/FieldTemplate/FieldTemplate.tsx
-import { jsx as jsx28, jsxs as jsxs9 } from "react/jsx-runtime";
-function FieldTemplate(props) {
-  const { id, label, children, errors, help, description, hidden, required, displayLabel, registry, uiSchema } = props;
-  const uiOptions = getUiOptions17(uiSchema);
-  const WrapIfAdditionalTemplate2 = getTemplate15(
-    "WrapIfAdditionalTemplate",
-    registry,
-    uiOptions
-  );
-  if (hidden) {
-    return /* @__PURE__ */ jsx28("div", { className: "hidden", children });
-  }
-  const isCheckbox = uiOptions.widget === "checkbox";
-  return /* @__PURE__ */ jsxs9(WrapIfAdditionalTemplate2, { ...props, children: [
-    displayLabel && !isCheckbox && /* @__PURE__ */ jsx28(Label, { label, required, id }),
-    displayLabel && description ? description : null,
-    children,
-    errors,
-    help
-  ] });
-}
-
-// src/components/templates/FieldTemplate/index.ts
-var FieldTemplate_default = FieldTemplate;
-
 // src/components/templates/FieldErrorTemplate.tsx
 import { errorId } from "@rjsf/utils";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function FieldErrorTemplate(props) {
   const { errors = [], fieldPathId } = props;
   if (errors.length === 0) {
     return null;
   }
   const id = errorId(fieldPathId);
-  return /* @__PURE__ */ jsx29("div", { children: /* @__PURE__ */ jsx29("ul", { id, className: "error-detail bs-callout bs-callout-info", children: errors.filter((elem) => !!elem).map((error, index) => {
-    return /* @__PURE__ */ jsx29("li", { className: "text-danger", children: error }, index);
+  return /* @__PURE__ */ jsx27("div", { children: /* @__PURE__ */ jsx27("ul", { id, className: "error-detail bs-callout bs-callout-info", children: errors.filter((elem) => !!elem).map((error, index) => {
+    return /* @__PURE__ */ jsx27("li", { className: "text-danger", children: error }, index);
   }) }) });
 }
 
@@ -3266,10 +3227,10 @@ import { helpId } from "@rjsf/utils";
 // src/components/RichHelp.tsx
 import {
   getTestIds as getTestIds3,
-  getUiOptions as getUiOptions18
+  getUiOptions as getUiOptions17
 } from "@rjsf/utils";
-import Markdown3 from "markdown-to-jsx";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { Markdown as Markdown3 } from "markdown-to-jsx/react";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var TEST_IDS2 = getTestIds3();
 function RichHelp({
   help,
@@ -3277,24 +3238,70 @@ function RichHelp({
   uiSchema = {}
 }) {
   const { globalUiOptions } = registry;
-  const uiOptions = getUiOptions18(uiSchema, globalUiOptions);
+  const uiOptions = getUiOptions17(uiSchema, globalUiOptions);
   if (uiOptions.enableMarkdownInHelp && typeof help === "string") {
-    return /* @__PURE__ */ jsx30(Markdown3, { options: { disableParsingRawHTML: true }, "data-testid": TEST_IDS2.markdown, children: help });
+    return /* @__PURE__ */ jsx28(Markdown3, { options: { disableParsingRawHTML: true }, "data-testid": TEST_IDS2.markdown, children: help });
   }
   return help;
 }
 RichHelp.TEST_IDS = TEST_IDS2;
 
 // src/components/templates/FieldHelpTemplate.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function FieldHelpTemplate(props) {
   const { fieldPathId, help, uiSchema, registry } = props;
   if (!help) {
     return null;
   }
-  return /* @__PURE__ */ jsx31("div", { id: helpId(fieldPathId), className: "help-block", children: /* @__PURE__ */ jsx31(RichHelp, { help, registry, uiSchema }) });
+  return /* @__PURE__ */ jsx29("div", { id: helpId(fieldPathId), className: "help-block", children: /* @__PURE__ */ jsx29(RichHelp, { help, registry, uiSchema }) });
+}
+
+// src/components/templates/FieldTemplate/FieldTemplate.tsx
+import {
+  getTemplate as getTemplate15,
+  getUiOptions as getUiOptions18
+} from "@rjsf/utils";
+
+// src/components/templates/FieldTemplate/Label.tsx
+import { jsx as jsx30, jsxs as jsxs8 } from "react/jsx-runtime";
+var REQUIRED_FIELD_SYMBOL = "*";
+function Label(props) {
+  const { label, required, id } = props;
+  if (!label) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs8("label", { className: "control-label", htmlFor: id, children: [
+    label,
+    required && /* @__PURE__ */ jsx30("span", { className: "required", children: REQUIRED_FIELD_SYMBOL })
+  ] });
+}
+
+// src/components/templates/FieldTemplate/FieldTemplate.tsx
+import { jsx as jsx31, jsxs as jsxs9 } from "react/jsx-runtime";
+function FieldTemplate(props) {
+  const { id, label, children, errors, help, description, hidden, required, displayLabel, registry, uiSchema } = props;
+  const uiOptions = getUiOptions18(uiSchema);
+  const WrapIfAdditionalTemplate2 = getTemplate15(
+    "WrapIfAdditionalTemplate",
+    registry,
+    uiOptions
+  );
+  if (hidden) {
+    return /* @__PURE__ */ jsx31("div", { className: "hidden", children });
+  }
+  const isCheckbox = uiOptions.widget === "checkbox";
+  return /* @__PURE__ */ jsxs9(WrapIfAdditionalTemplate2, { ...props, children: [
+    displayLabel && !isCheckbox && /* @__PURE__ */ jsx31(Label, { label, required, id }),
+    displayLabel && description ? description : null,
+    children,
+    errors,
+    help
+  ] });
 }
 
+// src/components/templates/FieldTemplate/index.ts
+var FieldTemplate_default = FieldTemplate;
+
 // src/components/templates/GridTemplate.tsx
 import { jsx as jsx32 } from "react/jsx-runtime";
 function GridTemplate(props) {
@@ -3438,20 +3445,20 @@ function TitleField(props) {
 }
 
 // src/components/templates/UnsupportedField.tsx
-import { TranslatableString as TranslatableString10 } from "@rjsf/utils";
-import Markdown4 from "markdown-to-jsx";
+import { TranslatableString as TranslatableString11 } from "@rjsf/utils";
+import { Markdown as Markdown4 } from "markdown-to-jsx";
 import { jsx as jsx37, jsxs as jsxs13 } from "react/jsx-runtime";
 function UnsupportedField(props) {
   const { schema, fieldPathId, reason, registry } = props;
   const { translateString } = registry;
-  let translateEnum = TranslatableString10.UnsupportedField;
+  let translateEnum = TranslatableString11.UnsupportedField;
   const translateParams = [];
   if (fieldPathId && fieldPathId.$id) {
-    translateEnum = TranslatableString10.UnsupportedFieldWithId;
+    translateEnum = TranslatableString11.UnsupportedFieldWithId;
     translateParams.push(fieldPathId.$id);
   }
   if (reason) {
-    translateEnum = translateEnum === TranslatableString10.UnsupportedField ? TranslatableString10.UnsupportedFieldWithReason : TranslatableString10.UnsupportedFieldWithIdAndReason;
+    translateEnum = translateEnum === TranslatableString11.UnsupportedField ? TranslatableString11.UnsupportedFieldWithReason : TranslatableString11.UnsupportedFieldWithIdAndReason;
     translateParams.push(reason);
   }
   return /* @__PURE__ */ jsxs13("div", { className: "unsupported-field", children: [
@@ -3465,7 +3472,7 @@ var UnsupportedField_default = UnsupportedField;
 import {
   ADDITIONAL_PROPERTY_FLAG as ADDITIONAL_PROPERTY_FLAG3,
   buttonId as buttonId4,
-  TranslatableString as TranslatableString11
+  TranslatableString as TranslatableString12
 } from "@rjsf/utils";
 import { jsx as jsx38, jsxs as jsxs14 } from "react/jsx-runtime";
 function WrapIfAdditionalTemplate(props) {
@@ -3490,7 +3497,7 @@ function WrapIfAdditionalTemplate(props) {
   } = props;
   const { templates: templates2, translateString } = registry;
   const { RemoveButton: RemoveButton2 } = templates2.ButtonTemplates;
-  const keyLabel = translateString(TranslatableString11.KeyLabel, [label]);
+  const keyLabel = translateString(TranslatableString12.KeyLabel, [label]);
   const additional = ADDITIONAL_PROPERTY_FLAG3 in schema;
   const hasDescription = !!rawDescription;
   const classNamesList = ["form-group", classNames];
@@ -3561,19 +3568,30 @@ function templates() {
 }
 var templates_default = templates;
 
+// src/components/widgets/AltDateTimeWidget.tsx
+import { jsx as jsx39 } from "react/jsx-runtime";
+function AltDateTimeWidget({
+  time = true,
+  ...props
+}) {
+  const { AltDateWidget: AltDateWidget2 } = props.registry.widgets;
+  return /* @__PURE__ */ jsx39(AltDateWidget2, { time, ...props });
+}
+var AltDateTimeWidget_default = AltDateTimeWidget;
+
 // src/components/widgets/AltDateWidget.tsx
 import {
   DateElement,
-  TranslatableString as TranslatableString12,
+  TranslatableString as TranslatableString13,
   useAltDateWidgetProps
 } from "@rjsf/utils";
-import { jsx as jsx39, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs15 } from "react/jsx-runtime";
 function AltDateWidget(props) {
   const { disabled = false, readonly = false, autofocus = false, options, id, name, registry, onBlur, onFocus } = props;
   const { translateString } = registry;
   const { elements, handleChange, handleClear, handleSetNow } = useAltDateWidgetProps(props);
   return /* @__PURE__ */ jsxs15("ul", { className: "list-inline", children: [
-    elements.map((elemProps, i) => /* @__PURE__ */ jsx39("li", { className: "list-inline-item", children: /* @__PURE__ */ jsx39(
+    elements.map((elemProps, i) => /* @__PURE__ */ jsx40("li", { className: "list-inline-item", children: /* @__PURE__ */ jsx40(
       DateElement,
       {
         rootId: id,
@@ -3588,34 +3606,94 @@ function AltDateWidget(props) {
         autofocus: autofocus && i === 0
       }
     ) }, i)),
-    (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ jsx39("li", { className: "list-inline-item", children: /* @__PURE__ */ jsx39("a", { href: "#", className: "btn btn-info btn-now", onClick: handleSetNow, children: translateString(TranslatableString12.NowLabel) }) }),
-    (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ jsx39("li", { className: "list-inline-item", children: /* @__PURE__ */ jsx39("a", { href: "#", className: "btn btn-warning btn-clear", onClick: handleClear, children: translateString(TranslatableString12.ClearLabel) }) })
+    (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ jsx40("li", { className: "list-inline-item", children: /* @__PURE__ */ jsx40("a", { href: "#", className: "btn btn-info btn-now", onClick: handleSetNow, children: translateString(TranslatableString13.NowLabel) }) }),
+    (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ jsx40("li", { className: "list-inline-item", children: /* @__PURE__ */ jsx40("a", { href: "#", className: "btn btn-warning btn-clear", onClick: handleClear, children: translateString(TranslatableString13.ClearLabel) }) })
   ] });
 }
 var AltDateWidget_default = AltDateWidget;
 
-// src/components/widgets/AltDateTimeWidget.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
-function AltDateTimeWidget({
-  time = true,
-  ...props
+// src/components/widgets/CheckboxesWidget.tsx
+import { useCallback as useCallback8 } from "react";
+import {
+  ariaDescribedByIds as ariaDescribedByIds2,
+  enumOptionValueDecoder,
+  enumOptionValueEncoder,
+  enumOptionsDeselectValue,
+  enumOptionsIsSelected,
+  enumOptionsSelectValue,
+  getOptionValueFormat,
+  optionId
+} from "@rjsf/utils";
+import { jsx as jsx41, jsxs as jsxs16 } from "react/jsx-runtime";
+function CheckboxesWidget({
+  id,
+  disabled,
+  options,
+  value,
+  autofocus = false,
+  readonly,
+  onChange,
+  onBlur,
+  onFocus,
+  htmlName
 }) {
-  const { AltDateWidget: AltDateWidget2 } = props.registry.widgets;
-  return /* @__PURE__ */ jsx40(AltDateWidget2, { time, ...props });
+  const { inline = false, enumOptions, enumDisabled, emptyValue } = options;
+  const optionValueFormat = getOptionValueFormat(options);
+  const checkboxesValues = Array.isArray(value) ? value : [value];
+  const handleBlur = useCallback8(
+    ({ target }) => onBlur(id, enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue)),
+    [onBlur, id, enumOptions, emptyValue, optionValueFormat]
+  );
+  const handleFocus = useCallback8(
+    ({ target }) => onFocus(id, enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue)),
+    [onFocus, id, enumOptions, emptyValue, optionValueFormat]
+  );
+  return /* @__PURE__ */ jsx41("div", { className: "checkboxes", id, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+    const checked = enumOptionsIsSelected(option.value, checkboxesValues);
+    const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
+    const disabledCls = disabled || itemDisabled || readonly ? "disabled" : "";
+    const handleChange = (event) => {
+      if (event.target.checked) {
+        onChange(enumOptionsSelectValue(index, checkboxesValues, enumOptions));
+      } else {
+        onChange(enumOptionsDeselectValue(index, checkboxesValues, enumOptions));
+      }
+    };
+    const checkbox = /* @__PURE__ */ jsxs16("span", { children: [
+      /* @__PURE__ */ jsx41(
+        "input",
+        {
+          type: "checkbox",
+          id: optionId(id, index),
+          name: htmlName || id,
+          checked,
+          value: enumOptionValueEncoder(option.value, index, optionValueFormat),
+          disabled: disabled || itemDisabled || readonly,
+          autoFocus: autofocus && index === 0,
+          onChange: handleChange,
+          onBlur: handleBlur,
+          onFocus: handleFocus,
+          "aria-describedby": ariaDescribedByIds2(id)
+        }
+      ),
+      /* @__PURE__ */ jsx41("span", { children: option.label })
+    ] });
+    return inline ? /* @__PURE__ */ jsx41("label", { className: `checkbox-inline ${disabledCls}`, children: checkbox }, index) : /* @__PURE__ */ jsx41("div", { className: `checkbox ${disabledCls}`, children: /* @__PURE__ */ jsx41("label", { children: checkbox }) }, index);
+  }) });
 }
-var AltDateTimeWidget_default = AltDateTimeWidget;
+var CheckboxesWidget_default = CheckboxesWidget;
 
 // src/components/widgets/CheckboxWidget.tsx
-import { useCallback as useCallback8 } from "react";
+import { useCallback as useCallback9 } from "react";
 import {
-  ariaDescribedByIds as ariaDescribedByIds2,
+  ariaDescribedByIds as ariaDescribedByIds3,
   descriptionId as descriptionId4,
   getTemplate as getTemplate17,
   labelValue,
   schemaRequiresTrueValue,
   getUiOptions as getUiOptions20
 } from "@rjsf/utils";
-import { jsx as jsx41, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs17 } from "react/jsx-runtime";
 function CheckboxWidget({
   schema,
   uiSchema,
@@ -3639,23 +3717,23 @@ function CheckboxWidget({
     options
   );
   const required = schemaRequiresTrueValue(schema);
-  const handleChange = useCallback8(
+  const handleChange = useCallback9(
     (event) => onChange(event.target.checked),
     [onChange]
   );
-  const handleBlur = useCallback8(
+  const handleBlur = useCallback9(
     (event) => onBlur(id, event.target.checked),
     [onBlur, id]
   );
-  const handleFocus = useCallback8(
+  const handleFocus = useCallback9(
     (event) => onFocus(id, event.target.checked),
     [onFocus, id]
   );
   const uiOptions = getUiOptions20(uiSchema);
   const isCheckboxWidget = uiOptions.widget === "checkbox";
   const description = isCheckboxWidget ? void 0 : options.description ?? schema.description;
-  return /* @__PURE__ */ jsxs16("div", { className: `checkbox ${disabled || readonly ? "disabled" : ""}`, children: [
-    !hideLabel && description && /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsxs17("div", { className: `checkbox ${disabled || readonly ? "disabled" : ""}`, children: [
+    !hideLabel && description && /* @__PURE__ */ jsx42(
       DescriptionFieldTemplate,
       {
         id: descriptionId4(id),
@@ -3665,8 +3743,8 @@ function CheckboxWidget({
         registry
       }
     ),
-    /* @__PURE__ */ jsxs16("label", { children: [
-      /* @__PURE__ */ jsx41(
+    /* @__PURE__ */ jsxs17("label", { children: [
+      /* @__PURE__ */ jsx42(
         "input",
         {
           type: "checkbox",
@@ -3679,86 +3757,15 @@ function CheckboxWidget({
           onChange: handleChange,
           onBlur: handleBlur,
           onFocus: handleFocus,
-          "aria-describedby": ariaDescribedByIds2(id)
+          "aria-describedby": ariaDescribedByIds3(id)
         }
       ),
-      labelValue(/* @__PURE__ */ jsx41("span", { children: label }), hideLabel)
+      labelValue(/* @__PURE__ */ jsx42("span", { children: label }), hideLabel)
     ] })
   ] });
 }
 var CheckboxWidget_default = CheckboxWidget;
 
-// src/components/widgets/CheckboxesWidget.tsx
-import { useCallback as useCallback9 } from "react";
-import {
-  ariaDescribedByIds as ariaDescribedByIds3,
-  enumOptionValueDecoder,
-  enumOptionValueEncoder,
-  enumOptionsDeselectValue,
-  enumOptionsIsSelected,
-  enumOptionsSelectValue,
-  getOptionValueFormat,
-  optionId
-} from "@rjsf/utils";
-import { jsx as jsx42, jsxs as jsxs17 } from "react/jsx-runtime";
-function CheckboxesWidget({
-  id,
-  disabled,
-  options,
-  value,
-  autofocus = false,
-  readonly,
-  onChange,
-  onBlur,
-  onFocus,
-  htmlName
-}) {
-  const { inline = false, enumOptions, enumDisabled, emptyValue } = options;
-  const optionValueFormat = getOptionValueFormat(options);
-  const checkboxesValues = Array.isArray(value) ? value : [value];
-  const handleBlur = useCallback9(
-    ({ target }) => onBlur(id, enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue)),
-    [onBlur, id, enumOptions, emptyValue, optionValueFormat]
-  );
-  const handleFocus = useCallback9(
-    ({ target }) => onFocus(id, enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue)),
-    [onFocus, id, enumOptions, emptyValue, optionValueFormat]
-  );
-  return /* @__PURE__ */ jsx42("div", { className: "checkboxes", id, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
-    const checked = enumOptionsIsSelected(option.value, checkboxesValues);
-    const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
-    const disabledCls = disabled || itemDisabled || readonly ? "disabled" : "";
-    const handleChange = (event) => {
-      if (event.target.checked) {
-        onChange(enumOptionsSelectValue(index, checkboxesValues, enumOptions));
-      } else {
-        onChange(enumOptionsDeselectValue(index, checkboxesValues, enumOptions));
-      }
-    };
-    const checkbox = /* @__PURE__ */ jsxs17("span", { children: [
-      /* @__PURE__ */ jsx42(
-        "input",
-        {
-          type: "checkbox",
-          id: optionId(id, index),
-          name: htmlName || id,
-          checked,
-          value: enumOptionValueEncoder(option.value, index, optionValueFormat),
-          disabled: disabled || itemDisabled || readonly,
-          autoFocus: autofocus && index === 0,
-          onChange: handleChange,
-          onBlur: handleBlur,
-          onFocus: handleFocus,
-          "aria-describedby": ariaDescribedByIds3(id)
-        }
-      ),
-      /* @__PURE__ */ jsx42("span", { children: option.label })
-    ] });
-    return inline ? /* @__PURE__ */ jsx42("label", { className: `checkbox-inline ${disabledCls}`, children: checkbox }, index) : /* @__PURE__ */ jsx42("div", { className: `checkbox ${disabledCls}`, children: /* @__PURE__ */ jsx42("label", { children: checkbox }) }, index);
-  }) });
-}
-var CheckboxesWidget_default = CheckboxesWidget;
-
 // src/components/widgets/ColorWidget.tsx
 import { getTemplate as getTemplate18 } from "@rjsf/utils";
 import { jsx as jsx43 } from "react/jsx-runtime";
@@ -3768,28 +3775,17 @@ function ColorWidget(props) {
   return /* @__PURE__ */ jsx43(BaseInputTemplate2, { type: "color", ...props, disabled: disabled || readonly });
 }
 
-// src/components/widgets/DateWidget.tsx
-import { useCallback as useCallback10 } from "react";
-import { getTemplate as getTemplate19 } from "@rjsf/utils";
-import { jsx as jsx44 } from "react/jsx-runtime";
-function DateWidget(props) {
-  const { onChange, options, registry } = props;
-  const BaseInputTemplate2 = getTemplate19("BaseInputTemplate", registry, options);
-  const handleChange = useCallback10((value) => onChange(value || void 0), [onChange]);
-  return /* @__PURE__ */ jsx44(BaseInputTemplate2, { type: "date", ...props, onChange: handleChange });
-}
-
 // src/components/widgets/DateTimeWidget.tsx
 import {
-  getTemplate as getTemplate20,
+  getTemplate as getTemplate19,
   localToUTC,
   utcToLocal
 } from "@rjsf/utils";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function DateTimeWidget(props) {
   const { onChange, value, options, registry } = props;
-  const BaseInputTemplate2 = getTemplate20("BaseInputTemplate", registry, options);
-  return /* @__PURE__ */ jsx45(
+  const BaseInputTemplate2 = getTemplate19("BaseInputTemplate", registry, options);
+  return /* @__PURE__ */ jsx44(
     BaseInputTemplate2,
     {
       type: "datetime-local",
@@ -3800,6 +3796,17 @@ function DateTimeWidget(props) {
   );
 }
 
+// src/components/widgets/DateWidget.tsx
+import { useCallback as useCallback10 } from "react";
+import { getTemplate as getTemplate20 } from "@rjsf/utils";
+import { jsx as jsx45 } from "react/jsx-runtime";
+function DateWidget(props) {
+  const { onChange, options, registry } = props;
+  const BaseInputTemplate2 = getTemplate20("BaseInputTemplate", registry, options);
+  const handleChange = useCallback10((value) => onChange(value || void 0), [onChange]);
+  return /* @__PURE__ */ jsx45(BaseInputTemplate2, { type: "date", ...props, onChange: handleChange });
+}
+
 // src/components/widgets/EmailWidget.tsx
 import { getTemplate as getTemplate21 } from "@rjsf/utils";
 import { jsx as jsx46 } from "react/jsx-runtime";
@@ -3812,10 +3819,10 @@ function EmailWidget(props) {
 // src/components/widgets/FileWidget.tsx
 import {
   getTemplate as getTemplate22,
-  TranslatableString as TranslatableString13,
+  TranslatableString as TranslatableString14,
   useFileWidgetProps
 } from "@rjsf/utils";
-import Markdown5 from "markdown-to-jsx";
+import { Markdown as Markdown5 } from "markdown-to-jsx";
 import { Fragment as Fragment4, jsx as jsx47, jsxs as jsxs18 } from "react/jsx-runtime";
 function FileInfoPreview({
   fileInfo,
@@ -3831,7 +3838,7 @@ function FileInfoPreview({
   }
   return /* @__PURE__ */ jsxs18(Fragment4, { children: [
     " ",
-    /* @__PURE__ */ jsx47("a", { download: `preview-${name}`, href: dataURL, className: "file-download", children: translateString(TranslatableString13.PreviewLabel) })
+    /* @__PURE__ */ jsx47("a", { download: `preview-${name}`, href: dataURL, className: "file-download", children: translateString(TranslatableString14.PreviewLabel) })
   ] });
 }
 function FilesInfo({
@@ -3850,7 +3857,7 @@ function FilesInfo({
     const { name, size, type } = fileInfo;
     const handleRemove = () => onRemove(key);
     return /* @__PURE__ */ jsxs18("li", { children: [
-      /* @__PURE__ */ jsx47(Markdown5, { children: translateString(TranslatableString13.FilesInfo, [name, type, String(size)]) }),
+      /* @__PURE__ */ jsx47(Markdown5, { children: translateString(TranslatableString14.FilesInfo, [name, type, String(size)]) }),
       preview && /* @__PURE__ */ jsx47(FileInfoPreview, { fileInfo, registry }),
       /* @__PURE__ */ jsx47(RemoveButton2, { onClick: handleRemove, registry })
     ] }, key);
@@ -3862,7 +3869,7 @@ function FileWidget(props) {
   const BaseInputTemplate2 = getTemplate22("BaseInputTemplate", registry, options);
   const handleOnChangeEvent = (event) => {
     if (event.target.files) {
-      handleChange(event.target.files);
+      void handleChange(event.target.files);
     }
   };
   return /* @__PURE__ */ jsxs18("div", { children: [
@@ -4253,22 +4260,22 @@ function TimeWidget(props) {
   return /* @__PURE__ */ jsx56(BaseInputTemplate2, { type: "time", ...props, onChange: handleChange });
 }
 
-// src/components/widgets/URLWidget.tsx
+// src/components/widgets/UpDownWidget.tsx
 import { getTemplate as getTemplate26 } from "@rjsf/utils";
 import { jsx as jsx57 } from "react/jsx-runtime";
-function URLWidget(props) {
+function UpDownWidget(props) {
   const { options, registry } = props;
   const BaseInputTemplate2 = getTemplate26("BaseInputTemplate", registry, options);
-  return /* @__PURE__ */ jsx57(BaseInputTemplate2, { type: "url", ...props });
+  return /* @__PURE__ */ jsx57(BaseInputTemplate2, { type: "number", ...props });
 }
 
-// src/components/widgets/UpDownWidget.tsx
+// src/components/widgets/URLWidget.tsx
 import { getTemplate as getTemplate27 } from "@rjsf/utils";
 import { jsx as jsx58 } from "react/jsx-runtime";
-function UpDownWidget(props) {
+function URLWidget(props) {
   const { options, registry } = props;
   const BaseInputTemplate2 = getTemplate27("BaseInputTemplate", registry, options);
-  return /* @__PURE__ */ jsx58(BaseInputTemplate2, { type: "number", ...props });
+  return /* @__PURE__ */ jsx58(BaseInputTemplate2, { type: "url", ...props });
 }
 
 // src/components/widgets/index.ts
@@ -4752,7 +4759,7 @@ var Form = class extends Component3 {
     this._isProcessingUserChange = true;
     const { newValue, path, id } = this.pendingChanges[0];
     const { newErrorSchema } = this.pendingChanges[0];
-    const { extraErrors, omitExtraData, liveOmit, noValidate, liveValidate, onChange, removeEmptyOptionalObjects } = this.props;
+    const { extraErrors, omitExtraData, liveOmit, noValidate, liveValidate, onChange } = this.props;
     const { formData: oldFormData, schemaUtils, schema, fieldPathId, schemaValidationErrorSchema, errors } = this.state;
     let { customErrors } = this.state;
     let mergeBaseErrorSchema = schemaValidationErrorSchema;
@@ -4767,7 +4774,26 @@ var Form = class extends Component3 {
       if (newValue === ADDITIONAL_PROPERTY_KEY_REMOVE) {
         _unset(formData, path);
       } else if (!isRootPath) {
-        _set(formData, path, newValue);
+        let unsetPath = false;
+        let valueForPath = newValue;
+        if (newValue === void 0) {
+          const lastSegment = path[path.length - 1];
+          if (typeof lastSegment === "number") {
+            valueForPath = null;
+          } else {
+            const { field } = schemaUtils.findFieldInSchema(schema, path, oldFormData);
+            const leaf = field;
+            const isOneOfOrAnyOfLeaf = leaf && (ONE_OF_KEY6 in leaf || ANY_OF_KEY6 in leaf);
+            if (!isOneOfOrAnyOfLeaf && leaf !== void 0) {
+              unsetPath = true;
+            }
+          }
+        }
+        if (unsetPath) {
+          _unset(formData, path);
+        } else {
+          _set(formData, path, valueForPath);
+        }
       }
       const newState = this.getStateFromProps(this.props, inputForDefaults, void 0, void 0, void 0, true);
       formData = newState.formData;
@@ -4782,18 +4808,6 @@ var Form = class extends Component3 {
         formData: newFormData
       };
     }
-    if (removeEmptyOptionalObjects) {
-      newFormData = removeOptionalEmptyObjects(
-        schemaUtils.getValidator(),
-        schema,
-        schemaUtils.getRootSchema(),
-        newFormData
-      );
-      state = {
-        ...state,
-        formData: newFormData
-      };
-    }
     if (newErrorSchema) {
       const oldValidationError = !isRootPath ? _get(schemaValidationErrorSchema, path) : schemaValidationErrorSchema;
       if (!_isEmpty(oldValidationError)) {
@@ -4895,33 +4909,24 @@ var Form = class extends Component3 {
    * @param data - The data associated with the field that was blurred
    */
   onBlur = (id, data) => {
-    const { onBlur, omitExtraData, liveOmit, liveValidate, removeEmptyOptionalObjects } = this.props;
+    const { onBlur, omitExtraData, liveOmit, liveValidate } = this.props;
     if (onBlur) {
       onBlur(id, data);
     }
     if (omitExtraData === true && liveOmit === "onBlur" || liveValidate === "onBlur") {
       const { onChange, extraErrors } = this.props;
-      const { formData, schemaUtils, schema } = this.state;
+      const { formData } = this.state;
       let newFormData = formData;
       let state = { formData: newFormData };
       if (omitExtraData === true && liveOmit === "onBlur") {
         newFormData = this.omitExtraData(formData);
         state = { formData: newFormData };
       }
-      if (removeEmptyOptionalObjects) {
-        newFormData = removeOptionalEmptyObjects(
-          schemaUtils.getValidator(),
-          schema,
-          schemaUtils.getRootSchema(),
-          newFormData
-        );
-        state = { ...state, formData: newFormData };
-      }
       if (liveValidate === "onBlur") {
-        const { schema: schema2, schemaUtils: schemaUtils2, errorSchema, customErrors, retrievedSchema } = this.state;
+        const { schema, schemaUtils, errorSchema, customErrors, retrievedSchema } = this.state;
         const liveValidation = this.liveValidate(
-          schema2,
-          schemaUtils2,
+          schema,
+          schemaUtils,
           errorSchema,
           newFormData,
           extraErrors,
@@ -4968,20 +4973,11 @@ var Form = class extends Component3 {
       return;
     }
     event.persist();
-    const { omitExtraData, extraErrors, noValidate, onSubmit, removeEmptyOptionalObjects } = this.props;
+    const { omitExtraData, extraErrors, noValidate, onSubmit } = this.props;
     let { formData: newFormData } = this.state;
     if (omitExtraData === true) {
       newFormData = this.omitExtraData(newFormData);
     }
-    if (removeEmptyOptionalObjects) {
-      const { schemaUtils, schema } = this.state;
-      newFormData = removeOptionalEmptyObjects(
-        schemaUtils.getValidator(),
-        schema,
-        schemaUtils.getRootSchema(),
-        newFormData
-      );
-    }
     if (noValidate || this.validateFormWithFormData(newFormData)) {
       const errorSchema = extraErrors || {};
       const errors = extraErrors ? toErrorList(extraErrors) : [];
@@ -5146,20 +5142,11 @@ var Form = class extends Component3 {
    * @returns - True if the form is valid, false otherwise.
    */
   validateForm() {
-    const { omitExtraData, removeEmptyOptionalObjects } = this.props;
+    const { omitExtraData } = this.props;
     let { formData: newFormData } = this.state;
     if (omitExtraData === true) {
       newFormData = this.omitExtraData(newFormData);
     }
-    if (removeEmptyOptionalObjects) {
-      const { schemaUtils, schema } = this.state;
-      newFormData = removeOptionalEmptyObjects(
-        schemaUtils.getValidator(),
-        schema,
-        schemaUtils.getRootSchema(),
-        newFormData
-      );
-    }
     return this.validateFormWithFormData(newFormData);
   }
   /** Renders the `Form` fields inside the <form> | `tagName` or `_internalFormWrapper`, rendering any errors if
@@ -5237,6 +5224,33 @@ var Form = class extends Component3 {
   }
 };
 
+// src/getTestRegistry.tsx
+import {
+  DEFAULT_ID_PREFIX as DEFAULT_ID_PREFIX3,
+  DEFAULT_ID_SEPARATOR as DEFAULT_ID_SEPARATOR3,
+  createSchemaUtils as createSchemaUtils2,
+  englishStringTranslator as englishStringTranslator2
+} from "@rjsf/utils";
+import validator from "@rjsf/validator-ajv8";
+function getTestRegistry(rootSchema, fields2 = {}, templates2 = {}, widgets2 = {}, formContext = {}, globalFormOptions = {
+  idPrefix: DEFAULT_ID_PREFIX3,
+  idSeparator: DEFAULT_ID_SEPARATOR3,
+  useFallbackUiForUnsupportedType: false
+}) {
+  const defaults = getDefaultRegistry();
+  const schemaUtils = createSchemaUtils2(validator, rootSchema);
+  return {
+    fields: { ...defaults.fields, ...fields2 },
+    templates: { ...defaults.templates, ...templates2 },
+    widgets: { ...defaults.widgets, ...widgets2 },
+    formContext,
+    rootSchema,
+    schemaUtils,
+    translateString: englishStringTranslator2,
+    globalFormOptions
+  };
+}
+
 // src/withTheme.tsx
 import { forwardRef } from "react";
 import { jsx as jsx60 } from "react/jsx-runtime";
@@ -5268,33 +5282,6 @@ function withTheme(themeProps) {
   );
 }
 
-// src/getTestRegistry.tsx
-import {
-  DEFAULT_ID_PREFIX as DEFAULT_ID_PREFIX3,
-  DEFAULT_ID_SEPARATOR as DEFAULT_ID_SEPARATOR3,
-  createSchemaUtils as createSchemaUtils2,
-  englishStringTranslator as englishStringTranslator2
-} from "@rjsf/utils";
-import validator from "@rjsf/validator-ajv8";
-function getTestRegistry(rootSchema, fields2 = {}, templates2 = {}, widgets2 = {}, formContext = {}, globalFormOptions = {
-  idPrefix: DEFAULT_ID_PREFIX3,
-  idSeparator: DEFAULT_ID_SEPARATOR3,
-  useFallbackUiForUnsupportedType: false
-}) {
-  const defaults = getDefaultRegistry();
-  const schemaUtils = createSchemaUtils2(validator, rootSchema);
-  return {
-    fields: { ...defaults.fields, ...fields2 },
-    templates: { ...defaults.templates, ...templates2 },
-    widgets: { ...defaults.widgets, ...widgets2 },
-    formContext,
-    rootSchema,
-    schemaUtils,
-    translateString: englishStringTranslator2,
-    globalFormOptions
-  };
-}
-
 // src/index.ts
 var index_default = Form;
 export {