UNPKG

dgz-ui

Version:

Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript

111 lines 10.8 kB
import { type IMaskInputProps } from 'react-imask'; import { type InputProps } from './input.tsx'; /** * Props for the MaskInput component. * Extends react-imask IMaskInputProps and shares visual variants with Input. * * @property {'default'|'failure'|'success'} [variant='default'] - Visual state styling. */ export type MaskInputProps = IMaskInputProps<HTMLInputElement> & InputProps & {}; /** * MaskInput - Text input with masking support powered by react-imask. * * Useful for enforcing formats like phone numbers, dates, etc. Styling mirrors the Input component * and supports the same variant prop. * * @component * @param {MaskInputProps} props - Props forwarded to IMaskInput. */ declare const MaskInput: import("react").ForwardRefExoticComponent<(Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, { [x: string]: unknown; }>, "ref"> & Omit<import("imask").MaskedDateOptions, "mask"> & { mask: DateConstructor; } & InputProps, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, { [x: string]: unknown; }>, "ref"> & Partial<Pick<import("imask").MaskedNumber, "mask" | "eager" | "max" | "min" | "format" | "scale" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "radix" | "thousandsSeparator" | "mapToRadix" | "normalizeZeros" | "padFractionalZeros">> & InputProps, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, { [x: string]: unknown; }>, "ref"> & Partial<Pick<import("imask").MaskedPattern<string>, "mask" | "eager" | "lazy" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "definitions" | "blocks" | "placeholderChar" | "displayChar">> & InputProps, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, { [x: string]: unknown; }>, "ref"> & Partial<Pick<import("imask").MaskedDynamic<any>, "mask" | "eager" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "dispatch">> & InputProps, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, { [x: string]: unknown; }>, "ref"> & Partial<Pick<import("imask").MaskedRegExp, "mask" | "eager" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">> & InputProps, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, { [x: string]: unknown; }>, "ref"> & Partial<Pick<import("imask").MaskedFunction<any>, "mask" | "eager" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">> & InputProps, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, { [x: string]: unknown; }>, "ref"> & { mask: typeof import("imask").MaskedDate; } & Omit<Omit<import("imask").MaskedDateOptions, "mask"> & { mask: DateConstructor; }, "mask"> & InputProps, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, { [x: string]: unknown; }>, "ref"> & { mask: typeof import("imask").MaskedNumber; } & Omit<Partial<Pick<import("imask").MaskedNumber, "mask" | "eager" | "max" | "min" | "format" | "scale" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "radix" | "thousandsSeparator" | "mapToRadix" | "normalizeZeros" | "padFractionalZeros">>, "mask"> & InputProps, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, { [x: string]: unknown; }>, "ref"> & { mask: typeof import("imask").MaskedEnum; } & Omit<import("imask").MaskedEnumOptions, "mask"> & InputProps, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, { [x: string]: unknown; }>, "ref"> & { mask: typeof import("imask").MaskedRange; } & Omit<import("imask").MaskedRangeOptions, "mask"> & InputProps, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, { [x: string]: unknown; }>, "ref"> & { mask: typeof import("imask").MaskedRegExp; } & Omit<Partial<Pick<import("imask").MaskedRegExp, "mask" | "eager" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">>, "mask"> & InputProps, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, { [x: string]: unknown; }>, "ref"> & { mask: typeof import("imask").MaskedFunction; } & Omit<Partial<Pick<import("imask").MaskedFunction<any>, "mask" | "eager" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">>, "mask"> & InputProps, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, { [x: string]: unknown; }>, "ref"> & { mask: typeof import("imask").MaskedPattern; } & Omit<Partial<Pick<import("imask").MaskedPattern<string>, "mask" | "eager" | "lazy" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "definitions" | "blocks" | "placeholderChar" | "displayChar">>, "mask"> & InputProps, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, { [x: string]: unknown; }>, "ref"> & { mask: typeof import("imask").MaskedDynamic; } & Omit<Partial<Pick<import("imask").MaskedDynamic<any>, "mask" | "eager" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "dispatch">>, "mask"> & InputProps, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, { [x: string]: unknown; }>, "ref"> & { mask: typeof import("imask").Masked; } & Omit<Partial<Pick<import("imask").Masked<any>, "mask" | "eager" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">>, "mask"> & InputProps, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, { [x: string]: unknown; }>, "ref"> & { mask: import("imask").MaskedDate; } & Omit<Omit<import("imask").MaskedDateOptions, "mask"> & { mask: DateConstructor; }, "mask"> & InputProps, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, { [x: string]: unknown; }>, "ref"> & { mask: import("imask").MaskedNumber; } & Omit<Partial<Pick<import("imask").MaskedNumber, "mask" | "eager" | "max" | "min" | "format" | "scale" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "radix" | "thousandsSeparator" | "mapToRadix" | "normalizeZeros" | "padFractionalZeros">>, "mask"> & InputProps, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, { [x: string]: unknown; }>, "ref"> & { mask: import("imask").MaskedEnum; } & Omit<import("imask").MaskedEnumOptions, "mask"> & InputProps, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, { [x: string]: unknown; }>, "ref"> & { mask: import("imask").MaskedRange; } & Omit<import("imask").MaskedRangeOptions, "mask"> & InputProps, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, { [x: string]: unknown; }>, "ref"> & { mask: import("imask").MaskedRegExp; } & Omit<Partial<Pick<import("imask").MaskedRegExp, "mask" | "eager" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">>, "mask"> & InputProps, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, { [x: string]: unknown; }>, "ref"> & { mask: import("imask").MaskedFunction; } & Omit<Partial<Pick<import("imask").MaskedFunction<any>, "mask" | "eager" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">>, "mask"> & InputProps, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, { [x: string]: unknown; }>, "ref"> & { mask: import("imask").MaskedPattern; } & Omit<Partial<Pick<import("imask").MaskedPattern<string>, "mask" | "eager" | "lazy" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "definitions" | "blocks" | "placeholderChar" | "displayChar">>, "mask"> & InputProps, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, { [x: string]: unknown; }>, "ref"> & { mask: import("imask").MaskedDynamic; } & Omit<Partial<Pick<import("imask").MaskedDynamic<any>, "mask" | "eager" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix" | "dispatch">>, "mask"> & InputProps, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, { [x: string]: unknown; }>, "ref"> & { mask: import("imask").Masked; } & Omit<Partial<Pick<import("imask").Masked<any>, "mask" | "eager" | "format" | "validate" | "parent" | "prepare" | "prepareChar" | "commit" | "parse" | "overwrite" | "skipInvalid" | "autofix">>, "mask"> & InputProps, "ref">) & import("react").RefAttributes<HTMLInputElement>>; export { MaskInput }; //# sourceMappingURL=input-mask.d.ts.map