@progress/kendo-react-listbox 12.0.2-develop.1 → 12.0.2-develop.2
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/index.d.mts +55 -6
- package/index.d.ts +55 -6
- package/package.json +4 -4
package/index.d.mts
CHANGED
|
@@ -19,13 +19,25 @@ declare const ListBox_2: React_2.ForwardRefExoticComponent<ListBoxProps & React_
|
|
|
19
19
|
/** @hidden */
|
|
20
20
|
declare type ListBox_2 = ListBoxHandle;
|
|
21
21
|
|
|
22
|
+
/**
|
|
23
|
+
* The event that is triggered during drag operations on the ListBox.
|
|
24
|
+
*/
|
|
22
25
|
export declare interface ListBoxDragEvent extends BaseEvent<ListBox_2> {
|
|
26
|
+
/**
|
|
27
|
+
* The data item involved in the drag operation.
|
|
28
|
+
*/
|
|
23
29
|
dataItem?: any;
|
|
24
30
|
}
|
|
25
31
|
|
|
32
|
+
/**
|
|
33
|
+
* The event that is triggered when a dragged element leaves the ListBox.
|
|
34
|
+
*/
|
|
26
35
|
declare interface ListBoxDragLeaveEvent extends BaseEvent<ListBox_2> {
|
|
27
36
|
}
|
|
28
37
|
|
|
38
|
+
/**
|
|
39
|
+
* The base event for ListBox operations.
|
|
40
|
+
*/
|
|
29
41
|
export declare interface ListBoxEvent extends BaseEvent<ListBox_2> {
|
|
30
42
|
}
|
|
31
43
|
|
|
@@ -43,18 +55,39 @@ declare interface ListBoxHandle {
|
|
|
43
55
|
props: ListBoxProps;
|
|
44
56
|
}
|
|
45
57
|
|
|
58
|
+
/**
|
|
59
|
+
* The event that is triggered when an item in the ListBox is clicked.
|
|
60
|
+
*/
|
|
46
61
|
export declare interface ListBoxItemClickEvent extends BaseEvent<ListBox_2> {
|
|
62
|
+
/**
|
|
63
|
+
* The data item that was clicked.
|
|
64
|
+
*/
|
|
47
65
|
dataItem?: any;
|
|
48
66
|
}
|
|
49
67
|
|
|
68
|
+
/**
|
|
69
|
+
* The event that is triggered when a keyboard navigation action is performed.
|
|
70
|
+
*/
|
|
50
71
|
export declare interface ListBoxItemNavigateEvent extends BaseEvent<ListBox_2> {
|
|
72
|
+
/**
|
|
73
|
+
* The name of the action that was performed.
|
|
74
|
+
*/
|
|
51
75
|
actionName?: string;
|
|
52
76
|
}
|
|
53
77
|
|
|
78
|
+
/**
|
|
79
|
+
* The event that is triggered when an item in the ListBox is selected.
|
|
80
|
+
*/
|
|
54
81
|
export declare interface ListBoxItemSelectEvent extends BaseEvent<ListBox_2> {
|
|
82
|
+
/**
|
|
83
|
+
* The data item that was selected.
|
|
84
|
+
*/
|
|
55
85
|
dataItem?: any;
|
|
56
86
|
}
|
|
57
87
|
|
|
88
|
+
/**
|
|
89
|
+
* The event that is triggered when a key is pressed down over the ListBox.
|
|
90
|
+
*/
|
|
58
91
|
export declare interface ListBoxKeyDownEvent extends BaseEvent<ListBox_2> {
|
|
59
92
|
}
|
|
60
93
|
|
|
@@ -116,7 +149,9 @@ export declare interface ListBoxProps {
|
|
|
116
149
|
*/
|
|
117
150
|
data: Array<any>;
|
|
118
151
|
/**
|
|
119
|
-
* Makes the items of the ListBox draggable.
|
|
152
|
+
* Makes the items of the ListBox draggable.
|
|
153
|
+
*
|
|
154
|
+
* @default true
|
|
120
155
|
*
|
|
121
156
|
* @example
|
|
122
157
|
* ```jsx
|
|
@@ -125,7 +160,7 @@ export declare interface ListBoxProps {
|
|
|
125
160
|
*/
|
|
126
161
|
draggable?: boolean;
|
|
127
162
|
/**
|
|
128
|
-
* Sets the selected field of the ListBox. Based on the value of this field, an item
|
|
163
|
+
* Sets the selected field of the ListBox. Based on the value of this field, an item is selected or not.
|
|
129
164
|
*
|
|
130
165
|
* @example
|
|
131
166
|
* ```jsx
|
|
@@ -143,7 +178,7 @@ export declare interface ListBoxProps {
|
|
|
143
178
|
*/
|
|
144
179
|
textField: string;
|
|
145
180
|
/**
|
|
146
|
-
* The field that
|
|
181
|
+
* The field that is used during form submission. Defaults to the `textField` if not set.
|
|
147
182
|
*
|
|
148
183
|
* @example
|
|
149
184
|
* ```jsx
|
|
@@ -161,6 +196,8 @@ export declare interface ListBoxProps {
|
|
|
161
196
|
* - `right` (Default)
|
|
162
197
|
* - `none`
|
|
163
198
|
*
|
|
199
|
+
* @default 'right'
|
|
200
|
+
*
|
|
164
201
|
* @example
|
|
165
202
|
* ```jsx
|
|
166
203
|
* <ListBox toolbarPosition="top" />
|
|
@@ -206,7 +243,7 @@ export declare interface ListBoxProps {
|
|
|
206
243
|
*/
|
|
207
244
|
onItemSelect?: (event: ListBoxItemSelectEvent) => void;
|
|
208
245
|
/**
|
|
209
|
-
* Fires on keydown over the ListBox list items.
|
|
246
|
+
* Fires on keydown over the ListBox list items. You can use it to add extra keyboard navigation options.
|
|
210
247
|
*
|
|
211
248
|
* @example
|
|
212
249
|
* ```jsx
|
|
@@ -266,10 +303,19 @@ export declare const ListBoxToolbar: React_2.ForwardRefExoticComponent<ListBoxTo
|
|
|
266
303
|
/** @hidden */
|
|
267
304
|
export declare type ListBoxToolbar = ListBoxToolbarHandle;
|
|
268
305
|
|
|
306
|
+
/**
|
|
307
|
+
* The event that is triggered when a tool in the ListBoxToolbar is clicked.
|
|
308
|
+
*/
|
|
269
309
|
export declare interface ListBoxToolbarClickEvent extends BaseEvent<ListBoxToolbar> {
|
|
310
|
+
/**
|
|
311
|
+
* The name of the tool that was clicked.
|
|
312
|
+
*/
|
|
270
313
|
toolName?: string;
|
|
271
314
|
}
|
|
272
315
|
|
|
316
|
+
/**
|
|
317
|
+
* The base event for ListBoxToolbar operations.
|
|
318
|
+
*/
|
|
273
319
|
declare interface ListBoxToolbarEvent extends BaseEvent<ListBoxToolbar> {
|
|
274
320
|
}
|
|
275
321
|
|
|
@@ -338,7 +384,7 @@ export declare interface ListBoxToolbarProps {
|
|
|
338
384
|
export declare const moveItem: (from: number, to: number, data: Array<any>) => any[];
|
|
339
385
|
|
|
340
386
|
/**
|
|
341
|
-
*
|
|
387
|
+
* Processes the data collections based on the clicked ListBoxToolbar tool.
|
|
342
388
|
*
|
|
343
389
|
* @param {T[]} listBoxOneData - The first data collection.
|
|
344
390
|
* @param {T[]} listBoxTwoData - The second data collection. Pass an empty array if there is only one ListBox.
|
|
@@ -352,7 +398,7 @@ export declare const processListBoxData: (listBoxOneData: any[] | undefined, lis
|
|
|
352
398
|
};
|
|
353
399
|
|
|
354
400
|
/**
|
|
355
|
-
*
|
|
401
|
+
* Processes the data collections based on the dragged and dropped item.
|
|
356
402
|
*
|
|
357
403
|
* @param {T[]} listBoxOneData - The first data collection.
|
|
358
404
|
* @param {T[]} listBoxTwoData - The second data collection. Pass an empty array if there is only one ListBox.
|
|
@@ -366,6 +412,9 @@ export declare const processListBoxDragAndDrop: (listBoxOneData: any[] | undefin
|
|
|
366
412
|
listBoxTwoData: any[];
|
|
367
413
|
};
|
|
368
414
|
|
|
415
|
+
/**
|
|
416
|
+
* Defines the possible positions for the ListBox toolbar.
|
|
417
|
+
*/
|
|
369
418
|
declare enum toolbarPosition {
|
|
370
419
|
TOP = "top",
|
|
371
420
|
BOTTOM = "bottom",
|
package/index.d.ts
CHANGED
|
@@ -19,13 +19,25 @@ declare const ListBox_2: React_2.ForwardRefExoticComponent<ListBoxProps & React_
|
|
|
19
19
|
/** @hidden */
|
|
20
20
|
declare type ListBox_2 = ListBoxHandle;
|
|
21
21
|
|
|
22
|
+
/**
|
|
23
|
+
* The event that is triggered during drag operations on the ListBox.
|
|
24
|
+
*/
|
|
22
25
|
export declare interface ListBoxDragEvent extends BaseEvent<ListBox_2> {
|
|
26
|
+
/**
|
|
27
|
+
* The data item involved in the drag operation.
|
|
28
|
+
*/
|
|
23
29
|
dataItem?: any;
|
|
24
30
|
}
|
|
25
31
|
|
|
32
|
+
/**
|
|
33
|
+
* The event that is triggered when a dragged element leaves the ListBox.
|
|
34
|
+
*/
|
|
26
35
|
declare interface ListBoxDragLeaveEvent extends BaseEvent<ListBox_2> {
|
|
27
36
|
}
|
|
28
37
|
|
|
38
|
+
/**
|
|
39
|
+
* The base event for ListBox operations.
|
|
40
|
+
*/
|
|
29
41
|
export declare interface ListBoxEvent extends BaseEvent<ListBox_2> {
|
|
30
42
|
}
|
|
31
43
|
|
|
@@ -43,18 +55,39 @@ declare interface ListBoxHandle {
|
|
|
43
55
|
props: ListBoxProps;
|
|
44
56
|
}
|
|
45
57
|
|
|
58
|
+
/**
|
|
59
|
+
* The event that is triggered when an item in the ListBox is clicked.
|
|
60
|
+
*/
|
|
46
61
|
export declare interface ListBoxItemClickEvent extends BaseEvent<ListBox_2> {
|
|
62
|
+
/**
|
|
63
|
+
* The data item that was clicked.
|
|
64
|
+
*/
|
|
47
65
|
dataItem?: any;
|
|
48
66
|
}
|
|
49
67
|
|
|
68
|
+
/**
|
|
69
|
+
* The event that is triggered when a keyboard navigation action is performed.
|
|
70
|
+
*/
|
|
50
71
|
export declare interface ListBoxItemNavigateEvent extends BaseEvent<ListBox_2> {
|
|
72
|
+
/**
|
|
73
|
+
* The name of the action that was performed.
|
|
74
|
+
*/
|
|
51
75
|
actionName?: string;
|
|
52
76
|
}
|
|
53
77
|
|
|
78
|
+
/**
|
|
79
|
+
* The event that is triggered when an item in the ListBox is selected.
|
|
80
|
+
*/
|
|
54
81
|
export declare interface ListBoxItemSelectEvent extends BaseEvent<ListBox_2> {
|
|
82
|
+
/**
|
|
83
|
+
* The data item that was selected.
|
|
84
|
+
*/
|
|
55
85
|
dataItem?: any;
|
|
56
86
|
}
|
|
57
87
|
|
|
88
|
+
/**
|
|
89
|
+
* The event that is triggered when a key is pressed down over the ListBox.
|
|
90
|
+
*/
|
|
58
91
|
export declare interface ListBoxKeyDownEvent extends BaseEvent<ListBox_2> {
|
|
59
92
|
}
|
|
60
93
|
|
|
@@ -116,7 +149,9 @@ export declare interface ListBoxProps {
|
|
|
116
149
|
*/
|
|
117
150
|
data: Array<any>;
|
|
118
151
|
/**
|
|
119
|
-
* Makes the items of the ListBox draggable.
|
|
152
|
+
* Makes the items of the ListBox draggable.
|
|
153
|
+
*
|
|
154
|
+
* @default true
|
|
120
155
|
*
|
|
121
156
|
* @example
|
|
122
157
|
* ```jsx
|
|
@@ -125,7 +160,7 @@ export declare interface ListBoxProps {
|
|
|
125
160
|
*/
|
|
126
161
|
draggable?: boolean;
|
|
127
162
|
/**
|
|
128
|
-
* Sets the selected field of the ListBox. Based on the value of this field, an item
|
|
163
|
+
* Sets the selected field of the ListBox. Based on the value of this field, an item is selected or not.
|
|
129
164
|
*
|
|
130
165
|
* @example
|
|
131
166
|
* ```jsx
|
|
@@ -143,7 +178,7 @@ export declare interface ListBoxProps {
|
|
|
143
178
|
*/
|
|
144
179
|
textField: string;
|
|
145
180
|
/**
|
|
146
|
-
* The field that
|
|
181
|
+
* The field that is used during form submission. Defaults to the `textField` if not set.
|
|
147
182
|
*
|
|
148
183
|
* @example
|
|
149
184
|
* ```jsx
|
|
@@ -161,6 +196,8 @@ export declare interface ListBoxProps {
|
|
|
161
196
|
* - `right` (Default)
|
|
162
197
|
* - `none`
|
|
163
198
|
*
|
|
199
|
+
* @default 'right'
|
|
200
|
+
*
|
|
164
201
|
* @example
|
|
165
202
|
* ```jsx
|
|
166
203
|
* <ListBox toolbarPosition="top" />
|
|
@@ -206,7 +243,7 @@ export declare interface ListBoxProps {
|
|
|
206
243
|
*/
|
|
207
244
|
onItemSelect?: (event: ListBoxItemSelectEvent) => void;
|
|
208
245
|
/**
|
|
209
|
-
* Fires on keydown over the ListBox list items.
|
|
246
|
+
* Fires on keydown over the ListBox list items. You can use it to add extra keyboard navigation options.
|
|
210
247
|
*
|
|
211
248
|
* @example
|
|
212
249
|
* ```jsx
|
|
@@ -266,10 +303,19 @@ export declare const ListBoxToolbar: React_2.ForwardRefExoticComponent<ListBoxTo
|
|
|
266
303
|
/** @hidden */
|
|
267
304
|
export declare type ListBoxToolbar = ListBoxToolbarHandle;
|
|
268
305
|
|
|
306
|
+
/**
|
|
307
|
+
* The event that is triggered when a tool in the ListBoxToolbar is clicked.
|
|
308
|
+
*/
|
|
269
309
|
export declare interface ListBoxToolbarClickEvent extends BaseEvent<ListBoxToolbar> {
|
|
310
|
+
/**
|
|
311
|
+
* The name of the tool that was clicked.
|
|
312
|
+
*/
|
|
270
313
|
toolName?: string;
|
|
271
314
|
}
|
|
272
315
|
|
|
316
|
+
/**
|
|
317
|
+
* The base event for ListBoxToolbar operations.
|
|
318
|
+
*/
|
|
273
319
|
declare interface ListBoxToolbarEvent extends BaseEvent<ListBoxToolbar> {
|
|
274
320
|
}
|
|
275
321
|
|
|
@@ -338,7 +384,7 @@ export declare interface ListBoxToolbarProps {
|
|
|
338
384
|
export declare const moveItem: (from: number, to: number, data: Array<any>) => any[];
|
|
339
385
|
|
|
340
386
|
/**
|
|
341
|
-
*
|
|
387
|
+
* Processes the data collections based on the clicked ListBoxToolbar tool.
|
|
342
388
|
*
|
|
343
389
|
* @param {T[]} listBoxOneData - The first data collection.
|
|
344
390
|
* @param {T[]} listBoxTwoData - The second data collection. Pass an empty array if there is only one ListBox.
|
|
@@ -352,7 +398,7 @@ export declare const processListBoxData: (listBoxOneData: any[] | undefined, lis
|
|
|
352
398
|
};
|
|
353
399
|
|
|
354
400
|
/**
|
|
355
|
-
*
|
|
401
|
+
* Processes the data collections based on the dragged and dropped item.
|
|
356
402
|
*
|
|
357
403
|
* @param {T[]} listBoxOneData - The first data collection.
|
|
358
404
|
* @param {T[]} listBoxTwoData - The second data collection. Pass an empty array if there is only one ListBox.
|
|
@@ -366,6 +412,9 @@ export declare const processListBoxDragAndDrop: (listBoxOneData: any[] | undefin
|
|
|
366
412
|
listBoxTwoData: any[];
|
|
367
413
|
};
|
|
368
414
|
|
|
415
|
+
/**
|
|
416
|
+
* Defines the possible positions for the ListBox toolbar.
|
|
417
|
+
*/
|
|
369
418
|
declare enum toolbarPosition {
|
|
370
419
|
TOP = "top",
|
|
371
420
|
BOTTOM = "bottom",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-listbox",
|
|
3
|
-
"version": "12.0.2-develop.
|
|
3
|
+
"version": "12.0.2-develop.2",
|
|
4
4
|
"description": "React ListBox enables you to display a list of items and manage the data between multiple lists. KendoReact ListBox package",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -26,9 +26,9 @@
|
|
|
26
26
|
"sideEffects": false,
|
|
27
27
|
"peerDependencies": {
|
|
28
28
|
"@progress/kendo-licensing": "^1.7.0",
|
|
29
|
-
"@progress/kendo-react-buttons": "12.0.2-develop.
|
|
30
|
-
"@progress/kendo-react-common": "12.0.2-develop.
|
|
31
|
-
"@progress/kendo-react-intl": "12.0.2-develop.
|
|
29
|
+
"@progress/kendo-react-buttons": "12.0.2-develop.2",
|
|
30
|
+
"@progress/kendo-react-common": "12.0.2-develop.2",
|
|
31
|
+
"@progress/kendo-react-intl": "12.0.2-develop.2",
|
|
32
32
|
"@progress/kendo-svg-icons": "^4.0.0",
|
|
33
33
|
"react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
|
|
34
34
|
"react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
|