@progress/kendo-react-dropdowns 6.1.1 → 7.0.0-develop.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{dist/es/AutoComplete → AutoComplete}/AutoComplete.d.ts +12 -8
- package/{dist/npm/AutoComplete → AutoComplete}/AutoCompleteProps.d.ts +4 -1
- package/{dist/es/ComboBox → ComboBox}/ComboBox.d.ts +12 -8
- package/{dist/es/ComboBox → ComboBox}/ComboBoxProps.d.ts +4 -1
- package/{dist/es/DropDownList → DropDownList}/DropDownList.d.ts +9 -5
- package/{dist/es/DropDownList → DropDownList}/DropDownListProps.d.ts +4 -1
- package/{dist/es/DropDownTree → DropDownTree}/DropDownTree.d.ts +4 -0
- package/{dist/npm/DropDownTree → DropDownTree}/DropDownTreeProps.d.ts +4 -1
- package/DropDownTree/ListNoData.d.ts +10 -0
- package/DropDownTree/useDropdownWidth.d.ts +9 -0
- package/LICENSE.md +1 -1
- package/{dist/es/MultiColumnComboBox → MultiColumnComboBox}/MultiColumnComboBox.d.ts +4 -0
- package/{dist/npm/MultiSelect → MultiSelect}/MultiSelect.d.ts +9 -5
- package/{dist/es/MultiSelect → MultiSelect}/MultiSelectProps.d.ts +4 -1
- package/{dist/npm/MultiSelect → MultiSelect}/TagList.d.ts +5 -1
- package/{dist/es/MultiSelectTree → MultiSelectTree}/MultiSelectTree.d.ts +4 -0
- package/{dist/es/MultiSelectTree → MultiSelectTree}/MultiSelectTreeProps.d.ts +5 -1
- package/{dist/npm/MultiSelectTree → MultiSelectTree}/utils.d.ts +5 -1
- package/{dist/npm/common → common}/AdaptiveMode.d.ts +5 -1
- package/common/ClearButton.d.ts +18 -0
- package/{dist/npm/common → common}/DropDownBase.d.ts +5 -1
- package/{dist/es/common → common}/GroupStickyHeader.d.ts +5 -1
- package/{dist/es/common → common}/List.d.ts +8 -3
- package/common/ListContainer.d.ts +22 -0
- package/common/ListDefaultItem.d.ts +20 -0
- package/{dist/npm/common → common}/ListFilter.d.ts +4 -0
- package/{dist/npm/common → common}/ListGroupItem.d.ts +5 -1
- package/{dist/npm/common → common}/ListItem.d.ts +5 -1
- package/common/MultiColumnList.d.ts +9 -0
- package/common/Navigation.d.ts +17 -0
- package/{dist/es/common → common}/SearchBar.d.ts +5 -1
- package/{dist/npm/common → common}/VirtualScroll.d.ts +4 -1
- package/common/constants.d.ts +8 -0
- package/{dist/es/common → common}/events.d.ts +4 -1
- package/{dist/npm/common → common}/filterDescriptor.d.ts +4 -0
- package/{dist/es/common → common}/settings.d.ts +5 -2
- package/{dist/npm/common → common}/utils.d.ts +4 -0
- package/dist/cdn/js/kendo-react-dropdowns.js +5 -1
- package/index.d.ts +29 -0
- package/index.js +5 -0
- package/index.mjs +4397 -0
- package/{dist/npm/messages → messages}/index.d.ts +4 -0
- package/package-metadata.d.ts +9 -0
- package/package.json +34 -62
- package/about.md +0 -3
- package/dist/es/AutoComplete/AutoComplete.js +0 -652
- package/dist/es/AutoComplete/AutoCompleteProps.d.ts +0 -243
- package/dist/es/AutoComplete/AutoCompleteProps.js +0 -2
- package/dist/es/ComboBox/ComboBox.js +0 -915
- package/dist/es/ComboBox/ComboBoxProps.js +0 -2
- package/dist/es/DropDownList/DropDownList.js +0 -887
- package/dist/es/DropDownList/DropDownListProps.js +0 -2
- package/dist/es/DropDownTree/DropDownTree.js +0 -540
- package/dist/es/DropDownTree/DropDownTreeProps.d.ts +0 -294
- package/dist/es/DropDownTree/DropDownTreeProps.js +0 -2
- package/dist/es/DropDownTree/ListNoData.d.ts +0 -6
- package/dist/es/DropDownTree/ListNoData.js +0 -8
- package/dist/es/DropDownTree/useDropdownWidth.d.ts +0 -5
- package/dist/es/DropDownTree/useDropdownWidth.js +0 -13
- package/dist/es/MultiColumnComboBox/MultiColumnComboBox.js +0 -213
- package/dist/es/MultiSelect/MultiSelect.d.ts +0 -256
- package/dist/es/MultiSelect/MultiSelect.js +0 -1110
- package/dist/es/MultiSelect/MultiSelectProps.js +0 -2
- package/dist/es/MultiSelect/TagList.d.ts +0 -38
- package/dist/es/MultiSelect/TagList.js +0 -39
- package/dist/es/MultiSelectTree/MultiSelectTree.js +0 -619
- package/dist/es/MultiSelectTree/MultiSelectTreeProps.js +0 -2
- package/dist/es/MultiSelectTree/utils.d.ts +0 -17
- package/dist/es/MultiSelectTree/utils.js +0 -191
- package/dist/es/common/AdaptiveMode.d.ts +0 -21
- package/dist/es/common/AdaptiveMode.js +0 -45
- package/dist/es/common/ClearButton.d.ts +0 -14
- package/dist/es/common/ClearButton.js +0 -39
- package/dist/es/common/DropDownBase.d.ts +0 -175
- package/dist/es/common/DropDownBase.js +0 -297
- package/dist/es/common/GroupStickyHeader.js +0 -34
- package/dist/es/common/List.js +0 -75
- package/dist/es/common/ListContainer.d.ts +0 -18
- package/dist/es/common/ListContainer.js +0 -43
- package/dist/es/common/ListDefaultItem.d.ts +0 -16
- package/dist/es/common/ListDefaultItem.js +0 -36
- package/dist/es/common/ListFilter.d.ts +0 -19
- package/dist/es/common/ListFilter.js +0 -37
- package/dist/es/common/ListGroupItem.d.ts +0 -33
- package/dist/es/common/ListGroupItem.js +0 -33
- package/dist/es/common/ListItem.d.ts +0 -61
- package/dist/es/common/ListItem.js +0 -44
- package/dist/es/common/MultiColumnList.d.ts +0 -6
- package/dist/es/common/MultiColumnList.js +0 -22
- package/dist/es/common/Navigation.d.ts +0 -13
- package/dist/es/common/Navigation.js +0 -34
- package/dist/es/common/SearchBar.js +0 -62
- package/dist/es/common/VirtualScroll.d.ts +0 -42
- package/dist/es/common/VirtualScroll.js +0 -161
- package/dist/es/common/constants.d.ts +0 -4
- package/dist/es/common/constants.js +0 -4
- package/dist/es/common/events.js +0 -1
- package/dist/es/common/filterDescriptor.d.ts +0 -41
- package/dist/es/common/filterDescriptor.js +0 -2
- package/dist/es/common/settings.js +0 -8
- package/dist/es/common/utils.d.ts +0 -62
- package/dist/es/common/utils.js +0 -194
- package/dist/es/main.d.ts +0 -25
- package/dist/es/main.js +0 -19
- package/dist/es/messages/index.d.ts +0 -40
- package/dist/es/messages/index.js +0 -41
- package/dist/es/package-metadata.d.ts +0 -5
- package/dist/es/package-metadata.js +0 -11
- package/dist/npm/AutoComplete/AutoComplete.d.ts +0 -230
- package/dist/npm/AutoComplete/AutoComplete.js +0 -655
- package/dist/npm/AutoComplete/AutoCompleteProps.js +0 -3
- package/dist/npm/ComboBox/ComboBox.d.ts +0 -248
- package/dist/npm/ComboBox/ComboBox.js +0 -918
- package/dist/npm/ComboBox/ComboBoxProps.d.ts +0 -313
- package/dist/npm/ComboBox/ComboBoxProps.js +0 -3
- package/dist/npm/DropDownList/DropDownList.d.ts +0 -258
- package/dist/npm/DropDownList/DropDownList.js +0 -890
- package/dist/npm/DropDownList/DropDownListProps.d.ts +0 -326
- package/dist/npm/DropDownList/DropDownListProps.js +0 -3
- package/dist/npm/DropDownTree/DropDownTree.d.ts +0 -70
- package/dist/npm/DropDownTree/DropDownTree.js +0 -543
- package/dist/npm/DropDownTree/DropDownTreeProps.js +0 -3
- package/dist/npm/DropDownTree/ListNoData.d.ts +0 -6
- package/dist/npm/DropDownTree/ListNoData.js +0 -12
- package/dist/npm/DropDownTree/useDropdownWidth.d.ts +0 -5
- package/dist/npm/DropDownTree/useDropdownWidth.js +0 -17
- package/dist/npm/MultiColumnComboBox/MultiColumnComboBox.d.ts +0 -287
- package/dist/npm/MultiColumnComboBox/MultiColumnComboBox.js +0 -216
- package/dist/npm/MultiSelect/MultiSelect.js +0 -1113
- package/dist/npm/MultiSelect/MultiSelectProps.d.ts +0 -314
- package/dist/npm/MultiSelect/MultiSelectProps.js +0 -3
- package/dist/npm/MultiSelect/TagList.js +0 -41
- package/dist/npm/MultiSelectTree/MultiSelectTree.d.ts +0 -81
- package/dist/npm/MultiSelectTree/MultiSelectTree.js +0 -622
- package/dist/npm/MultiSelectTree/MultiSelectTreeProps.d.ts +0 -320
- package/dist/npm/MultiSelectTree/MultiSelectTreeProps.js +0 -3
- package/dist/npm/MultiSelectTree/utils.js +0 -196
- package/dist/npm/common/AdaptiveMode.js +0 -49
- package/dist/npm/common/ClearButton.d.ts +0 -14
- package/dist/npm/common/ClearButton.js +0 -41
- package/dist/npm/common/DropDownBase.js +0 -299
- package/dist/npm/common/GroupStickyHeader.d.ts +0 -24
- package/dist/npm/common/GroupStickyHeader.js +0 -36
- package/dist/npm/common/List.d.ts +0 -45
- package/dist/npm/common/List.js +0 -77
- package/dist/npm/common/ListContainer.d.ts +0 -18
- package/dist/npm/common/ListContainer.js +0 -45
- package/dist/npm/common/ListDefaultItem.d.ts +0 -16
- package/dist/npm/common/ListDefaultItem.js +0 -38
- package/dist/npm/common/ListFilter.js +0 -39
- package/dist/npm/common/ListGroupItem.js +0 -35
- package/dist/npm/common/ListItem.js +0 -46
- package/dist/npm/common/MultiColumnList.d.ts +0 -6
- package/dist/npm/common/MultiColumnList.js +0 -26
- package/dist/npm/common/Navigation.d.ts +0 -13
- package/dist/npm/common/Navigation.js +0 -37
- package/dist/npm/common/SearchBar.d.ts +0 -43
- package/dist/npm/common/SearchBar.js +0 -64
- package/dist/npm/common/VirtualScroll.js +0 -163
- package/dist/npm/common/constants.d.ts +0 -4
- package/dist/npm/common/constants.js +0 -7
- package/dist/npm/common/events.d.ts +0 -73
- package/dist/npm/common/events.js +0 -2
- package/dist/npm/common/filterDescriptor.js +0 -3
- package/dist/npm/common/settings.d.ts +0 -114
- package/dist/npm/common/settings.js +0 -11
- package/dist/npm/common/utils.js +0 -211
- package/dist/npm/main.d.ts +0 -25
- package/dist/npm/main.js +0 -62
- package/dist/npm/messages/index.js +0 -44
- package/dist/npm/package-metadata.d.ts +0 -5
- package/dist/npm/package-metadata.js +0 -14
- package/dist/systemjs/kendo-react-dropdowns.js +0 -1
- package/e2e-next/combobox.basic.ts +0 -24
- package/e2e-next/dropdownlist.basic.tests.ts +0 -24
- package/e2e-next/dropdowntree.basic.tests.ts +0 -24
- package/e2e-next/multicolumncombobox.basic.tests.ts +0 -24
|
@@ -1,248 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as PropTypes from 'prop-types';
|
|
3
|
-
import { ComboBoxProps } from './ComboBoxProps';
|
|
4
|
-
import { DropDownStateBase, InternalState } from './../common/settings';
|
|
5
|
-
import DropDownBase from '../common/DropDownBase';
|
|
6
|
-
import { FormComponent, FormComponentValidity } from '@progress/kendo-react-common';
|
|
7
|
-
/** @hidden */
|
|
8
|
-
export interface ComboBoxState extends DropDownStateBase {
|
|
9
|
-
filterText?: string;
|
|
10
|
-
suggestedText?: string;
|
|
11
|
-
focusedItem?: any;
|
|
12
|
-
windowWidth?: number;
|
|
13
|
-
}
|
|
14
|
-
/** @hidden */
|
|
15
|
-
export interface ComboInternalState extends InternalState {
|
|
16
|
-
data: ComboBoxState;
|
|
17
|
-
}
|
|
18
|
-
/** @hidden */
|
|
19
|
-
export declare class ComboBoxWithoutContext extends React.Component<ComboBoxProps, ComboBoxState> implements FormComponent {
|
|
20
|
-
static displayName: string;
|
|
21
|
-
/** @hidden */
|
|
22
|
-
static propTypes: {
|
|
23
|
-
size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
|
|
24
|
-
rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>;
|
|
25
|
-
fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | null | undefined>;
|
|
26
|
-
dataItemKey: PropTypes.Requireable<string>;
|
|
27
|
-
groupField: PropTypes.Requireable<string>;
|
|
28
|
-
groupMode: PropTypes.Requireable<string | undefined>;
|
|
29
|
-
isMultiColumn: PropTypes.Requireable<boolean>;
|
|
30
|
-
suggest: PropTypes.Requireable<boolean>;
|
|
31
|
-
placeholder: PropTypes.Requireable<string>;
|
|
32
|
-
title: PropTypes.Requireable<string>;
|
|
33
|
-
allowCustom: PropTypes.Requireable<boolean>;
|
|
34
|
-
clearButton: PropTypes.Requireable<boolean>;
|
|
35
|
-
iconClassName: PropTypes.Requireable<string>;
|
|
36
|
-
svgIcon: PropTypes.Requireable<PropTypes.InferProps<{
|
|
37
|
-
name: PropTypes.Validator<string>;
|
|
38
|
-
content: PropTypes.Validator<string>;
|
|
39
|
-
viewBox: PropTypes.Validator<string>;
|
|
40
|
-
}>>;
|
|
41
|
-
validationMessage: PropTypes.Requireable<string>;
|
|
42
|
-
required: PropTypes.Requireable<boolean>;
|
|
43
|
-
id: PropTypes.Requireable<string>;
|
|
44
|
-
ariaLabelledBy: PropTypes.Requireable<string>;
|
|
45
|
-
ariaDescribedBy: PropTypes.Requireable<string>;
|
|
46
|
-
list: PropTypes.Requireable<any>;
|
|
47
|
-
valueRender: PropTypes.Requireable<(...args: any[]) => any>;
|
|
48
|
-
skipDisabledItems: PropTypes.Requireable<boolean>;
|
|
49
|
-
value: PropTypes.Requireable<any>;
|
|
50
|
-
defaultValue: PropTypes.Requireable<any>;
|
|
51
|
-
filterable: PropTypes.Requireable<boolean>;
|
|
52
|
-
filter: PropTypes.Requireable<string>;
|
|
53
|
-
virtual: PropTypes.Requireable<PropTypes.InferProps<{
|
|
54
|
-
pageSize: PropTypes.Validator<number>;
|
|
55
|
-
skip: PropTypes.Validator<number>;
|
|
56
|
-
total: PropTypes.Validator<number>;
|
|
57
|
-
}>>;
|
|
58
|
-
onFilterChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
59
|
-
onPageChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
60
|
-
opened: PropTypes.Requireable<boolean>;
|
|
61
|
-
disabled: PropTypes.Requireable<boolean>;
|
|
62
|
-
dir: PropTypes.Requireable<string>;
|
|
63
|
-
tabIndex: PropTypes.Requireable<number>;
|
|
64
|
-
accessKey: PropTypes.Requireable<string>;
|
|
65
|
-
data: PropTypes.Requireable<any[]>;
|
|
66
|
-
textField: PropTypes.Requireable<string>;
|
|
67
|
-
className: PropTypes.Requireable<string>;
|
|
68
|
-
label: PropTypes.Requireable<string>;
|
|
69
|
-
loading: PropTypes.Requireable<boolean>;
|
|
70
|
-
popupSettings: PropTypes.Requireable<PropTypes.InferProps<{
|
|
71
|
-
animate: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
|
|
72
|
-
openDuration: PropTypes.Requireable<number>;
|
|
73
|
-
closeDuration: PropTypes.Requireable<number>;
|
|
74
|
-
}> | null | undefined>>;
|
|
75
|
-
popupClass: PropTypes.Requireable<string>;
|
|
76
|
-
className: PropTypes.Requireable<string>;
|
|
77
|
-
appendTo: PropTypes.Requireable<any>;
|
|
78
|
-
width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
|
|
79
|
-
height: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
|
|
80
|
-
}>>;
|
|
81
|
-
onOpen: PropTypes.Requireable<(...args: any[]) => any>;
|
|
82
|
-
onClose: PropTypes.Requireable<(...args: any[]) => any>;
|
|
83
|
-
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
|
|
84
|
-
onBlur: PropTypes.Requireable<(...args: any[]) => any>;
|
|
85
|
-
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
86
|
-
itemRender: PropTypes.Requireable<(...args: any[]) => any>;
|
|
87
|
-
listNoDataRender: PropTypes.Requireable<(...args: any[]) => any>;
|
|
88
|
-
focusedItemIndex: PropTypes.Requireable<(...args: any[]) => any>;
|
|
89
|
-
header: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
90
|
-
footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
91
|
-
};
|
|
92
|
-
/** @hidden */
|
|
93
|
-
static defaultProps: {
|
|
94
|
-
size: "small" | "medium" | "large" | null | undefined;
|
|
95
|
-
rounded: "small" | "medium" | "full" | "large" | null | undefined;
|
|
96
|
-
fillMode: "flat" | "outline" | "solid" | null | undefined;
|
|
97
|
-
allowCustom: boolean;
|
|
98
|
-
clearButton: boolean;
|
|
99
|
-
required: boolean;
|
|
100
|
-
groupMode: string | undefined;
|
|
101
|
-
isMultiColumn: boolean;
|
|
102
|
-
skipDisabledItems: boolean;
|
|
103
|
-
popupSettings: {
|
|
104
|
-
height: string;
|
|
105
|
-
};
|
|
106
|
-
validityStyles: boolean;
|
|
107
|
-
};
|
|
108
|
-
/** @hidden */
|
|
109
|
-
readonly state: ComboBoxState;
|
|
110
|
-
protected readonly base: DropDownBase;
|
|
111
|
-
private _element;
|
|
112
|
-
private _inputId;
|
|
113
|
-
private _valueDuringOnChange;
|
|
114
|
-
private _valueOnDidUpdate;
|
|
115
|
-
private _suggested;
|
|
116
|
-
private _skipBlur;
|
|
117
|
-
private _input;
|
|
118
|
-
private _adaptiveFilterInput;
|
|
119
|
-
private itemHeight;
|
|
120
|
-
private observerResize?;
|
|
121
|
-
private get document();
|
|
122
|
-
constructor(props: ComboBoxProps);
|
|
123
|
-
/** @hidden */
|
|
124
|
-
focus: () => void;
|
|
125
|
-
/** @hidden */
|
|
126
|
-
get element(): HTMLSpanElement | null;
|
|
127
|
-
/**
|
|
128
|
-
* The mobile mode of the ComboBox.
|
|
129
|
-
*/
|
|
130
|
-
get mobileMode(): boolean;
|
|
131
|
-
/**
|
|
132
|
-
* The value of the ComboBox.
|
|
133
|
-
*/
|
|
134
|
-
get value(): any;
|
|
135
|
-
/**
|
|
136
|
-
* The index of the selected item.
|
|
137
|
-
*/
|
|
138
|
-
get index(): number;
|
|
139
|
-
/**
|
|
140
|
-
* Gets the `name` property of the ComboBox.
|
|
141
|
-
*/
|
|
142
|
-
get name(): string | undefined;
|
|
143
|
-
/**
|
|
144
|
-
* Represents the validity state into which the component is set.
|
|
145
|
-
*/
|
|
146
|
-
get validity(): FormComponentValidity;
|
|
147
|
-
protected get validityStyles(): boolean;
|
|
148
|
-
/** @hidden */
|
|
149
|
-
protected get required(): boolean;
|
|
150
|
-
/** @hidden */
|
|
151
|
-
componentDidUpdate(prevProps: ComboBoxProps, prevState: ComboBoxState): void;
|
|
152
|
-
/** @hidden */
|
|
153
|
-
componentDidMount(): void;
|
|
154
|
-
/** @hidden */
|
|
155
|
-
componentWillUnmount(): void;
|
|
156
|
-
/** @hidden */
|
|
157
|
-
render(): JSX.Element;
|
|
158
|
-
/** @hidden */
|
|
159
|
-
handleItemSelect: (index: number, state: ComboInternalState) => void;
|
|
160
|
-
/** @hidden */
|
|
161
|
-
onNavigate(state: InternalState, keyCode: number, skipItems?: number): void;
|
|
162
|
-
private onPopupOpened;
|
|
163
|
-
private componentRef;
|
|
164
|
-
private getCurrentValueDisabledStatus;
|
|
165
|
-
private toggleBtnClick;
|
|
166
|
-
private applyValueOnEnter;
|
|
167
|
-
private applyValueOnRejectSuggestions;
|
|
168
|
-
private selectFocusedItem;
|
|
169
|
-
private renderAdaptiveListContainer;
|
|
170
|
-
private renderMobileListFilter;
|
|
171
|
-
private renderListContainer;
|
|
172
|
-
private renderList;
|
|
173
|
-
private handleMobileFilterChange;
|
|
174
|
-
private renderSearchBar;
|
|
175
|
-
private onScroll;
|
|
176
|
-
private handleItemClick;
|
|
177
|
-
private handleBlur;
|
|
178
|
-
private onInputClick;
|
|
179
|
-
private onInputKeyDown;
|
|
180
|
-
private inputOnChange;
|
|
181
|
-
private clearValue;
|
|
182
|
-
private clearButtonClick;
|
|
183
|
-
private clearValueOnEnterOrEsc;
|
|
184
|
-
private clearValueOnBlur;
|
|
185
|
-
private clearValueOnToggleBtnClick;
|
|
186
|
-
private triggerOnChange;
|
|
187
|
-
private getFocusedIndex;
|
|
188
|
-
private suggestValue;
|
|
189
|
-
private applyState;
|
|
190
|
-
private setValidity;
|
|
191
|
-
private calculateMedia;
|
|
192
|
-
}
|
|
193
|
-
/**
|
|
194
|
-
* Represents the PropsContext of the `ComboBox` component.
|
|
195
|
-
* Used for global configuration of all `ComboBox` instances.
|
|
196
|
-
*
|
|
197
|
-
* For more information, refer to the [Dropdowns Props Context]({% slug props-context_dropdowns %}) article.
|
|
198
|
-
*/
|
|
199
|
-
export declare const ComboBoxPropsContext: React.Context<(p: ComboBoxProps) => ComboBoxProps>;
|
|
200
|
-
/**
|
|
201
|
-
* Represent the `ref` of the ComboBox component.
|
|
202
|
-
*/
|
|
203
|
-
export interface ComboBoxHandle extends Pick<ComboBoxWithoutContext, keyof ComboBoxWithoutContext> {
|
|
204
|
-
/**
|
|
205
|
-
* The index of the selected item.
|
|
206
|
-
*/
|
|
207
|
-
index: number;
|
|
208
|
-
/**
|
|
209
|
-
* Gets the `name` property of the ComboBox.
|
|
210
|
-
*/
|
|
211
|
-
name: string | undefined;
|
|
212
|
-
/**
|
|
213
|
-
* Represents the validity state into which the component is set.
|
|
214
|
-
*/
|
|
215
|
-
validity: FormComponentValidity;
|
|
216
|
-
/**
|
|
217
|
-
* The value of the ComboBox.
|
|
218
|
-
*/
|
|
219
|
-
value: any;
|
|
220
|
-
}
|
|
221
|
-
/** @hidden */
|
|
222
|
-
export declare type ComboBox = ComboBoxHandle;
|
|
223
|
-
/**
|
|
224
|
-
* Represents the [KendoReact ComboBox component]({% slug overview_combobox %}).
|
|
225
|
-
*
|
|
226
|
-
* Accepts properties of type [ComboBoxProps]({% slug api_dropdowns_comboboxprops %}).
|
|
227
|
-
* Obtaining the `ref` returns an object of type [ComboBoxHandle]({% slug api_dropdowns_comboboxhandle %}).
|
|
228
|
-
*
|
|
229
|
-
* @example
|
|
230
|
-
* ```jsx
|
|
231
|
-
* class App extends React.Component {
|
|
232
|
-
* combobox = null;
|
|
233
|
-
* render() {
|
|
234
|
-
* return (
|
|
235
|
-
* <div>
|
|
236
|
-
* <ComboBox
|
|
237
|
-
* data={[ "Albania", "Andorra", "Austria", "Belarus" ]}
|
|
238
|
-
* ref={component => this.combobox = component}
|
|
239
|
-
* />
|
|
240
|
-
* <button onClick={() => alert(this.combobox.value)}>alert value</button>
|
|
241
|
-
* </div>
|
|
242
|
-
* );
|
|
243
|
-
* }
|
|
244
|
-
* }
|
|
245
|
-
* ReactDOM.render(<App />, document.querySelector('my-app'));
|
|
246
|
-
* ```
|
|
247
|
-
*/
|
|
248
|
-
export declare const ComboBox: React.ForwardRefExoticComponent<ComboBoxProps & React.RefAttributes<any>>;
|