@progress/kendo-react-data-tools 5.10.0-dev.202301121619 → 5.10.0-dev.202301131814

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.
Files changed (19) hide show
  1. package/dist/cdn/js/kendo-react-data-tools.js +1 -1
  2. package/dist/es/drag/ColumnDraggable.js +1 -1
  3. package/dist/es/header/FilterRow.d.ts +1 -1
  4. package/dist/es/header/FilterRow.js +3 -2
  5. package/dist/es/header/Header.js +1 -1
  6. package/dist/es/header/HeaderRow.js +2 -2
  7. package/dist/es/package-metadata.js +1 -1
  8. package/dist/es/pager/Pager.js +2 -2
  9. package/dist/es/pager/PagerPageSizes.js +1 -1
  10. package/dist/npm/drag/ColumnDraggable.js +1 -1
  11. package/dist/npm/header/FilterRow.d.ts +1 -1
  12. package/dist/npm/header/FilterRow.js +3 -2
  13. package/dist/npm/header/Header.js +1 -1
  14. package/dist/npm/header/HeaderRow.js +2 -2
  15. package/dist/npm/package-metadata.js +1 -1
  16. package/dist/npm/pager/Pager.js +2 -2
  17. package/dist/npm/pager/PagerPageSizes.js +1 -1
  18. package/dist/systemjs/kendo-react-data-tools.js +1 -1
  19. package/package.json +10 -10
package/dist/es/drag/ColumnDraggable.js CHANGED
@@ -55,7 +55,7 @@ var ColumnDraggable = /** @class */ (function (_super) {
55
55
  ColumnDraggable.prototype.render = function () {
56
56
  var _this = this;
57
57
  return (React.createElement(Draggable, { onPress: this.onPress, onDrag: this.onDrag, onRelease: this.onRelease, ref: function (component) { _this.draggable = component; } },
58
- React.createElement("tr", { "aria-rowindex": this.props.ariaRowIndex, role: 'row' }, this.props.children)));
58
+ React.createElement("tr", { className: 'k-table-row', "aria-rowindex": this.props.ariaRowIndex, role: 'row' }, this.props.children)));
59
59
  };
60
60
  return ColumnDraggable;
61
61
  }(React.PureComponent));
package/dist/es/header/FilterRow.d.ts CHANGED
@@ -4,7 +4,7 @@ import { ExtendedColumnProps } from './ColumnProps';
4
4
  /**
5
5
  * @hidden
6
6
  */
7
- export declare const FILTER_ROW_CLASS = "k-filter-row";
7
+ export declare const FILTER_ROW_CLASS = "k-table-row k-filter-row";
8
8
  /**
9
9
  * @hidden
10
10
  */
package/dist/es/header/FilterRow.js CHANGED
@@ -3,10 +3,11 @@ import { HeaderThElement } from './HeaderThElement';
3
3
  import { getFilterColumnId } from '../navigation/utils';
4
4
  import { useLocalization } from '@progress/kendo-react-intl';
5
5
  import { filterAriaLabel, messages } from '../messages';
6
+ import { classNames } from '@progress/kendo-react-common';
6
7
  /**
7
8
  * @hidden
8
9
  */
9
- export var FILTER_ROW_CLASS = 'k-filter-row';
10
+ export var FILTER_ROW_CLASS = 'k-table-row k-filter-row';
10
11
  var headerCellClassName = function (sort, field, locked) {
11
12
  var result = "".concat(locked ? 'k-grid-header-sticky' : '');
12
13
  if (sort.some(function (descriptor) { return descriptor.field === field; })) {
@@ -27,6 +28,6 @@ export var FilterRow = function (props) {
27
28
  borderRightWidth: column.rightBorder ? '1px' : ''
28
29
  } : {};
29
30
  var FilterCell = column.filterCell || column.filter;
30
- return (React.createElement(HeaderThElement, { columnId: getFilterColumnId(column.id), navigatable: column.navigatable, style: style, key: index, ariaColumnIndex: column.ariaColumnIndex, ariaLabel: FilterCell ? intl.toLanguageString(filterAriaLabel, messages[filterAriaLabel]) : undefined, className: headerCellClassName(sort, column.field, column.locked) }, FilterCell && (React.createElement(FilterCell, { field: column.field, filter: filter, onFilterChange: filterChange }))));
31
+ return (React.createElement(HeaderThElement, { columnId: getFilterColumnId(column.id), navigatable: column.navigatable, style: style, key: index, ariaColumnIndex: column.ariaColumnIndex, ariaLabel: FilterCell ? intl.toLanguageString(filterAriaLabel, messages[filterAriaLabel]) : undefined, className: classNames('k-table-th k-header', headerCellClassName(sort, column.field, column.locked)) }, FilterCell && (React.createElement(FilterCell, { field: column.field, filter: filter, onFilterChange: filterChange }))));
31
32
  })));
32
33
  };
package/dist/es/header/Header.js CHANGED
@@ -45,7 +45,7 @@ var Header = /** @class */ (function (_super) {
45
45
  };
46
46
  Header.prototype.render = function () {
47
47
  var _this = this;
48
- return (React.createElement("thead", __assign({ className: "k-grid-header", role: 'presentation', ref: function (el) { return _this.element = el; } }, tableKeyboardNavigationHeaderAttributes),
48
+ return (React.createElement("thead", __assign({ className: "k-table-thead k-grid-header", role: 'presentation', ref: function (el) { return _this.element = el; } }, tableKeyboardNavigationHeaderAttributes),
49
49
  this.props.headerRow,
50
50
  this.props.filterRow));
51
51
  };
package/dist/es/header/HeaderRow.js CHANGED
@@ -96,7 +96,7 @@ var HeaderRow = /** @class */ (function (_super) {
96
96
  children: _this.sortIcon(sortIndex)
97
97
  };
98
98
  var ColumnMenu = column.columnMenu || _this.props.columnMenu;
99
- var className = classNames({
99
+ var className = classNames('k-table-th', {
100
100
  'k-first': column.kFirst,
101
101
  'k-filterable': Boolean(ColumnMenu),
102
102
  'k-header': true,
@@ -151,7 +151,7 @@ var HeaderRow = /** @class */ (function (_super) {
151
151
  HeaderRow.prototype.render = function () {
152
152
  var _this = this;
153
153
  return this.props.columnsMap.map(function (rowIndexes, i) {
154
- return _this.props.pressHandler && (React.createElement(ColumnDraggable, { key: i, pressHandler: _this.props.pressHandler, dragHandler: _this.props.dragHandler, releaseHandler: _this.props.releaseHandler, ariaRowIndex: i + 1 }, _this.cells(rowIndexes))) || React.createElement("tr", { "aria-rowindex": i + 1, role: 'row' }, _this.cells(rowIndexes));
154
+ return _this.props.pressHandler && (React.createElement(ColumnDraggable, { key: i, pressHandler: _this.props.pressHandler, dragHandler: _this.props.dragHandler, releaseHandler: _this.props.releaseHandler, ariaRowIndex: i + 1 }, _this.cells(rowIndexes))) || React.createElement("tr", { className: 'k-table-row', "aria-rowindex": i + 1, role: 'row' }, _this.cells(rowIndexes));
155
155
  });
156
156
  };
157
157
  return HeaderRow;
package/dist/es/package-metadata.js CHANGED
@@ -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: 1673538769,
8
+ publishDate: 1673632049,
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
  };
package/dist/es/pager/Pager.js CHANGED
@@ -145,7 +145,7 @@ var Pager = /** @class */ (function (_super) {
145
145
  last = this.renderButton(this.totalPages, 'k-pager-nav k-pager-last' + (currentPage >= this.totalPages ? ' k-disabled' : ''), localizationService.toLanguageString(lastPageMessage.messageKey, lastPageMessage.defaultMessage), 'caret-alt-to-right', caretAltToRightIcon, (currentPage >= this.totalPages ? true : undefined));
146
146
  }
147
147
  var pagerPageSizes = pageSizes && (React.createElement(PagerPageSizes, { pageChange: this.onPageChange, pageSize: take, pageSizes: pageSizes, messagesMap: messagesMap, size: this.props.size }));
148
- var info = this.props.info && (React.createElement("div", { className: "k-pager-info k-label" }, intlService
148
+ var info = this.props.info && (React.createElement("div", { className: "k-pager-info" }, intlService
149
149
  .format(localizationService.toLanguageString(infoMessage.messageKey, infoMessage.defaultMessage), [
150
150
  Math.min(skip + 1, total),
151
151
  Math.min(skip + take, total),
@@ -154,7 +154,7 @@ var Pager = /** @class */ (function (_super) {
154
154
  return (React.createElement("div", { className: classNames('k-pager', (_a = {},
155
155
  _a["k-pager-".concat(kendoThemeMaps.sizeMap[size] || size)] = size,
156
156
  _a), this.props.className), style: this.props.style, role: "application", "aria-roledescription": "pager", "aria-keyshortcuts": localizationService.toLanguageString(ariaKeyshortcutsMessage.messageKey, ariaKeyshortcutsMessage.defaultMessage), "aria-label": localizationService.toLanguageString(ariaLabelMessage.messageKey, ariaLabelMessage.defaultMessage), ref: function (element) { return _this._element = element; } },
157
- React.createElement("div", { className: classNames('k-pager-numbers-wrap', this.props.className) },
157
+ React.createElement("div", { className: classNames('k-pager-numbers-wrap') },
158
158
  first,
159
159
  prev,
160
160
  changer,
package/dist/es/pager/PagerPageSizes.js CHANGED
@@ -41,7 +41,7 @@ var PagerPageSizes = /** @class */ (function (_super) {
41
41
  ({ messageKey: pagerItemPerPage, defaultMessage: messages[pagerItemPerPage] });
42
42
  var pageSelectionMessage = this.props.messagesMap ? this.props.messagesMap(pagerPageSelection) :
43
43
  ({ messageKey: pagerPageSelection, defaultMessage: messages[pagerPageSelection] });
44
- return (React.createElement("span", { className: "k-pager-sizes k-label" },
44
+ return (React.createElement("span", { className: "k-pager-sizes" },
45
45
  React.createElement(DropDownList, { value: this.props.pageSize, data: sizes, onChange: this.pageSizeChange, ariaLabel: provideLocalizationService(this).toLanguageString(pageSelectionMessage.messageKey, pageSelectionMessage.defaultMessage), size: this.props.size }),
46
46
  provideLocalizationService(this).toLanguageString(itemPerPageMessage.messageKey, itemPerPageMessage.defaultMessage)));
47
47
  };
package/dist/npm/drag/ColumnDraggable.js CHANGED
@@ -58,7 +58,7 @@ var ColumnDraggable = /** @class */ (function (_super) {
58
58
  ColumnDraggable.prototype.render = function () {
59
59
  var _this = this;
60
60
  return (React.createElement(kendo_react_common_1.Draggable, { onPress: this.onPress, onDrag: this.onDrag, onRelease: this.onRelease, ref: function (component) { _this.draggable = component; } },
61
- React.createElement("tr", { "aria-rowindex": this.props.ariaRowIndex, role: 'row' }, this.props.children)));
61
+ React.createElement("tr", { className: 'k-table-row', "aria-rowindex": this.props.ariaRowIndex, role: 'row' }, this.props.children)));
62
62
  };
63
63
  return ColumnDraggable;
64
64
  }(React.PureComponent));
package/dist/npm/header/FilterRow.d.ts CHANGED
@@ -4,7 +4,7 @@ import { ExtendedColumnProps } from './ColumnProps';
4
4
  /**
5
5
  * @hidden
6
6
  */
7
- export declare const FILTER_ROW_CLASS = "k-filter-row";
7
+ export declare const FILTER_ROW_CLASS = "k-table-row k-filter-row";
8
8
  /**
9
9
  * @hidden
10
10
  */
package/dist/npm/header/FilterRow.js CHANGED
@@ -6,10 +6,11 @@ var HeaderThElement_1 = require("./HeaderThElement");
6
6
  var utils_1 = require("../navigation/utils");
7
7
  var kendo_react_intl_1 = require("@progress/kendo-react-intl");
8
8
  var messages_1 = require("../messages");
9
+ var kendo_react_common_1 = require("@progress/kendo-react-common");
9
10
  /**
10
11
  * @hidden
11
12
  */
12
- exports.FILTER_ROW_CLASS = 'k-filter-row';
13
+ exports.FILTER_ROW_CLASS = 'k-table-row k-filter-row';
13
14
  var headerCellClassName = function (sort, field, locked) {
14
15
  var result = "".concat(locked ? 'k-grid-header-sticky' : '');
15
16
  if (sort.some(function (descriptor) { return descriptor.field === field; })) {
@@ -30,7 +31,7 @@ var FilterRow = function (props) {
30
31
  borderRightWidth: column.rightBorder ? '1px' : ''
31
32
  } : {};
32
33
  var FilterCell = column.filterCell || column.filter;
33
- return (React.createElement(HeaderThElement_1.HeaderThElement, { columnId: (0, utils_1.getFilterColumnId)(column.id), navigatable: column.navigatable, style: style, key: index, ariaColumnIndex: column.ariaColumnIndex, ariaLabel: FilterCell ? intl.toLanguageString(messages_1.filterAriaLabel, messages_1.messages[messages_1.filterAriaLabel]) : undefined, className: headerCellClassName(sort, column.field, column.locked) }, FilterCell && (React.createElement(FilterCell, { field: column.field, filter: filter, onFilterChange: filterChange }))));
34
+ return (React.createElement(HeaderThElement_1.HeaderThElement, { columnId: (0, utils_1.getFilterColumnId)(column.id), navigatable: column.navigatable, style: style, key: index, ariaColumnIndex: column.ariaColumnIndex, ariaLabel: FilterCell ? intl.toLanguageString(messages_1.filterAriaLabel, messages_1.messages[messages_1.filterAriaLabel]) : undefined, className: (0, kendo_react_common_1.classNames)('k-table-th k-header', headerCellClassName(sort, column.field, column.locked)) }, FilterCell && (React.createElement(FilterCell, { field: column.field, filter: filter, onFilterChange: filterChange }))));
34
35
  })));
35
36
  };
36
37
  exports.FilterRow = FilterRow;
package/dist/npm/header/Header.js CHANGED
@@ -48,7 +48,7 @@ var Header = /** @class */ (function (_super) {
48
48
  };
49
49
  Header.prototype.render = function () {
50
50
  var _this = this;
51
- return (React.createElement("thead", __assign({ className: "k-grid-header", role: 'presentation', ref: function (el) { return _this.element = el; } }, constants_1.tableKeyboardNavigationHeaderAttributes),
51
+ return (React.createElement("thead", __assign({ className: "k-table-thead k-grid-header", role: 'presentation', ref: function (el) { return _this.element = el; } }, constants_1.tableKeyboardNavigationHeaderAttributes),
52
52
  this.props.headerRow,
53
53
  this.props.filterRow));
54
54
  };
package/dist/npm/header/HeaderRow.js CHANGED
@@ -99,7 +99,7 @@ var HeaderRow = /** @class */ (function (_super) {
99
99
  children: _this.sortIcon(sortIndex)
100
100
  };
101
101
  var ColumnMenu = column.columnMenu || _this.props.columnMenu;
102
- var className = (0, kendo_react_common_1.classNames)({
102
+ var className = (0, kendo_react_common_1.classNames)('k-table-th', {
103
103
  'k-first': column.kFirst,
104
104
  'k-filterable': Boolean(ColumnMenu),
105
105
  'k-header': true,
@@ -154,7 +154,7 @@ var HeaderRow = /** @class */ (function (_super) {
154
154
  HeaderRow.prototype.render = function () {
155
155
  var _this = this;
156
156
  return this.props.columnsMap.map(function (rowIndexes, i) {
157
- 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 }, _this.cells(rowIndexes))) || React.createElement("tr", { "aria-rowindex": i + 1, role: 'row' }, _this.cells(rowIndexes));
157
+ 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 }, _this.cells(rowIndexes))) || React.createElement("tr", { className: 'k-table-row', "aria-rowindex": i + 1, role: 'row' }, _this.cells(rowIndexes));
158
158
  });
159
159
  };
160
160
  return HeaderRow;
package/dist/npm/package-metadata.js CHANGED
@@ -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: 1673538769,
11
+ publishDate: 1673632049,
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/pager/Pager.js CHANGED
@@ -148,7 +148,7 @@ var Pager = /** @class */ (function (_super) {
148
148
  last = this.renderButton(this.totalPages, 'k-pager-nav k-pager-last' + (currentPage >= this.totalPages ? ' k-disabled' : ''), localizationService.toLanguageString(lastPageMessage.messageKey, lastPageMessage.defaultMessage), 'caret-alt-to-right', kendo_svg_icons_1.caretAltToRightIcon, (currentPage >= this.totalPages ? true : undefined));
149
149
  }
150
150
  var pagerPageSizes = pageSizes && (React.createElement(PagerPageSizes_1.PagerPageSizes, { pageChange: this.onPageChange, pageSize: take, pageSizes: pageSizes, messagesMap: messagesMap, size: this.props.size }));
151
- var info = this.props.info && (React.createElement("div", { className: "k-pager-info k-label" }, intlService
151
+ var info = this.props.info && (React.createElement("div", { className: "k-pager-info" }, intlService
152
152
  .format(localizationService.toLanguageString(infoMessage.messageKey, infoMessage.defaultMessage), [
153
153
  Math.min(skip + 1, total),
154
154
  Math.min(skip + take, total),
@@ -157,7 +157,7 @@ var Pager = /** @class */ (function (_super) {
157
157
  return (React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-pager', (_a = {},
158
158
  _a["k-pager-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
159
159
  _a), this.props.className), style: this.props.style, role: "application", "aria-roledescription": "pager", "aria-keyshortcuts": localizationService.toLanguageString(ariaKeyshortcutsMessage.messageKey, ariaKeyshortcutsMessage.defaultMessage), "aria-label": localizationService.toLanguageString(ariaLabelMessage.messageKey, ariaLabelMessage.defaultMessage), ref: function (element) { return _this._element = element; } },
160
- React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-pager-numbers-wrap', this.props.className) },
160
+ React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-pager-numbers-wrap') },
161
161
  first,
162
162
  prev,
163
163
  changer,
package/dist/npm/pager/PagerPageSizes.js CHANGED
@@ -44,7 +44,7 @@ var PagerPageSizes = /** @class */ (function (_super) {
44
44
  ({ messageKey: messages_1.pagerItemPerPage, defaultMessage: messages_1.messages[messages_1.pagerItemPerPage] });
45
45
  var pageSelectionMessage = this.props.messagesMap ? this.props.messagesMap(messages_1.pagerPageSelection) :
46
46
  ({ messageKey: messages_1.pagerPageSelection, defaultMessage: messages_1.messages[messages_1.pagerPageSelection] });
47
- return (React.createElement("span", { className: "k-pager-sizes k-label" },
47
+ return (React.createElement("span", { className: "k-pager-sizes" },
48
48
  React.createElement(kendo_react_dropdowns_1.DropDownList, { value: this.props.pageSize, data: sizes, onChange: this.pageSizeChange, ariaLabel: (0, kendo_react_intl_1.provideLocalizationService)(this).toLanguageString(pageSelectionMessage.messageKey, pageSelectionMessage.defaultMessage), size: this.props.size }),
49
49
  (0, kendo_react_intl_1.provideLocalizationService)(this).toLanguageString(itemPerPageMessage.messageKey, itemPerPageMessage.defaultMessage)));
50
50
  };