@progress/kendo-react-grid 5.19.0-dev.202309211619 → 5.19.0-dev.202309211709

package/dist/es/Grid.js

@@ -770,18 +770,16 @@ var Grid = /** @class */ (function (_super) {
                         _a), this.props.className), ref: function (el) { _this._element = el; }, "aria-label": this.props.ariaLabel, onKeyDown: this.onKeyDown, onFocus: this.onFocus }, tableKeyboardNavigationScopeAttributes),
                     toolbar,
                     groupingPanel,
-                    React.createElement(TableSelection, { selectable: this.props.selectable, onRelease: this.selectionRelease, childRef: function (table) {
-                            _this.tableElement = table;
-                        } },
+                    React.createElement(TableSelection, { selectable: this.props.selectable, onRelease: this.selectionRelease, childRef: function (table) { _this.tableElement = table; } },
                         React.createElement("table", { className: classNames('k-table k-grid-table', (_b = {}, _b["k-table-".concat(kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size, _b)), style: { userSelect: tableUserSelect, display: tableDisplay } },
                             colGroups,
                             header,
                             React.createElement("tbody", __assign({ role: 'rowgroup', className: 'k-table-tbody' }, tableKeyboardNavigationBodyAttributes), body),
                             footer)),
-                    this.props.pageable && pager,
                     enableDragClues && (React.createElement(React.Fragment, null,
                         React.createElement(DropClue, { ref: this.dragLogic.refDropElementClue }),
-                        React.createElement(DragClue, { ref: this.dragLogic.refDragElementClue }))))));
+                        React.createElement(DragClue, { ref: this.dragLogic.refDragElementClue })))),
+                this.props.pageable && pager));
         }
         var wrapperStyle = this.props.style || {};
         if (this.props.scrollable === 'virtual') {
@@ -801,7 +799,7 @@ var Grid = /** @class */ (function (_super) {
                 }, "aria-label": this.props.ariaLabel, onKeyDown: this.onKeyDown, onFocus: this.onFocus }, tableKeyboardNavigationScopeAttributes),
                 toolbar,
                 groupingPanel,
-                React.createElement("div", { role: "grid", className: "k-grid-aria-root", id: this._gridRoleElementId, "aria-colcount": leafColumns.length, "aria-rowcount": total },
+                React.createElement("div", { className: 'k-grid-aria-root', role: "grid", "aria-colcount": leafColumns.length, "aria-rowcount": total, id: this._gridRoleElementId },
                     header,
                     React.createElement("div", { className: "k-grid-container", role: "presentation" },
                         React.createElement("div", { ref: this.containerRef, className: "k-grid-content k-virtual-content", onScroll: this.scrollHandler, role: "presentation" },
@@ -818,13 +816,13 @@ var Grid = /** @class */ (function (_super) {
                                         React.createElement("tbody", __assign({ className: 'k-table-tbody', ref: this.tableBodyRef, role: 'rowgroup' }, tableKeyboardNavigationBodyAttributes), body)))),
                             React.createElement("div", { className: "k-height-container", role: "presentation" },
                                 React.createElement("div", { style: this.props.scrollable === 'virtual' ?
-                                        { 'height': (this.vs.containerHeight) + 'px' } : {} }))),
-                        footer)),
-                this.props.pageable && pager,
-                enableDragClues && (React.createElement(React.Fragment, null,
-                    React.createElement(DropClue, { ref: this.dragLogic.refDropElementClue }),
-                    React.createElement(DragClue, { ref: this.dragLogic.refDragElementClue }))),
-                this.showLicenseWatermark && React.createElement(WatermarkOverlay, null))));
+                                        { 'height': (this.vs.containerHeight) + 'px' } : {} })),
+                            footer)),
+                    enableDragClues && (React.createElement(React.Fragment, null,
+                        React.createElement(DropClue, { ref: this.dragLogic.refDropElementClue }),
+                        React.createElement(DragClue, { ref: this.dragLogic.refDragElementClue }))),
+                    this.showLicenseWatermark && React.createElement(WatermarkOverlay, null)),
+                this.props.pageable && pager)));
     };
     Grid.prototype.selectionChange = function (options) {
         if (this.props.onSelectionChange) {

package/dist/es/drag/GroupingIndicator.js

@@ -15,8 +15,7 @@ var __extends = (this && this.__extends) || (function () {
 })();
 import * as React from 'react';
 import { Draggable, IconWrap } from '@progress/kendo-react-common';
-import { ungroupColumn, messages } from '../messages';
-import { provideLocalizationService, registerForLocalization } from '@progress/kendo-react-intl';
+import { registerForLocalization } from '@progress/kendo-react-intl';
 import { sortAscSmallIcon, sortDescSmallIcon, xCircleIcon } from '@progress/kendo-svg-icons';
 /**
  * @hidden
@@ -71,7 +70,6 @@ var GroupingIndicator = /** @class */ (function (_super) {
     }
     GroupingIndicator.prototype.render = function () {
         var _this = this;
-        var localizationService = provideLocalizationService(this);
         var dir = this.props.dir;
         return (React.createElement(Draggable, { onPress: this.onPress, onDrag: this.onDrag, onRelease: this.onRelease, ref: function (component) { _this.draggable = component; } },
             React.createElement("div", { className: "k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md", onClick: this.sortChange, role: "button", style: { touchAction: 'none' } },
@@ -79,7 +77,7 @@ var GroupingIndicator = /** @class */ (function (_super) {
                     React.createElement(IconWrap, { name: 'sort-' + dir + '-small', icon: dir === 'asc' ? sortAscSmallIcon : sortDescSmallIcon, size: 'small' })),
                 React.createElement("span", { className: 'k-chip-content' }, this.props.title),
                 React.createElement("span", { className: "k-chip-actions" },
-                    React.createElement("span", { className: "k-chip-action k-chip-remove-action", onClick: this.groupRemove, "aria-label": localizationService.toLanguageString(ungroupColumn, messages[ungroupColumn]) },
+                    React.createElement("span", { className: "k-chip-action k-chip-remove-action", onClick: this.groupRemove },
                         React.createElement(IconWrap, { name: 'x-circle', icon: xCircleIcon, size: 'small' }))))));
     };
     return GroupingIndicator;

package/dist/es/footer/FooterRow.js

@@ -46,9 +46,8 @@ var FooterRow = /** @class */ (function (_super) {
                         : {},
                     className: classNames('k-table-td', column.locked && column.left !== undefined ? 'k-grid-footer-sticky' : ''),
                     key: index,
-                    role: 'columnfooter'
+                    role: 'gridcell'
                 },
-                _a['aria-selected'] = false,
                 _a['aria-colindex'] = column.ariaColumnIndex,
                 _a);
             var cellProps = __assign({ field: column.field, ariaColumnIndex: column.ariaColumnIndex }, tdProps);

package/dist/es/header/GroupPanel.js

@@ -45,7 +45,7 @@ var GroupPanel = /** @class */ (function (_super) {
             }, onSortChange: function (event, dir) {
                 _this.onGroupSortChange(event, index, groupDesc, dir);
             }, onPress: _this.props.pressHandler, onDrag: _this.props.dragHandler, onRelease: _this.props.releaseHandler })); });
-        return (React.createElement("div", { ref: this.props.refCallback, className: "k-grouping-header", role: "toolbar", "aria-label": intl(this).toLanguageString(groupPanelAriaLabel, messages[groupPanelAriaLabel]), "aria-controls": this.props.ariaControls },
+        return (React.createElement("div", { ref: this.props.refCallback, className: "k-grouping-header", role: "toolbar", "aria-label": intl(this).toLanguageString(groupPanelAriaLabel, messages[groupPanelAriaLabel]), "aria-controls": this.props.ariaControls || '' },
             React.createElement("div", { className: "k-chip-list k-chip-list-md", role: "none" }, groups),
             React.createElement("div", { className: "k-grouping-drop-container" },
                 !groups.length && intl(this).toLanguageString(messageKey, messages[messageKey]),

package/dist/es/messages/index.d.ts

@@ -30,6 +30,10 @@ export declare const pagerItemPerPage = "grid.pagerItemsPerPage";
  * @hidden
  */
 export declare const pagerPage = "grid.pagerPage";
+/**
+ * @hidden
+ */
+export declare const pagerPageSizeAriaLabel = "grid.pagerPageSizeAriaLabel";
 /**
  * @hidden
  */
@@ -144,6 +148,7 @@ export declare const messages: {
     "grid.pagerNextPage": string;
     "grid.pagerLastPage": string;
     "grid.pagerPage": string;
+    "grid.pagerPageSizeAriaLabel": string;
     "grid.pagerOf": string;
     "grid.pagerTotalPages": string;
     "grid.searchPlaceholder": string;

package/dist/es/messages/index.js

@@ -31,6 +31,10 @@ export var pagerItemPerPage = 'grid.pagerItemsPerPage';
  * @hidden
  */
 export var pagerPage = 'grid.pagerPage';
+/**
+ * @hidden
+ */
+export var pagerPageSizeAriaLabel = 'grid.pagerPageSizeAriaLabel';
 /**
  * @hidden
  */
@@ -145,6 +149,7 @@ export var messages = (_a = {},
     _a[pagerNextPage] = 'Go to the next page',
     _a[pagerLastPage] = 'Go to the last page',
     _a[pagerPage] = 'Page',
+    _a[pagerPageSizeAriaLabel] = 'Page size',
     _a[pagerOf] = 'of',
     _a[pagerTotalPages] = '{0}',
     _a[searchPlaceholder] = 'Search',

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-grid',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1695311831,
+    publishDate: 1695314861,
     version: '',
     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'
 };

package/dist/npm/Grid.js

@@ -773,18 +773,16 @@ var Grid = /** @class */ (function (_super) {
                         _a), this.props.className), ref: function (el) { _this._element = el; }, "aria-label": this.props.ariaLabel, onKeyDown: this.onKeyDown, onFocus: this.onFocus }, kendo_react_data_tools_1.tableKeyboardNavigationScopeAttributes),
                     toolbar,
                     groupingPanel,
-                    React.createElement(kendo_react_data_tools_1.TableSelection, { selectable: this.props.selectable, onRelease: this.selectionRelease, childRef: function (table) {
-                            _this.tableElement = table;
-                        } },
+                    React.createElement(kendo_react_data_tools_1.TableSelection, { selectable: this.props.selectable, onRelease: this.selectionRelease, childRef: function (table) { _this.tableElement = table; } },
                         React.createElement("table", { className: (0, kendo_react_common_1.classNames)('k-table k-grid-table', (_b = {}, _b["k-table-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size, _b)), style: { userSelect: tableUserSelect, display: tableDisplay } },
                             colGroups,
                             header,
                             React.createElement("tbody", __assign({ role: 'rowgroup', className: 'k-table-tbody' }, kendo_react_data_tools_1.tableKeyboardNavigationBodyAttributes), body),
                             footer)),
-                    this.props.pageable && pager,
                     enableDragClues && (React.createElement(React.Fragment, null,
                         React.createElement(kendo_react_data_tools_1.DropClue, { ref: this.dragLogic.refDropElementClue }),
-                        React.createElement(kendo_react_data_tools_1.DragClue, { ref: this.dragLogic.refDragElementClue }))))));
+                        React.createElement(kendo_react_data_tools_1.DragClue, { ref: this.dragLogic.refDragElementClue })))),
+                this.props.pageable && pager));
         }
         var wrapperStyle = this.props.style || {};
         if (this.props.scrollable === 'virtual') {
@@ -804,7 +802,7 @@ var Grid = /** @class */ (function (_super) {
                 }, "aria-label": this.props.ariaLabel, onKeyDown: this.onKeyDown, onFocus: this.onFocus }, kendo_react_data_tools_1.tableKeyboardNavigationScopeAttributes),
                 toolbar,
                 groupingPanel,
-                React.createElement("div", { role: "grid", className: "k-grid-aria-root", id: this._gridRoleElementId, "aria-colcount": leafColumns.length, "aria-rowcount": total },
+                React.createElement("div", { className: 'k-grid-aria-root', role: "grid", "aria-colcount": leafColumns.length, "aria-rowcount": total, id: this._gridRoleElementId },
                     header,
                     React.createElement("div", { className: "k-grid-container", role: "presentation" },
                         React.createElement("div", { ref: this.containerRef, className: "k-grid-content k-virtual-content", onScroll: this.scrollHandler, role: "presentation" },
@@ -821,13 +819,13 @@ var Grid = /** @class */ (function (_super) {
                                         React.createElement("tbody", __assign({ className: 'k-table-tbody', ref: this.tableBodyRef, role: 'rowgroup' }, kendo_react_data_tools_1.tableKeyboardNavigationBodyAttributes), body)))),
                             React.createElement("div", { className: "k-height-container", role: "presentation" },
                                 React.createElement("div", { style: this.props.scrollable === 'virtual' ?
-                                        { 'height': (this.vs.containerHeight) + 'px' } : {} }))),
-                        footer)),
-                this.props.pageable && pager,
-                enableDragClues && (React.createElement(React.Fragment, null,
-                    React.createElement(kendo_react_data_tools_1.DropClue, { ref: this.dragLogic.refDropElementClue }),
-                    React.createElement(kendo_react_data_tools_1.DragClue, { ref: this.dragLogic.refDragElementClue }))),
-                this.showLicenseWatermark && React.createElement(kendo_react_common_2.WatermarkOverlay, null))));
+                                        { 'height': (this.vs.containerHeight) + 'px' } : {} })),
+                            footer)),
+                    enableDragClues && (React.createElement(React.Fragment, null,
+                        React.createElement(kendo_react_data_tools_1.DropClue, { ref: this.dragLogic.refDropElementClue }),
+                        React.createElement(kendo_react_data_tools_1.DragClue, { ref: this.dragLogic.refDragElementClue }))),
+                    this.showLicenseWatermark && React.createElement(kendo_react_common_2.WatermarkOverlay, null)),
+                this.props.pageable && pager)));
     };
     Grid.prototype.selectionChange = function (options) {
         if (this.props.onSelectionChange) {

package/dist/npm/drag/GroupingIndicator.js

@@ -18,7 +18,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.GroupingIndicator = void 0;
 var React = require("react");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
-var messages_1 = require("../messages");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 /**
@@ -74,7 +73,6 @@ var GroupingIndicator = /** @class */ (function (_super) {
     }
     GroupingIndicator.prototype.render = function () {
         var _this = this;
-        var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
         var dir = this.props.dir;
         return (React.createElement(kendo_react_common_1.Draggable, { onPress: this.onPress, onDrag: this.onDrag, onRelease: this.onRelease, ref: function (component) { _this.draggable = component; } },
             React.createElement("div", { className: "k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md", onClick: this.sortChange, role: "button", style: { touchAction: 'none' } },
@@ -82,7 +80,7 @@ var GroupingIndicator = /** @class */ (function (_super) {
                     React.createElement(kendo_react_common_1.IconWrap, { name: 'sort-' + dir + '-small', icon: dir === 'asc' ? kendo_svg_icons_1.sortAscSmallIcon : kendo_svg_icons_1.sortDescSmallIcon, size: 'small' })),
                 React.createElement("span", { className: 'k-chip-content' }, this.props.title),
                 React.createElement("span", { className: "k-chip-actions" },
-                    React.createElement("span", { className: "k-chip-action k-chip-remove-action", onClick: this.groupRemove, "aria-label": localizationService.toLanguageString(messages_1.ungroupColumn, messages_1.messages[messages_1.ungroupColumn]) },
+                    React.createElement("span", { className: "k-chip-action k-chip-remove-action", onClick: this.groupRemove },
                         React.createElement(kendo_react_common_1.IconWrap, { name: 'x-circle', icon: kendo_svg_icons_1.xCircleIcon, size: 'small' }))))));
     };
     return GroupingIndicator;

package/dist/npm/footer/FooterRow.js

@@ -49,9 +49,8 @@ var FooterRow = /** @class */ (function (_super) {
                         : {},
                     className: (0, kendo_react_common_1.classNames)('k-table-td', column.locked && column.left !== undefined ? 'k-grid-footer-sticky' : ''),
                     key: index,
-                    role: 'columnfooter'
+                    role: 'gridcell'
                 },
-                _a['aria-selected'] = false,
                 _a['aria-colindex'] = column.ariaColumnIndex,
                 _a);
             var cellProps = __assign({ field: column.field, ariaColumnIndex: column.ariaColumnIndex }, tdProps);

package/dist/npm/header/GroupPanel.js

@@ -48,7 +48,7 @@ var GroupPanel = /** @class */ (function (_super) {
             }, onSortChange: function (event, dir) {
                 _this.onGroupSortChange(event, index, groupDesc, dir);
             }, onPress: _this.props.pressHandler, onDrag: _this.props.dragHandler, onRelease: _this.props.releaseHandler })); });
-        return (React.createElement("div", { ref: this.props.refCallback, className: "k-grouping-header", role: "toolbar", "aria-label": (0, kendo_react_intl_1.provideLocalizationService)(this).toLanguageString(messages_1.groupPanelAriaLabel, messages_1.messages[messages_1.groupPanelAriaLabel]), "aria-controls": this.props.ariaControls },
+        return (React.createElement("div", { ref: this.props.refCallback, className: "k-grouping-header", role: "toolbar", "aria-label": (0, kendo_react_intl_1.provideLocalizationService)(this).toLanguageString(messages_1.groupPanelAriaLabel, messages_1.messages[messages_1.groupPanelAriaLabel]), "aria-controls": this.props.ariaControls || '' },
             React.createElement("div", { className: "k-chip-list k-chip-list-md", role: "none" }, groups),
             React.createElement("div", { className: "k-grouping-drop-container" },
                 !groups.length && (0, kendo_react_intl_1.provideLocalizationService)(this).toLanguageString(messages_1.groupPanelEmpty, messages_1.messages[messages_1.groupPanelEmpty]),

package/dist/npm/messages/index.d.ts

@@ -30,6 +30,10 @@ export declare const pagerItemPerPage = "grid.pagerItemsPerPage";
  * @hidden
  */
 export declare const pagerPage = "grid.pagerPage";
+/**
+ * @hidden
+ */
+export declare const pagerPageSizeAriaLabel = "grid.pagerPageSizeAriaLabel";
 /**
  * @hidden
  */
@@ -144,6 +148,7 @@ export declare const messages: {
     "grid.pagerNextPage": string;
     "grid.pagerLastPage": string;
     "grid.pagerPage": string;
+    "grid.pagerPageSizeAriaLabel": string;
     "grid.pagerOf": string;
     "grid.pagerTotalPages": string;
     "grid.searchPlaceholder": string;

package/dist/npm/messages/index.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.pagerMessagesMap = exports.messages = exports.detailCollapse = exports.detailExpand = exports.groupCollapse = exports.groupExpand = exports.groupPanelAriaLabel = exports.filterAriaLabel = exports.sortAriaLabel = exports.filterSelectedItems = exports.filterChooseOperator = exports.filterCheckAll = exports.searchPlaceholder = exports.sortDescending = exports.sortAscending = exports.filterTitle = exports.filterSubmitButton = exports.filterClearButton = exports.columnMenu = exports.ungroupColumn = exports.groupColumn = exports.groupPanelEmpty = exports.pagerTotalPages = exports.pagerOf = exports.pagerPage = exports.pagerItemPerPage = exports.pagerLastPage = exports.pagerNextPage = exports.pagerPreviousPage = exports.pagerFirstPage = exports.pagerInfo = exports.noRecords = void 0;
+exports.pagerMessagesMap = exports.messages = exports.detailCollapse = exports.detailExpand = exports.groupCollapse = exports.groupExpand = exports.groupPanelAriaLabel = exports.filterAriaLabel = exports.sortAriaLabel = exports.filterSelectedItems = exports.filterChooseOperator = exports.filterCheckAll = exports.searchPlaceholder = exports.sortDescending = exports.sortAscending = exports.filterTitle = exports.filterSubmitButton = exports.filterClearButton = exports.columnMenu = exports.ungroupColumn = exports.groupColumn = exports.groupPanelEmpty = exports.pagerTotalPages = exports.pagerOf = exports.pagerPageSizeAriaLabel = exports.pagerPage = exports.pagerItemPerPage = exports.pagerLastPage = exports.pagerNextPage = exports.pagerPreviousPage = exports.pagerFirstPage = exports.pagerInfo = exports.noRecords = void 0;
 /**
  * @hidden
  */
@@ -34,6 +34,10 @@ exports.pagerItemPerPage = 'grid.pagerItemsPerPage';
  * @hidden
  */
 exports.pagerPage = 'grid.pagerPage';
+/**
+ * @hidden
+ */
+exports.pagerPageSizeAriaLabel = 'grid.pagerPageSizeAriaLabel';
 /**
  * @hidden
  */
@@ -148,6 +152,7 @@ exports.messages = (_a = {},
     _a[exports.pagerNextPage] = 'Go to the next page',
     _a[exports.pagerLastPage] = 'Go to the last page',
     _a[exports.pagerPage] = 'Page',
+    _a[exports.pagerPageSizeAriaLabel] = 'Page size',
     _a[exports.pagerOf] = 'of',
     _a[exports.pagerTotalPages] = '{0}',
     _a[exports.searchPlaceholder] = 'Search',

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-grid',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1695311831,
+    publishDate: 1695314861,
     version: '',
     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'
 };