@progress/kendo-react-grid 5.4.0-dev.202205271059 → 5.4.0-dev.202206061009
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/js/kendo-react-grid.js +1 -1
- package/dist/es/Grid.d.ts +3 -3
- package/dist/es/Grid.js +29 -21
- package/dist/es/GridColumn.d.ts +1 -1
- package/dist/es/VirtualScroll.d.ts +2 -2
- package/dist/es/VirtualScroll.js +9 -4
- package/dist/es/cells/GridCell.d.ts +2 -1
- package/dist/es/cells/GridEditCell.d.ts +2 -1
- package/dist/es/cells/GridFilterCell.d.ts +1 -1
- package/dist/es/cells/GridGroupCell.d.ts +2 -1
- package/dist/es/cells/GridHierarchyCell.d.ts +2 -1
- package/dist/es/cells/GridSelectionCell.d.ts +2 -1
- package/dist/es/columnMenu/GridColumnMenuCheckboxFilter.js +11 -7
- package/dist/es/columnMenu/GridColumnMenuFilter.js +11 -7
- package/dist/es/columnMenu/GridColumnMenuItem.js +2 -2
- package/dist/es/columnMenu/GridColumnMenuWrapper.js +4 -0
- package/dist/es/drag/ColumnDraggable.d.ts +1 -0
- package/dist/es/drag/ColumnDraggable.js +1 -0
- package/dist/es/drag/ColumnResize.js +3 -0
- package/dist/es/drag/ColumnResizer.js +2 -0
- package/dist/es/drag/CommonDragLogic.js +1 -0
- package/dist/es/drag/GroupingIndicator.js +1 -0
- package/dist/es/footer/FooterRow.d.ts +1 -1
- package/dist/es/header/FilterRow.js +1 -1
- package/dist/es/header/GridHeaderCell.d.ts +1 -1
- package/dist/es/header/GridHeaderSelectionCell.d.ts +1 -1
- package/dist/es/header/HeaderRow.d.ts +1 -1
- package/dist/es/interfaces/GridCellProps.d.ts +1 -1
- package/dist/es/interfaces/GridColumnProps.d.ts +1 -1
- package/dist/es/interfaces/GridHeaderCellProps.d.ts +1 -1
- package/dist/es/interfaces/GridSortSettings.js +9 -5
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/rows/GridRow.d.ts +1 -1
- package/dist/es/utils/index.js +4 -4
- package/dist/npm/Grid.d.ts +3 -3
- package/dist/npm/Grid.js +49 -41
- package/dist/npm/GridColumn.d.ts +1 -1
- package/dist/npm/GridNoRecords.js +2 -2
- package/dist/npm/VirtualScroll.d.ts +2 -2
- package/dist/npm/VirtualScroll.js +9 -4
- package/dist/npm/cells/GridCell.d.ts +2 -1
- package/dist/npm/cells/GridCell.js +4 -4
- package/dist/npm/cells/GridDetailCell.js +1 -1
- package/dist/npm/cells/GridDetailHierarchyCell.js +1 -1
- package/dist/npm/cells/GridEditCell.d.ts +2 -1
- package/dist/npm/cells/GridEditCell.js +4 -4
- package/dist/npm/cells/GridFilterCell.d.ts +1 -1
- package/dist/npm/cells/GridFilterCell.js +6 -6
- package/dist/npm/cells/GridGroupCell.d.ts +2 -1
- package/dist/npm/cells/GridGroupCell.js +2 -2
- package/dist/npm/cells/GridHierarchyCell.d.ts +2 -1
- package/dist/npm/cells/GridHierarchyCell.js +3 -3
- package/dist/npm/cells/GridSelectionCell.d.ts +2 -1
- package/dist/npm/cells/GridSelectionCell.js +3 -3
- package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.js +18 -14
- package/dist/npm/columnMenu/GridColumnMenuFilter.js +32 -28
- package/dist/npm/columnMenu/GridColumnMenuFilterCell.js +3 -3
- package/dist/npm/columnMenu/GridColumnMenuGroup.js +3 -3
- package/dist/npm/columnMenu/GridColumnMenuItem.js +2 -2
- package/dist/npm/columnMenu/GridColumnMenuItemContent.js +1 -1
- package/dist/npm/columnMenu/GridColumnMenuItemGroup.js +1 -1
- package/dist/npm/columnMenu/GridColumnMenuSort.js +4 -4
- package/dist/npm/columnMenu/GridColumnMenuWrapper.js +4 -0
- package/dist/npm/drag/ColumnDraggable.d.ts +1 -0
- package/dist/npm/drag/ColumnDraggable.js +1 -0
- package/dist/npm/drag/ColumnResize.js +3 -0
- package/dist/npm/drag/ColumnResizer.js +2 -0
- package/dist/npm/drag/CommonDragLogic.js +3 -2
- package/dist/npm/drag/GroupingIndicator.js +1 -0
- package/dist/npm/filterCommon.js +6 -6
- package/dist/npm/footer/Footer.js +1 -1
- package/dist/npm/footer/FooterRow.d.ts +1 -1
- package/dist/npm/footer/FooterRow.js +1 -1
- package/dist/npm/header/FilterRow.js +6 -6
- package/dist/npm/header/GridHeaderCell.d.ts +1 -1
- package/dist/npm/header/GridHeaderSelectionCell.d.ts +1 -1
- package/dist/npm/header/GridHeaderSelectionCell.js +1 -1
- package/dist/npm/header/GroupPanel.js +2 -2
- package/dist/npm/header/Header.js +4 -4
- package/dist/npm/header/HeaderRow.d.ts +1 -1
- package/dist/npm/header/HeaderRow.js +4 -4
- package/dist/npm/interfaces/GridCellProps.d.ts +1 -1
- package/dist/npm/interfaces/GridColumnProps.d.ts +1 -1
- package/dist/npm/interfaces/GridHeaderCellProps.d.ts +1 -1
- package/dist/npm/interfaces/GridSortSettings.js +9 -5
- package/dist/npm/main.js +5 -1
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/rows/GridRow.d.ts +1 -1
- package/dist/npm/rows/GridRow.js +1 -1
- package/dist/npm/utils/index.js +5 -5
- package/dist/systemjs/kendo-react-grid.js +1 -1
- package/package.json +19 -19
|
@@ -39,7 +39,7 @@ export declare class HeaderRow extends React.Component<HeaderRowProps, {}> {
|
|
|
39
39
|
constructor(props: HeaderRowProps);
|
|
40
40
|
cellClick(e: React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent<HTMLElement>, column: GridColumnProps): void;
|
|
41
41
|
cellKeyDown: (event: React.KeyboardEvent<HTMLElement>, column: GridColumnProps) => void;
|
|
42
|
-
sortIcon(sortIndex: number): JSX.Element[];
|
|
42
|
+
sortIcon(sortIndex: number): false | (false | JSX.Element)[] | null;
|
|
43
43
|
render(): JSX.Element[];
|
|
44
44
|
private cells;
|
|
45
45
|
}
|
|
@@ -74,7 +74,7 @@ var HeaderRow = /** @class */ (function (_super) {
|
|
|
74
74
|
var sortIndex = _this.props.sort ? _this.props.sort.findIndex(function (s) { return s.field === column.field; }) : -1;
|
|
75
75
|
var sortDir = sortIndex >= 0 ? ((_this.props.sort)[sortIndex].dir || 'none') : 'none';
|
|
76
76
|
var columnMenu = (column.columnMenu === null) ? null : (column.columnMenu || _this.props.columnMenu);
|
|
77
|
-
var className = kendo_react_common_1.classNames({
|
|
77
|
+
var className = (0, kendo_react_common_1.classNames)({
|
|
78
78
|
'k-first': column.kFirst,
|
|
79
79
|
'k-filterable': Boolean(columnMenu),
|
|
80
80
|
'k-header': true,
|
|
@@ -86,7 +86,7 @@ var HeaderRow = /** @class */ (function (_super) {
|
|
|
86
86
|
? { left: column.left, right: column.right }
|
|
87
87
|
: { left: column.right, right: column.left }
|
|
88
88
|
: {};
|
|
89
|
-
var sortLabel = kendo_react_intl_1.provideLocalizationService(_this).toLanguageString(messages_1.sortAriaLabel, messages_1.messages[messages_1.sortAriaLabel]);
|
|
89
|
+
var sortLabel = (0, kendo_react_intl_1.provideLocalizationService)(_this).toLanguageString(messages_1.sortAriaLabel, messages_1.messages[messages_1.sortAriaLabel]);
|
|
90
90
|
var ariaAttrs = column.isAccessible ? {
|
|
91
91
|
ariaSort: ariaSortMap[sortDir],
|
|
92
92
|
role: 'columnheader',
|
|
@@ -143,7 +143,7 @@ var HeaderRow = /** @class */ (function (_super) {
|
|
|
143
143
|
if (!this.props.sortChange) {
|
|
144
144
|
return;
|
|
145
145
|
}
|
|
146
|
-
var _a = GridSortSettings_1.normalize(this.props.sortable || false, column.sortable || false), allowUnsort = _a.allowUnsort, mode = _a.mode;
|
|
146
|
+
var _a = (0, GridSortSettings_1.normalize)(this.props.sortable || false, column.sortable || false), allowUnsort = _a.allowUnsort, mode = _a.mode;
|
|
147
147
|
var oldDescriptor = (this.props.sort || []).filter(function (d) { return d.field === column.field; })[0];
|
|
148
148
|
var dir = sortSeqMap[allowUnsort][oldDescriptor && oldDescriptor.dir || ''];
|
|
149
149
|
var newDescriptor = (mode === 'single') ?
|
|
@@ -173,4 +173,4 @@ var HeaderRow = /** @class */ (function (_super) {
|
|
|
173
173
|
return HeaderRow;
|
|
174
174
|
}(React.Component));
|
|
175
175
|
exports.HeaderRow = HeaderRow;
|
|
176
|
-
kendo_react_intl_1.registerForLocalization(HeaderRow);
|
|
176
|
+
(0, kendo_react_intl_1.registerForLocalization)(HeaderRow);
|
|
@@ -5,7 +5,7 @@ import { CellProps } from '@progress/kendo-react-data-tools';
|
|
|
5
5
|
* Represents the props of the GridCell component
|
|
6
6
|
* ([more information]({% slug cells_grid %}#toc-grid-cells)).
|
|
7
7
|
*/
|
|
8
|
-
export interface GridCellProps extends CellProps {
|
|
8
|
+
export interface GridCellProps extends Omit<CellProps, 'onChange' | 'render'> {
|
|
9
9
|
/**
|
|
10
10
|
* Zero-based index of the dataItem.
|
|
11
11
|
*/
|
|
@@ -9,7 +9,7 @@ import { ColumnBaseProps } from '@progress/kendo-react-data-tools';
|
|
|
9
9
|
/**
|
|
10
10
|
* The props of the GridColumn component.
|
|
11
11
|
*/
|
|
12
|
-
export interface GridColumnProps extends ColumnBaseProps {
|
|
12
|
+
export interface GridColumnProps extends Omit<ColumnBaseProps, 'cell'> {
|
|
13
13
|
/**
|
|
14
14
|
* Allows the column headers to be clicked and the `sortChange` event emitted.
|
|
15
15
|
* You have to handle the `sortChange` event yourself and sort the data.
|
|
@@ -5,7 +5,7 @@ import { GridColumnMenuWrapperProps } from '../columnMenu/GridColumnMenuWrapper'
|
|
|
5
5
|
* The props of the GridHeaderCell component
|
|
6
6
|
* ([more information]({% slug cells_grid %}#toc-header-cells)).
|
|
7
7
|
*/
|
|
8
|
-
export interface GridHeaderCellProps extends HeaderCellBaseProps {
|
|
8
|
+
export interface GridHeaderCellProps extends Omit<HeaderCellBaseProps, 'render'> {
|
|
9
9
|
/**
|
|
10
10
|
* A function for overriding the default rendering of the header cell.
|
|
11
11
|
*/
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from) {
|
|
3
|
-
for (var i = 0,
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
3
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
4
|
+
if (ar || !(i in from)) {
|
|
5
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
6
|
+
ar[i] = from[i];
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
6
10
|
};
|
|
7
11
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
8
12
|
exports.normalize = void 0;
|
|
@@ -14,6 +18,6 @@ var normalize = function () {
|
|
|
14
18
|
for (var _i = 0; _i < arguments.length; _i++) {
|
|
15
19
|
settings[_i] = arguments[_i];
|
|
16
20
|
}
|
|
17
|
-
return Object.assign.apply(Object, __spreadArray([{ allowUnsort: true, mode: 'single' }], settings));
|
|
21
|
+
return Object.assign.apply(Object, __spreadArray([{ allowUnsort: true, mode: 'single' }], settings, false));
|
|
18
22
|
};
|
|
19
23
|
exports.normalize = normalize;
|
package/dist/npm/main.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-react-grid',
|
|
9
9
|
productName: 'KendoReact',
|
|
10
10
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1654509537,
|
|
12
12
|
version: '',
|
|
13
13
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
|
|
14
14
|
};
|
package/dist/npm/rows/GridRow.js
CHANGED
|
@@ -43,7 +43,7 @@ var GridRow = /** @class */ (function (_super) {
|
|
|
43
43
|
*/
|
|
44
44
|
GridRow.prototype.render = function () {
|
|
45
45
|
var _a;
|
|
46
|
-
var className = kendo_react_common_1.classNames({
|
|
46
|
+
var className = (0, kendo_react_common_1.classNames)({
|
|
47
47
|
'k-grouping-row': this.props.rowType === 'groupHeader',
|
|
48
48
|
'k-group-footer': this.props.rowType === 'groupFooter',
|
|
49
49
|
'k-master-row': this.props.rowType !== 'groupHeader' &&
|
package/dist/npm/utils/index.js
CHANGED
|
@@ -97,8 +97,8 @@ var eventKeys = [
|
|
|
97
97
|
'columnResize',
|
|
98
98
|
'columnReorder'
|
|
99
99
|
];
|
|
100
|
-
var deprecatedHandlerMessage = function (oldKey, newKey) { return ("The "
|
|
101
|
-
|
|
100
|
+
var deprecatedHandlerMessage = function (oldKey, newKey) { return ("The ".concat(oldKey, " event handler property is deprecated, ") +
|
|
101
|
+
"use https://www.telerik.com/kendo-react-ui/components/grid/api/GridProps/#toc-".concat(newKey, " instead")); };
|
|
102
102
|
/**
|
|
103
103
|
* @hidden
|
|
104
104
|
*/
|
|
@@ -131,7 +131,7 @@ function readColumns(elements, oldColumns, idInfo, depth) {
|
|
|
131
131
|
var oldColumn = oldColumns[index] || null;
|
|
132
132
|
var children = readColumns(columnProps.children, oldColumn && oldColumn.children || [], idInfo, depth + 1);
|
|
133
133
|
columns.push(Object.assign({ depth: depth }, GridColumn_1.GridColumn.defaultProps, (children.length) ? { cell: function () { return null; }, filterCell: function () { return null; } } : {}, oldColumn ? { width: oldColumn.width, orderIndex: oldColumn.orderIndex } : {}, columnProps, {
|
|
134
|
-
id: columnProps.id ? columnProps.id : kendo_react_data_tools_1.tableKeyboardNavigationTools.generateNavigatableId(""
|
|
134
|
+
id: columnProps.id ? columnProps.id : kendo_react_data_tools_1.tableKeyboardNavigationTools.generateNavigatableId("".concat(idInfo.prevId++), idInfo.idPrefix, 'column'),
|
|
135
135
|
declarationIndex: columns.length,
|
|
136
136
|
children: children,
|
|
137
137
|
rowSpan: 0,
|
|
@@ -182,7 +182,7 @@ function autoGenerateColumns(data, group, expandField, idInfo) {
|
|
|
182
182
|
fields.forEach(function (field) {
|
|
183
183
|
if (field !== expandField) {
|
|
184
184
|
columns.push(Object.assign({
|
|
185
|
-
id: kendo_react_data_tools_1.tableKeyboardNavigationTools.generateNavigatableId(""
|
|
185
|
+
id: kendo_react_data_tools_1.tableKeyboardNavigationTools.generateNavigatableId("".concat(idInfo.prevId++), idInfo.idPrefix, 'column'),
|
|
186
186
|
declarationIndex: -1,
|
|
187
187
|
parentIndex: -1,
|
|
188
188
|
depth: 0,
|
|
@@ -233,7 +233,7 @@ var sanitizeColumns = function (columns) {
|
|
|
233
233
|
});
|
|
234
234
|
return columns.map(function (column) {
|
|
235
235
|
var declarationIndex = column.declarationIndex, parentIndex = column.parentIndex, depth = column.depth, colSpan = column.colSpan, rowSpan = column.rowSpan, index = column.index, kFirst = column.kFirst, children = column.children, props = __rest(column, ["declarationIndex", "parentIndex", "depth", "colSpan", "rowSpan", "index", "kFirst", "children"]);
|
|
236
|
-
return children.length ? __assign({ children: exports.sanitizeColumns(children) }, props) : props;
|
|
236
|
+
return children.length ? __assign({ children: (0, exports.sanitizeColumns)(children) }, props) : props;
|
|
237
237
|
});
|
|
238
238
|
};
|
|
239
239
|
exports.sanitizeColumns = sanitizeColumns;
|