@rjsf/daisyui 6.0.0-beta.13 → 6.0.0-beta.14

package/dist/chakra-ui.esm.js

@@ -419,6 +419,10 @@ function FieldHelpTemplate(props) {
 }
 
 // src/templates/FieldTemplate/FieldTemplate.tsx
+import {
+  getTemplate as getTemplate3,
+  getUiOptions as getUiOptions3
+} from "@rjsf/utils";
 import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
 function FieldTemplate(props) {
   const {
@@ -448,15 +452,37 @@ function FieldTemplate(props) {
     ...divProps
   } = props;
   const isCheckbox = schema.type === "boolean";
-  return /* @__PURE__ */ jsxs5("div", { className: `field-template mb-3 ${classNames || ""}`, ...divProps, children: [
-    displayLabel && !isCheckbox && /* @__PURE__ */ jsx13("label", { htmlFor: id, className: "label", children: /* @__PURE__ */ jsxs5("span", { className: "label-text font-medium", children: [
+  const uiOptions = getUiOptions3(uiSchema);
+  const WrapIfAdditionalTemplate2 = getTemplate3(
+    "WrapIfAdditionalTemplate",
+    registry,
+    uiOptions
+  );
+  return /* @__PURE__ */ jsx13(
+    WrapIfAdditionalTemplate2,
+    {
+      classNames,
+      disabled: divProps.disabled,
+      id,
       label,
-      required && /* @__PURE__ */ jsx13("span", { className: "text-error ml-1", children: "*" })
-    ] }) }),
-    children,
-    errors,
-    help
-  ] });
+      onDropPropertyClick,
+      onKeyChange,
+      readonly,
+      required,
+      schema,
+      uiSchema,
+      registry,
+      children: /* @__PURE__ */ jsxs5("div", { className: `field-template mb-3 ${classNames || ""}`, ...divProps, children: [
+        displayLabel && !isCheckbox && /* @__PURE__ */ jsx13("label", { htmlFor: id, className: "label", children: /* @__PURE__ */ jsxs5("span", { className: "label-text font-medium", children: [
+          label,
+          required && /* @__PURE__ */ jsx13("span", { className: "text-error ml-1", children: "*" })
+        ] }) }),
+        children,
+        errors,
+        help
+      ] })
+    }
+  );
 }
 
 // src/templates/GridTemplate/GridTemplate.tsx
@@ -483,8 +509,8 @@ function MultiSchemaFieldTemplate(props) {
 import {
   canExpand,
   descriptionId,
-  getTemplate as getTemplate3,
-  getUiOptions as getUiOptions3,
+  getTemplate as getTemplate4,
+  getUiOptions as getUiOptions4,
   titleId,
   buttonId as buttonId3
 } from "@rjsf/utils";
@@ -504,9 +530,9 @@ function ObjectFieldTemplate(props) {
     onAddClick,
     registry
   } = props;
-  const uiOptions = getUiOptions3(uiSchema);
-  const TitleFieldTemplate = getTemplate3("TitleFieldTemplate", registry, uiOptions);
-  const DescriptionFieldTemplate = getTemplate3(
+  const uiOptions = getUiOptions4(uiSchema);
+  const TitleFieldTemplate = getTemplate4("TitleFieldTemplate", registry, uiOptions);
+  const DescriptionFieldTemplate = getTemplate4(
     "DescriptionFieldTemplate",
     registry,
     uiOptions
@@ -564,11 +590,11 @@ function ObjectFieldTemplate(props) {
 }
 
 // src/templates/TitleField/TitleField.tsx
-import { getUiOptions as getUiOptions4 } from "@rjsf/utils";
+import { getUiOptions as getUiOptions5 } from "@rjsf/utils";
 import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
 function TitleField(props) {
   const { id, title, uiSchema } = props;
-  const uiOptions = getUiOptions4(uiSchema);
+  const uiOptions = getUiOptions5(uiSchema);
   return /* @__PURE__ */ jsxs8("div", { id, className: "title-field mb-6", children: [
     /* @__PURE__ */ jsx17("h2", { className: "text-3xl font-bold text-primary mb-2", children: uiOptions.title || title }),
     /* @__PURE__ */ jsx17("div", { className: "divider divider-primary" })
@@ -578,8 +604,9 @@ function TitleField(props) {
 // src/templates/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx
 import { useCallback as useCallback3 } from "react";
 import {
-  TranslatableString as TranslatableString4,
-  buttonId as buttonId4
+  buttonId as buttonId4,
+  ADDITIONAL_PROPERTY_FLAG,
+  TranslatableString as TranslatableString4
 } from "@rjsf/utils";
 import { jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
 function WrapIfAdditionalTemplate(props) {
@@ -592,12 +619,16 @@ function WrapIfAdditionalTemplate(props) {
     readonly,
     required,
     schema,
+    uiSchema,
     onKeyChange,
     onDropPropertyClick,
     registry,
     ...rest
   } = props;
-  const { translateString } = registry;
+  const additional = ADDITIONAL_PROPERTY_FLAG in schema;
+  const { templates, translateString } = registry;
+  const { RemoveButton: RemoveButton2 } = templates.ButtonTemplates;
+  const keyLabel = translateString(TranslatableString4.KeyLabel, [label]);
   const handleBlur = useCallback3(
     (event) => {
       onKeyChange(event.target.value);
@@ -607,8 +638,12 @@ function WrapIfAdditionalTemplate(props) {
   const handleRemove = useCallback3(() => {
     onDropPropertyClick(label)();
   }, [onDropPropertyClick, label]);
-  return /* @__PURE__ */ jsxs9("div", { className: `wrap-if-additional-template ${classNames}`, ...rest, children: [
-    /* @__PURE__ */ jsxs9("div", { className: "flex items-center", children: [
+  if (!additional) {
+    return /* @__PURE__ */ jsx18("div", { className: classNames, children });
+  }
+  return /* @__PURE__ */ jsx18("div", { className: `wrap-if-additional-template ${classNames}`, ...rest, children: /* @__PURE__ */ jsxs9("div", { className: "flex items-baseline", style: { justifyContent: "space-between" }, children: [
+    /* @__PURE__ */ jsxs9("div", { children: [
+      /* @__PURE__ */ jsx18("label", { htmlFor: `${id}-key`, className: "label", children: /* @__PURE__ */ jsx18("span", { className: "label-text", children: keyLabel }) }),
       /* @__PURE__ */ jsx18(
         "input",
         {
@@ -619,20 +654,21 @@ function WrapIfAdditionalTemplate(props) {
           defaultValue: label,
           disabled: disabled || readonly
         }
-      ),
-      schema.additionalProperties && /* @__PURE__ */ jsx18(
-        "button",
-        {
-          id: buttonId4(id, "remove"),
-          className: "rjsf-array-item-remove btn btn-danger ml-2",
-          onClick: handleRemove,
-          disabled: disabled || readonly,
-          children: translateString(TranslatableString4.RemoveButton)
-        }
       )
     ] }),
-    children
-  ] });
+    children,
+    /* @__PURE__ */ jsx18("div", { className: "flex self-center", children: /* @__PURE__ */ jsx18(
+      RemoveButton2,
+      {
+        id: buttonId4(id, "remove"),
+        className: "rjsf-object-property-remove",
+        disabled: disabled || readonly,
+        onClick: handleRemove,
+        uiSchema,
+        registry
+      }
+    ) })
+  ] }) });
 }
 
 // src/templates/Templates.tsx
@@ -873,7 +909,7 @@ function AltDateWidget({
 
 // src/widgets/CheckboxWidget/CheckboxWidget.tsx
 import { useCallback as useCallback5 } from "react";
-import { getTemplate as getTemplate4, descriptionId as descriptionId2 } from "@rjsf/utils";
+import { getTemplate as getTemplate5, descriptionId as descriptionId2 } from "@rjsf/utils";
 import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
 function CheckboxWidget(props) {
   const {
@@ -892,7 +928,7 @@ function CheckboxWidget(props) {
     onFocus,
     onBlur
   } = props;
-  const DescriptionFieldTemplate = getTemplate4(
+  const DescriptionFieldTemplate = getTemplate5(
     "DescriptionFieldTemplate",
     registry,
     options
@@ -1224,7 +1260,7 @@ function DateTimeWidget(props) {
     };
     document.addEventListener("keydown", handleEscape);
     return () => document.removeEventListener("keydown", handleEscape);
-  }, [id, isOpen, onBlur, value]);
+  }, [id, isOpen, setIsOpen, onBlur, value]);
   const handleDoneClick = useCallback7(() => {
     setIsOpen(false);
     onChange(localDate ? localDate.toISOString() : "");
@@ -1232,7 +1268,7 @@ function DateTimeWidget(props) {
       onBlur(id, value);
     }
     inputRef.current?.focus();
-  }, [localDate, onChange, onBlur, id, value]);
+  }, [localDate, onChange, onBlur, id, value, setIsOpen]);
   return /* @__PURE__ */ jsx23("div", { className: "form-control my-4 w-full relative", children: /* @__PURE__ */ jsxs13(
     "div",
     {
@@ -1487,7 +1523,7 @@ function DateWidget(props) {
     };
     document.addEventListener("keydown", handleEscape);
     return () => document.removeEventListener("keydown", handleEscape);
-  }, [id, isOpen, onBlur, value]);
+  }, [id, isOpen, setIsOpen, onBlur, value]);
   const handleDoneClick = useCallback8(() => {
     setIsOpen(false);
     onChange(localDate ? localDate.toISOString() : "");
@@ -1495,7 +1531,7 @@ function DateWidget(props) {
       onBlur(id, value);
     }
     inputRef.current?.focus();
-  }, [localDate, onChange, onBlur, id, value]);
+  }, [localDate, onChange, onBlur, id, value, setIsOpen]);
   return /* @__PURE__ */ jsx24("div", { className: "form-control my-4 w-full relative", children: /* @__PURE__ */ jsxs14(
     "div",
     {