@julo-ui/otp-input
Version:
React Input Component for entering sequences of digits
25 lines (22 loc) • 1.01 kB
TypeScript
import { DescendantsManager } from '@chakra-ui/descendant';
import { e as UseOtpInputProps } from '../types-cc693119.js';
import '@julo-ui/system';
import '@chakra-ui/descendant/dist/use-descendant';
import 'react';
import '@chakra-ui/descendant/dist/descendant';
interface UseHandleInputEventOptions {
values: string[];
getNextValue: (value: string, eventValue: string) => string;
setValue: (value: string, index: number, handleFocus?: boolean) => void;
setValues: React.Dispatch<React.SetStateAction<string[]>>;
type: UseOtpInputProps['type'];
descendants: DescendantsManager<HTMLInputElement>;
onComplete: (value: string) => void;
manageFocus: boolean;
onFocusNext: (index: number) => void;
}
declare function useHandleInputEvent(options: UseHandleInputEventOptions): {
onChange: (event: React.ChangeEvent<HTMLInputElement>, index: number) => void;
onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>, index: number) => void;
};
export { useHandleInputEvent };