@rjsf/daisyui 6.1.2 → 6.2.4

package/dist/chakra-ui.esm.js

@@ -230,8 +230,10 @@ function BaseInputTemplate(props) {
     schema,
     type,
     label,
-    placeholder
+    placeholder,
+    registry
   } = props;
+  const { ClearButton: ClearButton2 } = registry.templates.ButtonTemplates;
   const inputProps = getInputProps(schema, type, options);
   let className = "input input-bordered w-full";
   let isMulti = multiple;
@@ -253,29 +255,40 @@ function BaseInputTemplate(props) {
     ({ target }) => onFocus && onFocus(id, target.value),
     [onFocus, id]
   );
+  const _onClear = useCallback2(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      onChange(options.emptyValue ?? "");
+    },
+    [onChange, options.emptyValue]
+  );
   return /* @__PURE__ */ jsxs4(Fragment2, { children: [
     /* @__PURE__ */ jsxs4("div", { className: "form-control", children: [
       /* @__PURE__ */ jsx4("label", { htmlFor: id, className: "label hidden", style: { display: "none" }, children: /* @__PURE__ */ jsx4("span", { className: "label-text", children: label }) }),
-      /* @__PURE__ */ jsx4(
-        "input",
-        {
-          id,
-          name: htmlName || id,
-          value: value || value === 0 ? value : "",
-          placeholder,
-          required,
-          disabled: disabled || readonly,
-          autoFocus: autofocus,
-          className,
-          multiple: isMulti,
-          ...rest,
-          ...htmlInputProps,
-          onChange: onChangeOverride || _onChange,
-          onBlur: _onBlur,
-          onFocus: _onFocus,
-          "aria-describedby": ariaDescribedByIds(id, !!schema.examples)
-        }
-      )
+      /* @__PURE__ */ jsxs4("div", { style: { position: "relative" }, children: [
+        /* @__PURE__ */ jsx4(
+          "input",
+          {
+            id,
+            name: htmlName || id,
+            value: value || value === 0 ? value : "",
+            placeholder,
+            required,
+            disabled: disabled || readonly,
+            autoFocus: autofocus,
+            className,
+            multiple: isMulti,
+            ...rest,
+            ...htmlInputProps,
+            onChange: onChangeOverride || _onChange,
+            onBlur: _onBlur,
+            onFocus: _onFocus,
+            "aria-describedby": ariaDescribedByIds(id, !!schema.examples)
+          }
+        ),
+        options.allowClearTextInputs && !readonly && !disabled && value && /* @__PURE__ */ jsx4(ClearButton2, { registry, onClick: _onClear })
+      ] })
     ] }),
     Array.isArray(schema.examples) && /* @__PURE__ */ jsx4("datalist", { id: examplesId(id), children: schema.examples.concat(schema.default && !schema.examples.includes(schema.default) ? [schema.default] : []).map((example) => {
       return /* @__PURE__ */ jsx4("option", { value: example }, example);
@@ -346,7 +359,7 @@ function SubmitButton({ uiSchema }) {
 
 // src/templates/ButtonTemplates/IconButton.tsx
 import { TranslatableString as TranslatableString3 } from "@rjsf/utils";
-import { faCopy as faCopy2, faArrowDown as faArrowDown2, faArrowUp as faArrowUp2, faTrash as faTrash2 } from "@fortawesome/free-solid-svg-icons";
+import { faCopy as faCopy2, faArrowDown as faArrowDown2, faArrowUp as faArrowUp2, faTrash as faTrash2, faXmark } from "@fortawesome/free-solid-svg-icons";
 import { jsx as jsx8 } from "react/jsx-runtime";
 function CopyButton(props) {
   const {
@@ -394,6 +407,20 @@ function RemoveButton(props) {
     }
   );
 }
+function ClearButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ jsx8(
+    DaisyUIButton_default,
+    {
+      title: translateString(TranslatableString3.ClearButton),
+      ...props,
+      iconType: "default",
+      icon: faXmark
+    }
+  );
+}
 
 // src/templates/DescriptionField/DescriptionField.tsx
 import { RichDescription } from "@rjsf/core";
@@ -464,6 +491,7 @@ function FieldTemplate(props) {
     rawDescription,
     hidden,
     onChange,
+    fieldPathId,
     ...divProps
   } = props;
   const isCheckbox = schema.type === "boolean";
@@ -741,7 +769,8 @@ function generateTemplates() {
       CopyButton,
       MoveDownButton,
       MoveUpButton,
-      RemoveButton
+      RemoveButton,
+      ClearButton
     },
     DescriptionFieldTemplate: DescriptionField,
     ErrorListTemplate: ErrorList,