@rjsf/antd 6.0.0-beta.2 → 6.0.0-beta.20

package/README.md

@@ -58,13 +58,15 @@ Ant Design theme, fields and widgets for `react-jsonschema-form`.
 
 ### Prerequisites
 
-- `antd >= 4.0.0`
-- `@ant-design/icons >= 4.0.0`
+- `antd >= 5`
+- `@ant-design/icons >= 5`
 - `dayjs >= 1.8.0`
-- `@rjsf/core >= 2.0.0`
+- `@rjsf/core >= 6`
+- `@rjsf/utils >= 6`
+- `@rjsf/validator-ajv8 >= 6`
 
 ```sh
-npm install antd @ant-design/icons dayjs @rjsf/core
+npm install antd @ant-design/icons dayjs @rjsf/core @rjsf/utils @rjsf/validator-ajv8
 ```
 
 ### Installation

package/dist/antd.esm.js

@@ -47,8 +47,7 @@ function ArrayFieldTemplate(props) {
     canAdd,
     className,
     disabled,
-    formContext,
-    idSchema,
+    fieldPathId,
     items,
     onAddClick,
     readonly,
@@ -74,6 +73,7 @@ function ArrayFieldTemplate(props) {
     registry,
     uiOptions
   );
+  const { formContext } = registry;
   const {
     ButtonTemplates: { AddButton: AddButton2 }
   } = registry.templates;
@@ -86,11 +86,11 @@ function ArrayFieldTemplate(props) {
     labelAlign === "left" && `${labelClsBasic}-left`
     // labelCol.className,
   );
-  return /* @__PURE__ */ jsx2("fieldset", { className, id: idSchema.$id, children: /* @__PURE__ */ jsxs2(Row2, { gutter: rowGutter, children: [
+  return /* @__PURE__ */ jsx2("fieldset", { className, id: fieldPathId.$id, children: /* @__PURE__ */ jsxs2(Row2, { gutter: rowGutter, children: [
     (uiOptions.title || title) && /* @__PURE__ */ jsx2(Col2, { className: labelColClassName, span: 24, children: /* @__PURE__ */ jsx2(
       ArrayFieldTitleTemplate,
       {
-        idSchema,
+        fieldPathId,
         required,
         title: uiOptions.title || title,
         schema,
@@ -102,7 +102,7 @@ function ArrayFieldTemplate(props) {
       ArrayFieldDescriptionTemplate,
       {
         description: uiOptions.description || schema.description,
-        idSchema,
+        fieldPathId,
         schema,
         uiSchema,
         registry
@@ -112,7 +112,7 @@ function ArrayFieldTemplate(props) {
     canAdd && /* @__PURE__ */ jsx2(Col2, { span: 24, children: /* @__PURE__ */ jsx2(Row2, { gutter: rowGutter, justify: "end", children: /* @__PURE__ */ jsx2(Col2, { flex: "192px", children: /* @__PURE__ */ jsx2(
       AddButton2,
       {
-        id: buttonId(idSchema, "add"),
+        id: buttonId(fieldPathId, "add"),
         className: "rjsf-array-item-add",
         disabled: disabled || readonly,
         onClick: onAddClick,
@@ -312,11 +312,11 @@ function RemoveButton(props) {
 import { errorId } from "@rjsf/utils";
 import { jsx as jsx7 } from "react/jsx-runtime";
 function FieldErrorTemplate(props) {
-  const { errors = [], idSchema } = props;
+  const { errors = [], fieldPathId } = props;
   if (errors.length === 0) {
     return null;
   }
-  const id = errorId(idSchema);
+  const id = errorId(fieldPathId);
   return /* @__PURE__ */ jsx7("div", { id, children: errors.map((error) => /* @__PURE__ */ jsx7("div", { children: error }, `field-${id}-error-${error}`)) });
 }
 
@@ -338,7 +338,6 @@ function FieldTemplate(props) {
     disabled,
     displayLabel,
     errors,
-    formContext,
     help,
     hidden,
     id,
@@ -354,6 +353,7 @@ function FieldTemplate(props) {
     schema,
     uiSchema
   } = props;
+  const { formContext } = registry;
   const {
     colon,
     labelCol = VERTICAL_LABEL_COL,
@@ -428,6 +428,16 @@ function GridTemplate(props) {
   return /* @__PURE__ */ jsx9(Row3, { ...rest, children });
 }
 
+// src/templates/MultiSchemaFieldTemplate/index.tsx
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+function MultiSchemaFieldTemplate(props) {
+  const { optionSchemaField, selector } = props;
+  return /* @__PURE__ */ jsxs5("div", { children: [
+    /* @__PURE__ */ jsx10("div", { children: selector }),
+    optionSchemaField
+  ] });
+}
+
 // src/templates/ObjectFieldTemplate/index.tsx
 import classNames2 from "classnames";
 import isObject from "lodash/isObject";
@@ -443,7 +453,7 @@ import {
 } from "@rjsf/utils";
 import { Col as Col4, Row as Row4, ConfigProvider as ConfigProvider2 } from "antd";
 import { useContext as useContext2 } from "react";
-import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 var DESCRIPTION_COL_STYLE2 = {
   paddingBottom: "8px"
 };
@@ -451,9 +461,8 @@ function ObjectFieldTemplate(props) {
   const {
     description,
     disabled,
-    formContext,
     formData,
-    idSchema,
+    fieldPathId,
     onAddClick,
     properties,
     readonly,
@@ -470,6 +479,7 @@ function ObjectFieldTemplate(props) {
     registry,
     uiOptions
   );
+  const { formContext } = registry;
   const {
     ButtonTemplates: { AddButton: AddButton2 }
   } = registry.templates;
@@ -510,12 +520,12 @@ function ObjectFieldTemplate(props) {
     labelAlign === "left" && `${labelClsBasic}-left`
     // labelCol.className,
   );
-  return /* @__PURE__ */ jsxs5("fieldset", { id: idSchema.$id, children: [
-    /* @__PURE__ */ jsxs5(Row4, { gutter: rowGutter, children: [
-      title && /* @__PURE__ */ jsx10(Col4, { className: labelColClassName, span: 24, children: /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs6("fieldset", { id: fieldPathId.$id, children: [
+    /* @__PURE__ */ jsxs6(Row4, { gutter: rowGutter, children: [
+      title && /* @__PURE__ */ jsx11(Col4, { className: labelColClassName, span: 24, children: /* @__PURE__ */ jsx11(
         TitleFieldTemplate,
         {
-          id: titleId(idSchema),
+          id: titleId(fieldPathId),
           title,
           required,
           schema,
@@ -523,22 +533,22 @@ function ObjectFieldTemplate(props) {
           registry
         }
       ) }),
-      description && /* @__PURE__ */ jsx10(Col4, { span: 24, style: DESCRIPTION_COL_STYLE2, children: /* @__PURE__ */ jsx10(
+      description && /* @__PURE__ */ jsx11(Col4, { span: 24, style: DESCRIPTION_COL_STYLE2, children: /* @__PURE__ */ jsx11(
         DescriptionFieldTemplate,
         {
-          id: descriptionId(idSchema),
+          id: descriptionId(fieldPathId),
           description,
           schema,
           uiSchema,
           registry
         }
       ) }),
-      properties.filter((e) => !e.hidden).map((element) => /* @__PURE__ */ jsx10(Col4, { span: calculateColSpan(element), children: element.content }, element.name))
+      properties.filter((e) => !e.hidden).map((element) => /* @__PURE__ */ jsx11(Col4, { span: calculateColSpan(element), children: element.content }, element.name))
     ] }),
-    canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsx10(Col4, { span: 24, children: /* @__PURE__ */ jsx10(Row4, { gutter: rowGutter, justify: "end", children: /* @__PURE__ */ jsx10(Col4, { flex: "192px", children: /* @__PURE__ */ jsx10(
+    canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsx11(Col4, { span: 24, children: /* @__PURE__ */ jsx11(Row4, { gutter: rowGutter, justify: "end", children: /* @__PURE__ */ jsx11(Col4, { flex: "192px", children: /* @__PURE__ */ jsx11(
       AddButton2,
       {
-        id: buttonId2(idSchema, "add"),
+        id: buttonId2(fieldPathId, "add"),
         className: "rjsf-object-property-expand",
         disabled: disabled || readonly,
         onClick: onAddClick(schema),
@@ -552,20 +562,20 @@ function ObjectFieldTemplate(props) {
 // src/templates/SubmitButton/index.tsx
 import { Button as Button2 } from "antd";
 import { getSubmitButtonOptions } from "@rjsf/utils";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function SubmitButton({ uiSchema }) {
   const { submitText, norender, props: submitButtonProps } = getSubmitButtonOptions(uiSchema);
   if (norender) {
     return null;
   }
-  return /* @__PURE__ */ jsx11(Button2, { type: "submit", ...submitButtonProps, htmlType: "submit", children: submitText });
+  return /* @__PURE__ */ jsx12(Button2, { type: "submit", ...submitButtonProps, htmlType: "submit", children: submitText });
 }
 
 // src/templates/TitleField/index.tsx
 import classNames3 from "classnames";
 import { ConfigProvider as ConfigProvider3 } from "antd";
 import { useContext as useContext3 } from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function TitleField({
   id,
   required,
@@ -593,7 +603,7 @@ function TitleField({
     [`${prefixCls}-item-required`]: required,
     [`${prefixCls}-item-no-colon`]: !colon
   });
-  return title ? /* @__PURE__ */ jsx12(
+  return title ? /* @__PURE__ */ jsx13(
     "label",
     {
       className: labelClassName,
@@ -613,7 +623,7 @@ import {
   TranslatableString as TranslatableString3,
   buttonId as buttonId3
 } from "@rjsf/utils";
-import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
 var VERTICAL_LABEL_COL2 = { span: 24 };
 var VERTICAL_WRAPPER_COL2 = { span: 24 };
 var INPUT_STYLE2 = {
@@ -649,7 +659,7 @@ function WrapIfAdditionalTemplate(props) {
   const keyLabel = translateString(TranslatableString3.KeyLabel, [label]);
   const additional = ADDITIONAL_PROPERTY_FLAG in schema;
   if (!additional) {
-    return /* @__PURE__ */ jsx13("div", { className: classNames4, style, children });
+    return /* @__PURE__ */ jsx14("div", { className: classNames4, style, children });
   }
   const handleBlur = ({ target }) => onKeyChange(target && target.value);
   const uiOptions = uiSchema ? uiSchema[UI_OPTIONS_KEY] : {};
@@ -657,8 +667,8 @@ function WrapIfAdditionalTemplate(props) {
     ...uiSchema,
     [UI_OPTIONS_KEY]: { ...uiOptions, block: true }
   };
-  return /* @__PURE__ */ jsx13("div", { className: classNames4, style, children: /* @__PURE__ */ jsxs6(Row5, { align: toolbarAlign, gutter: rowGutter, children: [
-    /* @__PURE__ */ jsx13(Col5, { className: "form-additional", flex: "1", children: /* @__PURE__ */ jsx13("div", { className: "form-group", children: /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14("div", { className: classNames4, style, children: /* @__PURE__ */ jsxs7(Row5, { align: toolbarAlign, gutter: rowGutter, children: [
+    /* @__PURE__ */ jsx14(Col5, { className: "form-additional", flex: "1", children: /* @__PURE__ */ jsx14("div", { className: "form-group", children: /* @__PURE__ */ jsx14(
       Form2.Item,
       {
         colon,
@@ -670,7 +680,7 @@ function WrapIfAdditionalTemplate(props) {
         required,
         style: wrapperStyle,
         wrapperCol,
-        children: /* @__PURE__ */ jsx13(
+        children: /* @__PURE__ */ jsx14(
           Input2,
           {
             className: "form-control",
@@ -685,8 +695,8 @@ function WrapIfAdditionalTemplate(props) {
         )
       }
     ) }) }),
-    /* @__PURE__ */ jsx13(Col5, { className: "form-additional", flex: "1", children }),
-    /* @__PURE__ */ jsx13(Col5, { flex: "192px", children: /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(Col5, { className: "form-additional", flex: "1", children }),
+    /* @__PURE__ */ jsx14(Col5, { flex: "192px", children: /* @__PURE__ */ jsx14(
       RemoveButton2,
       {
         id: buttonId3(id, "remove"),
@@ -719,6 +729,7 @@ function generateTemplates() {
     FieldErrorTemplate,
     FieldTemplate,
     GridTemplate,
+    MultiSchemaFieldTemplate,
     ObjectFieldTemplate,
     TitleFieldTemplate: TitleField,
     WrapIfAdditionalTemplate
@@ -737,7 +748,7 @@ import {
   toDateString,
   TranslatableString as TranslatableString4
 } from "@rjsf/utils";
-import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 var readyForChange = (state) => {
   return Object.values(state).every((value) => value !== -1);
 };
@@ -789,7 +800,7 @@ function AltDateWidget(props) {
     }
     onChange(void 0);
   };
-  const renderDateElement = (elemProps) => /* @__PURE__ */ jsx14(
+  const renderDateElement = (elemProps) => /* @__PURE__ */ jsx15(
     SelectWidget2,
     {
       autofocus: elemProps.autofocus,
@@ -812,7 +823,7 @@ function AltDateWidget(props) {
       "aria-describedby": ariaDescribedByIds2(id)
     }
   );
-  return /* @__PURE__ */ jsxs7(Row6, { gutter: [Math.floor(rowGutter / 2), Math.floor(rowGutter / 2)], children: [
+  return /* @__PURE__ */ jsxs8(Row6, { gutter: [Math.floor(rowGutter / 2), Math.floor(rowGutter / 2)], children: [
     getDateElementProps(
       state,
       showTime,
@@ -820,7 +831,7 @@ function AltDateWidget(props) {
       options.format
     ).map((elemProps, i) => {
       const elemId = id + "_" + elemProps.type;
-      return /* @__PURE__ */ jsx14(Col6, { flex: "88px", children: renderDateElement({
+      return /* @__PURE__ */ jsx15(Col6, { flex: "88px", children: renderDateElement({
         ...elemProps,
         autofocus: autofocus && i === 0,
         disabled,
@@ -836,8 +847,8 @@ function AltDateWidget(props) {
         value: elemProps.value || -1 < 0 ? void 0 : elemProps.value
       }) }, elemId);
     }),
-    !options.hideNowButton && /* @__PURE__ */ jsx14(Col6, { flex: "88px", children: /* @__PURE__ */ jsx14(Button3, { block: true, className: "btn-now", onClick: handleNow, type: "primary", children: translateString(TranslatableString4.NowLabel) }) }),
-    !options.hideClearButton && /* @__PURE__ */ jsx14(Col6, { flex: "88px", children: /* @__PURE__ */ jsx14(Button3, { block: true, className: "btn-clear", danger: true, onClick: handleClear, type: "primary", children: translateString(TranslatableString4.ClearLabel) }) })
+    !options.hideNowButton && /* @__PURE__ */ jsx15(Col6, { flex: "88px", children: /* @__PURE__ */ jsx15(Button3, { block: true, className: "btn-now", onClick: handleNow, type: "primary", children: translateString(TranslatableString4.NowLabel) }) }),
+    !options.hideClearButton && /* @__PURE__ */ jsx15(Col6, { flex: "88px", children: /* @__PURE__ */ jsx15(Button3, { block: true, className: "btn-clear", danger: true, onClick: handleClear, type: "primary", children: translateString(TranslatableString4.ClearLabel) }) })
   ] });
 }
 AltDateWidget.defaultProps = {
@@ -851,10 +862,10 @@ AltDateWidget.defaultProps = {
 };
 
 // src/widgets/AltDateTimeWidget/index.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function AltDateTimeWidget(props) {
   const { AltDateWidget: AltDateWidget2 } = props.registry.widgets;
-  return /* @__PURE__ */ jsx15(AltDateWidget2, { showTime: true, ...props });
+  return /* @__PURE__ */ jsx16(AltDateWidget2, { showTime: true, ...props });
 }
 AltDateTimeWidget.defaultProps = {
   ...AltDateWidget.defaultProps,
@@ -869,7 +880,7 @@ import {
   enumOptionsValueForIndex,
   optionId
 } from "@rjsf/utils";
-import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
 function CheckboxesWidget({ autofocus, disabled, formContext, id, onBlur, onChange, onFocus, options, readonly, value }) {
   const { readonlyAsDisabled = true } = formContext;
   const { enumOptions, enumDisabled, inline, emptyValue } = options;
@@ -882,7 +893,7 @@ function CheckboxesWidget({ autofocus, disabled, formContext, id, onBlur, onChan
     onFocus: !readonly ? handleFocus : void 0
   };
   const selectedIndexes = enumOptionsIndexForValue(value, enumOptions, true);
-  return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ jsx16(Fragment2, { children: /* @__PURE__ */ jsx16(
+  return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ jsx17(Fragment2, { children: /* @__PURE__ */ jsx17(
     Checkbox.Group,
     {
       disabled: disabled || readonlyAsDisabled && readonly,
@@ -891,8 +902,8 @@ function CheckboxesWidget({ autofocus, disabled, formContext, id, onBlur, onChan
       value: selectedIndexes,
       ...extraProps,
       "aria-describedby": ariaDescribedByIds3(id),
-      children: Array.isArray(enumOptions) && enumOptions.map((option, i) => /* @__PURE__ */ jsxs8("span", { children: [
-        /* @__PURE__ */ jsx16(
+      children: Array.isArray(enumOptions) && enumOptions.map((option, i) => /* @__PURE__ */ jsxs9("span", { children: [
+        /* @__PURE__ */ jsx17(
           Checkbox,
           {
             id: optionId(id, i),
@@ -903,7 +914,7 @@ function CheckboxesWidget({ autofocus, disabled, formContext, id, onBlur, onChan
             children: option.label
           }
         ),
-        !inline && /* @__PURE__ */ jsx16("br", {})
+        !inline && /* @__PURE__ */ jsx17("br", {})
       ] }, i))
     }
   ) }) : null;
@@ -915,7 +926,7 @@ import {
   ariaDescribedByIds as ariaDescribedByIds4,
   labelValue
 } from "@rjsf/utils";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function CheckboxWidget(props) {
   const { autofocus, disabled, formContext, id, label, hideLabel, onBlur, onChange, onFocus, readonly, value } = props;
   const { readonlyAsDisabled = true } = formContext;
@@ -926,7 +937,7 @@ function CheckboxWidget(props) {
     onBlur: !readonly ? handleBlur : void 0,
     onFocus: !readonly ? handleFocus : void 0
   };
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     Checkbox2,
     {
       autoFocus: autofocus,
@@ -948,7 +959,7 @@ import {
   ariaDescribedByIds as ariaDescribedByIds5
 } from "@rjsf/utils";
 import { DatePicker } from "antd";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var DATE_PICKER_STYLE = {
   width: "100%"
 };
@@ -959,7 +970,7 @@ function DateTimeWidget(props) {
   const handleBlur = () => onBlur(id, value);
   const handleFocus = () => onFocus(id, value);
   const getPopupContainer = (node) => node.parentNode;
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     DatePicker,
     {
       disabled: disabled || readonlyAsDisabled && readonly,
@@ -984,7 +995,7 @@ import {
   ariaDescribedByIds as ariaDescribedByIds6
 } from "@rjsf/utils";
 import { DatePicker as DatePicker2 } from "antd";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var DATE_PICKER_STYLE2 = {
   width: "100%"
 };
@@ -995,7 +1006,7 @@ function DateWidget(props) {
   const handleBlur = () => onBlur(id, value);
   const handleFocus = () => onFocus(id, value);
   const getPopupContainer = (node) => node.parentNode;
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     DatePicker2,
     {
       disabled: disabled || readonlyAsDisabled && readonly,
@@ -1019,7 +1030,7 @@ import { Input as Input3 } from "antd";
 import {
   ariaDescribedByIds as ariaDescribedByIds7
 } from "@rjsf/utils";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function PasswordWidget(props) {
   const { disabled, formContext, id, onBlur, onChange, onFocus, options, placeholder, readonly, value } = props;
   const { readonlyAsDisabled = true } = formContext;
@@ -1027,7 +1038,7 @@ function PasswordWidget(props) {
   const handleChange = ({ target }) => onChange(target.value === "" ? emptyValue : target.value);
   const handleBlur = ({ target }) => onBlur(id, target.value);
   const handleFocus = ({ target }) => onFocus(id, target.value);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     Input3.Password,
     {
       disabled: disabled || readonlyAsDisabled && readonly,
@@ -1051,7 +1062,7 @@ import {
   enumOptionsValueForIndex as enumOptionsValueForIndex2,
   optionId as optionId2
 } from "@rjsf/utils";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function RadioWidget({
   autofocus,
   disabled,
@@ -1070,7 +1081,7 @@ function RadioWidget({
   const handleBlur = ({ target }) => onBlur(id, enumOptionsValueForIndex2(target && target.value, enumOptions, emptyValue));
   const handleFocus = ({ target }) => onFocus(id, enumOptionsValueForIndex2(target && target.value, enumOptions, emptyValue));
   const selectedIndexes = enumOptionsIndexForValue2(value, enumOptions);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     Radio.Group,
     {
       disabled: disabled || readonlyAsDisabled && readonly,
@@ -1081,7 +1092,7 @@ function RadioWidget({
       onFocus: !readonly ? handleFocus : void 0,
       value: selectedIndexes,
       "aria-describedby": ariaDescribedByIds8(id),
-      children: Array.isArray(enumOptions) && enumOptions.map((option, i) => /* @__PURE__ */ jsx21(
+      children: Array.isArray(enumOptions) && enumOptions.map((option, i) => /* @__PURE__ */ jsx22(
         Radio,
         {
           id: optionId2(id, i),
@@ -1103,7 +1114,7 @@ import {
   ariaDescribedByIds as ariaDescribedByIds9,
   rangeSpec
 } from "@rjsf/utils";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function RangeWidget(props) {
   const {
     autofocus,
@@ -1130,7 +1141,7 @@ function RangeWidget(props) {
     onBlur: !readonly ? handleBlur : void 0,
     onFocus: !readonly ? handleFocus : void 0
   };
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     Slider,
     {
       autoFocus: autofocus,
@@ -1157,7 +1168,7 @@ import {
 } from "@rjsf/utils";
 import isString2 from "lodash/isString";
 import { useMemo } from "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var SELECT_STYLE = {
   width: "100%"
 };
@@ -1208,7 +1219,7 @@ function SelectWidget({
     }
     return void 0;
   }, [enumDisabled, enumOptions, placeholder, showPlaceholderOption]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     Select,
     {
       autoFocus: autofocus,
@@ -1235,7 +1246,7 @@ import { Input as Input4 } from "antd";
 import {
   ariaDescribedByIds as ariaDescribedByIds11
 } from "@rjsf/utils";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var INPUT_STYLE3 = {
   width: "100%"
 };
@@ -1258,7 +1269,7 @@ function TextareaWidget({
   const extraProps = {
     type: "textarea"
   };
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     Input4.TextArea,
     {
       disabled: disabled || readonlyAsDisabled && readonly,