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

package/drag/GroupingIndicator.d.ts

@@ -13,6 +13,7 @@ export interface GroupingIndicatorProps {
     index: number;
     title: string;
     dir: 'asc' | 'desc';
+    noIndentMode?: boolean;
     onRemove?: (event: React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent<HTMLDivElement>) => void;
     onSortChange?: (event: React.MouseEvent<HTMLDivElement>, dir: string) => void;
     onContextMenu?: (event: React.MouseEvent<HTMLElement>, dataItem: any) => void;

package/drag/GroupingIndicator.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("react"),l=require("@progress/kendo-react-common"),s=require("@progress/kendo-svg-icons");function y(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const o=y(k),C=e=>{const t=o.useRef(null),a=n=>{const c=t.current&&t.current.element;c&&e.onPress&&e.onPress(n.event,c)},r=n=>{const c=t.current&&t.current.element;c&&e.onDrag&&e.onDrag(n.event,c)},m=n=>{t.current&&t.current.element&&e.onRelease&&e.onRelease(n.event)},u=n=>{if(n.preventDefault(),e.onSortChange){const c=e.dir==="asc"?"desc":"asc";e.onSortChange(n,c)}},d=n=>{(n.keyCode===l.Keys.delete||n.keyCode===l.Keys.backspace)&&(n.preventDefault(),n.stopPropagation(),e.onRemove&&e.onRemove(n))},f=n=>{n.preventDefault(),n.stopPropagation(),e.onRemove&&e.onRemove(n)},g=n=>{const c={title:e.title,dir:e.dir,index:e.index};e.onContextMenu&&e.onContextMenu.call(void 0,n,{dataItem:{...c}})},{dir:i,title:b}=e;return o.createElement(l.Draggable,{onPress:a,onDrag:r,onRelease:m,ref:t},o.createElement("div",{className:"k-chip",onClick:u,onContextMenu:g,onKeyDown:d,tabIndex:0,role:"button",style:{touchAction:"none"}},o.createElement("span",null,o.createElement(l.IconWrap,{name:"sort-"+i+"-small",icon:i==="asc"?s.sortAscSmallIcon:s.sortDescSmallIcon,size:"small"})),o.createElement("span",{className:"k-chip-content"},o.createElement("span",{className:"k-chip-label"},b)),o.createElement("span",{className:"k-chip-actions"},o.createElement("span",{className:"k-chip-action k-chip-remove-action",onClick:f},o.createElement(l.IconWrap,{name:"x-circle",icon:s.xCircleIcon,size:"small"})))))};exports.GroupingIndicator=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),l=require("@progress/kendo-react-common"),i=require("@progress/kendo-svg-icons");function D(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const c=D(b),I=e=>{const t=c.useRef(null),a=n=>{const o=t.current&&t.current.element;o&&e.onPress&&e.onPress(n.event,o)},r=n=>{const o=t.current&&t.current.element;o&&e.onDrag&&e.onDrag(n.event,o)},m=n=>{t.current&&t.current.element&&e.onRelease&&e.onRelease(n.event)},u=n=>{if(n.preventDefault(),e.onSortChange){const o=e.dir==="asc"?"desc":"asc";e.onSortChange(n,o)}},d=n=>{(n.keyCode===l.Keys.delete||n.keyCode===l.Keys.backspace)&&(n.preventDefault(),n.stopPropagation(),e.onRemove&&e.onRemove(n))},f=n=>{n.preventDefault(),n.stopPropagation(),e.onRemove&&e.onRemove(n)},g=n=>{n.preventDefault();const o={title:e.title,dir:e.dir,index:e.index};e.onContextMenu&&e.onContextMenu(n,{dataItem:{...o}})},{dir:s,title:k}=e;return c.createElement(l.Draggable,{onPress:a,onDrag:r,onRelease:m,ref:t},c.createElement("div",{className:"k-chip",onClick:u,onContextMenu:g,onKeyDown:d,tabIndex:0,role:"button","aria-pressed":e.noIndentMode?!1:void 0,style:{touchAction:"none"}},c.createElement(l.IconWrap,{className:e.noIndentMode?"k-chip-icon":void 0,name:"sort-"+s+"-small",icon:s==="asc"?i.sortAscSmallIcon:i.sortDescSmallIcon,size:"small"}),c.createElement("span",{className:"k-chip-content"},c.createElement("span",{className:"k-chip-label"},k)),c.createElement("span",{className:"k-chip-actions"},c.createElement("span",{className:"k-chip-action k-chip-remove-action",onClick:f},c.createElement(l.IconWrap,{name:"x-circle",icon:i.xCircleIcon,size:"small"})))))};exports.GroupingIndicator=I;

package/drag/GroupingIndicator.mjs

@@ -7,57 +7,60 @@
  */
 "use client";
 import * as a from "react";
-import { Draggable as k, IconWrap as l, Keys as r } from "@progress/kendo-react-common";
-import { sortAscSmallIcon as C, sortDescSmallIcon as D, xCircleIcon as R } from "@progress/kendo-svg-icons";
-const I = (n) => {
-  const o = a.useRef(null), s = (e) => {
+import { Draggable as k, IconWrap as l, Keys as i } from "@progress/kendo-react-common";
+import { sortAscSmallIcon as C, sortDescSmallIcon as D, xCircleIcon as I } from "@progress/kendo-svg-icons";
+const v = (e) => {
+  const o = a.useRef(null), s = (n) => {
     const t = o.current && o.current.element;
-    t && n.onPress && n.onPress(e.event, t);
-  }, i = (e) => {
+    t && e.onPress && e.onPress(n.event, t);
+  }, r = (n) => {
     const t = o.current && o.current.element;
-    t && n.onDrag && n.onDrag(e.event, t);
-  }, m = (e) => {
-    o.current && o.current.element && n.onRelease && n.onRelease(e.event);
-  }, u = (e) => {
-    if (e.preventDefault(), n.onSortChange) {
-      const t = n.dir === "asc" ? "desc" : "asc";
-      n.onSortChange(e, t);
+    t && e.onDrag && e.onDrag(n.event, t);
+  }, m = (n) => {
+    o.current && o.current.element && e.onRelease && e.onRelease(n.event);
+  }, d = (n) => {
+    if (n.preventDefault(), e.onSortChange) {
+      const t = e.dir === "asc" ? "desc" : "asc";
+      e.onSortChange(n, t);
     }
-  }, d = (e) => {
-    (e.keyCode === r.delete || e.keyCode === r.backspace) && (e.preventDefault(), e.stopPropagation(), n.onRemove && n.onRemove(e));
-  }, f = (e) => {
-    e.preventDefault(), e.stopPropagation(), n.onRemove && n.onRemove(e);
-  }, g = (e) => {
+  }, u = (n) => {
+    (n.keyCode === i.delete || n.keyCode === i.backspace) && (n.preventDefault(), n.stopPropagation(), e.onRemove && e.onRemove(n));
+  }, f = (n) => {
+    n.preventDefault(), n.stopPropagation(), e.onRemove && e.onRemove(n);
+  }, g = (n) => {
+    n.preventDefault();
     const t = {
-      title: n.title,
-      dir: n.dir,
-      index: n.index
+      title: e.title,
+      dir: e.dir,
+      index: e.index
     };
-    n.onContextMenu && n.onContextMenu.call(void 0, e, { dataItem: { ...t } });
-  }, { dir: c, title: h } = n;
-  return /* @__PURE__ */ a.createElement(k, { onPress: s, onDrag: i, onRelease: m, ref: o }, /* @__PURE__ */ a.createElement(
+    e.onContextMenu && e.onContextMenu(n, { dataItem: { ...t } });
+  }, { dir: c, title: h } = e;
+  return /* @__PURE__ */ a.createElement(k, { onPress: s, onDrag: r, onRelease: m, ref: o }, /* @__PURE__ */ a.createElement(
     "div",
     {
       className: "k-chip",
-      onClick: u,
+      onClick: d,
       onContextMenu: g,
-      onKeyDown: d,
+      onKeyDown: u,
       tabIndex: 0,
       role: "button",
+      "aria-pressed": e.noIndentMode ? !1 : void 0,
       style: { touchAction: "none" }
     },
-    /* @__PURE__ */ a.createElement("span", null, /* @__PURE__ */ a.createElement(
+    /* @__PURE__ */ a.createElement(
       l,
       {
+        className: e.noIndentMode ? "k-chip-icon" : void 0,
         name: "sort-" + c + "-small",
         icon: c === "asc" ? C : D,
         size: "small"
       }
-    )),
+    ),
     /* @__PURE__ */ a.createElement("span", { className: "k-chip-content" }, /* @__PURE__ */ a.createElement("span", { className: "k-chip-label" }, h)),
-    /* @__PURE__ */ a.createElement("span", { className: "k-chip-actions" }, /* @__PURE__ */ a.createElement("span", { className: "k-chip-action k-chip-remove-action", onClick: f }, /* @__PURE__ */ a.createElement(l, { name: "x-circle", icon: R, size: "small" })))
+    /* @__PURE__ */ a.createElement("span", { className: "k-chip-actions" }, /* @__PURE__ */ a.createElement("span", { className: "k-chip-action k-chip-remove-action", onClick: f }, /* @__PURE__ */ a.createElement(l, { name: "x-circle", icon: I, size: "small" })))
   ));
 };
 export {
-  I as GroupingIndicator
+  v as GroupingIndicator
 };

package/getRowContents.d.ts

@@ -12,6 +12,7 @@ import { GridCellProps } from './interfaces/GridCellProps';
 import { GridCellRenderModel } from './interfaces/GridCellRenderModel';
 import { GridColumnState } from './interfaces/GridColumnState';
 import { GridCellsSettings } from './interfaces/GridCellsSettings';
+import { GridGroupingMode } from './interfaces/GridGroupableSettings';
 import { IntlService, LocalizationService } from '@progress/kendo-react-intl';
 import { SortDescriptor } from '@progress/kendo-data-query';
 import * as React from 'react';
@@ -20,6 +21,8 @@ import * as React from 'react';
  */
 export interface DataRowContext {
     leafColumns: ExtendedColumnProps[];
+    hiddenColumns?: ExtendedColumnProps[];
+    renderedColumnsCount: number;
     columnsState: GridColumnState[];
     cellsToRender: GridCellRenderModel[];
     hasDynamicColSpan?: boolean;
@@ -38,6 +41,8 @@ export interface DataRowContext {
     dataItemKey?: string;
     select?: Record<string, any>;
     highlight?: Record<string, any>;
+    groupingMode?: GridGroupingMode;
+    hasCheckboxColumn?: boolean;
 }
 /**
  * @hidden

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

package/getRowContents.mjs

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

package/header/GridHeaderCell.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@progress/kendo-react-common"),c=require("react"),s=require("../columnMenu/GridColumnMenuWrapper.js");function o(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=o(c),u=e=>{const t=r.useUnstyled(),n=t&&t.uGrid?t.uGrid:r.uGrid,l=e.onClick?{onClick:e.onClick}:{};return a.createElement("span",{className:r.classNames(n.headerCellInner({}))},a.createElement("span",{className:r.classNames(n.headerCellLink({sortable:e.columnMenuWrapperProps.sortable})),...l},a.createElement("span",{className:r.classNames(n.columnTitle({}))},e.title||e.field||" "),e.children),e.columnMenuWrapperProps.columnMenu&&a.createElement(s.GridColumnMenuWrapper,{...e.columnMenuWrapperProps}))};exports.GridHeaderCell=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@progress/kendo-react-common"),c=require("react"),o=require("../columnMenu/GridColumnMenuWrapper.js");function s(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=s(c),u=e=>{const t=r.useUnstyled(),n=t&&t.uGrid?t.uGrid:r.uGrid,l=e.onClick?{onClick:e.onClick}:{};return a.createElement("span",{className:r.classNames(n.headerCellInner({}))},a.createElement("span",{className:r.classNames(n.headerCellLink({sortable:e.columnMenuWrapperProps.sortable})),...l},a.createElement("span",{className:r.classNames(n.columnTitle({}),e.isGroupColumn&&n.groupingRowText({}))},e.title||e.field||" "),e.children),e.columnMenuWrapperProps.columnMenu&&a.createElement(o.GridColumnMenuWrapper,{...e.columnMenuWrapperProps}))};exports.GridHeaderCell=u;

package/header/GridHeaderCell.mjs

@@ -6,26 +6,35 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { useUnstyled as c, uGrid as s, classNames as a } from "@progress/kendo-react-common";
-import * as l from "react";
-import { GridColumnMenuWrapper as m } from "../columnMenu/GridColumnMenuWrapper.mjs";
+import { useUnstyled as c, uGrid as o, classNames as a } from "@progress/kendo-react-common";
+import * as n from "react";
+import { GridColumnMenuWrapper as s } from "../columnMenu/GridColumnMenuWrapper.mjs";
 const u = (e) => {
-  const n = c(), r = n && n.uGrid ? n.uGrid : s, t = e.onClick ? {
+  const r = c(), l = r && r.uGrid ? r.uGrid : o, t = e.onClick ? {
     onClick: e.onClick
   } : {};
-  return /* @__PURE__ */ l.createElement("span", { className: a(r.headerCellInner({})) }, /* @__PURE__ */ l.createElement(
+  return /* @__PURE__ */ n.createElement("span", { className: a(l.headerCellInner({})) }, /* @__PURE__ */ n.createElement(
     "span",
     {
       className: a(
-        r.headerCellLink({
+        l.headerCellLink({
           sortable: e.columnMenuWrapperProps.sortable
         })
       ),
       ...t
     },
-    /* @__PURE__ */ l.createElement("span", { className: a(r.columnTitle({})) }, e.title || e.field || " "),
+    /* @__PURE__ */ n.createElement(
+      "span",
+      {
+        className: a(
+          l.columnTitle({}),
+          e.isGroupColumn && l.groupingRowText({})
+        )
+      },
+      e.title || e.field || " "
+    ),
     e.children
-  ), e.columnMenuWrapperProps.columnMenu && /* @__PURE__ */ l.createElement(m, { ...e.columnMenuWrapperProps }));
+  ), e.columnMenuWrapperProps.columnMenu && /* @__PURE__ */ n.createElement(s, { ...e.columnMenuWrapperProps }));
 };
 export {
   u as GridHeaderCell

package/header/GroupPanel.d.ts

@@ -7,6 +7,7 @@
  */
 import { GroupDescriptor } from '@progress/kendo-data-query';
 import { ColumnDraggableProps } from '../drag/ColumnDraggable.js';
+import { GridGroupingMode } from '../interfaces/GridGroupableSettings';
 import { ExtendedColumnProps } from '../GridColumn.js';
 import * as React from 'react';
 /**
@@ -14,8 +15,10 @@ import * as React from 'react';
  */
 export interface GroupPanelProps extends ColumnDraggableProps {
     columns: ExtendedColumnProps[];
+    hiddenColumns?: ExtendedColumnProps[];
     group: GroupDescriptor[];
     ariaControls: string;
+    mode?: GridGroupingMode;
 }
 /**
  * @hidden

package/header/GroupPanel.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),P=require("../drag/GroupingIndicator.js"),C=require("@progress/kendo-react-intl"),i=require("../messages/index.js"),G=require("../utils/GridContext.js");function v(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(n,a,s.get?s:{enumerable:!0,get:()=>t[a]})}}return n.default=t,Object.freeze(n)}const l=v(b),R=t=>{const n=l.useContext(G.GridContext),a=(o,e)=>{const r=t.group.slice();r.splice(e,1),n.groupChange(r,o)},s=(o,e,r,c)=>{const f=Object.assign({},r,{dir:c}),d=t.group.slice();d.splice(e,1,f),n.groupChange(d,o)},u=C.useLocalization(),p=t.group||[],m=o=>{const e=t.columns.find(c=>c.field===o&&c.isAccessible!==!1),r=e&&(e.title||e.field);return r===void 0?o:r},g=p.map((o,e)=>l.createElement(P.GroupingIndicator,{key:e,index:e,dir:o.dir||"asc",title:m(o.field),onRemove:r=>{a(r,e)},onSortChange:(r,c)=>{s(r,e,o,c)},onPress:n.dragLogicRef.current.pressHandler,onDrag:n.dragLogicRef.current.dragHandler,onRelease:n.dragLogicRef.current.releaseHandler,onContextMenu:n.onContextMenu}));return l.createElement("div",{ref:n.dragLogicRef.current.refGroupPanelDiv,className:"k-grouping-header",role:"toolbar","aria-label":u.toLanguageString(i.groupPanelAriaLabel,i.messages[i.groupPanelAriaLabel]),"aria-controls":t.ariaControls||""},l.createElement("div",{className:"k-chip-list",role:"none"},g),l.createElement("div",{className:"k-grouping-drop-container"},!g.length&&u.toLanguageString(i.groupPanelEmpty,i.messages[i.groupPanelEmpty])," "))};exports.GroupPanel=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react"),P=require("@progress/kendo-react-intl"),G=require("../drag/GroupingIndicator.js"),s=require("../messages/index.js"),v=require("../utils/GridContext.js");function R(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const u=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,u.get?u:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const l=R(C),L=e=>{const t=l.useContext(v.GridContext),a=e.mode==="compact",u=(o,n)=>{const r=e.group.slice();r.splice(n,1),t.groupChange(r,o)},p=(o,n,r,i)=>{const g=Object.assign({},r,{dir:i}),c=e.group.slice();c.splice(n,1,g),t.groupChange(c,o)},d=P.useLocalization(),f=e.group||[],b=o=>{var i,g;const n=(g=e.columns.find(c=>c.field===o&&c.isAccessible!==!1))!=null?g:(i=e.hiddenColumns)==null?void 0:i.find(c=>c.field===o),r=n&&(n.title||n.field);return r===void 0?o:r},m=f.map((o,n)=>l.createElement(G.GroupingIndicator,{key:n,index:n,dir:o.dir||"asc",title:b(o.field),onRemove:r=>{u(r,n)},onSortChange:(r,i)=>{p(r,n,o,i)},onPress:t.dragLogicRef.current.pressHandler,onDrag:t.dragLogicRef.current.dragHandler,onRelease:t.dragLogicRef.current.releaseHandler,onContextMenu:t.onContextMenu,noIndentMode:a}));return l.createElement("div",{ref:t.dragLogicRef.current.refGroupPanelDiv,className:"k-grouping-header",role:"toolbar","aria-label":d.toLanguageString(s.groupPanelAriaLabel,s.messages[s.groupPanelAriaLabel]),"aria-controls":e.ariaControls||""},l.createElement("div",{className:"k-chip-list",role:"none"},m),l.createElement("div",{className:"k-grouping-drop-container"},!a&&!m.length&&d.toLanguageString(s.groupPanelEmpty,s.messages[s.groupPanelEmpty]),!a&&l.createElement(l.Fragment,null," ")))};exports.GroupPanel=L;

package/header/GroupPanel.mjs

@@ -6,53 +6,55 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as i from "react";
-import { GroupingIndicator as G } from "../drag/GroupingIndicator.mjs";
-import { useLocalization as L } from "@progress/kendo-react-intl";
-import { groupPanelAriaLabel as g, messages as u, groupPanelEmpty as m } from "../messages/index.mjs";
+import * as c from "react";
+import { useLocalization as G } from "@progress/kendo-react-intl";
+import { GroupingIndicator as L } from "../drag/GroupingIndicator.mjs";
+import { groupPanelAriaLabel as m, messages as d, groupPanelEmpty as p } from "../messages/index.mjs";
 import { GridContext as R } from "../utils/GridContext.mjs";
-const k = (a) => {
-  const n = i.useContext(R), p = (r, e) => {
-    const o = a.group.slice();
-    o.splice(e, 1), n.groupChange(o, r);
-  }, d = (r, e, o, t) => {
-    const v = Object.assign({}, o, { dir: t }), c = a.group.slice();
-    c.splice(e, 1, v), n.groupChange(c, r);
-  }, s = L(), f = a.group || [], C = (r) => {
-    const e = a.columns.find((t) => t.field === r && t.isAccessible !== !1), o = e && (e.title || e.field);
-    return o === void 0 ? r : o;
-  }, l = f.map((r, e) => /* @__PURE__ */ i.createElement(
-    G,
+const M = (r) => {
+  const t = c.useContext(R), s = r.mode === "compact", f = (o, e) => {
+    const n = r.group.slice();
+    n.splice(e, 1), t.groupChange(n, o);
+  }, C = (o, e, n, i) => {
+    const l = Object.assign({}, n, { dir: i }), a = r.group.slice();
+    a.splice(e, 1, l), t.groupChange(a, o);
+  }, g = G(), h = r.group || [], v = (o) => {
+    var i, l;
+    const e = (l = r.columns.find((a) => a.field === o && a.isAccessible !== !1)) != null ? l : (i = r.hiddenColumns) == null ? void 0 : i.find((a) => a.field === o), n = e && (e.title || e.field);
+    return n === void 0 ? o : n;
+  }, u = h.map((o, e) => /* @__PURE__ */ c.createElement(
+    L,
     {
       key: e,
       index: e,
-      dir: r.dir || "asc",
-      title: C(r.field),
-      onRemove: (o) => {
-        p(o, e);
+      dir: o.dir || "asc",
+      title: v(o.field),
+      onRemove: (n) => {
+        f(n, e);
       },
-      onSortChange: (o, t) => {
-        d(o, e, r, t);
+      onSortChange: (n, i) => {
+        C(n, e, o, i);
       },
-      onPress: n.dragLogicRef.current.pressHandler,
-      onDrag: n.dragLogicRef.current.dragHandler,
-      onRelease: n.dragLogicRef.current.releaseHandler,
-      onContextMenu: n.onContextMenu
+      onPress: t.dragLogicRef.current.pressHandler,
+      onDrag: t.dragLogicRef.current.dragHandler,
+      onRelease: t.dragLogicRef.current.releaseHandler,
+      onContextMenu: t.onContextMenu,
+      noIndentMode: s
     }
   ));
-  return /* @__PURE__ */ i.createElement(
+  return /* @__PURE__ */ c.createElement(
     "div",
     {
-      ref: n.dragLogicRef.current.refGroupPanelDiv,
+      ref: t.dragLogicRef.current.refGroupPanelDiv,
       className: "k-grouping-header",
       role: "toolbar",
-      "aria-label": s.toLanguageString(g, u[g]),
-      "aria-controls": a.ariaControls || ""
+      "aria-label": g.toLanguageString(m, d[m]),
+      "aria-controls": r.ariaControls || ""
     },
-    /* @__PURE__ */ i.createElement("div", { className: "k-chip-list", role: "none" }, l),
-    /* @__PURE__ */ i.createElement("div", { className: "k-grouping-drop-container" }, !l.length && s.toLanguageString(m, u[m]), " ")
+    /* @__PURE__ */ c.createElement("div", { className: "k-chip-list", role: "none" }, u),
+    /* @__PURE__ */ c.createElement("div", { className: "k-grouping-drop-container" }, !s && !u.length && g.toLanguageString(p, d[p]), !s && /* @__PURE__ */ c.createElement(c.Fragment, null, " "))
   );
 };
 export {
-  k as GroupPanel
+  M as GroupPanel
 };

package/header/HeaderRow.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 V=require("react"),_=require("./GridHeaderCell.js"),s=require("@progress/kendo-react-common"),$=require("@progress/kendo-react-data-tools"),k=require("../messages/index.js"),G=require("@progress/kendo-svg-icons"),d=require("../utils/index.js"),N=require("./client/GridHeaderCellContainer.js"),B=require("./client/HeaderRowDraggable.js"),F=require("./client/GridHeaderRowContainer.js"),J=require("./client/GridHeaderCellElementContainer.js"),K=require("./client/HeaderCellResizer.js");function Q(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(i,a,o.get?o:{enumerable:!0,get:()=>e[a]})}}return i.default=e,Object.freeze(i)}const t=Q(V),U={none:"none",asc:"ascending",desc:"descending"},X=e=>{const i=e.columnsState||[],a=e.unstyled,o=a&&a.uGrid?a.uGrid:s.uGrid;let P=0,w=-1;const O=r=>{if(!e.sort)return null;const n=s.classNames(o.sortIcon({}));return r>=0&&[t.createElement("span",{key:1,className:n},t.createElement(s.IconWrap,{name:"sort-"+e.sort[r].dir+"-small",icon:e.sort[r].dir==="asc"?G.sortAscSmallIcon:G.sortDescSmallIcon})),e.sort.length>1&&t.createElement("span",{key:2,className:n},t.createElement("span",{className:s.classNames(o.sortOrder({}))},r+1))]},D=r=>r.map(n=>{var M,q,v;const l=e.columns[n],u=i[n],m=(q=(M=l.locked)!=null?M:u==null?void 0:u.locked)!=null?q:!1,C=e.sortable&&l.sortable,f=e.sort?e.sort.findIndex(c=>c.field===l.field):-1,T=f>=0&&e.sort[f].dir||"none",b=l.columnMenu===null?null:l.columnMenu||e.columnMenu,j=l.menuIcon||e.columnMenuIcon,A=s.classNames(s.classNames(o.headerTh({first:l.kFirst,filterable:!!b,locked:m,sorted:e.sort&&e.sort.some(c=>c.field===l.field),sortable:C})),l.headerClassName);m===!1&&(l.left=0);const L=e.localization.toLanguageString(k.sortAriaLabel,k.messages[k.sortAriaLabel]),z=l.isAccessible?{ariaSort:U[T],role:"columnheader",ariaColumnIndex:l.ariaColumnIndex,ariaSelected:!1,ariaDescription:C?L:"",ariaHasPopup:b?"dialog":void 0}:{role:"presentation"},E=l.declarationIndex>=0?++w:--P,g={field:l.field,title:l.title,selectionValue:(v=l.headerSelectionValue)!=null?v:e.headerSelectionValue,children:O(f),selectionChange:null,columnMenuWrapperProps:{column:{field:l.field,title:l.title,locked:m,filter:l.filter,id:l.id},sortable:C&&e.sortable,sort:e.sort,filter:e.filter,filterable:e.filterable&&l.filterable,filterOperators:e.filterOperators,navigatable:e.navigatable,group:e.group,groupable:e.groupable,columnMenu:b,columnMenuIcon:j}},H={...z,colSpan:l.headerColSpan,rowSpan:l.rowSpan,className:A,columnId:l.id,navigatable:l.navigatable,role:"columnheader"},S=d.clientColumn(l),R={column:S,sortable:e.sortable,sort:e.sort,columnMenuWrapperProps:g.columnMenuWrapperProps},y=l.defaultHeaderCell?l.defaultHeaderCell:_.GridHeaderCell,I=[t.createElement(N.GridHeaderCellContainer,{key:1,...R,isClient:d.isClientReference(y)},t.createElement(y,{...g})),t.createElement(K.HeaderCellResizer,{key:2,column:S})],h=d.resolveCells(e.cells,l.cells);if(h&&h.headerCell){const c=h.headerCell,W=d.isClientReference(c);return t.createElement(N.GridHeaderCellContainer,{key:E,...R,thProps:H,isCustom:!0,isClient:W},t.createElement(c,{...g,thProps:H,index:n},I))}return t.createElement(J.GridHeaderCellElementContainer,{key:E,column:S},t.createElement($.HeaderThElement,{...H},I))}),x=e.columns.map(d.clientColumn);return t.createElement(F.GridHeaderRowContainer,{sortable:e.sortable,sort:e.sort,navigatable:e.navigatable,groupable:e.groupable,columns:x},e.columnsMap.map((r,n)=>t.createElement(B.HeaderRowDraggable,{key:n,className:s.classNames(o.simpleTr({})),ariaRowIndex:n+1},D(r))))};exports.HeaderRow=X;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react"),F=require("./GridHeaderCell.js"),s=require("@progress/kendo-react-common"),$=require("@progress/kendo-react-data-tools"),k=require("../messages/index.js"),N=require("@progress/kendo-svg-icons"),d=require("../utils/index.js"),P=require("./client/GridHeaderCellContainer.js"),B=require("./client/HeaderRowDraggable.js"),J=require("./client/GridHeaderRowContainer.js"),K=require("./client/GridHeaderCellElementContainer.js"),Q=require("./client/HeaderCellResizer.js");function U(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(i,a,o.get?o:{enumerable:!0,get:()=>e[a]})}}return i.default=e,Object.freeze(i)}const t=U(_),X={none:"none",asc:"ascending",desc:"descending"},Y=e=>{const i=e.columnsState||[],a=e.unstyled,o=a&&a.uGrid?a.uGrid:s.uGrid;let w=0,O=-1;const D=r=>{if(!e.sort)return null;const n=s.classNames(o.sortIcon({}));return r>=0&&[t.createElement("span",{key:1,className:n},t.createElement(s.IconWrap,{name:"sort-"+e.sort[r].dir+"-small",icon:e.sort[r].dir==="asc"?N.sortAscSmallIcon:N.sortDescSmallIcon})),e.sort.length>1&&t.createElement("span",{key:2,className:n},t.createElement("span",{className:s.classNames(o.sortOrder({}))},r+1))]},x=r=>r.map(n=>{var I,M,q,v;const l=e.columns[n],u=i[n],m=(M=(I=l.locked)!=null?I:u==null?void 0:u.locked)!=null?M:!1,C=e.sortable&&l.sortable,f=e.sort?e.sort.findIndex(c=>c.field===l.field):-1,j=f>=0&&e.sort[f].dir||"none",b=l.disableColumnMenu?null:l.columnMenu||e.columnMenu,A=l.menuIcon||e.columnMenuIcon,L=s.classNames(s.classNames(o.headerTh({first:l.kFirst,filterable:!!b,locked:m,sorted:e.sort&&e.sort.some(c=>c.field===l.field),sortable:C})),l.headerClassName);m===!1&&(l.left=0);const z=e.localization.toLanguageString(k.sortAriaLabel,k.messages[k.sortAriaLabel]),W=l.isAccessible?{ariaSort:X[j],role:"columnheader",ariaColumnIndex:l.ariaColumnIndex,ariaSelected:!1,ariaDescription:C?z:"",ariaHasPopup:b?"dialog":void 0}:{role:"presentation"},E=l.declarationIndex>=0?++O:--w,g={field:l.field,title:l.title,isGroupColumn:l.isGroupColumn,selectionValue:(q=l.headerSelectionValue)!=null?q:e.headerSelectionValue,children:D(f),selectionChange:null,columnMenuWrapperProps:{column:{field:(v=l.groupField)!=null?v:l.field,title:l.title,locked:m,filter:l.filter,id:l.id},sortable:C&&e.sortable,sort:e.sort,filter:e.filter,filterable:e.filterable&&l.filterable,filterOperators:e.filterOperators,navigatable:e.navigatable,group:e.group,groupable:e.groupable,columnMenu:b,columnMenuIcon:A}},H={...W,colSpan:l.headerColSpan,rowSpan:l.rowSpan,className:L,columnId:l.id,navigatable:l.navigatable,role:"columnheader"},S=d.clientColumn(l),R={column:S,sortable:e.sortable,sort:e.sort,columnMenuWrapperProps:g.columnMenuWrapperProps},G=l.defaultHeaderCell?l.defaultHeaderCell:F.GridHeaderCell,y=[t.createElement(P.GridHeaderCellContainer,{key:1,...R,isClient:d.isClientReference(G)},t.createElement(G,{...g})),t.createElement(Q.HeaderCellResizer,{key:2,column:S})],h=d.resolveCells(e.cells,l.cells);if(h&&h.headerCell){const c=h.headerCell,V=d.isClientReference(c);return t.createElement(P.GridHeaderCellContainer,{key:E,...R,thProps:H,isCustom:!0,isClient:V},t.createElement(c,{...g,thProps:H,index:n},y))}return t.createElement(K.GridHeaderCellElementContainer,{key:E,column:S},t.createElement($.HeaderThElement,{...H},y))}),T=e.columns.map(d.clientColumn);return t.createElement(J.GridHeaderRowContainer,{sortable:e.sortable,sort:e.sort,navigatable:e.navigatable,groupable:e.groupable,columns:T},e.columnsMap.map((r,n)=>t.createElement(B.HeaderRowDraggable,{key:n,className:s.classNames(o.simpleTr({})),ariaRowIndex:n+1},x(r))))};exports.HeaderRow=Y;