smart-webcomponents-react
Version:
[](https://jqwidgets.com/license/)
117 lines (116 loc) • 4.9 kB
TypeScript
import React from "react";
import { PasswordInputProperties } from "./../index";
export { PasswordInputProperties } from "./../index";
export {} from './../index';
declare let Smart: any;
export { Smart };
export interface PasswordInputProps extends PasswordInputProperties {
className?: string;
style?: React.CSSProperties;
onChange?: ((event?: Event) => void) | undefined;
onChanging?: ((event?: Event) => void) | undefined;
onCreate?: ((event?: Event) => void) | undefined;
onReady?: ((event?: Event) => void) | undefined;
}
/**
PasswordInput specifies a password field where the user can enter data. It is similar to the password text box, but this component does not have additional functionality for tooltips and popups.
*/
export declare class PasswordInput extends React.Component<React.HTMLAttributes<Element> & PasswordInputProps, any> {
private _id;
private nativeElement;
private componentRef;
get id(): string;
/** Enables or disables the element.
* Property type: boolean
*/
get disabled(): boolean;
set disabled(value: boolean);
/** Sets or gets the unlockKey which unlocks the product.
* Property type: string
*/
get unlockKey(): string;
set unlockKey(value: string);
/** Sets or gets the language. Used in conjunction with the property messages.
* Property type: string
*/
get locale(): string;
set locale(value: string);
/** Callback used to customize the format of the messages that are returned from the Localization Module.
* Property type: any
*/
get localizeFormatFunction(): any;
set localizeFormatFunction(value: any);
/** Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale.
* Property type: any
*/
get messages(): any;
set messages(value: any);
/** Determines the minimum number of characters inside the input in order to trigger the autocomplete functionality that will open the drop down and show the matched items.
* Property type: number
*/
get minLength(): number;
set minLength(value: number);
/** Sets or gets the name attribute for the element. Name is used when submiting data inside an HTML form.
* Property type: string
*/
get name(): string;
set name(value: string);
/** Determines the placeholder of the input.
* Property type: string
*/
get placeholder(): string;
set placeholder(value: string);
/** Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts.
* Property type: boolean
*/
get rightToLeft(): boolean;
set rightToLeft(value: boolean);
/** Determines the theme for the element. Themes define the look of the elements.
* Property type: string
*/
get theme(): string;
set theme(value: string);
/** If is set to true, the element cannot be focused.
* Property type: boolean
*/
get unfocusable(): boolean;
set unfocusable(value: boolean);
/** Sets or gets the value of the element.
* Property type: string
*/
get value(): string;
set value(value: string);
get properties(): string[];
/** This event is triggered when the value is changed and the focus moved out of the element.
* @param event. The custom event. Custom event was created with: event.detail( oldValue, value)
* oldValue - The previous value.
* value - The new value.
*/
onChange?: ((event?: Event) => void) | undefined;
/** This event is triggered on each key up event of the PasswordInput, if the value is changed.
* @param event. The custom event. Custom event was created with: event.detail( oldValue, value)
* oldValue - The previous value before it was changed.
* value - The new value.
*/
onChanging?: ((event?: Event) => void) | undefined;
/** This event occurs, when the React component is created.
* @param event. The custom event. */
onCreate?: ((event?: Event) => void) | undefined;
/** This event occurs, when the React component is completely rendered.
* @param event. The custom event. */
onReady?: ((event?: Event) => void) | undefined;
get eventListeners(): string[];
/** Selects the text inside the input or if it is readonly then the element is focused.
*/
select(): void;
constructor(props: any);
componentDidRender(initialize: boolean): void;
componentDidMount(): void;
componentDidUpdate(): void;
componentWillUnmount(): void;
render(): React.ReactElement<{
ref: any;
suppressHydrationWarning: boolean;
}, string | React.JSXElementConstructor<any>>;
}
export default PasswordInput;