feat/remove emoji from textfield

package.json

@@ -1,6 +1,6 @@
 {
     "name": "flipper-ui",
-    "version": "0.31.4",
+    "version": "0.31.5",
     "description": "",
     "main": "dist/index.js",
     "homepage": "https://flipper-ui.ngi.com.br/",

src/core/inputs/date-time/__snapshots__/date-time.spec.tsx.snap

@@ -14,7 +14,7 @@ exports[`DateTime should match snapshot 1`] = `
         class="MuiInputBase-input MuiOutlinedInput-input makeStyles-outlinedInput-49 MuiInputBase-inputAdornedEnd MuiOutlinedInput-inputAdornedEnd"
         role="date-picker"
         type="text"
-        value="15032024"
+        value="03042024"
       />
       <div
         class="MuiInputAdornment-root MuiInputAdornment-positionEnd"

src/core/inputs/text-field/index.tsx

@@ -221,6 +221,7 @@ export const TextField = ({
     fullWidth,
     hasClear,
     onClear,
+    onChange,
     characters,
     children,
     ...otherProps
@@ -233,16 +234,16 @@ export const TextField = ({
         }
     })
 
+    const classes = useStyles()
+    const clearClass = clearStyle()
+
     const hasValue = !!otherProps.value
 
     const endAdornment =
         hasValue && hasClear
             ? { endAdornment: renderEndAdornment(onClear) }
             : {}
 
-    const classes = useStyles()
-    const clearClass = clearStyle()
-
     const handleClick = () => {
         if (onHelperClick) {
             onHelperClick()
@@ -251,6 +252,25 @@ export const TextField = ({
 
     const Wrapper = hasClear ? StaticTextFieldWrapper : TextFieldWrapper
 
+    const emojiRegex =
+        /(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])/g
+
+    const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {
+        if (onChange) {
+            const inputValue = event.target.value
+
+            if (emojiRegex.test(inputValue)) {
+                const newValue = inputValue.replace(emojiRegex, '')
+
+                event.target.value = newValue
+
+                return onChange(event)
+            }
+
+            return onChange(event)
+        }
+    }
+
     return (
         <Wrapper>
             <MuiTextField
@@ -295,6 +315,7 @@ export const TextField = ({
                     ...SelectProps
                 }}
                 characters={characters?.toString()}
+                onChange={handleInputChange}
                 {...otherProps}>
                 {options ? renderOptions(options, classes) : children}
             </MuiTextField>