@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.
@@ -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: 1689955656,
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: 1689955656,
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
  };