@progress/kendo-react-treelist 9.4.0-develop.6 → 9.4.0-develop.8

package/TreeList.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 G=require("react"),n=require("prop-types"),g=require("@progress/kendo-react-common"),h=require("@progress/kendo-react-data-tools"),H=require("./utils/index.js"),J=require("./cells/TreeListCell.js"),Q=require("./TreeListNoRecords.js"),X=require("./rows/TreeListRow.js"),Y=require("./package-metadata.js");function Z(y){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(y){for(const e in y)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(y,e);Object.defineProperty(l,e,t.get?t:{enumerable:!0,get:()=>y[e]})}}return l.default=y,Object.freeze(l)}const d=Z(G),F=class F extends d.Component{constructor(l){super(l),this.element=null,this.wrapperScrollLeft=0,this.wrapperScrollTop=0,this.updateOnScroll=!1,this.tbodyOffsetTop=0,this.prevData=[],this.flattedData=[],this.extendedColumn=[],this.columnsMap=[],this.contextStateRef={current:void 0},this.navigationStateRef={current:void 0},this.scrollIntoView=e=>{if(!this.element)return;const{rowIndex:t=0}=e,{scrollable:o,rowHeight:s=0}=this.props;if(o==="virtual"||s)this.element.scroll(0,(t-1)*s);else{const r=this.element.querySelector(`tbody > tr:nth-child(${t})`);if(r){const i=r.offsetTop-this.tbodyOffsetTop;this.element.scroll(0,i)}}},this.getExtendedColumn=g.memoizeOne((e,t)=>h.readColumns(e,{prevId:0,idPrefix:t})),this.getColumnsMap=g.memoizeOne((e,t)=>h.mapColumns(e,t)),this.onKeyDown=e=>{if(h.tableKeyboardNavigation.onKeyDown(e,{navigatable:!1,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef}),this.props.onKeyDown){const{mode:t,cell:o}=h.getSelectionOptions(this.props.selectable),s={dataItems:this.getLeafDataItems(),mode:t,cell:o,componentId:this._treeListId,selectedField:this.props.selectedField,...this.getArguments(e)};this.props.onKeyDown.call(void 0,s)}},this.onFocus=e=>{h.tableKeyboardNavigation.onFocus(e,{contextStateRef:this.contextStateRef})},this.onRowDrag=e=>{this.props.onRowDrag&&this.props.onRowDrag.call(void 0,{...e,target:this})},this.onRowDrop=e=>{this.props.onRowDrop&&this.props.onRowDrop.call(void 0,{...e,target:this})},this.columnReorder=(e,t,o)=>{const s=this.extendedColumn[e].depth,r=p=>{do p++;while(p<this.extendedColumn.length&&this.extendedColumn[p].depth>s);return p},i=this.extendedColumn.splice(e,r(e)-e);if(this.extendedColumn.splice(e<t?r(t-i.length):t,0,...i),this.extendedColumn.filter(p=>p.declarationIndex>=0).forEach((p,m)=>p.orderIndex=m),this.props.onColumnReorder){const p={target:this,columns:this.columns,nativeEvent:o};this.props.onColumnReorder.call(void 0,p)}},this.onResize=(e,t,o,s,r)=>{if(this.props.onColumnResize){const i=this.extendedColumn.filter(m=>m.children.length===0).reduce((m,C)=>m+=parseFloat(String(C.width)),0),p={columns:this.columns,totalWidth:i,index:e,nativeEvent:s,newWidth:t,oldWidth:o,end:r,target:this};this.props.onColumnResize.call(void 0,p)}},this.handleOnScroll=e=>{const t=e.currentTarget.scrollLeft,o=e.currentTarget.scrollTop,{columnVirtualization:s,scrollable:r,rowHeight:i=0}=this.props,p=i,m=0;let C=!1;s&&Math.abs(this.wrapperScrollLeft-t)>m&&(this.wrapperScrollLeft=t,C=!0),r==="virtual"&&Math.abs(this.wrapperScrollTop-o)>p&&(this.wrapperScrollTop=o,C=!0),C&&(this.updateOnScroll=!0,this.forceUpdate())},this.calculateSizes=e=>{if(!e||this.props.scrollable==="none")return;const t=Array.from(e.childNodes),o=t.find(i=>i.nodeName==="TABLE"),s=this.props.toolbar&&t.find(i=>i.nodeType===1&&i.classList.contains("k-grid-toolbar"));let r=0;if(s){const i=s.style.boxSizing;s.style.boxSizing="border-box",r=parseFloat(String(window.getComputedStyle(s).height))||s.offsetHeight,s.style.boxSizing=i,s.getAttribute("style")||s.removeAttribute("style")}this.tbodyOffsetTop=o.tBodies[0].offsetTop,H.setHeaderRowsTop(o,r)},this.itemChange=e=>{const t=this.props.onItemChange;if(e.field===this.props.expandField){const o=this.props.onExpandChange;if(o){const s={...this.getArguments(e.syntheticEvent),dataItem:e.dataItem,level:e.level,value:e.value};o.call(void 0,s)}return}if(t){const o={...this.getArguments(e.syntheticEvent),dataItem:e.dataItem,level:e.level,field:e.field,value:e.value};t.call(void 0,o)}},this.onHeaderSelectionChange=e=>{if(this.props.onHeaderSelectionChange){const t={field:e.field,nativeEvent:e.syntheticEvent&&e.syntheticEvent.nativeEvent,syntheticEvent:e.syntheticEvent,target:this,dataItems:this.getLeafDataItems()};this.props.onHeaderSelectionChange.call(void 0,t)}},this.selectionRelease=e=>{if(this.props.onSelectionChange){const t={syntheticEvent:void 0,target:this,selectedField:this.props.selectedField||"",componentId:this._treeListId,dataItems:this.getLeafDataItems(),dataItem:null,level:[],...e};this.props.onSelectionChange.call(void 0,t)}},this.sortChange=(e,t,o)=>{this.raiseDataEvent(this.props.onSortChange,{sort:t,field:o},e)},this.headerFilterChange=(e,t,o)=>{this.raiseDataEvent(this.props.onFilterChange,{filter:t,field:o},e)},this.filterChange=e=>{const{filter:t,field:o}=e;this.raiseDataEvent(this.props.onFilterChange,{filter:t,field:o},e.syntheticEvent)},this.columnMenuFilterChange=(e,t,o)=>{const{onColumnMenuFilterChange:s}=this.props;if(!s)return;const r={syntheticEvent:e,filter:t,field:o,target:this,nativeEvent:e.nativeEvent};s.call(void 0,r)},this.expandChange=(e,t,o)=>{const{expandField:s,onExpandChange:r}=this.props;if(s&&r){const i={...this.getArguments(e),dataItem:t,level:o,value:this.expanded(t)};r.call(void 0,i)}},this.rowClick=(e,t)=>{if(this.props.onRowClick&&e.target.nodeName==="TD"){const o={dataItem:t.dataItem,level:t.level,...this.getArguments(e)};this.props.onRowClick.call(void 0,o)}},this.rowDoubleClick=(e,t)=>{if(this.props.onRowDoubleClick&&e.target.nodeName==="TD"){const o={dataItem:t.dataItem,level:t.level,...this.getArguments(e)};this.props.onRowDoubleClick.call(void 0,o)}},this.rowContextMenu=(e,t)=>{if(this.props.onRowContextMenu&&e.target.nodeName==="TD"){const o={dataItem:t.dataItem,level:t.level,...this.getArguments(e)};this.props.onRowContextMenu.call(void 0,o)}},this.onPageChange=e=>{if(this.props.onPageChange){const t={...this.getArguments(e.syntheticEvent),skip:e.skip,take:e.take};this.props.onPageChange.call(void 0,t)}},this.expandedSubItems=e=>{const t=[];return this.expanded(e)&&this.hasChildren(e)&&t.push(...g.getNestedValue(this.props.subItemsField,e)),t},this.getLeafDataItems=()=>this.flatData.map(e=>e.dataItem),this.expanded=e=>!!g.getNestedValue(this.props.expandField,e),this.hasChildren=e=>!!g.getNestedValue(this.props.subItemsField,e),g.validatePackage(Y.packageMetadata),this.dragLogic=new h.CommonDragLogic(this.columnReorder,g.noop,g.noop),this.columnResize=new h.ColumnResize(this.onResize.bind(this)),h.tableKeyboardNavigation.onConstructor({navigatable:!!l.navigatable,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef})}get _treeListId(){return this.props.id+"-treelist"}get document(){if(g.canUseDOM)return this.element&&this.element.ownerDocument||document}componentDidMount(){this.calculateSizes(this.element),h.tableKeyboardNavigation.onComponentDidMount({scope:this.element||void 0,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef})}getSnapshotBeforeUpdate(){return h.tableKeyboardNavigation.onGetSnapshotBeforeUpdate({document:this.document,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef}),null}componentDidUpdate(l){l.columns!==this.props.columns&&this.calculateSizes(this.element),h.tableKeyboardNavigation.onComponentDidUpdate({scope:this.element||void 0,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef})}componentWillUnmount(){this.columnsMap=[],this.prevData=[],this.flattedData=[],this.updateOnScroll=!1,this.getExtendedColumn.clear(),this.getColumnsMap.clear()}render(){const{columns:l=[],filterRow:e,scrollable:t="scrollable",resizable:o=!1,reorderable:s=!1,skip:r,take:i}=this.props,p=l.some(a=>!!a.filter||!!a.filterCell)||e!==void 0,m=e||h.FilterRow,C=h.tableKeyboardNavigationTools.getIdPrefix(this.navigationStateRef),T=this.getExtendedColumn(l,C),L=T.length!==this.extendedColumn.length;this.extendedColumn=T,this.columnsMap=this.getColumnsMap(this.extendedColumn,L);const b=this.extendedColumn.filter(a=>a.children.length===0);this.columnResize.columns=this.extendedColumn,this.columnResize.resizable=o,this.dragLogic.columns=this.extendedColumn,this.dragLogic.reorderable=s,this.dragLogic.groupable=!1;const D=d.createElement(h.Header,{headerRow:d.createElement(h.HeaderRow,{sort:this.props.sort,sortable:this.props.sortable,sortChange:this.sortChange,selectionChange:this.onHeaderSelectionChange,columns:this.extendedColumn,columnsMap:this.columnsMap,cellRender:this.props.headerCellRender,columnResize:this.columnResize,columnMenu:this.props.columnMenu,columnMenuFilter:this.props.columnMenuFilter,columnMenuFilterChange:this.columnMenuFilterChange,pressHandler:this.dragLogic.pressHandler,dragHandler:this.dragLogic.dragHandler,releaseHandler:this.dragLogic.releaseHandler,filterChange:this.headerFilterChange}),reorderable:this.props.reorderable,filterRow:p&&d.createElement(m,{columns:b,filter:this.props.filter,filterChange:this.filterChange,sort:this.props.sort,ariaRowIndex:this.columnsMap.length+1})||void 0,columnResize:this.columnResize}),N=this.props.style||{},{colSpans:P,hiddenColumns:A}=h.tableColumnsVirtualization({enabled:this.props.columnVirtualization,columns:b,scrollLeft:this.wrapperScrollLeft,tableViewPortWidth:parseFloat((N.width||"").toString())}),V=(a,f,I,E,k,x)=>b.map((c,u)=>{if(A[u])return null;const R=c.id?c.id:u,z=`${c.className?c.className+" ":""}${c.locked?"k-grid-content-sticky":""}`,w={id:h.tableKeyboardNavigationTools.generateNavigatableId(`${I}-${String(u)}`,C),colSpan:P[u],dataItem:a.dataItem,field:c.field,format:c.format,className:z||void 0,render:this.props.cellRender,onChange:this.itemChange,selectionChange:this.props.onSelectionChange?S=>{this.selectionChange({event:S,item:a,columnIndex:u,dataIndex:k})}:void 0,level:a.level,expandable:c.expandable,expanded:E,hasChildren:this.hasChildren(a.dataItem),onExpandChange:this.expandChange,colIndex:u,ariaColumnIndex:c.ariaColumnIndex,style:c.left!==void 0&&{left:c.left,right:c.right,borderRightWidth:c.rightBorder?"1px":""}||{},isSelected:Array.isArray(x)&&x.indexOf(u)>-1};return f&&c.editCell?d.createElement(c.editCell,{key:R,...w,onChange:this.itemChange}):c.cell?d.createElement(c.cell,{key:R,...w}):d.createElement(J.TreeListCell,{key:R,...w})});let v=this.flatData;const K=v.length;r!==void 0&&i!==void 0&&(v=v.slice(r,r+i)),t==="virtual"&&(v=H.tableRowsVirtualization({rows:v,tableViewPortHeight:parseFloat((N.height||N.maxHeight||"").toString()),scrollTop:this.wrapperScrollTop}),this.updateOnScroll=!1);const B=v.map(a=>a.level),U=this.columnsMap.length+(p?1:0)+1,j=v.length>0&&v.map((a,f)=>{const I=g.getNestedValue(this.props.editField,a.dataItem),E=this.props.dataItemKey&&g.getter(this.props.dataItemKey)(a.dataItem),k=String(E||a.level.join(".")),x=this.expanded(a.dataItem),c=this.props.selectedField?g.getNestedValue(this.props.selectedField,a.dataItem):void 0,u={key:k,level:a.level,levels:B,dataItem:a.dataItem,selectedField:this.props.selectedField,rowHeight:t==="virtual"?a.height:this.props.rowHeight,render:this.props.rowRender,onDrop:this.onRowDrop,onDrag:this.onRowDrag,onClick:S=>this.rowClick(S,a),onDoubleClick:S=>this.rowDoubleClick(S,a),onContextMenu:S=>this.rowContextMenu(S,a),isAltRow:f%2!==0,expanded:x,rowIndex:f,ariaRowIndex:U+f,ariaSetSize:a.levelCount,ariaPosInSet:a.level[a.level.length-1]+1,isSelected:typeof c=="boolean"&&c},R=this.props.editRow,z=this.props.row||X.TreeListRow,w=V(a,I,k,x,f,c);return I&&R?d.createElement(R,{...u,key:u.key},w):d.createElement(z,{...u,key:u.key},w)})||d.createElement("tr",{className:"k-table-row k-grid-norecords"},d.createElement("td",{colSpan:b.length},this.props.noRecords||d.createElement(Q.TreeListNoRecords,null))),q=a=>this.props.sort&&this.props.sort.some(f=>f.field===a),_=d.createElement("colgroup",{ref:a=>{this.columnResize.colGroupMain=a}},b.map((a,f)=>d.createElement("col",{key:f.toString(),className:q(a.field)?"k-sorted":void 0,style:a.width!==void 0?{width:a.width}:void 0}))),W=this.props.columnVirtualization||this.props.scrollable==="virtual",$=this.props.selectable&&this.props.selectable.drag?"none":void 0,O=this.props.tableProps||{};return d.createElement(h.TableKeyboardNavigationContext.Provider,{value:this.contextStateRef.current},d.createElement("div",{id:this.props.id,style:this.props.style,className:g.classNames("k-grid k-grid-md","k-treelist",this.props.className,{"k-treelist-scrollable":t!=="none"}),ref:a=>this.element=a,onScroll:W?this.handleOnScroll:void 0,onKeyDown:this.onKeyDown,onFocus:this.onFocus,"aria-rowcount":K,"aria-colcount":b.length,role:"treegrid",...h.tableKeyboardNavigationScopeAttributes},this.props.toolbar,d.createElement(h.TableSelection,{selectable:this.props.selectable,onRelease:this.selectionRelease},d.createElement("table",{className:"k-table k-table-md k-grid-table",...O,style:{...O.style||{},userSelect:$},role:"presentation"},_,D,d.createElement("tbody",{className:"k-table-tbody",...h.tableKeyboardNavigationBodyAttributes,role:"presentation"},j))),this.props.pager&&d.createElement(this.props.pager,{className:"k-grid-pager",total:K,skip:r,take:i,onPageChange:this.onPageChange}),s&&d.createElement(d.Fragment,null,d.createElement(h.DropClue,{ref:this.dragLogic.refDropElementClue}),d.createElement(h.DragClue,{ref:this.dragLogic.refDragElementClue}))))}get columns(){const l=this.extendedColumn.filter(t=>t.declarationIndex>=0&&t.parentIndex===-1),e=t=>(t.sort((o,s)=>o.declarationIndex-s.declarationIndex),t.map(o=>{const{declarationIndex:s,parentIndex:r,depth:i,colSpan:p,rowSpan:m,index:C,kFirst:T,groupable:L,children:b,...D}=o;return b.length?{children:e(b),...D}:D}));return e(l)}get flatData(){const{data:l=[],rowHeight:e=0}=this.props;let t=0;const o=r=>{const i={height:e,offsetTop:t};return t+=i.height,i},s=this.updateOnScroll&&this.prevData===l&&this.tbodyOffsetTop>0&&this.flattedData.length?this.flattedData:h.flatData(l,this.expandedSubItems,o);return this.prevData=l,this.flattedData=s,s}selectionChange(l){if(this.props.onSelectionChange){const{event:e,item:t,dataIndex:o,columnIndex:s}=l,{mode:r,cell:i}=h.getSelectionOptions(this.props.selectable),p={...this.getArguments(e.syntheticEvent),dataItem:t.dataItem,level:t.level,startColIndex:s,endColIndex:s,startRowIndex:o,endRowIndex:o,dataItems:this.getLeafDataItems(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,mode:r,cell:i,isDrag:!1,componentId:this._treeListId,selectedField:this.props.selectedField||""};this.props.onSelectionChange.call(void 0,p)}}raiseDataEvent(l,e,t){const o=this.props.onDataStateChange;if(l)l.call(void 0,{...this.getArguments(t),...e});else if(o){const s={...this.getArguments(t),dataState:{...this.getDataState(),...e}};o.call(void 0,s)}}getDataState(){return{filter:this.props.filter,sort:this.props.sort}}getArguments(l){return{nativeEvent:l&&l.nativeEvent,syntheticEvent:l,target:this}}};F.propTypes={data:n.array,resizable:n.bool,reorderable:n.bool,sortable:n.oneOfType([n.bool,n.shape({mode:n.oneOf(["single","multiple"]),allowUnsort:n.bool})]),onSortChange:n.func,sort:n.array,columns:n.arrayOf(n.object),columnVirtualization:n.bool,filter:n.array,onFilterChange:n.func,filterRow:n.any,toolbar:n.any,noRecords:n.any,onExpandChange:n.func,expandField:n.string,subItemsField:n.string,selectedField:n.string,onSelectionChange:n.func,onHeaderSelectionChange:n.func,onRowClick:n.func,onItemChange:n.func,editField:n.string,scrollable:n.oneOf(["none","scrollable","virtual"]),rowHeight:n.number,style:n.object,tableProps:n.object,pager:n.any,skip:n.number,take:n.number,onPageChange:n.func,onDataStateChange:n.func,onColumnResize:n.func,onColumnReorder:n.func,dataItemKey:n.string,navigatable:n.bool},F.contextType=h.TableKeyboardNavigationContext;let M=F;exports.TreeList=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("react"),n=require("prop-types"),g=require("@progress/kendo-react-common"),h=require("@progress/kendo-react-data-tools"),H=require("./utils/index.js"),J=require("./cells/TreeListCell.js"),Q=require("./TreeListNoRecords.js"),X=require("./rows/TreeListRow.js"),Y=require("./package-metadata.js");function Z(y){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(y){for(const e in y)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(y,e);Object.defineProperty(l,e,t.get?t:{enumerable:!0,get:()=>y[e]})}}return l.default=y,Object.freeze(l)}const d=Z(G),F=class F extends d.Component{constructor(l){super(l),this.element=null,this.wrapperScrollLeft=0,this.wrapperScrollTop=0,this.updateOnScroll=!1,this.tbodyOffsetTop=0,this.prevData=[],this.flattedData=[],this.extendedColumn=[],this.columnsMap=[],this.contextStateRef={current:void 0},this.navigationStateRef={current:void 0},this.scrollIntoView=e=>{if(!this.element)return;const{rowIndex:t=0}=e,{scrollable:o,rowHeight:s=0}=this.props;if(o==="virtual"||s)this.element.scroll(0,(t-1)*s);else{const r=this.element.querySelector(`tbody > tr:nth-child(${t})`);if(r){const i=r.offsetTop-this.tbodyOffsetTop;this.element.scroll(0,i)}}},this.getExtendedColumn=g.memoizeOne((e,t)=>h.readColumns(e,{prevId:0,idPrefix:t})),this.getColumnsMap=g.memoizeOne((e,t)=>h.mapColumns(e,t)),this.onKeyDown=e=>{if(h.tableKeyboardNavigation.onKeyDown(e,{navigatable:!1,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef}),this.props.onKeyDown){const{mode:t,cell:o}=h.getSelectionOptions(this.props.selectable),s={dataItems:this.getLeafDataItems(),mode:t,cell:o,componentId:this._treeListId,selectedField:this.props.selectedField,...this.getArguments(e)};this.props.onKeyDown.call(void 0,s)}},this.onFocus=e=>{h.tableKeyboardNavigation.onFocus(e,{contextStateRef:this.contextStateRef})},this.onRowDrag=e=>{this.props.onRowDrag&&this.props.onRowDrag.call(void 0,{...e,target:this})},this.onRowDrop=e=>{this.props.onRowDrop&&this.props.onRowDrop.call(void 0,{...e,target:this})},this.columnReorder=(e,t,o)=>{const s=this.extendedColumn[e].depth,r=p=>{do p++;while(p<this.extendedColumn.length&&this.extendedColumn[p].depth>s);return p},i=this.extendedColumn.splice(e,r(e)-e);if(this.extendedColumn.splice(e<t?r(t-i.length):t,0,...i),this.extendedColumn.filter(p=>p.declarationIndex>=0).forEach((p,m)=>p.orderIndex=m),this.props.onColumnReorder){const p={target:this,columns:this.columns,nativeEvent:o};this.props.onColumnReorder.call(void 0,p)}},this.onResize=(e,t,o,s,r)=>{if(this.props.onColumnResize){const i=this.extendedColumn.filter(m=>m.children.length===0).reduce((m,C)=>m+=parseFloat(String(C.width)),0),p={columns:this.columns,totalWidth:i,index:e,nativeEvent:s,newWidth:t,oldWidth:o,end:r,target:this};this.props.onColumnResize.call(void 0,p)}},this.handleOnScroll=e=>{const t=e.currentTarget.scrollLeft,o=e.currentTarget.scrollTop,{columnVirtualization:s,scrollable:r,rowHeight:i=0}=this.props,p=i,m=0;let C=!1;s&&Math.abs(this.wrapperScrollLeft-t)>m&&(this.wrapperScrollLeft=t,C=!0),r==="virtual"&&Math.abs(this.wrapperScrollTop-o)>p&&(this.wrapperScrollTop=o,C=!0),C&&(this.updateOnScroll=!0,this.forceUpdate())},this.calculateSizes=e=>{if(!e||this.props.scrollable==="none")return;const t=Array.from(e.childNodes),o=t.find(i=>i.nodeName==="TABLE"),s=this.props.toolbar&&t.find(i=>i.nodeType===1&&i.classList.contains("k-grid-toolbar"));let r=0;if(s){const i=s.style.boxSizing;s.style.boxSizing="border-box",r=parseFloat(String(window.getComputedStyle(s).height))||s.offsetHeight,s.style.boxSizing=i,s.getAttribute("style")||s.removeAttribute("style")}this.tbodyOffsetTop=o.tBodies[0].offsetTop,H.setHeaderRowsTop(o,r)},this.itemChange=e=>{const t=this.props.onItemChange;if(e.field===this.props.expandField){const o=this.props.onExpandChange;if(o){const s={...this.getArguments(e.syntheticEvent),dataItem:e.dataItem,level:e.level,value:e.value};o.call(void 0,s)}return}if(t){const o={...this.getArguments(e.syntheticEvent),dataItem:e.dataItem,level:e.level,field:e.field,value:e.value};t.call(void 0,o)}},this.onHeaderSelectionChange=e=>{if(this.props.onHeaderSelectionChange){const t={field:e.field,nativeEvent:e.syntheticEvent&&e.syntheticEvent.nativeEvent,syntheticEvent:e.syntheticEvent,target:this,dataItems:this.getLeafDataItems()};this.props.onHeaderSelectionChange.call(void 0,t)}},this.selectionRelease=e=>{if(this.props.onSelectionChange){const t={syntheticEvent:void 0,target:this,selectedField:this.props.selectedField||"",componentId:this._treeListId,dataItems:this.getLeafDataItems(),dataItem:null,level:[],...e};this.props.onSelectionChange.call(void 0,t)}},this.sortChange=(e,t,o)=>{this.raiseDataEvent(this.props.onSortChange,{sort:t,field:o},e)},this.headerFilterChange=(e,t,o)=>{this.raiseDataEvent(this.props.onFilterChange,{filter:t,field:o},e)},this.filterChange=e=>{const{filter:t,field:o}=e;this.raiseDataEvent(this.props.onFilterChange,{filter:t,field:o},e.syntheticEvent)},this.columnMenuFilterChange=(e,t,o)=>{const{onColumnMenuFilterChange:s}=this.props;if(!s)return;const r={syntheticEvent:e,filter:t,field:o,target:this,nativeEvent:e.nativeEvent};s.call(void 0,r)},this.expandChange=(e,t,o)=>{const{expandField:s,onExpandChange:r}=this.props;if(s&&r){const i={...this.getArguments(e),dataItem:t,level:o,value:this.expanded(t)};r.call(void 0,i)}},this.rowClick=(e,t)=>{if(this.props.onRowClick&&e.target.nodeName==="TD"){const o={dataItem:t.dataItem,level:t.level,...this.getArguments(e)};this.props.onRowClick.call(void 0,o)}},this.rowDoubleClick=(e,t)=>{if(this.props.onRowDoubleClick&&e.target.nodeName==="TD"){const o={dataItem:t.dataItem,level:t.level,...this.getArguments(e)};this.props.onRowDoubleClick.call(void 0,o)}},this.rowContextMenu=(e,t)=>{if(this.props.onRowContextMenu&&e.target.nodeName==="TD"){const o={dataItem:t.dataItem,level:t.level,...this.getArguments(e)};this.props.onRowContextMenu.call(void 0,o)}},this.onPageChange=e=>{if(this.props.onPageChange){const t={...this.getArguments(e.syntheticEvent),skip:e.skip,take:e.take};this.props.onPageChange.call(void 0,t)}},this.expandedSubItems=e=>{const t=[];return this.expanded(e)&&this.hasChildren(e)&&t.push(...g.getNestedValue(this.props.subItemsField,e)),t},this.getLeafDataItems=()=>this.flatData.map(e=>e.dataItem),this.expanded=e=>!!g.getNestedValue(this.props.expandField,e),this.hasChildren=e=>!!g.getNestedValue(this.props.subItemsField,e),g.validatePackage(Y.packageMetadata),this.dragLogic=new h.CommonDragLogic(this.columnReorder,g.noop,g.noop),this.columnResize=new h.ColumnResize(this.onResize.bind(this)),h.tableKeyboardNavigation.onConstructor({navigatable:!!l.navigatable,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef})}get _treeListId(){return this.props.id+"-treelist"}get document(){if(g.canUseDOM)return this.element&&this.element.ownerDocument||document}componentDidMount(){this.calculateSizes(this.element),h.tableKeyboardNavigation.onComponentDidMount({scope:this.element||void 0,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef})}getSnapshotBeforeUpdate(){return h.tableKeyboardNavigation.onGetSnapshotBeforeUpdate({document:this.document,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef}),null}componentDidUpdate(l){l.columns!==this.props.columns&&this.calculateSizes(this.element),h.tableKeyboardNavigation.onComponentDidUpdate({scope:this.element||void 0,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef})}componentWillUnmount(){this.columnsMap=[],this.prevData=[],this.flattedData=[],this.updateOnScroll=!1,this.getExtendedColumn.clear(),this.getColumnsMap.clear()}render(){const{columns:l=[],filterRow:e,scrollable:t="scrollable",resizable:o=!1,reorderable:s=!1,skip:r,take:i}=this.props,p=l.some(a=>!!a.filter||!!a.filterCell)||e!==void 0,m=e||h.FilterRow,C=h.tableKeyboardNavigationTools.getIdPrefix(this.navigationStateRef),T=this.getExtendedColumn(l,C),L=T.length!==this.extendedColumn.length;this.extendedColumn=T,this.columnsMap=this.getColumnsMap(this.extendedColumn,L);const b=this.extendedColumn.filter(a=>a.children.length===0);this.columnResize.columns=this.extendedColumn,this.columnResize.resizable=o,this.dragLogic.columns=this.extendedColumn,this.dragLogic.reorderable=s,this.dragLogic.groupable=!1;const D=d.createElement(h.Header,{headerRow:d.createElement(h.HeaderRow,{sort:this.props.sort,sortable:this.props.sortable,sortChange:this.sortChange,selectionChange:this.onHeaderSelectionChange,columns:this.extendedColumn,columnsMap:this.columnsMap,cellRender:this.props.headerCellRender,columnResize:this.columnResize,columnMenu:this.props.columnMenu,columnMenuFilter:this.props.columnMenuFilter,columnMenuFilterChange:this.columnMenuFilterChange,pressHandler:this.dragLogic.pressHandler,dragHandler:this.dragLogic.dragHandler,releaseHandler:this.dragLogic.releaseHandler,filterChange:this.headerFilterChange}),reorderable:this.props.reorderable,filterRow:p&&d.createElement(m,{columns:b,filter:this.props.filter,filterChange:this.filterChange,sort:this.props.sort,ariaRowIndex:this.columnsMap.length+1})||void 0,columnResize:this.columnResize}),N=this.props.style||{},{colSpans:P,hiddenColumns:A}=h.tableColumnsVirtualization({enabled:this.props.columnVirtualization,columns:b,scrollLeft:this.wrapperScrollLeft,tableViewPortWidth:parseFloat((N.width||"").toString())}),V=(a,f,I,E,k,x)=>b.map((c,u)=>{if(A[u])return null;const R=c.id?c.id:u,z=`${c.className?c.className+" ":""}${c.locked?"k-grid-content-sticky":""}`,w={id:h.tableKeyboardNavigationTools.generateNavigatableId(`${I}-${String(u)}`,C),colSpan:P[u],dataItem:a.dataItem,field:c.field,format:c.format,className:z||void 0,render:this.props.cellRender,onChange:this.itemChange,selectionChange:this.props.onSelectionChange?S=>{this.selectionChange({event:S,item:a,columnIndex:u,dataIndex:k})}:void 0,level:a.level,expandable:c.expandable,expanded:E,hasChildren:this.hasChildren(a.dataItem),onExpandChange:this.expandChange,colIndex:u,ariaColumnIndex:c.ariaColumnIndex,style:c.left!==void 0&&{left:c.left,right:c.right,borderRightWidth:c.rightBorder?"1px":""}||{},isSelected:Array.isArray(x)&&x.indexOf(u)>-1};return f&&c.editCell?d.createElement(c.editCell,{key:R,...w,onChange:this.itemChange}):c.cell?d.createElement(c.cell,{key:R,...w}):d.createElement(J.TreeListCell,{key:R,...w})});let v=this.flatData;const K=v.length;r!==void 0&&i!==void 0&&(v=v.slice(r,r+i)),t==="virtual"&&(v=H.tableRowsVirtualization({rows:v,tableViewPortHeight:parseFloat((N.height||N.maxHeight||"").toString()),scrollTop:this.wrapperScrollTop}),this.updateOnScroll=!1);const B=v.map(a=>a.level),U=this.columnsMap.length+(p?1:0)+1,j=v.length>0&&v.map((a,f)=>{const I=g.getNestedValue(this.props.editField,a.dataItem),E=this.props.dataItemKey&&g.getter(this.props.dataItemKey)(a.dataItem),k=String(E||a.level.join(".")),x=this.expanded(a.dataItem),c=this.props.selectedField?g.getNestedValue(this.props.selectedField,a.dataItem):void 0,u={key:k,level:a.level,levels:B,dataItem:a.dataItem,selectedField:this.props.selectedField,rowHeight:t==="virtual"?a.height:this.props.rowHeight,render:this.props.rowRender,onDrop:this.onRowDrop,onDrag:this.onRowDrag,onClick:S=>this.rowClick(S,a),onDoubleClick:S=>this.rowDoubleClick(S,a),onContextMenu:S=>this.rowContextMenu(S,a),isAltRow:f%2!==0,expanded:x,rowIndex:f,ariaRowIndex:U+f,ariaSetSize:a.levelCount,ariaPosInSet:a.level[a.level.length-1]+1,isSelected:typeof c=="boolean"&&c},R=this.props.editRow,z=this.props.row||X.TreeListRow,w=V(a,I,k,x,f,c);return I&&R?d.createElement(R,{...u,key:u.key},w):d.createElement(z,{...u,key:u.key},w)})||d.createElement("tr",{className:"k-table-row k-grid-norecords"},d.createElement("td",{colSpan:b.length},this.props.noRecords||d.createElement(Q.TreeListNoRecords,null))),q=a=>this.props.sort&&this.props.sort.some(f=>f.field===a),_=d.createElement("colgroup",{ref:a=>{this.columnResize.colGroupMain=a}},b.map((a,f)=>d.createElement("col",{key:f.toString(),className:q(a.field)?"k-sorted":void 0,style:a.width!==void 0?{width:a.width}:void 0}))),W=this.props.columnVirtualization||this.props.scrollable==="virtual",$=this.props.selectable&&this.props.selectable.drag?"none":void 0,O=this.props.tableProps||{};return d.createElement(h.TableKeyboardNavigationContext.Provider,{value:this.contextStateRef.current},d.createElement("div",{id:this.props.id,style:this.props.style,className:g.classNames("k-grid k-grid-md","k-treelist",this.props.className,{"k-treelist-scrollable":t!=="none"}),ref:a=>this.element=a,onScroll:W?this.handleOnScroll:void 0,onKeyDown:this.onKeyDown,onFocus:this.onFocus,"aria-rowcount":K,"aria-colcount":b.length,role:"treegrid",...h.tableKeyboardNavigationScopeAttributes},this.props.toolbar,d.createElement(h.TableSelection,{selectable:this.props.selectable,onRelease:this.selectionRelease},d.createElement("table",{className:"k-table k-table-md k-grid-table",...O,style:{...O.style||{},userSelect:$},role:"presentation"},_,D,d.createElement("tbody",{className:"k-table-tbody",...h.tableKeyboardNavigationBodyAttributes,role:"presentation"},j))),this.props.pager&&d.createElement(this.props.pager,{className:"k-grid-pager",total:K,skip:r,take:i,onPageChange:this.onPageChange}),s&&d.createElement(d.Fragment,null,d.createElement(h.DropClue,{ref:this.dragLogic.refDropElementClue}),d.createElement(h.DragClue,{ref:this.dragLogic.refDragElementClue}))))}get columns(){const l=this.extendedColumn.filter(t=>t.declarationIndex>=0&&t.parentIndex===-1),e=t=>(t.sort((o,s)=>o.declarationIndex-s.declarationIndex),t.map(o=>{const{declarationIndex:s,parentIndex:r,depth:i,colSpan:p,rowSpan:m,index:C,kFirst:T,groupable:L,children:b,...D}=o;return b.length?{children:e(b),...D}:D}));return e(l)}get flatData(){const{data:l=[],rowHeight:e=0}=this.props;let t=0;const o=r=>{const i={height:e,offsetTop:t};return t+=i.height,i},s=this.updateOnScroll&&this.prevData===l&&this.tbodyOffsetTop>0&&this.flattedData.length?this.flattedData:h.flatData(l,this.expandedSubItems,o);return this.prevData=l,this.flattedData=s,s}selectionChange(l){if(this.props.onSelectionChange){const{event:e,item:t,dataIndex:o,columnIndex:s}=l,{mode:r,cell:i}=h.getSelectionOptions(this.props.selectable),p={...this.getArguments(e.syntheticEvent),dataItem:t.dataItem,level:t.level,startColIndex:s,endColIndex:s,startRowIndex:o,endRowIndex:o,dataItems:this.getLeafDataItems(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,mode:r,cell:i,isDrag:!1,componentId:this._treeListId,selectedField:this.props.selectedField||""};this.props.onSelectionChange.call(void 0,p)}}raiseDataEvent(l,e,t){const o=this.props.onDataStateChange;if(l)l.call(void 0,{...this.getArguments(t),...e});else if(o){const s={...this.getArguments(t),dataState:{...this.getDataState(),...e}};o.call(void 0,s)}}getDataState(){return{filter:this.props.filter,sort:this.props.sort}}getArguments(l){return{nativeEvent:l&&l.nativeEvent,syntheticEvent:l,target:this}}};F.propTypes={data:n.array,resizable:n.bool,reorderable:n.bool,sortable:n.oneOfType([n.bool,n.shape({mode:n.oneOf(["single","multiple"]),allowUnsort:n.bool})]),onSortChange:n.func,sort:n.array,columns:n.arrayOf(n.object),columnVirtualization:n.bool,filter:n.array,onFilterChange:n.func,filterRow:n.any,toolbar:n.any,noRecords:n.any,onExpandChange:n.func,expandField:n.string,subItemsField:n.string,selectedField:n.string,onSelectionChange:n.func,onHeaderSelectionChange:n.func,onRowClick:n.func,onItemChange:n.func,editField:n.string,scrollable:n.oneOf(["none","scrollable","virtual"]),rowHeight:n.number,style:n.object,tableProps:n.object,pager:n.any,skip:n.number,take:n.number,onPageChange:n.func,onDataStateChange:n.func,onColumnResize:n.func,onColumnReorder:n.func,dataItemKey:n.string,navigatable:n.bool},F.contextType=h.TableKeyboardNavigationContext;let M=F;exports.TreeList=M;

package/TreeList.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as r from "react";
 import n from "prop-types";
 import { memoizeOne as H, getNestedValue as x, validatePackage as X, noop as A, canUseDOM as Y, getter as Z, classNames as ee } from "@progress/kendo-react-common";

package/TreeListNoRecords.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 s=require("react"),c=require("@progress/kendo-react-intl"),o=require("./messages/index.js");function a(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const u=a(s);class i extends u.Component{render(){return this.props.children||c.provideLocalizationService(this).toLanguageString(o.noRecords,o.messages[o.noRecords])}}c.registerForLocalization(i);exports.TreeListNoRecords=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c=require("@progress/kendo-react-intl"),o=require("./messages/index.js");function a(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const u=a(s);class i extends u.Component{render(){return this.props.children||c.provideLocalizationService(this).toLanguageString(o.noRecords,o.messages[o.noRecords])}}c.registerForLocalization(i);exports.TreeListNoRecords=i;

package/TreeListNoRecords.mjs

@@ -5,16 +5,15 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
-import * as r from "react";
+import * as e from "react";
 import { provideLocalizationService as o, registerForLocalization as t } from "@progress/kendo-react-intl";
-import { noRecords as e, messages as i } from "./messages/index.mjs";
-class s extends r.Component {
+import { noRecords as r, messages as i } from "./messages/index.mjs";
+class s extends e.Component {
   /**
    * @hidden
    */
   render() {
-    return this.props.children || o(this).toLanguageString(e, i[e]);
+    return this.props.children || o(this).toLanguageString(r, i[r]);
   }
 }
 t(s);

package/TreeListToolbar.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 i=require("react"),m=require("@progress/kendo-react-common"),d=require("@progress/kendo-react-buttons");function f(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=f(i),s=r.forwardRef((e,n)=>{const{className:t,...o}=e,a=r.useRef(null),c=r.useRef(null);r.useImperativeHandle(c,()=>({element:a.current,props:e})),r.useImperativeHandle(n,()=>c.current);const u=r.useMemo(()=>m.classNames("k-grid-toolbar",t),[t]);return r.createElement(d.Toolbar,{id:e.id,ref:l=>{l&&(a.current=l.element)},className:u,...o},e.children)});s.displayName="KendoReactTreeListToolbar";exports.TreeListToolbar=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),m=require("@progress/kendo-react-common"),d=require("@progress/kendo-react-buttons");function f(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=f(i),s=r.forwardRef((e,n)=>{const{className:t,...o}=e,a=r.useRef(null),c=r.useRef(null);r.useImperativeHandle(c,()=>({element:a.current,props:e})),r.useImperativeHandle(n,()=>c.current);const u=r.useMemo(()=>m.classNames("k-grid-toolbar",t),[t]);return r.createElement(d.Toolbar,{id:e.id,ref:l=>{l&&(a.current=l.element)},className:u,...o},e.children)});s.displayName="KendoReactTreeListToolbar";exports.TreeListToolbar=s;

package/TreeListToolbar.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as e from "react";
 import { classNames as c } from "@progress/kendo-react-common";
 import { Toolbar as i } from "@progress/kendo-react-buttons";

package/cells/EditCells/TreeListBooleanEditor.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 s=require("react"),c=require("@progress/kendo-react-common"),u=require("@progress/kendo-react-data-tools"),m=require("../../constants/index.js");function b(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const n=b(s),o=e=>{const a=n.useCallback(i=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:i,value:i.target.checked})},[e.onChange,e.dataItem,e.level,e.field]),t=c.useId(),l=u.useTableKeyboardNavigation(e.id),r=c.classNames({"k-selected":e.isSelected},e.className),d=n.createElement("td",{style:e.style,className:r,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...l,[m.TREELIST_COL_INDEX_ATTRIBUTE]:e.colIndex},n.createElement("input",{checked:c.getNestedValue(e.field,e.dataItem)||!1,id:t,type:"checkbox",className:"k-checkbox k-checkbox-md k-rounded-md",onChange:a}),n.createElement("label",{className:"k-checkbox-label",htmlFor:t}));return e.render?e.render.call(void 0,d,e):d};o.displayName="KendoReactTreeListBooleanEditor";exports.TreeListBooleanEditor=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c=require("@progress/kendo-react-common"),u=require("@progress/kendo-react-data-tools"),m=require("../../constants/index.js");function b(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const n=b(s),o=e=>{const a=n.useCallback(i=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:i,value:i.target.checked})},[e.onChange,e.dataItem,e.level,e.field]),t=c.useId(),l=u.useTableKeyboardNavigation(e.id),r=c.classNames({"k-selected":e.isSelected},e.className),d=n.createElement("td",{style:e.style,className:r,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...l,[m.TREELIST_COL_INDEX_ATTRIBUTE]:e.colIndex},n.createElement("input",{checked:c.getNestedValue(e.field,e.dataItem)||!1,id:t,type:"checkbox",className:"k-checkbox k-checkbox-md k-rounded-md",onChange:a}),n.createElement("label",{className:"k-checkbox-label",htmlFor:t}));return e.render?e.render.call(void 0,d,e):d};o.displayName="KendoReactTreeListBooleanEditor";exports.TreeListBooleanEditor=o;

package/cells/EditCells/TreeListBooleanEditor.mjs

@@ -5,20 +5,19 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as t from "react";
 import { useId as m, classNames as o, getNestedValue as s } from "@progress/kendo-react-common";
 import { useTableKeyboardNavigation as r } from "@progress/kendo-react-data-tools";
-import { TREELIST_COL_INDEX_ATTRIBUTE as u } from "../../constants/index.mjs";
-const h = (e) => {
-  const d = t.useCallback(
-    (c) => {
+import { TREELIST_COL_INDEX_ATTRIBUTE as h } from "../../constants/index.mjs";
+const k = (e) => {
+  const c = t.useCallback(
+    (d) => {
       e.onChange && e.onChange({
         dataItem: e.dataItem,
         level: e.level,
         field: e.field,
-        syntheticEvent: c,
-        value: c.target.checked
+        syntheticEvent: d,
+        value: d.target.checked
       });
     },
     [e.onChange, e.dataItem, e.level, e.field]
@@ -36,7 +35,7 @@ const h = (e) => {
       "aria-selected": e.isSelected,
       role: "gridcell",
       ...n,
-      [u]: e.colIndex
+      [h]: e.colIndex
     },
     /* @__PURE__ */ t.createElement(
       "input",
@@ -45,14 +44,14 @@ const h = (e) => {
         id: a,
         type: "checkbox",
         className: "k-checkbox k-checkbox-md k-rounded-md",
-        onChange: d
+        onChange: c
       }
     ),
     /* @__PURE__ */ t.createElement("label", { className: "k-checkbox-label", htmlFor: a })
   );
   return e.render ? e.render.call(void 0, l, e) : l;
 };
-h.displayName = "KendoReactTreeListBooleanEditor";
+k.displayName = "KendoReactTreeListBooleanEditor";
 export {
-  h as TreeListBooleanEditor
+  k as TreeListBooleanEditor
 };

package/cells/EditCells/TreeListDateEditor.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 o=require("react"),u=require("@progress/kendo-react-dateinputs"),s=require("@progress/kendo-react-data-tools"),m=require("../../constants/index.js"),d=require("@progress/kendo-react-common");function f(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const l=f(o),r=e=>{const a=l.useCallback(c=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:c.syntheticEvent,value:c.value})},[e.onChange,e.dataItem,e.level,e.field]),t=s.useTableKeyboardNavigation(e.id),n=d.classNames({"k-selected":e.isSelected},e.className),i=l.createElement("td",{style:e.style,className:n,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...t,[m.TREELIST_COL_INDEX_ATTRIBUTE]:e.colIndex},l.createElement(u.DatePicker,{width:"100%",value:d.getNestedValue(e.field,e.dataItem),onChange:a}));return e.render?e.render.call(void 0,i,e):i};r.displayName="KendoReactTreeListDateEditor";exports.TreeListDateEditor=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),u=require("@progress/kendo-react-dateinputs"),s=require("@progress/kendo-react-data-tools"),m=require("../../constants/index.js"),d=require("@progress/kendo-react-common");function f(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const l=f(o),r=e=>{const a=l.useCallback(c=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:c.syntheticEvent,value:c.value})},[e.onChange,e.dataItem,e.level,e.field]),t=s.useTableKeyboardNavigation(e.id),n=d.classNames({"k-selected":e.isSelected},e.className),i=l.createElement("td",{style:e.style,className:n,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...t,[m.TREELIST_COL_INDEX_ATTRIBUTE]:e.colIndex},l.createElement(u.DatePicker,{width:"100%",value:d.getNestedValue(e.field,e.dataItem),onChange:a}));return e.render?e.render.call(void 0,i,e):i};r.displayName="KendoReactTreeListDateEditor";exports.TreeListDateEditor=r;

package/cells/EditCells/TreeListDateEditor.mjs

@@ -5,13 +5,12 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as t from "react";
 import { DatePicker as c } from "@progress/kendo-react-dateinputs";
 import { useTableKeyboardNavigation as m } from "@progress/kendo-react-data-tools";
 import { TREELIST_COL_INDEX_ATTRIBUTE as r } from "../../constants/index.mjs";
-import { classNames as s, getNestedValue as f } from "@progress/kendo-react-common";
-const o = (e) => {
+import { classNames as f, getNestedValue as o } from "@progress/kendo-react-common";
+const s = (e) => {
   const i = t.useCallback(
     (l) => {
       e.onChange && e.onChange({
@@ -23,7 +22,7 @@ const o = (e) => {
       });
     },
     [e.onChange, e.dataItem, e.level, e.field]
-  ), n = m(e.id), d = s(
+  ), d = m(e.id), n = f(
     {
       "k-selected": e.isSelected
     },
@@ -32,18 +31,18 @@ const o = (e) => {
     "td",
     {
       style: e.style,
-      className: d,
+      className: n,
       "aria-colindex": e.ariaColumnIndex,
       "aria-selected": e.isSelected,
       role: "gridcell",
-      ...n,
+      ...d,
       [r]: e.colIndex
     },
-    /* @__PURE__ */ t.createElement(c, { width: "100%", value: f(e.field, e.dataItem), onChange: i })
+    /* @__PURE__ */ t.createElement(c, { width: "100%", value: o(e.field, e.dataItem), onChange: i })
   );
   return e.render ? e.render.call(void 0, a, e) : a;
 };
-o.displayName = "KendoReactTreeListDateEditor";
+s.displayName = "KendoReactTreeListDateEditor";
 export {
-  o as TreeListDateEditor
+  s as TreeListDateEditor
 };

package/cells/EditCells/TreeListNumericEditor.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 o=require("react"),s=require("@progress/kendo-react-inputs"),m=require("@progress/kendo-react-data-tools"),f=require("../../constants/index.js"),d=require("@progress/kendo-react-common");function g(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const l=g(o),r=e=>{const a=l.useCallback(c=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:c.syntheticEvent,value:c.value})},[e.onChange,e.dataItem,e.level,e.field]),t=d.getNestedValue(e.field,e.dataItem),n=m.useTableKeyboardNavigation(e.id),u=d.classNames({"k-selected":e.isSelected},e.className),i=l.createElement("td",{style:e.style,className:u,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...n,[f.TREELIST_COL_INDEX_ATTRIBUTE]:e.colIndex},l.createElement(s.NumericTextBox,{width:"100%",value:t===void 0?null:t,onChange:a}));return e.render?e.render.call(void 0,i,e):i};r.displayName="KendoReactTreeListNumericEditor";exports.TreeListNumericEditor=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),s=require("@progress/kendo-react-inputs"),m=require("@progress/kendo-react-data-tools"),f=require("../../constants/index.js"),d=require("@progress/kendo-react-common");function g(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const l=g(o),r=e=>{const a=l.useCallback(c=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:c.syntheticEvent,value:c.value})},[e.onChange,e.dataItem,e.level,e.field]),t=d.getNestedValue(e.field,e.dataItem),n=m.useTableKeyboardNavigation(e.id),u=d.classNames({"k-selected":e.isSelected},e.className),i=l.createElement("td",{style:e.style,className:u,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...n,[f.TREELIST_COL_INDEX_ATTRIBUTE]:e.colIndex},l.createElement(s.NumericTextBox,{width:"100%",value:t===void 0?null:t,onChange:a}));return e.render?e.render.call(void 0,i,e):i};r.displayName="KendoReactTreeListNumericEditor";exports.TreeListNumericEditor=r;

package/cells/EditCells/TreeListNumericEditor.mjs

@@ -5,14 +5,13 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as t from "react";
 import { NumericTextBox as m } from "@progress/kendo-react-inputs";
-import { useTableKeyboardNavigation as u } from "@progress/kendo-react-data-tools";
-import { TREELIST_COL_INDEX_ATTRIBUTE as o } from "../../constants/index.mjs";
-import { getNestedValue as r, classNames as s } from "@progress/kendo-react-common";
+import { useTableKeyboardNavigation as o } from "@progress/kendo-react-data-tools";
+import { TREELIST_COL_INDEX_ATTRIBUTE as r } from "../../constants/index.mjs";
+import { getNestedValue as u, classNames as s } from "@progress/kendo-react-common";
 const f = (e) => {
-  const n = t.useCallback(
+  const d = t.useCallback(
     (i) => {
       e.onChange && e.onChange({
         dataItem: e.dataItem,
@@ -23,7 +22,7 @@ const f = (e) => {
       });
     },
     [e.onChange, e.dataItem, e.level, e.field]
-  ), a = r(e.field, e.dataItem), d = u(e.id), c = s(
+  ), a = u(e.field, e.dataItem), n = o(e.id), c = s(
     {
       "k-selected": e.isSelected
     },
@@ -36,10 +35,10 @@ const f = (e) => {
       "aria-colindex": e.ariaColumnIndex,
       "aria-selected": e.isSelected,
       role: "gridcell",
-      ...d,
-      [o]: e.colIndex
+      ...n,
+      [r]: e.colIndex
     },
-    /* @__PURE__ */ t.createElement(m, { width: "100%", value: a === void 0 ? null : a, onChange: n })
+    /* @__PURE__ */ t.createElement(m, { width: "100%", value: a === void 0 ? null : a, onChange: d })
   );
   return e.render ? e.render.call(void 0, l, e) : l;
 };

package/cells/EditCells/TreeListTextEditor.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 u=require("react"),o=require("@progress/kendo-react-data-tools"),s=require("../../constants/index.js"),d=require("@progress/kendo-react-common");function m(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const l=m(u),r=e=>{const a=l.useCallback(c=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:c,value:c.target.value})},[e.onChange,e.dataItem,e.level,e.field]),t=o.useTableKeyboardNavigation(e.id),n=d.classNames({"k-selected":e.isSelected},e.className),i=l.createElement("td",{style:e.style,className:n,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...t,[s.TREELIST_COL_INDEX_ATTRIBUTE]:e.colIndex},l.createElement("input",{style:{width:"100%"},className:"k-input",value:d.getNestedValue(e.field,e.dataItem)||"",onChange:a}));return e.render?e.render.call(void 0,i,e):i};r.displayName="KendoReactTreeListTextEditor";exports.TreeListTextEditor=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),o=require("@progress/kendo-react-data-tools"),s=require("../../constants/index.js"),d=require("@progress/kendo-react-common");function m(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const l=m(u),r=e=>{const a=l.useCallback(c=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:c,value:c.target.value})},[e.onChange,e.dataItem,e.level,e.field]),t=o.useTableKeyboardNavigation(e.id),n=d.classNames({"k-selected":e.isSelected},e.className),i=l.createElement("td",{style:e.style,className:n,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...t,[s.TREELIST_COL_INDEX_ATTRIBUTE]:e.colIndex},l.createElement("input",{style:{width:"100%"},className:"k-input",value:d.getNestedValue(e.field,e.dataItem)||"",onChange:a}));return e.render?e.render.call(void 0,i,e):i};r.displayName="KendoReactTreeListTextEditor";exports.TreeListTextEditor=r;

package/cells/EditCells/TreeListTextEditor.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as t from "react";
 import { useTableKeyboardNavigation as c } from "@progress/kendo-react-data-tools";
 import { TREELIST_COL_INDEX_ATTRIBUTE as m } from "../../constants/index.mjs";
@@ -22,7 +21,7 @@ const f = (e) => {
       });
     },
     [e.onChange, e.dataItem, e.level, e.field]
-  ), n = c(e.id), d = s(
+  ), d = c(e.id), n = s(
     {
       "k-selected": e.isSelected
     },
@@ -31,11 +30,11 @@ const f = (e) => {
     "td",
     {
       style: e.style,
-      className: d,
+      className: n,
       "aria-colindex": e.ariaColumnIndex,
       "aria-selected": e.isSelected,
       role: "gridcell",
-      ...n,
+      ...d,
       [m]: e.colIndex
     },
     /* @__PURE__ */ t.createElement(

package/cells/FilterCells/TreeListBooleanFilter.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 l=require("react"),a=require("@progress/kendo-react-data-tools"),n=require("./utils.js"),c=require("@progress/kendo-react-intl");function i(e){const o=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(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const s=i(l),u=function(e){const{operators:o,...t}=e;return s.createElement(a.BooleanFilterCell,{ariaLabel:"boolean filter",...n.localizeFilter(c.useLocalization(),o||n.booleanFilterValues),...t})};exports.TreeListBooleanFilter=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),a=require("@progress/kendo-react-data-tools"),n=require("./utils.js"),c=require("@progress/kendo-react-intl");function i(e){const o=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(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const s=i(l),u=function(e){const{operators:o,...t}=e;return s.createElement(a.BooleanFilterCell,{ariaLabel:"boolean filter",...n.localizeFilter(c.useLocalization(),o||n.booleanFilterValues),...t})};exports.TreeListBooleanFilter=u;

package/cells/FilterCells/TreeListBooleanFilter.mjs

@@ -5,18 +5,17 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as t from "react";
 import { BooleanFilterCell as l } from "@progress/kendo-react-data-tools";
-import { localizeFilter as i, booleanFilterValues as a } from "./utils.mjs";
+import { localizeFilter as a, booleanFilterValues as i } from "./utils.mjs";
 import { useLocalization as n } from "@progress/kendo-react-intl";
-const p = function(e) {
-  const { operators: o, ...r } = e;
+const p = function(o) {
+  const { operators: e, ...r } = o;
   return /* @__PURE__ */ t.createElement(
     l,
     {
       ariaLabel: "boolean filter",
-      ...i(n(), o || a),
+      ...a(n(), e || i),
       ...r
     }
   );

package/cells/FilterCells/TreeListDateFilter.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 n=require("react"),c=require("@progress/kendo-react-data-tools"),a=require("./utils.js"),i=require("@progress/kendo-react-intl");function l(e){const r=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(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const s=l(n),u=function(e){const{operators:r,...t}=e;return s.createElement(c.DateFilterCell,{ariaLabel:"date filter",...a.localizeFilter(i.useLocalization(),r||a.dateFilterOperators),...t})};exports.TreeListDateFilter=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),c=require("@progress/kendo-react-data-tools"),a=require("./utils.js"),i=require("@progress/kendo-react-intl");function l(e){const r=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(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const s=l(n),u=function(e){const{operators:r,...t}=e;return s.createElement(c.DateFilterCell,{ariaLabel:"date filter",...a.localizeFilter(i.useLocalization(),r||a.dateFilterOperators),...t})};exports.TreeListDateFilter=u;

package/cells/FilterCells/TreeListDateFilter.mjs

@@ -5,22 +5,21 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as o from "react";
-import { DateFilterCell as i } from "@progress/kendo-react-data-tools";
-import { localizeFilter as a, dateFilterOperators as l } from "./utils.mjs";
-import { useLocalization as s } from "@progress/kendo-react-intl";
-const p = function(e) {
-  const { operators: t, ...r } = e;
+import { DateFilterCell as a } from "@progress/kendo-react-data-tools";
+import { localizeFilter as i, dateFilterOperators as l } from "./utils.mjs";
+import { useLocalization as m } from "@progress/kendo-react-intl";
+const n = function(t) {
+  const { operators: e, ...r } = t;
   return /* @__PURE__ */ o.createElement(
-    i,
+    a,
     {
       ariaLabel: "date filter",
-      ...a(s(), t || l),
+      ...i(m(), e || l),
       ...r
     }
   );
 };
 export {
-  p as TreeListDateFilter
+  n as TreeListDateFilter
 };

package/cells/FilterCells/TreeListNumericFilter.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 n=require("react"),o=require("@progress/kendo-react-data-tools"),i=require("./utils.js"),l=require("@progress/kendo-react-intl");function a(e){const r=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(r,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const u=a(n),s=function(e){const{operators:r,...t}=e;return u.createElement(o.NumericFilterCell,{ariaLabel:"numeric filter",...i.localizeFilter(l.useLocalization(),r||i.numericFilterOperators),...t})};exports.TreeListNumericFilter=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),n=require("@progress/kendo-react-data-tools"),c=require("./utils.js"),a=require("@progress/kendo-react-intl");function l(e){const r=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(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const u=l(i),s=function(e){const{operators:r,...t}=e;return u.createElement(n.NumericFilterCell,{ariaLabel:"numeric filter",...c.localizeFilter(a.useLocalization(),r||c.numericFilterOperators),...t})};exports.TreeListNumericFilter=s;

package/cells/FilterCells/TreeListNumericFilter.mjs

@@ -5,18 +5,17 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as i from "react";
 import { NumericFilterCell as o } from "@progress/kendo-react-data-tools";
-import { localizeFilter as l, numericFilterOperators as m } from "./utils.mjs";
-import { useLocalization as c } from "@progress/kendo-react-intl";
+import { localizeFilter as m, numericFilterOperators as l } from "./utils.mjs";
+import { useLocalization as a } from "@progress/kendo-react-intl";
 const p = function(r) {
   const { operators: e, ...t } = r;
   return /* @__PURE__ */ i.createElement(
     o,
     {
       ariaLabel: "numeric filter",
-      ...l(c(), e || m),
+      ...m(a(), e || l),
       ...t
     }
   );

package/cells/FilterCells/TreeListTextFilter.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 c=require("react"),i=require("@progress/kendo-react-data-tools"),n=require("./utils.js"),l=require("@progress/kendo-react-intl");function a(e){const r=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(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const s=a(c),u=function(e){const{operators:r,...t}=e;return s.createElement(i.TextFilterCell,{ariaLabel:"text filter",...n.localizeFilter(l.useLocalization(),r||n.textFilterOperators),...t})};exports.TreeListTextFilter=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),i=require("@progress/kendo-react-data-tools"),n=require("./utils.js"),a=require("@progress/kendo-react-intl");function l(e){const r=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(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const s=l(c),u=function(e){const{operators:r,...t}=e;return s.createElement(i.TextFilterCell,{ariaLabel:"text filter",...n.localizeFilter(a.useLocalization(),r||n.textFilterOperators),...t})};exports.TreeListTextFilter=u;

package/cells/FilterCells/TreeListTextFilter.mjs

@@ -5,22 +5,21 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as o from "react";
 import { TextFilterCell as i } from "@progress/kendo-react-data-tools";
 import { localizeFilter as l, textFilterOperators as a } from "./utils.mjs";
-import { useLocalization as s } from "@progress/kendo-react-intl";
-const p = function(t) {
+import { useLocalization as m } from "@progress/kendo-react-intl";
+const n = function(t) {
   const { operators: e, ...r } = t;
   return /* @__PURE__ */ o.createElement(
     i,
     {
       ariaLabel: "text filter",
-      ...l(s(), e || a),
+      ...l(m(), e || a),
       ...r
     }
   );
 };
 export {
-  p as TreeListTextFilter
+  n as TreeListTextFilter
 };

package/cells/FilterCells/utils.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=require("../../messages/index.js"),a=[{text:t.filterContainsOperator,operator:"contains"},{text:t.filterNotContainsOperator,operator:"doesnotcontain"},{text:t.filterEqOperator,operator:"eq"},{text:t.filterNotEqOperator,operator:"neq"},{text:t.filterStartsWithOperator,operator:"startswith"},{text:t.filterEndsWithOperator,operator:"endswith"},{text:t.filterIsNullOperator,operator:"isnull"},{text:t.filterIsNotNullOperator,operator:"isnotnull"},{text:t.filterIsEmptyOperator,operator:"isempty"},{text:t.filterIsNotEmptyOperator,operator:"isnotempty"}],l=[{text:t.filterEqOperator,operator:"eq"},{text:t.filterNotEqOperator,operator:"neq"},{text:t.filterGteOperator,operator:"gte"},{text:t.filterGtOperator,operator:"gt"},{text:t.filterLteOperator,operator:"lte"},{text:t.filterLtOperator,operator:"lt"},{text:t.filterIsNullOperator,operator:"isnull"},{text:t.filterIsNotNullOperator,operator:"isnotnull"}],p=[{text:t.filterEqOperator,operator:"eq"},{text:t.filterNotEqOperator,operator:"neq"},{text:t.filterAfterOrEqualOperator,operator:"gte"},{text:t.filterAfterOperator,operator:"gt"},{text:t.filterBeforeOperator,operator:"lt"},{text:t.filterBeforeOrEqualOperator,operator:"lte"},{text:t.filterIsNullOperator,operator:"isnull"},{text:t.filterIsNotNullOperator,operator:"isnotnull"}],i=[{text:t.filterBooleanAll,operator:""},{text:t.filterIsTrue,operator:!0},{text:t.filterIsFalse,operator:!1}];function s(r,o){return{clearButtonTitle:r.toLanguageString(t.filterClearButton,t.messages[t.filterClearButton]),operators:o.map(e=>({text:r.toLanguageString(e.text,t.messages[e.text]),operator:e.operator}))}}exports.booleanFilterValues=i;exports.dateFilterOperators=p;exports.localizeFilter=s;exports.numericFilterOperators=l;exports.textFilterOperators=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../messages/index.js"),a=[{text:t.filterContainsOperator,operator:"contains"},{text:t.filterNotContainsOperator,operator:"doesnotcontain"},{text:t.filterEqOperator,operator:"eq"},{text:t.filterNotEqOperator,operator:"neq"},{text:t.filterStartsWithOperator,operator:"startswith"},{text:t.filterEndsWithOperator,operator:"endswith"},{text:t.filterIsNullOperator,operator:"isnull"},{text:t.filterIsNotNullOperator,operator:"isnotnull"},{text:t.filterIsEmptyOperator,operator:"isempty"},{text:t.filterIsNotEmptyOperator,operator:"isnotempty"}],l=[{text:t.filterEqOperator,operator:"eq"},{text:t.filterNotEqOperator,operator:"neq"},{text:t.filterGteOperator,operator:"gte"},{text:t.filterGtOperator,operator:"gt"},{text:t.filterLteOperator,operator:"lte"},{text:t.filterLtOperator,operator:"lt"},{text:t.filterIsNullOperator,operator:"isnull"},{text:t.filterIsNotNullOperator,operator:"isnotnull"}],p=[{text:t.filterEqOperator,operator:"eq"},{text:t.filterNotEqOperator,operator:"neq"},{text:t.filterAfterOrEqualOperator,operator:"gte"},{text:t.filterAfterOperator,operator:"gt"},{text:t.filterBeforeOperator,operator:"lt"},{text:t.filterBeforeOrEqualOperator,operator:"lte"},{text:t.filterIsNullOperator,operator:"isnull"},{text:t.filterIsNotNullOperator,operator:"isnotnull"}],i=[{text:t.filterBooleanAll,operator:""},{text:t.filterIsTrue,operator:!0},{text:t.filterIsFalse,operator:!1}];function s(r,o){return{clearButtonTitle:r.toLanguageString(t.filterClearButton,t.messages[t.filterClearButton]),operators:o.map(e=>({text:r.toLanguageString(e.text,t.messages[e.text]),operator:e.operator}))}}exports.booleanFilterValues=i;exports.dateFilterOperators=p;exports.localizeFilter=s;exports.numericFilterOperators=l;exports.textFilterOperators=a;

package/cells/FilterCells/utils.mjs

@@ -5,8 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
-import { filterClearButton as p, messages as i, filterContainsOperator as s, filterNotContainsOperator as x, filterEqOperator as e, filterNotEqOperator as r, filterStartsWithOperator as f, filterEndsWithOperator as O, filterIsNullOperator as o, filterIsNotNullOperator as a, filterIsEmptyOperator as u, filterIsNotEmptyOperator as g, filterGteOperator as c, filterGtOperator as q, filterLteOperator as m, filterLtOperator as E, filterAfterOrEqualOperator as F, filterAfterOperator as I, filterBeforeOperator as N, filterBeforeOrEqualOperator as B, filterBooleanAll as d, filterIsTrue as h, filterIsFalse as y } from "../../messages/index.mjs";
+import { filterClearButton as l, messages as i, filterContainsOperator as s, filterNotContainsOperator as x, filterEqOperator as e, filterNotEqOperator as r, filterStartsWithOperator as f, filterEndsWithOperator as O, filterIsNullOperator as o, filterIsNotNullOperator as a, filterIsEmptyOperator as u, filterIsNotEmptyOperator as g, filterGteOperator as q, filterGtOperator as c, filterLteOperator as m, filterLtOperator as E, filterAfterOrEqualOperator as F, filterAfterOperator as I, filterBeforeOperator as N, filterBeforeOrEqualOperator as B, filterBooleanAll as d, filterIsTrue as h, filterIsFalse as y } from "../../messages/index.mjs";
 const A = [
   { text: s, operator: "contains" },
   { text: x, operator: "doesnotcontain" },
@@ -21,8 +20,8 @@ const A = [
 ], C = [
   { text: e, operator: "eq" },
   { text: r, operator: "neq" },
-  { text: c, operator: "gte" },
-  { text: q, operator: "gt" },
+  { text: q, operator: "gte" },
+  { text: c, operator: "gt" },
   { text: m, operator: "lte" },
   { text: E, operator: "lt" },
   { text: o, operator: "isnull" },
@@ -41,11 +40,11 @@ const A = [
   { text: h, operator: !0 },
   { text: y, operator: !1 }
 ];
-function G(l, n) {
+function G(p, n) {
   return {
-    clearButtonTitle: l.toLanguageString(p, i[p]),
+    clearButtonTitle: p.toLanguageString(l, i[l]),
     operators: n.map((t) => ({
-      text: l.toLanguageString(t.text, i[t.text]),
+      text: p.toLanguageString(t.text, i[t.text]),
       operator: t.operator
     }))
   };

package/cells/TreeListCell.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 N=require("react"),S=require("@progress/kendo-react-intl"),d=require("@progress/kendo-react-common"),v=require("@progress/kendo-react-data-tools"),E=require("@progress/kendo-svg-icons"),b=require("../constants/index.js");function R(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const i=R(N),x=e=>{const{hasChildren:a,level:t=[0],expanded:l,dataItem:r,format:u,id:T,ariaColumnIndex:k,isSelected:g}=e,s=d.getNestedValue(e.field,r),y=S.useInternationalization(),I=v.useTableKeyboardNavigation(T);let m="";const h=i.useCallback(n=>{n.isDefaultPrevented()||n.keyCode===d.Keys.enter&&e.expandable&&(n.preventDefault(),e.onExpandChange(n,r,t))},[e.expandable,r,t]);s!=null&&(m=u?y.format(u,s):s.toString());const c=[];if(e.expandable){const n=o=>i.createElement("span",{key:o,className:"k-treelist-toggle k-icon k-svg-icon"},i.createElement("svg",{"aria-hidden":"true",focusable:"false",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}));c.push(...t.slice(1).map((o,C)=>n(C))),a?c.push(i.createElement(d.IconWrap,{className:"k-treelist-toggle",name:l?"caret-alt-down":"caret-alt-right",icon:l?E.caretAltDownIcon:E.caretAltRightIcon,key:"expand-collapse",onClick:o=>e.onExpandChange(o.syntheticEvent||o,r,t),[b.TREELIST_PREVENT_SELECTION_ELEMENT]:!0})):c.push(n(c.length))}const f=i.createElement("td",{style:e.style,className:d.classNames("k-table-td",e.className,{"k-text-nowrap":e.expandable,"k-selected":g}),colSpan:e.colSpan,"aria-colindex":k,"aria-expanded":a?l:void 0,"aria-selected":g,role:"gridcell",onKeyDown:h,[b.TREELIST_COL_INDEX_ATTRIBUTE]:e.colIndex,...I},c,m);return e.render?e.render.call(void 0,f,e):f};x.displayName="KendoReactTreeListCell";exports.TreeListCell=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),S=require("@progress/kendo-react-intl"),d=require("@progress/kendo-react-common"),v=require("@progress/kendo-react-data-tools"),E=require("@progress/kendo-svg-icons"),b=require("../constants/index.js");function R(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const i=R(N),x=e=>{const{hasChildren:a,level:t=[0],expanded:l,dataItem:r,format:u,id:T,ariaColumnIndex:k,isSelected:g}=e,s=d.getNestedValue(e.field,r),y=S.useInternationalization(),I=v.useTableKeyboardNavigation(T);let m="";const h=i.useCallback(n=>{n.isDefaultPrevented()||n.keyCode===d.Keys.enter&&e.expandable&&(n.preventDefault(),e.onExpandChange(n,r,t))},[e.expandable,r,t]);s!=null&&(m=u?y.format(u,s):s.toString());const c=[];if(e.expandable){const n=o=>i.createElement("span",{key:o,className:"k-treelist-toggle k-icon k-svg-icon"},i.createElement("svg",{"aria-hidden":"true",focusable:"false",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}));c.push(...t.slice(1).map((o,C)=>n(C))),a?c.push(i.createElement(d.IconWrap,{className:"k-treelist-toggle",name:l?"caret-alt-down":"caret-alt-right",icon:l?E.caretAltDownIcon:E.caretAltRightIcon,key:"expand-collapse",onClick:o=>e.onExpandChange(o.syntheticEvent||o,r,t),[b.TREELIST_PREVENT_SELECTION_ELEMENT]:!0})):c.push(n(c.length))}const f=i.createElement("td",{style:e.style,className:d.classNames("k-table-td",e.className,{"k-text-nowrap":e.expandable,"k-selected":g}),colSpan:e.colSpan,"aria-colindex":k,"aria-expanded":a?l:void 0,"aria-selected":g,role:"gridcell",onKeyDown:h,[b.TREELIST_COL_INDEX_ATTRIBUTE]:e.colIndex,...I},c,m);return e.render?e.render.call(void 0,f,e):f};x.displayName="KendoReactTreeListCell";exports.TreeListCell=x;