@progress/kendo-react-grid 9.4.0-develop.1 → 9.4.0-develop.10

package/header/Header.js

@@ -5,4 +5,5 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react"),n=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=n.useRtl(l.headerElementRef);l.columnResizeRef.current&&l.columnResizeRef.current.setIsRtl(b==="rtl"),t.useImperativeHandle(l.headerRef,()=>({setScrollLeft:c=>{r.current&&r.current.scrollLeft!==c&&(s.current=!0,r.current.scrollLeft=c)},setWidth:c=>{a.current&&(a.current.style.width=c+"px")},table:()=>a.current}));const g=c=>{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=n.useUnstyled(),o=u&&u.uGrid?u.uGrid:n.uGrid,{size:N="md"}=e;return e.staticHeaders?t.createElement("div",{ref:l.headerElementRef,className:n.classNames(o.header({draggable:e.draggable}),e.className),role:"presentation"},t.createElement("div",{ref:r,className:n.classNames(o.headerWrap({})),onScroll:g,role:"presentation"},t.createElement("table",{ref:a,className:n.classNames(o.headerTable({size:N}),e.className),role:"presentation"},t.createElement("colgroup",{ref:c=>{l.columnResizeRef.current&&(l.columnResizeRef.current.colGroupHeader=c)}},e.cols),t.createElement("thead",{className:n.classNames(o.tableThead({})),role:"rowgroup",...m.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)))):t.createElement("thead",{role:"presentation",className:n.classNames(o.thead({draggable:e.draggable}),e.className),...m.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)};R.displayName="KendoReactHeader";exports.Header=R;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react"),n=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=n.useRtl(l.headerElementRef);l.columnResizeRef.current&&l.columnResizeRef.current.setIsRtl(b==="rtl"),t.useImperativeHandle(l.headerRef,()=>({setScrollLeft:c=>{r.current&&r.current.scrollLeft!==c&&(s.current=!0,r.current.scrollLeft=c)},setWidth:c=>{a.current&&(a.current.style.width=c+"px")},table:()=>a.current}));const g=c=>{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=n.useUnstyled(),o=u&&u.uGrid?u.uGrid:n.uGrid,{size:N="md"}=e;return e.staticHeaders?t.createElement("div",{ref:l.headerElementRef,className:n.classNames(o.header({draggable:e.draggable}),e.className),role:"presentation"},t.createElement("div",{ref:r,className:n.classNames(o.headerWrap({})),onScroll:g,role:"presentation"},t.createElement("table",{ref:a,className:n.classNames(o.headerTable({size:N}),e.className),role:"presentation"},t.createElement("colgroup",{ref:c=>{l.columnResizeRef.current&&(l.columnResizeRef.current.colGroupHeader=c)}},e.cols),t.createElement("thead",{className:n.classNames(o.tableThead({})),role:"rowgroup",...m.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)))):t.createElement("thead",{role:"presentation",className:n.classNames(o.thead({draggable:e.draggable}),e.className),...m.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)};R.displayName="KendoReactHeader";exports.Header=R;

package/header/HeaderRow.js

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

package/header/HeaderRow.mjs

@@ -5,27 +5,25 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as t from "react";
 import { GridHeaderCell as O } from "./GridHeaderCell.mjs";
 import { uGrid as T, classNames as o, IconWrap as V } from "@progress/kendo-react-common";
-import { HeaderThElement as B } from "@progress/kendo-react-data-tools";
-import { LocalizationService as F } from "@progress/kendo-react-intl";
-import { sortAriaLabel as k, messages as j } from "../messages/index.mjs";
-import { sortAscSmallIcon as q, sortDescSmallIcon as J } from "@progress/kendo-svg-icons";
-import { clientColumn as M, isClientReference as v, resolveCells as K } from "../utils/index.mjs";
-import { GridHeaderCellContainer as H } from "./client/GridHeaderCellContainer.mjs";
-import { HeaderRowDraggable as Q } from "./client/HeaderRowDraggable.mjs";
-import { GridHeaderRowContainer as U } from "./client/GridHeaderRowContainer.mjs";
-import { GridHeaderCellElementContainer as X } from "./client/GridHeaderCellElementContainer.mjs";
-import { HeaderCellResizer as Y } from "./client/HeaderCellResizer.mjs";
-const Z = {
+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 { GridHeaderCellContainer as v } from "./client/GridHeaderCellContainer.mjs";
+import { HeaderRowDraggable as J } from "./client/HeaderRowDraggable.mjs";
+import { GridHeaderRowContainer as K } from "./client/GridHeaderRowContainer.mjs";
+import { GridHeaderCellElementContainer as Q } from "./client/GridHeaderCellElementContainer.mjs";
+import { HeaderCellResizer as U } from "./client/HeaderCellResizer.mjs";
+const X = {
   none: "none",
   asc: "ascending",
   desc: "descending"
-}, se = (e) => {
-  const y = e.localization || new F(), i = e.unstyled, c = i && i.uGrid ? i.uGrid : T;
-  let R = 0, w = -1;
+}, oe = (e) => {
+  const s = e.unstyled, c = s && s.uGrid ? s.uGrid : T;
+  let y = 0, R = -1;
   const G = (n) => {
     if (!e.sort)
       return null;
@@ -35,14 +33,14 @@ const Z = {
         V,
         {
           name: "sort-" + e.sort[n].dir + "-small",
-          icon: e.sort[n].dir === "asc" ? q : J
+          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))
     ];
   }, N = (n) => n.map((r) => {
-    var S;
-    const l = e.columns[r], C = e.sortable && l.sortable, s = e.sort ? e.sort.findIndex((a) => a.field === l.field) : -1, x = s >= 0 && e.sort[s].dir || "none", b = l.columnMenu === null ? null : l.columnMenu || e.columnMenu, z = l.menuIcon || e.columnMenuIcon, A = o(
+    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(
       o(
         c.headerTh({
           first: l.kFirst,
@@ -54,19 +52,19 @@ const Z = {
       l.headerClassName
     );
     l.locked === !1 && (l.left = 0);
-    const D = y.toLanguageString(k, j[k]), L = l.isAccessible ? {
-      ariaSort: Z[x],
+    const D = e.localization.toLanguageString(S, B[S]), W = l.isAccessible ? {
+      ariaSort: X[w],
       role: "columnheader",
       ariaColumnIndex: l.ariaColumnIndex,
       ariaSelected: !1,
       ariaDescription: C ? D : ""
     } : {
       role: "presentation"
-    }, g = l.declarationIndex >= 0 ? ++w : --R, m = {
+    }, g = l.declarationIndex >= 0 ? ++R : --y, m = {
       field: l.field,
       title: l.title,
-      selectionValue: (S = l.headerSelectionValue) != null ? S : e.headerSelectionValue,
-      children: G(s),
+      selectionValue: (k = l.headerSelectionValue) != null ? k : e.headerSelectionValue,
+      children: G(i),
       selectionChange: null,
       columnMenuWrapperProps: {
         column: {
@@ -85,10 +83,10 @@ const Z = {
         group: e.group,
         groupable: e.groupable,
         columnMenu: b,
-        columnMenuIcon: z
+        columnMenuIcon: x
       }
     }, d = {
-      ...L,
+      ...W,
       colSpan: l.headerColSpan,
       rowSpan: l.rowSpan,
       className: A,
@@ -102,27 +100,27 @@ const Z = {
       sort: e.sort,
       columnMenuWrapperProps: m.columnMenuWrapperProps
     }, E = l.headerCell ? l.headerCell : O, I = [
-      /* @__PURE__ */ t.createElement(H, { key: 1, ...h, isClient: v(E) }, /* @__PURE__ */ t.createElement(E, { ...m })),
-      /* @__PURE__ */ t.createElement(Y, { key: 2, column: u })
-    ], f = K(e.cells, l.cells);
+      /* @__PURE__ */ t.createElement(v, { key: 1, ...h, isClient: H(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, W = v(a);
+      const a = f.headerCell, L = H(a);
       return /* @__PURE__ */ t.createElement(
-        H,
+        v,
         {
           key: g,
           ...h,
           thProps: d,
           isCustom: !0,
-          isClient: W
+          isClient: L
         },
         /* @__PURE__ */ t.createElement(a, { ...m, thProps: d, index: r }, I)
       );
     }
-    return /* @__PURE__ */ t.createElement(X, { key: g, column: u }, /* @__PURE__ */ t.createElement(B, { ...d }, I));
+    return /* @__PURE__ */ t.createElement(Q, { key: g, column: u }, /* @__PURE__ */ t.createElement(z, { ...d }, I));
   }), P = e.columns.map(M);
   return /* @__PURE__ */ t.createElement(
-    U,
+    K,
     {
       sortable: e.sortable,
       sort: e.sort,
@@ -130,9 +128,9 @@ const Z = {
       groupable: e.groupable,
       columns: P
     },
-    e.columnsMap.map((n, r) => /* @__PURE__ */ t.createElement(Q, { key: r, className: o(c.simpleTr({})), ariaRowIndex: r + 1 }, N(n)))
+    e.columnsMap.map((n, r) => /* @__PURE__ */ t.createElement(J, { key: r, className: o(c.simpleTr({})), ariaRowIndex: r + 1 }, N(n)))
   );
 };
 export {
-  se as HeaderRow
+  oe as HeaderRow
 };

package/header/client/GridFilterCellContainer.js

@@ -5,4 +5,5 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),C=require("../../GridClientWrapper.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 o=h(g),b=e=>{const t=o.useContext(C.GridContext),i=(n,s,f,a)=>{if(!t.filterChange)return;const r=[];(n!==""&&n!==null||s!=="")&&r.push({field:f,operator:s,value:n}),e.filter&&e.filter.filters&&(e.filter.filters||[]).forEach(c=>{c&&c.field!==f&&r.push(c)});const d=e.filter&&e.filter.logic?e.filter.logic:"and";t.filterChange(r.length>0?{logic:d,filters:r}:null,a)},l=t.getCellPositionStyle(e.column),u=e.isCustom?{style:{...l}}:{};return t.isClient||e.isClient?o.cloneElement(e.children,{render:e.render,onChange:n=>{i(n.value,n.operator,e.field,n.syntheticEvent)},tdProps:{...e.tdProps,...u}}):o.cloneElement(e.children,{})};exports.GridFilterCellContainer=b;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),C=require("../../GridClientWrapper.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 o=h(g),b=e=>{const t=o.useContext(C.GridContext),i=(n,s,f,a)=>{if(!t.filterChange)return;const r=[];(n!==""&&n!==null||s!=="")&&r.push({field:f,operator:s,value:n}),e.filter&&e.filter.filters&&(e.filter.filters||[]).forEach(c=>{c&&c.field!==f&&r.push(c)});const d=e.filter&&e.filter.logic?e.filter.logic:"and";t.filterChange(r.length>0?{logic:d,filters:r}:null,a)},l=t.getCellPositionStyle(e.column),u=e.isCustom?{style:{...l}}:{};return t.isClient||e.isClient?o.cloneElement(e.children,{render:e.render,onChange:n=>{i(n.value,n.operator,e.field,n.syntheticEvent)},tdProps:{...e.tdProps,...u}}):o.cloneElement(e.children,{})};exports.GridFilterCellContainer=b;

package/header/client/GridFilterCellContainer.mjs

@@ -7,9 +7,9 @@
  */
 "use client";
 import * as r from "react";
-import { GridContext as h } from "../../GridClientWrapper.mjs";
+import { GridContext as u } from "../../GridClientWrapper.mjs";
 const m = (t) => {
-  const i = r.useContext(h), s = (e, o, c, C) => {
+  const i = r.useContext(u), f = (e, o, c, C) => {
     if (!i.filterChange)
       return;
     const l = [];
@@ -20,15 +20,15 @@ const m = (t) => {
     }), t.filter && t.filter.filters && (t.filter.filters || []).forEach((n) => {
       n && n.field !== c && l.push(n);
     });
-    const u = t.filter && t.filter.logic ? t.filter.logic : "and";
-    i.filterChange(l.length > 0 ? { logic: u, filters: l } : null, C);
-  }, f = i.getCellPositionStyle(t.column), d = t.isCustom ? {
-    style: { ...f }
+    const h = t.filter && t.filter.logic ? t.filter.logic : "and";
+    i.filterChange(l.length > 0 ? { logic: h, filters: l } : null, C);
+  }, s = i.getCellPositionStyle(t.column), d = t.isCustom ? {
+    style: { ...s }
   } : {};
   return i.isClient || t.isClient ? r.cloneElement(t.children, {
     render: t.render,
     onChange: (e) => {
-      s(e.value, e.operator, t.field, e.syntheticEvent);
+      f(e.value, e.operator, t.field, e.syntheticEvent);
     },
     tdProps: { ...t.tdProps, ...d }
   }) : r.cloneElement(t.children, {});

package/header/client/GridFilterCellElementContainer.js

@@ -5,4 +5,5 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),l=require("../../GridClientWrapper.js");function c(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const o=c(i),s=e=>{const r={style:{...o.useContext(l.GridContext).getCellPositionStyle(e.column)}};return o.cloneElement(e.children,{...r})};exports.GridFilterCellElementContainer=s;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),l=require("../../GridClientWrapper.js");function c(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const o=c(i),s=e=>{const r={style:{...o.useContext(l.GridContext).getCellPositionStyle(e.column)}};return o.cloneElement(e.children,{...r})};exports.GridFilterCellElementContainer=s;

package/header/client/GridHeaderCellContainer.js

@@ -5,4 +5,5 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),a=require("../../GridClientWrapper.js"),C=require("./GridHeaderRowContainer.js");function d(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const l=d(u),g=e=>{const n=l.useContext(a.GridContext),t=l.useContext(C.GridHeaderRowContext),r=n.isClient||e.isClient,c={style:{...n.getCellPositionStyle(e.column)}},s={onKeyDown:i=>{t.cellKeyDown(i,e.column)}};let o={onClick:i=>{t.cellClick(i,e.column)}};return r&&(o={...o,render:e.render,selectionChange:n.onHeaderSelectionChange,columnMenuWrapperProps:{...e.columnMenuWrapperProps,onSortChange:n.sortChange,onFilterChange:n.filterChange,onGroupChange:n.groupChange,show:t.showColumnMenuField===e.column.field?!0:void 0,onCloseMenu:t.handleCloseMenu}}),e.isCustom&&(r?o={...o,thProps:{...e.thProps,...s,...c}}:o={...o,...s,...c}),l.cloneElement(e.children,{...o})};exports.GridHeaderCellContainer=g;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),u=require("../../GridClientWrapper.js"),C=require("./GridHeaderRowContainer.js");function d(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const l=d(a),g=e=>{const n=l.useContext(u.GridContext),t=l.useContext(C.GridHeaderRowContext),r=n.isClient||e.isClient,c={style:{...n.getCellPositionStyle(e.column)}},s={onKeyDown:i=>{t.cellKeyDown(i,e.column)}};let o={onClick:i=>{t.cellClick(i,e.column)}};return r&&(o={...o,render:e.render,selectionChange:n.onHeaderSelectionChange,columnMenuWrapperProps:{...e.columnMenuWrapperProps,onSortChange:n.sortChange,onFilterChange:n.filterChange,onGroupChange:n.groupChange,show:t.showColumnMenuField===e.column.field?!0:void 0,onCloseMenu:t.handleCloseMenu}}),e.isCustom&&(r?o={...o,thProps:{...e.thProps,...s,...c}}:o={...o,...s,...c}),l.cloneElement(e.children,{...o})};exports.GridHeaderCellContainer=g;

package/header/client/GridHeaderCellElementContainer.js

@@ -5,4 +5,5 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),u=require("./GridHeaderRowContainer.js"),s=require("../../GridClientWrapper.js");function a(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const i=a(c),d=e=>{const t=i.useContext(s.GridContext),n=i.useContext(u.GridHeaderRowContext),l={style:{...t.getCellPositionStyle(e.column)}};return i.cloneElement(e.children,{onKeyDown:r=>{n.cellKeyDown(r,e.column)},onContextMenu:r=>{t.onContextMenu(r,void 0,e.column.field)},...l})};exports.GridHeaderCellElementContainer=d;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),u=require("./GridHeaderRowContainer.js"),a=require("../../GridClientWrapper.js");function s(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const i=s(c),d=e=>{const t=i.useContext(a.GridContext),n=i.useContext(u.GridHeaderRowContext),l={style:{...t.getCellPositionStyle(e.column)}};return i.cloneElement(e.children,{onKeyDown:r=>{n.cellKeyDown(r,e.column)},onContextMenu:r=>{t.onContextMenu(r,void 0,e.column.field)},...l})};exports.GridHeaderCellElementContainer=d;

package/header/client/GridHeaderCellElementContainer.mjs

@@ -7,20 +7,20 @@
  */
 "use client";
 import * as o from "react";
-import { GridHeaderRowContext as r } from "./GridHeaderRowContainer.mjs";
+import { GridHeaderRowContext as l } from "./GridHeaderRowContainer.mjs";
 import { GridContext as s } from "../../GridClientWrapper.mjs";
-const d = (e) => {
-  const n = o.useContext(s), i = o.useContext(r), l = {
-    style: { ...n.getCellPositionStyle(e.column) }
+const d = (t) => {
+  const n = o.useContext(s), i = o.useContext(l), r = {
+    style: { ...n.getCellPositionStyle(t.column) }
   };
-  return o.cloneElement(e.children, {
-    onKeyDown: (t) => {
-      i.cellKeyDown(t, e.column);
+  return o.cloneElement(t.children, {
+    onKeyDown: (e) => {
+      i.cellKeyDown(e, t.column);
     },
-    onContextMenu: (t) => {
-      n.onContextMenu(t, void 0, e.column.field);
+    onContextMenu: (e) => {
+      n.onContextMenu(e, void 0, t.column.field);
     },
-    ...l
+    ...r
   });
 };
 export {

package/header/client/GridHeaderRowContainer.js

@@ -5,4 +5,5 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("react"),K=require("../../GridClientWrapper.js"),i=require("@progress/kendo-react-common");function R(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,l.get?l:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const a=R(G),f=a.createContext(void 0),k=e=>{const n=a.useContext(K.GridContext),r=a.useRef(null),[l,s]=a.useState(),u=(t,o)=>{e.sortable&&o.sortable&&(t.preventDefault(),n.sortChange&&n.headerCellClick(t,o))},C=(t,o)=>{if(t.isDefaultPrevented())return;const{keyCode:c,metaKey:g,ctrlKey:y,altKey:m}=t,h=e.sortable&&o.sortable,d=t.target;if(h&&t.keyCode===i.Keys.enter&&d.className.indexOf("k-table-th")!==-1&&u(t,o),e.navigatable){if(e.groupable&&(g&&c===i.Keys.enter||y&&c===i.Keys.space)){t.preventDefault();const x=e.columns.findIndex(w=>w.field===o.field);n.columnGroupChange&&n.columnGroupChange(x,t)}m&&c===i.Keys.down&&(t.preventDefault(),s(o.field),r.current=d)}},b=()=>{s(void 0),r.current&&r.current.getAttribute("tabindex")!=="-1"&&r.current.focus()};return a.createElement(f.Provider,{value:{cellClick:u,cellKeyDown:C,handleCloseMenu:b,showColumnMenuField:l}},e.children)};exports.GridHeaderRowContainer=k;exports.GridHeaderRowContext=f;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("react"),K=require("../../GridClientWrapper.js"),i=require("@progress/kendo-react-common");function R(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,l.get?l:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const a=R(G),f=a.createContext(void 0),k=e=>{const n=a.useContext(K.GridContext),r=a.useRef(null),[l,s]=a.useState(),u=(t,o)=>{e.sortable&&o.sortable&&(t.preventDefault(),n.sortChange&&n.headerCellClick(t,o))},C=(t,o)=>{if(t.isDefaultPrevented())return;const{keyCode:c,metaKey:g,ctrlKey:y,altKey:m}=t,h=e.sortable&&o.sortable,d=t.target;if(h&&t.keyCode===i.Keys.enter&&d.className.indexOf("k-table-th")!==-1&&u(t,o),e.navigatable){if(e.groupable&&(g&&c===i.Keys.enter||y&&c===i.Keys.space)){t.preventDefault();const x=e.columns.findIndex(w=>w.field===o.field);n.columnGroupChange&&n.columnGroupChange(x,t)}m&&c===i.Keys.down&&(t.preventDefault(),s(o.field),r.current=d)}},b=()=>{s(void 0),r.current&&r.current.getAttribute("tabindex")!=="-1"&&r.current.focus()};return a.createElement(f.Provider,{value:{cellClick:u,cellKeyDown:C,handleCloseMenu:b,showColumnMenuField:l}},e.children)};exports.GridHeaderRowContainer=k;exports.GridHeaderRowContext=f;

package/header/client/GridHeaderRowReorderCell.js

@@ -5,4 +5,5 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../GridHeaderCell.js"),l=e=>React.createElement(r.GridHeaderCell,{...e});exports.GridHeaderRowReorderCell=l;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../GridHeaderCell.js"),d=e=>React.createElement(r.GridHeaderCell,{...e});exports.GridHeaderRowReorderCell=d;

package/header/client/GridHeaderRowReorderCell.mjs

@@ -7,7 +7,7 @@
  */
 "use client";
 import { GridHeaderCell as r } from "../GridHeaderCell.mjs";
-const l = (e) => /* @__PURE__ */ React.createElement(r, { ...e });
+const t = (e) => /* @__PURE__ */ React.createElement(r, { ...e });
 export {
-  l as GridHeaderRowReorderCell
+  t as GridHeaderRowReorderCell
 };

package/header/client/HeaderCellResizer.js

@@ -5,4 +5,5 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),i=require("@progress/kendo-react-data-tools"),a=require("../../GridClientWrapper.js");function s(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const c=s(u),d=t=>{const{column:r}=t,e=c.useContext(a.GridContext);return e.columnResizeRef.current&&e.columnResizeRef.current.resizable&&r.resizable&&c.createElement(i.ColumnResizer,{key:2,resize:(n,o,l)=>e.columnResizeRef.current&&e.columnResizeRef.current.dragHandler(n,r,o,l),autofit:n=>e.columnResizeRef.current&&e.columnResizeRef.current.dblClickHandler(n,[r.id])})||c.createElement(c.Fragment,null)};exports.HeaderCellResizer=d;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),i=require("@progress/kendo-react-data-tools"),a=require("../../GridClientWrapper.js");function s(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const c=s(u),d=t=>{const{column:r}=t,e=c.useContext(a.GridContext);return e.columnResizeRef.current&&e.columnResizeRef.current.resizable&&r.resizable&&c.createElement(i.ColumnResizer,{key:2,resize:(n,o,l)=>e.columnResizeRef.current&&e.columnResizeRef.current.dragHandler(n,r,o,l),autofit:n=>e.columnResizeRef.current&&e.columnResizeRef.current.dblClickHandler(n,[r.id])})||c.createElement(c.Fragment,null)};exports.HeaderCellResizer=d;

package/header/client/HeaderRowDraggable.js

@@ -5,4 +5,5 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),l=require("../../GridClientWrapper.js"),o=require("../../drag/ColumnDraggable.js");function d(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,n.get?n:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const t=d(c),i=e=>{const r=t.useContext(l.GridContext);return r.dragLogicRef.current.pressHandler&&t.createElement(o.ColumnDraggable,{ariaRowIndex:e.ariaRowIndex,pressHandler:r.dragLogicRef.current.pressHandler,dragHandler:r.dragLogicRef.current.dragHandler,releaseHandler:r.dragLogicRef.current.releaseHandler,dragClue:r.dragLogicRef.current.dragClue,headerRef:r.headerElementRef,containerRef:r.containerElementRef},e.children)||t.createElement("tr",{className:e.className,role:"row","aria-rowindex":e.ariaRowIndex},e.children)};exports.HeaderRowDraggable=i;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),l=require("../../GridClientWrapper.js"),o=require("../../drag/ColumnDraggable.js");function d(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,n.get?n:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const t=d(c),i=e=>{const r=t.useContext(l.GridContext);return r.dragLogicRef.current.pressHandler&&t.createElement(o.ColumnDraggable,{ariaRowIndex:e.ariaRowIndex,pressHandler:r.dragLogicRef.current.pressHandler,dragHandler:r.dragLogicRef.current.dragHandler,releaseHandler:r.dragLogicRef.current.releaseHandler,dragClue:r.dragLogicRef.current.dragClue,headerRef:r.headerElementRef,containerRef:r.containerElementRef},e.children)||t.createElement("tr",{className:e.className,role:"row","aria-rowindex":e.ariaRowIndex},e.children)};exports.HeaderRowDraggable=i;

package/index.d.mts

@@ -27,8 +27,10 @@ import { GroupExpandDescriptor } from '@progress/kendo-react-data-tools';
 import { GroupState } from '@progress/kendo-react-data-tools';
 import { HeaderCellBaseProps } from '@progress/kendo-react-data-tools';
 import { HeaderThElementProps } from '@progress/kendo-react-data-tools';
+import { IntlService } from '@progress/kendo-react-intl';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
+import { LocalizationService } from '@progress/kendo-react-intl';
 import { MenuItemModel } from '@progress/kendo-react-layout';
 import { MenuSelectEvent } from '@progress/kendo-react-layout';
 import { NavigatableSettings } from '@progress/kendo-react-data-tools';
@@ -38,6 +40,7 @@ import { PagerProps } from '@progress/kendo-react-data-tools';
 import { PagerTargetEvent } from '@progress/kendo-react-data-tools';
 import * as React_2 from 'react';
 import { ReactElement } from 'react';
+import { SearchField } from '@progress/kendo-react-data-tools';
 import { SelectDescriptor } from '@progress/kendo-react-data-tools';
 import { setSelectedState } from '@progress/kendo-react-data-tools';
 import { SortDescriptor } from '@progress/kendo-data-query';
@@ -53,6 +56,8 @@ import { TableKeyDownEvent } from '@progress/kendo-react-data-tools';
 import { TableSelectableMode } from '@progress/kendo-react-data-tools';
 import { TableSelectableSettings } from '@progress/kendo-react-data-tools';
 import { TableSelectionChangeEvent } from '@progress/kendo-react-data-tools';
+import { TextBoxChangeEvent } from '@progress/kendo-react-inputs';
+import { TextBoxProps } from '@progress/kendo-react-inputs';
 
 /**
  * The value of the filter operators displayed in the boolean filter menu.
@@ -401,6 +406,10 @@ export declare interface GridCellProps extends Omit<CellProps, 'onChange' | 'ren
     columnPosition: any;
     /** @hidden */
     group?: GroupState;
+    /** @hidden */
+    localization?: LocalizationService;
+    /** @hidden */
+    intl?: IntlService;
 }
 
 /**
@@ -1165,7 +1174,7 @@ declare interface GridColumnSortSettings extends ColumnSortSettings {
  *
  * @default "data"
  */
-export declare type GridColumnType = 'data' | 'reorder' | 'select';
+export declare type GridColumnType = 'data' | 'reorder' | 'checkbox';
 
 /**
  * @hidden
@@ -1904,6 +1913,7 @@ export declare const gridMessages: {
     "grid.pagerOf": string;
     "grid.pagerTotalPages": string;
     "grid.searchPlaceholder": string;
+    "grid.searchboxPlaceholder": string;
     "grid.filterCheckAll": string;
     "grid.filterChooseOperator": string;
     "grid.filterSelectedItems": string;
@@ -2065,6 +2075,7 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
     /** @hidden */
     autoProcessData?: boolean | {
         filter?: boolean;
+        search?: boolean;
         sort?: boolean;
         group?: boolean;
         page?: boolean;
@@ -2126,6 +2137,14 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      * Fires when the Grid filter is modified through the UI ([more information and examples]({% slug filtering_grid %})). You have to handle the event yourself and filter the data.
      */
     onFilterChange?: (event: GridFilterChangeEvent) => void;
+    /**
+     * Specifies if the loader of the Grid will be displayed.
+     */
+    showLoader?: boolean;
+    /**
+     * A custom component that the Grid will render instead of the built-in loader.
+     */
+    loader?: React.ReactNode;
     /**
      * Fires when the user reorders a row.
      */
@@ -2226,7 +2245,7 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
     /**
      * The Grid selectable settings.
      */
-    selectable?: GridSelectableSettings;
+    selectable?: boolean | GridSelectableSettings;
     /**
      * Specifies the name of the field which will provide a:
      * - Boolean representation of the selected state of the item ([see example]({% slug selection_grid %})) for row selection
@@ -2286,6 +2305,22 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      * Specifies a React element that will be cloned and rendered inside the detail rows of the currently expanded items ([see example]({% slug hierarchy_grid %})). An item will be rendered as expanded if the value of its `expandField` is `true`.
      */
     detail?: null | ComponentType<GridDetailRowProps>;
+    /**
+     * The [descriptor]({% slug api_kendo-data-query_compositefilterdescriptor %}) by which the data is searched. Its first FilterDescriptor populates the GridSearchBox.
+     */
+    search?: CompositeFilterDescriptor;
+    /**
+     * The [descriptor]({% slug api_kendo-data-query_compositefilterdescriptor %}) by which the data is searched by default. Its first FilterDescriptor populates the GridSearchBox.
+     */
+    defaultSearch?: CompositeFilterDescriptor;
+    /**
+     * Defines the fields of the data that are filtered by the GridSearchBox.
+     */
+    searchFields?: (string | SearchField)[];
+    /**
+     * Fires when the search value of the GridSearchBox is changed.
+     */
+    onSearchChange?: (event: GridSearchChangeEvent) => void;
     /**
      * Represents the `style` HTML attribute.
      */
@@ -2555,6 +2590,28 @@ export declare type GridRowReorderSettings = {
  */
 export declare type GridRowType = 'groupFooter' | 'groupHeader' | 'data';
 
+/**
+ * Represents the properties of the KendoReact GridSearchBox component.
+ */
+export declare const GridSearchBox: (props: GridSearchBoxProps) => JSX_2.Element;
+
+export declare interface GridSearchBoxChangeEvent extends TextBoxChangeEvent {
+}
+
+export declare interface GridSearchBoxProps extends TextBoxProps {
+    onChange?: (event: GridSearchBoxChangeEvent) => void;
+}
+
+/**
+ * Represents the object of the `onSearchChange` Grid event.
+ */
+export declare interface GridSearchChangeEvent extends GridEvent {
+    /**
+     * The new search based on the user action.
+     */
+    search: CompositeFilterDescriptor;
+}
+
 /**
  * Represents the available selection modes.
  */
@@ -2589,7 +2646,7 @@ export declare interface GridSelectionChangeEvent extends GridEvent, TableSelect
      *
      * @hidden
      */
-    select?: SelectDescriptor;
+    select: SelectDescriptor;
     /**
      * The dataItem from which the selection starts(Valid for scenarios without checkbox selection).
      */