goobs-frontend
Version:
A comprehensive React-based libary for building modern web applications
44 lines • 1.77 kB
TypeScript
import { default as React } from 'react';
import { FieldStyleOverrides } from '../../Shell';
export interface CIDRFieldProps {
initialValue?: string;
/**
* Emits the new CIDR as a number. Was previously polymorphic
* `(event | number) => void` — collapsed to `(value: number) => void`
* during the FieldShell migration.
*/
onChange?: (value: number) => void;
initialDelay?: number;
repeatInterval?: number;
minCidr?: number;
maxCidr?: number;
showSubnetInfo?: boolean;
label?: React.ReactNode;
helperText?: string;
/** Error message rendered below the input; sets aria-invalid. */
error?: string | boolean;
/** Stable test selector — emitted as `data-field` on the wrapper. */
dataField?: string;
/** Stable test selector — emitted as `data-field-name` on the wrapper. */
dataFieldName?: string;
required?: boolean;
disabled?: boolean;
styles?: FieldStyleOverrides;
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
placeholder?: string;
id?: string;
/**
* Form-engine binding key. Inside a `<Form>` with `name` set, the numeric
* CIDR is written into the engine on change and the field is marked touched
* on blur; the shell auto-derives error/required for this name. Outside a
* form this is inert and the field behaves byte-for-byte as before.
*/
name?: string;
autoComplete?: string;
}
declare const CIDRField: React.FC<CIDRFieldProps>;
export default CIDRField;
//# sourceMappingURL=index.d.ts.map