payzli-ui-aryan
Version:
A custom react components library
63 lines (62 loc) • 1.74 kB
TypeScript
import { ISelectInput } from ".";
export interface INumberInput {
id: string;
value: string | number;
onChange: any;
name: string;
label: string;
placeholder?: string;
required: boolean;
className: string;
formClass?: string;
formSubmitted: boolean;
disabled?: boolean;
decimalPlace?: number;
mask?: string;
min?: number;
max?: number;
icon?: "currency" | "percentage";
leftIcon?: React.ReactNode;
prefix?: string;
suffix?: string;
onFocus?: any;
onBlur?: any;
isError?: (err: {
[name: string]: string;
}) => void;
onContextMenu?: any;
allowNegative?: boolean;
skipValidation?: boolean;
disableWarning?: boolean;
readOnly?: boolean;
autoFocus?: boolean;
minLength?: number;
maxLength?: number;
showMaxLength?: boolean;
tooltip?: string;
hintText?: string;
errorMessage?: string;
transformPhrase?: any;
UiLanguage?: string;
ref?: any;
sectionType?: "left" | "right" | "both" | null;
sectionLeftIcon?: React.ReactNode;
sectionRightIcon?: React.ReactNode;
leftIconClass?: string;
inputType?: "amount" | "number";
thousandSeparator?: boolean;
thousandsGroupStyle?: "thousand" | "lakh" | "wan";
showDecimalPlaceholder?: boolean;
fixedDecimalScale?: boolean;
infoIcon?: React.ReactNode;
skipValidationWithErrorIntact?: boolean;
}
export interface IAmountInputProps extends INumberInput {
handleSelectCurrency?: (value: ISelectInput) => void;
currencyOptions?: ISelectInput[];
selectedCurrency?: ISelectInput;
popupParentClass?: string;
isLoading?: boolean;
disableCurrency?: boolean;
hideCurrency?: boolean;
}