@progress/kendo-react-grid 11.0.0-develop.8 → 11.0.0

package/footer/Footer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),l=require("@progress/kendo-react-common"),i=require("../GridClientWrapper.js");function u(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const t=u(s),c=e=>{const o=t.useRef(null),r=t.useRef(null),n=t.useContext(i.GridContext);return t.useImperativeHandle(n.footerRef,()=>({setScrollLeft:a=>{o.current&&(o.current.scrollLeft=a)},setWidth:a=>{r.current&&(r.current.style.width=a?a+"px":"")}})),e.staticHeaders?t.createElement("div",{className:"k-grid-footer",role:"presentation"},t.createElement("div",{ref:o,className:"k-grid-footer-wrap",role:"presentation"},t.createElement("table",{ref:r,className:l.classNames("k-table k-grid-footer-table",{"k-table-md":!e.size,[`k-table-${l.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size},e.className),role:"presentation"},t.createElement("colgroup",{ref:a=>{n.columnResizeRef.current.colGroupFooter=a},role:"presentation"},e.cols),t.createElement("tfoot",{className:"k-table-tfoot",role:"presentation"},e.row)))):t.createElement("tfoot",{className:"k-table-tfoot"},e.row)};c.displayName="KendoReactFooter";exports.Footer=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),l=require("@progress/kendo-react-common"),i=require("../utils/GridContext.js");function u(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const t=u(s),c=e=>{const o=t.useRef(null),r=t.useRef(null),n=t.useContext(i.GridContext);return t.useImperativeHandle(n.footerRef,()=>({setScrollLeft:a=>{o.current&&(o.current.scrollLeft=a)},setWidth:a=>{r.current&&(r.current.style.width=a?a+"px":"")}})),e.staticHeaders?t.createElement("div",{className:"k-grid-footer",role:"presentation"},t.createElement("div",{ref:o,className:"k-grid-footer-wrap",role:"presentation"},t.createElement("table",{ref:r,className:l.classNames("k-table k-grid-footer-table",{"k-table-md":!e.size,[`k-table-${l.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size},e.className),role:"presentation"},t.createElement("colgroup",{ref:a=>{n.columnResizeRef.current.colGroupFooter=a},role:"presentation"},e.cols),t.createElement("tfoot",{className:"k-table-tfoot",role:"presentation"},e.row)))):t.createElement("tfoot",{className:"k-table-tfoot"},e.row)};c.displayName="KendoReactFooter";exports.Footer=c;

package/footer/Footer.mjs

@@ -8,7 +8,7 @@
 "use client";
 import * as e from "react";
 import { classNames as n, kendoThemeMaps as s } from "@progress/kendo-react-common";
-import { GridContext as c } from "../GridClientWrapper.mjs";
+import { GridContext as c } from "../utils/GridContext.mjs";
 const i = (t) => {
   const o = e.useRef(null), a = e.useRef(null), l = e.useContext(c);
   return e.useImperativeHandle(l.footerRef, () => ({

package/footer/FooterCell.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 C=require("react"),i=require("../utils/index.js"),f=require("@progress/kendo-react-common"),d=require("./client/FooterCellContainer.js");function b(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,n.get?n:{enumerable:!0,get:()=>t[o]})}}return e.default=t,Object.freeze(e)}const l=b(C),g=t=>{const{column:e,index:o,cells:n}=t,r={colSpan:e.colSpan!==1?e.colSpan:void 0,className:f.classNames("k-table-td",e.locked&&e.left!==void 0?"k-grid-footer-sticky":""),role:"gridcell","aria-colindex":e.ariaColumnIndex},a={field:e.field,ariaColumnIndex:e.ariaColumnIndex,...r},s=i.clientColumn(e),c=i.resolveCells(n,e.cells);if(c&&c.footerCell){const u=c.footerCell,m=i.isClientReference(u);return l.createElement(d.FooterCellContainer,{key:o,id:t.id,tdProps:r,isCustom:!0,isClient:m,column:s},l.createElement(u,{...a,tdProps:r,index:o}))}return l.createElement(d.FooterCellContainer,{key:o,id:t.id,column:s},e.footerCell&&l.createElement(e.footerCell,{...a})||l.createElement("td",{...r}))};exports.FooterCell=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react"),i=require("../utils/index.js"),f=require("@progress/kendo-react-common"),u=require("./client/FooterCellContainer.js");function b(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,l.get?l:{enumerable:!0,get:()=>t[o]})}}return e.default=t,Object.freeze(e)}const r=b(C),g=t=>{const{column:e,index:o,cells:l}=t,n={colSpan:e.colSpan!==1?e.colSpan:void 0,className:f.classNames("k-table-td",e.locked&&e.left!==void 0?"k-grid-footer-sticky":""),role:"gridcell","aria-colindex":e.ariaColumnIndex},d={field:e.field,ariaColumnIndex:e.ariaColumnIndex,...n},a=i.clientColumn(e),c=i.resolveCells(l,e.cells);if(c&&c.footerCell){const s=c.footerCell,m=i.isClientReference(s);return r.createElement(u.FooterCellContainer,{key:o,id:t.id,tdProps:n,isCustom:!0,isClient:m,column:a},r.createElement(s,{...d,tdProps:n,index:o}))}return r.createElement(u.FooterCellContainer,{key:o,id:t.id,column:a},r.createElement("td",{...n}))};exports.FooterCell=g;

package/footer/FooterCell.mjs

@@ -5,37 +5,37 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as l from "react";
-import { clientColumn as C, resolveCells as f, isClientReference as u } from "../utils/index.mjs";
+import * as o from "react";
+import { clientColumn as C, resolveCells as u, isClientReference as f } from "../utils/index.mjs";
 import { classNames as p } from "@progress/kendo-react-common";
-import { FooterCellContainer as m } from "./client/FooterCellContainer.mjs";
+import { FooterCellContainer as s } from "./client/FooterCellContainer.mjs";
 const v = (t) => {
-  const { column: e, index: n, cells: a } = t, o = {
+  const { column: e, index: n, cells: m } = t, l = {
     colSpan: e.colSpan !== 1 ? e.colSpan : void 0,
     className: p("k-table-td", e.locked && e.left !== void 0 ? "k-grid-footer-sticky" : ""),
     role: "gridcell",
     "aria-colindex": e.ariaColumnIndex
-  }, c = {
+  }, a = {
     field: e.field,
     ariaColumnIndex: e.ariaColumnIndex,
-    ...o
-  }, i = C(e), r = f(a, e.cells);
+    ...l
+  }, c = C(e), r = u(m, e.cells);
   if (r && r.footerCell) {
-    const s = r.footerCell, d = u(s);
-    return /* @__PURE__ */ l.createElement(
-      m,
+    const i = r.footerCell, d = f(i);
+    return /* @__PURE__ */ o.createElement(
+      s,
       {
         key: n,
         id: t.id,
-        tdProps: o,
+        tdProps: l,
         isCustom: !0,
         isClient: d,
-        column: i
+        column: c
       },
-      /* @__PURE__ */ l.createElement(s, { ...c, tdProps: o, index: n })
+      /* @__PURE__ */ o.createElement(i, { ...a, tdProps: l, index: n })
     );
   }
-  return /* @__PURE__ */ l.createElement(m, { key: n, id: t.id, column: i }, e.footerCell && /* @__PURE__ */ l.createElement(e.footerCell, { ...c }) || /* @__PURE__ */ l.createElement("td", { ...o }));
+  return /* @__PURE__ */ o.createElement(s, { key: n, id: t.id, column: c }, /* @__PURE__ */ o.createElement("td", { ...l }));
 };
 export {
   v as FooterCell

package/footer/client/FooterCellContainer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),l=require("@progress/kendo-react-data-tools"),a=require("../../GridClientWrapper.js"),r=require("../../utils/index.js");function s(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const u=s(c),d=e=>{const n=u.useContext(a.GridContext),t=l.useTableKeyboardNavigation(e.id),o=n.getCellPositionStyle(e.column),i={...t,style:{...o}};return e.isCustom&&(n.isClient||e.isClient)?r.cloneReactElement(e.children,{tdProps:{...e.tdProps,...i},...t}):r.cloneReactElement(e.children,{...i})};exports.FooterCellContainer=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),l=require("@progress/kendo-react-data-tools"),a=require("../../utils/GridContext.js"),r=require("../../utils/index.js");function s(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const u=s(c),d=e=>{const n=u.useContext(a.GridContext),t=l.useTableKeyboardNavigation(e.id),o=n.getCellPositionStyle(e.column),i={...t,style:{...o}};return e.isCustom&&(n.isClient||e.isClient)?r.cloneReactElement(e.children,{tdProps:{...e.tdProps,...i},...t}):r.cloneReactElement(e.children,{...i})};exports.FooterCellContainer=d;

package/footer/client/FooterCellContainer.mjs

@@ -8,7 +8,7 @@
 "use client";
 import * as l from "react";
 import { useTableKeyboardNavigation as s } from "@progress/kendo-react-data-tools";
-import { GridContext as c } from "../../GridClientWrapper.mjs";
+import { GridContext as c } from "../../utils/GridContext.mjs";
 import { cloneReactElement as n } from "../../utils/index.mjs";
 const d = (t) => {
   const e = l.useContext(c), o = s(t.id), r = e.getCellPositionStyle(t.column), i = {

package/header/FilterRow.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 O=require("react"),P=require("../cells/GridFilterCell.js"),f=require("../filterCommon.js"),E=require("@progress/kendo-react-data-tools"),v=require("../messages/index.js"),S=require("@progress/kendo-react-common"),C=require("../utils/index.js"),k=require("./client/GridFilterCellContainer.js"),h=require("./client/GridFilterCellElementContainer.js");function w(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(a,n,c.get?c:{enumerable:!0,get:()=>t[n]})}}return a.default=t,Object.freeze(a)}const i=w(O),x="k-table-row k-filter-row",G=t=>{const a=(e,r)=>{let l=`${r?"k-grid-header-sticky":""}`;return t.sort&&t.sort.filter(d=>d.field===e).length>0&&(l+=" k-sorted"),l},n=t.filter&&t.filter.filters||[],c=e=>{if(e===void 0)return;const r=n.filter(l=>l.field===e);return r.length?r[0]:void 0};let L=0,R=-1;const q=t.columns.filter(e=>e.children.length===0).map(e=>{const r=f.getFilterType(e.filter),l=c(e.field),d=`${e.field} ${t.localization.toLanguageString(v.filterAriaLabel,v.messages[v.filterAriaLabel])}`;let u=l&&l.value;u===void 0&&(u=r==="text"?"":null);const b=e.filterable&&{field:e.field,title:e.filterTitle,value:u,operator:l&&l.operator,operators:f.operatorMap(t.filterOperators[r]||[],t.localization),booleanValues:f.operatorMap(f.booleanFilterValues,t.localization),filterType:r,ariaLabel:e.columnType==="reorder"?"":d,size:t.size},g=e.declarationIndex>=0?++R:--L,o={columnId:E.tableKeyboardNavigationTools.getFilterColumnId(e.id),navigatable:e.navigatable||t.navigatable,className:S.classNames("k-table-td",a(e.field,e.locked)||void 0),role:"gridcell",ariaLabel:e.columnType==="reorder"?void 0:d,ariaColumnIndex:e.ariaColumnIndex},y=C.clientColumn(e),T={column:y,filter:t.filter,field:e.field,tdProps:o,thProps:o,render:t.cellRender};let m=null;if(b&&e.columnType!=="reorder"){const s=e.filterCell?e.filterCell:P.GridFilterCell;m=i.createElement(k.GridFilterCellContainer,{...T,isClient:C.isClientReference(s)},i.createElement(s,{...b}))}const F=C.resolveCells(t.cells,e.cells);if(F&&F.filterCell){const s=F.filterCell,I=C.isClientReference(s);return i.createElement(k.GridFilterCellContainer,{key:g,...T,isClient:I,isCustom:!0},i.createElement(s,{key:g,...b,tdProps:o,thProps:o,index:R},m))}return i.createElement(h.GridFilterCellElementContainer,{key:g,column:y},i.createElement(E.HeaderTdElement,{...o},m))});return i.createElement("tr",{className:x,"aria-rowindex":t.ariaRowIndex,role:"row"},q)};exports.FILTER_ROW_CLASS=x;exports.FilterRow=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),E=require("../cells/GridFilterCell.js"),d=require("../filterCommon.js"),k=require("@progress/kendo-react-data-tools"),F=require("../messages/index.js"),S=require("@progress/kendo-react-common"),f=require("../utils/index.js"),x=require("./client/GridFilterCellContainer.js"),h=require("./client/GridFilterCellElementContainer.js");function w(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(a,n,s.get?s:{enumerable:!0,get:()=>t[n]})}}return a.default=t,Object.freeze(a)}const i=w(P),L="k-table-row k-filter-row",G=t=>{const a=(e,r)=>{let l=`${r?"k-grid-header-sticky":""}`;return t.sort&&t.sort.filter(c=>c.field===e).length>0&&(l+=" k-sorted"),l},n=t.filter&&t.filter.filters||[],s=e=>{if(e===void 0)return;const r=n.filter(l=>l.field===e);return r.length?r[0]:void 0};let q=0,v=-1;const I=t.columns.filter(e=>e.children.length===0).map(e=>{const r=d.getFilterType(e.filter),l=s(e.field),c=`${e.field} ${t.localization.toLanguageString(F.filterAriaLabel,F.messages[F.filterAriaLabel])}`;let C=l&&l.value;C===void 0&&(C=r==="text"?"":null);const u=e.filterable&&{field:e.field,title:e.filterTitle,value:C,operator:l&&l.operator,operators:d.operatorMap(t.filterOperators[r]||[],t.localization),booleanValues:d.operatorMap(d.booleanFilterValues,t.localization),filterType:r,ariaLabel:e.columnType==="reorder"?"":c,size:t.size},b=e.declarationIndex>=0?++v:--q,o={columnId:k.tableKeyboardNavigationTools.getFilterColumnId(e.id),navigatable:e.navigatable||t.navigatable,className:S.classNames("k-table-td",a(e.field,e.locked)||void 0),role:"gridcell",ariaLabel:e.columnType==="reorder"?void 0:c,ariaColumnIndex:e.ariaColumnIndex},y=f.clientColumn(e),R={column:y,filter:t.filter,field:e.field,tdProps:o,thProps:o};let m=null;u&&e.columnType!=="reorder"&&(m=i.createElement(x.GridFilterCellContainer,{...R,isClient:f.isClientReference(E.GridFilterCell)},i.createElement(E.GridFilterCell,{...u})));const g=f.resolveCells(t.cells,e.cells);if(g&&g.filterCell){const T=g.filterCell,O=f.isClientReference(T);return i.createElement(x.GridFilterCellContainer,{key:b,...R,isClient:O,isCustom:!0},i.createElement(T,{key:b,...u,tdProps:o,thProps:o,index:v},m))}return i.createElement(h.GridFilterCellElementContainer,{key:b,column:y},i.createElement(k.HeaderTdElement,{...o},m))});return i.createElement("tr",{className:L,"aria-rowindex":t.ariaRowIndex,role:"row"},I)};exports.FILTER_ROW_CLASS=L;exports.FilterRow=G;

package/header/FilterRow.mjs

@@ -6,83 +6,79 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as i from "react";
-import { GridFilterCell as L } from "../cells/GridFilterCell.mjs";
-import { getFilterType as R, operatorMap as b, booleanFilterValues as w } from "../filterCommon.mjs";
-import { tableKeyboardNavigationTools as P, HeaderTdElement as z } from "@progress/kendo-react-data-tools";
-import { filterAriaLabel as u, messages as N } from "../messages/index.mjs";
+import { GridFilterCell as v } from "../cells/GridFilterCell.mjs";
+import { getFilterType as w, operatorMap as b, booleanFilterValues as P } from "../filterCommon.mjs";
+import { tableKeyboardNavigationTools as R, HeaderTdElement as z } from "@progress/kendo-react-data-tools";
+import { filterAriaLabel as F, messages as N } from "../messages/index.mjs";
 import { classNames as A } from "@progress/kendo-react-common";
-import { clientColumn as G, isClientReference as F, resolveCells as S } from "../utils/index.mjs";
-import { GridFilterCellContainer as E } from "./client/GridFilterCellContainer.mjs";
+import { clientColumn as G, isClientReference as E, resolveCells as S } from "../utils/index.mjs";
+import { GridFilterCellContainer as x } from "./client/GridFilterCellContainer.mjs";
 import { GridFilterCellElementContainer as $ } from "./client/GridFilterCellElementContainer.mjs";
-const O = "k-table-row k-filter-row", q = (t) => {
-  const x = (e, r) => {
+const p = "k-table-row k-filter-row", q = (t) => {
+  const T = (e, r) => {
     let l = `${r ? "k-grid-header-sticky" : ""}`;
-    return t.sort && t.sort.filter((n) => n.field === e).length > 0 && (l += " k-sorted"), l;
-  }, T = t.filter && t.filter.filters || [], h = (e) => {
+    return t.sort && t.sort.filter((o) => o.field === e).length > 0 && (l += " k-sorted"), l;
+  }, h = t.filter && t.filter.filters || [], k = (e) => {
     if (e === void 0)
       return;
-    const r = T.filter(
+    const r = h.filter(
       (l) => l.field === e
     );
     return r.length ? r[0] : void 0;
   };
-  let k = 0, C = -1;
-  const y = t.columns.filter((e) => e.children.length === 0).map((e) => {
-    const r = R(e.filter), l = h(e.field), n = `${e.field} ${t.localization.toLanguageString(
-      u,
-      N[u]
+  let y = 0, m = -1;
+  const I = t.columns.filter((e) => e.children.length === 0).map((e) => {
+    const r = w(e.filter), l = k(e.field), o = `${e.field} ${t.localization.toLanguageString(
+      F,
+      N[F]
     )}`;
-    let s = l && l.value;
-    s === void 0 && (s = r === "text" ? "" : null);
-    const d = e.filterable && {
+    let n = l && l.value;
+    n === void 0 && (n = r === "text" ? "" : null);
+    const s = e.filterable && {
       field: e.field,
       title: e.filterTitle,
-      value: s,
+      value: n,
       operator: l && l.operator,
       operators: b(t.filterOperators[r] || [], t.localization),
-      booleanValues: b(w, t.localization),
+      booleanValues: b(P, t.localization),
       filterType: r,
-      ariaLabel: e.columnType === "reorder" ? "" : n,
+      ariaLabel: e.columnType === "reorder" ? "" : o,
       size: t.size
-    }, f = e.declarationIndex >= 0 ? ++C : --k, a = {
-      columnId: P.getFilterColumnId(e.id),
+    }, d = e.declarationIndex >= 0 ? ++m : --y, a = {
+      columnId: R.getFilterColumnId(e.id),
       navigatable: e.navigatable || t.navigatable,
-      className: A("k-table-td", x(e.field, e.locked) || void 0),
+      className: A("k-table-td", T(e.field, e.locked) || void 0),
       role: "gridcell",
-      ariaLabel: e.columnType === "reorder" ? void 0 : n,
+      ariaLabel: e.columnType === "reorder" ? void 0 : o,
       ariaColumnIndex: e.ariaColumnIndex
-    }, g = G(e), v = {
-      column: g,
+    }, C = G(e), g = {
+      column: C,
       filter: t.filter,
       field: e.field,
       tdProps: a,
-      thProps: a,
-      render: t.cellRender
+      thProps: a
     };
-    let c = null;
-    if (d && e.columnType !== "reorder") {
-      const o = e.filterCell ? e.filterCell : L;
-      c = /* @__PURE__ */ i.createElement(E, { ...v, isClient: F(o) }, /* @__PURE__ */ i.createElement(o, { ...d }));
-    }
-    const m = S(t.cells, e.cells);
-    if (m && m.filterCell) {
-      const o = m.filterCell, I = F(o);
+    let f = null;
+    s && e.columnType !== "reorder" && (f = /* @__PURE__ */ i.createElement(x, { ...g, isClient: E(v) }, /* @__PURE__ */ i.createElement(v, { ...s })));
+    const c = S(t.cells, e.cells);
+    if (c && c.filterCell) {
+      const u = c.filterCell, L = E(u);
       return /* @__PURE__ */ i.createElement(
-        E,
+        x,
         {
-          key: f,
-          ...v,
-          isClient: I,
+          key: d,
+          ...g,
+          isClient: L,
           isCustom: !0
         },
-        /* @__PURE__ */ i.createElement(o, { key: f, ...d, tdProps: a, thProps: a, index: C }, c)
+        /* @__PURE__ */ i.createElement(u, { key: d, ...s, tdProps: a, thProps: a, index: m }, f)
       );
     }
-    return /* @__PURE__ */ i.createElement($, { key: f, column: g }, /* @__PURE__ */ i.createElement(z, { ...a }, c));
+    return /* @__PURE__ */ i.createElement($, { key: d, column: C }, /* @__PURE__ */ i.createElement(z, { ...a }, f));
   });
-  return /* @__PURE__ */ i.createElement("tr", { className: O, "aria-rowindex": t.ariaRowIndex, role: "row" }, y);
+  return /* @__PURE__ */ i.createElement("tr", { className: p, "aria-rowindex": t.ariaRowIndex, role: "row" }, I);
 };
 export {
-  O as FILTER_ROW_CLASS,
+  p as FILTER_ROW_CLASS,
   q as FilterRow
 };

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"),s=require("react"),u=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(s),i=e=>{const t=r.useUnstyled(),n=t&&t.uGrid?t.uGrid:r.uGrid,l=e.onClick?{onClick:e.onClick}:{},c=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(u.GridColumnMenuWrapper,{...e.columnMenuWrapperProps}));return e.render?e.render.call(void 0,c,e):c};exports.GridHeaderCell=i;
+"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;

package/header/GridHeaderCell.mjs

@@ -6,13 +6,14 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { useUnstyled as i, uGrid as m, classNames as a } from "@progress/kendo-react-common";
-import * as n from "react";
-import { GridColumnMenuWrapper as s } from "../columnMenu/GridColumnMenuWrapper.mjs";
-const o = (e) => {
-  const l = i(), r = l && l.uGrid ? l.uGrid : m, c = e.onClick ? {
+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";
+const u = (e) => {
+  const n = c(), r = n && n.uGrid ? n.uGrid : s, t = e.onClick ? {
     onClick: e.onClick
-  } : {}, t = /* @__PURE__ */ n.createElement("span", { className: a(r.headerCellInner({})) }, /* @__PURE__ */ n.createElement(
+  } : {};
+  return /* @__PURE__ */ l.createElement("span", { className: a(r.headerCellInner({})) }, /* @__PURE__ */ l.createElement(
     "span",
     {
       className: a(
@@ -20,13 +21,12 @@ const o = (e) => {
           sortable: e.columnMenuWrapperProps.sortable
         })
       ),
-      ...c
+      ...t
     },
-    /* @__PURE__ */ n.createElement("span", { className: a(r.columnTitle({})) }, e.title || e.field || " "),
+    /* @__PURE__ */ l.createElement("span", { className: a(r.columnTitle({})) }, e.title || e.field || " "),
     e.children
-  ), e.columnMenuWrapperProps.columnMenu && /* @__PURE__ */ n.createElement(s, { ...e.columnMenuWrapperProps }));
-  return e.render ? e.render.call(void 0, t, e) : t;
+  ), e.columnMenuWrapperProps.columnMenu && /* @__PURE__ */ l.createElement(m, { ...e.columnMenuWrapperProps }));
 };
 export {
-  o as GridHeaderCell
+  u as GridHeaderCell
 };

package/header/GridHeaderSelectionCell.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),d=require("../columnMenu/GridColumnMenuWrapper.js"),a=require("../messages/index.js"),s=require("@progress/kendo-react-intl"),m=require("@progress/kendo-react-common"),g=require("../GridClientWrapper.js");function b(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=b(u),k=e=>{const n=r.useContext(g.GridContext),t=m.useId(),c=s.useLocalization(),l=e.id||t,o=[r.createElement("span",{key:0,className:"k-checkbox-wrap"},r.createElement("input",{id:l,type:"checkbox",tabIndex:-1,className:"k-checkbox k-checkbox-md k-rounded-md","aria-label":c.toLanguageString(a.selectRow,a.messages[a.selectRow]),"aria-checked":e.selectionValue,checked:e.selectionValue,onChange:i=>n.onHeaderSelectionChange({field:e.field,syntheticEvent:i})})),e.columnMenuWrapperProps.columnMenu&&r.createElement(d.GridColumnMenuWrapper,{...e.columnMenuWrapperProps})];return e.render?e.render.call(void 0,o,e):o};exports.GridHeaderSelectionCell=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),u=require("../columnMenu/GridColumnMenuWrapper.js"),r=require("../messages/index.js"),d=require("@progress/kendo-react-intl"),s=require("@progress/kendo-react-common"),m=require("../utils/GridContext.js");function b(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const o=b(i),g=e=>{const n=o.useContext(m.GridContext),t=s.useId(),c=d.useLocalization(),a=e.id||t;return[o.createElement("span",{key:0,className:"k-checkbox-wrap"},o.createElement("input",{id:a,type:"checkbox",tabIndex:-1,className:"k-checkbox k-checkbox-md k-rounded-md","aria-label":c.toLanguageString(r.selectRow,r.messages[r.selectRow]),"aria-checked":e.selectionValue,checked:e.selectionValue,onChange:l=>n.onHeaderSelectionChange({field:e.field,syntheticEvent:l})})),e.columnMenuWrapperProps.columnMenu&&o.createElement(u.GridColumnMenuWrapper,{...e.columnMenuWrapperProps})]};exports.GridHeaderSelectionCell=g;

package/header/GridHeaderSelectionCell.mjs

@@ -7,33 +7,33 @@
  */
 "use client";
 import * as t from "react";
-import { GridColumnMenuWrapper as d } from "../columnMenu/GridColumnMenuWrapper.mjs";
-import { selectRow as c, messages as m } from "../messages/index.mjs";
-import { useLocalization as u } from "@progress/kendo-react-intl";
-import { useId as s } from "@progress/kendo-react-common";
-import { GridContext as k } from "../GridClientWrapper.mjs";
-const b = (e) => {
-  const o = t.useContext(k), a = s(), r = u(), i = e.id || a, n = [
+import { GridColumnMenuWrapper as l } from "../columnMenu/GridColumnMenuWrapper.mjs";
+import { selectRow as n, messages as m } from "../messages/index.mjs";
+import { useLocalization as d } from "@progress/kendo-react-intl";
+import { useId as u } from "@progress/kendo-react-common";
+import { GridContext as s } from "../utils/GridContext.mjs";
+const g = (e) => {
+  const o = t.useContext(s), c = u(), a = d(), r = e.id || c;
+  return [
     /* @__PURE__ */ t.createElement("span", { key: 0, className: "k-checkbox-wrap" }, /* @__PURE__ */ t.createElement(
       "input",
       {
-        id: i,
+        id: r,
         type: "checkbox",
         tabIndex: -1,
         className: "k-checkbox k-checkbox-md k-rounded-md",
-        "aria-label": r.toLanguageString(c, m[c]),
+        "aria-label": a.toLanguageString(n, m[n]),
         "aria-checked": e.selectionValue,
         checked: e.selectionValue,
-        onChange: (l) => o.onHeaderSelectionChange({
+        onChange: (i) => o.onHeaderSelectionChange({
           field: e.field,
-          syntheticEvent: l
+          syntheticEvent: i
         })
       }
     )),
-    e.columnMenuWrapperProps.columnMenu && /* @__PURE__ */ t.createElement(d, { ...e.columnMenuWrapperProps })
+    e.columnMenuWrapperProps.columnMenu && /* @__PURE__ */ t.createElement(l, { ...e.columnMenuWrapperProps })
   ];
-  return e.render ? e.render.call(void 0, n, e) : n;
 };
 export {
-  b as GridHeaderSelectionCell
+  g as GridHeaderSelectionCell
 };

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

package/header/GroupPanel.mjs

@@ -10,7 +10,7 @@ import * as i from "react";
 import { GroupingIndicator as v } from "../drag/GroupingIndicator.mjs";
 import { useLocalization as G } from "@progress/kendo-react-intl";
 import { groupPanelAriaLabel as g, messages as u, groupPanelEmpty as m } from "../messages/index.mjs";
-import { GridContext as L } from "../GridClientWrapper.mjs";
+import { GridContext as L } from "../utils/GridContext.mjs";
 const b = (t) => {
   const n = i.useContext(L), p = (r, e) => {
     const o = t.group.slice();

package/header/Header.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react"),c=require("@progress/kendo-react-common"),m=require("@progress/kendo-react-data-tools"),y=require("../GridClientWrapper.js");function v(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const t=v(h),R=e=>{const r=t.useRef(null),a=t.useRef(null),s=t.useRef(!1),l=t.useContext(y.GridContext),b=c.useRtl(l.headerElementRef);l.columnResizeRef.current&&l.columnResizeRef.current.setIsRtl(b==="rtl"),t.useImperativeHandle(l.headerRef,()=>({setScrollLeft:n=>{r.current&&r.current.scrollLeft!==n&&(s.current=!0,r.current.scrollLeft=n)},setWidth:n=>{a.current&&(a.current.style.width=n?n+"px":"")},table:()=>a.current}));const g=n=>{var f;if(s.current){s.current=!1;return}if(!r.current)return;const d=r.current.scrollLeft,i=((f=l.vsRef.current)==null?void 0:f.container)||null;i&&i.scrollLeft!==d&&(i.scrollLeft=d)},u=c.useUnstyled(),o=u&&u.uGrid?u.uGrid:c.uGrid,{size:N="md"}=e;return e.staticHeaders?t.createElement("div",{ref:l.headerElementRef,className:c.classNames(o.header({draggable:e.draggable}),e.className),role:"presentation"},t.createElement("div",{ref:r,className:c.classNames(o.headerWrap({})),onScroll:g,role:"presentation"},t.createElement("table",{ref:a,className:c.classNames(o.headerTable({size:N}),e.className),role:"presentation"},t.createElement("colgroup",{ref:n=>{l.columnResizeRef.current&&(l.columnResizeRef.current.colGroupHeader=n)}},e.cols),t.createElement("thead",{className:c.classNames(o.tableThead({})),role:"rowgroup",...m.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)))):t.createElement("thead",{role:"presentation",className:c.classNames(o.thead({draggable:e.draggable}),e.className),...m.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)};R.displayName="KendoReactHeader";exports.Header=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react"),c=require("@progress/kendo-react-common"),m=require("@progress/kendo-react-data-tools"),y=require("../utils/GridContext.js");function v(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const t=v(h),R=e=>{const r=t.useRef(null),a=t.useRef(null),s=t.useRef(!1),l=t.useContext(y.GridContext),b=c.useRtl(l.headerElementRef);l.columnResizeRef.current&&l.columnResizeRef.current.setIsRtl(b==="rtl"),t.useImperativeHandle(l.headerRef,()=>({setScrollLeft:n=>{r.current&&r.current.scrollLeft!==n&&(s.current=!0,r.current.scrollLeft=n)},setWidth:n=>{a.current&&(a.current.style.width=n?n+"px":"")},table:()=>a.current}));const g=n=>{var f;if(s.current){s.current=!1;return}if(!r.current)return;const d=r.current.scrollLeft,i=((f=l.vsRef.current)==null?void 0:f.container)||null;i&&i.scrollLeft!==d&&(i.scrollLeft=d)},u=c.useUnstyled(),o=u&&u.uGrid?u.uGrid:c.uGrid,{size:N="md"}=e;return e.staticHeaders?t.createElement("div",{ref:l.headerElementRef,className:c.classNames(o.header({draggable:e.draggable}),e.className),role:"presentation"},t.createElement("div",{ref:r,className:c.classNames(o.headerWrap({})),onScroll:g,role:"presentation"},t.createElement("table",{ref:a,className:c.classNames(o.headerTable({size:N}),e.className),role:"presentation"},t.createElement("colgroup",{ref:n=>{l.columnResizeRef.current&&(l.columnResizeRef.current.colGroupHeader=n)}},e.cols),t.createElement("thead",{className:c.classNames(o.tableThead({})),role:"rowgroup",...m.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)))):t.createElement("thead",{role:"presentation",className:c.classNames(o.thead({draggable:e.draggable}),e.className),...m.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)};R.displayName="KendoReactHeader";exports.Header=R;

package/header/Header.mjs

@@ -9,7 +9,7 @@
 import * as r from "react";
 import { useRtl as g, useUnstyled as N, uGrid as E, classNames as c } from "@progress/kendo-react-common";
 import { tableKeyboardNavigationHeaderAttributes as m } from "@progress/kendo-react-data-tools";
-import { GridContext as v } from "../GridClientWrapper.mjs";
+import { GridContext as v } from "../utils/GridContext.mjs";
 const y = (e) => {
   const l = r.useRef(null), s = r.useRef(null), o = r.useRef(!1), t = r.useContext(v), R = g(t.headerElementRef);
   t.columnResizeRef.current && t.columnResizeRef.current.setIsRtl(R === "rtl"), r.useImperativeHandle(t.headerRef, () => ({

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

package/header/HeaderRow.mjs

@@ -11,7 +11,7 @@ import { uGrid as T, classNames as o, IconWrap as V } from "@progress/kendo-reac
 import { HeaderThElement as z } from "@progress/kendo-react-data-tools";
 import { sortAriaLabel as S, messages as B } from "../messages/index.mjs";
 import { sortAscSmallIcon as F, sortDescSmallIcon as j } from "@progress/kendo-svg-icons";
-import { clientColumn as M, isClientReference as H, resolveCells as q } from "../utils/index.mjs";
+import { clientColumn as H, isClientReference as M, resolveCells as q } from "../utils/index.mjs";
 import { GridHeaderCellContainer as v } from "./client/GridHeaderCellContainer.mjs";
 import { HeaderRowDraggable as J } from "./client/HeaderRowDraggable.mjs";
 import { GridHeaderRowContainer as K } from "./client/GridHeaderRowContainer.mjs";
@@ -23,30 +23,30 @@ const X = {
   desc: "descending"
 }, oe = (e) => {
   const s = e.unstyled, c = s && s.uGrid ? s.uGrid : T;
-  let y = 0, R = -1;
-  const G = (n) => {
+  let y = 0, G = -1;
+  const N = (n) => {
     if (!e.sort)
       return null;
-    const r = o(c.sortIcon({}));
+    const a = o(c.sortIcon({}));
     return n >= 0 && [
-      /* @__PURE__ */ t.createElement("span", { key: 1, className: r }, /* @__PURE__ */ t.createElement(
+      /* @__PURE__ */ t.createElement("span", { key: 1, className: a }, /* @__PURE__ */ t.createElement(
         V,
         {
           name: "sort-" + e.sort[n].dir + "-small",
           icon: e.sort[n].dir === "asc" ? F : j
         }
       )),
-      e.sort.length > 1 && /* @__PURE__ */ t.createElement("span", { key: 2, className: r }, /* @__PURE__ */ t.createElement("span", { className: o(c.sortOrder({})) }, n + 1))
+      e.sort.length > 1 && /* @__PURE__ */ t.createElement("span", { key: 2, className: a }, /* @__PURE__ */ t.createElement("span", { className: o(c.sortOrder({})) }, n + 1))
     ];
-  }, N = (n) => n.map((r) => {
+  }, P = (n) => n.map((a) => {
     var k;
-    const l = e.columns[r], C = e.sortable && l.sortable, i = e.sort ? e.sort.findIndex((a) => a.field === l.field) : -1, w = i >= 0 && e.sort[i].dir || "none", b = l.columnMenu === null ? null : l.columnMenu || e.columnMenu, x = l.menuIcon || e.columnMenuIcon, A = o(
+    const l = e.columns[a], C = e.sortable && l.sortable, i = e.sort ? e.sort.findIndex((r) => r.field === l.field) : -1, w = i >= 0 && e.sort[i].dir || "none", b = l.columnMenu === null ? null : l.columnMenu || e.columnMenu, x = l.menuIcon || e.columnMenuIcon, A = o(
       o(
         c.headerTh({
           first: l.kFirst,
           filterable: !!b,
           locked: l.locked,
-          sorted: e.sort && e.sort.some((a) => a.field === l.field)
+          sorted: e.sort && e.sort.some((r) => r.field === l.field)
         })
       ),
       l.headerClassName
@@ -60,11 +60,11 @@ const X = {
       ariaDescription: C ? D : ""
     } : {
       role: "presentation"
-    }, g = l.declarationIndex >= 0 ? ++R : --y, m = {
+    }, g = l.declarationIndex >= 0 ? ++G : --y, m = {
       field: l.field,
       title: l.title,
       selectionValue: (k = l.headerSelectionValue) != null ? k : e.headerSelectionValue,
-      children: G(i),
+      children: N(i),
       selectionChange: null,
       columnMenuWrapperProps: {
         column: {
@@ -93,18 +93,17 @@ const X = {
       columnId: l.id,
       navigatable: l.navigatable,
       role: "columnheader"
-    }, u = M(l), h = {
+    }, u = H(l), h = {
       column: u,
-      render: e.cellRender,
       sortable: e.sortable,
       sort: e.sort,
       columnMenuWrapperProps: m.columnMenuWrapperProps
-    }, E = l.headerCell ? l.headerCell : O, I = [
-      /* @__PURE__ */ t.createElement(v, { key: 1, ...h, isClient: H(E) }, /* @__PURE__ */ t.createElement(E, { ...m })),
+    }, E = l.defaultHeaderCell ? l.defaultHeaderCell : O, I = [
+      /* @__PURE__ */ t.createElement(v, { key: 1, ...h, isClient: M(E) }, /* @__PURE__ */ t.createElement(E, { ...m })),
       /* @__PURE__ */ t.createElement(U, { key: 2, column: u })
     ], f = q(e.cells, l.cells);
     if (f && f.headerCell) {
-      const a = f.headerCell, L = H(a);
+      const r = f.headerCell, L = M(r);
       return /* @__PURE__ */ t.createElement(
         v,
         {
@@ -114,11 +113,11 @@ const X = {
           isCustom: !0,
           isClient: L
         },
-        /* @__PURE__ */ t.createElement(a, { ...m, thProps: d, index: r }, I)
+        /* @__PURE__ */ t.createElement(r, { ...m, thProps: d, index: a }, I)
       );
     }
     return /* @__PURE__ */ t.createElement(Q, { key: g, column: u }, /* @__PURE__ */ t.createElement(z, { ...d }, I));
-  }), P = e.columns.map(M);
+  }), R = e.columns.map(H);
   return /* @__PURE__ */ t.createElement(
     K,
     {
@@ -126,9 +125,9 @@ const X = {
       sort: e.sort,
       navigatable: e.navigatable,
       groupable: e.groupable,
-      columns: P
+      columns: R
     },
-    e.columnsMap.map((n, r) => /* @__PURE__ */ t.createElement(J, { key: r, className: o(c.simpleTr({})), ariaRowIndex: r + 1 }, N(n)))
+    e.columnsMap.map((n, a) => /* @__PURE__ */ t.createElement(J, { key: a, className: o(c.simpleTr({})), ariaRowIndex: a + 1 }, P(n)))
   );
 };
 export {

package/header/client/GridFilterCellContainer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),C=require("../../GridClientWrapper.js"),f=require("../../utils/index.js");function h(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const l=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,l.get?l:{enumerable:!0,get:()=>e[i]})}}return t.default=e,Object.freeze(t)}const b=h(g),m=e=>{const t=b.useContext(C.GridContext),i=(n,s,a,u)=>{if(!t.filterChange)return;const r=[];(n!==""&&n!==null||s!=="")&&r.push({field:a,operator:s,value:n}),e.filter&&e.filter.filters&&(e.filter.filters||[]).forEach(c=>{c&&c.field!==a&&r.push(c)});const d=e.filter&&e.filter.logic?e.filter.logic:"and";t.filterChange(r.length>0?{logic:d,filters:r}:null,u)},l=t.getCellPositionStyle(e.column),o=e.isCustom?{style:{...l}}:{};return t.isClient||e.isClient?f.cloneReactElement(e.children,{render:e.render,onChange:n=>{i(n.value,n.operator,e.field,n.syntheticEvent)},tdProps:{...e.tdProps,...o},thProps:{...e.tdProps,...o}}):f.cloneReactElement(e.children,{})};exports.GridFilterCellContainer=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),C=require("../../utils/GridContext.js"),u=require("../../utils/index.js");function h(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const l=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,l.get?l:{enumerable:!0,get:()=>t[i]})}}return e.default=t,Object.freeze(e)}const b=h(g),m=t=>{const e=b.useContext(C.GridContext),i=(n,s,f,a)=>{if(!e.filterChange)return;const r=[];(n!==""&&n!==null||s!=="")&&r.push({field:f,operator:s,value:n}),t.filter&&t.filter.filters&&(t.filter.filters||[]).forEach(o=>{o&&o.field!==f&&r.push(o)});const d=t.filter&&t.filter.logic?t.filter.logic:"and";e.filterChange(r.length>0?{logic:d,filters:r}:null,a)},l=e.getCellPositionStyle(t.column),c=t.isCustom?{style:{...l}}:{};return e.isClient||t.isClient?u.cloneReactElement(t.children,{onChange:n=>{i(n.value,n.operator,t.field,n.syntheticEvent)},tdProps:{...t.tdProps,...c},thProps:{...t.tdProps,...c}}):u.cloneReactElement(t.children,{})};exports.GridFilterCellContainer=m;