@rjsf/antd 6.0.0-beta.21 → 6.0.0-beta.22

package/dist/antd.esm.js

@@ -64,11 +64,6 @@ function ArrayFieldTemplate(props) {
     registry,
     uiOptions
   );
-  const ArrayFieldItemTemplate2 = getTemplate2(
-    "ArrayFieldItemTemplate",
-    registry,
-    uiOptions
-  );
   const ArrayFieldTitleTemplate = getTemplate2(
     "ArrayFieldTitleTemplate",
     registry,
@@ -113,7 +108,7 @@ function ArrayFieldTemplate(props) {
     ) }),
     /* @__PURE__ */ jsxs2(Col2, { className: "row array-item-list", span: 24, children: [
       !showOptionalDataControlInTitle ? optionalDataControl : void 0,
-      items.map(({ key, ...itemProps }) => /* @__PURE__ */ jsx2(ArrayFieldItemTemplate2, { ...itemProps }, key))
+      items
     ] }),
     canAdd && /* @__PURE__ */ jsx2(Col2, { span: 24, children: /* @__PURE__ */ jsx2(Row2, { gutter: rowGutter, justify: "end", children: /* @__PURE__ */ jsx2(Col2, { flex: "192px", children: /* @__PURE__ */ jsx2(
       AddButton2,
@@ -143,8 +138,9 @@ var INPUT_STYLE = {
 function BaseInputTemplate(props) {
   const {
     disabled,
-    formContext,
+    registry,
     id,
+    htmlName,
     onBlur,
     onChange,
     onChangeOverride,
@@ -156,6 +152,7 @@ function BaseInputTemplate(props) {
     value,
     type
   } = props;
+  const { formContext } = registry;
   const inputProps = getInputProps(schema, type, options, false);
   const { readonlyAsDisabled = true } = formContext;
   const handleNumberChange = (nextValue) => onChange(nextValue);
@@ -167,7 +164,7 @@ function BaseInputTemplate(props) {
     {
       disabled: disabled || readonlyAsDisabled && readonly,
       id,
-      name: id,
+      name: htmlName || id,
       onBlur: !readonly ? handleBlur : void 0,
       onChange: !readonly ? handleNumberChange : void 0,
       onFocus: !readonly ? handleFocus : void 0,
@@ -183,7 +180,7 @@ function BaseInputTemplate(props) {
     {
       disabled: disabled || readonlyAsDisabled && readonly,
       id,
-      name: id,
+      name: htmlName || id,
       onBlur: !readonly ? handleBlur : void 0,
       onChange: !readonly ? handleTextChange : void 0,
       onFocus: !readonly ? handleFocus : void 0,
@@ -353,8 +350,9 @@ function FieldTemplate(props) {
     hidden,
     id,
     label,
-    onDropPropertyClick,
-    onKeyChange,
+    onKeyRename,
+    onKeyRenameBlur,
+    onRemoveProperty,
     rawErrors,
     rawDescription,
     rawHelp,
@@ -400,8 +398,9 @@ function FieldTemplate(props) {
       disabled,
       id,
       label,
-      onDropPropertyClick,
-      onKeyChange,
+      onKeyRename,
+      onKeyRenameBlur,
+      onRemoveProperty,
       readonly,
       required,
       schema,
@@ -474,7 +473,7 @@ function ObjectFieldTemplate(props) {
     disabled,
     formData,
     fieldPathId,
-    onAddClick,
+    onAddProperty,
     optionalDataControl,
     properties,
     readonly,
@@ -566,7 +565,7 @@ function ObjectFieldTemplate(props) {
         id: buttonId2(fieldPathId, "add"),
         className: "rjsf-object-property-expand",
         disabled: disabled || readonly,
-        onClick: onAddClick(schema),
+        onClick: onAddProperty,
         uiSchema,
         registry
       }
@@ -702,8 +701,8 @@ function WrapIfAdditionalTemplate(props) {
     disabled,
     id,
     label,
-    onDropPropertyClick,
-    onKeyChange,
+    onRemoveProperty,
+    onKeyRenameBlur,
     readonly,
     required,
     registry,
@@ -726,7 +725,6 @@ function WrapIfAdditionalTemplate(props) {
   if (!additional) {
     return /* @__PURE__ */ jsx15("div", { className: classNames4, style, children });
   }
-  const handleBlur = ({ target }) => onKeyChange(target && target.value);
   const uiOptions = uiSchema ? uiSchema[UI_OPTIONS_KEY] : {};
   const buttonUiOptions = {
     ...uiSchema,
@@ -753,7 +751,7 @@ function WrapIfAdditionalTemplate(props) {
             disabled: disabled || readonlyAsDisabled && readonly,
             id: `${id}-key`,
             name: `${id}-key`,
-            onBlur: !readonly ? handleBlur : void 0,
+            onBlur: !readonly ? onKeyRenameBlur : void 0,
             style: INPUT_STYLE2,
             type: "text"
           }
@@ -767,7 +765,7 @@ function WrapIfAdditionalTemplate(props) {
         id: buttonId3(id, "remove"),
         className: "rjsf-object-property-remove",
         disabled: disabled || readonly,
-        onClick: onDropPropertyClick(label),
+        onClick: onRemoveProperty,
         uiSchema: buttonUiOptions,
         registry
       }
@@ -819,21 +817,8 @@ var readyForChange = (state) => {
   return Object.values(state).every((value) => value !== -1);
 };
 function AltDateWidget(props) {
-  const {
-    autofocus,
-    disabled,
-    formContext,
-    id,
-    onBlur,
-    onChange,
-    onFocus,
-    options,
-    readonly,
-    registry,
-    showTime,
-    value
-  } = props;
-  const { translateString, widgets } = registry;
+  const { autofocus, disabled, id, onBlur, onChange, onFocus, options, readonly, registry, showTime, value } = props;
+  const { formContext, translateString, widgets } = registry;
   const { SelectWidget: SelectWidget2 } = widgets;
   const { rowGutter = 24 } = formContext;
   const [state, setState] = useState(parseDateString(value, showTime));
@@ -947,7 +932,20 @@ import {
   optionId
 } from "@rjsf/utils";
 import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
-function CheckboxesWidget({ autofocus, disabled, formContext, id, onBlur, onChange, onFocus, options, readonly, value }) {
+function CheckboxesWidget({
+  autofocus,
+  disabled,
+  registry,
+  id,
+  htmlName,
+  onBlur,
+  onChange,
+  onFocus,
+  options,
+  readonly,
+  value
+}) {
+  const { formContext } = registry;
   const { readonlyAsDisabled = true } = formContext;
   const { enumOptions, enumDisabled, inline, emptyValue } = options;
   const handleChange = (nextValue) => onChange(enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
@@ -963,7 +961,7 @@ function CheckboxesWidget({ autofocus, disabled, formContext, id, onBlur, onChan
     Checkbox.Group,
     {
       disabled: disabled || readonlyAsDisabled && readonly,
-      name: id,
+      name: htmlName || id,
       onChange: !readonly ? handleChange : void 0,
       value: selectedIndexes,
       ...extraProps,
@@ -973,7 +971,7 @@ function CheckboxesWidget({ autofocus, disabled, formContext, id, onBlur, onChan
           Checkbox,
           {
             id: optionId(id, i),
-            name: id,
+            name: htmlName || id,
             autoFocus: i === 0 ? autofocus : false,
             disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1,
             value: String(i),
@@ -994,7 +992,8 @@ import {
 } from "@rjsf/utils";
 import { jsx as jsx19 } from "react/jsx-runtime";
 function CheckboxWidget(props) {
-  const { autofocus, disabled, formContext, id, label, hideLabel, onBlur, onChange, onFocus, readonly, value } = props;
+  const { autofocus, disabled, registry, id, htmlName, label, hideLabel, onBlur, onChange, onFocus, readonly, value } = props;
+  const { formContext } = registry;
   const { readonlyAsDisabled = true } = formContext;
   const handleChange = ({ target }) => onChange(target.checked);
   const handleBlur = ({ target }) => onBlur(id, target && target.checked);
@@ -1010,7 +1009,7 @@ function CheckboxWidget(props) {
       checked: typeof value === "undefined" ? false : value,
       disabled: disabled || readonlyAsDisabled && readonly,
       id,
-      name: id,
+      name: htmlName || id,
       onChange: !readonly ? handleChange : void 0,
       ...extraProps,
       "aria-describedby": ariaDescribedByIds4(id),
@@ -1030,7 +1029,8 @@ var DATE_PICKER_STYLE = {
   width: "100%"
 };
 function DateTimeWidget(props) {
-  const { disabled, formContext, id, onBlur, onChange, onFocus, placeholder, readonly, value } = props;
+  const { disabled, registry, id, onBlur, onChange, onFocus, placeholder, readonly, value } = props;
+  const { formContext } = registry;
   const { readonlyAsDisabled = true } = formContext;
   const handleChange = (nextValue) => onChange(nextValue && nextValue.toISOString());
   const handleBlur = () => onBlur(id, value);
@@ -1066,7 +1066,8 @@ var DATE_PICKER_STYLE2 = {
   width: "100%"
 };
 function DateWidget(props) {
-  const { disabled, formContext, id, onBlur, onChange, onFocus, placeholder, readonly, value } = props;
+  const { disabled, registry, id, onBlur, onChange, onFocus, placeholder, readonly, value } = props;
+  const { formContext } = registry;
   const { readonlyAsDisabled = true } = formContext;
   const handleChange = (nextValue) => onChange(nextValue && nextValue.format("YYYY-MM-DD"));
   const handleBlur = () => onBlur(id, value);
@@ -1098,7 +1099,8 @@ import {
 } from "@rjsf/utils";
 import { jsx as jsx22 } from "react/jsx-runtime";
 function PasswordWidget(props) {
-  const { disabled, formContext, id, onBlur, onChange, onFocus, options, placeholder, readonly, value } = props;
+  const { disabled, registry, id, onBlur, onChange, onFocus, options, placeholder, readonly, value } = props;
+  const { formContext } = registry;
   const { readonlyAsDisabled = true } = formContext;
   const emptyValue = options.emptyValue || "";
   const handleChange = ({ target }) => onChange(target.value === "" ? emptyValue : target.value);
@@ -1132,8 +1134,9 @@ import { jsx as jsx23 } from "react/jsx-runtime";
 function RadioWidget({
   autofocus,
   disabled,
-  formContext,
+  registry,
   id,
+  htmlName,
   onBlur,
   onChange,
   onFocus,
@@ -1141,6 +1144,7 @@ function RadioWidget({
   readonly,
   value
 }) {
+  const { formContext } = registry;
   const { readonlyAsDisabled = true } = formContext;
   const { enumOptions, enumDisabled, emptyValue } = options;
   const handleChange = ({ target: { value: nextValue } }) => onChange(enumOptionsValueForIndex2(nextValue, enumOptions, emptyValue));
@@ -1152,7 +1156,7 @@ function RadioWidget({
     {
       disabled: disabled || readonlyAsDisabled && readonly,
       id,
-      name: id,
+      name: htmlName || id,
       onChange: !readonly ? handleChange : void 0,
       onBlur: !readonly ? handleBlur : void 0,
       onFocus: !readonly ? handleFocus : void 0,
@@ -1162,7 +1166,7 @@ function RadioWidget({
         Radio,
         {
           id: optionId2(id, i),
-          name: id,
+          name: htmlName || id,
           autoFocus: i === 0 ? autofocus : false,
           disabled: disabled || Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1,
           value: String(i),
@@ -1185,7 +1189,7 @@ function RangeWidget(props) {
   const {
     autofocus,
     disabled,
-    formContext,
+    registry,
     id,
     onBlur,
     onChange,
@@ -1196,6 +1200,7 @@ function RangeWidget(props) {
     schema,
     value
   } = props;
+  const { formContext } = registry;
   const { readonlyAsDisabled = true } = formContext;
   const { min, max, step } = rangeSpec(schema);
   const emptyValue = options.emptyValue || "";
@@ -1241,8 +1246,9 @@ var SELECT_STYLE = {
 function SelectWidget({
   autofocus,
   disabled,
-  formContext = {},
+  registry,
   id,
+  htmlName,
   multiple,
   onBlur,
   onChange,
@@ -1253,6 +1259,7 @@ function SelectWidget({
   value,
   schema
 }) {
+  const { formContext } = registry;
   const { readonlyAsDisabled = true } = formContext;
   const { enumOptions, enumDisabled, emptyValue } = options;
   const handleChange = (nextValue) => onChange(enumOptionsValueForIndex3(nextValue, enumOptions, emptyValue));
@@ -1267,7 +1274,7 @@ function SelectWidget({
   const getPopupContainer = (node) => node.parentNode;
   const selectedIndexes = enumOptionsIndexForValue3(value, enumOptions, multiple);
   const extraProps = {
-    name: id
+    name: htmlName || id
   };
   const showPlaceholderOption = !multiple && schema.default === void 0;
   const selectOptions = useMemo(() => {
@@ -1318,8 +1325,9 @@ var INPUT_STYLE3 = {
 };
 function TextareaWidget({
   disabled,
-  formContext,
+  registry,
   id,
+  htmlName,
   onBlur,
   onChange,
   onFocus,
@@ -1328,6 +1336,7 @@ function TextareaWidget({
   readonly,
   value
 }) {
+  const { formContext } = registry;
   const { readonlyAsDisabled = true } = formContext;
   const handleChange = ({ target }) => onChange(target.value === "" ? options.emptyValue : target.value);
   const handleBlur = ({ target }) => onBlur(id, target && target.value);
@@ -1340,7 +1349,7 @@ function TextareaWidget({
     {
       disabled: disabled || readonlyAsDisabled && readonly,
       id,
-      name: id,
+      name: htmlName || id,
       onBlur: !readonly ? handleBlur : void 0,
       onChange: !readonly ? handleChange : void 0,
       onFocus: !readonly ? handleFocus : void 0,