packages/pass/components/Form/Field/Control/MaskedValueControl.tsx

   1 import type { ElementType } from 'react';
   2
   3 import { type FactoryArg } from 'imask/esm/masked/factory';
   4 import { pipe } from 'imask/esm/masked/pipe';
   5
   6 import { ValueControl, type ValueControlProps } from './ValueControl';
   7
   8 export type MaskedValueControlProps<E extends ElementType> = ValueControlProps<E> & {
   9     mask: FactoryArg;
  10 };
  11
  12 export const MaskedValueControl = <E extends ElementType>({ mask, ...props }: MaskedValueControlProps<E>) => {
  13     const { value } = props;
  14     const maskedValue = value ? pipe(value, mask) : '';
  15
  16     return <ValueControl {...props} value={maskedValue} />;
  17 };