From df3e268820b1def90f0a45b4bdba8dcea4d50c12 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Piotr=20Po=C5=9Bpiech?= <ptkpospiech@gmail.com>
Date: Mon, 24 Jun 2024 18:45:19 +0200
Subject: [PATCH] added possibility to empty text fields

---
 packages/uniforms-antd/src/LongTextField.tsx       | 6 +++++-
 packages/uniforms-antd/src/TextField.tsx           | 6 +++++-
 packages/uniforms-bootstrap4/src/LongTextField.tsx | 6 +++++-
 packages/uniforms-bootstrap4/src/TextField.tsx     | 6 +++++-
 packages/uniforms-bootstrap5/src/LongTextField.tsx | 6 +++++-
 packages/uniforms-bootstrap5/src/TextField.tsx     | 6 +++++-
 packages/uniforms-mui/src/LongTextField.tsx        | 5 ++++-
 packages/uniforms-mui/src/TextField.tsx            | 5 ++++-
 packages/uniforms-semantic/src/LongTextField.tsx   | 4 +++-
 packages/uniforms-semantic/src/TextField.tsx       | 4 +++-
 packages/uniforms-unstyled/src/LongTextField.tsx   | 4 +++-
 packages/uniforms-unstyled/src/TextField.tsx       | 4 +++-
 12 files changed, 50 insertions(+), 12 deletions(-)

diff --git a/packages/uniforms-antd/src/LongTextField.tsx b/packages/uniforms-antd/src/LongTextField.tsx
index 7075ced59..45e75b01a 100644
--- a/packages/uniforms-antd/src/LongTextField.tsx
+++ b/packages/uniforms-antd/src/LongTextField.tsx
@@ -17,7 +17,11 @@ function LongText({ rows = 5, ...props }: LongTextFieldProps) {
     <TextArea
       disabled={props.disabled}
       name={props.name}
-      onChange={event => props.onChange(event.target.value)}
+      onChange={event =>
+        props.onChange(
+          event.target.value === '' ? undefined : event.target.value,
+        )
+      }
       placeholder={props.placeholder}
       readOnly={props.readOnly}
       ref={props.inputRef}
diff --git a/packages/uniforms-antd/src/TextField.tsx b/packages/uniforms-antd/src/TextField.tsx
index 80f417b0a..5ebe87867 100644
--- a/packages/uniforms-antd/src/TextField.tsx
+++ b/packages/uniforms-antd/src/TextField.tsx
@@ -16,7 +16,11 @@ function Text(props: TextFieldProps) {
     <Input
       disabled={props.disabled}
       name={props.name}
-      onChange={event => props.onChange(event.target.value)}
+      onChange={event =>
+        props.onChange(
+          event.target.value === '' ? undefined : event.target.value,
+        )
+      }
       placeholder={props.placeholder}
       readOnly={props.readOnly}
       ref={props.inputRef}
diff --git a/packages/uniforms-bootstrap4/src/LongTextField.tsx b/packages/uniforms-bootstrap4/src/LongTextField.tsx
index c30542f68..c44af8ad4 100644
--- a/packages/uniforms-bootstrap4/src/LongTextField.tsx
+++ b/packages/uniforms-bootstrap4/src/LongTextField.tsx
@@ -21,7 +21,11 @@ function LongText(props: LongTextFieldProps) {
       disabled={props.disabled}
       id={props.id}
       name={props.name}
-      onChange={event => props.onChange(event.target.value)}
+      onChange={event =>
+        props.onChange(
+          event.target.value === '' ? undefined : event.target.value,
+        )
+      }
       placeholder={props.placeholder}
       readOnly={props.readOnly}
       ref={props.inputRef}
diff --git a/packages/uniforms-bootstrap4/src/TextField.tsx b/packages/uniforms-bootstrap4/src/TextField.tsx
index bc7464690..2772b0e75 100644
--- a/packages/uniforms-bootstrap4/src/TextField.tsx
+++ b/packages/uniforms-bootstrap4/src/TextField.tsx
@@ -23,7 +23,11 @@ function Text(props: TextFieldProps) {
       disabled={props.disabled}
       id={props.id}
       name={props.name}
-      onChange={event => props.onChange(event.target.value)}
+      onChange={event =>
+        props.onChange(
+          event.target.value === '' ? undefined : event.target.value,
+        )
+      }
       placeholder={props.placeholder}
       readOnly={props.readOnly}
       ref={props.inputRef}
diff --git a/packages/uniforms-bootstrap5/src/LongTextField.tsx b/packages/uniforms-bootstrap5/src/LongTextField.tsx
index c75be3b87..94c65939f 100644
--- a/packages/uniforms-bootstrap5/src/LongTextField.tsx
+++ b/packages/uniforms-bootstrap5/src/LongTextField.tsx
@@ -22,7 +22,11 @@ function LongText(props: LongTextFieldProps) {
       disabled={props.disabled}
       id={props.id}
       name={props.name}
-      onChange={event => props.onChange(event.target.value)}
+      onChange={event =>
+        props.onChange(
+          event.target.value === '' ? undefined : event.target.value,
+        )
+      }
       placeholder={props.placeholder}
       minLength={props.minLength}
       maxLength={props.maxLength}
diff --git a/packages/uniforms-bootstrap5/src/TextField.tsx b/packages/uniforms-bootstrap5/src/TextField.tsx
index 496385a67..68f8748f9 100644
--- a/packages/uniforms-bootstrap5/src/TextField.tsx
+++ b/packages/uniforms-bootstrap5/src/TextField.tsx
@@ -23,7 +23,11 @@ function Text(props: TextFieldProps) {
       disabled={props.disabled}
       id={props.id}
       name={props.name}
-      onChange={event => props.onChange(event.target.value)}
+      onChange={event =>
+        props.onChange(
+          event.target.value === '' ? undefined : event.target.value,
+        )
+      }
       placeholder={props.placeholder}
       minLength={props.minLength}
       maxLength={props.maxLength}
diff --git a/packages/uniforms-mui/src/LongTextField.tsx b/packages/uniforms-mui/src/LongTextField.tsx
index 2e971eba8..7d7da09aa 100644
--- a/packages/uniforms-mui/src/LongTextField.tsx
+++ b/packages/uniforms-mui/src/LongTextField.tsx
@@ -31,7 +31,10 @@ const LongText = ({
       margin="dense"
       multiline
       name={name}
-      onChange={event => disabled || onChange(event.target.value)}
+      onChange={event =>
+        disabled ||
+        onChange(event.target.value === '' ? undefined : event.target.value)
+      }
       placeholder={placeholder}
       ref={inputRef}
       type={type}
diff --git a/packages/uniforms-mui/src/TextField.tsx b/packages/uniforms-mui/src/TextField.tsx
index 01bba0291..d4fc53688 100644
--- a/packages/uniforms-mui/src/TextField.tsx
+++ b/packages/uniforms-mui/src/TextField.tsx
@@ -32,7 +32,10 @@ function Text({
       label={label}
       margin="dense"
       name={name}
-      onChange={event => disabled || onChange(event.target.value)}
+      onChange={event =>
+        disabled ||
+        onChange(event.target.value === '' ? undefined : event.target.value)
+      }
       placeholder={placeholder}
       ref={inputRef}
       type={type}
diff --git a/packages/uniforms-semantic/src/LongTextField.tsx b/packages/uniforms-semantic/src/LongTextField.tsx
index 79e95e9ae..ca161be4a 100644
--- a/packages/uniforms-semantic/src/LongTextField.tsx
+++ b/packages/uniforms-semantic/src/LongTextField.tsx
@@ -36,7 +36,9 @@ function LongText({
         disabled={disabled}
         id={id}
         name={name}
-        onChange={event => onChange(event.target.value)}
+        onChange={event =>
+          onChange(event.target.value === '' ? undefined : event.target.value)
+        }
         placeholder={placeholder}
         readOnly={readOnly}
         ref={inputRef}
diff --git a/packages/uniforms-semantic/src/TextField.tsx b/packages/uniforms-semantic/src/TextField.tsx
index 2f8371873..873a38ef1 100644
--- a/packages/uniforms-semantic/src/TextField.tsx
+++ b/packages/uniforms-semantic/src/TextField.tsx
@@ -57,7 +57,9 @@ function Text({
           disabled={disabled}
           id={id}
           name={name}
-          onChange={event => onChange(event.target.value)}
+          onChange={event =>
+            onChange(event.target.value === '' ? undefined : event.target.value)
+          }
           placeholder={placeholder}
           readOnly={readOnly}
           ref={inputRef}
diff --git a/packages/uniforms-unstyled/src/LongTextField.tsx b/packages/uniforms-unstyled/src/LongTextField.tsx
index b93fa8fbc..ec6c0c178 100644
--- a/packages/uniforms-unstyled/src/LongTextField.tsx
+++ b/packages/uniforms-unstyled/src/LongTextField.tsx
@@ -27,7 +27,9 @@ function LongText({
         disabled={disabled}
         id={id}
         name={name}
-        onChange={event => onChange(event.target.value)}
+        onChange={event =>
+          onChange(event.target.value === '' ? undefined : event.target.value)
+        }
         placeholder={placeholder}
         readOnly={readOnly}
         ref={inputRef}
diff --git a/packages/uniforms-unstyled/src/TextField.tsx b/packages/uniforms-unstyled/src/TextField.tsx
index 4edc99130..79f37afa2 100644
--- a/packages/uniforms-unstyled/src/TextField.tsx
+++ b/packages/uniforms-unstyled/src/TextField.tsx
@@ -30,7 +30,9 @@ function Text({
         disabled={disabled}
         id={id}
         name={name}
-        onChange={event => onChange(event.target.value)}
+        onChange={event =>
+          onChange(event.target.value === '' ? undefined : event.target.value)
+        }
         placeholder={placeholder}
         readOnly={readOnly}
         ref={inputRef}