|
| 1 | +import React from "react"; |
| 2 | +import { CountryInputProperties } from "./../index"; |
| 3 | +import { DropDownButtonPosition } from './../index'; |
| 4 | +export { CountryInputProperties } from "./../index"; |
| 5 | +export { DropDownButtonPosition } from './../index'; |
| 6 | +export declare const Smart: any; |
| 7 | +export interface CountryInputProps extends CountryInputProperties { |
| 8 | + className?: string; |
| 9 | + style?: React.CSSProperties; |
| 10 | + onChange?: ((event?: Event) => void) | undefined; |
| 11 | + onChanging?: ((event?: Event) => void) | undefined; |
| 12 | + onItemClick?: ((event?: Event) => void) | undefined; |
| 13 | + onCreate?: ((event?: Event) => void) | undefined; |
| 14 | + onReady?: ((event?: Event) => void) | undefined; |
| 15 | +} |
| 16 | +/** |
| 17 | + The Country Input specifies an input field where the user can select a country. |
| 18 | +*/ |
| 19 | +export declare class CountryInput extends React.Component<React.HTMLAttributes<Element> & CountryInputProps, any> { |
| 20 | + private _id; |
| 21 | + private nativeElement; |
| 22 | + private componentRef; |
| 23 | + get id(): string; |
| 24 | + /** Enables or disables the element. |
| 25 | + * Property type: boolean |
| 26 | + */ |
| 27 | + get disabled(): boolean; |
| 28 | + set disabled(value: boolean); |
| 29 | + /** Sets additional class names to the Input drop down. |
| 30 | + * Property type: any |
| 31 | + */ |
| 32 | + get dropDownClassList(): any; |
| 33 | + set dropDownClassList(value: any); |
| 34 | + /** Determines the position of the drop down button. |
| 35 | + * Property type: DropDownButtonPosition |
| 36 | + */ |
| 37 | + get dropDownButtonPosition(): DropDownButtonPosition; |
| 38 | + set dropDownButtonPosition(value: DropDownButtonPosition); |
| 39 | + /** Sets the height of the drop down. By default it's set to an empty string. In this case the height of the drop down is controlled by a CSS variable. |
| 40 | + * Property type: string | number |
| 41 | + */ |
| 42 | + get dropDownHeight(): string | number; |
| 43 | + set dropDownHeight(value: string | number); |
| 44 | + /** Sets the width of the drop down. By default it's set to an empty string. In this case the width of the drop down is controlled by a CSS variable. |
| 45 | + * Property type: string | number |
| 46 | + */ |
| 47 | + get dropDownWidth(): string | number; |
| 48 | + set dropDownWidth(value: string | number); |
| 49 | + /** Sets or gets the name attribute for the element. Name is used when submiting data inside an HTML form. |
| 50 | + * Property type: string |
| 51 | + */ |
| 52 | + get name(): string; |
| 53 | + set name(value: string); |
| 54 | + /** Determines whether the drop down is opened or not. |
| 55 | + * Property type: boolean |
| 56 | + */ |
| 57 | + get opened(): boolean; |
| 58 | + set opened(value: boolean); |
| 59 | + /** Sets or gets an array of country codes which will be used instead of the default one with all countries. The country code should be ISO 3166-1 alpha-2 codes(https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2). |
| 60 | + * Property type: any |
| 61 | + */ |
| 62 | + get onlyCountries(): any; |
| 63 | + set onlyCountries(value: any); |
| 64 | + /** Determines the placeholder of the input. |
| 65 | + * Property type: string |
| 66 | + */ |
| 67 | + get placeholder(): string; |
| 68 | + set placeholder(value: string); |
| 69 | + /** Sets or gets the selected country of the element. The country code should be ISO 3166-1 alpha-2 codes(https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2). |
| 70 | + * Property type: string |
| 71 | + */ |
| 72 | + get selectedCountry(): string; |
| 73 | + set selectedCountry(value: string); |
| 74 | + /** Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts. |
| 75 | + * Property type: boolean |
| 76 | + */ |
| 77 | + get rightToLeft(): boolean; |
| 78 | + set rightToLeft(value: boolean); |
| 79 | + /** Determines the theme for the element. Themes define the look of the elements. |
| 80 | + * Property type: string |
| 81 | + */ |
| 82 | + get theme(): string; |
| 83 | + set theme(value: string); |
| 84 | + /** If is set to true, the element cannot be focused. |
| 85 | + * Property type: boolean |
| 86 | + */ |
| 87 | + get unfocusable(): boolean; |
| 88 | + set unfocusable(value: boolean); |
| 89 | + /** Sets or gets the value of the element. |
| 90 | + * Property type: string |
| 91 | + */ |
| 92 | + get value(): string; |
| 93 | + set value(value: string); |
| 94 | + get properties(): string[]; |
| 95 | + /** This event is triggered when the selection is changed. |
| 96 | + * @param event. The custom event. Custom event was created with: event.detail( label, oldLabel, oldValue, value) |
| 97 | + * label - The label of the new selected item. |
| 98 | + * oldLabel - The label of the item that was previously selected before the event was triggered. |
| 99 | + * oldValue - The value of the item that was previously selected before the event was triggered. |
| 100 | + * value - The value of the new selected item. |
| 101 | + */ |
| 102 | + onChange?: ((event?: Event) => void) | undefined; |
| 103 | + /** This event is triggered on each key up event of the Input, if the value is changed. |
| 104 | + * @param event. The custom event. Custom event was created with: event.detail( oldValue, value) |
| 105 | + * oldValue - The previous value before it was changed. |
| 106 | + * value - The new value. |
| 107 | + */ |
| 108 | + onChanging?: ((event?: Event) => void) | undefined; |
| 109 | + /** This event is triggered when the user clicks on an item from the popup list. |
| 110 | + * @param event. The custom event. Custom event was created with: event.detail( item, label, value) |
| 111 | + * item - The item that was clicked. |
| 112 | + * label - The label of the item that was clicked. |
| 113 | + * value - The value of the item that was clicked. |
| 114 | + */ |
| 115 | + onItemClick?: ((event?: Event) => void) | undefined; |
| 116 | + /** This event occurs, when the React component is created. |
| 117 | + * @param event. The custom event. */ |
| 118 | + onCreate?: ((event?: Event) => void) | undefined; |
| 119 | + /** This event occurs, when the React component is completely rendered. |
| 120 | + * @param event. The custom event. */ |
| 121 | + onReady?: ((event?: Event) => void) | undefined; |
| 122 | + get eventListeners(): string[]; |
| 123 | + /** Closes the drop down. |
| 124 | + */ |
| 125 | + close(): void; |
| 126 | + /** Ensures that the active ( selected ) item is always visible. |
| 127 | + */ |
| 128 | + ensureVisible(): void; |
| 129 | + /** Opens the drop down. |
| 130 | + */ |
| 131 | + open(): void; |
| 132 | + /** Selects the text inside the input or if it is readonly then the element is focused. |
| 133 | + */ |
| 134 | + select(): void; |
| 135 | + constructor(props: any); |
| 136 | + componentDidRender(initialize: boolean): void; |
| 137 | + componentDidMount(): void; |
| 138 | + componentDidUpdate(): void; |
| 139 | + componentWillUnmount(): void; |
| 140 | + render(): React.ReactElement<{ |
| 141 | + ref: any; |
| 142 | + }, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>; |
| 143 | +} |
| 144 | +export default CountryInput; |
0 commit comments