@progress/kendo-react-grid 5.18.0-dev.202309011146 → 5.18.0-dev.202309080842

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/es/Grid.js CHANGED
@@ -626,8 +626,12 @@ var Grid = /** @class */ (function (_super) {
626
626
  this.initializeVirtualization(total, groupable);
627
627
  var children = this.childrenToArray(this.props.children);
628
628
  this.initColumns(children, resolvedGroupsCount);
629
- var toolbar = children.filter(function (child) { return child && child.type &&
630
- child.type.displayName === 'KendoReactGridToolbar'; });
629
+ var toolbar = children.map(function (child) {
630
+ if (child && child.type && child.type.displayName === 'KendoReactGridToolbar') {
631
+ return React.cloneElement(child, __assign(__assign({}, child.props), { ariaControls: _this._gridRoleElementId }));
632
+ }
633
+ return null;
634
+ });
631
635
  var noRecords = children.filter(function (child) { return child && child.type &&
632
636
  child.type.displayName === 'KendoReactGridNoRecords'; });
633
637
  var leafColumns = this._columns.filter(function (c) { return c.children.length === 0; });
@@ -67,7 +67,7 @@ var GridToolbar = /** @class */ (function (_super) {
67
67
  'k-toolbar-md': !this.props.size
68
68
  },
69
69
  _a["k-toolbar-".concat(kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size,
70
- _a), this.props.className), "aria-label": this.props.ariaLabel, role: "toolbar" }, this.props.children));
70
+ _a), this.props.className), "aria-label": this.props.ariaLabel, "aria-controls": this.props.ariaControls, role: "toolbar" }, this.props.children));
71
71
  };
72
72
  /**
73
73
  * @hidden
@@ -27,4 +27,8 @@ export interface GridToolbarProps {
27
27
  * The accessible label of the GridToolbar component.
28
28
  */
29
29
  ariaLabel?: string;
30
+ /**
31
+ * @hidden
32
+ */
33
+ ariaControls?: string;
30
34
  }
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-react-grid',
6
6
  productName: 'KendoReact',
7
7
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
8
- publishDate: 1693567394,
8
+ publishDate: 1694160872,
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/npm/Grid.js CHANGED
@@ -629,8 +629,12 @@ var Grid = /** @class */ (function (_super) {
629
629
  this.initializeVirtualization(total, groupable);
630
630
  var children = this.childrenToArray(this.props.children);
631
631
  this.initColumns(children, resolvedGroupsCount);
632
- var toolbar = children.filter(function (child) { return child && child.type &&
633
- child.type.displayName === 'KendoReactGridToolbar'; });
632
+ var toolbar = children.map(function (child) {
633
+ if (child && child.type && child.type.displayName === 'KendoReactGridToolbar') {
634
+ return React.cloneElement(child, __assign(__assign({}, child.props), { ariaControls: _this._gridRoleElementId }));
635
+ }
636
+ return null;
637
+ });
634
638
  var noRecords = children.filter(function (child) { return child && child.type &&
635
639
  child.type.displayName === 'KendoReactGridNoRecords'; });
636
640
  var leafColumns = this._columns.filter(function (c) { return c.children.length === 0; });
@@ -70,7 +70,7 @@ var GridToolbar = /** @class */ (function (_super) {
70
70
  'k-toolbar-md': !this.props.size
71
71
  },
72
72
  _a["k-toolbar-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size,
73
- _a), this.props.className), "aria-label": this.props.ariaLabel, role: "toolbar" }, this.props.children));
73
+ _a), this.props.className), "aria-label": this.props.ariaLabel, "aria-controls": this.props.ariaControls, role: "toolbar" }, this.props.children));
74
74
  };
75
75
  /**
76
76
  * @hidden
@@ -27,4 +27,8 @@ export interface GridToolbarProps {
27
27
  * The accessible label of the GridToolbar component.
28
28
  */
29
29
  ariaLabel?: string;
30
+ /**
31
+ * @hidden
32
+ */
33
+ ariaControls?: string;
30
34
  }
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-react-grid',
9
9
  productName: 'KendoReact',
10
10
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
11
- publishDate: 1693567394,
11
+ publishDate: 1694160872,
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
  };