@navinc/base-react-components/dist/form-elements/ssn-input.d.ts

Nav's Pattern Library

import { FocusEventHandler, ChangeEventHandler } from 'react';
import { Input } from '../input.js';
import { InferComponentProps } from '../types.js';
/**
 * @deprecated This component is deprecated and will be removed in a future release. Avoid using it in new code.
 */
export declare const formatSSN: (input: string | number) => string;
/**
 * @deprecated This component is deprecated and will be removed in a future release. Avoid using it in new code.
 */
export declare const maskSSN: (input: string | number) => string;
declare const createSsnValidator: ({ isRequired, requiredErrorMessage, lengthErrorMessage, }?: {
    isRequired?: boolean | undefined;
    requiredErrorMessage?: string | undefined;
    lengthErrorMessage?: string | undefined;
}) => (ssnInput: string) => [string] | void;
type SsnInputProps = InferComponentProps<typeof Input> & Parameters<typeof createSsnValidator>[0] & {
    name: string;
    onBlur?: FocusEventHandler<HTMLInputElement>;
    onChange?: ChangeEventHandler<HTMLInputElement>;
    invalidOnTouched?: boolean;
};
/**
 * @deprecated This component is deprecated and will be removed in a future release. Avoid using it in new code.
 */
export declare const SsnInput: ({ name, onBlur, onChange, invalidOnTouched, isRequired, requiredErrorMessage, lengthErrorMessage, ...props }: SsnInputProps) => import("react/jsx-runtime").JSX.Element;
export {};