@progress/kendo-react-grid 15.2.0-develop.8 → 16.0.0-develop.2

package/getRowContents.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const re=require("react"),s=require("@progress/kendo-react-common"),ie=require("@progress/kendo-react-data-tools"),A=require("./utils/index.js"),de=require("./cells/datacell/GridCell.js"),ae=require("./cells/datacell/GridCellServer.js"),ne=require("./cells/editcell/GridEditCell.js"),se=require("./cells/editcell/GridEditCellServer.js");function ce(o){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const l in o)if(l!=="default"){const p=Object.getOwnPropertyDescriptor(o,l);Object.defineProperty(a,l,p.get?p:{enumerable:!0,get:()=>o[l]})}}return a.default=o,Object.freeze(a)}const ue=ce(re);function fe(o,a,l,p,D,F,d){const{leafColumns:y,hiddenColumns:C,renderedColumnsCount:N,columnsState:P,idPrefix:R,gridClasses:j,unstyled:x,localization:H,intl:B,cells:K,isRowReorderable:M,sort:V,editable:z,isClient:T,isEditDialog:$,dataItemKey:r,select:h,highlight:I,groupingMode:v,hasCheckboxColumn:L}=o;let k=!1;const c=h&&r&&s.getter(r)(l.dataItem)!==void 0?h[s.getter(r)(l.dataItem)]:void 0,u=I&&r&&s.getter(r)(l.dataItem)!==void 0?I[s.getter(r)(l.dataItem)]:void 0,J=o.hasDynamicColSpan?o.getCellsToRender(l.dataItem):o.cellsToRender,b=(l.rowType==="groupHeader"||l.rowType==="groupFooter")&&(v==="singleColumn"||v==="multipleColumns"||v==="compact")?y.map(t=>t.field):void 0,Q=b?y.map(t=>t.title):void 0,U=b?y.map(t=>t.groupField):void 0,W=b&&(C!=null&&C.length)?C.reduce((t,f)=>(f.field!==void 0&&(t[f.field]=f.title),t),{}):void 0;return{row:J.map(({columnIndex:t,colSpan:f})=>{var w,E,G,O,q,_;const e=y[t],m=P[t],X=(E=(w=e.locked)!=null?w:m==null?void 0:m.locked)!=null?E:!1;let g;if((G=e.rowSpannable)!=null&&G.enabled&&l.rowType==="data"&&e.field&&d){const i=e.field?(q=(O=e.rowSpannable).valueGetter)==null?void 0:q.call(O,l.dataItem,e.field):null;g={value:i,count:1},d[e.field]&&((_=d[e.field])==null?void 0:_.value)===i&&d[e.field]!==null?(d[e.field].count++,g.count=null):d[e.field]=g}const Y=e.id?e.id:t,Z=s.classNames(j.contentSticky({locked:X}),e.className),ee=e.left!==void 0?{left:e.left,right:e.right}:{};let S=!1;if(e.editable&&z){const i=a&&r?a[s.getter(r)(l.dataItem)]:void 0;let n;typeof i=="boolean"?n=i:Array.isArray(i)?n=e.field?i.indexOf(e.field)>-1:!1:n=e.field!==void 0&&i===e.field,n&&e.columnType==="data"&&(n===!0||n===e.field)&&(k=!0,$||(S=!0))}const le=e._type==="expand",te={locked:e.locked,id:ie.tableKeyboardNavigationTools.generateNavigatableId(`${p}-${String(t)}`,R,le||l.rowType==="groupHeader"||l.rowType==="groupFooter"||e.field==="value"?"nodata":"cell"),colSpan:f,dataItem:l.dataItem,field:e.field,editor:e.editor,format:e.format,columnType:e.columnType,rowReorderable:M,className:Z,cells:A.resolveCells(K,e.cells),columnIndex:t,columnsCount:N,columnFields:b,columnTitles:Q,columnGroupFields:U,hiddenColumnTitleByField:W,rowType:l.rowType,level:l.level,expanded:l.expanded,dataIndex:l.dataIndex,rowDataIndex:D,columnPosition:ee,style:{},ariaColumnIndex:e.ariaColumnIndex,isSelected:!!(e._type==="edit"?c:Array.isArray(c)&&c.indexOf(t)>-1),isHighlighted:!!(e._type==="edit"?u:Array.isArray(u)&&u.indexOf(t)>-1),isSorted:!!A.isSorted(e.field,V),isInEdit:S,isAlt:F,unstyled:x,group:l.group,localization:H,intl:B,_rowSpan:g,groupingMode:v,hasCheckboxColumn:L},oe=e.defaultCell||S&&(T?ne.GridEditCell:se.GridEditCellServer)||(T?de.GridCell:ae.GridCellServer);return ue.createElement(oe,{key:Y,cellProps:te})}),isInEdit:k,isSelected:typeof c=="boolean"&&c,isHighlighted:typeof u=="boolean"&&u}}exports.getRowContents=fe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const re=require("react"),s=require("@progress/kendo-react-common"),ie=require("@progress/kendo-react-data-tools"),_=require("./utils/index.js"),de=require("./cells/datacell/GridCell.js"),ae=require("./cells/datacell/GridCellServer.js"),ne=require("./cells/editcell/GridEditCell.js"),se=require("./cells/editcell/GridEditCellServer.js");function ce(o){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const p=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(a,t,p.get?p:{enumerable:!0,get:()=>o[t]})}}return a.default=o,Object.freeze(a)}const ue=ce(re);function fe(o,a,t,p,A,D,d){const{leafColumns:y,hiddenColumns:C,renderedColumnsCount:F,columnsState:N,idPrefix:P,gridClasses:R,unstyled:j,localization:x,intl:H,cells:B,isRowReorderable:K,sort:M,editable:V,isClient:T,isEditDialog:z,dataItemKey:r,select:m,highlight:h,groupingMode:$,hasCheckboxColumn:L}=o;let I=!1;const c=m&&r&&s.getter(r)(t.dataItem)!==void 0?m[s.getter(r)(t.dataItem)]:void 0,u=h&&r&&s.getter(r)(t.dataItem)!==void 0?h[s.getter(r)(t.dataItem)]:void 0,J=o.hasDynamicColSpan?o.getCellsToRender(t.dataItem):o.cellsToRender,v=t.rowType==="groupHeader"||t.rowType==="groupFooter"?y.map(l=>l.field):void 0,Q=v?y.map(l=>l.title):void 0,U=v?y.map(l=>l.groupField):void 0,W=v&&(C!=null&&C.length)?C.reduce((l,f)=>(f.field!==void 0&&(l[f.field]=f.title),l),{}):void 0;return{row:J.map(({columnIndex:l,colSpan:f})=>{var k,w,E,G,O,q;const e=y[l],b=N[l],X=(w=(k=e.locked)!=null?k:b==null?void 0:b.locked)!=null?w:!1;let g;if((E=e.rowSpannable)!=null&&E.enabled&&t.rowType==="data"&&e.field&&d){const i=e.field?(O=(G=e.rowSpannable).valueGetter)==null?void 0:O.call(G,t.dataItem,e.field):null;g={value:i,count:1},d[e.field]&&((q=d[e.field])==null?void 0:q.value)===i&&d[e.field]!==null?(d[e.field].count++,g.count=null):d[e.field]=g}const Y=e.id?e.id:l,Z=s.classNames(R.contentSticky({locked:X}),e.className),ee=e.left!==void 0?{left:e.left,right:e.right}:{};let S=!1;if(e.editable&&V){const i=a&&r?a[s.getter(r)(t.dataItem)]:void 0;let n;typeof i=="boolean"?n=i:Array.isArray(i)?n=e.field?i.indexOf(e.field)>-1:!1:n=e.field!==void 0&&i===e.field,n&&e.columnType==="data"&&(n===!0||n===e.field)&&(I=!0,z||(S=!0))}const te=e._type==="expand",le={locked:e.locked,id:ie.tableKeyboardNavigationTools.generateNavigatableId(`${p}-${String(l)}`,P,te||t.rowType==="groupHeader"||t.rowType==="groupFooter"||e.field==="value"?"nodata":"cell"),colSpan:f,dataItem:t.dataItem,field:e.field,editor:e.editor,format:e.format,columnType:e.columnType,rowReorderable:K,className:Z,cells:_.resolveCells(B,e.cells),columnIndex:l,columnsCount:F,columnFields:v,columnTitles:Q,columnGroupFields:U,hiddenColumnTitleByField:W,rowType:t.rowType,level:t.level,expanded:t.expanded,dataIndex:t.dataIndex,rowDataIndex:A,columnPosition:ee,style:{},ariaColumnIndex:e.ariaColumnIndex,isSelected:!!(e._type==="edit"?c:Array.isArray(c)&&c.indexOf(l)>-1),isHighlighted:!!(e._type==="edit"?u:Array.isArray(u)&&u.indexOf(l)>-1),isSorted:!!_.isSorted(e.field,M),isInEdit:S,isAlt:D,unstyled:j,group:t.group,localization:x,intl:H,_rowSpan:g,groupingMode:$,hasCheckboxColumn:L},oe=e.defaultCell||S&&(T?ne.GridEditCell:se.GridEditCellServer)||(T?de.GridCell:ae.GridCellServer);return ue.createElement(oe,{key:Y,cellProps:le})}),isInEdit:I,isSelected:typeof c=="boolean"&&c,isHighlighted:typeof u=="boolean"&&u}}exports.getRowContents=fe;

package/getRowContents.mjs

@@ -13,52 +13,52 @@ import { GridCell as ne } from "./cells/datacell/GridCell.mjs";
 import { GridCellServer as se } from "./cells/datacell/GridCellServer.mjs";
 import { GridEditCell as fe } from "./cells/editcell/GridEditCell.mjs";
 import { GridEditCellServer as ce } from "./cells/editcell/GridEditCellServer.mjs";
-function he(u, h, l, x, N, H, r) {
+function he(u, C, l, G, x, N, r) {
   const {
     leafColumns: p,
-    hiddenColumns: m,
-    renderedColumnsCount: _,
-    columnsState: B,
-    idPrefix: D,
-    gridClasses: K,
-    unstyled: O,
-    localization: P,
-    intl: V,
-    cells: R,
-    isRowReorderable: $,
-    sort: z,
-    editable: L,
-    isClient: T,
-    isEditDialog: M,
+    hiddenColumns: y,
+    renderedColumnsCount: H,
+    columnsState: _,
+    idPrefix: B,
+    gridClasses: D,
+    unstyled: K,
+    localization: O,
+    intl: P,
+    cells: V,
+    isRowReorderable: R,
+    sort: $,
+    editable: z,
+    isClient: h,
+    isEditDialog: L,
     dataItemKey: t,
-    select: b,
-    highlight: I,
-    groupingMode: y,
+    select: T,
+    highlight: b,
+    groupingMode: M,
     hasCheckboxColumn: j
   } = u;
-  let S = !1;
-  const a = b && t && c(t)(l.dataItem) !== void 0 ? b[c(t)(l.dataItem)] : void 0, n = I && t && c(t)(l.dataItem) !== void 0 ? I[c(t)(l.dataItem)] : void 0, q = u.hasDynamicColSpan ? u.getCellsToRender(l.dataItem) : u.cellsToRender, g = (l.rowType === "groupHeader" || l.rowType === "groupFooter") && (y === "singleColumn" || y === "multipleColumns" || y === "compact") ? p.map((o) => o.field) : void 0, J = g ? p.map((o) => o.title) : void 0, Q = g ? p.map((o) => o.groupField) : void 0, U = g && (m != null && m.length) ? m.reduce((o, s) => (s.field !== void 0 && (o[s.field] = s.title), o), {}) : void 0;
+  let I = !1;
+  const a = T && t && c(t)(l.dataItem) !== void 0 ? T[c(t)(l.dataItem)] : void 0, n = b && t && c(t)(l.dataItem) !== void 0 ? b[c(t)(l.dataItem)] : void 0, q = u.hasDynamicColSpan ? u.getCellsToRender(l.dataItem) : u.cellsToRender, g = l.rowType === "groupHeader" || l.rowType === "groupFooter" ? p.map((o) => o.field) : void 0, J = g ? p.map((o) => o.title) : void 0, Q = g ? p.map((o) => o.groupField) : void 0, U = g && (y != null && y.length) ? y.reduce((o, s) => (s.field !== void 0 && (o[s.field] = s.title), o), {}) : void 0;
   return {
     row: q.map(({ columnIndex: o, colSpan: s }) => {
-      var k, w, E, A, F, G;
-      const e = p[o], C = B[o], W = (w = (k = e.locked) != null ? k : C == null ? void 0 : C.locked) != null ? w : !1;
+      var S, k, w, E, A, F;
+      const e = p[o], m = _[o], W = (k = (S = e.locked) != null ? S : m == null ? void 0 : m.locked) != null ? k : !1;
       let f;
-      if ((E = e.rowSpannable) != null && E.enabled && l.rowType === "data" && e.field && r) {
-        const i = e.field ? (F = (A = e.rowSpannable).valueGetter) == null ? void 0 : F.call(A, l.dataItem, e.field) : null;
-        f = { value: i, count: 1 }, r[e.field] && ((G = r[e.field]) == null ? void 0 : G.value) === i && r[e.field] !== null ? (r[e.field].count++, f.count = null) : r[e.field] = f;
+      if ((w = e.rowSpannable) != null && w.enabled && l.rowType === "data" && e.field && r) {
+        const i = e.field ? (A = (E = e.rowSpannable).valueGetter) == null ? void 0 : A.call(E, l.dataItem, e.field) : null;
+        f = { value: i, count: 1 }, r[e.field] && ((F = r[e.field]) == null ? void 0 : F.value) === i && r[e.field] !== null ? (r[e.field].count++, f.count = null) : r[e.field] = f;
       }
-      const X = e.id ? e.id : o, Y = ie(K.contentSticky({ locked: W }), e.className), Z = e.left !== void 0 ? { left: e.left, right: e.right } : {};
+      const X = e.id ? e.id : o, Y = ie(D.contentSticky({ locked: W }), e.className), Z = e.left !== void 0 ? { left: e.left, right: e.right } : {};
       let v = !1;
-      if (e.editable && L) {
-        const i = h && t ? h[c(t)(l.dataItem)] : void 0;
+      if (e.editable && z) {
+        const i = C && t ? C[c(t)(l.dataItem)] : void 0;
         let d;
-        typeof i == "boolean" ? d = i : Array.isArray(i) ? d = e.field ? i.indexOf(e.field) > -1 : !1 : d = e.field !== void 0 && i === e.field, d && e.columnType === "data" && (d === !0 || d === e.field) && (S = !0, M || (v = !0));
+        typeof i == "boolean" ? d = i : Array.isArray(i) ? d = e.field ? i.indexOf(e.field) > -1 : !1 : d = e.field !== void 0 && i === e.field, d && e.columnType === "data" && (d === !0 || d === e.field) && (I = !0, L || (v = !0));
       }
       const ee = e._type === "expand", le = {
         locked: e.locked,
         id: re.generateNavigatableId(
-          `${x}-${String(o)}`,
-          D,
+          `${G}-${String(o)}`,
+          B,
           ee || l.rowType === "groupHeader" || l.rowType === "groupFooter" || e.field === "value" ? "nodata" : "cell"
         ),
         colSpan: s,
@@ -67,11 +67,11 @@ function he(u, h, l, x, N, H, r) {
         editor: e.editor,
         format: e.format,
         columnType: e.columnType,
-        rowReorderable: $,
+        rowReorderable: R,
         className: Y,
-        cells: ae(R, e.cells),
+        cells: ae(V, e.cells),
         columnIndex: o,
-        columnsCount: _,
+        columnsCount: H,
         columnFields: g,
         columnTitles: J,
         columnGroupFields: Q,
@@ -80,26 +80,26 @@ function he(u, h, l, x, N, H, r) {
         level: l.level,
         expanded: l.expanded,
         dataIndex: l.dataIndex,
-        rowDataIndex: N,
+        rowDataIndex: x,
         columnPosition: Z,
         style: {},
         ariaColumnIndex: e.ariaColumnIndex,
         isSelected: !!(e._type === "edit" ? a : Array.isArray(a) && a.indexOf(o) > -1),
         isHighlighted: !!(e._type === "edit" ? n : Array.isArray(n) && n.indexOf(o) > -1),
-        isSorted: !!de(e.field, z),
+        isSorted: !!de(e.field, $),
         isInEdit: v,
-        isAlt: H,
-        unstyled: O,
+        isAlt: N,
+        unstyled: K,
         group: l.group,
-        localization: P,
-        intl: V,
+        localization: O,
+        intl: P,
         _rowSpan: f,
-        groupingMode: y,
+        groupingMode: M,
         hasCheckboxColumn: j
-      }, oe = e.defaultCell || v && (T ? fe : ce) || (T ? ne : se);
+      }, oe = e.defaultCell || v && (h ? fe : ce) || (h ? ne : se);
       return /* @__PURE__ */ te.createElement(oe, { key: X, cellProps: le });
     }),
-    isInEdit: S,
+    isInEdit: I,
     isSelected: typeof a == "boolean" && a,
     isHighlighted: typeof n == "boolean" && n
   };

package/interfaces/GridGroupableSettings.d.ts

@@ -74,11 +74,10 @@ export interface GridGroupableSettings {
      */
     displayMode?: GridGroupingMode;
     /**
-     * Hides the data column for each field the Grid is grouped by.
-     * Only applies when `displayMode` is `'singleColumn'` or `'multipleColumns'` — the
-     * synthesized group column already displays the grouped field's value, so the
-     * original data column can be hidden to avoid duplication. Has no effect in `'default'` or
-     * `'compact'` modes.
+     * Hides the data column for each field the Grid is grouped by, in every `displayMode`.
+     * The grouped field's value is already shown in the group header row (or, in
+     * `'singleColumn'`/`'multipleColumns'` mode, in the synthesized group column), so the
+     * original data column can be hidden to avoid duplication.
      *
      * @default false
      *

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1786115485,version:"15.2.0-develop.8",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1786462495,version:"16.0.0-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = Object.freeze({
     productName: 'KendoReact',
     productCode: 'KENDOUIREACT',
     productCodes: ['KENDOUIREACT'],
-    publishDate: 1786115485,
-    version: '15.2.0-develop.8',
+    publishDate: 1786462495,
+    version: '16.0.0-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-grid",
-  "version": "15.2.0-develop.8",
+  "version": "16.0.0-develop.2",
   "description": "React Data Grid (Table) provides 100+ ready-to-use data grid features. KendoReact Grid package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -30,21 +30,21 @@
     "@progress/kendo-drawing": "^1.21.2",
     "@progress/kendo-file-saver": "^1.1.1",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-animation": "15.2.0-develop.8",
-    "@progress/kendo-react-buttons": "15.2.0-develop.8",
-    "@progress/kendo-react-common": "15.2.0-develop.8",
-    "@progress/kendo-react-data-tools": "15.2.0-develop.8",
-    "@progress/kendo-react-dateinputs": "15.2.0-develop.8",
-    "@progress/kendo-react-indicators": "15.2.0-develop.8",
-    "@progress/kendo-react-form": "15.2.0-develop.8",
-    "@progress/kendo-react-labels": "15.2.0-develop.8",
-    "@progress/kendo-react-dialogs": "15.2.0-develop.8",
-    "@progress/kendo-react-dropdowns": "15.2.0-develop.8",
-    "@progress/kendo-react-inputs": "15.2.0-develop.8",
-    "@progress/kendo-react-intl": "15.2.0-develop.8",
-    "@progress/kendo-react-popup": "15.2.0-develop.8",
-    "@progress/kendo-react-layout": "15.2.0-develop.8",
-    "@progress/kendo-react-conversational-ui": "15.2.0-develop.8",
+    "@progress/kendo-react-animation": "16.0.0-develop.2",
+    "@progress/kendo-react-buttons": "16.0.0-develop.2",
+    "@progress/kendo-react-common": "16.0.0-develop.2",
+    "@progress/kendo-react-data-tools": "16.0.0-develop.2",
+    "@progress/kendo-react-dateinputs": "16.0.0-develop.2",
+    "@progress/kendo-react-indicators": "16.0.0-develop.2",
+    "@progress/kendo-react-form": "16.0.0-develop.2",
+    "@progress/kendo-react-labels": "16.0.0-develop.2",
+    "@progress/kendo-react-dialogs": "16.0.0-develop.2",
+    "@progress/kendo-react-dropdowns": "16.0.0-develop.2",
+    "@progress/kendo-react-inputs": "16.0.0-develop.2",
+    "@progress/kendo-react-intl": "16.0.0-develop.2",
+    "@progress/kendo-react-popup": "16.0.0-develop.2",
+    "@progress/kendo-react-layout": "16.0.0-develop.2",
+    "@progress/kendo-react-conversational-ui": "16.0.0-develop.2",
     "@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
@@ -142,13 +142,20 @@
             "file": "codemods/v11/row-render.js",
             "prompt": true
           }
+        ],
+        "16": [
+          {
+            "description": "Flags files that reference the renamed/moved CSS classes on the Grid grouping row content.",
+            "file": "codemods/v16/grid-grouping-row-rendering-changes",
+            "prompt": false
+          }
         ]
       }
     },
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1786115485,
+      "publishDate": 1786462495,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },