@progress/kendo-react-grid 9.1.0-develop.7 → 9.1.0-develop.9

package/header/Header.mjs

@@ -7,13 +7,13 @@
  */
 "use client";
 import * as t from "react";
-import { useRtl as h, useUnstyled as g, uGrid as N, classNames as c } from "@progress/kendo-react-common";
+import { useRtl as g, useUnstyled as h, uGrid as N, classNames as c } from "@progress/kendo-react-common";
 import { tableKeyboardNavigationHeaderAttributes as u } from "@progress/kendo-react-data-tools";
 const E = t.forwardRef((e, f) => {
-  const l = t.useRef(null), n = t.useRef(null), s = t.useRef(!1), m = h(e.elemRef);
+  const a = t.useRef(null), n = t.useRef(null), s = t.useRef(!1), m = g(e.elemRef);
   e.columnResize && e.columnResize.setIsRtl(m === "rtl"), t.useImperativeHandle(f, () => ({
     setScrollLeft: (r) => {
-      l.current && l.current.scrollLeft !== r && (s.current = !0, l.current.scrollLeft = r);
+      a.current && a.current.scrollLeft !== r && (s.current = !0, a.current.scrollLeft = r);
     },
     setWidth: (r) => {
       n.current && (n.current.style.width = r + "px");
@@ -25,24 +25,23 @@ const E = t.forwardRef((e, f) => {
       s.current = !1;
       return;
     }
-    if (!l.current)
+    if (!a.current)
       return;
-    const i = l.current.scrollLeft, d = e.scrollableDataElement();
+    const i = a.current.scrollLeft, d = e.scrollableDataElement();
     d && d.scrollLeft !== i && (d.scrollLeft = i);
-  }, o = g(), a = o && o.uGrid ? o.uGrid : N, { size: b = "md" } = e;
+  }, o = h(), l = o && o.uGrid ? o.uGrid : N, { size: b = "md" } = e;
   return e.staticHeaders ? /* @__PURE__ */ t.createElement(
     "div",
     {
       ref: e.elemRef,
-      className: c(a.header({ draggable: e.draggable }), e.className),
+      className: c(l.header({ draggable: e.draggable }), e.className),
       role: "presentation"
     },
     /* @__PURE__ */ t.createElement(
       "div",
       {
-        ref: l,
-        className: c(a.headerWrap({})),
-        style: e.hasScrollbarWidth ? {} : { borderWidth: 0 },
+        ref: a,
+        className: c(l.headerWrap({})),
         onScroll: R,
         role: "presentation"
       },
@@ -50,7 +49,7 @@ const E = t.forwardRef((e, f) => {
         "table",
         {
           ref: n,
-          className: c(a.headerTable({ size: b }), e.className),
+          className: c(l.headerTable({ size: b }), e.className),
           role: "presentation"
         },
         /* @__PURE__ */ t.createElement(
@@ -65,7 +64,7 @@ const E = t.forwardRef((e, f) => {
         /* @__PURE__ */ t.createElement(
           "thead",
           {
-            className: c(a.tableThead({})),
+            className: c(l.tableThead({})),
             role: "rowgroup",
             ...u
           },
@@ -78,7 +77,7 @@ const E = t.forwardRef((e, f) => {
     "thead",
     {
       role: "presentation",
-      className: c(a.thead({ draggable: e.draggable }), e.className),
+      className: c(l.thead({ draggable: e.draggable }), e.className),
       ...u
     },
     e.headerRow,

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-grid",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1732799096,
+  publishDate: 1733319433,
   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": "9.1.0-develop.7",
+  "version": "9.1.0-develop.9",
   "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.21.1",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-animation": "9.1.0-develop.7",
-    "@progress/kendo-react-buttons": "9.1.0-develop.7",
-    "@progress/kendo-react-common": "9.1.0-develop.7",
-    "@progress/kendo-react-data-tools": "9.1.0-develop.7",
-    "@progress/kendo-react-dateinputs": "9.1.0-develop.7",
-    "@progress/kendo-react-dropdowns": "9.1.0-develop.7",
-    "@progress/kendo-react-inputs": "9.1.0-develop.7",
-    "@progress/kendo-react-intl": "9.1.0-develop.7",
-    "@progress/kendo-react-popup": "9.1.0-develop.7",
+    "@progress/kendo-react-animation": "9.1.0-develop.9",
+    "@progress/kendo-react-buttons": "9.1.0-develop.9",
+    "@progress/kendo-react-common": "9.1.0-develop.9",
+    "@progress/kendo-react-data-tools": "9.1.0-develop.9",
+    "@progress/kendo-react-dateinputs": "9.1.0-develop.9",
+    "@progress/kendo-react-dropdowns": "9.1.0-develop.9",
+    "@progress/kendo-react-inputs": "9.1.0-develop.9",
+    "@progress/kendo-react-intl": "9.1.0-develop.9",
+    "@progress/kendo-react-popup": "9.1.0-develop.9",
     "@progress/kendo-svg-icons": "^4.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"

package/utils/index.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../GridColumn.js"),g=require("@progress/kendo-react-data-tools");function f(e,t){const a=(e||"").split(".");let o=t;return a.forEach(d=>{o=o?o[d]:void 0}),o}function u(e,t,a,o,d,l,s=0){let r=s;for(let n=0;n<t.length;n++){if(!d||t[n].value===void 0||t[n].items===void 0){e[e.length]={dataIndex:o.index,dataItem:t[n],rowType:"data",level:s,expanded:l===void 0||f(l,t[n])},o.index++;continue}r=Math.max(r,s+1);const i=l===void 0||f(l,t[n])===void 0||f(l,t[n]);e[e.length]={dataIndex:-1,dataItem:t[n],level:s,rowType:"groupHeader",expanded:i},i&&(r=Math.max(u(e,t[n].items,a,o,d,l,s+1),r)),(a==="always"||i&&a==="visible")&&(e[e.length]={dataIndex:-1,dataItem:t[n],rowType:"groupFooter",level:s,expanded:i})}return r}function p(e,t,a,o=0){const d=[];if(!e)return[];e&&e.length===void 0&&(e=[e]),e.filter(r=>r&&r.props?!r.props.hidden:!r.hidden).forEach((r,n)=>{r=r.props?r.props:r;const i=t[n]||null,h=p(r.children,i&&i.children||[],a,o+1);d.push(Object.assign({depth:o},x.gridDefaultProps,h.length?{cell:()=>null,filterCell:()=>null}:{},i?{width:i.width,orderIndex:i.orderIndex}:{},r,{id:r.id?r.id:g.tableKeyboardNavigationTools.generateNavigatableId(`${a.prevId++}`,a.idPrefix,"column"),declarationIndex:d.length,children:h,rowSpan:0,colSpan:0,isAccessible:!0,left:i&&Math.floor(i.left),right:i&&Math.floor(i.right)}))});const s=(r,n)=>r.orderIndex===n.orderIndex?r.declarationIndex-n.declarationIndex:(r.orderIndex||0)-(n.orderIndex||0);if(d.sort(s),o===0){const r=[],n=(i,h)=>i.forEach(c=>{c.parentIndex=h,n(c.children,r.push(c)-1)});return n(d,-1),r}return d}function v(e,t,a,o){let d=[];Array.isArray(e)?d=e:e&&(d=e.data);const l=[];if(d.length>0){let s=d[0];if(t)for(let n=0;n<t.length;n++)s=s.items&&s.items[0];Object.getOwnPropertyNames(s).forEach(n=>{n!==a&&l.push(Object.assign({id:g.tableKeyboardNavigationTools.generateNavigatableId(`${o.prevId++}`,o.idPrefix,"column"),declarationIndex:-1,parentIndex:-1,depth:0,colSpan:0,rowSpan:0,index:0,left:0,right:0,rightBorder:!1,children:[],ariaColumnIndex:0,isAccessible:!0},x.gridDefaultProps,{field:n}))})}return l}const w=(e,t)=>{let a=e[t.parentIndex];for(;a;){if(a.footerCell)return!0;a=e[a.parentIndex]}return!1},y=e=>e.filter(t=>w(e,t)?!1:!!t.footerCell||!(t.children&&t.children.length>0)),b=e=>e.width!==void 0?Math.floor(parseFloat(e.width.toString()))+"px":void 0,S=(e,t)=>t&&t.filter(a=>a.field===e).length>0,I=e=>(e.sort((t,a)=>t.declarationIndex-a.declarationIndex),e.map(t=>{const{declarationIndex:a,parentIndex:o,depth:d,colSpan:l,rowSpan:s,index:r,kFirst:n,children:i,...h}=t;return i.length?{children:I(i),...h}:h})),m=typeof window!="undefined"&&/Firefox/.test(window.navigator.userAgent),C=17895697,M=(e,t)=>{if(!(!e&&!t))return t?e?{...e,...t,select:{...e.select||{},...t.select||{}},hierarchy:{...e.hierarchy||{},...t.hierarchy||{}},group:{...e.group||{},...t.group||{}},edit:{...e.edit||{},...t.edit||{}}}:t:e};exports.autoGenerateColumns=v;exports.firefox=m;exports.firefoxMaxHeight=C;exports.flatData=u;exports.footerColumns=y;exports.getColumnWidth=b;exports.getNestedValue=f;exports.isSorted=S;exports.readColumns=p;exports.resolveCells=M;exports.sanitizeColumns=I;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../GridColumn.js"),g=require("@progress/kendo-react-data-tools");function f(e,t){const a=(e||"").split(".");let o=t;return a.forEach(d=>{o=o?o[d]:void 0}),o}function u(e,t,a,o,d,l,s=0){let r=s;for(let n=0;n<t.length;n++){if(!d||t[n].value===void 0||t[n].items===void 0){e[e.length]={dataIndex:o.index,dataItem:t[n],rowType:"data",level:s,expanded:l===void 0||f(l,t[n])},o.index++;continue}r=Math.max(r,s+1);const i=l===void 0||f(l,t[n])===void 0||f(l,t[n]);e[e.length]={dataIndex:-1,dataItem:t[n],level:s,rowType:"groupHeader",expanded:i},i&&(r=Math.max(u(e,t[n].items,a,o,d,l,s+1),r)),(a==="always"||i&&a==="visible")&&(e[e.length]={dataIndex:-1,dataItem:t[n],rowType:"groupFooter",level:s,expanded:i})}return r}function p(e,t,a,o=0){const d=[];if(!e)return[];e&&e.length===void 0&&(e=[e]),e.filter(r=>r&&r.props?!r.props.hidden:!r.hidden).forEach((r,n)=>{r=r.props?r.props:r;const i=t[n]||null,h=p(r.children,i&&i.children||[],a,o+1);d.push(Object.assign({depth:o},x.gridDefaultProps,h.length?{cell:()=>null,filterCell:()=>null}:{},i?{width:i.width,orderIndex:i.orderIndex}:{},r,{id:r.id?r.id:g.tableKeyboardNavigationTools.generateNavigatableId(`${a.prevId++}`,a.idPrefix,"column"),declarationIndex:d.length,children:h,rowSpan:0,colSpan:0,isAccessible:!0,left:r.lockedColumn?i&&Math.floor(i.left):null,right:r.lockedColumn?i&&Math.floor(i.right):null}))});const s=(r,n)=>r.orderIndex===n.orderIndex?r.declarationIndex-n.declarationIndex:(r.orderIndex||0)-(n.orderIndex||0);if(d.sort(s),o===0){const r=[],n=(i,h)=>i.forEach(c=>{c.parentIndex=h,n(c.children,r.push(c)-1)});return n(d,-1),r}return d}function v(e,t,a,o){let d=[];Array.isArray(e)?d=e:e&&(d=e.data);const l=[];if(d.length>0){let s=d[0];if(t)for(let n=0;n<t.length;n++)s=s.items&&s.items[0];Object.getOwnPropertyNames(s).forEach(n=>{n!==a&&l.push(Object.assign({id:g.tableKeyboardNavigationTools.generateNavigatableId(`${o.prevId++}`,o.idPrefix,"column"),declarationIndex:-1,parentIndex:-1,depth:0,colSpan:0,rowSpan:0,index:0,left:0,right:0,rightBorder:!1,children:[],ariaColumnIndex:0,isAccessible:!0},x.gridDefaultProps,{field:n}))})}return l}const w=(e,t)=>{let a=e[t.parentIndex];for(;a;){if(a.footerCell)return!0;a=e[a.parentIndex]}return!1},y=e=>e.filter(t=>w(e,t)?!1:!!t.footerCell||!(t.children&&t.children.length>0)),b=e=>e.width!==void 0?Math.floor(parseFloat(e.width.toString()))+"px":void 0,S=(e,t)=>t&&t.filter(a=>a.field===e).length>0,I=e=>(e.sort((t,a)=>t.declarationIndex-a.declarationIndex),e.map(t=>{const{declarationIndex:a,parentIndex:o,depth:d,colSpan:l,rowSpan:s,index:r,kFirst:n,children:i,...h}=t;return i.length?{children:I(i),...h}:h})),C=typeof window!="undefined"&&/Firefox/.test(window.navigator.userAgent),m=17895697,M=(e,t)=>{if(!(!e&&!t))return t?e?{...e,...t,select:{...e.select||{},...t.select||{}},hierarchy:{...e.hierarchy||{},...t.hierarchy||{}},group:{...e.group||{},...t.group||{}},edit:{...e.edit||{},...t.edit||{}}}:t:e};exports.autoGenerateColumns=v;exports.firefox=C;exports.firefoxMaxHeight=m;exports.flatData=u;exports.footerColumns=y;exports.getColumnWidth=b;exports.getNestedValue=f;exports.isSorted=S;exports.readColumns=p;exports.resolveCells=M;exports.sanitizeColumns=I;

package/utils/index.mjs

@@ -8,7 +8,7 @@
 "use client";
 import { gridDefaultProps as x } from "../GridColumn.mjs";
 import { tableKeyboardNavigationTools as g } from "@progress/kendo-react-data-tools";
-function l(e, r) {
+function c(e, r) {
   const i = (e || "").split(".");
   let o = r;
   return i.forEach((d) => {
@@ -24,12 +24,12 @@ function p(e, r, i, o, d, s, h = 0) {
         dataItem: r[n],
         rowType: "data",
         level: h,
-        expanded: s === void 0 || l(s, r[n])
+        expanded: s === void 0 || c(s, r[n])
       }, o.index++;
       continue;
     }
     t = Math.max(t, h + 1);
-    const a = s === void 0 || l(s, r[n]) === void 0 || l(s, r[n]);
+    const a = s === void 0 || c(s, r[n]) === void 0 || c(s, r[n]);
     e[e.length] = {
       dataIndex: -1,
       dataItem: r[n],
@@ -75,16 +75,16 @@ function I(e, r, i, o = 0) {
           rowSpan: 0,
           colSpan: 0,
           isAccessible: !0,
-          left: a && Math.floor(a.left),
-          right: a && Math.floor(a.right)
+          left: t.lockedColumn ? a && Math.floor(a.left) : null,
+          right: t.lockedColumn ? a && Math.floor(a.right) : null
         }
       )
     );
   });
   const h = (t, n) => t.orderIndex === n.orderIndex ? t.declarationIndex - n.declarationIndex : (t.orderIndex || 0) - (n.orderIndex || 0);
   if (d.sort(h), o === 0) {
-    const t = [], n = (a, f) => a.forEach((c) => {
-      c.parentIndex = f, n(c.children, t.push(c) - 1);
+    const t = [], n = (a, f) => a.forEach((l) => {
+      l.parentIndex = f, n(l.children, t.push(l) - 1);
     });
     return n(d, -1), t;
   }
@@ -125,7 +125,7 @@ function b(e, r, i, o) {
   }
   return s;
 }
-const v = (e, r) => {
+const u = (e, r) => {
   let i = e[r.parentIndex];
   for (; i; ) {
     if (i.footerCell)
@@ -133,10 +133,10 @@ const v = (e, r) => {
     i = e[i.parentIndex];
   }
   return !1;
-}, S = (e) => e.filter((r) => v(e, r) ? !1 : !!r.footerCell || !(r.children && r.children.length > 0)), m = (e) => e.width !== void 0 ? Math.floor(parseFloat(e.width.toString())) + "px" : void 0, F = (e, r) => r && r.filter((i) => i.field === e).length > 0, w = (e) => (e.sort((r, i) => r.declarationIndex - i.declarationIndex), e.map((r) => {
+}, S = (e) => e.filter((r) => u(e, r) ? !1 : !!r.footerCell || !(r.children && r.children.length > 0)), m = (e) => e.width !== void 0 ? Math.floor(parseFloat(e.width.toString())) + "px" : void 0, F = (e, r) => r && r.filter((i) => i.field === e).length > 0, v = (e) => (e.sort((r, i) => r.declarationIndex - i.declarationIndex), e.map((r) => {
   const { declarationIndex: i, parentIndex: o, depth: d, colSpan: s, rowSpan: h, index: t, kFirst: n, children: a, ...f } = r;
   return a.length ? {
-    children: w(a),
+    children: v(a),
     ...f
   } : f;
 })), M = typeof window != "undefined" && /Firefox/.test(window.navigator.userAgent), A = 17895697, N = (e, r) => {
@@ -169,9 +169,9 @@ export {
   p as flatData,
   S as footerColumns,
   m as getColumnWidth,
-  l as getNestedValue,
+  c as getNestedValue,
   F as isSorted,
   I as readColumns,
   N as resolveCells,
-  w as sanitizeColumns
+  v as sanitizeColumns
 };