@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.
Files changed (177) hide show
  1. package/{dist/es/AutoComplete → AutoComplete}/AutoComplete.d.ts +12 -8
  2. package/{dist/npm/AutoComplete → AutoComplete}/AutoCompleteProps.d.ts +4 -1
  3. package/{dist/es/ComboBox → ComboBox}/ComboBox.d.ts +12 -8
  4. package/{dist/es/ComboBox → ComboBox}/ComboBoxProps.d.ts +4 -1
  5. package/{dist/es/DropDownList → DropDownList}/DropDownList.d.ts +9 -5
  6. package/{dist/es/DropDownList → DropDownList}/DropDownListProps.d.ts +4 -1
  7. package/{dist/es/DropDownTree → DropDownTree}/DropDownTree.d.ts +4 -0
  8. package/{dist/npm/DropDownTree → DropDownTree}/DropDownTreeProps.d.ts +4 -1
  9. package/DropDownTree/ListNoData.d.ts +10 -0
  10. package/DropDownTree/useDropdownWidth.d.ts +9 -0
  11. package/LICENSE.md +1 -1
  12. package/{dist/es/MultiColumnComboBox → MultiColumnComboBox}/MultiColumnComboBox.d.ts +4 -0
  13. package/{dist/npm/MultiSelect → MultiSelect}/MultiSelect.d.ts +9 -5
  14. package/{dist/es/MultiSelect → MultiSelect}/MultiSelectProps.d.ts +4 -1
  15. package/{dist/npm/MultiSelect → MultiSelect}/TagList.d.ts +5 -1
  16. package/{dist/es/MultiSelectTree → MultiSelectTree}/MultiSelectTree.d.ts +4 -0
  17. package/{dist/es/MultiSelectTree → MultiSelectTree}/MultiSelectTreeProps.d.ts +5 -1
  18. package/{dist/npm/MultiSelectTree → MultiSelectTree}/utils.d.ts +5 -1
  19. package/{dist/npm/common → common}/AdaptiveMode.d.ts +5 -1
  20. package/common/ClearButton.d.ts +18 -0
  21. package/{dist/npm/common → common}/DropDownBase.d.ts +5 -1
  22. package/{dist/es/common → common}/GroupStickyHeader.d.ts +5 -1
  23. package/{dist/es/common → common}/List.d.ts +8 -3
  24. package/common/ListContainer.d.ts +22 -0
  25. package/common/ListDefaultItem.d.ts +20 -0
  26. package/{dist/npm/common → common}/ListFilter.d.ts +4 -0
  27. package/{dist/npm/common → common}/ListGroupItem.d.ts +5 -1
  28. package/{dist/npm/common → common}/ListItem.d.ts +5 -1
  29. package/common/MultiColumnList.d.ts +9 -0
  30. package/common/Navigation.d.ts +17 -0
  31. package/{dist/es/common → common}/SearchBar.d.ts +5 -1
  32. package/{dist/npm/common → common}/VirtualScroll.d.ts +4 -1
  33. package/common/constants.d.ts +8 -0
  34. package/{dist/es/common → common}/events.d.ts +4 -1
  35. package/{dist/npm/common → common}/filterDescriptor.d.ts +4 -0
  36. package/{dist/es/common → common}/settings.d.ts +5 -2
  37. package/{dist/npm/common → common}/utils.d.ts +4 -0
  38. package/dist/cdn/js/kendo-react-dropdowns.js +5 -1
  39. package/index.d.ts +29 -0
  40. package/index.js +5 -0
  41. package/index.mjs +4397 -0
  42. package/{dist/npm/messages → messages}/index.d.ts +4 -0
  43. package/package-metadata.d.ts +9 -0
  44. package/package.json +34 -62
  45. package/about.md +0 -3
  46. package/dist/es/AutoComplete/AutoComplete.js +0 -652
  47. package/dist/es/AutoComplete/AutoCompleteProps.d.ts +0 -243
  48. package/dist/es/AutoComplete/AutoCompleteProps.js +0 -2
  49. package/dist/es/ComboBox/ComboBox.js +0 -915
  50. package/dist/es/ComboBox/ComboBoxProps.js +0 -2
  51. package/dist/es/DropDownList/DropDownList.js +0 -887
  52. package/dist/es/DropDownList/DropDownListProps.js +0 -2
  53. package/dist/es/DropDownTree/DropDownTree.js +0 -540
  54. package/dist/es/DropDownTree/DropDownTreeProps.d.ts +0 -294
  55. package/dist/es/DropDownTree/DropDownTreeProps.js +0 -2
  56. package/dist/es/DropDownTree/ListNoData.d.ts +0 -6
  57. package/dist/es/DropDownTree/ListNoData.js +0 -8
  58. package/dist/es/DropDownTree/useDropdownWidth.d.ts +0 -5
  59. package/dist/es/DropDownTree/useDropdownWidth.js +0 -13
  60. package/dist/es/MultiColumnComboBox/MultiColumnComboBox.js +0 -213
  61. package/dist/es/MultiSelect/MultiSelect.d.ts +0 -256
  62. package/dist/es/MultiSelect/MultiSelect.js +0 -1110
  63. package/dist/es/MultiSelect/MultiSelectProps.js +0 -2
  64. package/dist/es/MultiSelect/TagList.d.ts +0 -38
  65. package/dist/es/MultiSelect/TagList.js +0 -39
  66. package/dist/es/MultiSelectTree/MultiSelectTree.js +0 -619
  67. package/dist/es/MultiSelectTree/MultiSelectTreeProps.js +0 -2
  68. package/dist/es/MultiSelectTree/utils.d.ts +0 -17
  69. package/dist/es/MultiSelectTree/utils.js +0 -191
  70. package/dist/es/common/AdaptiveMode.d.ts +0 -21
  71. package/dist/es/common/AdaptiveMode.js +0 -45
  72. package/dist/es/common/ClearButton.d.ts +0 -14
  73. package/dist/es/common/ClearButton.js +0 -39
  74. package/dist/es/common/DropDownBase.d.ts +0 -175
  75. package/dist/es/common/DropDownBase.js +0 -297
  76. package/dist/es/common/GroupStickyHeader.js +0 -34
  77. package/dist/es/common/List.js +0 -75
  78. package/dist/es/common/ListContainer.d.ts +0 -18
  79. package/dist/es/common/ListContainer.js +0 -43
  80. package/dist/es/common/ListDefaultItem.d.ts +0 -16
  81. package/dist/es/common/ListDefaultItem.js +0 -36
  82. package/dist/es/common/ListFilter.d.ts +0 -19
  83. package/dist/es/common/ListFilter.js +0 -37
  84. package/dist/es/common/ListGroupItem.d.ts +0 -33
  85. package/dist/es/common/ListGroupItem.js +0 -33
  86. package/dist/es/common/ListItem.d.ts +0 -61
  87. package/dist/es/common/ListItem.js +0 -44
  88. package/dist/es/common/MultiColumnList.d.ts +0 -6
  89. package/dist/es/common/MultiColumnList.js +0 -22
  90. package/dist/es/common/Navigation.d.ts +0 -13
  91. package/dist/es/common/Navigation.js +0 -34
  92. package/dist/es/common/SearchBar.js +0 -62
  93. package/dist/es/common/VirtualScroll.d.ts +0 -42
  94. package/dist/es/common/VirtualScroll.js +0 -161
  95. package/dist/es/common/constants.d.ts +0 -4
  96. package/dist/es/common/constants.js +0 -4
  97. package/dist/es/common/events.js +0 -1
  98. package/dist/es/common/filterDescriptor.d.ts +0 -41
  99. package/dist/es/common/filterDescriptor.js +0 -2
  100. package/dist/es/common/settings.js +0 -8
  101. package/dist/es/common/utils.d.ts +0 -62
  102. package/dist/es/common/utils.js +0 -194
  103. package/dist/es/main.d.ts +0 -25
  104. package/dist/es/main.js +0 -19
  105. package/dist/es/messages/index.d.ts +0 -40
  106. package/dist/es/messages/index.js +0 -41
  107. package/dist/es/package-metadata.d.ts +0 -5
  108. package/dist/es/package-metadata.js +0 -11
  109. package/dist/npm/AutoComplete/AutoComplete.d.ts +0 -230
  110. package/dist/npm/AutoComplete/AutoComplete.js +0 -655
  111. package/dist/npm/AutoComplete/AutoCompleteProps.js +0 -3
  112. package/dist/npm/ComboBox/ComboBox.d.ts +0 -248
  113. package/dist/npm/ComboBox/ComboBox.js +0 -918
  114. package/dist/npm/ComboBox/ComboBoxProps.d.ts +0 -313
  115. package/dist/npm/ComboBox/ComboBoxProps.js +0 -3
  116. package/dist/npm/DropDownList/DropDownList.d.ts +0 -258
  117. package/dist/npm/DropDownList/DropDownList.js +0 -890
  118. package/dist/npm/DropDownList/DropDownListProps.d.ts +0 -326
  119. package/dist/npm/DropDownList/DropDownListProps.js +0 -3
  120. package/dist/npm/DropDownTree/DropDownTree.d.ts +0 -70
  121. package/dist/npm/DropDownTree/DropDownTree.js +0 -543
  122. package/dist/npm/DropDownTree/DropDownTreeProps.js +0 -3
  123. package/dist/npm/DropDownTree/ListNoData.d.ts +0 -6
  124. package/dist/npm/DropDownTree/ListNoData.js +0 -12
  125. package/dist/npm/DropDownTree/useDropdownWidth.d.ts +0 -5
  126. package/dist/npm/DropDownTree/useDropdownWidth.js +0 -17
  127. package/dist/npm/MultiColumnComboBox/MultiColumnComboBox.d.ts +0 -287
  128. package/dist/npm/MultiColumnComboBox/MultiColumnComboBox.js +0 -216
  129. package/dist/npm/MultiSelect/MultiSelect.js +0 -1113
  130. package/dist/npm/MultiSelect/MultiSelectProps.d.ts +0 -314
  131. package/dist/npm/MultiSelect/MultiSelectProps.js +0 -3
  132. package/dist/npm/MultiSelect/TagList.js +0 -41
  133. package/dist/npm/MultiSelectTree/MultiSelectTree.d.ts +0 -81
  134. package/dist/npm/MultiSelectTree/MultiSelectTree.js +0 -622
  135. package/dist/npm/MultiSelectTree/MultiSelectTreeProps.d.ts +0 -320
  136. package/dist/npm/MultiSelectTree/MultiSelectTreeProps.js +0 -3
  137. package/dist/npm/MultiSelectTree/utils.js +0 -196
  138. package/dist/npm/common/AdaptiveMode.js +0 -49
  139. package/dist/npm/common/ClearButton.d.ts +0 -14
  140. package/dist/npm/common/ClearButton.js +0 -41
  141. package/dist/npm/common/DropDownBase.js +0 -299
  142. package/dist/npm/common/GroupStickyHeader.d.ts +0 -24
  143. package/dist/npm/common/GroupStickyHeader.js +0 -36
  144. package/dist/npm/common/List.d.ts +0 -45
  145. package/dist/npm/common/List.js +0 -77
  146. package/dist/npm/common/ListContainer.d.ts +0 -18
  147. package/dist/npm/common/ListContainer.js +0 -45
  148. package/dist/npm/common/ListDefaultItem.d.ts +0 -16
  149. package/dist/npm/common/ListDefaultItem.js +0 -38
  150. package/dist/npm/common/ListFilter.js +0 -39
  151. package/dist/npm/common/ListGroupItem.js +0 -35
  152. package/dist/npm/common/ListItem.js +0 -46
  153. package/dist/npm/common/MultiColumnList.d.ts +0 -6
  154. package/dist/npm/common/MultiColumnList.js +0 -26
  155. package/dist/npm/common/Navigation.d.ts +0 -13
  156. package/dist/npm/common/Navigation.js +0 -37
  157. package/dist/npm/common/SearchBar.d.ts +0 -43
  158. package/dist/npm/common/SearchBar.js +0 -64
  159. package/dist/npm/common/VirtualScroll.js +0 -163
  160. package/dist/npm/common/constants.d.ts +0 -4
  161. package/dist/npm/common/constants.js +0 -7
  162. package/dist/npm/common/events.d.ts +0 -73
  163. package/dist/npm/common/events.js +0 -2
  164. package/dist/npm/common/filterDescriptor.js +0 -3
  165. package/dist/npm/common/settings.d.ts +0 -114
  166. package/dist/npm/common/settings.js +0 -11
  167. package/dist/npm/common/utils.js +0 -211
  168. package/dist/npm/main.d.ts +0 -25
  169. package/dist/npm/main.js +0 -62
  170. package/dist/npm/messages/index.js +0 -44
  171. package/dist/npm/package-metadata.d.ts +0 -5
  172. package/dist/npm/package-metadata.js +0 -14
  173. package/dist/systemjs/kendo-react-dropdowns.js +0 -1
  174. package/e2e-next/combobox.basic.ts +0 -24
  175. package/e2e-next/dropdownlist.basic.tests.ts +0 -24
  176. package/e2e-next/dropdowntree.basic.tests.ts +0 -24
  177. 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>>;