goobs-frontend
Version:
A comprehensive React-based libary for building modern web applications
33 lines • 1.33 kB
TypeScript
import { default as React } from 'react';
import { FormFieldStyles } from '../../../../theme';
export interface MACAddressFieldProps {
initialValue?: string;
/**
* A standard ChangeEvent<HTMLInputElement> so parent can do
* e.g. (event) => getMacValue(event.target.value) ...
*/
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
label?: React.ReactNode;
helperText?: string;
disabled?: boolean;
styles?: FormFieldStyles;
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
onPaste?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
placeholder?: string;
id?: string;
autoComplete?: string;
}
/**
* A specialized text field for MAC address management
* - Validates MAC addresses in proper format
* - Automatically adds colons after every 2 hex digits
* - Only allows valid MAC address format (XX:XX:XX:XX:XX:XX)
* - Converts all inputs to uppercase
* - Requires complete MAC addresses
*/
declare const MACAddressField: React.FC<MACAddressFieldProps>;
export default MACAddressField;
//# sourceMappingURL=index.d.ts.map