@rjsf/daisyui 6.0.2 → 6.1.0

package/dist/chakra-ui.esm.js

@@ -88,7 +88,7 @@ import {
 } from "@rjsf/utils";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function ArrayFieldItemTemplate(props) {
-  const { children, buttonsProps, hasToolbar, registry, uiSchema, index, totalItems } = props;
+  const { children, buttonsProps, displayLabel, hasToolbar, registry, uiSchema, index, totalItems } = props;
   const uiOptions = getUiOptions(uiSchema);
   const ArrayFieldItemButtonsTemplate2 = getTemplate(
     "ArrayFieldItemButtonsTemplate",
@@ -100,10 +100,16 @@ function ArrayFieldItemTemplate(props) {
   const borderRadius = isFirstItem ? "rounded-t-lg" : isLastItem ? "rounded-b-lg" : "";
   const marginBottom = isLastItem ? "" : "mb-[-1px]";
   const zIndex = index === void 0 ? "" : "z-" + (10 - Math.min(index, 9));
-  return /* @__PURE__ */ jsxs2("fieldset", { className: `fieldset bg-base-100 border border-base-300 p-4 ${borderRadius} ${marginBottom} ${zIndex}`, children: [
-    children,
-    hasToolbar && /* @__PURE__ */ jsx2("div", { className: "flex justify-end mt-2", children: /* @__PURE__ */ jsx2(ArrayFieldItemButtonsTemplate2, { ...buttonsProps }) })
-  ] });
+  return /* @__PURE__ */ jsxs2(
+    "fieldset",
+    {
+      className: `fieldset bg-base-100 border border-base-300 p-4 flex ${borderRadius} ${marginBottom} ${zIndex}`,
+      children: [
+        children,
+        hasToolbar && /* @__PURE__ */ jsx2("div", { className: `flex justify-end ${displayLabel ? "mt-5" : "mt-1"}`, children: /* @__PURE__ */ jsx2(ArrayFieldItemButtonsTemplate2, { ...buttonsProps }) })
+      ]
+    }
+  );
 }
 
 // src/templates/ArrayFieldTemplate/ArrayFieldTemplate.tsx
@@ -227,11 +233,11 @@ function BaseInputTemplate(props) {
     placeholder
   } = props;
   const inputProps = getInputProps(schema, type, options);
-  let className = "input input-bordered";
+  let className = "input input-bordered w-full";
   let isMulti = multiple;
   if (type === "file") {
     isMulti = schema.type === "array" || Boolean(options.multiple);
-    className = "file-input w-full";
+    className = "file-input";
   }
   const { step, min, max, accept, ...rest } = inputProps;
   const htmlInputProps = { step, min, max, accept, ...schema.examples ? { list: examplesId(id) } : void 0 };
@@ -415,10 +421,15 @@ function FieldErrorTemplate(props) {
 }
 
 // src/templates/FieldHelpTemplate/FieldHelpTemplate.tsx
+import { helpId } from "@rjsf/utils";
+import { RichHelp } from "@rjsf/core";
 import { jsx as jsx12 } from "react/jsx-runtime";
 function FieldHelpTemplate(props) {
-  const { help } = props;
-  return /* @__PURE__ */ jsx12("div", { className: "rjsf-field-help-template text-gray-500 text-sm", children: /* @__PURE__ */ jsx12("div", { children: help }) });
+  const { help, uiSchema, registry, fieldPathId } = props;
+  if (!help) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx12("div", { id: helpId(fieldPathId), className: "rjsf-field-help-template text-gray-500 text-sm", children: /* @__PURE__ */ jsx12(RichHelp, { help, registry, uiSchema }) });
 }
 
 // src/templates/FieldTemplate/FieldTemplate.tsx
@@ -469,6 +480,7 @@ function FieldTemplate(props) {
       disabled: divProps.disabled,
       id,
       label,
+      displayLabel,
       onKeyRename,
       onKeyRenameBlur,
       onRemoveProperty,
@@ -483,6 +495,7 @@ function FieldTemplate(props) {
           required && /* @__PURE__ */ jsx13("span", { className: "text-error ml-1", children: "*" })
         ] }) }),
         children,
+        displayLabel && description ? description : null,
         errors,
         help
       ] })
@@ -664,6 +677,7 @@ function WrapIfAdditionalTemplate(props) {
     disabled,
     id,
     label,
+    displayLabel,
     readonly,
     required,
     schema,
@@ -671,6 +685,7 @@ function WrapIfAdditionalTemplate(props) {
     onKeyRename,
     onKeyRenameBlur,
     onRemoveProperty,
+    rawDescription,
     registry,
     ...rest
   } = props;
@@ -678,12 +693,14 @@ function WrapIfAdditionalTemplate(props) {
   const { templates, translateString } = registry;
   const { RemoveButton: RemoveButton2 } = templates.ButtonTemplates;
   const keyLabel = translateString(TranslatableString4.KeyLabel, [label]);
+  const marginDesc = rawDescription ? 10 : 0;
+  const margin = displayLabel ? 32 + marginDesc : 10;
   if (!additional) {
-    return /* @__PURE__ */ jsx19("div", { className: classNames, children });
+    return /* @__PURE__ */ jsx19("div", { className: `flex-grow ${classNames}`, children });
   }
   return /* @__PURE__ */ jsx19("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__ */ jsx19("label", { htmlFor: `${id}-key`, className: "label", children: /* @__PURE__ */ jsx19("span", { className: "label-text", children: keyLabel }) }),
+      displayLabel && /* @__PURE__ */ jsx19("label", { htmlFor: `${id}-key`, className: "label", children: /* @__PURE__ */ jsx19("span", { className: "label-text", children: keyLabel }) }),
       /* @__PURE__ */ jsx19(
         "input",
         {
@@ -697,7 +714,7 @@ function WrapIfAdditionalTemplate(props) {
       )
     ] }),
     children,
-    /* @__PURE__ */ jsx19("div", { className: "flex self-center", children: /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsx19("div", { className: "flex self-start", style: { marginTop: `${margin}px` }, children: /* @__PURE__ */ jsx19(
       RemoveButton2,
       {
         id: buttonId4(id, "remove"),