Fix #2214: KeyFilter prevent paste if regex not met (#2735)

primefaces · Apr 14, 2022 · f128cf5 · f128cf5
1 parent fdb9f4a
commit f128cf5
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 3 deletions.
diff --git a/components/lib/inputtext/InputText.js b/components/lib/inputtext/InputText.js
@@ -28,6 +28,12 @@ export const InputText = React.memo(React.forwardRef((props, ref) => {
         }
     }
 
+    const onPaste = (event) => {
+        if (props.keyfilter) {
+            KeyFilter.onPaste(event, props.keyfilter, props.validateOnly)
+        }
+    }
+
     const isFilled = React.useMemo(() => (
         ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(props.defaultValue) || (elementRef.current && ObjectUtils.isNotEmpty(elementRef.current.value))
     ), [props.value, props.defaultValue]);
@@ -45,7 +51,7 @@ export const InputText = React.memo(React.forwardRef((props, ref) => {
 
     return (
         <>
-            <input ref={elementRef} {...otherProps} className={className} onInput={onInput} onKeyPress={onKeyPress} />
+            <input ref={elementRef} {...otherProps} className={className} onInput={onInput} onKeyPress={onKeyPress} onPaste={onPaste} />
             {hasTooltip && <Tooltip target={elementRef} content={props.tooltip} {...props.tooltipOptions} />}
         </>
     )
@@ -59,5 +65,6 @@ InputText.defaultProps = {
     tooltip: null,
     tooltipOptions: null,
     onInput: null,
-    onKeyPress: null
+    onKeyPress: null,
+    onPaste: null
 }
diff --git a/components/lib/keyfilter/KeyFilter.js b/components/lib/keyfilter/KeyFilter.js
@@ -59,12 +59,16 @@ export const KeyFilter = {
         return e.charCode || e.keyCode || e.which;
     },
 
+    getRegex(keyfilter) {
+        return KeyFilter.DEFAULT_MASKS[keyfilter] ? KeyFilter.DEFAULT_MASKS[keyfilter] : keyfilter;
+    },
+
     onKeyPress(e, keyfilter, validateOnly) {
         if (validateOnly) {
             return;
         }
 
-        const regex = KeyFilter.DEFAULT_MASKS[keyfilter] ? KeyFilter.DEFAULT_MASKS[keyfilter] : keyfilter;
+        const regex = this.getRegex(keyfilter);
         const browser = DomHandler.getBrowser();
 
         if (e.ctrlKey || e.altKey) {
@@ -88,6 +92,23 @@ export const KeyFilter = {
         }
     },
 
+    onPaste(e, keyfilter, validateOnly) {
+        if (validateOnly) {
+            return;
+        }
+
+        const regex = this.getRegex(keyfilter);
+        const clipboard = e.clipboardData.getData("text");
+
+        // loop over each letter pasted and if any fail prevent the paste
+        [...clipboard].forEach(c => {
+            if (!regex.test(c)) {
+               e.preventDefault();
+               return false;
+            }
+        });
+    },
+
     validate(e, keyfilter) {
         let value = e.target.value,
             validatePattern = true;