@progress/kendo-react-dropdowns 6.1.1 → 7.0.0-develop.1
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 +7 -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 +4383 -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
package/dist/es/common/utils.js
DELETED
|
@@ -1,194 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @hidden
|
|
3
|
-
*/
|
|
4
|
-
var isPresent = function (value) { return value !== null && value !== undefined; };
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
var sameCharsOnly = function (word, character) {
|
|
9
|
-
for (var idx = 0; idx < word.length; idx++) {
|
|
10
|
-
if (word.charAt(idx) !== character) {
|
|
11
|
-
return false;
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
return true;
|
|
15
|
-
};
|
|
16
|
-
/**
|
|
17
|
-
* @hidden
|
|
18
|
-
*/
|
|
19
|
-
var shuffleData = function (data, splitIndex, defaultItem) {
|
|
20
|
-
var result = data;
|
|
21
|
-
if (defaultItem) {
|
|
22
|
-
result = [defaultItem].concat(result);
|
|
23
|
-
}
|
|
24
|
-
return result.slice(splitIndex).concat(result.slice(0, splitIndex));
|
|
25
|
-
};
|
|
26
|
-
/**
|
|
27
|
-
* @hidden
|
|
28
|
-
*/
|
|
29
|
-
var matchText = function (text, word, ignoreCase) {
|
|
30
|
-
if (!isPresent(text)) {
|
|
31
|
-
return false;
|
|
32
|
-
}
|
|
33
|
-
var temp = String(text);
|
|
34
|
-
if (ignoreCase) {
|
|
35
|
-
temp = temp.toLowerCase();
|
|
36
|
-
}
|
|
37
|
-
return temp.indexOf(word) === 0;
|
|
38
|
-
};
|
|
39
|
-
/**
|
|
40
|
-
* @hidden
|
|
41
|
-
*/
|
|
42
|
-
var scrollToItem = function (scrollElem, list, itemIndex, translate, virtualScroll) {
|
|
43
|
-
var viewportHeight = scrollElem.offsetHeight;
|
|
44
|
-
var li = list.children.item(itemIndex);
|
|
45
|
-
var itemOffsetTop = li.offsetTop + (virtualScroll ? translate - scrollElem.scrollTop : 0);
|
|
46
|
-
var itemHeight = li.offsetHeight;
|
|
47
|
-
if (virtualScroll) {
|
|
48
|
-
var diff = 0;
|
|
49
|
-
if (itemOffsetTop + itemHeight > viewportHeight) {
|
|
50
|
-
diff = itemOffsetTop + itemHeight - viewportHeight;
|
|
51
|
-
}
|
|
52
|
-
else if (itemOffsetTop < 0) {
|
|
53
|
-
diff = itemOffsetTop;
|
|
54
|
-
}
|
|
55
|
-
if (diff !== 0) {
|
|
56
|
-
scrollElem.scrollTop += diff;
|
|
57
|
-
}
|
|
58
|
-
else if (scrollElem.scrollTop === 0 && translate !== 0) {
|
|
59
|
-
scrollElem.scrollTop = translate;
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
else {
|
|
63
|
-
if (itemOffsetTop + itemHeight > viewportHeight + scrollElem.scrollTop) {
|
|
64
|
-
scrollElem.scrollTop = (itemOffsetTop + itemHeight - viewportHeight);
|
|
65
|
-
}
|
|
66
|
-
else if (itemOffsetTop < scrollElem.scrollTop) {
|
|
67
|
-
scrollElem.scrollTop -= scrollElem.scrollTop - itemOffsetTop;
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
};
|
|
71
|
-
/**
|
|
72
|
-
* @hidden
|
|
73
|
-
*/
|
|
74
|
-
var itemIndexStartsWith = function (items, text, field) {
|
|
75
|
-
var result = -1;
|
|
76
|
-
if (text) {
|
|
77
|
-
text = text.toLowerCase();
|
|
78
|
-
for (var i = 0; i < items.length; i++) {
|
|
79
|
-
var itemText = (getItemValue(items[i], field) || '') + '';
|
|
80
|
-
if (itemText && itemText.toLowerCase().startsWith(text)) {
|
|
81
|
-
result = i;
|
|
82
|
-
break;
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
return result;
|
|
87
|
-
};
|
|
88
|
-
/**
|
|
89
|
-
* @hidden
|
|
90
|
-
*/
|
|
91
|
-
var getItemIndexByText = function (data, text, textField, matchCase) {
|
|
92
|
-
if (matchCase === void 0) { matchCase = false; }
|
|
93
|
-
var casing = function (value) { return matchCase ? value : value.toLowerCase(); };
|
|
94
|
-
return data.findIndex(function (item) {
|
|
95
|
-
return textField ? casing(getItemValue(item, textField)) === casing(text) :
|
|
96
|
-
casing(text) === casing(item.toString());
|
|
97
|
-
});
|
|
98
|
-
};
|
|
99
|
-
/**
|
|
100
|
-
* @hidden
|
|
101
|
-
*/
|
|
102
|
-
var getItemValue = function (item, field) {
|
|
103
|
-
if (field && isPresent(item)) {
|
|
104
|
-
var path = field.split('.');
|
|
105
|
-
var data_1 = item;
|
|
106
|
-
path.forEach(function (p) {
|
|
107
|
-
data_1 = data_1 ? data_1[p] : undefined;
|
|
108
|
-
});
|
|
109
|
-
return data_1;
|
|
110
|
-
}
|
|
111
|
-
return item;
|
|
112
|
-
};
|
|
113
|
-
/**
|
|
114
|
-
* @hidden
|
|
115
|
-
*/
|
|
116
|
-
var matchDataCollections = function (data1, data2, key) {
|
|
117
|
-
if (data1 === void 0) { data1 = []; }
|
|
118
|
-
if (data2 === void 0) { data2 = []; }
|
|
119
|
-
if (data1 === data2) {
|
|
120
|
-
return true;
|
|
121
|
-
}
|
|
122
|
-
if (data1.length !== data2.length) {
|
|
123
|
-
return false;
|
|
124
|
-
}
|
|
125
|
-
for (var i = 0; i < data1.length; i++) {
|
|
126
|
-
if (!areSame(data1[i], data2[i], key)) {
|
|
127
|
-
return false;
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
return true;
|
|
131
|
-
};
|
|
132
|
-
/**
|
|
133
|
-
* @hidden
|
|
134
|
-
*/
|
|
135
|
-
var removeDataItems = function (items, toRemove, key) {
|
|
136
|
-
toRemove.forEach(function (item) {
|
|
137
|
-
var itemIndex = items.findIndex(function (i) { return areSame(i, item, key); });
|
|
138
|
-
if (itemIndex !== -1) {
|
|
139
|
-
items.splice(itemIndex, 1);
|
|
140
|
-
}
|
|
141
|
-
});
|
|
142
|
-
};
|
|
143
|
-
/**
|
|
144
|
-
* @hidden
|
|
145
|
-
*/
|
|
146
|
-
var areSame = function (item1, item2, key) {
|
|
147
|
-
return item1 === item2 ||
|
|
148
|
-
(isPresent(item1) === isPresent(item2) && getItemValue(item1, key) === getItemValue(item2, key));
|
|
149
|
-
};
|
|
150
|
-
/**
|
|
151
|
-
* @hidden
|
|
152
|
-
*/
|
|
153
|
-
var getFocusedItem = function (data, value, textField) {
|
|
154
|
-
if (value) {
|
|
155
|
-
var selectedIndex = getItemIndexByText(data, value, textField, true);
|
|
156
|
-
return selectedIndex !== -1 ? data[selectedIndex] : data[itemIndexStartsWith(data, value, textField)];
|
|
157
|
-
}
|
|
158
|
-
return data[0];
|
|
159
|
-
};
|
|
160
|
-
/**
|
|
161
|
-
* @hidden
|
|
162
|
-
*/
|
|
163
|
-
var suggestValue = function (value, data, textField) {
|
|
164
|
-
if (data === void 0) { data = []; }
|
|
165
|
-
var suggested = '';
|
|
166
|
-
if (value) {
|
|
167
|
-
var suggestedItem = data[itemIndexStartsWith(data, value, textField)];
|
|
168
|
-
if (suggestedItem) {
|
|
169
|
-
var suggestedText = getItemValue(suggestedItem, textField);
|
|
170
|
-
if (value.toLowerCase() !== suggestedText.toLowerCase()) {
|
|
171
|
-
suggested = suggestedText.substring(value.length);
|
|
172
|
-
}
|
|
173
|
-
}
|
|
174
|
-
}
|
|
175
|
-
return suggested;
|
|
176
|
-
};
|
|
177
|
-
/**
|
|
178
|
-
* @hidden
|
|
179
|
-
*/
|
|
180
|
-
var preventDefaultNonInputs = function (event) {
|
|
181
|
-
if (event.target.nodeName !== 'INPUT') {
|
|
182
|
-
event.preventDefault();
|
|
183
|
-
}
|
|
184
|
-
};
|
|
185
|
-
/**
|
|
186
|
-
* @hidden
|
|
187
|
-
*/
|
|
188
|
-
var matchTags = function (tag1, tag2, key) {
|
|
189
|
-
if (!!tag1 !== !!tag2 || tag1.text !== tag2.text) {
|
|
190
|
-
return false;
|
|
191
|
-
}
|
|
192
|
-
return tag1 === tag2 || matchDataCollections(tag1.data, tag2.data, key);
|
|
193
|
-
};
|
|
194
|
-
export { isPresent, sameCharsOnly, shuffleData, matchText, scrollToItem, itemIndexStartsWith, getItemIndexByText, getItemValue, matchDataCollections, removeDataItems, areSame, getFocusedItem, preventDefaultNonInputs, suggestValue, matchTags };
|
package/dist/es/main.d.ts
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { FormComponentValidity } from '@progress/kendo-react-common';
|
|
2
|
-
import { DropDownList, DropDownListHandle, DropDownListPropsContext, DropDownListWithoutContext } from './DropDownList/DropDownList';
|
|
3
|
-
import { DropDownListProps, DropDownListFilterChangeEvent, DropDownListChangeEvent, DropDownListOpenEvent, DropDownListCloseEvent, DropDownListFocusEvent, DropDownListBlurEvent, DropDownListPageChangeEvent } from './DropDownList/DropDownListProps';
|
|
4
|
-
import { Page, VirtualizationSettings, DropDownsPopupSettings, Suggestion } from './common/settings';
|
|
5
|
-
import ListItem, { ListItemProps } from './common/ListItem';
|
|
6
|
-
import List from './common/List';
|
|
7
|
-
import SearchBar from './common/SearchBar';
|
|
8
|
-
import ListContainer from './common/ListContainer';
|
|
9
|
-
import ListFilter from './common/ListFilter';
|
|
10
|
-
import { messages as dropdownsMessages, nodata } from './messages/index';
|
|
11
|
-
import { scrollToItem } from './common/utils';
|
|
12
|
-
import { ComboBox, ComboBoxPropsContext, ComboBoxHandle, ComboBoxWithoutContext } from './ComboBox/ComboBox';
|
|
13
|
-
import { ComboBoxProps, ComboBoxFilterChangeEvent, ComboBoxChangeEvent, ComboBoxOpenEvent, ComboBoxCloseEvent, ComboBoxFocusEvent, ComboBoxBlurEvent, ComboBoxPageChangeEvent } from './ComboBox/ComboBoxProps';
|
|
14
|
-
import { AutoComplete, AutoCompleteHandle, AutoCompletePropsContext, AutoCompleteWithoutContext } from './AutoComplete/AutoComplete';
|
|
15
|
-
import { AutoCompleteProps, AutoCompleteChangeEvent, AutoCompleteOpenEvent, AutoCompleteCloseEvent, AutoCompleteFocusEvent, AutoCompleteBlurEvent } from './AutoComplete/AutoCompleteProps';
|
|
16
|
-
import { MultiSelect, MultiSelectHandle, MultiSelectPropsContext, MultiSelectWithoutContext } from './MultiSelect/MultiSelect';
|
|
17
|
-
import { MultiSelectProps, MultiSelectChangeEvent, MultiSelectPageChangeEvent, MultiSelectFilterChangeEvent, MultiSelectOpenEvent, MultiSelectCloseEvent, MultiSelectFocusEvent, MultiSelectBlurEvent } from './MultiSelect/MultiSelectProps';
|
|
18
|
-
import TagList, { TagData as MultiSelectTagData, TagData } from './MultiSelect/TagList';
|
|
19
|
-
import { MultiColumnComboBox, MultiColumnComboBoxPropsContext, MultiColumnComboBoxProps, MultiColumnComboBoxHandle, MultiColumnComboBoxColumn, MultiColumnComboBoxChangeEvent } from './MultiColumnComboBox/MultiColumnComboBox';
|
|
20
|
-
import { DropDownTree, DropDownTreePropsContext } from './DropDownTree/DropDownTree';
|
|
21
|
-
export * from './DropDownTree/DropDownTreeProps';
|
|
22
|
-
import { MultiSelectTree, MultiSelectTreePropsContext } from './MultiSelectTree/MultiSelectTree';
|
|
23
|
-
export * from './MultiSelectTree/MultiSelectTreeProps';
|
|
24
|
-
export * from './MultiSelectTree/utils';
|
|
25
|
-
export { AutoComplete, AutoCompleteHandle, AutoCompleteProps, AutoCompletePropsContext, AutoCompleteWithoutContext, AutoCompleteChangeEvent, AutoCompleteOpenEvent, AutoCompleteCloseEvent, AutoCompleteFocusEvent, AutoCompleteBlurEvent, DropDownList, DropDownListHandle, DropDownListProps, DropDownListPropsContext, DropDownListWithoutContext, DropDownListFilterChangeEvent, DropDownListChangeEvent, DropDownListOpenEvent, DropDownListCloseEvent, DropDownListFocusEvent, DropDownListBlurEvent, DropDownListPageChangeEvent, Page, VirtualizationSettings, DropDownsPopupSettings, ListItemProps, Suggestion, ComboBox, ComboBoxHandle, ComboBoxProps, ComboBoxPropsContext, ComboBoxWithoutContext, ComboBoxFilterChangeEvent, ComboBoxChangeEvent, ComboBoxOpenEvent, ComboBoxCloseEvent, ComboBoxFocusEvent, ComboBoxBlurEvent, ComboBoxPageChangeEvent, MultiSelect, MultiSelectHandle, MultiSelectProps, MultiSelectPropsContext, MultiSelectWithoutContext, MultiSelectChangeEvent, MultiSelectPageChangeEvent, MultiSelectFilterChangeEvent, MultiSelectOpenEvent, MultiSelectCloseEvent, MultiSelectFocusEvent, MultiSelectBlurEvent, MultiSelectTagData, FormComponentValidity, MultiColumnComboBox, MultiColumnComboBoxColumn, MultiColumnComboBoxProps, MultiColumnComboBoxPropsContext, MultiColumnComboBoxHandle, MultiColumnComboBoxChangeEvent, DropDownTree, DropDownTreePropsContext, MultiSelectTree, MultiSelectTreePropsContext, TagData, TagList, SearchBar, List, ListItem, ListContainer, ListFilter, dropdownsMessages, nodata, scrollToItem };
|
package/dist/es/main.js
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { DropDownList, DropDownListPropsContext, DropDownListWithoutContext } from './DropDownList/DropDownList';
|
|
2
|
-
import ListItem from './common/ListItem';
|
|
3
|
-
import List from './common/List';
|
|
4
|
-
import SearchBar from './common/SearchBar';
|
|
5
|
-
import ListContainer from './common/ListContainer';
|
|
6
|
-
import ListFilter from './common/ListFilter';
|
|
7
|
-
import { messages as dropdownsMessages, nodata } from './messages/index';
|
|
8
|
-
import { scrollToItem } from './common/utils';
|
|
9
|
-
import { ComboBox, ComboBoxPropsContext, ComboBoxWithoutContext } from './ComboBox/ComboBox';
|
|
10
|
-
import { AutoComplete, AutoCompletePropsContext, AutoCompleteWithoutContext } from './AutoComplete/AutoComplete';
|
|
11
|
-
import { MultiSelect, MultiSelectPropsContext, MultiSelectWithoutContext } from './MultiSelect/MultiSelect';
|
|
12
|
-
import TagList from './MultiSelect/TagList';
|
|
13
|
-
import { MultiColumnComboBox, MultiColumnComboBoxPropsContext } from './MultiColumnComboBox/MultiColumnComboBox';
|
|
14
|
-
import { DropDownTree, DropDownTreePropsContext } from './DropDownTree/DropDownTree';
|
|
15
|
-
export * from './DropDownTree/DropDownTreeProps';
|
|
16
|
-
import { MultiSelectTree, MultiSelectTreePropsContext } from './MultiSelectTree/MultiSelectTree';
|
|
17
|
-
export * from './MultiSelectTree/MultiSelectTreeProps';
|
|
18
|
-
export * from './MultiSelectTree/utils';
|
|
19
|
-
export { AutoComplete, AutoCompletePropsContext, AutoCompleteWithoutContext, DropDownList, DropDownListPropsContext, DropDownListWithoutContext, ComboBox, ComboBoxPropsContext, ComboBoxWithoutContext, MultiSelect, MultiSelectPropsContext, MultiSelectWithoutContext, MultiColumnComboBox, MultiColumnComboBoxPropsContext, DropDownTree, DropDownTreePropsContext, MultiSelectTree, MultiSelectTreePropsContext, TagList, SearchBar, List, ListItem, ListContainer, ListFilter, dropdownsMessages, nodata, scrollToItem };
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @hidden
|
|
3
|
-
*/
|
|
4
|
-
export declare const nodata = "dropdowns.nodata";
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export declare const clear = "dropdowns.clear";
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
export declare const comboArrowBtnAriaLabelExpand = "dropdowns.comboArrowBtnAriaLabelExpand";
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
export declare const comboArrowBtnAriaLabelCollapse = "dropdowns.comboArrowBtnAriaLabelCollapse";
|
|
17
|
-
/**
|
|
18
|
-
* @hidden
|
|
19
|
-
*/
|
|
20
|
-
export declare const dropDownListArrowBtnAriaLabel = "dropdowns.dropDownListArrowBtnAriaLabel";
|
|
21
|
-
/**
|
|
22
|
-
* @hidden
|
|
23
|
-
*/
|
|
24
|
-
export declare const adaptiveModeFooterApply = "dropdowns.apply";
|
|
25
|
-
/**
|
|
26
|
-
* @hidden
|
|
27
|
-
*/
|
|
28
|
-
export declare const adaptiveModeFooterCancel = "dropdowns.cancel";
|
|
29
|
-
/**
|
|
30
|
-
* @hidden
|
|
31
|
-
*/
|
|
32
|
-
export declare const messages: {
|
|
33
|
-
"dropdowns.clear": string;
|
|
34
|
-
"dropdowns.nodata": string;
|
|
35
|
-
"dropdowns.comboArrowBtnAriaLabelExpand": string;
|
|
36
|
-
"dropdowns.comboArrowBtnAriaLabelCollapse": string;
|
|
37
|
-
"dropdowns.dropDownListArrowBtnAriaLabel": string;
|
|
38
|
-
"dropdowns.apply": string;
|
|
39
|
-
"dropdowns.cancel": string;
|
|
40
|
-
};
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
var _a;
|
|
2
|
-
/**
|
|
3
|
-
* @hidden
|
|
4
|
-
*/
|
|
5
|
-
export var nodata = 'dropdowns.nodata';
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
export var clear = 'dropdowns.clear';
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
export var comboArrowBtnAriaLabelExpand = 'dropdowns.comboArrowBtnAriaLabelExpand';
|
|
14
|
-
/**
|
|
15
|
-
* @hidden
|
|
16
|
-
*/
|
|
17
|
-
export var comboArrowBtnAriaLabelCollapse = 'dropdowns.comboArrowBtnAriaLabelCollapse';
|
|
18
|
-
/**
|
|
19
|
-
* @hidden
|
|
20
|
-
*/
|
|
21
|
-
export var dropDownListArrowBtnAriaLabel = 'dropdowns.dropDownListArrowBtnAriaLabel';
|
|
22
|
-
/**
|
|
23
|
-
* @hidden
|
|
24
|
-
*/
|
|
25
|
-
export var adaptiveModeFooterApply = 'dropdowns.apply';
|
|
26
|
-
/**
|
|
27
|
-
* @hidden
|
|
28
|
-
*/
|
|
29
|
-
export var adaptiveModeFooterCancel = 'dropdowns.cancel';
|
|
30
|
-
/**
|
|
31
|
-
* @hidden
|
|
32
|
-
*/
|
|
33
|
-
export var messages = (_a = {},
|
|
34
|
-
_a[clear] = 'clear',
|
|
35
|
-
_a[nodata] = 'NO DATA FOUND.',
|
|
36
|
-
_a[comboArrowBtnAriaLabelExpand] = 'expand combobox',
|
|
37
|
-
_a[comboArrowBtnAriaLabelCollapse] = 'collapse combobox',
|
|
38
|
-
_a[dropDownListArrowBtnAriaLabel] = 'select',
|
|
39
|
-
_a[adaptiveModeFooterApply] = 'Apply',
|
|
40
|
-
_a[adaptiveModeFooterCancel] = 'Cancel',
|
|
41
|
-
_a);
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @hidden
|
|
3
|
-
*/
|
|
4
|
-
export var packageMetadata = {
|
|
5
|
-
name: '@progress/kendo-react-dropdowns',
|
|
6
|
-
productName: 'KendoReact',
|
|
7
|
-
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate: 1700064130,
|
|
9
|
-
version: '',
|
|
10
|
-
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
|
|
11
|
-
};
|
|
@@ -1,230 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as PropTypes from 'prop-types';
|
|
3
|
-
import { AutoCompleteProps } from './AutoCompleteProps';
|
|
4
|
-
import { DropDownStateBase, InternalState } from './../common/settings';
|
|
5
|
-
import DropDownBase from '../common/DropDownBase';
|
|
6
|
-
import { FormComponent, FormComponentValidity } from '@progress/kendo-react-common';
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
export interface AutoCompleteState extends DropDownStateBase {
|
|
11
|
-
focusedItem?: any;
|
|
12
|
-
value?: string;
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* @hidden
|
|
16
|
-
*/
|
|
17
|
-
export interface AutoCompleteInternalState extends InternalState {
|
|
18
|
-
data: AutoCompleteState;
|
|
19
|
-
}
|
|
20
|
-
/** @hidden */
|
|
21
|
-
export declare class AutoCompleteWithoutContext extends React.Component<AutoCompleteProps, AutoCompleteState> implements FormComponent {
|
|
22
|
-
static displayName: string;
|
|
23
|
-
/**
|
|
24
|
-
* @hidden
|
|
25
|
-
*/
|
|
26
|
-
static propTypes: {
|
|
27
|
-
size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
|
|
28
|
-
rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>;
|
|
29
|
-
fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | null | undefined>;
|
|
30
|
-
groupField: PropTypes.Requireable<string>;
|
|
31
|
-
suggest: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
|
|
32
|
-
placeholder: PropTypes.Requireable<string>;
|
|
33
|
-
value: PropTypes.Requireable<string>;
|
|
34
|
-
defaultValue: PropTypes.Requireable<string>;
|
|
35
|
-
validationMessage: PropTypes.Requireable<string>;
|
|
36
|
-
required: PropTypes.Requireable<boolean>;
|
|
37
|
-
readonly: PropTypes.Requireable<boolean>;
|
|
38
|
-
clearButton: PropTypes.Requireable<boolean>;
|
|
39
|
-
valueRender: PropTypes.Requireable<(...args: any[]) => any>;
|
|
40
|
-
id: PropTypes.Requireable<string>;
|
|
41
|
-
ariaLabelledBy: PropTypes.Requireable<string>;
|
|
42
|
-
ariaDescribedBy: PropTypes.Requireable<string>;
|
|
43
|
-
list: PropTypes.Requireable<any>;
|
|
44
|
-
skipDisabledItems: PropTypes.Requireable<boolean>;
|
|
45
|
-
opened: PropTypes.Requireable<boolean>;
|
|
46
|
-
disabled: PropTypes.Requireable<boolean>;
|
|
47
|
-
dir: PropTypes.Requireable<string>;
|
|
48
|
-
tabIndex: PropTypes.Requireable<number>;
|
|
49
|
-
accessKey: PropTypes.Requireable<string>;
|
|
50
|
-
data: PropTypes.Requireable<any[]>;
|
|
51
|
-
textField: PropTypes.Requireable<string>;
|
|
52
|
-
className: PropTypes.Requireable<string>;
|
|
53
|
-
label: PropTypes.Requireable<string>;
|
|
54
|
-
loading: PropTypes.Requireable<boolean>;
|
|
55
|
-
popupSettings: PropTypes.Requireable<PropTypes.InferProps<{
|
|
56
|
-
animate: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
|
|
57
|
-
openDuration: PropTypes.Requireable<number>;
|
|
58
|
-
closeDuration: PropTypes.Requireable<number>;
|
|
59
|
-
}> | null | undefined>>;
|
|
60
|
-
popupClass: PropTypes.Requireable<string>;
|
|
61
|
-
className: PropTypes.Requireable<string>;
|
|
62
|
-
appendTo: PropTypes.Requireable<any>;
|
|
63
|
-
width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
|
|
64
|
-
height: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
|
|
65
|
-
}>>;
|
|
66
|
-
onOpen: PropTypes.Requireable<(...args: any[]) => any>;
|
|
67
|
-
onClose: PropTypes.Requireable<(...args: any[]) => any>;
|
|
68
|
-
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
|
|
69
|
-
onBlur: PropTypes.Requireable<(...args: any[]) => any>;
|
|
70
|
-
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
71
|
-
itemRender: PropTypes.Requireable<(...args: any[]) => any>;
|
|
72
|
-
listNoDataRender: PropTypes.Requireable<(...args: any[]) => any>;
|
|
73
|
-
focusedItemIndex: PropTypes.Requireable<(...args: any[]) => any>;
|
|
74
|
-
header: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
75
|
-
footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
76
|
-
};
|
|
77
|
-
/**
|
|
78
|
-
* @hidden
|
|
79
|
-
*/
|
|
80
|
-
static defaultProps: {
|
|
81
|
-
size: "small" | "medium" | "large" | null | undefined;
|
|
82
|
-
rounded: "small" | "medium" | "full" | "large" | null | undefined;
|
|
83
|
-
fillMode: "flat" | "outline" | "solid" | null | undefined;
|
|
84
|
-
skipDisabledItems: boolean;
|
|
85
|
-
popupSettings: {
|
|
86
|
-
height: string;
|
|
87
|
-
};
|
|
88
|
-
required: boolean;
|
|
89
|
-
validityStyles: boolean;
|
|
90
|
-
};
|
|
91
|
-
/**
|
|
92
|
-
* @hidden
|
|
93
|
-
*/
|
|
94
|
-
readonly state: AutoCompleteState;
|
|
95
|
-
protected readonly base: DropDownBase;
|
|
96
|
-
private _element;
|
|
97
|
-
private _inputId;
|
|
98
|
-
private _suggested;
|
|
99
|
-
private _input;
|
|
100
|
-
private _valueDuringOnChange?;
|
|
101
|
-
private _isScrolling;
|
|
102
|
-
private itemHeight;
|
|
103
|
-
constructor(props: AutoCompleteProps);
|
|
104
|
-
/**
|
|
105
|
-
* @hidden
|
|
106
|
-
*/
|
|
107
|
-
focus: () => void;
|
|
108
|
-
/**
|
|
109
|
-
* @hidden
|
|
110
|
-
*/
|
|
111
|
-
get element(): HTMLSpanElement | null;
|
|
112
|
-
/**
|
|
113
|
-
* The value of the AutoComplete.
|
|
114
|
-
*/
|
|
115
|
-
get value(): string;
|
|
116
|
-
/**
|
|
117
|
-
* Gets the `name` property of the AutoComplete.
|
|
118
|
-
*/
|
|
119
|
-
get name(): string | undefined;
|
|
120
|
-
/**
|
|
121
|
-
* Represents the validity state into which the AutoComplete is set.
|
|
122
|
-
*/
|
|
123
|
-
get validity(): FormComponentValidity;
|
|
124
|
-
/**
|
|
125
|
-
* @hidden
|
|
126
|
-
*/
|
|
127
|
-
protected get validityStyles(): boolean;
|
|
128
|
-
/**
|
|
129
|
-
* @hidden
|
|
130
|
-
*/
|
|
131
|
-
protected get required(): boolean;
|
|
132
|
-
/**
|
|
133
|
-
* @hidden
|
|
134
|
-
*/
|
|
135
|
-
componentDidUpdate(prevProps: AutoCompleteProps, prevState: AutoCompleteState): void;
|
|
136
|
-
/**
|
|
137
|
-
* @hidden
|
|
138
|
-
*/
|
|
139
|
-
componentDidMount(): void;
|
|
140
|
-
/**
|
|
141
|
-
* @hidden
|
|
142
|
-
*/
|
|
143
|
-
render(): JSX.Element;
|
|
144
|
-
/**
|
|
145
|
-
* @hidden
|
|
146
|
-
*/
|
|
147
|
-
handleItemSelect: (index: number, state: AutoCompleteInternalState) => void;
|
|
148
|
-
/**
|
|
149
|
-
* @hidden
|
|
150
|
-
*/
|
|
151
|
-
itemFocus: (index: number, state: AutoCompleteInternalState) => void;
|
|
152
|
-
/**
|
|
153
|
-
* @hidden
|
|
154
|
-
*/
|
|
155
|
-
togglePopup: (state: InternalState) => void;
|
|
156
|
-
/**
|
|
157
|
-
* @hidden
|
|
158
|
-
*/
|
|
159
|
-
onNavigate(state: AutoCompleteInternalState, keyCode: number, skipItems?: number): void;
|
|
160
|
-
/**
|
|
161
|
-
* @hidden
|
|
162
|
-
*/
|
|
163
|
-
applyInputValue(value: string, state: AutoCompleteInternalState, eventKey?: number): void;
|
|
164
|
-
private setValidity;
|
|
165
|
-
private renderSearchBar;
|
|
166
|
-
private renderListContainer;
|
|
167
|
-
private renderList;
|
|
168
|
-
private onScroll;
|
|
169
|
-
private handleItemClick;
|
|
170
|
-
private onChangeHandler;
|
|
171
|
-
private clearButtonClick;
|
|
172
|
-
private onInputKeyDown;
|
|
173
|
-
private handleBlur;
|
|
174
|
-
private triggerOnChange;
|
|
175
|
-
private applyState;
|
|
176
|
-
private suggestValue;
|
|
177
|
-
private focusedIndex;
|
|
178
|
-
}
|
|
179
|
-
/**
|
|
180
|
-
* Represents the PropsContext of the `AutoComplete` component.
|
|
181
|
-
* Used for global configuration of all `AutoComplete` instances.
|
|
182
|
-
*
|
|
183
|
-
* For more information, refer to the [Dropdowns Props Context]({% slug props-context_dropdowns %}) article.
|
|
184
|
-
*/
|
|
185
|
-
export declare const AutoCompletePropsContext: React.Context<(p: AutoCompleteProps) => AutoCompleteProps>;
|
|
186
|
-
/**
|
|
187
|
-
* Represent the `ref` of the AutoComplete component.
|
|
188
|
-
*/
|
|
189
|
-
export interface AutoCompleteHandle extends Pick<AutoCompleteWithoutContext, keyof AutoCompleteWithoutContext> {
|
|
190
|
-
/**
|
|
191
|
-
* Gets the `name` property of the AutoComplete.
|
|
192
|
-
*/
|
|
193
|
-
name: string | undefined;
|
|
194
|
-
/**
|
|
195
|
-
* Represents the validity state into which the AutoComplete is set.
|
|
196
|
-
*/
|
|
197
|
-
validity: FormComponentValidity;
|
|
198
|
-
/**
|
|
199
|
-
* The value of the AutoComplete.
|
|
200
|
-
*/
|
|
201
|
-
value: string;
|
|
202
|
-
}
|
|
203
|
-
/** @hidden */
|
|
204
|
-
export declare type AutoComplete = AutoCompleteHandle;
|
|
205
|
-
/**
|
|
206
|
-
* Represents the [KendoReact AutoComplete component]({% slug overview_autocomplete %}).
|
|
207
|
-
*
|
|
208
|
-
* Accepts properties of type [AutoCompleteProps]({% slug api_dropdowns_autocompleteprops %}).
|
|
209
|
-
* Obtaining the `ref` returns an object of type [AutoCompleteHandle]({% slug api_dropdowns_autocompletehandle %}).
|
|
210
|
-
*
|
|
211
|
-
* @example
|
|
212
|
-
* ```jsx
|
|
213
|
-
* class App extends React.Component {
|
|
214
|
-
* autocomplete = null;
|
|
215
|
-
* render() {
|
|
216
|
-
* return (
|
|
217
|
-
* <div>
|
|
218
|
-
* <AutoComplete
|
|
219
|
-
* data={[ "Albania", "Andorra", "Austria", "Belarus" ]}
|
|
220
|
-
* ref={component => this.autocomplete = component}
|
|
221
|
-
* />
|
|
222
|
-
* <button onClick={() => alert(this.autocomplete.value)}>alert value</button>
|
|
223
|
-
* </div>
|
|
224
|
-
* );
|
|
225
|
-
* }
|
|
226
|
-
* }
|
|
227
|
-
* ReactDOM.render(<App />, document.querySelector('my-app'));
|
|
228
|
-
* ```
|
|
229
|
-
*/
|
|
230
|
-
export declare const AutoComplete: React.ForwardRefExoticComponent<AutoCompleteProps & React.RefAttributes<any>>;
|