@progress/kendo-vue-grid 8.1.0-develop.5 → 8.1.0-develop.7
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/Grid.d.ts +32 -17
- package/Grid.js +1 -1
- package/Grid.mjs +568 -449
- package/GridState.d.ts +17 -1
- package/GridState.js +1 -1
- package/GridState.mjs +84 -71
- package/RootGrid.d.ts +29 -0
- package/RootGrid.js +1 -1
- package/RootGrid.mjs +23 -8
- package/cells/GridCell.d.ts +2 -0
- package/cells/GridCell.js +1 -1
- package/cells/GridCell.mjs +35 -30
- package/cells/GridDetailCell.js +1 -1
- package/cells/GridDetailCell.mjs +20 -20
- package/cells/GridFilterCell.js +1 -1
- package/cells/GridFilterCell.mjs +42 -37
- package/cells/GridGroupCell.d.ts +2 -0
- package/cells/GridGroupCell.js +1 -1
- package/cells/GridGroupCell.mjs +69 -55
- package/cells/GridHierarchyCell.d.ts +2 -0
- package/cells/GridHierarchyCell.js +1 -1
- package/cells/GridHierarchyCell.mjs +51 -41
- package/cells/GridSelectionCell.d.ts +2 -0
- package/cells/GridSelectionCell.js +1 -1
- package/cells/GridSelectionCell.mjs +35 -24
- package/cells/pincell/GridPinCell.d.ts +72 -0
- package/cells/pincell/GridPinCell.js +8 -0
- package/cells/pincell/GridPinCell.mjs +111 -0
- package/cells/pincell/GridPinDropdownButton.d.ts +27 -0
- package/cells/pincell/GridPinDropdownButton.js +8 -0
- package/cells/pincell/GridPinDropdownButton.mjs +111 -0
- package/common.d.ts +6 -0
- package/common.js +1 -1
- package/common.mjs +8 -2
- package/components/PinnedRowsTable.d.ts +62 -0
- package/components/PinnedRowsTable.js +8 -0
- package/components/PinnedRowsTable.mjs +135 -0
- package/components/StickyGroupTable.d.ts +0 -1
- package/components/StickyGroupTable.js +1 -1
- package/components/StickyGroupTable.mjs +24 -30
- package/constants/main.d.ts +15 -0
- package/dist/cdn/js/kendo-vue-grid.js +1 -1
- package/drag/ColumnResize.d.ts +2 -0
- package/drag/ColumnResize.js +1 -1
- package/drag/ColumnResize.mjs +139 -123
- package/footer/FooterCell.js +1 -1
- package/footer/FooterCell.mjs +22 -20
- package/getRowContents.js +1 -1
- package/getRowContents.mjs +50 -48
- package/header/FilterRow.d.ts +4 -0
- package/header/FilterRow.js +1 -1
- package/header/FilterRow.mjs +52 -50
- package/header/HeaderRow.d.ts +4 -0
- package/header/HeaderRow.js +1 -1
- package/header/HeaderRow.mjs +114 -105
- package/index.js +1 -1
- package/index.mjs +15 -14
- package/interfaces/ColumnType.d.ts +1 -1
- package/interfaces/GridCellProps.d.ts +5 -0
- package/interfaces/GridCellsSettings.d.ts +23 -0
- package/interfaces/GridColumnProps.d.ts +2 -2
- package/interfaces/GridProps.d.ts +102 -31
- package/interfaces/GridRowProps.d.ts +13 -4
- package/interfaces/GridRowsSettings.d.ts +48 -0
- package/interfaces/events.d.ts +19 -2
- package/messages/main.d.ts +30 -0
- package/messages/main.js +2 -2
- package/messages/main.mjs +108 -96
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +13 -12
- package/rows/GridRow.d.ts +6 -10
- package/rows/GridRow.js +1 -1
- package/rows/GridRow.mjs +31 -26
- package/utils/main.d.ts +5 -0
- package/utils/main.js +1 -1
- package/utils/main.mjs +199 -167
- package/utils/virtualColumns.js +1 -1
- package/utils/virtualColumns.mjs +121 -105
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
import { DataResult, SortDescriptor, CompositeFilterDescriptor, GroupDescriptor } from '@progress/kendo-data-query';
|
|
9
9
|
import { GridGroupableSettings } from './GridGroupableSettings';
|
|
10
10
|
import { GridCellsSettings } from './GridCellsSettings';
|
|
11
|
-
import { GridSortChangeEvent, GridFilterChangeEvent, GridPageChangeEvent, GridExpandChangeEvent, GridSelectionChangeEvent, GridHeaderSelectionChangeEvent, GridRowClickEvent, GridItemChangeEvent, GridDataStateChangeEvent, GridColumnResizeEvent, GridColumnReorderEvent, GridGroupChangeEvent, GridCancelEvent, GridSaveEvent, GridRemoveEvent, GridEditEvent, GridNavigationActionEvent, GridKeyDownEvent, GridSearchChangeEvent, GridGroupExpandChangeEvent, GridDetailExpandChangeEvent } from './events';
|
|
11
|
+
import { GridSortChangeEvent, GridFilterChangeEvent, GridPageChangeEvent, GridExpandChangeEvent, GridSelectionChangeEvent, GridHeaderSelectionChangeEvent, GridRowClickEvent, GridItemChangeEvent, GridDataStateChangeEvent, GridColumnResizeEvent, GridColumnReorderEvent, GridGroupChangeEvent, GridCancelEvent, GridSaveEvent, GridRemoveEvent, GridEditEvent, GridNavigationActionEvent, GridKeyDownEvent, GridSearchChangeEvent, GridGroupExpandChangeEvent, GridDetailExpandChangeEvent, GridRowPinChangeEvent } from './events';
|
|
12
12
|
import { GridCellProps } from './GridCellProps';
|
|
13
13
|
import { GridSortSettings } from './GridSortSettings';
|
|
14
14
|
import { DetailExpandDescriptor, GridPagerSettings, GroupExpandDescriptor, SearchField, SelectDescriptor } from '@progress/kendo-vue-data-tools';
|
|
@@ -18,6 +18,7 @@ import { PopupAnimation } from '@progress/kendo-vue-popup';
|
|
|
18
18
|
import { SVGIcon } from '@progress/kendo-vue-common';
|
|
19
19
|
import { GridColumnState } from './GridColumnState';
|
|
20
20
|
import { GridRowSpannableSettings } from './GridRowSpannableSettings';
|
|
21
|
+
import { GridRowsSettings } from './GridRowsSettings';
|
|
21
22
|
import { GridSelectableSettings } from './GridSelectableSettings';
|
|
22
23
|
/**
|
|
23
24
|
* Represents the props of the [native Vue Grid component by Kendo UI]({% slug overview_grid %}).
|
|
@@ -27,8 +28,8 @@ export interface GridProps {
|
|
|
27
28
|
* Sets the `id` property of the top div element of the component.
|
|
28
29
|
*
|
|
29
30
|
* @example
|
|
30
|
-
* ```
|
|
31
|
-
* <Grid :id="'custom-grid-id' />
|
|
31
|
+
* ```vue
|
|
32
|
+
* <Grid :id="'custom-grid-id'" />
|
|
32
33
|
* ```
|
|
33
34
|
*/
|
|
34
35
|
id?: string;
|
|
@@ -39,15 +40,15 @@ export interface GridProps {
|
|
|
39
40
|
* @default false
|
|
40
41
|
*
|
|
41
42
|
* @example
|
|
42
|
-
* ```
|
|
43
|
+
* ```vue
|
|
43
44
|
* <Grid
|
|
44
|
-
* :
|
|
45
|
+
* :auto-process-data="{
|
|
45
46
|
* filter: true,
|
|
46
47
|
* search: true,
|
|
47
48
|
* sort: true,
|
|
48
49
|
* group: true,
|
|
49
50
|
* page: true
|
|
50
|
-
* }
|
|
51
|
+
* }"
|
|
51
52
|
* />
|
|
52
53
|
* ```
|
|
53
54
|
*/
|
|
@@ -85,15 +86,7 @@ export interface GridProps {
|
|
|
85
86
|
* Defines a set of custom cell components that the Grid will render instead of the default cells.
|
|
86
87
|
*
|
|
87
88
|
* @example
|
|
88
|
-
* ```
|
|
89
|
-
* import { GridCustomCellProps } from '@progress/kendo-react-grid';
|
|
90
|
-
*
|
|
91
|
-
* const CustomCell = (props: GridCustomCellProps) => (
|
|
92
|
-
* <td {...props.tdProps}>
|
|
93
|
-
* {props.dataItem[props.field]}
|
|
94
|
-
* </td>
|
|
95
|
-
* );
|
|
96
|
-
*
|
|
89
|
+
* ```vue
|
|
97
90
|
* <Grid
|
|
98
91
|
* :cells="{
|
|
99
92
|
* data: CustomCell
|
|
@@ -102,6 +95,19 @@ export interface GridProps {
|
|
|
102
95
|
* ```
|
|
103
96
|
*/
|
|
104
97
|
cells?: GridCellsSettings;
|
|
98
|
+
/**
|
|
99
|
+
* Defines a set of custom row components that the Grid will render instead of the default rows.
|
|
100
|
+
*
|
|
101
|
+
* @example
|
|
102
|
+
* ```vue
|
|
103
|
+
* <Grid
|
|
104
|
+
* :rows="{
|
|
105
|
+
* pinnedData: CustomPinnedRow
|
|
106
|
+
* }"
|
|
107
|
+
* />
|
|
108
|
+
* ```
|
|
109
|
+
*/
|
|
110
|
+
rows?: GridRowsSettings;
|
|
105
111
|
/**
|
|
106
112
|
* Enables the sorting for the columns with their `field` option set
|
|
107
113
|
* ([see example]({% slug sorting_grid %})).
|
|
@@ -122,6 +128,71 @@ export interface GridProps {
|
|
|
122
128
|
* Applies the sorting styles and buttons to the affected columns.
|
|
123
129
|
*/
|
|
124
130
|
sort?: SortDescriptor[];
|
|
131
|
+
/**
|
|
132
|
+
* Enables the row pinning feature.
|
|
133
|
+
* When `false` or omitted, the row pinning feature is inactive.
|
|
134
|
+
*
|
|
135
|
+
* @example
|
|
136
|
+
* ```vue
|
|
137
|
+
* <Grid :pinnable="true" :pinned-top-rows="pinnedTop" @rowpinchange="handlePinChange" />
|
|
138
|
+
* ```
|
|
139
|
+
*/
|
|
140
|
+
pinnable?: boolean;
|
|
141
|
+
/**
|
|
142
|
+
* The array of data items pinned to the top of the Grid.
|
|
143
|
+
* Pinned rows remain visible while the body scrolls and are immune to filtering and pagination.
|
|
144
|
+
* Requires `pinnable={true}`.
|
|
145
|
+
*
|
|
146
|
+
* @example
|
|
147
|
+
* ```vue
|
|
148
|
+
* <Grid :pinnable="true" :pinned-top-rows="[products[0], products[1]]" />
|
|
149
|
+
* ```
|
|
150
|
+
*/
|
|
151
|
+
pinnedTopRows?: any[];
|
|
152
|
+
/**
|
|
153
|
+
* The array of data items pinned to the bottom of the Grid.
|
|
154
|
+
* Pinned rows remain visible while the body scrolls and are immune to filtering and pagination.
|
|
155
|
+
* Requires `pinnable={true}`.
|
|
156
|
+
*
|
|
157
|
+
* @example
|
|
158
|
+
* ```vue
|
|
159
|
+
* <Grid :pinnable="true" :pinned-bottom-rows="[products[9]]" />
|
|
160
|
+
* ```
|
|
161
|
+
*/
|
|
162
|
+
pinnedBottomRows?: any[];
|
|
163
|
+
/**
|
|
164
|
+
* The default `pinnedTopRows` state applied to the Grid when using uncontrolled mode.
|
|
165
|
+
* Requires `pinnable={true}`.
|
|
166
|
+
*
|
|
167
|
+
* @example
|
|
168
|
+
* ```vue
|
|
169
|
+
* <Grid :pinnable="true" :default-pinned-top-rows="[products[0]]" />
|
|
170
|
+
* ```
|
|
171
|
+
*/
|
|
172
|
+
defaultPinnedTopRows?: any[];
|
|
173
|
+
/**
|
|
174
|
+
* The default `pinnedBottomRows` state applied to the Grid when using uncontrolled mode.
|
|
175
|
+
* Requires `pinnable={true}`.
|
|
176
|
+
*
|
|
177
|
+
* @example
|
|
178
|
+
* ```vue
|
|
179
|
+
* <Grid :pinnable="true" :default-pinned-bottom-rows="[products[9]]" />
|
|
180
|
+
* ```
|
|
181
|
+
*/
|
|
182
|
+
defaultPinnedBottomRows?: any[];
|
|
183
|
+
/**
|
|
184
|
+
* Fires when a row is pinned, unpinned, or moved between pinned zones.
|
|
185
|
+
* Requires `pinnable={true}`.
|
|
186
|
+
*
|
|
187
|
+
* @example
|
|
188
|
+
* ```vue
|
|
189
|
+
* <Grid :pinnable="true" @rowpinchange="(e) => {
|
|
190
|
+
* pinnedTop = e.pinnedTopRows;
|
|
191
|
+
* pinnedBottom = e.pinnedBottomRows;
|
|
192
|
+
* }" />
|
|
193
|
+
* ```
|
|
194
|
+
*/
|
|
195
|
+
onRowpinchange?: (event: GridRowPinChangeEvent) => void;
|
|
125
196
|
/**
|
|
126
197
|
* Enables the filtering of the columns with their `field` option set
|
|
127
198
|
* ([more information and examples]({% slug filtering_grid %})).
|
|
@@ -205,7 +276,7 @@ export interface GridProps {
|
|
|
205
276
|
* The descriptor by which the group is expanded.
|
|
206
277
|
*
|
|
207
278
|
* @example
|
|
208
|
-
* ```
|
|
279
|
+
* ```vue
|
|
209
280
|
* <Grid :group-expand="[{ field: 'CategoryName', expanded: true }]" />
|
|
210
281
|
* ```
|
|
211
282
|
*/
|
|
@@ -214,7 +285,7 @@ export interface GridProps {
|
|
|
214
285
|
* The default `groupExpand` state applied to the Grid when using uncontrolled mode.
|
|
215
286
|
*
|
|
216
287
|
* @example
|
|
217
|
-
* ```
|
|
288
|
+
* ```vue
|
|
218
289
|
* <Grid :default-group-expand="[{ field: 'CategoryName', expanded: true }]" />
|
|
219
290
|
* ```
|
|
220
291
|
*/
|
|
@@ -227,7 +298,7 @@ export interface GridProps {
|
|
|
227
298
|
* The descriptor by which the detail rows are expanded.
|
|
228
299
|
*
|
|
229
300
|
* @example
|
|
230
|
-
* ```
|
|
301
|
+
* ```vue
|
|
231
302
|
* <Grid :detail-expand="{ 1: true, 3: true }" />
|
|
232
303
|
* ```
|
|
233
304
|
*/
|
|
@@ -236,7 +307,7 @@ export interface GridProps {
|
|
|
236
307
|
* The default `detailExpand` state applied to the Grid when using uncontrolled mode.
|
|
237
308
|
*
|
|
238
309
|
* @example
|
|
239
|
-
* ```
|
|
310
|
+
* ```vue
|
|
240
311
|
* <Grid :default-detail-expand="{ 2: true, 4: true }" />
|
|
241
312
|
* ```
|
|
242
313
|
*/
|
|
@@ -254,8 +325,8 @@ export interface GridProps {
|
|
|
254
325
|
* The default `group` state applied to the Grid when using uncontrolled mode.
|
|
255
326
|
*
|
|
256
327
|
* @example
|
|
257
|
-
* ```
|
|
258
|
-
* <Grid
|
|
328
|
+
* ```vue
|
|
329
|
+
* <Grid :default-group="[{ field: 'CategoryName' }]" />
|
|
259
330
|
* ```
|
|
260
331
|
*/
|
|
261
332
|
defaultGroup?: GroupDescriptor[];
|
|
@@ -289,7 +360,7 @@ export interface GridProps {
|
|
|
289
360
|
* The default `take` state applied to the Grid when using uncontrolled mode.
|
|
290
361
|
*
|
|
291
362
|
* @example
|
|
292
|
-
* ```
|
|
363
|
+
* ```vue
|
|
293
364
|
* <Grid :default-take="20" />
|
|
294
365
|
* ```
|
|
295
366
|
*/
|
|
@@ -358,18 +429,18 @@ export interface GridProps {
|
|
|
358
429
|
* The default `select` state applied to the Grid when using uncontrolled mode.
|
|
359
430
|
*
|
|
360
431
|
* @example
|
|
361
|
-
* ```
|
|
362
|
-
* <Grid
|
|
432
|
+
* ```vue
|
|
433
|
+
* <Grid :default-select="{ ['item-data-key-id']: true }" />
|
|
363
434
|
* ```
|
|
364
435
|
*/
|
|
365
436
|
defaultSelect?: SelectDescriptor;
|
|
366
437
|
/**
|
|
367
|
-
* The [descriptor](https://www.telerik.com/kendo-
|
|
438
|
+
* The [descriptor](https://www.telerik.com/kendo-vue-ui/components/datatools/api/selectdescriptor) by which the selected state of an item is defined.
|
|
368
439
|
* Passing a boolean value will select the whole row, while passing an array of strings will select individual.
|
|
369
440
|
*
|
|
370
441
|
* @example
|
|
371
|
-
* ```
|
|
372
|
-
* <Grid select={
|
|
442
|
+
* ```vue
|
|
443
|
+
* <Grid :select="{ ['item-data-key-id']: true }" />
|
|
373
444
|
* ```
|
|
374
445
|
*/
|
|
375
446
|
select?: SelectDescriptor;
|
|
@@ -434,8 +505,8 @@ export interface GridProps {
|
|
|
434
505
|
* Enables the built-in row span feature of the Grid.
|
|
435
506
|
*
|
|
436
507
|
* @example
|
|
437
|
-
* ```
|
|
438
|
-
* <Grid
|
|
508
|
+
* ```vue
|
|
509
|
+
* <Grid :row-spannable="true" />
|
|
439
510
|
* ```
|
|
440
511
|
*/
|
|
441
512
|
rowSpannable?: boolean | GridRowSpannableSettings;
|
|
@@ -551,8 +622,8 @@ export interface GridProps {
|
|
|
551
622
|
* Defaults to `false`.
|
|
552
623
|
*
|
|
553
624
|
* @example
|
|
554
|
-
* ```
|
|
555
|
-
* <Grid :
|
|
625
|
+
* ```vue
|
|
626
|
+
* <Grid :lock-groups="true" />
|
|
556
627
|
* ```
|
|
557
628
|
*/
|
|
558
629
|
lockGroups?: boolean;
|
|
@@ -5,10 +5,7 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
|
|
9
|
-
* The props that the Grid passes to the GridRow component when creating it.
|
|
10
|
-
* Accessible during the `rowRender` callback of the Grid.
|
|
11
|
-
*/
|
|
8
|
+
import { GridRowsSettings } from './GridRowsSettings';
|
|
12
9
|
/**
|
|
13
10
|
* @hidden
|
|
14
11
|
*/
|
|
@@ -67,4 +64,16 @@ export interface GridRowProps {
|
|
|
67
64
|
* @hidden
|
|
68
65
|
*/
|
|
69
66
|
dataIndex?: number;
|
|
67
|
+
/**
|
|
68
|
+
* Indicates if the row is selected.
|
|
69
|
+
*/
|
|
70
|
+
isSelected: boolean;
|
|
71
|
+
/**
|
|
72
|
+
* Indicates if the row exists in one of the pinned row arrays.
|
|
73
|
+
*/
|
|
74
|
+
isPinned?: boolean;
|
|
75
|
+
/**
|
|
76
|
+
* Sets a set of rows components that the Grid will render instead of the built-in row.
|
|
77
|
+
*/
|
|
78
|
+
rows?: GridRowsSettings;
|
|
70
79
|
}
|
|
@@ -5,11 +5,59 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
+
import { Component, HTMLAttributes } from 'vue';
|
|
9
|
+
import { GridRowProps } from './GridRowProps';
|
|
10
|
+
/**
|
|
11
|
+
* The properties of the default Grid Row.
|
|
12
|
+
*/
|
|
13
|
+
export interface GridCustomRowProps extends GridRowProps {
|
|
14
|
+
/**
|
|
15
|
+
* The props and attributes that are applied to the tr element by default.
|
|
16
|
+
*/
|
|
17
|
+
trProps?: HTMLAttributes | null;
|
|
18
|
+
}
|
|
8
19
|
/**
|
|
9
20
|
* The settings of the rows prop options.
|
|
10
21
|
*/
|
|
11
22
|
export interface GridRowsSettings {
|
|
23
|
+
/**
|
|
24
|
+
* Custom component for rendering group header rows.
|
|
25
|
+
* Falls back to the default when omitted.
|
|
26
|
+
*
|
|
27
|
+
* @example
|
|
28
|
+
* ```vue
|
|
29
|
+
* <Grid :rows="{ groupHeader: 'MyGroupHeader' }" />
|
|
30
|
+
* ```
|
|
31
|
+
*/
|
|
12
32
|
groupHeader?: any;
|
|
33
|
+
/**
|
|
34
|
+
* Custom component for rendering data rows.
|
|
35
|
+
* Falls back to the default when omitted.
|
|
36
|
+
*
|
|
37
|
+
* @example
|
|
38
|
+
* ```vue
|
|
39
|
+
* <Grid :rows="{ data: 'MyRow' }" />
|
|
40
|
+
* ```
|
|
41
|
+
*/
|
|
13
42
|
data?: any;
|
|
43
|
+
/**
|
|
44
|
+
* Custom component for rendering group footer rows.
|
|
45
|
+
* Falls back to `rows.groupFooter` (then default) when omitted.
|
|
46
|
+
*
|
|
47
|
+
* @example
|
|
48
|
+
* ```vue
|
|
49
|
+
* <Grid :rows="{ groupFooter: 'MyGroupFooter' }" />
|
|
50
|
+
* ```
|
|
51
|
+
*/
|
|
14
52
|
groupFooter?: any;
|
|
53
|
+
/**
|
|
54
|
+
* Custom component for rendering pinned data rows.
|
|
55
|
+
* Falls back to `rows.data` (then default) when omitted.
|
|
56
|
+
*
|
|
57
|
+
* @example
|
|
58
|
+
* ```vue
|
|
59
|
+
* <Grid :rows="{ pinnedData: 'MyPinnedRow' }" />
|
|
60
|
+
* ```
|
|
61
|
+
*/
|
|
62
|
+
pinnedData?: Component<GridCustomRowProps> | string;
|
|
15
63
|
}
|
package/interfaces/events.d.ts
CHANGED
|
@@ -135,7 +135,7 @@ export interface GridSelectionChangeEvent extends GridEvent, TableSelectionChang
|
|
|
135
135
|
*/
|
|
136
136
|
dataItem: any;
|
|
137
137
|
/**
|
|
138
|
-
* The new [SelectDescriptor](https://www.telerik.com/kendo-
|
|
138
|
+
* The new [SelectDescriptor](https://www.telerik.com/kendo-vue-ui/components/datatools/api/selectdescriptor) based on the user action.
|
|
139
139
|
*/
|
|
140
140
|
select: SelectDescriptor;
|
|
141
141
|
/**
|
|
@@ -169,7 +169,7 @@ export interface GridItemChangeEvent extends GridEvent {
|
|
|
169
169
|
*/
|
|
170
170
|
export interface GridHeaderSelectionChangeEvent extends GridEvent {
|
|
171
171
|
/**
|
|
172
|
-
* The new [SelectDescriptor](https://www.telerik.com/kendo-
|
|
172
|
+
* The new [SelectDescriptor](https://www.telerik.com/kendo-vue-ui/components/datatools/api/selectdescriptor) based on the user action.
|
|
173
173
|
*/
|
|
174
174
|
select: SelectDescriptor;
|
|
175
175
|
/**
|
|
@@ -332,3 +332,20 @@ export interface GridColumnsStateChangeEvent {
|
|
|
332
332
|
*/
|
|
333
333
|
columnsState: GridColumnState[];
|
|
334
334
|
}
|
|
335
|
+
/**
|
|
336
|
+
* Represents the object of the `onRowpinchange` Grid event.
|
|
337
|
+
*/
|
|
338
|
+
export interface GridRowPinChangeEvent {
|
|
339
|
+
/**
|
|
340
|
+
* The updated array of items pinned to the top of the Grid.
|
|
341
|
+
*/
|
|
342
|
+
pinnedTopRows: any[];
|
|
343
|
+
/**
|
|
344
|
+
* The updated array of items pinned to the bottom of the Grid.
|
|
345
|
+
*/
|
|
346
|
+
pinnedBottomRows: any[];
|
|
347
|
+
/**
|
|
348
|
+
* The data item that triggered the pin change.
|
|
349
|
+
*/
|
|
350
|
+
dataItem: any;
|
|
351
|
+
}
|
package/messages/main.d.ts
CHANGED
|
@@ -213,6 +213,22 @@ export declare const gridAriaLabel = "grid.gridAriaLabel";
|
|
|
213
213
|
* @hidden
|
|
214
214
|
*/
|
|
215
215
|
export declare const gridRowReorderAriaLabel = "grid.gridRowReorderAriaLabel";
|
|
216
|
+
/**
|
|
217
|
+
* @hidden
|
|
218
|
+
*/
|
|
219
|
+
export declare const gridPinCellAriaLabel = "grid.gridPinCellAriaLabel";
|
|
220
|
+
/**
|
|
221
|
+
* @hidden
|
|
222
|
+
*/
|
|
223
|
+
export declare const gridPinToTop = "grid.gridPinToTop";
|
|
224
|
+
/**
|
|
225
|
+
* @hidden
|
|
226
|
+
*/
|
|
227
|
+
export declare const gridPinToBottom = "grid.gridPinToBottom";
|
|
228
|
+
/**
|
|
229
|
+
* @hidden
|
|
230
|
+
*/
|
|
231
|
+
export declare const gridUnpin = "grid.gridUnpin";
|
|
216
232
|
/**
|
|
217
233
|
* @hidden
|
|
218
234
|
*/
|
|
@@ -325,6 +341,14 @@ export declare const toolbarCheckboxFilter = "grid.toolbarCheckboxFilter";
|
|
|
325
341
|
* @hidden
|
|
326
342
|
*/
|
|
327
343
|
export declare const headerGroupSpacerAccessibleLabel = "grid.headerGroupSpacerAccessibleLabel";
|
|
344
|
+
/**
|
|
345
|
+
* @hidden
|
|
346
|
+
*/
|
|
347
|
+
export declare const pinnedTopRowsAriaLabel = "grid.pinnedTopRows";
|
|
348
|
+
/**
|
|
349
|
+
* @hidden
|
|
350
|
+
*/
|
|
351
|
+
export declare const pinnedBottomRowsAriaLabel = "grid.pinnedBottomRows";
|
|
328
352
|
/**
|
|
329
353
|
* @hidden
|
|
330
354
|
*/
|
|
@@ -400,6 +424,12 @@ export declare const messages: {
|
|
|
400
424
|
"grid.groupPanelAriaLabel": string;
|
|
401
425
|
"grid.gridAriaLabel": string;
|
|
402
426
|
"grid.gridRowReorderAriaLabel": string;
|
|
427
|
+
"grid.gridPinCellAriaLabel": string;
|
|
428
|
+
"grid.gridPinToTop": string;
|
|
429
|
+
"grid.gridPinToBottom": string;
|
|
430
|
+
"grid.gridUnpin": string;
|
|
431
|
+
"grid.pinnedTopRows": string;
|
|
432
|
+
"grid.pinnedBottomRows": string;
|
|
403
433
|
"grid.selectRow": string;
|
|
404
434
|
"grid.columnMenuColumnChooserTitle": string;
|
|
405
435
|
"grid.gridAdaptiveColumnMenuFilterTitle": string;
|
package/messages/main.js
CHANGED
|
@@ -5,5 +5,5 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="grid.noRecords",r="grid.selectAllRows",t="grid.pagerInfo",o="grid.pagerFirstPage",l="grid.pagerPreviousPage",a="grid.pagerNextPage",i="grid.pagerLastPage",n="grid.pagerItemsPerPage",s="grid.pagerPage",g="grid.pagerPageSelection",d="grid.pagerOf",p="grid.pagerTotalPages",u="grid.groupPanelEmpty",c="grid.groupColumn",b="grid.ungroupColumn",C="grid.columnMenu",A="grid.filterApplyButton",m="grid.filterClearButton",f="grid.filterClearAllButton",h="grid.filterResetButton",L="grid.filterSubmitButton",
|
|
9
|
-
`,[
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="grid.noRecords",r="grid.selectAllRows",t="grid.pagerInfo",o="grid.pagerFirstPage",l="grid.pagerPreviousPage",a="grid.pagerNextPage",i="grid.pagerLastPage",n="grid.pagerItemsPerPage",s="grid.pagerPage",g="grid.pagerPageSelection",d="grid.pagerOf",p="grid.pagerTotalPages",u="grid.groupPanelEmpty",c="grid.groupColumn",b="grid.ungroupColumn",C="grid.columnMenu",A="grid.filterApplyButton",m="grid.filterClearButton",f="grid.filterClearAllButton",h="grid.filterResetButton",L="grid.filterSubmitButton",P="grid.filterTitle",T="grid.sortAscending",S="grid.sortDescending",B="grid.sortClearButton",I="grid.sortApplyButton",F="grid.searchPlaceholder",D="grid.searchboxPlaceholder",x="grid.exportPDF",R="grid.filterCheckAll",y="grid.filterChooseOperator",O="grid.filterSelectAll",v="grid.filterSelectedItems",w="grid.sortAriaLabel",E="grid.sortableColumnAriaLabel",G="grid.sortableColumnAscendingAriaLabel",M="grid.sortableColumnDescendingAriaLabel",N="grid.editDialogTitle",k="grid.editDialogSaveButtonTitle",q="grid.editDialogCancelButtonTitle",U="grid.filterAriaLabel",W="grid.numericFilterAriaLabel",H="grid.groupPanelAriaLabel",j="grid.groupExpand",z="grid.groupCollapse",J="grid.groupClearButton",K="grid.groupApplyButton",Q="grid.detailExpand",V="grid.detailCollapse",X="grid.selectRow",Y="grid.gridAriaLabel",Z="grid.gridRowReorderAriaLabel",_="grid.gridPinCellAriaLabel",$="grid.gridPinToTop",ee="grid.gridPinToBottom",re="grid.gridUnpin",te="grid.gridAdaptiveColumnMenuFilterTitle",oe="grid.columnMenuColumnChooserTitle",le="grid.columnMenuColumnChooserSelectedItems",ae="grid.adaptiveColumnMenuChooserTitle",ie="grid.adaptiveColumnMenuChooserSubTitle",ne="grid.columnChooserApplyButton",se="grid.columnChooserResetButton",ge="grid.adaptiveColumnMenuCheckboxFilterTitle",de="grid.adaptiveToolbarSortTitle",pe="grid.adaptiveToolbarGroupTitle",ue="grid.toolbarSort",ce="grid.dateFilterAriaLabel",be="grid.textFilterAriaLabel",Ce="grid.booleanFilterAriaLabel",Ae="grid.groupHeaderAriaLabel",me="grid.groupCaretAriaLabelCollapse",fe="grid.groupCaretAriaLabelExpand",he="grid.expandDetailTemplateAriaLabel",Le="grid.collapseDetailTemplateAriaLabel",Pe="grid.toolbarAI",Te="grid.aIResponseData",Se="grid.generatedWithAI",Be="grid.toolbarAIApply",Ie="grid.toolbarGroup",Fe="grid.toolbarFilter",De="grid.toolbarColumnsChooser",xe="grid.toolbarCheckboxFilter",Re="grid.headerGroupSpacerAccessibleLabel",ye="grid.pinnedTopRows",Oe="grid.pinnedBottomRows",ve={[Q]:"Expand detail row",[V]:"Collapse detail row",[j]:"Expand group",[z]:"Collapse Group",[J]:"Clear grouping",[K]:"Done",[e]:"No records available",[r]:"Select all rows",[u]:"Drag a column header and drop it here to group by that column",[A]:"Apply",[m]:"Clear",[f]:"Clear all filters",[h]:"Reset",[L]:"Filter",[P]:"Filter",[T]:"Sort Ascending",[S]:"Sort Descending",[B]:"Clear sorting",[I]:"Done",[w]:"Sortable",[de]:"Sort by",[pe]:"Group by",[ue]:"Sort",[Pe]:"AI Assistant",[Be]:"Apply",[Te]:`Operation is successful. Data is:
|
|
9
|
+
`,[Se]:"Generated with AI",[Ie]:"Group",[Fe]:"Filter",[De]:"Columns",[xe]:"Filter",[c]:"Group Column",[b]:"Ungroup Column",[Re]:"Group",[C]:"Column menu",[n]:"items per page",[t]:"{0} - {1} of {2} items",[o]:"Go to the first page",[l]:"Go to the previous page",[a]:"Go to the next page",[i]:"Go to the last page",[s]:"Page",[g]:"Page size",[d]:"of",[p]:"{0}",[F]:"Search",[D]:"Search...",[x]:"Export PDF",[R]:"Check All",[N]:"Edit Dialog",[k]:"Save",[q]:"Cancel",[y]:"Choose Operator",[v]:"selected items",[O]:"Select All",[E]:"Sortable Column",[G]:"Sorted in ascending order",[M]:"Sorted in descending order",[U]:"Filter",[W]:"Numeric Filter",[ce]:"Date Filter",[be]:"Text Filter",[Ce]:"Boolean Filter",[Ae]:"Group Header",[me]:"Collapse Group",[fe]:"Expand Group",[he]:"Expand Details",[Le]:"Collapse Details",[H]:"Group panel",[Y]:"Table",[Z]:"Drag row",[_]:"Pin row",[$]:"Pin row to top",[ee]:"Pin row to bottom",[re]:"Unpin",[ye]:"Pinned top rows",[Oe]:"Pinned bottom rows",[X]:"Select Row",[oe]:"Columns Chooser",[te]:"Filter by",[ae]:"Columns Chooser",[ie]:"Selected fields are visible",[ge]:"Filter by",[le]:"Selected items",[ne]:"Apply",[se]:"Reset","grid.filterEqOperator":"Is equal to","grid.filterNotEqOperator":"Is not equal to","grid.filterIsNullOperator":"Is null","grid.filterIsNotNullOperator":"Is not null","grid.filterIsEmptyOperator":"Is empty","grid.filterIsNotEmptyOperator":"Is not empty","grid.filterStartsWithOperator":"Starts with","grid.filterContainsOperator":"Contains","grid.filterNotContainsOperator":"Does not contain","grid.filterEndsWithOperator":"Ends with","grid.filterGteOperator":"Is greater than or equal to","grid.filterGtOperator":"Is greater than","grid.filterLteOperator":"Is less than or equal to","grid.filterLtOperator":"Is less than","grid.filterIsTrue":"Is true","grid.filterIsFalse":"Is false","grid.filterBooleanAll":"(All)","grid.filterAfterOrEqualOperator":"Is after or equal to","grid.filterAfterOperator":"Is after","grid.filterBeforeOperator":"Is before","grid.filterBeforeOrEqualOperator":"Is before or equal to","grid.filterAndLogic":"And","grid.filterOrLogic":"Or"};exports.aIResponseData=Te;exports.adaptiveColumnMenuCheckboxFilterTitle=ge;exports.adaptiveColumnMenuChooserSubTitle=ie;exports.adaptiveColumnMenuChooserTitle=ae;exports.adaptiveColumnMenuFilterTitle=te;exports.adaptiveToolbarGroupTitle=pe;exports.adaptiveToolbarSortTitle=de;exports.booleanFilterAriaLabel=Ce;exports.collapseDetailAriaLabel=Le;exports.columnChooserApplyButton=ne;exports.columnChooserResetButton=se;exports.columnMenu=C;exports.columnMenuColumnChooserSelectedItems=le;exports.columnMenuColumnChooserTitle=oe;exports.dateFilterAriaLabel=ce;exports.detailCollapse=V;exports.detailExpand=Q;exports.editDialogCancelButtonTitle=q;exports.editDialogSaveButtonTitle=k;exports.editDialogTitle=N;exports.expandDetailAriaLabel=he;exports.exportPDF=x;exports.filterApplyButton=A;exports.filterAriaLabel=U;exports.filterCheckAll=R;exports.filterChooseOperator=y;exports.filterClearAllButton=f;exports.filterClearButton=m;exports.filterResetButton=h;exports.filterSelectAll=O;exports.filterSelectedItems=v;exports.filterSubmitButton=L;exports.filterTitle=P;exports.generatedWithAI=Se;exports.gridAriaLabel=Y;exports.gridPinCellAriaLabel=_;exports.gridPinToBottom=ee;exports.gridPinToTop=$;exports.gridRowReorderAriaLabel=Z;exports.gridUnpin=re;exports.groupApplyButton=K;exports.groupCaretAriaLabelCollapse=me;exports.groupCaretAriaLabelExpand=fe;exports.groupClearButton=J;exports.groupCollapse=z;exports.groupColumn=c;exports.groupExpand=j;exports.groupHeaderAriaLabel=Ae;exports.groupPanelAriaLabel=H;exports.groupPanelEmpty=u;exports.headerGroupSpacerAccessibleLabel=Re;exports.messages=ve;exports.noRecords=e;exports.numericFilterAriaLabel=W;exports.pagerFirstPage=o;exports.pagerInfo=t;exports.pagerItemPerPage=n;exports.pagerLastPage=i;exports.pagerNextPage=a;exports.pagerOf=d;exports.pagerPage=s;exports.pagerPageSelection=g;exports.pagerPreviousPage=l;exports.pagerTotalPages=p;exports.pinnedBottomRowsAriaLabel=Oe;exports.pinnedTopRowsAriaLabel=ye;exports.searchPlaceholder=F;exports.searchboxPlaceholder=D;exports.selectAllRows=r;exports.selectRow=X;exports.sortApplyButton=I;exports.sortAriaLabel=w;exports.sortAscending=T;exports.sortClearButton=B;exports.sortDescending=S;exports.sortableColumnAriaLabel=E;exports.sortableColumnAscendingAriaLabel=G;exports.sortableColumnDescendingAriaLabel=M;exports.textFilterAriaLabel=be;exports.toolbarAI=Pe;exports.toolbarAIApply=Be;exports.toolbarCheckboxFilter=xe;exports.toolbarColumnsChooser=De;exports.toolbarFilter=Fe;exports.toolbarGroup=Ie;exports.toolbarSort=ue;exports.ungroupColumn=b;
|