@progress/kendo-react-data-tools 9.4.0-develop.2 → 9.4.0-develop.20

package/group-expansion/groupExpandReducer.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 var w = /* @__PURE__ */ ((e) => (e.TOGGLE = "GROUP-EXPAND_TOGGLE", e.EXPAND = "GROUP-EXPAND_EXPAND", e.COLLAPSE = "GROUP-EXPAND_COLLAPSE", e.RESET = "GROUP-EXPAND_RESET", e))(w || {});
 const U = (e) => {
   var r;
@@ -13,7 +12,7 @@ const U = (e) => {
     enabled: typeof e == "boolean" ? e : (r = e == null ? void 0 : e.enabled) != null ? r : !0,
     defaultExpand: typeof e == "object" ? e == null ? void 0 : e.defaultExpand : !0
   };
-}, p = (e = [], r = null) => {
+}, E = (e = [], r = null) => {
   const u = [];
   return e == null || e.forEach((d) => {
     var s;
@@ -22,25 +21,25 @@ const U = (e) => {
       field: d.field,
       parents: r ? [r, ...(s = r.parents) != null ? s : []] : []
     };
-    d.expanded !== void 0 && (l.expanded = d.expanded), d.groups && u.push(...p(d.groups, l)), u.push(l);
+    d.expanded !== void 0 && (l.expanded = d.expanded), d.groups && u.push(...E(d.groups, l)), u.push(l);
   }), u;
 }, h = (e) => {
   var r, u, d, l;
   return `${(r = e.parents) != null && r.length ? ((l = (d = (u = e.parents) == null ? void 0 : u.slice()) == null ? void 0 : d.reverse()) == null ? void 0 : l.map((s) => h({ field: s.field, value: s.value })).join("/")) + "/" : ""}${e.field}:${e.value}`;
 }, F = (e, r) => {
-  const u = p(e);
+  const u = E(e);
   return x(u, r);
 }, $ = (e, r) => {
   var l;
-  const u = p(e), d = x(u, r);
+  const u = E(e), d = x(u, r);
   return d ? (l = d.expanded) != null ? l : !0 : !1;
 }, o = (e) => {
   var l;
   const r = /* @__PURE__ */ new Map();
   r.set("root", { value: null, field: "", groups: /* @__PURE__ */ new Set() }), ((s) => {
     s.forEach((f) => {
-      var i, P, g, G;
-      const c = h(f), a = (i = r.get(c)) != null ? i : {
+      var p, P, g, G;
+      const c = h(f), a = (p = r.get(c)) != null ? p : {
         value: f.value,
         field: f.field
       };
@@ -48,15 +47,15 @@ const U = (e) => {
       let n = a;
       (P = f.parents) != null && P.length ? f.parents.forEach((v, L) => {
         var A, O, D, R, S, X, T;
-        const E = h({
+        const i = h({
           value: v.value,
           field: v.field,
           parents: (O = f.parents) == null ? void 0 : O.slice(L + 1, (A = f == null ? void 0 : f.parents) == null ? void 0 : A.length)
-        }), t = (D = r.get(E)) != null ? D : {
+        }), t = (D = r.get(i)) != null ? D : {
           value: v.value,
           field: v.field
         };
-        v.expanded && (t.expanded = v.expanded), r.has(E) || r.set(E, t), t != null && t.groups || (t.groups = /* @__PURE__ */ new Set()), t.groups.add(n), n = t, L === ((S = (R = f.parents) == null ? void 0 : R.length) != null ? S : -1) - 1 && ((T = (X = r.get("root")) == null ? void 0 : X.groups) == null || T.add(t));
+        v.expanded && (t.expanded = v.expanded), r.has(i) || r.set(i, t), t != null && t.groups || (t.groups = /* @__PURE__ */ new Set()), t.groups.add(n), n = t, L === ((S = (R = f.parents) == null ? void 0 : R.length) != null ? S : -1) - 1 && ((T = (X = r.get("root")) == null ? void 0 : X.groups) == null || T.add(t));
       }) : (G = (g = r.get("root")) == null ? void 0 : g.groups) == null || G.add(n);
     });
   })(e);
@@ -72,16 +71,16 @@ const U = (e) => {
   }));
 }, x = (e, r) => e.find((d) => d.value === r.value && d.field === r.field && N(d, r)), j = (e, r, u) => {
   var s, f, c;
-  const d = p(e != null ? e : []), l = x(d, r.group);
+  const d = E(e != null ? e : []), l = x(d, r.group);
   switch (r.type) {
     case "GROUP-EXPAND_TOGGLE":
       return o(
         l ? d == null ? void 0 : d.map(
           (a) => {
-            var n, i;
+            var n, p;
             return a === l ? {
               ...a,
-              expanded: !((i = (n = a.expanded) != null ? n : u == null ? void 0 : u.defaultExpand) == null || i)
+              expanded: !((p = (n = a.expanded) != null ? n : u == null ? void 0 : u.defaultExpand) == null || p)
             } : a;
           }
         ) : [...d, { ...r.group, expanded: !((s = u == null ? void 0 : u.defaultExpand) == null || s) }]

package/header/ColumnProps.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 e={filterable:!0,editable:!0,sortable:!0,resizable:!0,reorderable:!0,groupable:!0};exports.ColumnDefaultProps=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={filterable:!0,editable:!0,sortable:!0,resizable:!0,reorderable:!0,groupable:!0};exports.ColumnDefaultProps=e;

package/header/ColumnProps.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 const e = {
   filterable: !0,
   editable: !0,

package/header/FilterRow.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 k=require("react"),m=require("./HeaderTdElement.js"),C=require("../navigation/utils.js"),h=require("@progress/kendo-react-intl"),d=require("../messages/index.js"),R=require("@progress/kendo-react-common");function p(t){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(i,r,a.get?a:{enumerable:!0,get:()=>t[r]})}}return i.default=t,Object.freeze(i)}const c=p(k),f="k-table-row k-filter-row",w=(t,i,r)=>{let a=`${r?"k-grid-header-sticky":""}`;return t.some(n=>n.field===i)&&(a+=" k-sorted"),a},F=function(t){const{columns:i,filter:r,filterChange:a,sort:n=[],ariaRowIndex:u}=t,g=h.useLocalization(),b=e=>{if(!a)return;const o=e.filter.filter(l=>!(l.operator==="eq"&&l.value===null));a({...e,filter:o})};return c.createElement("tr",{className:f,"aria-rowindex":u,role:"row"},i.map((e,o)=>{const l=e.locked!==void 0?{left:e.left,right:e.right,borderRightWidth:e.rightBorder?"1px":""}:{},s=e.filterCell||e.filter;return c.createElement(m.HeaderTdElement,{columnId:C.getFilterColumnId(e.id),navigatable:e.navigatable,style:l,key:o,ariaColumnIndex:e.ariaColumnIndex,ariaLabel:s?g.toLanguageString(d.filterAriaLabel,d.messages[d.filterAriaLabel]):void 0,className:R.classNames("k-table-td k-header",w(n,e.field,e.locked))},s&&c.createElement(s,{field:e.field,filter:r,onFilterChange:b}))}))};exports.FILTER_ROW_CLASS=f;exports.FilterRow=F;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("react"),m=require("./HeaderTdElement.js"),C=require("../navigation/utils.js"),h=require("@progress/kendo-react-intl"),d=require("../messages/index.js"),R=require("@progress/kendo-react-common");function p(t){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(i,r,a.get?a:{enumerable:!0,get:()=>t[r]})}}return i.default=t,Object.freeze(i)}const c=p(k),f="k-table-row k-filter-row",w=(t,i,r)=>{let a=`${r?"k-grid-header-sticky":""}`;return t.some(n=>n.field===i)&&(a+=" k-sorted"),a},F=function(t){const{columns:i,filter:r,filterChange:a,sort:n=[],ariaRowIndex:u}=t,g=h.useLocalization(),b=e=>{if(!a)return;const o=e.filter.filter(l=>!(l.operator==="eq"&&l.value===null));a({...e,filter:o})};return c.createElement("tr",{className:f,"aria-rowindex":u,role:"row"},i.map((e,o)=>{const l=e.locked!==void 0?{left:e.left,right:e.right,borderRightWidth:e.rightBorder?"1px":""}:{},s=e.filterCell||e.filter;return c.createElement(m.HeaderTdElement,{columnId:C.getFilterColumnId(e.id),navigatable:e.navigatable,style:l,key:o,ariaColumnIndex:e.ariaColumnIndex,ariaLabel:s?g.toLanguageString(d.filterAriaLabel,d.messages[d.filterAriaLabel]):void 0,className:R.classNames("k-table-td k-header",w(n,e.field,e.locked))},s&&c.createElement(s,{field:e.field,filter:r,onFilterChange:b}))}))};exports.FILTER_ROW_CLASS=f;exports.FilterRow=F;

package/header/FilterRow.mjs

@@ -15,7 +15,7 @@ import { classNames as b } from "@progress/kendo-react-common";
 const w = "k-table-row k-filter-row", F = (i, a, l) => {
   let r = `${l ? "k-grid-header-sticky" : ""}`;
   return i.some((o) => o.field === a) && (r += " k-sorted"), r;
-}, E = function(i) {
+}, u = function(i) {
   const { columns: a, filter: l, filterChange: r, sort: o = [], ariaRowIndex: m } = i, g = k(), c = (e) => {
     if (!r)
       return;
@@ -48,5 +48,5 @@ const w = "k-table-row k-filter-row", F = (i, a, l) => {
 };
 export {
   w as FILTER_ROW_CLASS,
-  E as FilterRow
+  u as FilterRow
 };

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 o=require("react"),a=require("./utils/index.js"),i=require("../navigation/constants.js"),c=require("@progress/kendo-react-common");function l(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const s=l(o);class u extends s.Component{constructor(){super(...arguments),this.element=null}componentDidMount(){const{columnResize:e}=this.props;e&&e.resizable&&e.setIsRtl(a.isRtl(this.element))}render(){return s.createElement("thead",{className:c.classNames("k-table-thead k-grid-header",{"k-grid-draggable-header":this.props.reorderable}),role:"presentation",ref:e=>this.element=e,...i.tableKeyboardNavigationHeaderAttributes},this.props.headerRow,this.props.filterRow)}}exports.Header=u;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),a=require("./utils/index.js"),i=require("../navigation/constants.js"),c=require("@progress/kendo-react-common");function l(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const o=l(s);class d extends o.Component{constructor(){super(...arguments),this.element=null}componentDidMount(){const{columnResize:e}=this.props;e&&e.resizable&&e.setIsRtl(a.isRtl(this.element))}render(){return o.createElement("thead",{className:c.classNames("k-table-thead k-grid-header",{"k-grid-draggable-header":this.props.reorderable}),role:"presentation",ref:e=>this.element=e,...i.tableKeyboardNavigationHeaderAttributes},this.props.headerRow,this.props.filterRow)}}exports.Header=d;

package/header/HeaderCell.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 a=require("react");function r(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 l=r(a);function i(e){const n=e.onClick?{onClick:e.onClick}:{},t=l.createElement("span",{className:"k-link",...n},l.createElement("span",{className:"k-column-title"},e.title||e.field||" "),e.children);return l.createElement(l.Fragment,null,e.render?e.render.call(void 0,t,e):t)}exports.HeaderCell=i;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react");function r(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 l=r(a);function i(e){const n=e.onClick?{onClick:e.onClick}:{},t=l.createElement("span",{className:"k-link",...n},l.createElement("span",{className:"k-column-title"},e.title||e.field||" "),e.children);return l.createElement(l.Fragment,null,e.render?e.render.call(void 0,t,e):t)}exports.HeaderCell=i;

package/header/HeaderRow.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 z=require("react"),E=require("./HeaderCell.js"),M=require("./SortSettings.js"),q=require("../drag/ColumnResizer.js"),v=require("../drag/ColumnDraggable.js"),I=require("./HeaderThElement.js"),h=require("@progress/kendo-react-common"),C=require("@progress/kendo-react-intl"),g=require("@progress/kendo-svg-icons"),u=require("../messages/index.js");function N(a){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const r in a)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(a,r);Object.defineProperty(s,r,c.get?c:{enumerable:!0,get:()=>a[r]})}}return s.default=a,Object.freeze(s)}const t=N(z),P={true:{asc:"desc",desc:"","":"asc"},false:{asc:"desc",desc:"asc","":"asc"}},x={none:"none",asc:"ascending",desc:"descending"};class b extends t.Component{constructor(){super(...arguments),this.cellClick=(s,r)=>{if(s.preventDefault(),!this.props.sortChange)return;const{allowUnsort:c,mode:e}=M.normalize(this.props.sortable||!1,r.sortable||!1),n=(this.props.sort||[]).filter(i=>i.field===r.field)[0],p=P[c][n&&n.dir||""],l=e==="single"?[]:(this.props.sort||[]).filter(i=>i.field!==r.field);p!==""&&r.field&&l.push({field:r.field,dir:p}),this.props.sortChange(s,l,r.field)},this.cellKeyDown=(s,r)=>{s.isDefaultPrevented()||s.keyCode===h.Keys.enter&&this.cellClick(s,r)},this.cells=s=>s.map((r,c)=>{const e=this.props.columns[r],{columnResize:n}=this.props,p=n&&n.resizable&&e.resizable,l=this.props.sortable&&e.sortable,i=this.props.sort?this.props.sort.findIndex(o=>o.field===e.field):-1,k=i>=0&&this.props.sort[i].dir||"none",m={sort:this.props.sort,onSortChange:this.props.sortChange,filter:this.props.columnMenuFilter,onFilterChange:this.props.columnMenuFilterChange,field:e.field},f={field:e.field,onClick:l&&(o=>this.cellClick(o,e))||void 0,selectionChange:this.props.selectionChange,title:e.title,selectionValue:e.headerSelectionValue,render:this.props.cellRender,children:this.sortIcon(i),sort:this.props.sort,sortable:this.props.sortable,sortChange:this.props.sortChange,filterChange:this.props.filterChange,columns:this.props.columns,columnMenuWrapperProps:m},d=e.columnMenu||this.props.columnMenu,S=h.classNames("k-table-th",{"k-first":e.kFirst,"k-filterable":!!d,"k-header":!0,"k-grid-header-sticky":e.locked,"k-sorted":this.props.sort&&this.props.sort.some(o=>o.field===e.field)},e.headerClassName),y=e.locked!==void 0?{left:e.left,right:e.right,borderRightWidth:e.rightBorder?"1px":""}:{},D=C.provideLocalizationService(this).toLanguageString(u.sortAriaLabel,u.messages[u.sortAriaLabel]),H=e.isAccessible?{ariaSort:l?x[k]:void 0,role:"columnheader",ariaColumnIndex:e.ariaColumnIndex,ariaSelected:!1,ariaDescription:l?D:""}:{role:"presentation"};return t.createElement(I.HeaderThElement,{key:c,colSpan:e.colSpan,rowSpan:e.rowSpan,className:S,style:y,columnId:e.id,navigatable:e.navigatable,onKeyDown:l&&(o=>this.cellKeyDown(o,e))||void 0,...H},e.headerCell&&t.createElement(e.headerCell,{...f}),!e.headerCell&&t.createElement("span",{className:"k-cell-inner"},t.createElement(E.HeaderCell,{...f}),d&&t.createElement(d,{...m})),n&&p&&t.createElement(q.ColumnResizer,{key:"ColumnResizer",resize:(o,w,R)=>n.dragHandler(o,e,w,R)}))})}sortIcon(s){if(!this.props.sort||s<0)return null;const r=this.props.sort[s].dir;return r?[t.createElement(h.IconWrap,{key:1,name:`sort-${r}-small`,icon:r==="asc"?g.sortAscSmallIcon:g.sortDescSmallIcon}),this.props.sort.length>1&&t.createElement("span",{key:2,className:"k-sort-order"},s+1)]:null}render(){return this.props.columnsMap.map((s,r)=>this.props.pressHandler&&t.createElement(v.ColumnDraggable,{key:r,pressHandler:this.props.pressHandler,dragHandler:this.props.dragHandler,releaseHandler:this.props.releaseHandler,ariaRowIndex:r+1},this.cells(s))||t.createElement("tr",{className:"k-table-row","aria-rowindex":r+1,role:"row"},this.cells(s)))}}C.registerForLocalization(b);exports.HeaderRow=b;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("react"),E=require("./HeaderCell.js"),M=require("./SortSettings.js"),q=require("../drag/ColumnResizer.js"),v=require("../drag/ColumnDraggable.js"),I=require("./HeaderThElement.js"),h=require("@progress/kendo-react-common"),C=require("@progress/kendo-react-intl"),g=require("@progress/kendo-svg-icons"),u=require("../messages/index.js");function N(i){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const r in i)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(i,r);Object.defineProperty(s,r,c.get?c:{enumerable:!0,get:()=>i[r]})}}return s.default=i,Object.freeze(s)}const t=N(z),P={true:{asc:"desc",desc:"","":"asc"},false:{asc:"desc",desc:"asc","":"asc"}},x={none:"none",asc:"ascending",desc:"descending"};class b extends t.Component{constructor(){super(...arguments),this.cellClick=(s,r)=>{if(s.preventDefault(),!this.props.sortChange)return;const{allowUnsort:c,mode:e}=M.normalize(this.props.sortable||!1,r.sortable||!1),n=(this.props.sort||[]).filter(a=>a.field===r.field)[0],p=P[c][n&&n.dir||""],l=e==="single"?[]:(this.props.sort||[]).filter(a=>a.field!==r.field);p!==""&&r.field&&l.push({field:r.field,dir:p}),this.props.sortChange(s,l,r.field)},this.cellKeyDown=(s,r)=>{s.isDefaultPrevented()||s.keyCode===h.Keys.enter&&this.cellClick(s,r)},this.cells=s=>s.map((r,c)=>{const e=this.props.columns[r],{columnResize:n}=this.props,p=n&&n.resizable&&e.resizable,l=this.props.sortable&&e.sortable,a=this.props.sort?this.props.sort.findIndex(o=>o.field===e.field):-1,k=a>=0&&this.props.sort[a].dir||"none",m={sort:this.props.sort,onSortChange:this.props.sortChange,filter:this.props.columnMenuFilter,onFilterChange:this.props.columnMenuFilterChange,field:e.field},f={field:e.field,onClick:l&&(o=>this.cellClick(o,e))||void 0,selectionChange:this.props.selectionChange,title:e.title,selectionValue:e.headerSelectionValue,render:this.props.cellRender,children:this.sortIcon(a),sort:this.props.sort,sortable:this.props.sortable,sortChange:this.props.sortChange,filterChange:this.props.filterChange,columns:this.props.columns,columnMenuWrapperProps:m},d=e.columnMenu||this.props.columnMenu,S=h.classNames("k-table-th",{"k-first":e.kFirst,"k-filterable":!!d,"k-header":!0,"k-grid-header-sticky":e.locked,"k-sorted":this.props.sort&&this.props.sort.some(o=>o.field===e.field)},e.headerClassName),y=e.locked!==void 0?{left:e.left,right:e.right,borderRightWidth:e.rightBorder?"1px":""}:{},D=C.provideLocalizationService(this).toLanguageString(u.sortAriaLabel,u.messages[u.sortAriaLabel]),H=e.isAccessible?{ariaSort:l?x[k]:void 0,role:"columnheader",ariaColumnIndex:e.ariaColumnIndex,ariaSelected:!1,ariaDescription:l?D:""}:{role:"presentation"};return t.createElement(I.HeaderThElement,{key:c,colSpan:e.colSpan,rowSpan:e.rowSpan,className:S,style:y,columnId:e.id,navigatable:e.navigatable,onKeyDown:l&&(o=>this.cellKeyDown(o,e))||void 0,...H},e.headerCell&&t.createElement(e.headerCell,{...f}),!e.headerCell&&t.createElement("span",{className:"k-cell-inner"},t.createElement(E.HeaderCell,{...f}),d&&t.createElement(d,{...m})),n&&p&&t.createElement(q.ColumnResizer,{key:"ColumnResizer",resize:(o,w,R)=>n.dragHandler(o,e,w,R)}))})}sortIcon(s){if(!this.props.sort||s<0)return null;const r=this.props.sort[s].dir;return r?[t.createElement(h.IconWrap,{key:1,name:`sort-${r}-small`,icon:r==="asc"?g.sortAscSmallIcon:g.sortDescSmallIcon}),this.props.sort.length>1&&t.createElement("span",{key:2,className:"k-sort-order"},s+1)]:null}render(){return this.props.columnsMap.map((s,r)=>this.props.pressHandler&&t.createElement(v.ColumnDraggable,{key:r,pressHandler:this.props.pressHandler,dragHandler:this.props.dragHandler,releaseHandler:this.props.releaseHandler,ariaRowIndex:r+1},this.cells(s))||t.createElement("tr",{className:"k-table-row","aria-rowindex":r+1,role:"row"},this.cells(s)))}}C.registerForLocalization(b);exports.HeaderRow=b;

package/header/HeaderRow.mjs

@@ -29,12 +29,12 @@ class K extends t.Component {
     super(...arguments), this.cellClick = (s, r) => {
       if (s.preventDefault(), !this.props.sortChange)
         return;
-      const { allowUnsort: p, mode: e } = w(this.props.sortable || !1, r.sortable || !1), l = (this.props.sort || []).filter((n) => n.field === r.field)[0], a = L[p][l && l.dir || ""], i = e === "single" ? [] : (this.props.sort || []).filter((n) => n.field !== r.field);
-      a !== "" && r.field && i.push({ field: r.field, dir: a }), this.props.sortChange(s, i, r.field);
+      const { allowUnsort: p, mode: e } = w(this.props.sortable || !1, r.sortable || !1), l = (this.props.sort || []).filter((a) => a.field === r.field)[0], n = L[p][l && l.dir || ""], i = e === "single" ? [] : (this.props.sort || []).filter((a) => a.field !== r.field);
+      n !== "" && r.field && i.push({ field: r.field, dir: n }), this.props.sortChange(s, i, r.field);
     }, this.cellKeyDown = (s, r) => {
       s.isDefaultPrevented() || s.keyCode === z.enter && this.cellClick(s, r);
     }, this.cells = (s) => s.map((r, p) => {
-      const e = this.props.columns[r], { columnResize: l } = this.props, a = l && l.resizable && e.resizable, i = this.props.sortable && e.sortable, n = this.props.sort ? this.props.sort.findIndex((o) => o.field === e.field) : -1, f = n >= 0 && this.props.sort[n].dir || "none", d = {
+      const e = this.props.columns[r], { columnResize: l } = this.props, n = l && l.resizable && e.resizable, i = this.props.sortable && e.sortable, a = this.props.sort ? this.props.sort.findIndex((o) => o.field === e.field) : -1, f = a >= 0 && this.props.sort[a].dir || "none", d = {
         sort: this.props.sort,
         onSortChange: this.props.sortChange,
         filter: this.props.columnMenuFilter,
@@ -47,7 +47,7 @@ class K extends t.Component {
         title: e.title,
         selectionValue: e.headerSelectionValue,
         render: this.props.cellRender,
-        children: this.sortIcon(n),
+        children: this.sortIcon(a),
         sort: this.props.sort,
         sortable: this.props.sortable,
         sortChange: this.props.sortChange,
@@ -92,7 +92,7 @@ class K extends t.Component {
         },
         e.headerCell && /* @__PURE__ */ t.createElement(e.headerCell, { ...h }),
         !e.headerCell && /* @__PURE__ */ t.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ t.createElement(y, { ...h }), c && /* @__PURE__ */ t.createElement(c, { ...d })),
-        l && a && /* @__PURE__ */ t.createElement(
+        l && n && /* @__PURE__ */ t.createElement(
           D,
           {
             key: "ColumnResizer",

package/header/HeaderSelectionCell.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 a=require("react");function r(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 c=r(a);function i(e){const t=[c.createElement("input",{key:0,checked:e.selectionValue,id:e.inputId,type:"checkbox",className:"k-checkbox k-checkbox-md k-rounded-md",onChange:n=>e.selectionChange({field:e.field,syntheticEvent:n})}),c.createElement("label",{key:1,className:"k-checkbox-label",htmlFor:e.inputId})];return c.createElement(c.Fragment,null,e.render?e.render.call(void 0,t,e):t)}exports.HeaderSelectionCell=i;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react");function r(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 c=r(a);function i(e){const t=[c.createElement("input",{key:0,checked:e.selectionValue,id:e.inputId,type:"checkbox",className:"k-checkbox k-checkbox-md k-rounded-md",onChange:n=>e.selectionChange({field:e.field,syntheticEvent:n})}),c.createElement("label",{key:1,className:"k-checkbox-label",htmlFor:e.inputId})];return c.createElement(c.Fragment,null,e.render?e.render.call(void 0,t,e):t)}exports.HeaderSelectionCell=i;

package/header/HeaderTdElement.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 m=require("react"),g=require("../navigation/hooks.js"),p=require("@progress/kendo-react-common");function S(e){const a=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(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const i=S(m),c=e=>{const{ariaSort:a,colSpan:t,rowSpan:r,columnId:l,navigatable:n,ariaColumnIndex:s,ariaLabel:u,ariaSelected:d,ariaDescription:y,...b}=e,f=g.useTableKeyboardNavigation(l,n),o=i.useRef(null);return i.useEffect(()=>{o.current&&n&&p.disableNavigatableContainer(o.current)},[n]),i.createElement("td",{ref:o,"aria-sort":a,"aria-label":u,"aria-colindex":s,"aria-selected":d,colSpan:t,rowSpan:r,...f,...b},e.children)};c.displayName="KendoReactHeaderTdElement";exports.HeaderTdElement=c;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),g=require("../navigation/hooks.js"),p=require("@progress/kendo-react-common");function S(e){const a=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(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const i=S(m),c=e=>{const{ariaSort:a,colSpan:t,rowSpan:r,columnId:l,navigatable:n,ariaColumnIndex:s,ariaLabel:u,ariaSelected:d,ariaDescription:y,...b}=e,f=g.useTableKeyboardNavigation(l,n),o=i.useRef(null);return i.useEffect(()=>{o.current&&n&&p.disableNavigatableContainer(o.current)},[n]),i.createElement("td",{ref:o,"aria-sort":a,"aria-label":u,"aria-colindex":s,"aria-selected":d,colSpan:t,rowSpan:r,...f,...b},e.children)};c.displayName="KendoReactHeaderTdElement";exports.HeaderTdElement=c;

package/header/HeaderTdElement.mjs

@@ -6,10 +6,10 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as t from "react";
+import * as r from "react";
 import { useTableKeyboardNavigation as f } from "../navigation/hooks.mjs";
 import { disableNavigatableContainer as b } from "@progress/kendo-react-common";
-const p = (r) => {
+const p = (t) => {
   const {
     ariaSort: i,
     colSpan: n,
@@ -21,10 +21,10 @@ const p = (r) => {
     ariaSelected: s,
     ariaDescription: g,
     ...m
-  } = r, u = f(l, e), a = t.useRef(null);
-  return t.useEffect(() => {
+  } = t, u = f(l, e), a = r.useRef(null);
+  return r.useEffect(() => {
     a.current && e && b(a.current);
-  }, [e]), /* @__PURE__ */ t.createElement(
+  }, [e]), /* @__PURE__ */ r.createElement(
     "td",
     {
       ref: a,
@@ -37,7 +37,7 @@ const p = (r) => {
       ...u,
       ...m
     },
-    r.children
+    t.children
   );
 };
 p.displayName = "KendoReactHeaderTdElement";

package/header/HeaderThElement.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 m=require("react"),g=require("../navigation/hooks.js"),p=require("@progress/kendo-react-common");function S(e){const a=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(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const i=S(m),c=e=>{const{ariaSort:a,colSpan:t,rowSpan:r,columnId:l,navigatable:n,ariaColumnIndex:s,ariaLabel:u,ariaSelected:d,ariaDescription:h,...b}=e,f=g.useTableKeyboardNavigation(l,n),o=i.useRef(null);return i.useEffect(()=>{o.current&&n&&p.disableNavigatableContainer(o.current)},[n]),i.createElement("th",{ref:o,"aria-sort":a,"aria-label":u,"aria-colindex":s,"aria-selected":d,colSpan:t,rowSpan:r,...f,...b},e.children)};c.displayName="KendoReactHeaderThElement";exports.HeaderThElement=c;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),g=require("../navigation/hooks.js"),p=require("@progress/kendo-react-common");function S(e){const a=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(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const i=S(m),c=e=>{const{ariaSort:a,colSpan:t,rowSpan:r,columnId:l,navigatable:n,ariaColumnIndex:s,ariaLabel:u,ariaSelected:d,ariaDescription:h,...b}=e,f=g.useTableKeyboardNavigation(l,n),o=i.useRef(null);return i.useEffect(()=>{o.current&&n&&p.disableNavigatableContainer(o.current)},[n]),i.createElement("th",{ref:o,"aria-sort":a,"aria-label":u,"aria-colindex":s,"aria-selected":d,colSpan:t,rowSpan:r,...f,...b},e.children)};c.displayName="KendoReactHeaderThElement";exports.HeaderThElement=c;

package/header/HeaderThElement.mjs

@@ -6,10 +6,10 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as t from "react";
+import * as r from "react";
 import { useTableKeyboardNavigation as f } from "../navigation/hooks.mjs";
 import { disableNavigatableContainer as b } from "@progress/kendo-react-common";
-const p = (r) => {
+const p = (t) => {
   const {
     ariaSort: i,
     colSpan: n,
@@ -21,10 +21,10 @@ const p = (r) => {
     ariaSelected: m,
     ariaDescription: h,
     ...d
-  } = r, u = f(l, e), a = t.useRef(null);
-  return t.useEffect(() => {
+  } = t, u = f(l, e), a = r.useRef(null);
+  return r.useEffect(() => {
     a.current && e && b(a.current);
-  }, [e]), /* @__PURE__ */ t.createElement(
+  }, [e]), /* @__PURE__ */ r.createElement(
     "th",
     {
       ref: a,
@@ -37,7 +37,7 @@ const p = (r) => {
       ...u,
       ...d
     },
-    r.children
+    t.children
   );
 };
 p.displayName = "KendoReactHeaderThElement";

package/header/SortSettings.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 t=(...e)=>Object.assign({allowUnsort:!0,mode:"single"},...e);exports.normalize=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=(...e)=>Object.assign({allowUnsort:!0,mode:"single"},...e);exports.normalize=o;

package/header/SortSettings.mjs

@@ -5,8 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
-const n = (...e) => Object.assign({ allowUnsort: !0, mode: "single" }, ...e);
+const o = (...e) => Object.assign({ allowUnsort: !0, mode: "single" }, ...e);
 export {
-  n as normalize
+  o as normalize
 };

package/header/utils/index.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../../navigation/utils.js"),w=require("../ColumnProps.js");function p(t,n){const d=t[n].depth;let i=null;for(let h=n+1;h<t.length;h++)if(t[h].depth===d){i=t[h];break}return i}const f=t=>{let n=t.width?parseFloat(t.width.toString()):0;return!n&&t.children&&t.children.length&&(n=t.children.reduce((d,i)=>f(i)+d,0)),n};function S(t,n){const d=[[]];let i=0;for(let e=t.length-1;e>=0;e--)i=Math.max(i,t[e].depth),t[e].colSpan=t[e].colSpan||1,t[e].children.length>0&&(t[e].colSpan=t[e].children.reduce((l,a)=>a.hidden?l:l+a.colSpan,0));const h=[];let r=1;return t.forEach((e,l)=>{d[e.depth]=d[e.depth]||[];let a=!1;d[e.depth].length===0&&(r<=1?r=1+(e.children.length>0?0:i-e.depth):(r--,a=!0)),e.rowSpan=1+(e.children.length>0?0:i-e.depth),e.kFirst=a,e.index=d[e.depth].length,d[e.depth].push(l),e.ariaColumnIndex=h[e.depth]?h[e.depth]+1:1;for(let o=e.depth;o<e.depth+e.rowSpan;o++)h[o]=(h[o]||0)+e.colSpan}),g(d,t,n),c(d,t,n),d}function g(t,n,d){const i=new Array(t.length).fill(0);let h=0;n.forEach(r=>{if(r.locked&&(!r.left||d))if(r.left=i[r.depth],h=f(r),r.children.length===0)for(let e=r.depth;e<i.length;e++)i[e]+=h;else i[r.depth]+=h})}function c(t,n,d){let i=0;const h=new Array(t.length).fill(0);for(let r=n.length-1;r>=0;r--){const e=n[r];if(e.locked&&(!e.right||d)){if(e.right=h[e.depth],i=f(e),e.children.length===0)for(let a=e.depth;a<h.length;a++)h[a]+=i;else h[e.depth]+=i;const l=p(n,r);e.rightBorder=!(l&&l.locked)}}}function s(t,n,d=0){const i=[];if(!t||!t.length)return[];t.forEach(r=>{const e=s(r.children||[],n,d+1);i.push(Object.assign({},{depth:d},w.ColumnDefaultProps,r,{id:r.id?r.id:x.generateNavigatableId(`${n.prevId++}`,n.idPrefix,"column"),declarationIndex:i.length,children:e,rowSpan:0,colSpan:0,isAccessible:!0}))});const h=(r,e)=>r.orderIndex===e.orderIndex?r.declarationIndex-e.declarationIndex:(r.orderIndex||0)-(e.orderIndex||0);if(i.sort(h),d===0){const r=[],e=(l,a)=>l.forEach(o=>{o.parentIndex=a,e(o.children,r.push(o)-1)});return e(i,-1),r}return i}function y(t){return!!(t&&getComputedStyle(t).direction==="rtl")}function I(t,n){if(!n||!t||!t.originalEvent)return-1;const d={x:t.clientX,y:t.originalEvent.clientY};let i=n.ownerDocument?n.ownerDocument.elementFromPoint(d.x,d.y):null;for(;i&&i.parentElement!==n;)i=i.parentElement;if(!i&&n.matches("tr")){const r=e=>{const l=e.getBoundingClientRect();return d.x>l.left&&d.x<l.left+l.width&&d.y>l.top&&d.y<l.top+l.height};i=Array.from(n.children).find(r)||null}const h=n.children;for(let r=0;r<h.length;r++)if(h[r]===i)return r;return-1}exports.getIndex=I;exports.isRtl=y;exports.mapColumns=S;exports.nextColumn=p;exports.readColumns=s;exports.updateLeft=g;exports.updateRight=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../../navigation/utils.js"),w=require("../ColumnProps.js");function p(t,n){const d=t[n].depth;let i=null;for(let h=n+1;h<t.length;h++)if(t[h].depth===d){i=t[h];break}return i}const f=t=>{let n=t.width?parseFloat(t.width.toString()):0;return!n&&t.children&&t.children.length&&(n=t.children.reduce((d,i)=>f(i)+d,0)),n};function S(t,n){const d=[[]];let i=0;for(let e=t.length-1;e>=0;e--)i=Math.max(i,t[e].depth),t[e].colSpan=t[e].colSpan||1,t[e].children.length>0&&(t[e].colSpan=t[e].children.reduce((l,a)=>a.hidden?l:l+a.colSpan,0));const h=[];let r=1;return t.forEach((e,l)=>{d[e.depth]=d[e.depth]||[];let a=!1;d[e.depth].length===0&&(r<=1?r=1+(e.children.length>0?0:i-e.depth):(r--,a=!0)),e.rowSpan=1+(e.children.length>0?0:i-e.depth),e.kFirst=a,e.index=d[e.depth].length,d[e.depth].push(l),e.ariaColumnIndex=h[e.depth]?h[e.depth]+1:1;for(let o=e.depth;o<e.depth+e.rowSpan;o++)h[o]=(h[o]||0)+e.colSpan}),g(d,t,n),c(d,t,n),d}function g(t,n,d){const i=new Array(t.length).fill(0);let h=0;n.forEach(r=>{if(r.locked&&(!r.left||d))if(r.left=i[r.depth],h=f(r),r.children.length===0)for(let e=r.depth;e<i.length;e++)i[e]+=h;else i[r.depth]+=h})}function c(t,n,d){let i=0;const h=new Array(t.length).fill(0);for(let r=n.length-1;r>=0;r--){const e=n[r];if(e.locked&&(!e.right||d)){if(e.right=h[e.depth],i=f(e),e.children.length===0)for(let a=e.depth;a<h.length;a++)h[a]+=i;else h[e.depth]+=i;const l=p(n,r);e.rightBorder=!(l&&l.locked)}}}function s(t,n,d=0){const i=[];if(!t||!t.length)return[];t.forEach(r=>{const e=s(r.children||[],n,d+1);i.push(Object.assign({},{depth:d},w.ColumnDefaultProps,r,{id:r.id?r.id:x.generateNavigatableId(`${n.prevId++}`,n.idPrefix,"column"),declarationIndex:i.length,children:e,rowSpan:0,colSpan:0,isAccessible:!0}))});const h=(r,e)=>r.orderIndex===e.orderIndex?r.declarationIndex-e.declarationIndex:(r.orderIndex||0)-(e.orderIndex||0);if(i.sort(h),d===0){const r=[],e=(l,a)=>l.forEach(o=>{o.parentIndex=a,e(o.children,r.push(o)-1)});return e(i,-1),r}return i}function y(t){return!!(t&&getComputedStyle(t).direction==="rtl")}function I(t,n){if(!n||!t||!t.originalEvent)return-1;const d={x:t.clientX,y:t.originalEvent.clientY};let i=n.ownerDocument?n.ownerDocument.elementFromPoint(d.x,d.y):null;for(;i&&i.parentElement!==n;)i=i.parentElement;if(!i&&n.matches("tr")){const r=e=>{const l=e.getBoundingClientRect();return d.x>l.left&&d.x<l.left+l.width&&d.y>l.top&&d.y<l.top+l.height};i=Array.from(n.children).find(r)||null}const h=n.children;for(let r=0;r<h.length;r++)if(h[r]===i)return r;return-1}exports.getIndex=I;exports.isRtl=y;exports.mapColumns=S;exports.nextColumn=p;exports.readColumns=s;exports.updateLeft=g;exports.updateRight=c;

package/header/utils/index.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import { generateNavigatableId as p } from "../../navigation/utils.mjs";
 import { ColumnDefaultProps as g } from "../ColumnProps.mjs";
 function c(t, n) {
@@ -38,9 +37,9 @@ function I(t, n) {
     d[e.depth].length === 0 && (r <= 1 ? r = 1 + (e.children.length > 0 ? 0 : i - e.depth) : (r--, a = !0)), e.rowSpan = 1 + (e.children.length > 0 ? 0 : i - e.depth), e.kFirst = a, e.index = d[e.depth].length, d[e.depth].push(l), e.ariaColumnIndex = h[e.depth] ? h[e.depth] + 1 : 1;
     for (let f = e.depth; f < e.depth + e.rowSpan; f++)
       h[f] = (h[f] || 0) + e.colSpan;
-  }), s(d, t, n), x(d, t, n), d;
+  }), x(d, t, n), s(d, t, n), d;
 }
-function s(t, n, d) {
+function x(t, n, d) {
   const i = new Array(t.length).fill(0);
   let h = 0;
   n.forEach((r) => {
@@ -52,7 +51,7 @@ function s(t, n, d) {
         i[r.depth] += h;
   });
 }
-function x(t, n, d) {
+function s(t, n, d) {
   let i = 0;
   const h = new Array(t.length).fill(0);
   for (let r = n.length - 1; r >= 0; r--) {
@@ -123,6 +122,6 @@ export {
   I as mapColumns,
   c as nextColumn,
   w as readColumns,
-  s as updateLeft,
-  x as updateRight
+  x as updateLeft,
+  s as updateRight
 };

package/index.d.mts

@@ -17,7 +17,6 @@ import { JSX as JSX_2 } from 'react/jsx-runtime';
 import * as React_2 from 'react';
 import { SortDescriptor } from '@progress/kendo-data-query';
 import { SVGIcon } from '@progress/kendo-react-common';
-import { TableSelectableMode as TableSelectableMode_2 } from './TableSelectableSettings';
 
 /**
  * Represents the base object of the `onPageChange` event. It is usually used
@@ -653,6 +652,9 @@ export declare interface ColumnSortSettings {
     allowUnsort?: boolean;
 }
 
+/** @hidden */
+export declare const combineFilters: (first?: CompositeFilterDescriptor, second?: CompositeFilterDescriptor) => CompositeFilterDescriptor | undefined;
+
 /**
  * @hidden
  */
@@ -1244,7 +1246,7 @@ export declare const getDetailExpandableOptions: (expandable?: boolean | TableEx
 /**
  * @hidden
  */
-export declare const getEditableOptions: (editable?: boolean | TableEditableSettings) => TableEditableSettings;
+export declare const getEditableOptions: (editable?: boolean | TableEditableSettings) => Required<TableEditableSettings>;
 
 /** @hidden */
 export declare const getGroupExpandableOptions: (groupExpandable?: boolean | TableGroupExpandableSettings) => TableGroupExpandableSettings;
@@ -1280,6 +1282,9 @@ export declare const getOffset: (offsetParent: any) => any;
 /** @hidden */
 export declare const getRowIndex: (element: HTMLTableRowElement) => number | undefined;
 
+/** @hidden */
+export declare const getSearchFromString: (search: CompositeFilterDescriptor, value: string) => CompositeFilterDescriptor;
+
 /**
  * Get selected state from the component selection event.
  *
@@ -1313,12 +1318,10 @@ export declare const getSelectedStateFromKeyDown: (options: {
 };
 
 /** @hidden */
-export declare const getSelectionOptions: (selectable?: TableSelectableSettings) => {
-    enabled: boolean;
-    drag: boolean;
-    mode: TableSelectableMode_2;
-    cell: boolean;
-};
+export declare const getSelectionOptions: (selectable?: boolean | TableSelectableSettings) => Required<TableSelectableSettings>;
+
+/** @hidden */
+export declare const getStringFromSearch: (search: CompositeFilterDescriptor | undefined) => string;
 
 /**
  * @hidden
@@ -2010,6 +2013,24 @@ export declare const relativeContextElement: (element: any) => any;
  */
 export declare const removeItems: (data: any[], subItemsField: string, condition: (item: any) => boolean) => any[];
 
+/**
+ * Represents the SearchField that configures the way a data field is searched.
+ */
+export declare interface SearchField {
+    /**
+     * The name of the searched field.
+     */
+    field: string;
+    /**
+     * The string operator that will be used for search.
+     */
+    operator?: string;
+    /**
+     * Defines if the search is case sensitive.
+     */
+    ignoreCase?: boolean;
+}
+
 /**
  * @hidden
  * TODO: document
@@ -2174,7 +2195,7 @@ export declare interface TableEditableSettings {
      * * `inline`
      * * `incell`
      *
-     * @default 'inline
+     * @default 'incell
      */
     mode?: 'inline' | 'incell';
 }
@@ -2267,9 +2288,7 @@ export declare const tableKeyboardNavigation: {
     focusFirstDataElement: (options: {
         scope?: HTMLElement | undefined;
         contextStateRef: {
-            current?: TableKeyboardNavigationContextType | undefined; /**
-            * @hidden
-            */
+            current?: TableKeyboardNavigationContextType | undefined;
         };
         navigationStateRef: {
             current?: TableKeyboardNavigationStateType | undefined;

package/index.d.ts

@@ -17,7 +17,6 @@ import { JSX as JSX_2 } from 'react/jsx-runtime';
 import * as React_2 from 'react';
 import { SortDescriptor } from '@progress/kendo-data-query';
 import { SVGIcon } from '@progress/kendo-react-common';
-import { TableSelectableMode as TableSelectableMode_2 } from './TableSelectableSettings';
 
 /**
  * Represents the base object of the `onPageChange` event. It is usually used
@@ -653,6 +652,9 @@ export declare interface ColumnSortSettings {
     allowUnsort?: boolean;
 }
 
+/** @hidden */
+export declare const combineFilters: (first?: CompositeFilterDescriptor, second?: CompositeFilterDescriptor) => CompositeFilterDescriptor | undefined;
+
 /**
  * @hidden
  */
@@ -1244,7 +1246,7 @@ export declare const getDetailExpandableOptions: (expandable?: boolean | TableEx
 /**
  * @hidden
  */
-export declare const getEditableOptions: (editable?: boolean | TableEditableSettings) => TableEditableSettings;
+export declare const getEditableOptions: (editable?: boolean | TableEditableSettings) => Required<TableEditableSettings>;
 
 /** @hidden */
 export declare const getGroupExpandableOptions: (groupExpandable?: boolean | TableGroupExpandableSettings) => TableGroupExpandableSettings;
@@ -1280,6 +1282,9 @@ export declare const getOffset: (offsetParent: any) => any;
 /** @hidden */
 export declare const getRowIndex: (element: HTMLTableRowElement) => number | undefined;
 
+/** @hidden */
+export declare const getSearchFromString: (search: CompositeFilterDescriptor, value: string) => CompositeFilterDescriptor;
+
 /**
  * Get selected state from the component selection event.
  *
@@ -1313,12 +1318,10 @@ export declare const getSelectedStateFromKeyDown: (options: {
 };
 
 /** @hidden */
-export declare const getSelectionOptions: (selectable?: TableSelectableSettings) => {
-    enabled: boolean;
-    drag: boolean;
-    mode: TableSelectableMode_2;
-    cell: boolean;
-};
+export declare const getSelectionOptions: (selectable?: boolean | TableSelectableSettings) => Required<TableSelectableSettings>;
+
+/** @hidden */
+export declare const getStringFromSearch: (search: CompositeFilterDescriptor | undefined) => string;
 
 /**
  * @hidden
@@ -2010,6 +2013,24 @@ export declare const relativeContextElement: (element: any) => any;
  */
 export declare const removeItems: (data: any[], subItemsField: string, condition: (item: any) => boolean) => any[];
 
+/**
+ * Represents the SearchField that configures the way a data field is searched.
+ */
+export declare interface SearchField {
+    /**
+     * The name of the searched field.
+     */
+    field: string;
+    /**
+     * The string operator that will be used for search.
+     */
+    operator?: string;
+    /**
+     * Defines if the search is case sensitive.
+     */
+    ignoreCase?: boolean;
+}
+
 /**
  * @hidden
  * TODO: document
@@ -2174,7 +2195,7 @@ export declare interface TableEditableSettings {
      * * `inline`
      * * `incell`
      *
-     * @default 'inline
+     * @default 'incell
      */
     mode?: 'inline' | 'incell';
 }
@@ -2267,9 +2288,7 @@ export declare const tableKeyboardNavigation: {
     focusFirstDataElement: (options: {
         scope?: HTMLElement | undefined;
         contextStateRef: {
-            current?: TableKeyboardNavigationContextType | undefined; /**
-            * @hidden
-            */
+            current?: TableKeyboardNavigationContextType | undefined;
         };
         navigationStateRef: {
             current?: TableKeyboardNavigationStateType | undefined;