27 lines
726 B
TypeScript
27 lines
726 B
TypeScript
import { ChangeEventHandler } from 'react';
|
|
|
|
import MAP_TO_VALUE_CONVERTER from './consts/MAP_TO_VALUE_CONVERTER';
|
|
|
|
const createInputOnChangeHandler =
|
|
<TypeName extends keyof MapToInputType>({
|
|
postSet,
|
|
preSet,
|
|
set,
|
|
setType = 'string' as TypeName,
|
|
valueKey = 'value',
|
|
}: CreateInputOnChangeHandlerOptions<TypeName> = {}): ChangeEventHandler<HTMLInputElement> =>
|
|
(event) => {
|
|
const {
|
|
target: { [valueKey]: value },
|
|
} = event;
|
|
const postConvertValue = MAP_TO_VALUE_CONVERTER[setType](
|
|
value,
|
|
) as MapToInputType[TypeName];
|
|
|
|
preSet?.call(null, event);
|
|
set?.call(null, postConvertValue);
|
|
postSet?.call(null, event);
|
|
};
|
|
|
|
export default createInputOnChangeHandler;
|