@rjsf/mantine 6.1.1 → 6.2.3

package/dist/index.cjs

@@ -191,7 +191,9 @@ var uiOptionsKeys = [
   "removable",
   "duplicateKeySuffixSeparator",
   "enumOptions",
-  "enableMarkdownInDescription"
+  "enableMarkdownInDescription",
+  "enableMarkdownInHelp",
+  "globalOptions"
 ];
 function cleanupOptions(options) {
   const result = {};
@@ -225,8 +227,10 @@ function BaseInputTemplate(props) {
     onFocus,
     options,
     rawErrors,
-    children
+    children,
+    registry
   } = props;
+  const { ClearButton: ClearButton2 } = registry.templates.ButtonTemplates;
   const inputProps = (0, import_utils4.getInputProps)(schema, type, options, false);
   const description = hideLabel ? void 0 : options.description || schema.description;
   const themeProps = cleanupOptions(options);
@@ -234,7 +238,7 @@ function BaseInputTemplate(props) {
   const handleChange = (0, import_react.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]
@@ -251,6 +255,14 @@ function BaseInputTemplate(props) {
     },
     [onFocus, id]
   );
+  const handleClear = (0, import_react.useCallback)(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      onChange(options.emptyValue ?? "");
+    },
+    [onChange, options.emptyValue]
+  );
   const componentProps = {
     id,
     name: htmlName || id,
@@ -291,6 +303,7 @@ function BaseInputTemplate(props) {
   );
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
     input,
+    options.allowClearTextInputs && !readonly && !disabled && value && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ClearButton2, { registry, onClick: handleClear }),
     children,
     Array.isArray(schema.examples) && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("datalist", { id: (0, import_utils4.examplesId)(id), children: schema.examples.concat(schema.default && !schema.examples.includes(schema.default) ? [schema.default] : []).map((example) => {
       return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: example }, example);
@@ -559,6 +572,12 @@ function RemoveButton(props) {
     }
   );
 }
+function ClearButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(IconButton, { title: translateString(import_utils8.TranslatableString.ClearButton), variant: "subtle", ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(X, {}) });
+}
 
 // src/templates/ButtonTemplates/AddButton.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
@@ -577,7 +596,8 @@ function buttonTemplates() {
     CopyButton,
     MoveDownButton,
     MoveUpButton,
-    RemoveButton
+    RemoveButton,
+    ClearButton
   };
 }
 var ButtonTemplates_default = buttonTemplates;
@@ -1451,7 +1471,7 @@ function PasswordWidget(props) {
     onBlur,
     onFocus
   } = props;
-  const emptyValue = options.emptyValue || "";
+  const emptyValue = options.emptyValue;
   const themeProps = cleanupOptions(options);
   const handleChange = (0, import_react8.useCallback)(
     (e) => {
@@ -1755,7 +1775,7 @@ function TextareaWidget(props) {
     onFocus
   } = props;
   const themeProps = cleanupOptions(options);
-  const emptyValue = options?.emptyValue ?? "";
+  const emptyValue = options?.emptyValue;
   const handleChange = (0, import_react12.useCallback)(
     (e) => {
       onChange(e.target.value === "" ? emptyValue : e.target.value);