export interface NumberFieldProps { /** * The name of the form field/input, used to set/track the field value in the form state. */ name: string; /** * The (accessible) label for the field - anything that can be rendered. * * You must always provide a label to ensure the field is accessible to users of * assistive technologies. */ label: React.ReactNode; /** * Required fields get additional markup/styling to indicate this validation requirement. */ isRequired?: boolean; /** * Read only fields get marked as such in an accessible manner. Note that Form.io uses * 'disabled' in the component definition, but we would like to have the behaviour of * a read-only field so we use the readOnly prop internally. * */ isReadOnly?: boolean; /** * Additional description displayed close to the field - use this to document any * validation requirements that are crucial to successfully submit the form. More * information that is contextual/background typically belongs in a tooltip. */ description?: React.ReactNode; /** * Optional tooltip to provide additional information that is not crucial but may * assist users in filling out the field correctly. */ tooltip?: React.ReactNode; /** * Maximum number of decimals of the input. */ decimalLimit?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10; /** * Whether negative values are allowed. */ allowNegative?: boolean; /** * Indicator that describes the field value. It is placed to the left of the * input field and can contain HTML elements such as sub/sup. The value * will be sanitized first. */ prefix?: string; /** * Indicator that describes the field value. It is placed to the right of the * input field and can contain HTML elements such as sub/sup. The value * will be sanitized first. */ suffix?: string; /** * Indicator that describes the field value. It is placed before the value * inside the input field. */ valuePrefix?: string; /** * Indicator that describes the field value. It is placed after the value * inside the input field. */ valueSuffix?: string; /** * Whether to format the number with a thousand separator. Which separator to use * will be determined based on the locale. */ useThousandSeparator?: boolean; /** * Whether to format the value with a fixed number of decimals - equal to the value * passed to the decimalLimit property. */ fixedDecimalScale?: boolean; /** * Marker to signal this field is used in a multi-value field parent, which requires * some special attention w/r to validation errors. */ isMultiValue?: boolean; } export interface Separators { decimalSeparator: string; thousandSeparator: string; } export declare const getSeparators: (locale: string) => Separators; declare const NumberField: React.FC; export default NumberField;