@progress/kendo-react-dropdowns 5.13.0-dev.202304200917 → 5.13.0-dev.202304201241
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/cdn/js/kendo-react-dropdowns.js +1 -1
- package/dist/es/MultiSelect/MultiSelect.d.ts +39 -45
- package/dist/es/MultiSelect/MultiSelect.js +233 -125
- package/dist/es/MultiSelect/MultiSelectProps.d.ts +22 -1
- package/dist/es/package-metadata.js +1 -1
- package/dist/npm/MultiSelect/MultiSelect.d.ts +39 -45
- package/dist/npm/MultiSelect/MultiSelect.js +232 -124
- package/dist/npm/MultiSelect/MultiSelectProps.d.ts +22 -1
- package/dist/npm/package-metadata.js +1 -1
- package/dist/systemjs/kendo-react-dropdowns.js +1 -1
- package/package.json +13 -13
|
@@ -5,28 +5,24 @@ import { TagData } from './TagList';
|
|
|
5
5
|
import DropDownBase from '../common/DropDownBase';
|
|
6
6
|
import { MultiSelectProps } from './MultiSelectProps';
|
|
7
7
|
import { DropDownStateBase, InternalState, ActiveDescendant } from './../common/settings';
|
|
8
|
-
/**
|
|
9
|
-
* @hidden
|
|
10
|
-
*/
|
|
8
|
+
/** @hidden */
|
|
11
9
|
export interface MultiSelectState extends DropDownStateBase {
|
|
12
10
|
selectedItems?: Array<any>;
|
|
13
11
|
focusedIndex?: number;
|
|
14
12
|
focusedTag?: TagData;
|
|
15
13
|
activedescendant?: ActiveDescendant;
|
|
16
14
|
value?: Array<any>;
|
|
15
|
+
currentTreeValue?: Array<any>;
|
|
16
|
+
windowWidth?: number;
|
|
17
17
|
}
|
|
18
|
-
/**
|
|
19
|
-
* @hidden
|
|
20
|
-
*/
|
|
18
|
+
/** @hidden */
|
|
21
19
|
export interface MultiSelectInternalState extends InternalState {
|
|
22
20
|
data: MultiSelectState;
|
|
23
21
|
}
|
|
24
22
|
/** @hidden */
|
|
25
23
|
export declare class MultiSelectWithoutContext extends React.Component<MultiSelectProps, MultiSelectState> implements FormComponent {
|
|
26
24
|
static displayName: string;
|
|
27
|
-
/**
|
|
28
|
-
* @hidden
|
|
29
|
-
*/
|
|
25
|
+
/** @hidden */
|
|
30
26
|
static propTypes: {
|
|
31
27
|
autoClose: PropTypes.Requireable<boolean>;
|
|
32
28
|
value: PropTypes.Requireable<any[]>;
|
|
@@ -43,6 +39,9 @@ export declare class MultiSelectWithoutContext extends React.Component<MultiSele
|
|
|
43
39
|
ariaDescribedBy: PropTypes.Requireable<string>;
|
|
44
40
|
groupField: PropTypes.Requireable<string>;
|
|
45
41
|
list: PropTypes.Requireable<any>;
|
|
42
|
+
adaptive: PropTypes.Requireable<boolean>;
|
|
43
|
+
adaptiveTitle: PropTypes.Requireable<string>;
|
|
44
|
+
onCancel: PropTypes.Requireable<(...args: any[]) => any>;
|
|
46
45
|
filterable: PropTypes.Requireable<boolean>;
|
|
47
46
|
filter: PropTypes.Requireable<string>;
|
|
48
47
|
virtual: PropTypes.Requireable<PropTypes.InferProps<{
|
|
@@ -84,9 +83,7 @@ export declare class MultiSelectWithoutContext extends React.Component<MultiSele
|
|
|
84
83
|
header: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
85
84
|
footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
86
85
|
};
|
|
87
|
-
/**
|
|
88
|
-
* @hidden
|
|
89
|
-
*/
|
|
86
|
+
/** @hidden */
|
|
90
87
|
static defaultProps: {
|
|
91
88
|
autoClose: boolean;
|
|
92
89
|
required: boolean;
|
|
@@ -99,9 +96,7 @@ export declare class MultiSelectWithoutContext extends React.Component<MultiSele
|
|
|
99
96
|
};
|
|
100
97
|
validityStyles: boolean;
|
|
101
98
|
};
|
|
102
|
-
/**
|
|
103
|
-
* @hidden
|
|
104
|
-
*/
|
|
99
|
+
/** @hidden */
|
|
105
100
|
readonly state: MultiSelectState;
|
|
106
101
|
private _element;
|
|
107
102
|
private _valueItemsDuringOnChange;
|
|
@@ -109,18 +104,26 @@ export declare class MultiSelectWithoutContext extends React.Component<MultiSele
|
|
|
109
104
|
protected readonly base: DropDownBase;
|
|
110
105
|
private readonly _tags;
|
|
111
106
|
private _input;
|
|
107
|
+
private _adaptiveInput;
|
|
112
108
|
private _skipFocusEvent;
|
|
113
109
|
private itemHeight;
|
|
114
110
|
protected scrollToFocused: boolean;
|
|
111
|
+
private localization;
|
|
112
|
+
private observerResize?;
|
|
113
|
+
private get document();
|
|
115
114
|
constructor(props: MultiSelectProps);
|
|
116
|
-
/**
|
|
117
|
-
* @hidden
|
|
118
|
-
*/
|
|
115
|
+
/** @hidden */
|
|
119
116
|
focus: () => void;
|
|
117
|
+
/** @hidden */
|
|
118
|
+
get element(): HTMLSpanElement | null;
|
|
119
|
+
/** @hidden */
|
|
120
|
+
get opened(): boolean;
|
|
121
|
+
/** @hidden */
|
|
122
|
+
get tagsToRender(): Array<TagData>;
|
|
120
123
|
/**
|
|
121
|
-
*
|
|
124
|
+
* The mobile mode of the ComboBox.
|
|
122
125
|
*/
|
|
123
|
-
get
|
|
126
|
+
get mobileMode(): boolean;
|
|
124
127
|
/**
|
|
125
128
|
* Represents the value of the MultiSelect.
|
|
126
129
|
*/
|
|
@@ -133,41 +136,27 @@ export declare class MultiSelectWithoutContext extends React.Component<MultiSele
|
|
|
133
136
|
* Represents the validity state into which the MultiSelect is set.
|
|
134
137
|
*/
|
|
135
138
|
get validity(): FormComponentValidity;
|
|
136
|
-
/**
|
|
137
|
-
* @hidden
|
|
138
|
-
*/
|
|
139
|
+
/** @hidden */
|
|
139
140
|
protected get required(): boolean;
|
|
140
141
|
protected get validityStyles(): boolean;
|
|
141
|
-
/**
|
|
142
|
-
* @hidden
|
|
143
|
-
*/
|
|
142
|
+
/** @hidden */
|
|
144
143
|
componentDidUpdate(prevProps: MultiSelectProps, prevState: MultiSelectState): void;
|
|
145
|
-
/**
|
|
146
|
-
* @hidden
|
|
147
|
-
*/
|
|
144
|
+
/** @hidden */
|
|
148
145
|
componentDidMount(): void;
|
|
149
|
-
/**
|
|
150
|
-
|
|
151
|
-
|
|
146
|
+
/** @hidden */
|
|
147
|
+
componentWillUnmount(): void;
|
|
148
|
+
/** @hidden */
|
|
152
149
|
handleItemSelect: (index: number, state: MultiSelectInternalState) => void;
|
|
153
|
-
/**
|
|
154
|
-
* @hidden
|
|
155
|
-
*/
|
|
150
|
+
/** @hidden */
|
|
156
151
|
onTagDelete: (itemsToRemove: Array<any>, event: React.MouseEvent<HTMLSpanElement>) => void;
|
|
157
|
-
/**
|
|
158
|
-
* @hidden
|
|
159
|
-
*/
|
|
152
|
+
/** @hidden */
|
|
160
153
|
onNavigate(state: MultiSelectInternalState, keyCode: number): void;
|
|
161
|
-
/**
|
|
162
|
-
* @hidden
|
|
163
|
-
*/
|
|
154
|
+
/** @hidden */
|
|
164
155
|
itemFocus: (index: number, state: MultiSelectInternalState) => void;
|
|
165
|
-
/**
|
|
166
|
-
* @hidden
|
|
167
|
-
*/
|
|
156
|
+
/** @hidden */
|
|
168
157
|
render(): JSX.Element;
|
|
169
158
|
private componentRef;
|
|
170
|
-
private
|
|
159
|
+
private renderSearchBar;
|
|
171
160
|
private searchbarRef;
|
|
172
161
|
private onChangeHandler;
|
|
173
162
|
private clearButtonClick;
|
|
@@ -177,7 +166,11 @@ export declare class MultiSelectWithoutContext extends React.Component<MultiSele
|
|
|
177
166
|
private selectFocusedItem;
|
|
178
167
|
private setItems;
|
|
179
168
|
private getFocusedState;
|
|
169
|
+
private listContainerContent;
|
|
180
170
|
private renderListContainer;
|
|
171
|
+
private renderAdaptiveListContainer;
|
|
172
|
+
private closePopup;
|
|
173
|
+
private onCancel;
|
|
181
174
|
private renderList;
|
|
182
175
|
private onScroll;
|
|
183
176
|
private customItemSelect;
|
|
@@ -190,6 +183,7 @@ export declare class MultiSelectWithoutContext extends React.Component<MultiSele
|
|
|
190
183
|
private focusElement;
|
|
191
184
|
private applyState;
|
|
192
185
|
private setValidity;
|
|
186
|
+
private calculateMedia;
|
|
193
187
|
}
|
|
194
188
|
/**
|
|
195
189
|
* Represents the PropsContext of the `MultiSelect` component.
|