@progress/kendo-react-grid 7.4.0-develop.1 → 7.4.0-develop.11

package/header/HeaderRow.mjs

@@ -13,7 +13,7 @@ import { GridHeaderCell as I } from "./GridHeaderCell.mjs";
 import { Keys as m, classNames as w, IconWrap as D } from "@progress/kendo-react-common";
 import { ColumnResizer as E, HeaderThElement as v } from "@progress/kendo-react-data-tools";
 import { provideLocalizationService as M, registerForLocalization as N } from "@progress/kendo-react-intl";
-import { sortAriaLabel as g, messages as K } from "../messages/index.mjs";
+import { sortAriaLabel as C, messages as K } from "../messages/index.mjs";
 import { sortAscSmallIcon as L, sortDescSmallIcon as A } from "@progress/kendo-svg-icons";
 import { resolveCells as G } from "../utils/index.mjs";
 const F = {
@@ -44,16 +44,16 @@ class O extends o.Component {
         "k-sorted": this.props.sort && this.props.sort.some((r) => r.field === e.field)
       }, e.headerClassName);
       e.locked === !1 && (e.left = 0);
-      const C = e.left !== void 0 ? this.props.isRtl ? { left: e.right, right: e.left } : { left: e.left, right: e.right } : {}, k = M(this).toLanguageString(g, K[g]), b = e.isAccessible ? {
+      const k = e.left !== void 0 ? this.props.isRtl ? { left: e.right, right: e.left } : { left: e.left, right: e.right } : {}, b = M(this).toLanguageString(C, K[C]), y = e.isAccessible ? {
         ariaSort: P[p],
         role: "columnheader",
         ariaColumnIndex: e.ariaColumnIndex,
         ariaSelected: !1,
-        ariaDescription: i ? k : ""
+        ariaDescription: i ? b : ""
       } : {
         role: "presentation"
-      }, d = e.declarationIndex >= 0 ? ++this.index : --this.serviceIndex, y = e.headerCell ? e.headerCell : I, R = /* @__PURE__ */ o.createElement(
-        y,
+      }, d = e.declarationIndex >= 0 ? ++this.index : --this.serviceIndex, R = e.headerCell ? e.headerCell : I, f = /* @__PURE__ */ o.createElement(
+        R,
         {
           key: 1,
           field: e.field,
@@ -84,19 +84,19 @@ class O extends o.Component {
             columnMenu: n
           }
         }
-      ), f = {
-        ...b,
+      ), u = {
+        ...y,
         key: d,
         colSpan: e.colSpan,
         rowSpan: e.rowSpan,
         className: c,
-        style: C,
+        style: k,
         columnId: e.id,
         navigatable: e.navigatable,
         onKeyDown: (r) => this.cellKeyDown(r, e),
         role: "columnheader"
-      }, u = [
-        R,
+      }, g = [
+        f,
         this.props.columnResize && this.props.columnResize.resizable && e.resizable && /* @__PURE__ */ o.createElement(
           E,
           {
@@ -108,15 +108,15 @@ class O extends o.Component {
       ], h = G(this.props.cells, e.cells);
       if (h && h.headerCell) {
         const r = h.headerCell;
-        return /* @__PURE__ */ o.createElement(r, { key: d, thProps: f, index: l }, u);
+        return /* @__PURE__ */ o.createElement(r, { ...f.props, key: d, thProps: u, index: l }, g);
       }
       return /* @__PURE__ */ o.createElement(
         v,
         {
-          ...f,
+          ...u,
           key: d
         },
-        u
+        g
       );
     }), this.cellClick = this.cellClick.bind(this);
   }

package/index.d.mts

@@ -22,6 +22,7 @@ import { getSelectedState } from '@progress/kendo-react-data-tools';
 import { getSelectedStateFromKeyDown } from '@progress/kendo-react-data-tools';
 import { GroupDescriptor } from '@progress/kendo-data-query';
 import { HeaderCellBaseProps } from '@progress/kendo-react-data-tools';
+import { HeaderThElementProps } from '@progress/kendo-react-data-tools';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
 import { PagerProps } from '@progress/kendo-react-data-tools';
@@ -1483,7 +1484,7 @@ export declare interface GridCustomFooterCellProps extends GridFooterCellProps {
  */
 export declare interface GridCustomHeaderCellProps extends GridHeaderCellProps {
     /**
-     * The props and attributes that are applied to the td element by default.
+     * The props and attributes that are applied to the `th` element by default. The property should be used with the [HeaderThElement](slug:) component as demonstrated in [this example](slug:cells_grid#toc-group-header-group-footer-header-cell-footer-cell-filter-cell-and-data-cell).
      */
     thProps?: GridThAttributes | null;
     /**
@@ -2584,7 +2585,7 @@ export declare interface GridTdAttributes extends React.TdHTMLAttributes<HTMLTab
     key?: string;
 }
 
-export declare interface GridThAttributes extends React.ThHTMLAttributes<HTMLTableCellElement> {
+export declare interface GridThAttributes extends HeaderThElementProps {
     columnId: string;
     key?: string;
 }

package/index.d.ts

@@ -22,6 +22,7 @@ import { getSelectedState } from '@progress/kendo-react-data-tools';
 import { getSelectedStateFromKeyDown } from '@progress/kendo-react-data-tools';
 import { GroupDescriptor } from '@progress/kendo-data-query';
 import { HeaderCellBaseProps } from '@progress/kendo-react-data-tools';
+import { HeaderThElementProps } from '@progress/kendo-react-data-tools';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
 import { PagerProps } from '@progress/kendo-react-data-tools';
@@ -1483,7 +1484,7 @@ export declare interface GridCustomFooterCellProps extends GridFooterCellProps {
  */
 export declare interface GridCustomHeaderCellProps extends GridHeaderCellProps {
     /**
-     * The props and attributes that are applied to the td element by default.
+     * The props and attributes that are applied to the `th` element by default. The property should be used with the [HeaderThElement](slug:) component as demonstrated in [this example](slug:cells_grid#toc-group-header-group-footer-header-cell-footer-cell-filter-cell-and-data-cell).
      */
     thProps?: GridThAttributes | null;
     /**
@@ -2584,7 +2585,7 @@ export declare interface GridTdAttributes extends React.TdHTMLAttributes<HTMLTab
     key?: string;
 }
 
-export declare interface GridThAttributes extends React.ThHTMLAttributes<HTMLTableCellElement> {
+export declare interface GridThAttributes extends HeaderThElementProps {
     columnId: string;
     key?: string;
 }

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-grid",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1711098761,
+  publishDate: 1711715949,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-grid",
-  "version": "7.4.0-develop.1",
+  "version": "7.4.0-develop.11",
   "description": "React Data Grid (Table) provides 100+ ready-to-use data grid features. KendoReact Grid package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -25,15 +25,15 @@
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.19.0",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-animation": "7.4.0-develop.1",
-    "@progress/kendo-react-buttons": "7.4.0-develop.1",
-    "@progress/kendo-react-common": "7.4.0-develop.1",
-    "@progress/kendo-react-data-tools": "7.4.0-develop.1",
-    "@progress/kendo-react-dateinputs": "7.4.0-develop.1",
-    "@progress/kendo-react-dropdowns": "7.4.0-develop.1",
-    "@progress/kendo-react-inputs": "7.4.0-develop.1",
-    "@progress/kendo-react-intl": "7.4.0-develop.1",
-    "@progress/kendo-react-popup": "7.4.0-develop.1",
+    "@progress/kendo-react-animation": "7.4.0-develop.11",
+    "@progress/kendo-react-buttons": "7.4.0-develop.11",
+    "@progress/kendo-react-common": "7.4.0-develop.11",
+    "@progress/kendo-react-data-tools": "7.4.0-develop.11",
+    "@progress/kendo-react-dateinputs": "7.4.0-develop.11",
+    "@progress/kendo-react-dropdowns": "7.4.0-develop.11",
+    "@progress/kendo-react-inputs": "7.4.0-develop.11",
+    "@progress/kendo-react-intl": "7.4.0-develop.11",
+    "@progress/kendo-react-popup": "7.4.0-develop.11",
     "@progress/kendo-svg-icons": "^2.1.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"