@progress/kendo-react-data-tools 5.16.0-dev.202307211637 → 5.16.0
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-data-tools.js +1 -1
- package/dist/es/header/HeaderRow.d.ts +2 -1
- package/dist/es/header/HeaderRow.js +14 -8
- package/dist/es/package-metadata.js +1 -1
- package/dist/npm/header/HeaderRow.d.ts +2 -1
- package/dist/npm/header/HeaderRow.js +14 -8
- package/dist/npm/package-metadata.js +1 -1
- package/dist/systemjs/kendo-react-data-tools.js +1 -1
- package/package.json +10 -10
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { SortDescriptor, CompositeFilterDescriptor } from '@progress/kendo-data-query';
|
|
2
|
+
import { SortDescriptor, CompositeFilterDescriptor, FilterDescriptor } from '@progress/kendo-data-query';
|
|
3
3
|
import { TreeColumnBaseProps, ExtendedColumnProps } from './ColumnProps';
|
|
4
4
|
import { HeaderCellProps } from './HeaderCell';
|
|
5
5
|
import { SortSettings } from './SortSettings';
|
|
@@ -14,6 +14,7 @@ import { FilterCellProps } from '../filteringCells';
|
|
|
14
14
|
export interface HeaderRowProps<C = CellProps, H = HeaderCellProps, F = FilterCellProps> extends ColumnDraggableProps {
|
|
15
15
|
sortable?: SortSettings;
|
|
16
16
|
sortChange?: (e: React.SyntheticEvent<any>, descriptors: SortDescriptor[], field?: string) => void;
|
|
17
|
+
filterChange?: (e: React.SyntheticEvent<any>, descriptors: FilterDescriptor[], field?: string) => void;
|
|
17
18
|
sort?: SortDescriptor[];
|
|
18
19
|
columns: ExtendedColumnProps<C, H, F>[];
|
|
19
20
|
columnsMap: number[][];
|
|
@@ -86,6 +86,13 @@ var HeaderRow = /** @class */ (function (_super) {
|
|
|
86
86
|
var sortable = _this.props.sortable && column.sortable;
|
|
87
87
|
var sortIndex = _this.props.sort ? _this.props.sort.findIndex(function (s) { return s.field === column.field; }) : -1;
|
|
88
88
|
var sortDir = sortIndex >= 0 ? ((_this.props.sort)[sortIndex].dir || 'none') : 'none';
|
|
89
|
+
var columnMenuProps = {
|
|
90
|
+
sort: _this.props.sort,
|
|
91
|
+
onSortChange: _this.props.sortChange,
|
|
92
|
+
filter: _this.props.columnMenuFilter,
|
|
93
|
+
onFilterChange: _this.props.columnMenuFilterChange,
|
|
94
|
+
field: column.field
|
|
95
|
+
};
|
|
89
96
|
var headerCellProps = {
|
|
90
97
|
field: column.field,
|
|
91
98
|
onClick: sortable && (function (e) { return _this.cellClick(e, column); }) || undefined,
|
|
@@ -93,7 +100,13 @@ var HeaderRow = /** @class */ (function (_super) {
|
|
|
93
100
|
title: column.title,
|
|
94
101
|
selectionValue: column.headerSelectionValue,
|
|
95
102
|
render: _this.props.cellRender,
|
|
96
|
-
children: _this.sortIcon(sortIndex)
|
|
103
|
+
children: _this.sortIcon(sortIndex),
|
|
104
|
+
sort: _this.props.sort,
|
|
105
|
+
sortable: _this.props.sortable,
|
|
106
|
+
sortChange: _this.props.sortChange,
|
|
107
|
+
filterChange: _this.props.filterChange,
|
|
108
|
+
columns: _this.props.columns,
|
|
109
|
+
columnMenuWrapperProps: columnMenuProps
|
|
97
110
|
};
|
|
98
111
|
var ColumnMenu = column.columnMenu || _this.props.columnMenu;
|
|
99
112
|
var className = classNames('k-table-th', {
|
|
@@ -118,13 +131,6 @@ var HeaderRow = /** @class */ (function (_super) {
|
|
|
118
131
|
} : {
|
|
119
132
|
role: 'presentation'
|
|
120
133
|
};
|
|
121
|
-
var columnMenuProps = {
|
|
122
|
-
sort: _this.props.sort,
|
|
123
|
-
onSortChange: _this.props.sortChange,
|
|
124
|
-
filter: _this.props.columnMenuFilter,
|
|
125
|
-
onFilterChange: _this.props.columnMenuFilterChange,
|
|
126
|
-
field: column.field
|
|
127
|
-
};
|
|
128
134
|
return (React.createElement(HeaderThElement, __assign({ key: index, 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 }, ariaAttrs),
|
|
129
135
|
column.headerCell && React.createElement(column.headerCell, __assign({}, headerCellProps)),
|
|
130
136
|
!column.headerCell && (React.createElement("span", { className: 'k-cell-inner' },
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-react-data-tools',
|
|
6
6
|
productName: 'KendoReact',
|
|
7
7
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1690290011,
|
|
9
9
|
version: '',
|
|
10
10
|
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'
|
|
11
11
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { SortDescriptor, CompositeFilterDescriptor } from '@progress/kendo-data-query';
|
|
2
|
+
import { SortDescriptor, CompositeFilterDescriptor, FilterDescriptor } from '@progress/kendo-data-query';
|
|
3
3
|
import { TreeColumnBaseProps, ExtendedColumnProps } from './ColumnProps';
|
|
4
4
|
import { HeaderCellProps } from './HeaderCell';
|
|
5
5
|
import { SortSettings } from './SortSettings';
|
|
@@ -14,6 +14,7 @@ import { FilterCellProps } from '../filteringCells';
|
|
|
14
14
|
export interface HeaderRowProps<C = CellProps, H = HeaderCellProps, F = FilterCellProps> extends ColumnDraggableProps {
|
|
15
15
|
sortable?: SortSettings;
|
|
16
16
|
sortChange?: (e: React.SyntheticEvent<any>, descriptors: SortDescriptor[], field?: string) => void;
|
|
17
|
+
filterChange?: (e: React.SyntheticEvent<any>, descriptors: FilterDescriptor[], field?: string) => void;
|
|
17
18
|
sort?: SortDescriptor[];
|
|
18
19
|
columns: ExtendedColumnProps<C, H, F>[];
|
|
19
20
|
columnsMap: number[][];
|
|
@@ -89,6 +89,13 @@ var HeaderRow = /** @class */ (function (_super) {
|
|
|
89
89
|
var sortable = _this.props.sortable && column.sortable;
|
|
90
90
|
var sortIndex = _this.props.sort ? _this.props.sort.findIndex(function (s) { return s.field === column.field; }) : -1;
|
|
91
91
|
var sortDir = sortIndex >= 0 ? ((_this.props.sort)[sortIndex].dir || 'none') : 'none';
|
|
92
|
+
var columnMenuProps = {
|
|
93
|
+
sort: _this.props.sort,
|
|
94
|
+
onSortChange: _this.props.sortChange,
|
|
95
|
+
filter: _this.props.columnMenuFilter,
|
|
96
|
+
onFilterChange: _this.props.columnMenuFilterChange,
|
|
97
|
+
field: column.field
|
|
98
|
+
};
|
|
92
99
|
var headerCellProps = {
|
|
93
100
|
field: column.field,
|
|
94
101
|
onClick: sortable && (function (e) { return _this.cellClick(e, column); }) || undefined,
|
|
@@ -96,7 +103,13 @@ var HeaderRow = /** @class */ (function (_super) {
|
|
|
96
103
|
title: column.title,
|
|
97
104
|
selectionValue: column.headerSelectionValue,
|
|
98
105
|
render: _this.props.cellRender,
|
|
99
|
-
children: _this.sortIcon(sortIndex)
|
|
106
|
+
children: _this.sortIcon(sortIndex),
|
|
107
|
+
sort: _this.props.sort,
|
|
108
|
+
sortable: _this.props.sortable,
|
|
109
|
+
sortChange: _this.props.sortChange,
|
|
110
|
+
filterChange: _this.props.filterChange,
|
|
111
|
+
columns: _this.props.columns,
|
|
112
|
+
columnMenuWrapperProps: columnMenuProps
|
|
100
113
|
};
|
|
101
114
|
var ColumnMenu = column.columnMenu || _this.props.columnMenu;
|
|
102
115
|
var className = (0, kendo_react_common_1.classNames)('k-table-th', {
|
|
@@ -121,13 +134,6 @@ var HeaderRow = /** @class */ (function (_super) {
|
|
|
121
134
|
} : {
|
|
122
135
|
role: 'presentation'
|
|
123
136
|
};
|
|
124
|
-
var columnMenuProps = {
|
|
125
|
-
sort: _this.props.sort,
|
|
126
|
-
onSortChange: _this.props.sortChange,
|
|
127
|
-
filter: _this.props.columnMenuFilter,
|
|
128
|
-
onFilterChange: _this.props.columnMenuFilterChange,
|
|
129
|
-
field: column.field
|
|
130
|
-
};
|
|
131
137
|
return (React.createElement(HeaderThElement_1.HeaderThElement, __assign({ key: index, 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 }, ariaAttrs),
|
|
132
138
|
column.headerCell && React.createElement(column.headerCell, __assign({}, headerCellProps)),
|
|
133
139
|
!column.headerCell && (React.createElement("span", { className: 'k-cell-inner' },
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-react-data-tools',
|
|
9
9
|
productName: 'KendoReact',
|
|
10
10
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1690290011,
|
|
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
|
};
|