@progress/kendo-react-listbox 12.0.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.
Files changed (3) hide show
  1. package/index.d.mts +55 -6
  2. package/index.d.ts +55 -6
  3. 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. The items are draggable by default.
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 will be selected or not.
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 will be used during form submission. Defaults to the `textField` if not set.
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. It can be used to add extra keyboard navigation options.
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
- * Process the data collection/s based on the clicked ListBoxToolbar tool.
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
- * Process the data collection/s based on the dragged and drop item.
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. The items are draggable by default.
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 will be selected or not.
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 will be used during form submission. Defaults to the `textField` if not set.
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. It can be used to add extra keyboard navigation options.
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
- * Process the data collection/s based on the clicked ListBoxToolbar tool.
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
- * Process the data collection/s based on the dragged and drop item.
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.1",
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.1",
30
- "@progress/kendo-react-common": "12.0.1",
31
- "@progress/kendo-react-intl": "12.0.1",
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"