@navinc/base-react-components
Version:
Nav's Pattern Library
86 lines (85 loc) • 8.46 kB
TypeScript
import { InputWithSensitivityButton } from './input-with-sensitivity-button.js';
import { InferComponentProps } from '../types.js';
/** A **read-only input** that displays sensitive content that can be toggled on/off. User may still use keyboard to
* access the input and copy the value. Keyboard can also access the toggle button.
*
* To keep this component usage simple, it takes a `value` which is the visible string, and a `maskedValue` which is the
* hidden string. This eliminates the need to use any special masking, pattern, regex, etc. to transform the string.
*
* @deprecated This component is deprecated and will be removed in a future release. Avoid using it in new code.
*/
export declare const SensitiveContentDisplayInput: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<InferComponentProps<import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<{
isVisible?: boolean;
onToggle?: () => void;
} & InferComponentProps<import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<{
label?: string;
hasSpaceForErrors?: boolean;
helperIcon?: import("../index.js").IconName;
helperLinkAction?: import("react").MouseEventHandler<HTMLDivElement>;
helperText?: string;
isStatic?: boolean;
errors?: string[];
lede?: import("react").ReactNode;
touched?: boolean;
childrenBeforeErrors?: import("react").ReactNode;
innerRef?: import("react").MutableRefObject<HTMLInputElement | null>;
tooltipText?: string;
isPrivate?: boolean;
} & InferComponentProps<import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components/dist/types.js").Substitute<(import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement>) | (Omit<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<import("react").Component<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, any, any>>), {
isInvalid?: boolean;
}>> & (string & (Omit<import("react").ComponentClass<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, any>, keyof import("react").Component<any, {}, any>> | Omit<import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>, keyof import("react").Component<any, {}, any>>))>, never>> & string & Omit<({ autoFocus, children, className, label, hasSpaceForErrors, helperIcon, helperLinkAction, helperText, isInvalid, isStatic, value, required, type, errors, lede, touched, placeholder, childrenBeforeErrors, innerRef, tooltipText, isPrivate, ...props }: {
label?: string;
hasSpaceForErrors?: boolean;
helperIcon?: import("../index.js").IconName;
helperLinkAction?: import("react").MouseEventHandler<HTMLDivElement>;
helperText?: string;
isStatic?: boolean;
errors?: string[];
lede?: import("react").ReactNode;
touched?: boolean;
childrenBeforeErrors?: import("react").ReactNode;
innerRef?: import("react").MutableRefObject<HTMLInputElement | null>;
tooltipText?: string;
isPrivate?: boolean;
} & InferComponentProps<import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components/dist/types.js").Substitute<(import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement>) | (Omit<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<import("react").Component<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, any, any>>), {
isInvalid?: boolean;
}>> & (string & (Omit<import("react").ComponentClass<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, any>, keyof import("react").Component<any, {}, any>> | Omit<import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>, keyof import("react").Component<any, {}, any>>))>) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>>, never>> & string & Omit<({ isVisible, onToggle, ...props }: {
isVisible?: boolean;
onToggle?: () => void;
} & InferComponentProps<import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<{
label?: string;
hasSpaceForErrors?: boolean;
helperIcon?: import("../index.js").IconName;
helperLinkAction?: import("react").MouseEventHandler<HTMLDivElement>;
helperText?: string;
isStatic?: boolean;
errors?: string[];
lede?: import("react").ReactNode;
touched?: boolean;
childrenBeforeErrors?: import("react").ReactNode;
innerRef?: import("react").MutableRefObject<HTMLInputElement | null>;
tooltipText?: string;
isPrivate?: boolean;
} & InferComponentProps<import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components/dist/types.js").Substitute<(import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement>) | (Omit<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<import("react").Component<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, any, any>>), {
isInvalid?: boolean;
}>> & (string & (Omit<import("react").ComponentClass<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, any>, keyof import("react").Component<any, {}, any>> | Omit<import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>, keyof import("react").Component<any, {}, any>>))>, never>> & string & Omit<({ autoFocus, children, className, label, hasSpaceForErrors, helperIcon, helperLinkAction, helperText, isInvalid, isStatic, value, required, type, errors, lede, touched, placeholder, childrenBeforeErrors, innerRef, tooltipText, isPrivate, ...props }: {
label?: string;
hasSpaceForErrors?: boolean;
helperIcon?: import("../index.js").IconName;
helperLinkAction?: import("react").MouseEventHandler<HTMLDivElement>;
helperText?: string;
isStatic?: boolean;
errors?: string[];
lede?: import("react").ReactNode;
touched?: boolean;
childrenBeforeErrors?: import("react").ReactNode;
innerRef?: import("react").MutableRefObject<HTMLInputElement | null>;
tooltipText?: string;
isPrivate?: boolean;
} & InferComponentProps<import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components/dist/types.js").Substitute<(import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement>) | (Omit<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<import("react").Component<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, any, any>>), {
isInvalid?: boolean;
}>> & (string & (Omit<import("react").ComponentClass<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, any>, keyof import("react").Component<any, {}, any>> | Omit<import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>, keyof import("react").Component<any, {}, any>>))>) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>>) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>> & {
maskedValue: string;
}, never>> & string & Omit<({ value, maskedValue, type, ...props }: InferComponentProps<typeof InputWithSensitivityButton> & {
maskedValue: string;
}) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;