Merge pull request #6815 from CitizenLabDotCo/allow-passing-onKeyDown…

…-event Allow passing onKeyDown on Input
CitizenLabDotCo · Jan 15, 2024 · 2c1bc15 · 2c1bc15
2 parents e518739 + fc42ffe
commit 2c1bc15
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/cl2-component-library/package-lock.json b/cl2-component-library/package-lock.json
diff --git a/cl2-component-library/package.json b/cl2-component-library/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "0.11.25",
+  "version": "0.11.27",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

diff --git a/cl2-component-library/src/components/Input/index.tsx b/cl2-component-library/src/components/Input/index.tsx
@@ -1,4 +1,4 @@
-import React, { PureComponent, FormEvent } from 'react';
+import React, { PureComponent, FormEvent, KeyboardEvent } from 'react';
 import { isNil, isEmpty, size as lodashSize, isBoolean } from 'lodash-es';
 
 // components
@@ -76,6 +76,7 @@ export interface InputProps {
   onFocus?: (arg: FormEvent<HTMLInputElement>) => void;
   onBlur?: (arg: FormEvent<HTMLInputElement>) => void;
   setRef?: (arg: HTMLInputElement) => void | undefined;
+  onKeyDown?: (event: KeyboardEvent) => void;
   autoFocus?: boolean;
   min?: string;
   max?: string;
@@ -132,6 +133,7 @@ class Input extends PureComponent<InputProps> {
       ariaLabel,
       a11yCharactersLeftMessage,
       className,
+      onKeyDown,
     } = this.props;
     const {
       id,
@@ -198,6 +200,7 @@ class Input extends PureComponent<InputProps> {
           readOnly={readOnly}
           required={required}
           autoComplete={autocomplete}
+          onKeyDown={onKeyDown}
           {...optionalProps}
         />