@rjsf/mantine 6.1.1 → 6.2.3

package/dist/mantine.esm.js

@@ -162,7 +162,9 @@ var uiOptionsKeys = [
   "removable",
   "duplicateKeySuffixSeparator",
   "enumOptions",
-  "enableMarkdownInDescription"
+  "enableMarkdownInDescription",
+  "enableMarkdownInHelp",
+  "globalOptions"
 ];
 function cleanupOptions(options) {
   const result = {};
@@ -196,8 +198,10 @@ function BaseInputTemplate(props) {
     onFocus,
     options,
     rawErrors,
-    children
+    children,
+    registry
   } = props;
+  const { ClearButton: ClearButton2 } = registry.templates.ButtonTemplates;
   const inputProps = getInputProps(schema, type, options, false);
   const description = hideLabel ? void 0 : options.description || schema.description;
   const themeProps = cleanupOptions(options);
@@ -205,7 +209,7 @@ function BaseInputTemplate(props) {
   const handleChange = useCallback(
     (e) => {
       const handler = onChangeOverride ? onChangeOverride : onChange;
-      const value2 = e.target.value === "" ? options.emptyValue ?? "" : e.target.value;
+      const value2 = e.target.value === "" ? options.emptyValue : e.target.value;
       handler(value2);
     },
     [onChange, onChangeOverride, options]
@@ -222,6 +226,14 @@ function BaseInputTemplate(props) {
     },
     [onFocus, id]
   );
+  const handleClear = useCallback(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      onChange(options.emptyValue ?? "");
+    },
+    [onChange, options.emptyValue]
+  );
   const componentProps = {
     id,
     name: htmlName || id,
@@ -262,6 +274,7 @@ function BaseInputTemplate(props) {
   );
   return /* @__PURE__ */ jsxs4(Fragment, { children: [
     input,
+    options.allowClearTextInputs && !readonly && !disabled && value && /* @__PURE__ */ jsx4(ClearButton2, { registry, onClick: handleClear }),
     children,
     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);
@@ -530,6 +543,12 @@ function RemoveButton(props) {
     }
   );
 }
+function ClearButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ jsx9(IconButton, { title: translateString(TranslatableString2.ClearButton), variant: "subtle", ...props, icon: /* @__PURE__ */ jsx9(X, {}) });
+}
 
 // src/templates/ButtonTemplates/AddButton.tsx
 import { jsx as jsx10 } from "react/jsx-runtime";
@@ -548,7 +567,8 @@ function buttonTemplates() {
     CopyButton,
     MoveDownButton,
     MoveUpButton,
-    RemoveButton
+    RemoveButton,
+    ClearButton
   };
 }
 var ButtonTemplates_default = buttonTemplates;
@@ -1470,7 +1490,7 @@ function PasswordWidget(props) {
     onBlur,
     onFocus
   } = props;
-  const emptyValue = options.emptyValue || "";
+  const emptyValue = options.emptyValue;
   const themeProps = cleanupOptions(options);
   const handleChange = useCallback8(
     (e) => {
@@ -1791,7 +1811,7 @@ function TextareaWidget(props) {
     onFocus
   } = props;
   const themeProps = cleanupOptions(options);
-  const emptyValue = options?.emptyValue ?? "";
+  const emptyValue = options?.emptyValue;
   const handleChange = useCallback12(
     (e) => {
       onChange(e.target.value === "" ? emptyValue : e.target.value);