react-native-mask-input/src/useMaskedInputProps.types.ts

TextInput with mask for ReactNative on both iOS and Android. Includes obfuscation characters feature.

import type { Mask } from './formatWithMask.types';

export type UseMaskedInputProps = {
  value?: string;

  /** Mask */
  mask?: Mask;

  /**
   * Callback that is called when the text input's text changes.
   * @param masked Masked text
   * @param unmasked Unmasked text
   * @param obfuscated Obfuscated text
   */
  onChangeText?(masked: string, unmasked: string, obfuscated: string): void;

  /** Whether or not to display the obfuscated value on the `TextInput`. Defaults to false */
  showObfuscatedValue?: boolean;

  /** Character to be used as the "fill character" on the default placeholder */
  placeholderFillCharacter?: string;

  /** Character to be used on the obfuscated characteres. Defaults to "*" */
  obfuscationCharacter?: string;

  /** Add next mask characters at the end of the value. Defaults to `false`.
   *
   * Example: In a date mask, a input value of `"15/10"` will result:
   * - When set to false: `"15/10"`
   * - When set to true: `"15/10/"`
   */
  maskAutoComplete?: boolean;
};