@rjsf/primereact 6.0.0-beta.21 → 6.0.0-beta.23

package/dist/primereact.esm.js

@@ -50,7 +50,6 @@ import {
   getTemplate as getTemplate2,
   getUiOptions as getUiOptions2,
   isFixedItems,
-  UI_OPTIONS_KEY,
   buttonId
 } from "@rjsf/utils";
 import { Fieldset } from "primereact/fieldset";
@@ -78,11 +77,6 @@ function ArrayFieldTemplate(props) {
     registry,
     uiOptions
   );
-  const ArrayFieldItemTemplate2 = getTemplate2(
-    "ArrayFieldItemTemplate",
-    registry,
-    uiOptions
-  );
   const ArrayFieldTitleTemplate2 = getTemplate2(
     "ArrayFieldTitleTemplate",
     registry,
@@ -122,15 +116,7 @@ function ArrayFieldTemplate(props) {
           /* @__PURE__ */ jsxs2("div", { children: [
             /* @__PURE__ */ jsxs2("div", { children: [
               !showOptionalDataControlInTitle ? optionalDataControl : void 0,
-              items.map(({ key, uiSchema: itemUiSchema = {}, ...props2 }) => {
-                const mergedUiSchema = {
-                  ...itemUiSchema,
-                  [UI_OPTIONS_KEY]: {
-                    ...itemUiSchema[UI_OPTIONS_KEY]
-                  }
-                };
-                return /* @__PURE__ */ jsx3(ArrayFieldItemTemplate2, { ...props2, uiSchema: mergedUiSchema }, key);
-              })
+              items
             ] }),
             canAdd && /* @__PURE__ */ jsx3(
               "div",
@@ -171,6 +157,7 @@ import { jsx as jsx4 } from "react/jsx-runtime";
 function BaseInputTemplate(props) {
   const {
     id,
+    htmlName,
     placeholder,
     value,
     required,
@@ -200,7 +187,7 @@ function BaseInputTemplate(props) {
     InputText,
     {
       id,
-      name: id,
+      name: htmlName || id,
       placeholder,
       ...primeProps,
       ...inputProps,
@@ -399,7 +386,7 @@ function ObjectFieldTemplate(props) {
   const {
     description,
     optionalDataControl,
-    onAddClick,
+    onAddProperty,
     title,
     properties,
     disabled,
@@ -453,7 +440,7 @@ function ObjectFieldTemplate(props) {
         id: buttonId2(fieldPathId, "add"),
         className: "rjsf-object-property-expand",
         icon: "pi pi-plus",
-        onClick: onAddClick(schema),
+        onClick: onAddProperty,
         disabled: disabled || readonly,
         registry
       }
@@ -550,8 +537,8 @@ function WrapIfAdditionalTemplate({
   disabled,
   id,
   label,
-  onDropPropertyClick,
-  onKeyChange,
+  onRemoveProperty,
+  onKeyRenameBlur,
   readonly,
   required,
   schema,
@@ -564,7 +551,6 @@ function WrapIfAdditionalTemplate({
   if (!additional) {
     return /* @__PURE__ */ jsx16("div", { className: classNames, style, children });
   }
-  const handleBlur = ({ target }) => onKeyChange(target.value);
   return /* @__PURE__ */ jsxs9(
     "div",
     {
@@ -580,7 +566,7 @@ function WrapIfAdditionalTemplate({
               name: `${id}-key`,
               defaultValue: label,
               disabled: disabled || readonly,
-              onBlur: !readonly ? handleBlur : void 0,
+              onBlur: !readonly ? onKeyRenameBlur : void 0,
               required,
               style: { width: "100%" }
             }
@@ -593,7 +579,7 @@ function WrapIfAdditionalTemplate({
             id: buttonId3(id, "remove"),
             className: "rjsf-object-property-remove",
             disabled: disabled || readonly,
-            onClick: onDropPropertyClick(label),
+            onClick: onRemoveProperty,
             registry
           }
         ) })
@@ -815,6 +801,7 @@ import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs11 } from "react/jsx-r
 function CheckboxWidget(props) {
   const {
     id,
+    htmlName,
     value,
     disabled,
     readonly,
@@ -857,7 +844,7 @@ function CheckboxWidget(props) {
         Checkbox,
         {
           inputId: id,
-          name: id,
+          name: htmlName || id,
           ...primeProps,
           disabled: disabled || readonly,
           autoFocus: autofocus,
@@ -889,6 +876,7 @@ import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
 function CheckboxesWidget(props) {
   const {
     id,
+    htmlName,
     disabled,
     options,
     value,
@@ -944,7 +932,7 @@ function CheckboxesWidget(props) {
               Checkbox2,
               {
                 inputId: optionId(id, index),
-                name: id,
+                name: htmlName || id,
                 ...primeProps,
                 value: option.value,
                 checked,
@@ -1077,7 +1065,7 @@ import {
 import { RadioButton } from "primereact/radiobutton";
 import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
 function RadioWidget(props) {
-  const { id, value, disabled, readonly, onChange, onBlur, onFocus, options } = props;
+  const { id, htmlName, value, disabled, readonly, onChange, onBlur, onFocus, options } = props;
   const primeProps = options.prime || {};
   const { enumOptions, enumDisabled, emptyValue } = options;
   const _onChange = (e) => {
@@ -1093,7 +1081,7 @@ function RadioWidget(props) {
         RadioButton,
         {
           inputId: optionId2(id, index),
-          name: id,
+          name: htmlName || id,
           ...primeProps,
           onFocus: _onFocus,
           onBlur: _onBlur,
@@ -1153,6 +1141,7 @@ function SelectWidget(props) {
 function SingleSelectWidget({
   schema,
   id,
+  htmlName,
   name,
   // remove this from dropdownProps
   options,
@@ -1173,7 +1162,6 @@ function SingleSelectWidget({
   registry,
   uiSchema,
   hideError,
-  formContext,
   ...dropdownProps
 }) {
   const { enumOptions, enumDisabled, emptyValue: optEmptyVal } = options;
@@ -1190,7 +1178,7 @@ function SingleSelectWidget({
     Dropdown,
     {
       id,
-      name: id,
+      name: htmlName || id,
       ...primeProps,
       value: !isEmpty && typeof selectedIndexes !== "undefined" ? selectedIndexes : emptyValue,
       options: (enumOptions ?? []).map(({ value: value2, label: label2 }, i) => ({
@@ -1211,6 +1199,7 @@ function SingleSelectWidget({
 }
 function MultiSelectWidget({
   id,
+  htmlName,
   options,
   disabled,
   placeholder,
@@ -1234,7 +1223,7 @@ function MultiSelectWidget({
     MultiSelect,
     {
       id,
-      name: id,
+      name: htmlName || id,
       ...primeProps,
       value: !isEmpty && typeof selectedIndexes !== "undefined" ? selectedIndexes : emptyValue,
       options: (enumOptions ?? []).map(({ value: value2, label }, i) => ({
@@ -1259,7 +1248,7 @@ function MultiSelectWidget({
 import { InputTextarea } from "primereact/inputtextarea";
 import { jsx as jsx27 } from "react/jsx-runtime";
 function TextareaWidget(props) {
-  const { id, value, required, disabled, readonly, autofocus, onChange, onBlur, onFocus, options } = props;
+  const { id, htmlName, value, required, disabled, readonly, autofocus, onChange, onBlur, onFocus, options } = props;
   const primeProps = options.prime || {};
   let rows = 5;
   if (typeof options.rows === "string" || typeof options.rows === "number") {
@@ -1272,6 +1261,7 @@ function TextareaWidget(props) {
     InputTextarea,
     {
       id,
+      name: htmlName || id,
       ...primeProps,
       value: value || "",
       required,