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

package/dist/chakra-ui.umd.js

@@ -13,19 +13,15 @@
       hasMoveUp,
       hasRemove,
       fieldPathId,
-      index,
-      onCopyIndexClick,
-      onDropIndexClick,
-      onReorderClick,
+      onCopyItem,
+      onRemoveItem,
+      onMoveDownItem,
+      onMoveUpItem,
       readonly,
       registry,
       uiSchema
     } = props;
     const { CopyButton: CopyButton2, MoveDownButton: MoveDownButton2, MoveUpButton: MoveUpButton2, RemoveButton: RemoveButton2 } = registry.templates.ButtonTemplates;
-    const onCopyClick = react.useMemo(() => onCopyIndexClick(index), [index, onCopyIndexClick]);
-    const onRemoveClick = react.useMemo(() => onDropIndexClick(index), [index, onDropIndexClick]);
-    const onArrowUpClick = react.useMemo(() => onReorderClick(index, index - 1), [index, onReorderClick]);
-    const onArrowDownClick = react.useMemo(() => onReorderClick(index, index + 1), [index, onReorderClick]);
     const renderMany = [hasMoveUp || hasMoveDown, hasCopy, hasRemove].filter(Boolean).length > 1;
     const btnClass = renderMany ? "join-item btn btn-sm px-2" : "btn btn-sm px-2 rounded-sm";
     const removeBtnClass = renderMany ? "join-item btn btn-sm btn-error px-2" : "btn btn-sm btn-error px-2 rounded-sm";
@@ -37,7 +33,7 @@
             id: utils.buttonId(fieldPathId, "moveUp"),
             className: `rjsf-array-item-move-up ${btnClass}`,
             disabled: disabled || readonly || !hasMoveUp,
-            onClick: onArrowUpClick,
+            onClick: onMoveUpItem,
             uiSchema,
             registry
           }
@@ -48,7 +44,7 @@
             id: utils.buttonId(fieldPathId, "moveDown"),
             className: `rjsf-array-item-move-down ${btnClass}`,
             disabled: disabled || readonly || !hasMoveDown,
-            onClick: onArrowDownClick,
+            onClick: onMoveDownItem,
             uiSchema,
             registry
           }
@@ -60,7 +56,7 @@
           id: utils.buttonId(fieldPathId, "copy"),
           className: `rjsf-array-item-copy ${btnClass}`,
           disabled: disabled || readonly,
-          onClick: onCopyClick,
+          onClick: onCopyItem,
           uiSchema,
           registry
         }
@@ -71,7 +67,7 @@
           id: utils.buttonId(fieldPathId, "remove"),
           className: `rjsf-array-item-remove ${removeBtnClass}`,
           disabled: disabled || readonly,
-          onClick: onRemoveClick,
+          onClick: onRemoveItem,
           uiSchema,
           registry
         }
@@ -119,11 +115,6 @@
       registry,
       uiOptions
     );
-    const ArrayFieldItemTemplate2 = utils.getTemplate(
-      "ArrayFieldItemTemplate",
-      registry,
-      uiOptions
-    );
     const ArrayFieldTitleTemplate = utils.getTemplate(
       "ArrayFieldTitleTemplate",
       registry,
@@ -167,7 +158,7 @@
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
         !showOptionalDataControlInTitle ? optionalDataControl : void 0,
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rjsf-array-item-list", children: [
-          items.map(({ key, ...itemProps }, index) => /* @__PURE__ */ jsxRuntime.jsx(ArrayFieldItemTemplate2, { ...itemProps, index, totalItems: items.length }, key)),
+          items,
           items && items.length === 0 && canAdd && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center italic text-base-content/70", children: utils.TranslatableString.EmptyArray })
         ] }),
         canAdd && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -187,6 +178,7 @@
   function BaseInputTemplate(props) {
     const {
       id,
+      htmlName,
       value,
       required,
       disabled,
@@ -224,7 +216,7 @@
           "input",
           {
             id,
-            name: id,
+            name: htmlName || id,
             value: value || value === 0 ? value : "",
             placeholder,
             required,
@@ -364,21 +356,22 @@
       help,
       hideError,
       displayLabel,
+      onKeyRename,
+      onKeyRenameBlur,
+      onRemoveProperty,
       classNames,
-      // Destructure props we don't want to pass to div
-      description,
-      onKeyChange,
-      onDropPropertyClick,
       uiSchema,
       schema,
       readonly,
       required,
+      registry,
+      // Destructure props we don't want to pass to div
+      description,
       rawErrors,
       rawHelp,
       rawDescription,
       hidden,
       onChange,
-      registry,
       ...divProps
     } = props;
     const isCheckbox = schema.type === "boolean";
@@ -395,8 +388,9 @@
         disabled: divProps.disabled,
         id,
         label,
-        onDropPropertyClick,
-        onKeyChange,
+        onKeyRename,
+        onKeyRenameBlur,
+        onRemoveProperty,
         readonly,
         required,
         schema,
@@ -441,7 +435,7 @@
       schema,
       formData,
       optionalDataControl,
-      onAddClick,
+      onAddProperty,
       registry
     } = props;
     const uiOptions = utils.getUiOptions(uiSchema);
@@ -496,7 +490,7 @@
           {
             id: utils.buttonId(fieldPathId, "add"),
             className: "rjsf-object-property-expand btn btn-primary btn-sm",
-            onClick: onAddClick(schema),
+            onClick: onAddProperty,
             disabled: disabled || readonly,
             uiSchema,
             registry
@@ -560,8 +554,9 @@
       required,
       schema,
       uiSchema,
-      onKeyChange,
-      onDropPropertyClick,
+      onKeyRename,
+      onKeyRenameBlur,
+      onRemoveProperty,
       registry,
       ...rest
     } = props;
@@ -569,15 +564,6 @@
     const { templates, translateString } = registry;
     const { RemoveButton: RemoveButton2 } = templates.ButtonTemplates;
     const keyLabel = translateString(utils.TranslatableString.KeyLabel, [label]);
-    const handleBlur = react.useCallback(
-      (event) => {
-        onKeyChange(event.target.value);
-      },
-      [onKeyChange]
-    );
-    const handleRemove = react.useCallback(() => {
-      onDropPropertyClick(label)();
-    }, [onDropPropertyClick, label]);
     if (!additional) {
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames, children });
     }
@@ -590,7 +576,7 @@
             type: "text",
             className: "input input-bordered",
             id: `${id}-key`,
-            onBlur: handleBlur,
+            onBlur: onKeyRenameBlur,
             defaultValue: label,
             disabled: disabled || readonly
           }
@@ -603,7 +589,7 @@
           id: utils.buttonId(id, "remove"),
           className: "rjsf-object-property-remove",
           disabled: disabled || readonly,
-          onClick: handleRemove,
+          onClick: onRemoveProperty,
           uiSchema,
           registry
         }
@@ -836,6 +822,7 @@
   function CheckboxWidget(props) {
     const {
       id,
+      htmlName,
       value,
       required,
       disabled,
@@ -877,6 +864,7 @@
       {
         type: "checkbox",
         id,
+        name: htmlName || id,
         checked: value,
         required,
         disabled: disabled || readonly,
@@ -908,6 +896,7 @@
   }
   function CheckboxesWidget({
     id,
+    htmlName,
     disabled,
     options,
     value,
@@ -979,7 +968,7 @@
           type: "checkbox",
           id: `${id}-${option.value}`,
           className: "checkbox",
-          name: id,
+          name: htmlName || id,
           checked: isChecked(option),
           required,
           disabled: disabled || readonly,
@@ -1542,6 +1531,7 @@
   }
   function RadioWidget({
     id,
+    htmlName,
     options,
     value,
     required,
@@ -1600,7 +1590,7 @@
           type: "radio",
           id: `${id}-${option.value}`,
           className: "radio",
-          name: id,
+          name: htmlName || id,
           value: getValue(option),
           checked: isChecked(option),
           required,
@@ -1844,7 +1834,7 @@
     ] }) });
   }
   function TextareaWidget(props) {
-    const { id, value, required, disabled, readonly, onChange, onFocus, onBlur, options } = props;
+    const { id, htmlName, value, required, disabled, readonly, onChange, onFocus, onBlur, options } = props;
     const handleFocus = react.useCallback(
       (event) => {
         if (onFocus) {
@@ -1872,6 +1862,7 @@
       "textarea",
       {
         id,
+        name: htmlName || id,
         value: value || "",
         required,
         disabled: disabled || readonly,