feat(input-phone): support onKeyDown and onKeyUp

packages/fractal/src/components/InputPhone/InputPhone.tsx

@@ -70,6 +70,8 @@ export const InputPhone = forwardRef<CombinedRefs, InputPhoneProps>(
  label,
  name,
  onChange,
+ onKeyDown,
+ onKeyUp,
  placeholder,
  readOnly = false,
  required = false,
@@ -327,6 +329,8 @@ export const InputPhone = forwardRef<CombinedRefs, InputPhoneProps>(
  value={search}
  onBlur={handleSearchBlur}
  onChange={(_, newSearch) => handleSearch(newSearch, true)}
+ {...(isFunction(onKeyDown) ? { onKeyDown } : {})}
+ {...(isFunction(onKeyUp) ? { onKeyUp } : {})}
  />
 
  {prefixes.map(

packages/fractal/src/components/InputPhone/InputPhone.types.ts

@@ -1,5 +1,5 @@
 import type { CountryCode } from 'libphonenumber-js'
-import type { HTMLAttributes } from 'react'
+import type { HTMLAttributes, KeyboardEvent } from 'react'
 
 export type CountryDetails = {
  countryCode: CountryCode
@@ -74,6 +74,11 @@ export interface InputPhoneProps
  name?: string
  /** Event handler called when the phone value is changed. */
  onChange?: (newPhoneNumber: PhoneNumber, isValid?: boolean) => void
+ /** Event handler when a key is pressed down in one of the fields. */
+ onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void
+
+ /** Event handler when a key is released in one of the fields. */
+ onKeyUp: (event: KeyboardEvent<HTMLInputElement>) => void
  /**
  * A string to display when the text input is empty.
  *