@progress/kendo-react-grid 6.1.1 → 7.0.0-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/{dist/es/Grid.d.ts → Grid.d.ts} +5 -1
- package/{dist/npm/GridColumn.d.ts → GridColumn.d.ts} +4 -0
- package/{dist/npm/GridNoRecords.d.ts → GridNoRecords.d.ts} +4 -0
- package/{dist/npm/GridToolbar.d.ts → GridToolbar.d.ts} +5 -1
- package/LICENSE.md +1 -1
- package/ScrollMode.d.ts +5 -0
- package/{dist/es/StatusBar.d.ts → StatusBar.d.ts} +4 -0
- package/{dist/npm/VirtualScroll.d.ts → VirtualScroll.d.ts} +4 -0
- package/{dist/es/VirtualScrollFixed.d.ts → VirtualScrollFixed.d.ts} +4 -0
- package/cells/GridCell.d.ts +6 -0
- package/{dist/es/cells → cells}/GridDetailCell.d.ts +5 -1
- package/cells/GridDetailHierarchyCell.d.ts +10 -0
- package/cells/GridEditCell.d.ts +9 -0
- package/cells/GridFilterCell.d.ts +20 -0
- package/cells/GridGroupCell.d.ts +9 -0
- package/cells/GridHierarchyCell.d.ts +9 -0
- package/cells/GridSelectionCell.d.ts +9 -0
- package/{dist/npm/columnMenu → columnMenu}/GridColumnMenuCheckboxFilter.d.ts +5 -1
- package/{dist/npm/columnMenu → columnMenu}/GridColumnMenuColumnsList.d.ts +4 -0
- package/{dist/npm/columnMenu → columnMenu}/GridColumnMenuFilter.d.ts +5 -1
- package/{dist/npm/columnMenu → columnMenu}/GridColumnMenuFilterCell.d.ts +5 -1
- package/columnMenu/GridColumnMenuFilterUI.d.ts +12 -0
- package/{dist/es/columnMenu → columnMenu}/GridColumnMenuGroup.d.ts +5 -1
- package/{dist/es/columnMenu → columnMenu}/GridColumnMenuItem.d.ts +5 -1
- package/{dist/es/columnMenu → columnMenu}/GridColumnMenuItemContent.d.ts +5 -1
- package/{dist/es/columnMenu → columnMenu}/GridColumnMenuItemGroup.d.ts +5 -1
- package/{dist/es/columnMenu → columnMenu}/GridColumnMenuSort.d.ts +5 -1
- package/{dist/npm/columnMenu → columnMenu}/GridColumnMenuWrapper.d.ts +5 -1
- package/{dist/es/constants → constants}/index.d.ts +4 -0
- package/dist/cdn/js/kendo-react-grid.js +5 -1
- package/{dist/npm/drag → drag}/ColumnDraggable.d.ts +5 -1
- package/{dist/es/drag → drag}/ColumnResize.d.ts +4 -0
- package/{dist/es/drag → drag}/CommonDragLogic.d.ts +5 -1
- package/{dist/npm/drag → drag}/GroupingIndicator.d.ts +5 -1
- package/{dist/es/filterCommon.d.ts → filterCommon.d.ts} +5 -1
- package/{dist/npm/footer → footer}/Footer.d.ts +5 -1
- package/{dist/npm/footer → footer}/FooterRow.d.ts +5 -1
- package/{dist/npm/header → header}/FilterRow.d.ts +5 -1
- package/{dist/npm/header → header}/GridHeaderCell.d.ts +5 -1
- package/header/GridHeaderSelectionCell.d.ts +13 -0
- package/{dist/npm/header → header}/GroupPanel.d.ts +5 -1
- package/{dist/es/header → header}/Header.d.ts +5 -1
- package/{dist/npm/header → header}/HeaderRow.d.ts +6 -2
- package/{dist/es/main.d.ts → index.d.ts} +31 -27
- package/index.js +5 -0
- package/index.mjs +3814 -0
- package/{dist/npm/interfaces → interfaces}/GridCellProps.d.ts +4 -1
- package/{dist/es/interfaces → interfaces}/GridCellsSettings.d.ts +4 -0
- package/interfaces/GridColumnMenuBaseProps.d.ts +18 -0
- package/{dist/es/interfaces → interfaces}/GridColumnMenuColumnProps.d.ts +4 -0
- package/{dist/es/interfaces → interfaces}/GridColumnMenuFilterBaseProps.d.ts +4 -1
- package/{dist/es/interfaces → interfaces}/GridColumnMenuFilterUIProps.d.ts +4 -0
- package/{dist/npm/interfaces → interfaces}/GridColumnMenuGroupBaseProps.d.ts +4 -1
- package/{dist/es/interfaces → interfaces}/GridColumnMenuProps.d.ts +4 -0
- package/{dist/npm/interfaces → interfaces}/GridColumnMenuSortBaseProps.d.ts +4 -1
- package/{dist/es/interfaces → interfaces}/GridColumnProps.d.ts +4 -0
- package/interfaces/GridDetailRowProps.d.ts +17 -0
- package/{dist/npm/interfaces → interfaces}/GridFilterCellProps.d.ts +4 -1
- package/interfaces/GridFilterOperator.d.ts +10 -0
- package/{dist/es/interfaces → interfaces}/GridFilterOperators.d.ts +4 -0
- package/{dist/npm/interfaces → interfaces}/GridFooterCellProps.d.ts +4 -1
- package/{dist/es/interfaces → interfaces}/GridGroupableSettings.d.ts +4 -0
- package/{dist/npm/interfaces → interfaces}/GridHeaderCellProps.d.ts +4 -1
- package/interfaces/GridNoRecordsProps.d.ts +13 -0
- package/{dist/npm/interfaces → interfaces}/GridProps.d.ts +4 -0
- package/{dist/es/interfaces → interfaces}/GridRowProps.d.ts +4 -1
- package/interfaces/GridRowType.d.ts +13 -0
- package/{dist/npm/interfaces → interfaces}/GridSelectableSettings.d.ts +5 -1
- package/interfaces/GridSortSettings.d.ts +17 -0
- package/{dist/es/interfaces → interfaces}/GridToolbarProps.d.ts +4 -1
- package/{dist/es/interfaces → interfaces}/VirtualScrollInterface.d.ts +4 -0
- package/{dist/npm/interfaces → interfaces}/events.d.ts +4 -1
- package/{dist/npm/messages → messages}/index.d.ts +4 -0
- package/package-metadata.d.ts +9 -0
- package/package.json +36 -59
- package/{dist/es/paging → paging}/GridPagerSettings.d.ts +6 -2
- package/paging/Page.d.ts +17 -0
- package/{dist/npm/rows → rows}/GridDetailRow.d.ts +4 -0
- package/rows/GridRow.d.ts +15 -0
- package/{dist/es/utils → utils}/index.d.ts +11 -7
- package/about.md +0 -3
- package/dist/es/Grid.js +0 -1042
- package/dist/es/GridColumn.d.ts +0 -24
- package/dist/es/GridColumn.js +0 -54
- package/dist/es/GridNoRecords.d.ts +0 -36
- package/dist/es/GridNoRecords.js +0 -63
- package/dist/es/GridToolbar.d.ts +0 -50
- package/dist/es/GridToolbar.js +0 -78
- package/dist/es/ScrollMode.d.ts +0 -1
- package/dist/es/ScrollMode.js +0 -1
- package/dist/es/StatusBar.js +0 -109
- package/dist/es/VirtualScroll.d.ts +0 -47
- package/dist/es/VirtualScroll.js +0 -243
- package/dist/es/VirtualScrollFixed.js +0 -153
- package/dist/es/cells/GridCell.d.ts +0 -3
- package/dist/es/cells/GridCell.js +0 -59
- package/dist/es/cells/GridDetailCell.js +0 -25
- package/dist/es/cells/GridDetailHierarchyCell.d.ts +0 -7
- package/dist/es/cells/GridDetailHierarchyCell.js +0 -18
- package/dist/es/cells/GridEditCell.d.ts +0 -6
- package/dist/es/cells/GridEditCell.js +0 -96
- package/dist/es/cells/GridFilterCell.d.ts +0 -16
- package/dist/es/cells/GridFilterCell.js +0 -102
- package/dist/es/cells/GridGroupCell.d.ts +0 -6
- package/dist/es/cells/GridGroupCell.js +0 -114
- package/dist/es/cells/GridHierarchyCell.d.ts +0 -6
- package/dist/es/cells/GridHierarchyCell.js +0 -77
- package/dist/es/cells/GridSelectionCell.d.ts +0 -6
- package/dist/es/cells/GridSelectionCell.js +0 -44
- package/dist/es/columnMenu/GridColumnMenuCheckboxFilter.d.ts +0 -118
- package/dist/es/columnMenu/GridColumnMenuCheckboxFilter.js +0 -328
- package/dist/es/columnMenu/GridColumnMenuColumnsList.d.ts +0 -27
- package/dist/es/columnMenu/GridColumnMenuColumnsList.js +0 -57
- package/dist/es/columnMenu/GridColumnMenuFilter.d.ts +0 -161
- package/dist/es/columnMenu/GridColumnMenuFilter.js +0 -377
- package/dist/es/columnMenu/GridColumnMenuFilterCell.d.ts +0 -33
- package/dist/es/columnMenu/GridColumnMenuFilterCell.js +0 -72
- package/dist/es/columnMenu/GridColumnMenuFilterUI.d.ts +0 -8
- package/dist/es/columnMenu/GridColumnMenuFilterUI.js +0 -48
- package/dist/es/columnMenu/GridColumnMenuGroup.js +0 -125
- package/dist/es/columnMenu/GridColumnMenuItem.js +0 -37
- package/dist/es/columnMenu/GridColumnMenuItemContent.js +0 -36
- package/dist/es/columnMenu/GridColumnMenuItemGroup.js +0 -35
- package/dist/es/columnMenu/GridColumnMenuSort.js +0 -189
- package/dist/es/columnMenu/GridColumnMenuWrapper.d.ts +0 -45
- package/dist/es/columnMenu/GridColumnMenuWrapper.js +0 -120
- package/dist/es/constants/index.js +0 -7
- package/dist/es/drag/ColumnDraggable.d.ts +0 -34
- package/dist/es/drag/ColumnDraggable.js +0 -62
- package/dist/es/drag/ColumnResize.js +0 -234
- package/dist/es/drag/CommonDragLogic.js +0 -209
- package/dist/es/drag/GroupingIndicator.d.ts +0 -37
- package/dist/es/drag/GroupingIndicator.js +0 -107
- package/dist/es/filterCommon.js +0 -165
- package/dist/es/footer/Footer.d.ts +0 -34
- package/dist/es/footer/Footer.js +0 -70
- package/dist/es/footer/FooterRow.d.ts +0 -21
- package/dist/es/footer/FooterRow.js +0 -75
- package/dist/es/header/FilterRow.d.ts +0 -34
- package/dist/es/header/FilterRow.js +0 -139
- package/dist/es/header/GridHeaderCell.d.ts +0 -52
- package/dist/es/header/GridHeaderCell.js +0 -101
- package/dist/es/header/GridHeaderSelectionCell.d.ts +0 -9
- package/dist/es/header/GridHeaderSelectionCell.js +0 -59
- package/dist/es/header/GroupPanel.d.ts +0 -22
- package/dist/es/header/GroupPanel.js +0 -57
- package/dist/es/header/Header.js +0 -112
- package/dist/es/header/HeaderRow.d.ts +0 -47
- package/dist/es/header/HeaderRow.js +0 -180
- package/dist/es/interfaces/GridCellProps.d.ts +0 -70
- package/dist/es/interfaces/GridCellProps.js +0 -2
- package/dist/es/interfaces/GridCellsSettings.js +0 -1
- package/dist/es/interfaces/GridColumnMenuBaseProps.d.ts +0 -14
- package/dist/es/interfaces/GridColumnMenuBaseProps.js +0 -1
- package/dist/es/interfaces/GridColumnMenuColumnProps.js +0 -1
- package/dist/es/interfaces/GridColumnMenuFilterBaseProps.js +0 -1
- package/dist/es/interfaces/GridColumnMenuFilterUIProps.js +0 -1
- package/dist/es/interfaces/GridColumnMenuGroupBaseProps.d.ts +0 -20
- package/dist/es/interfaces/GridColumnMenuGroupBaseProps.js +0 -1
- package/dist/es/interfaces/GridColumnMenuProps.js +0 -1
- package/dist/es/interfaces/GridColumnMenuSortBaseProps.d.ts +0 -21
- package/dist/es/interfaces/GridColumnMenuSortBaseProps.js +0 -1
- package/dist/es/interfaces/GridColumnProps.js +0 -2
- package/dist/es/interfaces/GridDetailRowProps.d.ts +0 -13
- package/dist/es/interfaces/GridDetailRowProps.js +0 -1
- package/dist/es/interfaces/GridFilterCellProps.d.ts +0 -65
- package/dist/es/interfaces/GridFilterCellProps.js +0 -1
- package/dist/es/interfaces/GridFilterOperator.d.ts +0 -6
- package/dist/es/interfaces/GridFilterOperator.js +0 -1
- package/dist/es/interfaces/GridFilterOperators.js +0 -1
- package/dist/es/interfaces/GridFooterCellProps.d.ts +0 -23
- package/dist/es/interfaces/GridFooterCellProps.js +0 -1
- package/dist/es/interfaces/GridGroupableSettings.js +0 -1
- package/dist/es/interfaces/GridHeaderCellProps.d.ts +0 -17
- package/dist/es/interfaces/GridHeaderCellProps.js +0 -1
- package/dist/es/interfaces/GridNoRecordsProps.d.ts +0 -10
- package/dist/es/interfaces/GridNoRecordsProps.js +0 -1
- package/dist/es/interfaces/GridProps.d.ts +0 -317
- package/dist/es/interfaces/GridProps.js +0 -2
- package/dist/es/interfaces/GridRowProps.js +0 -2
- package/dist/es/interfaces/GridRowType.d.ts +0 -9
- package/dist/es/interfaces/GridRowType.js +0 -1
- package/dist/es/interfaces/GridSelectableSettings.d.ts +0 -18
- package/dist/es/interfaces/GridSelectableSettings.js +0 -2
- package/dist/es/interfaces/GridSortSettings.d.ts +0 -13
- package/dist/es/interfaces/GridSortSettings.js +0 -19
- package/dist/es/interfaces/GridToolbarProps.js +0 -1
- package/dist/es/interfaces/VirtualScrollInterface.js +0 -1
- package/dist/es/interfaces/events.d.ts +0 -229
- package/dist/es/interfaces/events.js +0 -1
- package/dist/es/main.js +0 -33
- package/dist/es/messages/index.d.ts +0 -190
- package/dist/es/messages/index.js +0 -191
- package/dist/es/package-metadata.d.ts +0 -5
- package/dist/es/package-metadata.js +0 -11
- package/dist/es/paging/GridPagerSettings.js +0 -21
- package/dist/es/paging/Page.d.ts +0 -13
- package/dist/es/paging/Page.js +0 -1
- package/dist/es/rows/GridDetailRow.d.ts +0 -51
- package/dist/es/rows/GridDetailRow.js +0 -75
- package/dist/es/rows/GridRow.d.ts +0 -11
- package/dist/es/rows/GridRow.js +0 -64
- package/dist/es/utils/index.js +0 -263
- package/dist/npm/Grid.d.ts +0 -255
- package/dist/npm/Grid.js +0 -1045
- package/dist/npm/GridColumn.js +0 -58
- package/dist/npm/GridNoRecords.js +0 -66
- package/dist/npm/GridToolbar.js +0 -81
- package/dist/npm/ScrollMode.d.ts +0 -1
- package/dist/npm/ScrollMode.js +0 -2
- package/dist/npm/StatusBar.d.ts +0 -47
- package/dist/npm/StatusBar.js +0 -115
- package/dist/npm/VirtualScroll.js +0 -246
- package/dist/npm/VirtualScrollFixed.d.ts +0 -49
- package/dist/npm/VirtualScrollFixed.js +0 -156
- package/dist/npm/cells/GridCell.d.ts +0 -3
- package/dist/npm/cells/GridCell.js +0 -63
- package/dist/npm/cells/GridDetailCell.d.ts +0 -14
- package/dist/npm/cells/GridDetailCell.js +0 -29
- package/dist/npm/cells/GridDetailHierarchyCell.d.ts +0 -7
- package/dist/npm/cells/GridDetailHierarchyCell.js +0 -22
- package/dist/npm/cells/GridEditCell.d.ts +0 -6
- package/dist/npm/cells/GridEditCell.js +0 -100
- package/dist/npm/cells/GridFilterCell.d.ts +0 -16
- package/dist/npm/cells/GridFilterCell.js +0 -105
- package/dist/npm/cells/GridGroupCell.d.ts +0 -6
- package/dist/npm/cells/GridGroupCell.js +0 -118
- package/dist/npm/cells/GridHierarchyCell.d.ts +0 -6
- package/dist/npm/cells/GridHierarchyCell.js +0 -81
- package/dist/npm/cells/GridSelectionCell.d.ts +0 -6
- package/dist/npm/cells/GridSelectionCell.js +0 -48
- package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.js +0 -331
- package/dist/npm/columnMenu/GridColumnMenuColumnsList.js +0 -61
- package/dist/npm/columnMenu/GridColumnMenuFilter.js +0 -382
- package/dist/npm/columnMenu/GridColumnMenuFilterCell.js +0 -75
- package/dist/npm/columnMenu/GridColumnMenuFilterUI.d.ts +0 -8
- package/dist/npm/columnMenu/GridColumnMenuFilterUI.js +0 -51
- package/dist/npm/columnMenu/GridColumnMenuGroup.d.ts +0 -73
- package/dist/npm/columnMenu/GridColumnMenuGroup.js +0 -128
- package/dist/npm/columnMenu/GridColumnMenuItem.d.ts +0 -36
- package/dist/npm/columnMenu/GridColumnMenuItem.js +0 -40
- package/dist/npm/columnMenu/GridColumnMenuItemContent.d.ts +0 -20
- package/dist/npm/columnMenu/GridColumnMenuItemContent.js +0 -39
- package/dist/npm/columnMenu/GridColumnMenuItemGroup.d.ts +0 -16
- package/dist/npm/columnMenu/GridColumnMenuItemGroup.js +0 -38
- package/dist/npm/columnMenu/GridColumnMenuSort.d.ts +0 -85
- package/dist/npm/columnMenu/GridColumnMenuSort.js +0 -192
- package/dist/npm/columnMenu/GridColumnMenuWrapper.js +0 -123
- package/dist/npm/constants/index.d.ts +0 -6
- package/dist/npm/constants/index.js +0 -10
- package/dist/npm/drag/ColumnDraggable.js +0 -65
- package/dist/npm/drag/ColumnResize.d.ts +0 -33
- package/dist/npm/drag/ColumnResize.js +0 -237
- package/dist/npm/drag/CommonDragLogic.d.ts +0 -40
- package/dist/npm/drag/CommonDragLogic.js +0 -212
- package/dist/npm/drag/GroupingIndicator.js +0 -110
- package/dist/npm/filterCommon.d.ts +0 -69
- package/dist/npm/filterCommon.js +0 -175
- package/dist/npm/footer/Footer.js +0 -73
- package/dist/npm/footer/FooterRow.js +0 -78
- package/dist/npm/header/FilterRow.js +0 -142
- package/dist/npm/header/GridHeaderCell.js +0 -104
- package/dist/npm/header/GridHeaderSelectionCell.d.ts +0 -9
- package/dist/npm/header/GridHeaderSelectionCell.js +0 -62
- package/dist/npm/header/GroupPanel.js +0 -60
- package/dist/npm/header/Header.d.ts +0 -42
- package/dist/npm/header/Header.js +0 -115
- package/dist/npm/header/HeaderRow.js +0 -183
- package/dist/npm/interfaces/GridCellProps.js +0 -3
- package/dist/npm/interfaces/GridCellsSettings.d.ts +0 -111
- package/dist/npm/interfaces/GridCellsSettings.js +0 -3
- package/dist/npm/interfaces/GridColumnMenuBaseProps.d.ts +0 -14
- package/dist/npm/interfaces/GridColumnMenuBaseProps.js +0 -2
- package/dist/npm/interfaces/GridColumnMenuColumnProps.d.ts +0 -25
- package/dist/npm/interfaces/GridColumnMenuColumnProps.js +0 -2
- package/dist/npm/interfaces/GridColumnMenuFilterBaseProps.d.ts +0 -25
- package/dist/npm/interfaces/GridColumnMenuFilterBaseProps.js +0 -2
- package/dist/npm/interfaces/GridColumnMenuFilterUIProps.d.ts +0 -31
- package/dist/npm/interfaces/GridColumnMenuFilterUIProps.js +0 -2
- package/dist/npm/interfaces/GridColumnMenuGroupBaseProps.js +0 -2
- package/dist/npm/interfaces/GridColumnMenuProps.d.ts +0 -8
- package/dist/npm/interfaces/GridColumnMenuProps.js +0 -2
- package/dist/npm/interfaces/GridColumnMenuSortBaseProps.js +0 -2
- package/dist/npm/interfaces/GridColumnProps.d.ts +0 -88
- package/dist/npm/interfaces/GridColumnProps.js +0 -3
- package/dist/npm/interfaces/GridDetailRowProps.d.ts +0 -13
- package/dist/npm/interfaces/GridDetailRowProps.js +0 -2
- package/dist/npm/interfaces/GridFilterCellProps.js +0 -2
- package/dist/npm/interfaces/GridFilterOperator.d.ts +0 -6
- package/dist/npm/interfaces/GridFilterOperator.js +0 -2
- package/dist/npm/interfaces/GridFilterOperators.d.ts +0 -49
- package/dist/npm/interfaces/GridFilterOperators.js +0 -2
- package/dist/npm/interfaces/GridFooterCellProps.js +0 -2
- package/dist/npm/interfaces/GridGroupableSettings.d.ts +0 -13
- package/dist/npm/interfaces/GridGroupableSettings.js +0 -2
- package/dist/npm/interfaces/GridHeaderCellProps.js +0 -2
- package/dist/npm/interfaces/GridNoRecordsProps.d.ts +0 -10
- package/dist/npm/interfaces/GridNoRecordsProps.js +0 -2
- package/dist/npm/interfaces/GridProps.js +0 -3
- package/dist/npm/interfaces/GridRowProps.d.ts +0 -64
- package/dist/npm/interfaces/GridRowProps.js +0 -3
- package/dist/npm/interfaces/GridRowType.d.ts +0 -9
- package/dist/npm/interfaces/GridRowType.js +0 -2
- package/dist/npm/interfaces/GridSelectableSettings.js +0 -3
- package/dist/npm/interfaces/GridSortSettings.d.ts +0 -13
- package/dist/npm/interfaces/GridSortSettings.js +0 -23
- package/dist/npm/interfaces/GridToolbarProps.d.ts +0 -34
- package/dist/npm/interfaces/GridToolbarProps.js +0 -2
- package/dist/npm/interfaces/VirtualScrollInterface.d.ts +0 -27
- package/dist/npm/interfaces/VirtualScrollInterface.js +0 -2
- package/dist/npm/interfaces/events.js +0 -2
- package/dist/npm/main.d.ts +0 -51
- package/dist/npm/main.js +0 -90
- package/dist/npm/messages/index.js +0 -195
- package/dist/npm/package-metadata.d.ts +0 -5
- package/dist/npm/package-metadata.js +0 -14
- package/dist/npm/paging/GridPagerSettings.d.ts +0 -67
- package/dist/npm/paging/GridPagerSettings.js +0 -25
- package/dist/npm/paging/Page.d.ts +0 -13
- package/dist/npm/paging/Page.js +0 -2
- package/dist/npm/rows/GridDetailRow.js +0 -78
- package/dist/npm/rows/GridRow.d.ts +0 -11
- package/dist/npm/rows/GridRow.js +0 -67
- package/dist/npm/utils/index.d.ts +0 -69
- package/dist/npm/utils/index.js +0 -275
- package/dist/systemjs/kendo-react-grid.js +0 -1
- package/e2e-legacy/snapshots/column-menu.png +0 -0
- package/e2e-next/basic.tests.ts +0 -25
|
@@ -1,183 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
|
-
var __assign = (this && this.__assign) || function () {
|
|
18
|
-
__assign = Object.assign || function(t) {
|
|
19
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
20
|
-
s = arguments[i];
|
|
21
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
22
|
-
t[p] = s[p];
|
|
23
|
-
}
|
|
24
|
-
return t;
|
|
25
|
-
};
|
|
26
|
-
return __assign.apply(this, arguments);
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.HeaderRow = void 0;
|
|
30
|
-
var React = require("react");
|
|
31
|
-
var GridSortSettings_1 = require("../interfaces/GridSortSettings");
|
|
32
|
-
var ColumnDraggable_1 = require("../drag/ColumnDraggable");
|
|
33
|
-
var GridHeaderCell_1 = require("./GridHeaderCell");
|
|
34
|
-
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
35
|
-
var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
|
|
36
|
-
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
37
|
-
var messages_1 = require("../messages");
|
|
38
|
-
var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
|
|
39
|
-
var utils_1 = require("../utils");
|
|
40
|
-
/**
|
|
41
|
-
* @hidden
|
|
42
|
-
*/
|
|
43
|
-
var sortSeqMap = {
|
|
44
|
-
true: { 'asc': 'desc', 'desc': '', '': 'asc' },
|
|
45
|
-
false: { 'asc': 'desc', 'desc': 'asc', '': 'asc' }
|
|
46
|
-
};
|
|
47
|
-
/**
|
|
48
|
-
* @hidden
|
|
49
|
-
*/
|
|
50
|
-
var ariaSortMap = {
|
|
51
|
-
'none': 'none',
|
|
52
|
-
'asc': 'ascending',
|
|
53
|
-
'desc': 'descending'
|
|
54
|
-
};
|
|
55
|
-
/**
|
|
56
|
-
* @hidden
|
|
57
|
-
*/
|
|
58
|
-
var HeaderRow = /** @class */ (function (_super) {
|
|
59
|
-
__extends(HeaderRow, _super);
|
|
60
|
-
function HeaderRow(props) {
|
|
61
|
-
var _this = _super.call(this, props) || this;
|
|
62
|
-
_this.serviceIndex = 0;
|
|
63
|
-
_this.index = -1;
|
|
64
|
-
_this.cellKeyDown = function (event, column) {
|
|
65
|
-
if (event.isDefaultPrevented()) {
|
|
66
|
-
return;
|
|
67
|
-
}
|
|
68
|
-
if (event.keyCode === kendo_react_common_1.Keys.enter) {
|
|
69
|
-
_this.cellClick(event, column);
|
|
70
|
-
}
|
|
71
|
-
};
|
|
72
|
-
_this.cells = function (rowIndexes) { return rowIndexes.map(function (columnIndex) {
|
|
73
|
-
var column = _this.props.columns[columnIndex];
|
|
74
|
-
var sortable = _this.props.sortable && column.sortable;
|
|
75
|
-
var sortIndex = _this.props.sort ? _this.props.sort.findIndex(function (s) { return s.field === column.field; }) : -1;
|
|
76
|
-
var sortDir = sortIndex >= 0 ? ((_this.props.sort)[sortIndex].dir || 'none') : 'none';
|
|
77
|
-
var columnMenu = (column.columnMenu === null) ? null : (column.columnMenu || _this.props.columnMenu);
|
|
78
|
-
var className = (0, kendo_react_common_1.classNames)({
|
|
79
|
-
'k-first': column.kFirst,
|
|
80
|
-
'k-filterable': Boolean(columnMenu),
|
|
81
|
-
'k-table-th': true,
|
|
82
|
-
'k-header': true,
|
|
83
|
-
'k-grid-header-sticky': column.locked,
|
|
84
|
-
'k-sorted': _this.props.sort && _this.props.sort.some(function (descriptor) { return descriptor.field === column.field; })
|
|
85
|
-
}, column.headerClassName);
|
|
86
|
-
var style = column.left !== undefined
|
|
87
|
-
? !_this.props.isRtl
|
|
88
|
-
? { left: column.left, right: column.right }
|
|
89
|
-
: { left: column.right, right: column.left }
|
|
90
|
-
: {};
|
|
91
|
-
var sortLabel = (0, kendo_react_intl_1.provideLocalizationService)(_this).toLanguageString(messages_1.sortAriaLabel, messages_1.messages[messages_1.sortAriaLabel]);
|
|
92
|
-
var ariaAttrs = column.isAccessible ? {
|
|
93
|
-
ariaSort: ariaSortMap[sortDir],
|
|
94
|
-
role: 'columnheader',
|
|
95
|
-
ariaColumnIndex: column.ariaColumnIndex,
|
|
96
|
-
ariaSelected: false,
|
|
97
|
-
ariaDescription: sortable ? sortLabel : ''
|
|
98
|
-
} : {
|
|
99
|
-
'role': 'presentation'
|
|
100
|
-
};
|
|
101
|
-
var key = (column.declarationIndex >= 0) ? ++_this.index : --_this.serviceIndex;
|
|
102
|
-
var HeaderCell = column.headerCell ? column.headerCell : GridHeaderCell_1.GridHeaderCell;
|
|
103
|
-
var headerCell = (React.createElement(HeaderCell, { key: 1, field: column.field, onClick: sortable && (function (e) { return _this.cellClick(e, column); }) || undefined, selectionChange: _this.props.selectionChange, title: column.title, selectionValue: column.headerSelectionValue, render: _this.props.cellRender, children: _this.sortIcon(sortIndex), columnMenuWrapperProps: {
|
|
104
|
-
column: {
|
|
105
|
-
field: column.field,
|
|
106
|
-
title: column.title,
|
|
107
|
-
locked: column.locked,
|
|
108
|
-
filter: column.filter,
|
|
109
|
-
id: column.id
|
|
110
|
-
},
|
|
111
|
-
sortable: sortable && _this.props.sortable,
|
|
112
|
-
sort: _this.props.sort,
|
|
113
|
-
onSortChange: _this.props.sortChange,
|
|
114
|
-
filter: _this.props.filter,
|
|
115
|
-
filterable: _this.props.filterable && column.filterable,
|
|
116
|
-
filterOperators: _this.props.filterOperators,
|
|
117
|
-
onFilterChange: _this.props.filterChange,
|
|
118
|
-
group: _this.props.group,
|
|
119
|
-
groupable: _this.props.groupable,
|
|
120
|
-
onGroupChange: _this.props.groupChange,
|
|
121
|
-
columnMenu: columnMenu
|
|
122
|
-
} }));
|
|
123
|
-
var thProps = __assign(__assign({}, ariaAttrs), { key: key, colSpan: column.colSpan, rowSpan: column.rowSpan, className: className, style: style, columnId: column.id, navigatable: column.navigatable, onKeyDown: sortable && (function (e) { return _this.cellKeyDown(e, column); }) || undefined, role: 'columnheader' });
|
|
124
|
-
var content = [
|
|
125
|
-
headerCell,
|
|
126
|
-
(_this.props.columnResize && _this.props.columnResize.resizable && column.resizable
|
|
127
|
-
&& React.createElement(kendo_react_data_tools_1.ColumnResizer, { key: 2, resize: function (e, element, end) {
|
|
128
|
-
return _this.props.columnResize &&
|
|
129
|
-
_this.props.columnResize.dragHandler(e, column, element, end);
|
|
130
|
-
}, autofit: function (e) {
|
|
131
|
-
return _this.props.columnResize &&
|
|
132
|
-
_this.props.columnResize.dblClickHandler(e, [column.id]);
|
|
133
|
-
} }))
|
|
134
|
-
];
|
|
135
|
-
var customCells = (0, utils_1.resolveCells)(_this.props.cells, column.cells);
|
|
136
|
-
if (customCells && customCells.headerCell) {
|
|
137
|
-
var CustomCell = customCells.headerCell;
|
|
138
|
-
return (React.createElement(CustomCell, { key: key, thProps: thProps, index: columnIndex }, content));
|
|
139
|
-
}
|
|
140
|
-
return (React.createElement(kendo_react_data_tools_1.HeaderThElement, __assign({}, thProps, { key: key }), content));
|
|
141
|
-
}); };
|
|
142
|
-
_this.cellClick = _this.cellClick.bind(_this);
|
|
143
|
-
return _this;
|
|
144
|
-
}
|
|
145
|
-
HeaderRow.prototype.cellClick = function (e, column) {
|
|
146
|
-
e.preventDefault();
|
|
147
|
-
if (!this.props.sortChange) {
|
|
148
|
-
return;
|
|
149
|
-
}
|
|
150
|
-
var _a = (0, GridSortSettings_1.normalize)(this.props.sortable || false, column.sortable || false), allowUnsort = _a.allowUnsort, mode = _a.mode;
|
|
151
|
-
var oldDescriptor = (this.props.sort || []).filter(function (d) { return d.field === column.field; })[0];
|
|
152
|
-
var dir = sortSeqMap[allowUnsort][oldDescriptor && oldDescriptor.dir || ''];
|
|
153
|
-
var newDescriptor = (mode === 'single') ?
|
|
154
|
-
[] : (this.props.sort || []).filter(function (d) { return d.field !== column.field; });
|
|
155
|
-
if (dir !== '' && column.field) {
|
|
156
|
-
newDescriptor.push({ field: column.field, dir: dir });
|
|
157
|
-
}
|
|
158
|
-
this.props.sortChange(newDescriptor, e);
|
|
159
|
-
};
|
|
160
|
-
HeaderRow.prototype.sortIcon = function (sortIndex) {
|
|
161
|
-
if (!this.props.sort) {
|
|
162
|
-
return null;
|
|
163
|
-
}
|
|
164
|
-
return sortIndex >= 0 && [
|
|
165
|
-
React.createElement("span", { key: 1, className: 'k-sort-icon' },
|
|
166
|
-
React.createElement(kendo_react_common_1.IconWrap, { name: 'sort-' + this.props.sort[sortIndex].dir + '-small', icon: this.props.sort[sortIndex].dir === 'asc' ? kendo_svg_icons_1.sortAscSmallIcon : kendo_svg_icons_1.sortDescSmallIcon })),
|
|
167
|
-
this.props.sort.length > 1 &&
|
|
168
|
-
React.createElement("span", { key: 2, className: 'k-sort-icon' },
|
|
169
|
-
React.createElement("span", { className: "k-sort-order" }, sortIndex + 1))
|
|
170
|
-
];
|
|
171
|
-
};
|
|
172
|
-
HeaderRow.prototype.render = function () {
|
|
173
|
-
var _this = this;
|
|
174
|
-
this.serviceIndex = 0;
|
|
175
|
-
this.index = -1;
|
|
176
|
-
return this.props.columnsMap.map(function (rowIndexes, i) {
|
|
177
|
-
return _this.props.pressHandler && (React.createElement(ColumnDraggable_1.ColumnDraggable, { key: i, pressHandler: _this.props.pressHandler, dragHandler: _this.props.dragHandler, releaseHandler: _this.props.releaseHandler, ariaRowIndex: i + 1, dragClue: _this.props.dragClue, headerRef: _this.props.headerRef, containerRef: _this.props.containerRef }, _this.cells(rowIndexes))) || React.createElement("tr", { className: 'k-table-row', role: "row", "aria-rowindex": i + 1 }, _this.cells(rowIndexes));
|
|
178
|
-
});
|
|
179
|
-
};
|
|
180
|
-
return HeaderRow;
|
|
181
|
-
}(React.Component));
|
|
182
|
-
exports.HeaderRow = HeaderRow;
|
|
183
|
-
(0, kendo_react_intl_1.registerForLocalization)(HeaderRow);
|
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
import { ComponentType } from 'react';
|
|
2
|
-
import { TABLE_COL_INDEX_ATTRIBUTE } from '@progress/kendo-react-data-tools';
|
|
3
|
-
import { GridCellProps } from './GridCellProps';
|
|
4
|
-
import { GridFooterCellProps } from './GridFooterCellProps';
|
|
5
|
-
import { GridFilterCellProps } from './GridFilterCellProps';
|
|
6
|
-
import { GridHeaderCellProps } from './GridHeaderCellProps';
|
|
7
|
-
export interface GridTdAttributes extends React.TdHTMLAttributes<HTMLTableCellElement> {
|
|
8
|
-
[TABLE_COL_INDEX_ATTRIBUTE]?: number;
|
|
9
|
-
key?: string;
|
|
10
|
-
}
|
|
11
|
-
export interface GridThAttributes extends React.ThHTMLAttributes<HTMLTableCellElement> {
|
|
12
|
-
columnId: string;
|
|
13
|
-
key?: string;
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* The properties of the default Grid Cell.
|
|
17
|
-
*/
|
|
18
|
-
export interface GridCustomCellProps extends GridCellProps {
|
|
19
|
-
/**
|
|
20
|
-
* The props and attributes that are applied to the td element by default.
|
|
21
|
-
*/
|
|
22
|
-
tdProps?: React.TdHTMLAttributes<HTMLTableCellElement> | null;
|
|
23
|
-
/**
|
|
24
|
-
* The props and attributes that are applied to the second td. Such element is
|
|
25
|
-
* rendered in very rare cases when we have grouping and sticky columns.
|
|
26
|
-
*/
|
|
27
|
-
td2Props?: React.TdHTMLAttributes<HTMLTableCellElement> | null;
|
|
28
|
-
/**
|
|
29
|
-
* The default children of the table cell.
|
|
30
|
-
*/
|
|
31
|
-
children?: React.ReactNode | React.ReactNode[];
|
|
32
|
-
}
|
|
33
|
-
/**
|
|
34
|
-
* The properties of the footer Grid Cell.
|
|
35
|
-
*/
|
|
36
|
-
export interface GridCustomFooterCellProps extends GridFooterCellProps {
|
|
37
|
-
/**
|
|
38
|
-
* The props and attributes that are applied to the td element by default.
|
|
39
|
-
*/
|
|
40
|
-
tdProps?: React.TdHTMLAttributes<HTMLTableCellElement> | null;
|
|
41
|
-
/**
|
|
42
|
-
* The index of the column that is rendered.
|
|
43
|
-
*/
|
|
44
|
-
index?: number;
|
|
45
|
-
}
|
|
46
|
-
/**
|
|
47
|
-
* The properties of the filter Grid Cell.
|
|
48
|
-
*/
|
|
49
|
-
export interface GridCustomFilterCellProps extends GridFilterCellProps {
|
|
50
|
-
/**
|
|
51
|
-
* The props and attributes that are applied to the td element by default.
|
|
52
|
-
*/
|
|
53
|
-
thProps?: GridThAttributes | null;
|
|
54
|
-
/**
|
|
55
|
-
* The default children of the table cell.
|
|
56
|
-
*/
|
|
57
|
-
children?: React.ReactNode | React.ReactNode[];
|
|
58
|
-
/**
|
|
59
|
-
* The index of the column.
|
|
60
|
-
*/
|
|
61
|
-
index?: number;
|
|
62
|
-
}
|
|
63
|
-
/**
|
|
64
|
-
* The properties of the header Grid Cell.
|
|
65
|
-
*/
|
|
66
|
-
export interface GridCustomHeaderCellProps extends GridHeaderCellProps {
|
|
67
|
-
/**
|
|
68
|
-
* The props and attributes that are applied to the td element by default.
|
|
69
|
-
*/
|
|
70
|
-
thProps?: GridThAttributes | null;
|
|
71
|
-
/**
|
|
72
|
-
* The default children of the table cell.
|
|
73
|
-
*/
|
|
74
|
-
children: React.ReactNode | React.ReactNode[];
|
|
75
|
-
/**
|
|
76
|
-
* The index of the column.
|
|
77
|
-
*/
|
|
78
|
-
index?: number;
|
|
79
|
-
}
|
|
80
|
-
/**
|
|
81
|
-
* The settings of the cells prop options.
|
|
82
|
-
*/
|
|
83
|
-
export interface GridCellsSettings {
|
|
84
|
-
headerCell?: ComponentType<GridCustomHeaderCellProps>;
|
|
85
|
-
filterCell?: ComponentType<GridCustomFilterCellProps>;
|
|
86
|
-
footerCell?: ComponentType<GridCustomFooterCellProps>;
|
|
87
|
-
groupHeader?: ComponentType<GridCustomCellProps>;
|
|
88
|
-
data?: ComponentType<GridCustomCellProps>;
|
|
89
|
-
groupFooter?: ComponentType<GridCustomCellProps>;
|
|
90
|
-
select?: {
|
|
91
|
-
groupHeader?: ComponentType<GridCustomCellProps>;
|
|
92
|
-
data?: ComponentType<GridCustomCellProps>;
|
|
93
|
-
groupFooter?: ComponentType<GridCustomCellProps>;
|
|
94
|
-
};
|
|
95
|
-
hierarchy?: {
|
|
96
|
-
groupHeader?: ComponentType<GridCustomCellProps>;
|
|
97
|
-
data?: ComponentType<GridCustomCellProps>;
|
|
98
|
-
groupFooter?: ComponentType<GridCustomCellProps>;
|
|
99
|
-
};
|
|
100
|
-
group?: {
|
|
101
|
-
groupHeader?: ComponentType<GridCustomCellProps>;
|
|
102
|
-
data?: ComponentType<GridCustomCellProps>;
|
|
103
|
-
groupFooter?: ComponentType<GridCustomCellProps>;
|
|
104
|
-
};
|
|
105
|
-
edit?: {
|
|
106
|
-
text?: ComponentType<GridCustomCellProps>;
|
|
107
|
-
numeric?: ComponentType<GridCustomCellProps>;
|
|
108
|
-
boolean?: ComponentType<GridCustomCellProps>;
|
|
109
|
-
date?: ComponentType<GridCustomCellProps>;
|
|
110
|
-
};
|
|
111
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { GridColumnMenuColumnProps } from './GridColumnMenuColumnProps';
|
|
2
|
-
/**
|
|
3
|
-
* @hidden
|
|
4
|
-
*/
|
|
5
|
-
export interface GridColumnMenuBaseProps {
|
|
6
|
-
/**
|
|
7
|
-
* The current column options.
|
|
8
|
-
*/
|
|
9
|
-
column: GridColumnMenuColumnProps;
|
|
10
|
-
/**
|
|
11
|
-
* The method that will be called to close the column menu.
|
|
12
|
-
*/
|
|
13
|
-
onCloseMenu?: Function;
|
|
14
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* The column props passed by the ColumnMenu.
|
|
3
|
-
*/
|
|
4
|
-
export interface GridColumnMenuColumnProps {
|
|
5
|
-
/**
|
|
6
|
-
* The field to which the column is bound.
|
|
7
|
-
*/
|
|
8
|
-
field?: string;
|
|
9
|
-
/**
|
|
10
|
-
* Defines the filter type that is displayed inside the filter row. Defaults to `text`.
|
|
11
|
-
*/
|
|
12
|
-
filter?: 'text' | 'numeric' | 'boolean' | 'date';
|
|
13
|
-
/**
|
|
14
|
-
* The column locked state.
|
|
15
|
-
*/
|
|
16
|
-
locked?: boolean;
|
|
17
|
-
/**
|
|
18
|
-
* @hidden
|
|
19
|
-
*/
|
|
20
|
-
title?: string;
|
|
21
|
-
/**
|
|
22
|
-
* The column id.
|
|
23
|
-
*/
|
|
24
|
-
id?: string;
|
|
25
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { CompositeFilterDescriptor } from '@progress/kendo-data-query';
|
|
3
|
-
import { GridColumnMenuBaseProps } from './GridColumnMenuBaseProps';
|
|
4
|
-
import { GridFilterOperators } from './GridFilterOperators';
|
|
5
|
-
/**
|
|
6
|
-
* The props passed to the ColumnMenu filter component.
|
|
7
|
-
*/
|
|
8
|
-
export interface GridColumnMenuFilterBaseProps extends GridColumnMenuBaseProps {
|
|
9
|
-
/**
|
|
10
|
-
* The current filter state of the Grid.
|
|
11
|
-
*/
|
|
12
|
-
filter?: CompositeFilterDescriptor;
|
|
13
|
-
/**
|
|
14
|
-
* The filterable option of the column.
|
|
15
|
-
*/
|
|
16
|
-
filterable?: boolean | undefined;
|
|
17
|
-
/**
|
|
18
|
-
* The filter operators for the Grid filters.
|
|
19
|
-
*/
|
|
20
|
-
filterOperators: GridFilterOperators;
|
|
21
|
-
/**
|
|
22
|
-
* The method that will be called to notify the parent Grid about a filter change.
|
|
23
|
-
*/
|
|
24
|
-
onFilterChange?: (filter: CompositeFilterDescriptor | null, syntheticEvent: React.SyntheticEvent<any>) => any;
|
|
25
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { GridFilterCellProps } from './GridFilterCellProps';
|
|
2
|
-
import { GridFilterOperator } from './GridFilterOperator';
|
|
3
|
-
/**
|
|
4
|
-
* The props that will be passed to the UI of the ColumnMenu filter component.
|
|
5
|
-
*/
|
|
6
|
-
export interface GridColumnMenuFilterUIProps {
|
|
7
|
-
/**
|
|
8
|
-
* The options of the first filter.
|
|
9
|
-
*/
|
|
10
|
-
firstFilterProps: GridFilterCellProps;
|
|
11
|
-
/**
|
|
12
|
-
* The options of the second filter.
|
|
13
|
-
*/
|
|
14
|
-
secondFilterProps: GridFilterCellProps;
|
|
15
|
-
/**
|
|
16
|
-
* The current value of the filter logic.
|
|
17
|
-
*/
|
|
18
|
-
logicValue?: GridFilterOperator;
|
|
19
|
-
/**
|
|
20
|
-
* The list of the filter logic options.
|
|
21
|
-
*/
|
|
22
|
-
logicData: GridFilterOperator[];
|
|
23
|
-
/**
|
|
24
|
-
* The method that will be called to notify the parent about a change in the filter logic.
|
|
25
|
-
*/
|
|
26
|
-
onLogicChange: (e: any) => void;
|
|
27
|
-
/**
|
|
28
|
-
* Indicates if the second filter will be hidden.
|
|
29
|
-
*/
|
|
30
|
-
hideSecondFilter?: boolean;
|
|
31
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { GridColumnMenuFilterBaseProps } from './GridColumnMenuFilterBaseProps';
|
|
2
|
-
import { GridColumnMenuGroupBaseProps } from './GridColumnMenuGroupBaseProps';
|
|
3
|
-
import { GridColumnMenuSortBaseProps } from './GridColumnMenuSortBaseProps';
|
|
4
|
-
/**
|
|
5
|
-
* The props which the ColumnMenu passes to its children.
|
|
6
|
-
*/
|
|
7
|
-
export interface GridColumnMenuProps extends GridColumnMenuFilterBaseProps, GridColumnMenuSortBaseProps, GridColumnMenuGroupBaseProps {
|
|
8
|
-
}
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
import { ComponentType, ReactElement } from 'react';
|
|
2
|
-
import { GridCellProps } from '../interfaces/GridCellProps';
|
|
3
|
-
import { GridFilterCellProps } from '../interfaces/GridFilterCellProps';
|
|
4
|
-
import { GridHeaderCellProps } from '../interfaces/GridHeaderCellProps';
|
|
5
|
-
import { GridColumnMenuProps } from '../interfaces/GridColumnMenuProps';
|
|
6
|
-
import { GridFooterCellProps } from './GridFooterCellProps';
|
|
7
|
-
import { GridColumnSortSettings } from './GridSortSettings';
|
|
8
|
-
import { ColumnBaseProps } from '@progress/kendo-react-data-tools';
|
|
9
|
-
import { GridCellsSettings } from './GridCellsSettings';
|
|
10
|
-
/**
|
|
11
|
-
* The props of the GridColumn component.
|
|
12
|
-
*/
|
|
13
|
-
export interface GridColumnProps extends Omit<ColumnBaseProps, 'cell'> {
|
|
14
|
-
/**
|
|
15
|
-
* Allows the column headers to be clicked and the `sortChange` event emitted.
|
|
16
|
-
* You have to handle the `sortChange` event yourself and sort the data.
|
|
17
|
-
* Defaults to `true`.
|
|
18
|
-
*/
|
|
19
|
-
sortable?: boolean | GridColumnSortSettings;
|
|
20
|
-
/**
|
|
21
|
-
* Defines if the column is locked (frozen or sticky).
|
|
22
|
-
* Locked columns are the columns that are visible at all times while the user scrolls the component horizontally.
|
|
23
|
-
* Defaults to `false`.
|
|
24
|
-
*/
|
|
25
|
-
locked?: boolean;
|
|
26
|
-
/**
|
|
27
|
-
* A collection of child columns.
|
|
28
|
-
*/
|
|
29
|
-
children?: GridColumnProps[] | ReactElement<GridColumnProps>[];
|
|
30
|
-
/**
|
|
31
|
-
* Specifies a React element that will be cloned and rendered inside the column menu of the Grid ([see example]({% slug column_menu_grid %}#toc-basic-usage)).
|
|
32
|
-
*/
|
|
33
|
-
columnMenu?: ComponentType<GridColumnMenuProps>;
|
|
34
|
-
/**
|
|
35
|
-
* Determines if the column can be dragged to the group panel. Defaults to `true`.
|
|
36
|
-
*/
|
|
37
|
-
groupable?: boolean;
|
|
38
|
-
/**
|
|
39
|
-
* Defines whether the column is editable ([more information and examples]({% slug editing_inline_grid %})).
|
|
40
|
-
*/
|
|
41
|
-
editable?: boolean;
|
|
42
|
-
/**
|
|
43
|
-
* Defines if a filter UI will be rendered for this column. Defaults to `true`.
|
|
44
|
-
*/
|
|
45
|
-
filterable?: boolean;
|
|
46
|
-
/**
|
|
47
|
-
* Defines the title which will be set to the input element in the filter cell.
|
|
48
|
-
*/
|
|
49
|
-
filterTitle?: string;
|
|
50
|
-
/**
|
|
51
|
-
* Defines the filter type that will be rendered inside the filter row. Defaults to `text`.
|
|
52
|
-
*/
|
|
53
|
-
filter?: 'text' | 'numeric' | 'boolean' | 'date';
|
|
54
|
-
/**
|
|
55
|
-
* Defines the editor type. Used when the column enters the edit mode ([more information and examples]({% slug editing_inline_grid %})). Defaults to `text`.
|
|
56
|
-
*/
|
|
57
|
-
editor?: 'text' | 'numeric' | 'boolean' | 'date';
|
|
58
|
-
/**
|
|
59
|
-
* Defines the component that will be rendered as a cell. If not set, a `GridCell` will be rendered by default.
|
|
60
|
-
*/
|
|
61
|
-
cell?: ComponentType<GridCellProps>;
|
|
62
|
-
/**
|
|
63
|
-
* Sets a set of cells components that the Grid will render instead of the built-in cell.
|
|
64
|
-
*/
|
|
65
|
-
cells?: GridCellsSettings;
|
|
66
|
-
/**
|
|
67
|
-
* Defines the component that will be rendered as a filter cell. If not set, a `GridFilterCell` will be rendered by default.
|
|
68
|
-
*/
|
|
69
|
-
filterCell?: ComponentType<GridFilterCellProps>;
|
|
70
|
-
/**
|
|
71
|
-
* Defines the component that will be rendered as a header cell. If not set, a `GridHeaderCell` will be rendered by default.
|
|
72
|
-
*/
|
|
73
|
-
headerCell?: ComponentType<GridHeaderCellProps>;
|
|
74
|
-
/**
|
|
75
|
-
* Defines the component that will be rendered as a footer cell.
|
|
76
|
-
* The footer has to render an HTML `<td>` element and applies the `style` and `colspan` values from its props.
|
|
77
|
-
*
|
|
78
|
-
* @example
|
|
79
|
-
* ```jsx-no-run
|
|
80
|
-
* <GridColumn
|
|
81
|
-
* footerCell={props => (
|
|
82
|
-
* <td className='k-table-td' colSpan={props.colSpan} style={props.style} role={'gridcell'}>Sum: 50</td>
|
|
83
|
-
* )}
|
|
84
|
-
* />
|
|
85
|
-
* ```
|
|
86
|
-
*/
|
|
87
|
-
footerCell?: ComponentType<GridFooterCellProps>;
|
|
88
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* The props of the GridDetailRow component ([see example]({% slug detailrow_grid %})).
|
|
3
|
-
*/
|
|
4
|
-
export interface GridDetailRowProps {
|
|
5
|
-
/**
|
|
6
|
-
* The data object that represents the current row.
|
|
7
|
-
*/
|
|
8
|
-
dataItem: any;
|
|
9
|
-
/**
|
|
10
|
-
* Zero-based index of the dataItem.
|
|
11
|
-
*/
|
|
12
|
-
dataIndex: number;
|
|
13
|
-
}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { GridFilterOperator } from './GridFilterOperator';
|
|
2
|
-
/**
|
|
3
|
-
* The filter operators for the Grid filters.
|
|
4
|
-
*
|
|
5
|
-
* @example
|
|
6
|
-
* ```jsx-no-run
|
|
7
|
-
* // Default Grid filter operators:
|
|
8
|
-
* const filterOperators: {
|
|
9
|
-
* 'text': [
|
|
10
|
-
* { text: 'grid.filterContainsOperator', operator: 'contains' },
|
|
11
|
-
* { text: 'grid.filterNotContainsOperator', operator: 'doesnotcontain' },
|
|
12
|
-
* { text: 'grid.filterEqOperator', operator: 'eq' },
|
|
13
|
-
* { text: 'grid.filterNotEqOperator', operator: 'neq' },
|
|
14
|
-
* { text: 'grid.filterStartsWithOperator', operator: 'startswith' },
|
|
15
|
-
* { text: 'grid.filterEndsWithOperator', operator: 'endswith' },
|
|
16
|
-
* { text: 'grid.filterIsNullOperator', operator: 'isnull' },
|
|
17
|
-
* { text: 'grid.filterIsNotNullOperator', operator: 'isnotnull' },
|
|
18
|
-
* { text: 'grid.filterIsEmptyOperator', operator: 'isempty' },
|
|
19
|
-
* { text: 'grid.filterIsNotEmptyOperator', operator: 'isnotempty' }
|
|
20
|
-
* ],
|
|
21
|
-
* 'numeric': [
|
|
22
|
-
* { text: 'grid.filterEqOperator', operator: 'eq' },
|
|
23
|
-
* { text: 'grid.filterNotEqOperator', operator: 'neq' },
|
|
24
|
-
* { text: 'grid.filterGteOperator', operator: 'gte' },
|
|
25
|
-
* { text: 'grid.filterGtOperator', operator: 'gt' },
|
|
26
|
-
* { text: 'grid.filterLteOperator', operator: 'lte' },
|
|
27
|
-
* { text: 'grid.filterLtOperator', operator: 'lt' },
|
|
28
|
-
* { text: 'grid.filterIsNullOperator', operator: 'isnull' },
|
|
29
|
-
* { text: 'grid.filterIsNotNullOperator', operator: 'isnotnull' }
|
|
30
|
-
* ],
|
|
31
|
-
* 'date': [
|
|
32
|
-
* { text: 'grid.filterEqOperator', operator: 'eq' },
|
|
33
|
-
* { text: 'grid.filterNotEqOperator', operator: 'neq' },
|
|
34
|
-
* { text: 'grid.filterAfterOrEqualOperator', operator: 'gte' },
|
|
35
|
-
* { text: 'grid.filterAfterOperator', operator: 'gt' },
|
|
36
|
-
* { text: 'grid.filterBeforeOperator', operator: 'lt' },
|
|
37
|
-
* { text: 'grid.filterBeforeOrEqualOperator', operator: 'lte' },
|
|
38
|
-
* { text: 'grid.filterIsNullOperator', operator: 'isnull' },
|
|
39
|
-
* { text: 'grid.filterIsNotNullOperator', operator: 'isnotnull' }
|
|
40
|
-
* ],
|
|
41
|
-
* 'boolean': [
|
|
42
|
-
* { text: 'grid.filterEqOperator', operator: 'eq' }
|
|
43
|
-
* ]
|
|
44
|
-
* }
|
|
45
|
-
* ```
|
|
46
|
-
*/
|
|
47
|
-
export interface GridFilterOperators {
|
|
48
|
-
[type: string]: GridFilterOperator[];
|
|
49
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* The settings for grouping the data of the Grid ([see example]({% slug groupingaggregates_grid %})).
|
|
3
|
-
*/
|
|
4
|
-
export interface GridGroupableSettings {
|
|
5
|
-
/**
|
|
6
|
-
* Determines if grouping by dragging and dropping the column headers is allowed and if the group header is visible.
|
|
7
|
-
*/
|
|
8
|
-
enabled?: boolean;
|
|
9
|
-
/**
|
|
10
|
-
* Determines if the group footer row is visible when the group is collapsed. Defaults to `none`.
|
|
11
|
-
*/
|
|
12
|
-
footer?: 'always' | 'visible' | 'none';
|
|
13
|
-
}
|