@progress/kendo-react-treelist 15.0.1-develop.10 → 15.0.1-develop.12

package/TreeList.d.ts

@@ -15,7 +15,7 @@ import * as React from 'react';
 /**
  * Represents the [KendoReact TreeList component](https://www.telerik.com/kendo-react-ui/components/treelist/get-started).
  */
-export declare class TreeList extends React.Component<TreeListProps, {}> {
+export declare class TreeList extends React.Component<TreeListProps, Record<string, never>> {
     /**
      * @hidden
      */

package/TreeList.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("react"),a=require("prop-types"),g=require("@progress/kendo-react-common"),h=require("@progress/kendo-react-data-tools"),H=require("./utils/index.js"),Q=require("./cells/TreeListCell.js"),X=require("./TreeListNoRecords.js"),Y=require("./rows/TreeListRow.js"),P=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 c=Z(J),F=class F extends c.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.showLicenseWatermark=!1,this.licenseMessage=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),this.showLicenseWatermark=!g.validatePackage(P.packageMetadata,{component:"TreeList"}),this.licenseMessage=g.getLicenseMessage(P.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(n=>!!n.filter||!!n.filterCell)||e!==void 0,m=e||h.FilterRow,C=h.tableKeyboardNavigationTools.getIdPrefix(this.navigationStateRef),T=this.getExtendedColumn(l,C),z=T.length!==this.extendedColumn.length;this.extendedColumn=T,this.columnsMap=this.getColumnsMap(this.extendedColumn,z);const b=this.extendedColumn.filter(n=>n.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=c.createElement(h.Header,{headerRow:c.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&&c.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}),M=this.props.style||{},{colSpans:A,hiddenColumns:V}=h.tableColumnsVirtualization({enabled:this.props.columnVirtualization,columns:b,scrollLeft:this.wrapperScrollLeft,tableViewPortWidth:parseFloat((M.width||"").toString())}),B=(n,f,I,E,k,x)=>b.map((d,u)=>{if(V[u])return null;const R=d.id?d.id:u,L=`${d.className?d.className+" ":""}${d.locked?"k-grid-content-sticky":""}`,w={id:h.tableKeyboardNavigationTools.generateNavigatableId(`${I}-${String(u)}`,C),colSpan:A[u],dataItem:n.dataItem,field:d.field,format:d.format,className:L||void 0,render:this.props.cellRender,onChange:this.itemChange,selectionChange:this.props.onSelectionChange?S=>{this.selectionChange({event:S,item:n,columnIndex:u,dataIndex:k})}:void 0,level:n.level,expandable:d.expandable,expanded:E,hasChildren:this.hasChildren(n.dataItem),onExpandChange:this.expandChange,colIndex:u,ariaColumnIndex:d.ariaColumnIndex,style:d.left!==void 0&&{left:d.left,right:d.right,borderRightWidth:d.rightBorder?"1px":""}||{},isSelected:Array.isArray(x)&&x.indexOf(u)>-1};return f&&d.editCell?c.createElement(d.editCell,{key:R,...w,onChange:this.itemChange}):d.cell?c.createElement(d.cell,{key:R,...w}):c.createElement(Q.TreeListCell,{key:R,...w})});let v=this.flatData;const O=v.length;r!==void 0&&i!==void 0&&(v=v.slice(r,r+i)),t==="virtual"&&(v=H.tableRowsVirtualization({rows:v,tableViewPortHeight:parseFloat((M.height||M.maxHeight||"").toString()),scrollTop:this.wrapperScrollTop}),this.updateOnScroll=!1);const U=v.map(n=>n.level),j=this.columnsMap.length+(p?1:0)+1,q=v.length>0&&v.map((n,f)=>{const I=g.getNestedValue(this.props.editField,n.dataItem),E=this.props.dataItemKey&&g.getter(this.props.dataItemKey)(n.dataItem),k=String(E||n.level.join(".")),x=this.expanded(n.dataItem),d=this.props.selectedField?g.getNestedValue(this.props.selectedField,n.dataItem):void 0,u={key:k,level:n.level,levels:U,dataItem:n.dataItem,selectedField:this.props.selectedField,rowHeight:t==="virtual"?n.height:this.props.rowHeight,render:this.props.rowRender,onDrop:this.onRowDrop,onDrag:this.onRowDrag,onClick:S=>this.rowClick(S,n),onDoubleClick:S=>this.rowDoubleClick(S,n),onContextMenu:S=>this.rowContextMenu(S,n),isAltRow:f%2!==0,expanded:x,rowIndex:f,ariaRowIndex:j+f,ariaSetSize:n.levelCount,ariaPosInSet:n.level[n.level.length-1]+1,isSelected:typeof d=="boolean"&&d},R=this.props.editRow,L=this.props.row||Y.TreeListRow,w=B(n,I,k,x,f,d);return I&&R?c.createElement(R,{...u,key:u.key},w):c.createElement(L,{...u,key:u.key},w)})||c.createElement("tr",{className:"k-table-row k-grid-norecords"},c.createElement("td",{colSpan:b.length},this.props.noRecords||c.createElement(X.TreeListNoRecords,null))),W=n=>this.props.sort&&this.props.sort.some(f=>f.field===n),_=c.createElement("colgroup",{ref:n=>{this.columnResize.colGroupMain=n}},b.map((n,f)=>c.createElement("col",{key:f.toString(),className:W(n.field)?"k-sorted":void 0,style:n.width!==void 0?{width:n.width}:void 0}))),$=this.props.columnVirtualization||this.props.scrollable==="virtual",G=this.props.selectable&&this.props.selectable.drag?"none":void 0,K=this.props.tableProps||{};return c.createElement(h.TableKeyboardNavigationContext.Provider,{value:this.contextStateRef.current},c.createElement("div",{id:this.props.id,style:this.props.style,className:g.classNames("k-grid","k-treelist",this.props.className,{"k-treelist-scrollable":t!=="none"}),ref:n=>{this.element=n},onScroll:$?this.handleOnScroll:void 0,onKeyDown:this.onKeyDown,onFocus:this.onFocus,"aria-rowcount":O,"aria-colcount":b.length,role:"treegrid",...h.tableKeyboardNavigationScopeAttributes},this.props.toolbar,c.createElement(h.TableSelection,{selectable:this.props.selectable,onRelease:this.selectionRelease},c.createElement("table",{className:"k-table k-grid-table",...K,style:{...K.style||{},userSelect:G},role:"presentation"},_,D,c.createElement("tbody",{className:"k-table-tbody",...h.tableKeyboardNavigationBodyAttributes,role:"presentation"},q))),this.props.pager&&c.createElement(this.props.pager,{className:"k-grid-pager",total:O,skip:r,take:i,onPageChange:this.onPageChange}),s&&c.createElement(c.Fragment,null,c.createElement(h.DropClue,{ref:this.dragLogic.refDropElementClue}),c.createElement(h.DragClue,{ref:this.dragLogic.refDragElementClue})),this.showLicenseWatermark&&c.createElement(g.WatermarkOverlay,{message:this.licenseMessage})))}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:z,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:a.array,resizable:a.bool,reorderable:a.bool,sortable:a.oneOfType([a.bool,a.shape({mode:a.oneOf(["single","multiple"]),allowUnsort:a.bool})]),onSortChange:a.func,sort:a.array,columns:a.arrayOf(a.object),columnVirtualization:a.bool,filter:a.array,onFilterChange:a.func,filterRow:a.any,toolbar:a.any,noRecords:a.any,onExpandChange:a.func,expandField:a.string,subItemsField:a.string,selectedField:a.string,onSelectionChange:a.func,onHeaderSelectionChange:a.func,onRowClick:a.func,onItemChange:a.func,editField:a.string,scrollable:a.oneOf(["none","scrollable","virtual"]),rowHeight:a.number,style:a.object,tableProps:a.object,pager:a.any,skip:a.number,take:a.number,onPageChange:a.func,onDataStateChange:a.func,onColumnResize:a.func,onColumnReorder:a.func,dataItemKey:a.string,navigatable:a.bool},F.contextType=h.TableKeyboardNavigationContext;let N=F;exports.TreeList=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Q=require("react"),n=require("prop-types"),g=require("@progress/kendo-react-common"),h=require("@progress/kendo-react-data-tools"),A=require("./utils/index.js"),X=require("./cells/TreeListCell.js"),Y=require("./TreeListNoRecords.js"),Z=require("./rows/TreeListRow.js"),P=require("./package-metadata.js");function ee(R){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(R){for(const e in R)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(R,e);Object.defineProperty(l,e,t.get?t:{enumerable:!0,get:()=>R[e]})}}return l.default=R,Object.freeze(l)}const d=ee(Q),M=class M 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.showLicenseWatermark=!1,this.licenseMessage=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=c=>{do c++;while(c<this.extendedColumn.length&&this.extendedColumn[c].depth>s);return c},i=this.extendedColumn.splice(e,r(e)-e);if(this.extendedColumn.splice(e<t?r(t-i.length):t,0,...i),this.extendedColumn.filter(c=>c.declarationIndex>=0).forEach((c,m)=>c.orderIndex=m),this.props.onColumnReorder){const c={target:this,columns:this.columns,nativeEvent:o};this.props.onColumnReorder.call(void 0,c)}},this.onResize=(e,t,o,s,r)=>{if(this.props.onColumnResize){const i=this.extendedColumn.filter(m=>m.children.length===0).reduce((m,f)=>m+=parseFloat(String(f.width)),0),c={columns:this.columns,totalWidth:i,index:e,nativeEvent:s,newWidth:t,oldWidth:o,end:r,target:this};this.props.onColumnResize.call(void 0,c)}},this.handleOnScroll=e=>{const t=e.currentTarget.scrollLeft,o=e.currentTarget.scrollTop,{columnVirtualization:s,scrollable:r,rowHeight:i=0}=this.props,c=i,m=0;let f=!1;s&&Math.abs(this.wrapperScrollLeft-t)>m&&(this.wrapperScrollLeft=t,f=!0),r==="virtual"&&Math.abs(this.wrapperScrollTop-o)>c&&(this.wrapperScrollTop=o,f=!0),f&&(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,A.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||!o)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),this.showLicenseWatermark=!g.validatePackage(P.packageMetadata,{component:"TreeList"}),this.licenseMessage=g.getLicenseMessage(P.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,c=l.some(a=>!!a.filter||!!a.filterCell)||e!==void 0,m=e||h.FilterRow,f=h.tableKeyboardNavigationTools.getIdPrefix(this.navigationStateRef),L=this.getExtendedColumn(l,f),O=L.length!==this.extendedColumn.length;this.extendedColumn=L,this.columnsMap=this.getColumnsMap(this.extendedColumn,O);const C=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:c&&d.createElement(m,{columns:C,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:V,hiddenColumns:B}=h.tableColumnsVirtualization({enabled:this.props.columnVirtualization,columns:C,scrollLeft:this.wrapperScrollLeft,tableViewPortWidth:parseFloat((N.width||"").toString())}),U=(a,S,w,E,k,x)=>C.map((p,u)=>{if(B[u])return null;const v=p.id?p.id:u,F=`${p.className?p.className+" ":""}${p.locked?"k-grid-content-sticky":""}`,y={id:h.tableKeyboardNavigationTools.generateNavigatableId(`${w}-${String(u)}`,f),colSpan:V[u],dataItem:a.dataItem,field:p.field,format:p.format,className:F||void 0,render:this.props.cellRender,onChange:this.itemChange,selectionChange:this.props.onSelectionChange?T=>{this.selectionChange({event:T,item:a,columnIndex:u,dataIndex:k})}:void 0,level:a.level,expandable:p.expandable,expanded:E,hasChildren:this.hasChildren(a.dataItem),onExpandChange:this.expandChange,colIndex:u,ariaColumnIndex:p.ariaColumnIndex,style:p.left!==void 0&&{left:p.left,right:p.right,borderRightWidth:p.rightBorder?"1px":""}||{},isSelected:Array.isArray(x)&&x.indexOf(u)>-1};return S&&p.editCell?d.createElement(p.editCell,{key:v,...y,onChange:this.itemChange}):p.cell?d.createElement(p.cell,{key:v,...y}):d.createElement(X.TreeListCell,{key:v,...y})});let b=this.flatData;const K=b.length;r!==void 0&&i!==void 0&&(b=b.slice(r,r+i)),t==="virtual"&&(b=A.tableRowsVirtualization({rows:b,tableViewPortHeight:parseFloat((N.height||N.maxHeight||"").toString()),scrollTop:this.wrapperScrollTop}),this.updateOnScroll=!1);const j=b.map(a=>a.level),q=this.columnsMap.length+(c?1:0)+1,W=b.length>0&&b.map((a,S)=>{const w=g.getAbsoluteVirtualRowIndex(t,a,S),E=g.getNestedValue(this.props.editField,a.dataItem),k=this.props.dataItemKey&&g.getter(this.props.dataItemKey)(a.dataItem),x=String(k||a.level.join(".")),p=this.expanded(a.dataItem),u=this.props.selectedField?g.getNestedValue(this.props.selectedField,a.dataItem):void 0,v={key:x,level:a.level,levels:j,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:I=>this.rowClick(I,a),onDoubleClick:I=>this.rowDoubleClick(I,a),onContextMenu:I=>this.rowContextMenu(I,a),isAltRow:w%2!==0,expanded:p,rowIndex:w,ariaRowIndex:q+w,ariaSetSize:a.levelCount,ariaPosInSet:a.level[a.level.length-1]+1,isSelected:typeof u=="boolean"&&u},F=this.props.editRow,y=this.props.row||Z.TreeListRow,T=U(a,E,x,p,w,u);return E&&F?d.createElement(F,{...v,key:v.key},T):d.createElement(y,{...v,key:v.key},T)})||d.createElement("tr",{className:"k-table-row k-grid-norecords"},d.createElement("td",{colSpan:C.length},this.props.noRecords||d.createElement(Y.TreeListNoRecords,null))),_=a=>this.props.sort&&this.props.sort.some(S=>S.field===a),$=d.createElement("colgroup",{ref:a=>{this.columnResize.colGroupMain=a}},C.map((a,S)=>d.createElement("col",{key:S.toString(),className:_(a.field)?"k-sorted":void 0,style:a.width!==void 0?{width:a.width}:void 0}))),G=this.props.columnVirtualization||this.props.scrollable==="virtual",J=this.props.selectable&&this.props.selectable.drag?"none":void 0,H=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-treelist",this.props.className,{"k-treelist-scrollable":t!=="none"}),ref:a=>{this.element=a},onScroll:G?this.handleOnScroll:void 0,onKeyDown:this.onKeyDown,onFocus:this.onFocus,"aria-rowcount":K,"aria-colcount":C.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-grid-table",...H,style:{...H.style||{},userSelect:J},role:"presentation"},$,D,d.createElement("tbody",{className:"k-table-tbody",...h.tableKeyboardNavigationBodyAttributes,role:"presentation"},W))),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})),this.showLicenseWatermark&&d.createElement(g.WatermarkOverlay,{message:this.licenseMessage})))}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:c,rowSpan:m,index:f,kFirst:L,groupable:O,children:C,...D}=o;return C.length?{children:e(C),...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),c={...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,c)}}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}}};M.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},M.contextType=h.TableKeyboardNavigationContext;let z=M;exports.TreeList=z;

package/TreeList.mjs

@@ -7,14 +7,14 @@
  */
 import * as r from "react";
 import n from "prop-types";
-import { memoizeOne as H, getNestedValue as x, validatePackage as Y, getLicenseMessage as Z, noop as A, canUseDOM as ee, getter as te, classNames as oe, WatermarkOverlay as se } from "@progress/kendo-react-common";
-import { readColumns as ne, mapColumns as ae, tableKeyboardNavigation as R, getSelectionOptions as K, CommonDragLogic as ie, ColumnResize as le, TableKeyboardNavigationContext as O, tableKeyboardNavigationTools as P, Header as re, FilterRow as he, HeaderRow as de, tableColumnsVirtualization as ce, tableKeyboardNavigationScopeAttributes as pe, TableSelection as ge, tableKeyboardNavigationBodyAttributes as me, DropClue as ue, DragClue as fe, flatData as Ce } from "@progress/kendo-react-data-tools";
-import { setHeaderRowsTop as ve, tableRowsVirtualization as be } from "./utils/index.mjs";
-import { TreeListCell as Se } from "./cells/TreeListCell.mjs";
-import { TreeListNoRecords as Re } from "./TreeListNoRecords.mjs";
-import { TreeListRow as we } from "./rows/TreeListRow.mjs";
+import { memoizeOne as A, getNestedValue as y, validatePackage as Z, getLicenseMessage as ee, noop as K, canUseDOM as te, getAbsoluteVirtualRowIndex as oe, getter as se, classNames as ne, WatermarkOverlay as ae } from "@progress/kendo-react-common";
+import { readColumns as ie, mapColumns as le, tableKeyboardNavigation as S, getSelectionOptions as O, CommonDragLogic as re, ColumnResize as he, TableKeyboardNavigationContext as P, tableKeyboardNavigationTools as V, Header as de, FilterRow as ce, HeaderRow as pe, tableColumnsVirtualization as ge, tableKeyboardNavigationScopeAttributes as ue, TableSelection as me, tableKeyboardNavigationBodyAttributes as fe, DropClue as Ce, DragClue as ve, flatData as be } from "@progress/kendo-react-data-tools";
+import { setHeaderRowsTop as Se, tableRowsVirtualization as we } from "./utils/index.mjs";
+import { TreeListCell as Re } from "./cells/TreeListCell.mjs";
+import { TreeListNoRecords as xe } from "./TreeListNoRecords.mjs";
+import { TreeListRow as ye } from "./rows/TreeListRow.mjs";
 import { packageMetadata as B } from "./package-metadata.mjs";
-const k = class k extends r.Component {
+const M = class M extends r.Component {
   constructor(h) {
     super(h), 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.showLicenseWatermark = !1, this.licenseMessage = void 0, this.scrollIntoView = (e) => {
       if (!this.element)
@@ -29,27 +29,27 @@ const k = class k extends r.Component {
           this.element.scroll(0, i);
         }
       }
-    }, this.getExtendedColumn = H((e, t) => ne(e, {
+    }, this.getExtendedColumn = A((e, t) => ie(e, {
       prevId: 0,
       idPrefix: t
-    })), this.getColumnsMap = H((e, t) => ae(e, t)), this.onKeyDown = (e) => {
-      if (R.onKeyDown(e, {
+    })), this.getColumnsMap = A((e, t) => le(e, t)), this.onKeyDown = (e) => {
+      if (S.onKeyDown(e, {
         navigatable: !1,
         contextStateRef: this.contextStateRef,
         navigationStateRef: this.navigationStateRef
       }), this.props.onKeyDown) {
-        const { mode: t, cell: o } = K(this.props.selectable), s = {
+        const { mode: t, cell: o } = O(this.props.selectable), s = {
           dataItems: this.getLeafDataItems(),
           mode: t,
           cell: o,
           componentId: this._treeListId,
-          selectedField: this.props.selectedField,
+          selectedField: this.props.selectedField || "",
           ...this.getArguments(e)
         };
         this.props.onKeyDown.call(void 0, s);
       }
     }, this.onFocus = (e) => {
-      R.onFocus(e, {
+      S.onFocus(e, {
         contextStateRef: this.contextStateRef
       });
     }, this.onRowDrag = (e) => {
@@ -57,23 +57,23 @@ const k = class k extends r.Component {
     }, 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, l = (c) => {
+      const s = this.extendedColumn[e].depth, l = (d) => {
         do
-          c++;
-        while (c < this.extendedColumn.length && this.extendedColumn[c].depth > s);
-        return c;
+          d++;
+        while (d < this.extendedColumn.length && this.extendedColumn[d].depth > s);
+        return d;
       }, i = this.extendedColumn.splice(e, l(e) - e);
-      if (this.extendedColumn.splice(e < t ? l(t - i.length) : t, 0, ...i), this.extendedColumn.filter((c) => c.declarationIndex >= 0).forEach((c, g) => c.orderIndex = g), this.props.onColumnReorder) {
-        const c = {
+      if (this.extendedColumn.splice(e < t ? l(t - i.length) : t, 0, ...i), this.extendedColumn.filter((d) => d.declarationIndex >= 0).forEach((d, g) => d.orderIndex = g), this.props.onColumnReorder) {
+        const d = {
           target: this,
           columns: this.columns,
           nativeEvent: o
         };
-        this.props.onColumnReorder.call(void 0, c);
+        this.props.onColumnReorder.call(void 0, d);
       }
     }, this.onResize = (e, t, o, s, l) => {
       if (this.props.onColumnResize) {
-        const i = this.extendedColumn.filter((g) => g.children.length === 0).reduce((g, u) => g += parseFloat(String(u.width)), 0), c = {
+        const i = this.extendedColumn.filter((g) => g.children.length === 0).reduce((g, u) => g += parseFloat(String(u.width)), 0), d = {
           columns: this.columns,
           totalWidth: i,
           index: e,
@@ -83,12 +83,12 @@ const k = class k extends r.Component {
           end: l,
           target: this
         };
-        this.props.onColumnResize.call(void 0, c);
+        this.props.onColumnResize.call(void 0, d);
       }
     }, this.handleOnScroll = (e) => {
-      const t = e.currentTarget.scrollLeft, o = e.currentTarget.scrollTop, { columnVirtualization: s, scrollable: l, rowHeight: i = 0 } = this.props, c = i, g = 0;
+      const t = e.currentTarget.scrollLeft, o = e.currentTarget.scrollTop, { columnVirtualization: s, scrollable: l, rowHeight: i = 0 } = this.props, d = i, g = 0;
       let u = !1;
-      s && Math.abs(this.wrapperScrollLeft - t) > g && (this.wrapperScrollLeft = t, u = !0), l === "virtual" && Math.abs(this.wrapperScrollTop - o) > c && (this.wrapperScrollTop = o, u = !0), u && (this.updateOnScroll = !0, this.forceUpdate());
+      s && Math.abs(this.wrapperScrollLeft - t) > g && (this.wrapperScrollLeft = t, u = !0), l === "virtual" && Math.abs(this.wrapperScrollTop - o) > d && (this.wrapperScrollTop = o, u = !0), u && (this.updateOnScroll = !0, this.forceUpdate());
     }, this.calculateSizes = (e) => {
       if (!e || this.props.scrollable === "none")
         return;
@@ -100,7 +100,7 @@ const k = class k extends r.Component {
         const i = s.style.boxSizing;
         s.style.boxSizing = "border-box", l = parseFloat(String(window.getComputedStyle(s).height)) || s.offsetHeight, s.style.boxSizing = i, s.getAttribute("style") || s.removeAttribute("style");
       }
-      this.tbodyOffsetTop = o.tBodies[0].offsetTop, ve(o, l);
+      this.tbodyOffsetTop = o.tBodies[0].offsetTop, Se(o, l);
     }, this.itemChange = (e) => {
       const t = this.props.onItemChange;
       if (e.field === this.props.expandField) {
@@ -160,7 +160,7 @@ const k = class k extends r.Component {
       this.raiseDataEvent(this.props.onFilterChange, { filter: t, field: o }, e.syntheticEvent);
     }, this.columnMenuFilterChange = (e, t, o) => {
       const { onColumnMenuFilterChange: s } = this.props;
-      if (!s)
+      if (!s || !o)
         return;
       const l = {
         syntheticEvent: e,
@@ -219,8 +219,8 @@ const k = class k extends r.Component {
       }
     }, this.expandedSubItems = (e) => {
       const t = [];
-      return this.expanded(e) && this.hasChildren(e) && t.push(...x(this.props.subItemsField, e)), t;
-    }, this.getLeafDataItems = () => this.flatData.map((e) => e.dataItem), this.expanded = (e) => !!x(this.props.expandField, e), this.hasChildren = (e) => !!x(this.props.subItemsField, e), this.showLicenseWatermark = !Y(B, { component: "TreeList" }), this.licenseMessage = Z(B), this.dragLogic = new ie(this.columnReorder, A, A), this.columnResize = new le(this.onResize.bind(this)), R.onConstructor({
+      return this.expanded(e) && this.hasChildren(e) && t.push(...y(this.props.subItemsField, e)), t;
+    }, this.getLeafDataItems = () => this.flatData.map((e) => e.dataItem), this.expanded = (e) => !!y(this.props.expandField, e), this.hasChildren = (e) => !!y(this.props.subItemsField, e), this.showLicenseWatermark = !Z(B, { component: "TreeList" }), this.licenseMessage = ee(B), this.dragLogic = new re(this.columnReorder, K, K), this.columnResize = new he(this.onResize.bind(this)), S.onConstructor({
       navigatable: !!h.navigatable,
       contextStateRef: this.contextStateRef,
       navigationStateRef: this.navigationStateRef
@@ -230,14 +230,14 @@ const k = class k extends r.Component {
     return this.props.id + "-treelist";
   }
   get document() {
-    if (ee)
+    if (te)
       return this.element && this.element.ownerDocument || document;
   }
   /**
    * @hidden
    */
   componentDidMount() {
-    this.calculateSizes(this.element), R.onComponentDidMount({
+    this.calculateSizes(this.element), S.onComponentDidMount({
       scope: this.element || void 0,
       contextStateRef: this.contextStateRef,
       navigationStateRef: this.navigationStateRef
@@ -247,7 +247,7 @@ const k = class k extends r.Component {
    * @hidden
    */
   getSnapshotBeforeUpdate() {
-    return R.onGetSnapshotBeforeUpdate({
+    return S.onGetSnapshotBeforeUpdate({
       document: this.document,
       contextStateRef: this.contextStateRef,
       navigationStateRef: this.navigationStateRef
@@ -257,7 +257,7 @@ const k = class k extends r.Component {
    * @hidden
    */
   componentDidUpdate(h) {
-    h.columns !== this.props.columns && this.calculateSizes(this.element), R.onComponentDidUpdate({
+    h.columns !== this.props.columns && this.calculateSizes(this.element), S.onComponentDidUpdate({
       scope: this.element || void 0,
       contextStateRef: this.contextStateRef,
       navigationStateRef: this.navigationStateRef
@@ -281,15 +281,15 @@ const k = class k extends r.Component {
       reorderable: s = !1,
       skip: l,
       take: i
-    } = this.props, c = h.some((a) => !!a.filter || !!a.filterCell) || e !== void 0, g = e || he, u = P.getIdPrefix(this.navigationStateRef), F = this.getExtendedColumn(h, u), z = F.length !== this.extendedColumn.length;
-    this.extendedColumn = F, this.columnsMap = this.getColumnsMap(this.extendedColumn, z);
-    const f = this.extendedColumn.filter((a) => a.children.length === 0);
+    } = this.props, d = h.some((a) => !!a.filter || !!a.filterCell) || e !== void 0, g = e || ce, u = V.getIdPrefix(this.navigationStateRef), L = this.getExtendedColumn(h, u), T = L.length !== this.extendedColumn.length;
+    this.extendedColumn = L, this.columnsMap = this.getColumnsMap(this.extendedColumn, T);
+    const m = 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 y = /* @__PURE__ */ r.createElement(
-      re,
+    const I = /* @__PURE__ */ r.createElement(
+      de,
       {
         headerRow: /* @__PURE__ */ r.createElement(
-          de,
+          pe,
           {
             sort: this.props.sort,
             sortable: this.props.sortable,
@@ -309,10 +309,10 @@ const k = class k extends r.Component {
           }
         ),
         reorderable: this.props.reorderable,
-        filterRow: c && /* @__PURE__ */ r.createElement(
+        filterRow: d && /* @__PURE__ */ r.createElement(
           g,
           {
-            columns: f,
+            columns: m,
             filter: this.props.filter,
             filterChange: this.filterChange,
             sort: this.props.sort,
@@ -321,140 +321,140 @@ const k = class k extends r.Component {
         ) || void 0,
         columnResize: this.columnResize
       }
-    ), M = this.props.style || {}, { colSpans: U, hiddenColumns: W } = ce({
+    ), z = this.props.style || {}, { colSpans: W, hiddenColumns: $ } = ge({
       enabled: this.props.columnVirtualization,
-      columns: f,
+      columns: m,
       scrollLeft: this.wrapperScrollLeft,
-      tableViewPortWidth: parseFloat((M.width || "").toString())
-    }), $ = (a, m, D, I, E, w) => f.map((d, p) => {
-      if (W[p])
+      tableViewPortWidth: parseFloat((z.width || "").toString())
+    }), j = (a, v, b, D, E, w) => m.map((c, p) => {
+      if ($[p])
         return null;
-      const b = d.id ? d.id : p, L = `${d.className ? d.className + " " : ""}${d.locked ? "k-grid-content-sticky" : ""}`, S = {
-        id: P.generateNavigatableId(`${D}-${String(p)}`, u),
-        colSpan: U[p],
+      const C = c.id ? c.id : p, k = `${c.className ? c.className + " " : ""}${c.locked ? "k-grid-content-sticky" : ""}`, R = {
+        id: V.generateNavigatableId(`${b}-${String(p)}`, u),
+        colSpan: W[p],
         dataItem: a.dataItem,
-        field: d.field,
-        format: d.format,
-        className: L || void 0,
+        field: c.field,
+        format: c.format,
+        className: k || void 0,
         render: this.props.cellRender,
         onChange: this.itemChange,
-        selectionChange: this.props.onSelectionChange ? (v) => {
-          this.selectionChange({ event: v, item: a, columnIndex: p, dataIndex: E });
+        selectionChange: this.props.onSelectionChange ? (F) => {
+          this.selectionChange({ event: F, item: a, columnIndex: p, dataIndex: E });
         } : void 0,
         level: a.level,
-        expandable: d.expandable,
-        expanded: I,
+        expandable: c.expandable,
+        expanded: D,
         hasChildren: this.hasChildren(a.dataItem),
         onExpandChange: this.expandChange,
         colIndex: p,
-        ariaColumnIndex: d.ariaColumnIndex,
-        style: d.left !== void 0 && {
-          left: d.left,
-          right: d.right,
-          borderRightWidth: d.rightBorder ? "1px" : ""
+        ariaColumnIndex: c.ariaColumnIndex,
+        style: c.left !== void 0 && {
+          left: c.left,
+          right: c.right,
+          borderRightWidth: c.rightBorder ? "1px" : ""
         } || {},
         isSelected: Array.isArray(w) && w.indexOf(p) > -1
       };
-      return m && d.editCell ? /* @__PURE__ */ r.createElement(d.editCell, { key: b, ...S, onChange: this.itemChange }) : d.cell ? /* @__PURE__ */ r.createElement(d.cell, { key: b, ...S }) : /* @__PURE__ */ r.createElement(Se, { key: b, ...S });
+      return v && c.editCell ? /* @__PURE__ */ r.createElement(c.editCell, { key: C, ...R, onChange: this.itemChange }) : c.cell ? /* @__PURE__ */ r.createElement(c.cell, { key: C, ...R }) : /* @__PURE__ */ r.createElement(Re, { key: C, ...R });
     });
-    let C = this.flatData;
-    const T = C.length;
-    l !== void 0 && i !== void 0 && (C = C.slice(l, l + i)), t === "virtual" && (C = be({
-      rows: C,
-      tableViewPortHeight: parseFloat((M.height || M.maxHeight || "").toString()),
+    let f = this.flatData;
+    const N = f.length;
+    l !== void 0 && i !== void 0 && (f = f.slice(l, l + i)), t === "virtual" && (f = we({
+      rows: f,
+      tableViewPortHeight: parseFloat((z.height || z.maxHeight || "").toString()),
       scrollTop: this.wrapperScrollTop
     }), this.updateOnScroll = !1);
-    const j = C.map((a) => a.level), G = this.columnsMap.length + (c ? 1 : 0) + 1, _ = C.length > 0 && C.map((a, m) => {
-      const D = x(this.props.editField, a.dataItem), I = this.props.dataItemKey && te(this.props.dataItemKey)(a.dataItem), E = String(I || a.level.join(".")), w = this.expanded(a.dataItem), d = this.props.selectedField ? x(this.props.selectedField, a.dataItem) : void 0, p = {
-        key: E,
+    const G = f.map((a) => a.level), _ = this.columnsMap.length + (d ? 1 : 0) + 1, q = f.length > 0 && f.map((a, v) => {
+      const b = oe(t, a, v), D = y(this.props.editField, a.dataItem), E = this.props.dataItemKey && se(this.props.dataItemKey)(a.dataItem), w = String(E || a.level.join(".")), c = this.expanded(a.dataItem), p = this.props.selectedField ? y(this.props.selectedField, a.dataItem) : void 0, C = {
+        key: w,
         level: a.level,
-        levels: j,
+        levels: G,
         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: (v) => this.rowClick(v, a),
-        onDoubleClick: (v) => this.rowDoubleClick(v, a),
-        onContextMenu: (v) => this.rowContextMenu(v, a),
-        isAltRow: m % 2 !== 0,
-        expanded: w,
-        rowIndex: m,
-        ariaRowIndex: G + m,
+        onClick: (x) => this.rowClick(x, a),
+        onDoubleClick: (x) => this.rowDoubleClick(x, a),
+        onContextMenu: (x) => this.rowContextMenu(x, a),
+        isAltRow: b % 2 !== 0,
+        expanded: c,
+        rowIndex: b,
+        ariaRowIndex: _ + b,
         ariaSetSize: a.levelCount,
         ariaPosInSet: a.level[a.level.length - 1] + 1,
-        isSelected: typeof d == "boolean" && d
-      }, b = this.props.editRow, L = this.props.row || we, S = $(a, D, E, w, m, d);
-      return D && b ? /* @__PURE__ */ r.createElement(b, { ...p, key: p.key }, S) : /* @__PURE__ */ r.createElement(L, { ...p, key: p.key }, S);
-    }) || /* @__PURE__ */ r.createElement("tr", { className: "k-table-row k-grid-norecords" }, /* @__PURE__ */ r.createElement("td", { colSpan: f.length }, this.props.noRecords || /* @__PURE__ */ r.createElement(Re, null))), q = (a) => this.props.sort && this.props.sort.some((m) => m.field === a), J = /* @__PURE__ */ r.createElement(
+        isSelected: typeof p == "boolean" && p
+      }, k = this.props.editRow, R = this.props.row || ye, F = j(a, D, w, c, b, p);
+      return D && k ? /* @__PURE__ */ r.createElement(k, { ...C, key: C.key }, F) : /* @__PURE__ */ r.createElement(R, { ...C, key: C.key }, F);
+    }) || /* @__PURE__ */ r.createElement("tr", { className: "k-table-row k-grid-norecords" }, /* @__PURE__ */ r.createElement("td", { colSpan: m.length }, this.props.noRecords || /* @__PURE__ */ r.createElement(xe, null))), J = (a) => this.props.sort && this.props.sort.some((v) => v.field === a), Q = /* @__PURE__ */ r.createElement(
       "colgroup",
       {
         ref: (a) => {
           this.columnResize.colGroupMain = a;
         }
       },
-      f.map((a, m) => /* @__PURE__ */ r.createElement(
+      m.map((a, v) => /* @__PURE__ */ r.createElement(
         "col",
         {
-          key: m.toString(),
-          className: q(a.field) ? "k-sorted" : void 0,
+          key: v.toString(),
+          className: J(a.field) ? "k-sorted" : void 0,
           style: a.width !== void 0 ? { width: a.width } : void 0
         }
       ))
-    ), Q = this.props.columnVirtualization || this.props.scrollable === "virtual", X = this.props.selectable && this.props.selectable.drag ? "none" : void 0, N = this.props.tableProps || {};
-    return /* @__PURE__ */ r.createElement(O.Provider, { value: this.contextStateRef.current }, /* @__PURE__ */ r.createElement(
+    ), X = this.props.columnVirtualization || this.props.scrollable === "virtual", Y = this.props.selectable && this.props.selectable.drag ? "none" : void 0, H = this.props.tableProps || {};
+    return /* @__PURE__ */ r.createElement(P.Provider, { value: this.contextStateRef.current }, /* @__PURE__ */ r.createElement(
       "div",
       {
         id: this.props.id,
         style: this.props.style,
-        className: oe("k-grid", "k-treelist", this.props.className, {
+        className: ne("k-grid", "k-treelist", this.props.className, {
           "k-treelist-scrollable": t !== "none"
         }),
         ref: (a) => {
           this.element = a;
         },
-        onScroll: Q ? this.handleOnScroll : void 0,
+        onScroll: X ? this.handleOnScroll : void 0,
         onKeyDown: this.onKeyDown,
         onFocus: this.onFocus,
-        "aria-rowcount": T,
-        "aria-colcount": f.length,
+        "aria-rowcount": N,
+        "aria-colcount": m.length,
         role: "treegrid",
-        ...pe
+        ...ue
       },
       this.props.toolbar,
-      /* @__PURE__ */ r.createElement(ge, { selectable: this.props.selectable, onRelease: this.selectionRelease }, /* @__PURE__ */ r.createElement(
+      /* @__PURE__ */ r.createElement(me, { selectable: this.props.selectable, onRelease: this.selectionRelease }, /* @__PURE__ */ r.createElement(
         "table",
         {
           className: "k-table k-grid-table",
-          ...N,
-          style: { ...N.style || {}, userSelect: X },
+          ...H,
+          style: { ...H.style || {}, userSelect: Y },
           role: "presentation"
         },
-        J,
-        y,
+        Q,
+        I,
         /* @__PURE__ */ r.createElement(
           "tbody",
           {
             className: "k-table-tbody",
-            ...me,
+            ...fe,
             role: "presentation"
           },
-          _
+          q
         )
       )),
       this.props.pager && /* @__PURE__ */ r.createElement(
         this.props.pager,
         {
           className: "k-grid-pager",
-          total: T,
+          total: N,
           skip: l,
           take: i,
           onPageChange: this.onPageChange
         }
       ),
-      s && /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(ue, { ref: this.dragLogic.refDropElementClue }), /* @__PURE__ */ r.createElement(fe, { ref: this.dragLogic.refDragElementClue })),
-      this.showLicenseWatermark && /* @__PURE__ */ r.createElement(se, { message: this.licenseMessage })
+      s && /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Ce, { ref: this.dragLogic.refDropElementClue }), /* @__PURE__ */ r.createElement(ve, { ref: this.dragLogic.refDragElementClue })),
+      this.showLicenseWatermark && /* @__PURE__ */ r.createElement(ae, { message: this.licenseMessage })
     ));
   }
   get columns() {
@@ -463,18 +463,18 @@ const k = class k extends r.Component {
         declarationIndex: s,
         parentIndex: l,
         depth: i,
-        colSpan: c,
+        colSpan: d,
         rowSpan: g,
         index: u,
-        kFirst: F,
-        groupable: z,
-        children: f,
-        ...y
+        kFirst: L,
+        groupable: T,
+        children: m,
+        ...I
       } = o;
-      return f.length ? {
-        children: e(f),
-        ...y
-      } : y;
+      return m.length ? {
+        children: e(m),
+        ...I
+      } : I;
     }));
     return e(h);
   }
@@ -484,12 +484,12 @@ const k = class k extends r.Component {
     const o = (l) => {
       const i = { height: e, offsetTop: t };
       return t += i.height, i;
-    }, s = this.updateOnScroll && this.prevData === h && this.tbodyOffsetTop > 0 && this.flattedData.length ? this.flattedData : Ce(h, this.expandedSubItems, o);
+    }, s = this.updateOnScroll && this.prevData === h && this.tbodyOffsetTop > 0 && this.flattedData.length ? this.flattedData : be(h, this.expandedSubItems, o);
     return this.prevData = h, this.flattedData = s, s;
   }
   selectionChange(h) {
     if (this.props.onSelectionChange) {
-      const { event: e, item: t, dataIndex: o, columnIndex: s } = h, { mode: l, cell: i } = K(this.props.selectable), c = {
+      const { event: e, item: t, dataIndex: o, columnIndex: s } = h, { mode: l, cell: i } = O(this.props.selectable), d = {
         ...this.getArguments(e.syntheticEvent),
         dataItem: t.dataItem,
         level: t.level,
@@ -508,7 +508,7 @@ const k = class k extends r.Component {
         componentId: this._treeListId,
         selectedField: this.props.selectedField || ""
       };
-      this.props.onSelectionChange.call(void 0, c);
+      this.props.onSelectionChange.call(void 0, d);
     }
   }
   raiseDataEvent(h, e, t) {
@@ -537,7 +537,7 @@ const k = class k extends r.Component {
     };
   }
 };
-k.propTypes = {
+M.propTypes = {
   data: n.array,
   resizable: n.bool,
   reorderable: n.bool,
@@ -579,8 +579,8 @@ k.propTypes = {
   onColumnReorder: n.func,
   dataItemKey: n.string,
   navigatable: n.bool
-}, k.contextType = O;
-let V = k;
+}, M.contextType = P;
+let U = M;
 export {
-  V as TreeList
+  U as TreeList
 };

package/dist/cdn/js/kendo-react-treelist.js

@@ -12,4 +12,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-react-data-tools"),require("@progress/kendo-react-intl"),require("@progress/kendo-svg-icons"),require("react-dom"),require("@progress/kendo-react-buttons"),require("@progress/kendo-react-inputs"),require("@progress/kendo-react-dateinputs")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-common","@progress/kendo-react-data-tools","@progress/kendo-react-intl","@progress/kendo-svg-icons","react-dom","@progress/kendo-react-buttons","@progress/kendo-react-inputs","@progress/kendo-react-dateinputs"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactTreelist={},e.React,e.PropTypes,e.KendoReactCommon,e.KendoReactDataTools,e.KendoReactIntl,e.KendoSvgIcons,e.ReactDOM,e.KendoReactButtons,e.KendoReactInputs,e.KendoReactDateinputs)}(this,function(e,t,o,a,r,n,l,s,i,d,c){"use strict";function h(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(o){if("default"!==o){var a=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,a.get?a:{enumerable:!0,get:function(){return e[o]}})}}),t.default=e,Object.freeze(t)}var p=h(t),u=h(s);function g(e,t,o){const a=Array.from(e.tHead&&e.tHead.rows||[]),r=[t];let n;const l=o||(e=>window.getComputedStyle(e).height||void 0);a.forEach(e=>{const t=l(e);r.push(function(e){return void 0!==e&&("number"==typeof e||/px$/i.test(String(e)))}(t)?parseFloat(String(t)):e.offsetHeight)});for(let e=0;e<a.length;e++)n=r.slice(0,e+1).reduce((e,t)=>e+t),Array.from(a[e].cells).forEach(e=>e.style.top=n+"px")}const m=1e6;function f(e){const{rows:t,tableViewPortHeight:o,scrollTop:a}=e;if(0===t.length)return[];const r=t[0].height,n=Math.min(Math.round(a/r),t.length),l=Math.round(o/r),s=Math.max(0,n-l),i=Math.min(t.length,n+2*l),d=t.slice(s,i),c=d[d.length-1];return s>0&&d.unshift({dataItem:{},level:[m],offsetTop:0,height:d[0].offsetTop,levelCount:0}),i<t.length-1&&d.push({dataItem:{},level:[m,m],offsetTop:c.offsetTop+c.height,height:(t.length-i)*r,levelCount:0}),d}const v=r.TABLE_ROW_INDEX_ATTRIBUTE,b=r.TABLE_COL_INDEX_ATTRIBUTE,C=r.TABLE_PREVENT_SELECTION_ELEMENT,x=e=>{const{hasChildren:t,level:o=[0],expanded:s,dataItem:i,format:d,id:c,ariaColumnIndex:h,isSelected:u}=e,g=a.getNestedValue(e.field,i),m=n.useInternationalization(),f=r.useTableKeyboardNavigation(c);let v="";const x=p.useCallback(t=>{t.isDefaultPrevented()||t.keyCode===a.Keys.enter&&e.expandable&&(t.preventDefault(),e.onExpandChange(t,i,o))},[e.expandable,i,o]);null!=g&&(v=d?m.format(d,g):g.toString());const I=[];if(e.expandable){const r=e=>p.createElement("span",{key:e,className:"k-treelist-toggle k-icon k-svg-icon"},p.createElement("svg",{"aria-hidden":"true",focusable:"false",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}));I.push(...o.slice(1).map((e,t)=>r(t))),t?I.push(p.createElement(a.IconWrap,{className:"k-treelist-toggle",name:s?"chevron-down":"chevron-right",icon:s?l.chevronDownIcon:l.chevronRightIcon,key:"expand-collapse",onClick:t=>e.onExpandChange(t.syntheticEvent||t,i,o),[C]:!0})):I.push(r(I.length))}const y=p.createElement("td",{style:e.style,className:a.classNames("k-table-td",e.className,{"k-text-nowrap":e.expandable,"k-selected":u}),colSpan:e.colSpan,"aria-colindex":h,"aria-expanded":t?s:void 0,"aria-selected":u,role:"gridcell",onKeyDown:x,[b]:e.colIndex,...f},I,v);return e.render?e.render.call(void 0,y,e):y};x.displayName="KendoReactTreeListCell";const I="treelist.filterClearButton",y="treelist.filterEqOperator",E="treelist.filterNotEqOperator",S="treelist.filterIsNullOperator",R="treelist.filterIsNotNullOperator",w="treelist.filterIsEmptyOperator",T="treelist.filterIsNotEmptyOperator",k="treelist.filterStartsWithOperator",N="treelist.filterContainsOperator",D="treelist.filterNotContainsOperator",L="treelist.filterEndsWithOperator",O="treelist.filterGteOperator",F="treelist.filterGtOperator",K="treelist.filterLteOperator",P="treelist.filterLtOperator",M="treelist.filterIsTrue",z="treelist.filterIsFalse",A="treelist.filterBooleanAll",H="treelist.filterAfterOrEqualOperator",B="treelist.filterAfterOperator",j="treelist.filterBeforeOperator",q="treelist.filterBeforeOrEqualOperator",V="treelist.noRecords",_={[I]:"Clear",[y]:"Is equal to",[E]:"Is not equal to",[S]:"Is null",[R]:"Is not null",[w]:"Is empty",[T]:"Is not empty",[k]:"Starts with",[N]:"Contains",[D]:"Does not contain",[L]:"Ends with",[O]:"Is greater than or equal to",[F]:"Is greater than",[K]:"Is less than or equal to",[P]:"Is less than",[M]:"Is true",[z]:"Is false",[A]:"(All)",[H]:"Is after or equal to",[B]:"Is after",[j]:"Is before",[q]:"Is before or equal to",[V]:"No records available"};let U=class extends p.Component{render(){return this.props.children||n.provideLocalizationService(this).toLanguageString(V,_[V])}};n.registerForLocalization(U);const W=p.forwardRef((e,t)=>{const{isSelected:o,rowHeight:r,isAltRow:n,expanded:l,ariaRowIndex:s,level:i,ariaSetSize:d,ariaPosInSet:c}=e,h=a.classNames("k-table-row","k-master-row",{"k-selected":o,"k-table-alt-row":n}),u=p.useMemo(()=>void 0!==r?{height:r+"px"}:void 0,[r]),g=p.createElement("tr",{onClick:e.onClick,onDoubleClick:e.onDoubleClick,onContextMenu:e.onContextMenu,className:h,style:u,ref:t,"aria-expanded":l,role:"row","aria-rowindex":s,"aria-level":i.length,"aria-posinset":c,"aria-setsize":d,[v]:e.rowIndex},e.children);return p.createElement(p.Fragment,null,e.render?e.render.call(void 0,g,e):g)});W.displayName="KendoReactTreeListRow";const $=Object.freeze({name:"@progress/kendo-react-treelist",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"15.0.1-develop.10",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"}),X=class extends p.Component{constructor(e){super(e),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.showLicenseWatermark=!1,this.licenseMessage=void 0,this.scrollIntoView=e=>{if(!this.element)return;const{rowIndex:t=0}=e,{scrollable:o,rowHeight:a=0}=this.props;if("virtual"===o||a)this.element.scroll(0,(t-1)*a);else{const e=this.element.querySelector(`tbody > tr:nth-child(${t})`);if(e){const t=e.offsetTop-this.tbodyOffsetTop;this.element.scroll(0,t)}}},this.getExtendedColumn=a.memoizeOne((e,t)=>r.readColumns(e,{prevId:0,idPrefix:t})),this.getColumnsMap=a.memoizeOne((e,t)=>r.mapColumns(e,t)),this.onKeyDown=e=>{if(r.tableKeyboardNavigation.onKeyDown(e,{navigatable:!1,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef}),this.props.onKeyDown){const{mode:t,cell:o}=r.getSelectionOptions(this.props.selectable),a={dataItems:this.getLeafDataItems(),mode:t,cell:o,componentId:this._treeListId,selectedField:this.props.selectedField,...this.getArguments(e)};this.props.onKeyDown.call(void 0,a)}},this.onFocus=e=>{r.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 a=this.extendedColumn[e].depth,r=e=>{do{e++}while(e<this.extendedColumn.length&&this.extendedColumn[e].depth>a);return e},n=this.extendedColumn.splice(e,r(e)-e);if(this.extendedColumn.splice(e<t?r(t-n.length):t,0,...n),this.extendedColumn.filter(e=>e.declarationIndex>=0).forEach((e,t)=>e.orderIndex=t),this.props.onColumnReorder){const e={target:this,columns:this.columns,nativeEvent:o};this.props.onColumnReorder.call(void 0,e)}},this.onResize=(e,t,o,a,r)=>{if(this.props.onColumnResize){const n=this.extendedColumn.filter(e=>0===e.children.length).reduce((e,t)=>e+parseFloat(String(t.width)),0),l={columns:this.columns,totalWidth:n,index:e,nativeEvent:a,newWidth:t,oldWidth:o,end:r,target:this};this.props.onColumnResize.call(void 0,l)}},this.handleOnScroll=e=>{const t=e.currentTarget.scrollLeft,o=e.currentTarget.scrollTop,{columnVirtualization:a,scrollable:r,rowHeight:n=0}=this.props,l=n;let s=!1;a&&Math.abs(this.wrapperScrollLeft-t)>0&&(this.wrapperScrollLeft=t,s=!0),"virtual"===r&&Math.abs(this.wrapperScrollTop-o)>l&&(this.wrapperScrollTop=o,s=!0),s&&(this.updateOnScroll=!0,this.forceUpdate())},this.calculateSizes=e=>{if(!e||"none"===this.props.scrollable)return;const t=Array.from(e.childNodes),o=t.find(e=>"TABLE"===e.nodeName),a=this.props.toolbar&&t.find(e=>1===e.nodeType&&e.classList.contains("k-grid-toolbar"));let r=0;if(a){const e=a.style.boxSizing;a.style.boxSizing="border-box",r=parseFloat(String(window.getComputedStyle(a).height))||a.offsetHeight,a.style.boxSizing=e,a.getAttribute("style")||a.removeAttribute("style")}this.tbodyOffsetTop=o.tBodies[0].offsetTop,g(o,r)},this.itemChange=e=>{const t=this.props.onItemChange;if(e.field===this.props.expandField){const t=this.props.onExpandChange;if(t){const o={...this.getArguments(e.syntheticEvent),dataItem:e.dataItem,level:e.level,value:e.value};t.call(void 0,o)}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:a}=this.props;if(!a)return;const r={syntheticEvent:e,filter:t,field:o,target:this,nativeEvent:e.nativeEvent};a.call(void 0,r)},this.expandChange=(e,t,o)=>{const{expandField:a,onExpandChange:r}=this.props;if(a&&r){const a={...this.getArguments(e),dataItem:t,level:o,value:this.expanded(t)};r.call(void 0,a)}},this.rowClick=(e,t)=>{if(this.props.onRowClick&&"TD"===e.target.nodeName){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&&"TD"===e.target.nodeName){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&&"TD"===e.target.nodeName){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(...a.getNestedValue(this.props.subItemsField,e)),t},this.getLeafDataItems=()=>this.flatData.map(e=>e.dataItem),this.expanded=e=>!!a.getNestedValue(this.props.expandField,e),this.hasChildren=e=>!!a.getNestedValue(this.props.subItemsField,e),this.showLicenseWatermark=!a.validatePackage($,{component:"TreeList"}),this.licenseMessage=a.getLicenseMessage($),this.dragLogic=new r.CommonDragLogic(this.columnReorder,a.noop,a.noop),this.columnResize=new r.ColumnResize(this.onResize.bind(this)),r.tableKeyboardNavigation.onConstructor({navigatable:!!e.navigatable,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef})}get _treeListId(){return this.props.id+"-treelist"}get document(){if(a.canUseDOM)return this.element&&this.element.ownerDocument||document}componentDidMount(){this.calculateSizes(this.element),r.tableKeyboardNavigation.onComponentDidMount({scope:this.element||void 0,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef})}getSnapshotBeforeUpdate(){return r.tableKeyboardNavigation.onGetSnapshotBeforeUpdate({document:this.document,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef}),null}componentDidUpdate(e){e.columns!==this.props.columns&&this.calculateSizes(this.element),r.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:e=[],filterRow:t,scrollable:o="scrollable",resizable:n=!1,reorderable:l=!1,skip:s,take:i}=this.props,d=e.some(e=>!!e.filter||!!e.filterCell)||void 0!==t,c=t||r.FilterRow,h=r.tableKeyboardNavigationTools.getIdPrefix(this.navigationStateRef),u=this.getExtendedColumn(e,h),g=u.length!==this.extendedColumn.length;this.extendedColumn=u,this.columnsMap=this.getColumnsMap(this.extendedColumn,g);const m=this.extendedColumn.filter(e=>0===e.children.length);this.columnResize.columns=this.extendedColumn,this.columnResize.resizable=n,this.dragLogic.columns=this.extendedColumn,this.dragLogic.reorderable=l,this.dragLogic.groupable=!1;const v=p.createElement(r.Header,{headerRow:p.createElement(r.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:d&&p.createElement(c,{columns:m,filter:this.props.filter,filterChange:this.filterChange,sort:this.props.sort,ariaRowIndex:this.columnsMap.length+1})||void 0,columnResize:this.columnResize}),b=this.props.style||{},{colSpans:C,hiddenColumns:I}=r.tableColumnsVirtualization({enabled:this.props.columnVirtualization,columns:m,scrollLeft:this.wrapperScrollLeft,tableViewPortWidth:parseFloat((b.width||"").toString())}),y=(e,t,o,a,n,l)=>m.map((s,i)=>{if(I[i])return null;const d=s.id?s.id:i,c=`${s.className?s.className+" ":""}${s.locked?"k-grid-content-sticky":""}`,u={id:r.tableKeyboardNavigationTools.generateNavigatableId(`${o}-${String(i)}`,h),colSpan:C[i],dataItem:e.dataItem,field:s.field,format:s.format,className:c||void 0,render:this.props.cellRender,onChange:this.itemChange,selectionChange:this.props.onSelectionChange?t=>{this.selectionChange({event:t,item:e,columnIndex:i,dataIndex:n})}:void 0,level:e.level,expandable:s.expandable,expanded:a,hasChildren:this.hasChildren(e.dataItem),onExpandChange:this.expandChange,colIndex:i,ariaColumnIndex:s.ariaColumnIndex,style:void 0!==s.left&&{left:s.left,right:s.right,borderRightWidth:s.rightBorder?"1px":""}||{},isSelected:Array.isArray(l)&&l.indexOf(i)>-1};return t&&s.editCell?p.createElement(s.editCell,{key:d,...u,onChange:this.itemChange}):s.cell?p.createElement(s.cell,{key:d,...u}):p.createElement(x,{key:d,...u})});let E=this.flatData;const S=E.length;void 0!==s&&void 0!==i&&(E=E.slice(s,s+i)),"virtual"===o&&(E=f({rows:E,tableViewPortHeight:parseFloat((b.height||b.maxHeight||"").toString()),scrollTop:this.wrapperScrollTop}),this.updateOnScroll=!1);const R=E.map(e=>e.level),w=this.columnsMap.length+(d?1:0)+1,T=E.length>0&&E.map((e,t)=>{const r=a.getNestedValue(this.props.editField,e.dataItem),n=this.props.dataItemKey&&a.getter(this.props.dataItemKey)(e.dataItem),l=String(n||e.level.join(".")),s=this.expanded(e.dataItem),i=this.props.selectedField?a.getNestedValue(this.props.selectedField,e.dataItem):void 0,d={key:l,level:e.level,levels:R,dataItem:e.dataItem,selectedField:this.props.selectedField,rowHeight:"virtual"===o?e.height:this.props.rowHeight,render:this.props.rowRender,onDrop:this.onRowDrop,onDrag:this.onRowDrag,onClick:t=>this.rowClick(t,e),onDoubleClick:t=>this.rowDoubleClick(t,e),onContextMenu:t=>this.rowContextMenu(t,e),isAltRow:t%2!=0,expanded:s,rowIndex:t,ariaRowIndex:w+t,ariaSetSize:e.levelCount,ariaPosInSet:e.level[e.level.length-1]+1,isSelected:"boolean"==typeof i&&i},c=this.props.editRow,h=this.props.row||W,u=y(e,r,l,s,t,i);return r&&c?p.createElement(c,{...d,key:d.key},u):p.createElement(h,{...d,key:d.key},u)})||p.createElement("tr",{className:"k-table-row k-grid-norecords"},p.createElement("td",{colSpan:m.length},this.props.noRecords||p.createElement(U,null))),k=e=>this.props.sort&&this.props.sort.some(t=>t.field===e),N=p.createElement("colgroup",{ref:e=>{this.columnResize.colGroupMain=e}},m.map((e,t)=>p.createElement("col",{key:t.toString(),className:k(e.field)?"k-sorted":void 0,style:void 0!==e.width?{width:e.width}:void 0}))),D=this.props.columnVirtualization||"virtual"===this.props.scrollable,L=this.props.selectable&&this.props.selectable.drag?"none":void 0,O=this.props.tableProps||{};return p.createElement(r.TableKeyboardNavigationContext.Provider,{value:this.contextStateRef.current},p.createElement("div",{id:this.props.id,style:this.props.style,className:a.classNames("k-grid","k-treelist",this.props.className,{"k-treelist-scrollable":"none"!==o}),ref:e=>{this.element=e},onScroll:D?this.handleOnScroll:void 0,onKeyDown:this.onKeyDown,onFocus:this.onFocus,"aria-rowcount":S,"aria-colcount":m.length,role:"treegrid",...r.tableKeyboardNavigationScopeAttributes},this.props.toolbar,p.createElement(r.TableSelection,{selectable:this.props.selectable,onRelease:this.selectionRelease},p.createElement("table",{className:"k-table k-grid-table",...O,style:{...O.style||{},userSelect:L},role:"presentation"},N,v,p.createElement("tbody",{className:"k-table-tbody",...r.tableKeyboardNavigationBodyAttributes,role:"presentation"},T))),this.props.pager&&p.createElement(this.props.pager,{className:"k-grid-pager",total:S,skip:s,take:i,onPageChange:this.onPageChange}),l&&p.createElement(p.Fragment,null,p.createElement(r.DropClue,{ref:this.dragLogic.refDropElementClue}),p.createElement(r.DragClue,{ref:this.dragLogic.refDragElementClue})),this.showLicenseWatermark&&p.createElement(a.WatermarkOverlay,{message:this.licenseMessage})))}get columns(){const e=this.extendedColumn.filter(e=>e.declarationIndex>=0&&-1===e.parentIndex),t=e=>(e.sort((e,t)=>e.declarationIndex-t.declarationIndex),e.map(e=>{const{declarationIndex:o,parentIndex:a,depth:r,colSpan:n,rowSpan:l,index:s,kFirst:i,groupable:d,children:c,...h}=e;return c.length?{children:t(c),...h}:h}));return t(e)}get flatData(){const{data:e=[],rowHeight:t=0}=this.props;let o=0;const a=this.updateOnScroll&&this.prevData===e&&this.tbodyOffsetTop>0&&this.flattedData.length?this.flattedData:r.flatData(e,this.expandedSubItems,e=>{const a={height:t,offsetTop:o};return o+=a.height,a});return this.prevData=e,this.flattedData=a,a}selectionChange(e){if(this.props.onSelectionChange){const{event:t,item:o,dataIndex:a,columnIndex:n}=e,{mode:l,cell:s}=r.getSelectionOptions(this.props.selectable),i={...this.getArguments(t.syntheticEvent),dataItem:o.dataItem,level:o.level,startColIndex:n,endColIndex:n,startRowIndex:a,endRowIndex:a,dataItems:this.getLeafDataItems(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,mode:l,cell:s,isDrag:!1,componentId:this._treeListId,selectedField:this.props.selectedField||""};this.props.onSelectionChange.call(void 0,i)}}raiseDataEvent(e,t,o){const a=this.props.onDataStateChange;if(e)e.call(void 0,{...this.getArguments(o),...t});else if(a){const e={...this.getArguments(o),dataState:{...this.getDataState(),...t}};a.call(void 0,e)}}getDataState(){return{filter:this.props.filter,sort:this.props.sort}}getArguments(e){return{nativeEvent:e&&e.nativeEvent,syntheticEvent:e,target:this}}};X.propTypes={data:o.array,resizable:o.bool,reorderable:o.bool,sortable:o.oneOfType([o.bool,o.shape({mode:o.oneOf(["single","multiple"]),allowUnsort:o.bool})]),onSortChange:o.func,sort:o.array,columns:o.arrayOf(o.object),columnVirtualization:o.bool,filter:o.array,onFilterChange:o.func,filterRow:o.any,toolbar:o.any,noRecords:o.any,onExpandChange:o.func,expandField:o.string,subItemsField:o.string,selectedField:o.string,onSelectionChange:o.func,onHeaderSelectionChange:o.func,onRowClick:o.func,onItemChange:o.func,editField:o.string,scrollable:o.oneOf(["none","scrollable","virtual"]),rowHeight:o.number,style:o.object,tableProps:o.object,pager:o.any,skip:o.number,take:o.number,onPageChange:o.func,onDataStateChange:o.func,onColumnResize:o.func,onColumnReorder:o.func,dataItemKey:o.string,navigatable:o.bool},X.contextType=r.TableKeyboardNavigationContext;let G=X;const Y=p.forwardRef((e,t)=>{const[o,r]=a.useMergedRef(t);return a.useWebMcpRegister("treelist",o,e,e.webMcp),p.createElement(G,{...e,ref:r})});Y.displayName="KendoReactTreeList";const J=e=>{const t=p.useCallback(t=>{e.selectionChange&&e.selectionChange({syntheticEvent:t})},[e.selectionChange]),o=a.useId(),n=a.getNestedValue(e.field,e.dataItem),l=r.useTableKeyboardNavigation(e.id),s=p.createElement("td",{style:e.style,className:a.classNames("k-table-td",e.className),"aria-colindex":e.ariaColumnIndex,role:"gridcell",...l},p.createElement("input",{checked:"boolean"==typeof n&&n,id:o,type:"checkbox",className:"k-checkbox",onChange:t}),p.createElement("label",{className:"k-checkbox-label",htmlFor:o}));return e.render?e.render.call(void 0,s,e):s};J.displayName="KendoReactTreeListSelectionCell";let Q=class extends p.Component{constructor(){super(...arguments),this._inputId=a.guid()}render(){return p.createElement(r.HeaderSelectionCell,{inputId:this._inputId,...this.props})}};const Z=e=>e.visible&&a.canUseDOM?u.createPortal(p.createElement("div",{className:"k-header k-drag-clue",style:{display:"block",position:"absolute",zIndex:2e4,padding:"8px 12px",top:e.top+"px",left:e.left+"px"}},p.createElement(a.IconWrap,{className:a.classNames("k-drag-status"),name:e.allowDrop?"plus":"cancel",icon:e.allowDrop?l.plusIcon:l.cancelIcon}),e.text),document.body):null;function ee(e,t,o){const a=o?o.elementFromPoint(e.clientX,e.clientY):null;return t&&a?a.closest(t):null}const te={visible:!1,top:0,left:0,text:"",allowDrop:!1};class oe extends p.Component{constructor(){super(...arguments),this.state={clueProps:{...te}},this.draggable=p.createRef(),this.dragged=null,this.draggedOver=null,this.onPress=()=>this.dragged=this.props.level,this.onDrag=e=>{if(!a.canUseDOM)return;const t=this.draggable.current&&this.draggable.current.element,o=t?t.ownerDocument:document;if(!o)return;const r=e.event,n=this.dragged;if(t&&n){!r.isTouch&&"scroll"!==r.type&&r.originalEvent.preventDefault();const e=this.props.levels[function(e,t,o){if(!e.originalEvent)return-1;const a=ee(e,"tr",o);if(a){const e=t?t.childNodes:[];for(let t=0;t<e.length;t++)if(e[t]===a)return t}return-1}(r,t.parentNode,o)];this.draggedOver=e;const a=e?!n.every((t,o)=>t===e[o]):!!ee(r,"k-grid",o);this.setState({clueProps:{visible:!0,top:r.pageY+10,left:r.pageX,text:t.innerText,allowDrop:a}}),this.props.onDrag&&this.props.onDrag.call(void 0,{nativeEvent:r.originalEvent,dragged:n,draggedOver:e,draggedItem:this.props.dataItem})}},this.onRelease=e=>{const t=e.event;if(this.dragged){const e=[...this.dragged],o=this.draggedOver&&[...this.draggedOver],a=this.state.clueProps.allowDrop;this.dragged=null,this.draggedOver=null,this.setState({clueProps:{...te}});const r=this.props.dataItem;a&&this.props.onDrop&&this.props.onDrop.call(void 0,{nativeEvent:t.originalEvent,dragged:e,draggedOver:o,draggedItem:r})}}}render(){const{clueProps:e}=this.state;return p.createElement(p.Fragment,null,p.createElement(a.Draggable,{ref:this.draggable,onPress:this.onPress,onDrag:this.onDrag,onRelease:this.onRelease},p.createElement(W,{...this.props})),p.createElement(Z,{...e}))}}const ae=p.forwardRef((e,t)=>{const{className:o,...r}=e,n=p.useRef(null),l=p.useRef(null);p.useImperativeHandle(l,()=>({element:n.current,props:e})),p.useImperativeHandle(t,()=>l.current);const s=p.useMemo(()=>a.classNames("k-grid-toolbar",o),[o]);return p.createElement(i.Toolbar,{id:e.id,ref:e=>{e&&(n.current=e.element)},className:s,...r},e.children)});ae.displayName="KendoReactTreeListToolbar";const re=[{text:N,operator:"contains"},{text:D,operator:"doesnotcontain"},{text:y,operator:"eq"},{text:E,operator:"neq"},{text:k,operator:"startswith"},{text:L,operator:"endswith"},{text:S,operator:"isnull"},{text:R,operator:"isnotnull"},{text:w,operator:"isempty"},{text:T,operator:"isnotempty"}],ne=[{text:y,operator:"eq"},{text:E,operator:"neq"},{text:O,operator:"gte"},{text:F,operator:"gt"},{text:K,operator:"lte"},{text:P,operator:"lt"},{text:S,operator:"isnull"},{text:R,operator:"isnotnull"}],le=[{text:y,operator:"eq"},{text:E,operator:"neq"},{text:H,operator:"gte"},{text:B,operator:"gt"},{text:j,operator:"lt"},{text:q,operator:"lte"},{text:S,operator:"isnull"},{text:R,operator:"isnotnull"}],se=[{text:A,operator:""},{text:M,operator:!0},{text:z,operator:!1}];function ie(e,t){return{clearButtonTitle:e.toLanguageString(I,_[I]),operators:t.map(t=>({text:e.toLanguageString(t.text,_[t.text]),operator:t.operator}))}}const de=e=>{const t=p.useCallback(t=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:t,value:t.target.value})},[e.onChange,e.dataItem,e.level,e.field]),o=r.useTableKeyboardNavigation(e.id),n=a.classNames({"k-selected":e.isSelected},e.className),l=p.createElement("td",{style:e.style,className:n,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...o,[b]:e.colIndex},p.createElement("input",{style:{width:"100%"},className:"k-input",value:a.getNestedValue(e.field,e.dataItem)||"",onChange:t}));return e.render?e.render.call(void 0,l,e):l};de.displayName="KendoReactTreeListTextEditor";const ce=e=>{const t=p.useCallback(t=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:t.syntheticEvent,value:t.value})},[e.onChange,e.dataItem,e.level,e.field]),o=a.getNestedValue(e.field,e.dataItem),n=r.useTableKeyboardNavigation(e.id),l=a.classNames({"k-selected":e.isSelected},e.className),s=p.createElement("td",{style:e.style,className:l,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...n,[b]:e.colIndex},p.createElement(d.NumericTextBox,{width:"100%",value:void 0===o?null:o,onChange:t}));return e.render?e.render.call(void 0,s,e):s};ce.displayName="KendoReactTreeListNumericEditor";const he=e=>{const t=p.useCallback(t=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:t,value:t.target.checked})},[e.onChange,e.dataItem,e.level,e.field]),o=a.useId(),n=r.useTableKeyboardNavigation(e.id),l=a.classNames({"k-selected":e.isSelected},e.className),s=p.createElement("td",{style:e.style,className:l,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...n,[b]:e.colIndex},p.createElement("input",{checked:a.getNestedValue(e.field,e.dataItem)||!1,id:o,type:"checkbox",className:"k-checkbox",onChange:t}),p.createElement("label",{className:"k-checkbox-label",htmlFor:o}));return e.render?e.render.call(void 0,s,e):s};he.displayName="KendoReactTreeListBooleanEditor";const pe=e=>{const t=p.useCallback(t=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:t.syntheticEvent,value:t.value})},[e.onChange,e.dataItem,e.level,e.field]),o=r.useTableKeyboardNavigation(e.id),n=a.classNames({"k-selected":e.isSelected},e.className),l=p.createElement("td",{style:e.style,className:n,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...o,[b]:e.colIndex},p.createElement(c.DatePicker,{width:"100%",value:a.getNestedValue(e.field,e.dataItem),onChange:t}));return e.render?e.render.call(void 0,l,e):l};pe.displayName="KendoReactTreeListDateEditor";const ue=Y;Object.defineProperty(e,"getNestedValue",{enumerable:!0,get:function(){return a.getNestedValue}}),Object.defineProperty(e,"mapTree",{enumerable:!0,get:function(){return a.mapTree}}),Object.defineProperty(e,"mapTreeItem",{enumerable:!0,get:function(){return a.mapTreeItem}}),Object.defineProperty(e,"createDataTree",{enumerable:!0,get:function(){return r.createDataTree}}),Object.defineProperty(e,"extendDataItem",{enumerable:!0,get:function(){return r.extendDataItem}}),Object.defineProperty(e,"filterBy",{enumerable:!0,get:function(){return r.filterBy}}),Object.defineProperty(e,"flatData",{enumerable:!0,get:function(){return r.flatData}}),Object.defineProperty(e,"getItemPath",{enumerable:!0,get:function(){return r.getItemPath}}),Object.defineProperty(e,"getSelectedState",{enumerable:!0,get:function(){return r.getSelectedState}}),Object.defineProperty(e,"getSelectedStateFromKeyDown",{enumerable:!0,get:function(){return r.getSelectedStateFromKeyDown}}),Object.defineProperty(e,"modifySubItems",{enumerable:!0,get:function(){return r.modifySubItems}}),Object.defineProperty(e,"moveTreeItem",{enumerable:!0,get:function(){return r.moveTreeItem}}),Object.defineProperty(e,"orderBy",{enumerable:!0,get:function(){return r.orderBy}}),Object.defineProperty(e,"removeItems",{enumerable:!0,get:function(){return r.removeItems}}),Object.defineProperty(e,"setSelectedState",{enumerable:!0,get:function(){return r.setSelectedState}}),Object.defineProperty(e,"treeToFlat",{enumerable:!0,get:function(){return r.treeToFlat}}),e.TREELIST_COL_INDEX_ATTRIBUTE=b,e.TREELIST_PREVENT_SELECTION_ELEMENT=C,e.TREELIST_ROW_INDEX_ATTRIBUTE=v,e.TreeList=ue,e.TreeListBooleanEditor=he,e.TreeListBooleanFilter=function(e){const{operators:t,...o}=e;return p.createElement(r.BooleanFilterCell,{ariaLabel:"boolean filter",...ie(n.useLocalization(),t||se),...o})},e.TreeListCell=x,e.TreeListDateEditor=pe,e.TreeListDateFilter=function(e){const{operators:t,...o}=e;return p.createElement(r.DateFilterCell,{ariaLabel:"date filter",...ie(n.useLocalization(),t||le),...o})},e.TreeListDraggableRow=oe,e.TreeListHeaderCell=e=>p.createElement(r.HeaderCell,{...e}),e.TreeListHeaderSelectionCell=Q,e.TreeListNoRecords=U,e.TreeListNumericEditor=ce,e.TreeListNumericFilter=function(e){const{operators:t,...o}=e;return p.createElement(r.NumericFilterCell,{ariaLabel:"numeric filter",...ie(n.useLocalization(),t||ne),...o})},e.TreeListRow=W,e.TreeListSelectionCell=J,e.TreeListTextEditor=de,e.TreeListTextFilter=function(e){const{operators:t,...o}=e;return p.createElement(r.TextFilterCell,{ariaLabel:"text filter",...ie(n.useLocalization(),t||re),...o})},e.TreeListToolbar=ae,e.setHeaderRowsTop=g,e.tableRowsVirtualization=f});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-react-data-tools"),require("@progress/kendo-react-intl"),require("@progress/kendo-svg-icons"),require("react-dom"),require("@progress/kendo-react-buttons"),require("@progress/kendo-react-inputs"),require("@progress/kendo-react-dateinputs")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-common","@progress/kendo-react-data-tools","@progress/kendo-react-intl","@progress/kendo-svg-icons","react-dom","@progress/kendo-react-buttons","@progress/kendo-react-inputs","@progress/kendo-react-dateinputs"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactTreelist={},e.React,e.PropTypes,e.KendoReactCommon,e.KendoReactDataTools,e.KendoReactIntl,e.KendoSvgIcons,e.ReactDOM,e.KendoReactButtons,e.KendoReactInputs,e.KendoReactDateinputs)}(this,function(e,t,o,a,r,n,l,s,i,d,c){"use strict";function h(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(o){if("default"!==o){var a=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,a.get?a:{enumerable:!0,get:function(){return e[o]}})}}),t.default=e,Object.freeze(t)}var p=h(t),u=h(s);function g(e,t,o){const a=Array.from(e.tHead&&e.tHead.rows||[]),r=[t],n=o||(e=>window.getComputedStyle(e).height||void 0);a.forEach(e=>{const t=n(e);r.push(function(e){return void 0!==e&&("number"==typeof e||/px$/i.test(String(e)))}(t)?parseFloat(String(t)):e.offsetHeight)});for(let e=0;e<a.length;e++){const t=r.slice(0,e+1).reduce((e,t)=>e+t,0);Array.from(a[e].cells).forEach(e=>e.style.top=t+"px")}}const m=1e6;function f(e){const{rows:t,tableViewPortHeight:o,scrollTop:a}=e;if(0===t.length)return[];const r=t[0].height,n=Math.min(Math.round(a/r),t.length),l=Math.round(o/r),s=Math.max(0,n-l),i=Math.min(t.length,n+2*l),d=t.slice(s,i),c=d[d.length-1];return s>0&&d.unshift({dataItem:{},level:[m],offsetTop:0,height:d[0].offsetTop,levelCount:0}),i<t.length-1&&d.push({dataItem:{},level:[m,m],offsetTop:c.offsetTop+c.height,height:(t.length-i)*r,levelCount:0}),d}const v=r.TABLE_ROW_INDEX_ATTRIBUTE,b=r.TABLE_COL_INDEX_ATTRIBUTE,C=r.TABLE_PREVENT_SELECTION_ELEMENT,x=e=>{const{hasChildren:t,level:o=[0],expanded:s,dataItem:i,format:d,id:c,ariaColumnIndex:h,isSelected:u}=e,g=a.getNestedValue(e.field,i),m=n.useInternationalization(),f=r.useTableKeyboardNavigation(c);let v="";const x=p.useCallback(t=>{t.isDefaultPrevented()||t.keyCode===a.Keys.enter&&e.expandable&&(t.preventDefault(),e.onExpandChange(t,i,o))},[e.expandable,i,o]);null!=g&&(v=d?m.format(d,g):g.toString());const I=[];if(e.expandable){const r=e=>p.createElement("span",{key:e,className:"k-treelist-toggle k-icon k-svg-icon"},p.createElement("svg",{"aria-hidden":"true",focusable:"false",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}));I.push(...o.slice(1).map((e,t)=>r(t))),t?I.push(p.createElement(a.IconWrap,{className:"k-treelist-toggle",name:s?"chevron-down":"chevron-right",icon:s?l.chevronDownIcon:l.chevronRightIcon,key:"expand-collapse",onClick:t=>e.onExpandChange(t.syntheticEvent||t,i,o),[C]:!0})):I.push(r(I.length))}const y=p.createElement("td",{style:e.style,className:a.classNames("k-table-td",e.className,{"k-text-nowrap":e.expandable,"k-selected":u}),colSpan:e.colSpan,"aria-colindex":h,"aria-expanded":t?s:void 0,"aria-selected":u,role:"gridcell",onKeyDown:x,[b]:e.colIndex,...f},I,v);return e.render?e.render.call(void 0,y,e):y};x.displayName="KendoReactTreeListCell";const I="treelist.filterClearButton",y="treelist.filterEqOperator",E="treelist.filterNotEqOperator",S="treelist.filterIsNullOperator",R="treelist.filterIsNotNullOperator",w="treelist.filterIsEmptyOperator",T="treelist.filterIsNotEmptyOperator",k="treelist.filterStartsWithOperator",N="treelist.filterContainsOperator",D="treelist.filterNotContainsOperator",L="treelist.filterEndsWithOperator",O="treelist.filterGteOperator",F="treelist.filterGtOperator",K="treelist.filterLteOperator",P="treelist.filterLtOperator",M="treelist.filterIsTrue",z="treelist.filterIsFalse",A="treelist.filterBooleanAll",H="treelist.filterAfterOrEqualOperator",B="treelist.filterAfterOperator",V="treelist.filterBeforeOperator",j="treelist.filterBeforeOrEqualOperator",q="treelist.noRecords",_={[I]:"Clear",[y]:"Is equal to",[E]:"Is not equal to",[S]:"Is null",[R]:"Is not null",[w]:"Is empty",[T]:"Is not empty",[k]:"Starts with",[N]:"Contains",[D]:"Does not contain",[L]:"Ends with",[O]:"Is greater than or equal to",[F]:"Is greater than",[K]:"Is less than or equal to",[P]:"Is less than",[M]:"Is true",[z]:"Is false",[A]:"(All)",[H]:"Is after or equal to",[B]:"Is after",[V]:"Is before",[j]:"Is before or equal to",[q]:"No records available"};let U=class extends p.Component{render(){return this.props.children||n.provideLocalizationService(this).toLanguageString(q,_[q])}};n.registerForLocalization(U);const W=p.forwardRef((e,t)=>{const{isSelected:o,rowHeight:r,isAltRow:n,expanded:l,ariaRowIndex:s,level:i,ariaSetSize:d,ariaPosInSet:c}=e,h=a.classNames("k-table-row","k-master-row",{"k-selected":o,"k-table-alt-row":n}),u=p.useMemo(()=>void 0!==r?{height:r+"px"}:void 0,[r]),g=p.createElement("tr",{onClick:e.onClick,onDoubleClick:e.onDoubleClick,onContextMenu:e.onContextMenu,className:h,style:u,ref:t,"aria-expanded":l,role:"row","aria-rowindex":s,"aria-level":i.length,"aria-posinset":c,"aria-setsize":d,[v]:e.rowIndex},e.children);return p.createElement(p.Fragment,null,e.render?e.render.call(void 0,g,e):g)});W.displayName="KendoReactTreeListRow";const $=Object.freeze({name:"@progress/kendo-react-treelist",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"15.0.1-develop.12",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"}),X=class extends p.Component{constructor(e){super(e),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.showLicenseWatermark=!1,this.licenseMessage=void 0,this.scrollIntoView=e=>{if(!this.element)return;const{rowIndex:t=0}=e,{scrollable:o,rowHeight:a=0}=this.props;if("virtual"===o||a)this.element.scroll(0,(t-1)*a);else{const e=this.element.querySelector(`tbody > tr:nth-child(${t})`);if(e){const t=e.offsetTop-this.tbodyOffsetTop;this.element.scroll(0,t)}}},this.getExtendedColumn=a.memoizeOne((e,t)=>r.readColumns(e,{prevId:0,idPrefix:t})),this.getColumnsMap=a.memoizeOne((e,t)=>r.mapColumns(e,t)),this.onKeyDown=e=>{if(r.tableKeyboardNavigation.onKeyDown(e,{navigatable:!1,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef}),this.props.onKeyDown){const{mode:t,cell:o}=r.getSelectionOptions(this.props.selectable),a={dataItems:this.getLeafDataItems(),mode:t,cell:o,componentId:this._treeListId,selectedField:this.props.selectedField||"",...this.getArguments(e)};this.props.onKeyDown.call(void 0,a)}},this.onFocus=e=>{r.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 a=this.extendedColumn[e].depth,r=e=>{do{e++}while(e<this.extendedColumn.length&&this.extendedColumn[e].depth>a);return e},n=this.extendedColumn.splice(e,r(e)-e);if(this.extendedColumn.splice(e<t?r(t-n.length):t,0,...n),this.extendedColumn.filter(e=>e.declarationIndex>=0).forEach((e,t)=>e.orderIndex=t),this.props.onColumnReorder){const e={target:this,columns:this.columns,nativeEvent:o};this.props.onColumnReorder.call(void 0,e)}},this.onResize=(e,t,o,a,r)=>{if(this.props.onColumnResize){const n=this.extendedColumn.filter(e=>0===e.children.length).reduce((e,t)=>e+parseFloat(String(t.width)),0),l={columns:this.columns,totalWidth:n,index:e,nativeEvent:a,newWidth:t,oldWidth:o,end:r,target:this};this.props.onColumnResize.call(void 0,l)}},this.handleOnScroll=e=>{const t=e.currentTarget.scrollLeft,o=e.currentTarget.scrollTop,{columnVirtualization:a,scrollable:r,rowHeight:n=0}=this.props,l=n;let s=!1;a&&Math.abs(this.wrapperScrollLeft-t)>0&&(this.wrapperScrollLeft=t,s=!0),"virtual"===r&&Math.abs(this.wrapperScrollTop-o)>l&&(this.wrapperScrollTop=o,s=!0),s&&(this.updateOnScroll=!0,this.forceUpdate())},this.calculateSizes=e=>{if(!e||"none"===this.props.scrollable)return;const t=Array.from(e.childNodes),o=t.find(e=>"TABLE"===e.nodeName),a=this.props.toolbar&&t.find(e=>1===e.nodeType&&e.classList.contains("k-grid-toolbar"));let r=0;if(a){const e=a.style.boxSizing;a.style.boxSizing="border-box",r=parseFloat(String(window.getComputedStyle(a).height))||a.offsetHeight,a.style.boxSizing=e,a.getAttribute("style")||a.removeAttribute("style")}this.tbodyOffsetTop=o.tBodies[0].offsetTop,g(o,r)},this.itemChange=e=>{const t=this.props.onItemChange;if(e.field===this.props.expandField){const t=this.props.onExpandChange;if(t){const o={...this.getArguments(e.syntheticEvent),dataItem:e.dataItem,level:e.level,value:e.value};t.call(void 0,o)}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:a}=this.props;if(!a||!o)return;const r={syntheticEvent:e,filter:t,field:o,target:this,nativeEvent:e.nativeEvent};a.call(void 0,r)},this.expandChange=(e,t,o)=>{const{expandField:a,onExpandChange:r}=this.props;if(a&&r){const a={...this.getArguments(e),dataItem:t,level:o,value:this.expanded(t)};r.call(void 0,a)}},this.rowClick=(e,t)=>{if(this.props.onRowClick&&"TD"===e.target.nodeName){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&&"TD"===e.target.nodeName){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&&"TD"===e.target.nodeName){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(...a.getNestedValue(this.props.subItemsField,e)),t},this.getLeafDataItems=()=>this.flatData.map(e=>e.dataItem),this.expanded=e=>!!a.getNestedValue(this.props.expandField,e),this.hasChildren=e=>!!a.getNestedValue(this.props.subItemsField,e),this.showLicenseWatermark=!a.validatePackage($,{component:"TreeList"}),this.licenseMessage=a.getLicenseMessage($),this.dragLogic=new r.CommonDragLogic(this.columnReorder,a.noop,a.noop),this.columnResize=new r.ColumnResize(this.onResize.bind(this)),r.tableKeyboardNavigation.onConstructor({navigatable:!!e.navigatable,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef})}get _treeListId(){return this.props.id+"-treelist"}get document(){if(a.canUseDOM)return this.element&&this.element.ownerDocument||document}componentDidMount(){this.calculateSizes(this.element),r.tableKeyboardNavigation.onComponentDidMount({scope:this.element||void 0,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef})}getSnapshotBeforeUpdate(){return r.tableKeyboardNavigation.onGetSnapshotBeforeUpdate({document:this.document,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef}),null}componentDidUpdate(e){e.columns!==this.props.columns&&this.calculateSizes(this.element),r.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:e=[],filterRow:t,scrollable:o="scrollable",resizable:n=!1,reorderable:l=!1,skip:s,take:i}=this.props,d=e.some(e=>!!e.filter||!!e.filterCell)||void 0!==t,c=t||r.FilterRow,h=r.tableKeyboardNavigationTools.getIdPrefix(this.navigationStateRef),u=this.getExtendedColumn(e,h),g=u.length!==this.extendedColumn.length;this.extendedColumn=u,this.columnsMap=this.getColumnsMap(this.extendedColumn,g);const m=this.extendedColumn.filter(e=>0===e.children.length);this.columnResize.columns=this.extendedColumn,this.columnResize.resizable=n,this.dragLogic.columns=this.extendedColumn,this.dragLogic.reorderable=l,this.dragLogic.groupable=!1;const v=p.createElement(r.Header,{headerRow:p.createElement(r.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:d&&p.createElement(c,{columns:m,filter:this.props.filter,filterChange:this.filterChange,sort:this.props.sort,ariaRowIndex:this.columnsMap.length+1})||void 0,columnResize:this.columnResize}),b=this.props.style||{},{colSpans:C,hiddenColumns:I}=r.tableColumnsVirtualization({enabled:this.props.columnVirtualization,columns:m,scrollLeft:this.wrapperScrollLeft,tableViewPortWidth:parseFloat((b.width||"").toString())}),y=(e,t,o,a,n,l)=>m.map((s,i)=>{if(I[i])return null;const d=s.id?s.id:i,c=`${s.className?s.className+" ":""}${s.locked?"k-grid-content-sticky":""}`,u={id:r.tableKeyboardNavigationTools.generateNavigatableId(`${o}-${String(i)}`,h),colSpan:C[i],dataItem:e.dataItem,field:s.field,format:s.format,className:c||void 0,render:this.props.cellRender,onChange:this.itemChange,selectionChange:this.props.onSelectionChange?t=>{this.selectionChange({event:t,item:e,columnIndex:i,dataIndex:n})}:void 0,level:e.level,expandable:s.expandable,expanded:a,hasChildren:this.hasChildren(e.dataItem),onExpandChange:this.expandChange,colIndex:i,ariaColumnIndex:s.ariaColumnIndex,style:void 0!==s.left&&{left:s.left,right:s.right,borderRightWidth:s.rightBorder?"1px":""}||{},isSelected:Array.isArray(l)&&l.indexOf(i)>-1};return t&&s.editCell?p.createElement(s.editCell,{key:d,...u,onChange:this.itemChange}):s.cell?p.createElement(s.cell,{key:d,...u}):p.createElement(x,{key:d,...u})});let E=this.flatData;const S=E.length;void 0!==s&&void 0!==i&&(E=E.slice(s,s+i)),"virtual"===o&&(E=f({rows:E,tableViewPortHeight:parseFloat((b.height||b.maxHeight||"").toString()),scrollTop:this.wrapperScrollTop}),this.updateOnScroll=!1);const R=E.map(e=>e.level),w=this.columnsMap.length+(d?1:0)+1,T=E.length>0&&E.map((e,t)=>{const r=a.getAbsoluteVirtualRowIndex(o,e,t),n=a.getNestedValue(this.props.editField,e.dataItem),l=this.props.dataItemKey&&a.getter(this.props.dataItemKey)(e.dataItem),s=String(l||e.level.join(".")),i=this.expanded(e.dataItem),d=this.props.selectedField?a.getNestedValue(this.props.selectedField,e.dataItem):void 0,c={key:s,level:e.level,levels:R,dataItem:e.dataItem,selectedField:this.props.selectedField,rowHeight:"virtual"===o?e.height:this.props.rowHeight,render:this.props.rowRender,onDrop:this.onRowDrop,onDrag:this.onRowDrag,onClick:t=>this.rowClick(t,e),onDoubleClick:t=>this.rowDoubleClick(t,e),onContextMenu:t=>this.rowContextMenu(t,e),isAltRow:r%2!=0,expanded:i,rowIndex:r,ariaRowIndex:w+r,ariaSetSize:e.levelCount,ariaPosInSet:e.level[e.level.length-1]+1,isSelected:"boolean"==typeof d&&d},h=this.props.editRow,u=this.props.row||W,g=y(e,n,s,i,r,d);return n&&h?p.createElement(h,{...c,key:c.key},g):p.createElement(u,{...c,key:c.key},g)})||p.createElement("tr",{className:"k-table-row k-grid-norecords"},p.createElement("td",{colSpan:m.length},this.props.noRecords||p.createElement(U,null))),k=e=>this.props.sort&&this.props.sort.some(t=>t.field===e),N=p.createElement("colgroup",{ref:e=>{this.columnResize.colGroupMain=e}},m.map((e,t)=>p.createElement("col",{key:t.toString(),className:k(e.field)?"k-sorted":void 0,style:void 0!==e.width?{width:e.width}:void 0}))),D=this.props.columnVirtualization||"virtual"===this.props.scrollable,L=this.props.selectable&&this.props.selectable.drag?"none":void 0,O=this.props.tableProps||{};return p.createElement(r.TableKeyboardNavigationContext.Provider,{value:this.contextStateRef.current},p.createElement("div",{id:this.props.id,style:this.props.style,className:a.classNames("k-grid","k-treelist",this.props.className,{"k-treelist-scrollable":"none"!==o}),ref:e=>{this.element=e},onScroll:D?this.handleOnScroll:void 0,onKeyDown:this.onKeyDown,onFocus:this.onFocus,"aria-rowcount":S,"aria-colcount":m.length,role:"treegrid",...r.tableKeyboardNavigationScopeAttributes},this.props.toolbar,p.createElement(r.TableSelection,{selectable:this.props.selectable,onRelease:this.selectionRelease},p.createElement("table",{className:"k-table k-grid-table",...O,style:{...O.style||{},userSelect:L},role:"presentation"},N,v,p.createElement("tbody",{className:"k-table-tbody",...r.tableKeyboardNavigationBodyAttributes,role:"presentation"},T))),this.props.pager&&p.createElement(this.props.pager,{className:"k-grid-pager",total:S,skip:s,take:i,onPageChange:this.onPageChange}),l&&p.createElement(p.Fragment,null,p.createElement(r.DropClue,{ref:this.dragLogic.refDropElementClue}),p.createElement(r.DragClue,{ref:this.dragLogic.refDragElementClue})),this.showLicenseWatermark&&p.createElement(a.WatermarkOverlay,{message:this.licenseMessage})))}get columns(){const e=this.extendedColumn.filter(e=>e.declarationIndex>=0&&-1===e.parentIndex),t=e=>(e.sort((e,t)=>e.declarationIndex-t.declarationIndex),e.map(e=>{const{declarationIndex:o,parentIndex:a,depth:r,colSpan:n,rowSpan:l,index:s,kFirst:i,groupable:d,children:c,...h}=e;return c.length?{children:t(c),...h}:h}));return t(e)}get flatData(){const{data:e=[],rowHeight:t=0}=this.props;let o=0;const a=this.updateOnScroll&&this.prevData===e&&this.tbodyOffsetTop>0&&this.flattedData.length?this.flattedData:r.flatData(e,this.expandedSubItems,e=>{const a={height:t,offsetTop:o};return o+=a.height,a});return this.prevData=e,this.flattedData=a,a}selectionChange(e){if(this.props.onSelectionChange){const{event:t,item:o,dataIndex:a,columnIndex:n}=e,{mode:l,cell:s}=r.getSelectionOptions(this.props.selectable),i={...this.getArguments(t.syntheticEvent),dataItem:o.dataItem,level:o.level,startColIndex:n,endColIndex:n,startRowIndex:a,endRowIndex:a,dataItems:this.getLeafDataItems(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,mode:l,cell:s,isDrag:!1,componentId:this._treeListId,selectedField:this.props.selectedField||""};this.props.onSelectionChange.call(void 0,i)}}raiseDataEvent(e,t,o){const a=this.props.onDataStateChange;if(e)e.call(void 0,{...this.getArguments(o),...t});else if(a){const e={...this.getArguments(o),dataState:{...this.getDataState(),...t}};a.call(void 0,e)}}getDataState(){return{filter:this.props.filter,sort:this.props.sort}}getArguments(e){return{nativeEvent:e&&e.nativeEvent,syntheticEvent:e,target:this}}};X.propTypes={data:o.array,resizable:o.bool,reorderable:o.bool,sortable:o.oneOfType([o.bool,o.shape({mode:o.oneOf(["single","multiple"]),allowUnsort:o.bool})]),onSortChange:o.func,sort:o.array,columns:o.arrayOf(o.object),columnVirtualization:o.bool,filter:o.array,onFilterChange:o.func,filterRow:o.any,toolbar:o.any,noRecords:o.any,onExpandChange:o.func,expandField:o.string,subItemsField:o.string,selectedField:o.string,onSelectionChange:o.func,onHeaderSelectionChange:o.func,onRowClick:o.func,onItemChange:o.func,editField:o.string,scrollable:o.oneOf(["none","scrollable","virtual"]),rowHeight:o.number,style:o.object,tableProps:o.object,pager:o.any,skip:o.number,take:o.number,onPageChange:o.func,onDataStateChange:o.func,onColumnResize:o.func,onColumnReorder:o.func,dataItemKey:o.string,navigatable:o.bool},X.contextType=r.TableKeyboardNavigationContext;let G=X;const Y=p.forwardRef((e,t)=>{const[o,r]=a.useMergedRef(t);return a.useWebMcpRegister("treelist",o,e,e.webMcp),p.createElement(G,{...e,ref:r})});Y.displayName="KendoReactTreeList";const J=e=>{const t=p.useCallback(t=>{e.selectionChange&&e.selectionChange({syntheticEvent:t})},[e.selectionChange]),o=a.useId(),n=a.getNestedValue(e.field,e.dataItem),l=r.useTableKeyboardNavigation(e.id),s=p.createElement("td",{style:e.style,className:a.classNames("k-table-td",e.className),"aria-colindex":e.ariaColumnIndex,role:"gridcell",...l},p.createElement("input",{checked:"boolean"==typeof n&&n,id:o,type:"checkbox",className:"k-checkbox",onChange:t}),p.createElement("label",{className:"k-checkbox-label",htmlFor:o}));return e.render?e.render.call(void 0,s,e):s};J.displayName="KendoReactTreeListSelectionCell";let Q=class extends p.Component{constructor(){super(...arguments),this._inputId=a.guid()}render(){return p.createElement(r.HeaderSelectionCell,{inputId:this._inputId,...this.props})}};const Z=e=>e.visible&&a.canUseDOM?u.createPortal(p.createElement("div",{className:"k-header k-drag-clue",style:{display:"block",position:"absolute",zIndex:2e4,padding:"8px 12px",top:e.top+"px",left:e.left+"px"}},p.createElement(a.IconWrap,{className:a.classNames("k-drag-status"),name:e.allowDrop?"plus":"cancel",icon:e.allowDrop?l.plusIcon:l.cancelIcon}),e.text),document.body):null;function ee(e,t,o){const a=o?o.elementFromPoint(e.clientX,e.clientY):null;return t&&a?a.closest(t):null}const te={visible:!1,top:0,left:0,text:"",allowDrop:!1};class oe extends p.Component{constructor(){super(...arguments),this.state={clueProps:{...te}},this.draggable=p.createRef(),this.dragged=null,this.draggedOver=null,this.onPress=()=>this.dragged=this.props.level,this.onDrag=e=>{if(!a.canUseDOM)return;const t=this.draggable.current&&this.draggable.current.element,o=t?t.ownerDocument:document;if(!o)return;const r=e.event,n=this.dragged;if(t&&n){!r.isTouch&&"scroll"!==r.type&&r.originalEvent.preventDefault();const e=this.props.levels[function(e,t,o){if(!e.originalEvent)return-1;const a=ee(e,"tr",o);if(a){const e=t?t.childNodes:[];for(let t=0;t<e.length;t++)if(e[t]===a)return t}return-1}(r,t.parentNode,o)];this.draggedOver=e;const a=e?!n.every((t,o)=>t===e[o]):!!ee(r,"k-grid",o);this.setState({clueProps:{visible:!0,top:r.pageY+10,left:r.pageX,text:t.innerText,allowDrop:a}}),this.props.onDrag&&this.props.onDrag.call(void 0,{nativeEvent:r.originalEvent,dragged:n,draggedOver:e,draggedItem:this.props.dataItem})}},this.onRelease=e=>{const t=e.event;if(this.dragged){const e=[...this.dragged],o=this.draggedOver&&[...this.draggedOver],a=this.state.clueProps.allowDrop;this.dragged=null,this.draggedOver=null,this.setState({clueProps:{...te}});const r=this.props.dataItem;a&&this.props.onDrop&&this.props.onDrop.call(void 0,{nativeEvent:t.originalEvent,dragged:e,draggedOver:o,draggedItem:r})}}}render(){const{clueProps:e}=this.state;return p.createElement(p.Fragment,null,p.createElement(a.Draggable,{ref:this.draggable,onPress:this.onPress,onDrag:this.onDrag,onRelease:this.onRelease},p.createElement(W,{...this.props})),p.createElement(Z,{...e}))}}const ae=p.forwardRef((e,t)=>{const{className:o,...r}=e,n=p.useRef(null),l=p.useRef(null);p.useImperativeHandle(l,()=>({element:n.current,props:e})),p.useImperativeHandle(t,()=>l.current);const s=p.useMemo(()=>a.classNames("k-grid-toolbar",o),[o]);return p.createElement(i.Toolbar,{id:e.id,ref:e=>{e&&(n.current=e.element)},className:s,...r},e.children)});ae.displayName="KendoReactTreeListToolbar";const re=[{text:N,operator:"contains"},{text:D,operator:"doesnotcontain"},{text:y,operator:"eq"},{text:E,operator:"neq"},{text:k,operator:"startswith"},{text:L,operator:"endswith"},{text:S,operator:"isnull"},{text:R,operator:"isnotnull"},{text:w,operator:"isempty"},{text:T,operator:"isnotempty"}],ne=[{text:y,operator:"eq"},{text:E,operator:"neq"},{text:O,operator:"gte"},{text:F,operator:"gt"},{text:K,operator:"lte"},{text:P,operator:"lt"},{text:S,operator:"isnull"},{text:R,operator:"isnotnull"}],le=[{text:y,operator:"eq"},{text:E,operator:"neq"},{text:H,operator:"gte"},{text:B,operator:"gt"},{text:V,operator:"lt"},{text:j,operator:"lte"},{text:S,operator:"isnull"},{text:R,operator:"isnotnull"}],se=[{text:A,operator:""},{text:M,operator:!0},{text:z,operator:!1}];function ie(e,t){return{clearButtonTitle:e.toLanguageString(I,_[I]),operators:t.map(t=>({text:e.toLanguageString(t.text,_[t.text]),operator:t.operator}))}}const de=e=>{const t=p.useCallback(t=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:t,value:t.target.value})},[e.onChange,e.dataItem,e.level,e.field]),o=r.useTableKeyboardNavigation(e.id),n=a.classNames({"k-selected":e.isSelected},e.className),l=p.createElement("td",{style:e.style,className:n,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...o,[b]:e.colIndex},p.createElement("input",{style:{width:"100%"},className:"k-input",value:a.getNestedValue(e.field,e.dataItem)||"",onChange:t}));return e.render?e.render.call(void 0,l,e):l};de.displayName="KendoReactTreeListTextEditor";const ce=e=>{const t=p.useCallback(t=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:t.syntheticEvent,value:t.value})},[e.onChange,e.dataItem,e.level,e.field]),o=a.getNestedValue(e.field,e.dataItem),n=r.useTableKeyboardNavigation(e.id),l=a.classNames({"k-selected":e.isSelected},e.className),s=p.createElement("td",{style:e.style,className:l,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...n,[b]:e.colIndex},p.createElement(d.NumericTextBox,{width:"100%",value:void 0===o?null:o,onChange:t}));return e.render?e.render.call(void 0,s,e):s};ce.displayName="KendoReactTreeListNumericEditor";const he=e=>{const t=p.useCallback(t=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:t,value:t.target.checked})},[e.onChange,e.dataItem,e.level,e.field]),o=a.useId(),n=r.useTableKeyboardNavigation(e.id),l=a.classNames({"k-selected":e.isSelected},e.className),s=p.createElement("td",{style:e.style,className:l,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...n,[b]:e.colIndex},p.createElement("input",{checked:a.getNestedValue(e.field,e.dataItem)||!1,id:o,type:"checkbox",className:"k-checkbox",onChange:t}),p.createElement("label",{className:"k-checkbox-label",htmlFor:o}));return e.render?e.render.call(void 0,s,e):s};he.displayName="KendoReactTreeListBooleanEditor";const pe=e=>{const t=p.useCallback(t=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:t.syntheticEvent,value:t.value})},[e.onChange,e.dataItem,e.level,e.field]),o=r.useTableKeyboardNavigation(e.id),n=a.classNames({"k-selected":e.isSelected},e.className),l=p.createElement("td",{style:e.style,className:n,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...o,[b]:e.colIndex},p.createElement(c.DatePicker,{width:"100%",value:a.getNestedValue(e.field,e.dataItem),onChange:t}));return e.render?e.render.call(void 0,l,e):l};pe.displayName="KendoReactTreeListDateEditor";const ue=Y;Object.defineProperty(e,"getAbsoluteVirtualRowIndex",{enumerable:!0,get:function(){return a.getAbsoluteVirtualRowIndex}}),Object.defineProperty(e,"getNestedValue",{enumerable:!0,get:function(){return a.getNestedValue}}),Object.defineProperty(e,"mapTree",{enumerable:!0,get:function(){return a.mapTree}}),Object.defineProperty(e,"mapTreeItem",{enumerable:!0,get:function(){return a.mapTreeItem}}),Object.defineProperty(e,"createDataTree",{enumerable:!0,get:function(){return r.createDataTree}}),Object.defineProperty(e,"extendDataItem",{enumerable:!0,get:function(){return r.extendDataItem}}),Object.defineProperty(e,"filterBy",{enumerable:!0,get:function(){return r.filterBy}}),Object.defineProperty(e,"flatData",{enumerable:!0,get:function(){return r.flatData}}),Object.defineProperty(e,"getItemPath",{enumerable:!0,get:function(){return r.getItemPath}}),Object.defineProperty(e,"getSelectedState",{enumerable:!0,get:function(){return r.getSelectedState}}),Object.defineProperty(e,"getSelectedStateFromKeyDown",{enumerable:!0,get:function(){return r.getSelectedStateFromKeyDown}}),Object.defineProperty(e,"modifySubItems",{enumerable:!0,get:function(){return r.modifySubItems}}),Object.defineProperty(e,"moveTreeItem",{enumerable:!0,get:function(){return r.moveTreeItem}}),Object.defineProperty(e,"orderBy",{enumerable:!0,get:function(){return r.orderBy}}),Object.defineProperty(e,"removeItems",{enumerable:!0,get:function(){return r.removeItems}}),Object.defineProperty(e,"setSelectedState",{enumerable:!0,get:function(){return r.setSelectedState}}),Object.defineProperty(e,"treeToFlat",{enumerable:!0,get:function(){return r.treeToFlat}}),e.TREELIST_COL_INDEX_ATTRIBUTE=b,e.TREELIST_PREVENT_SELECTION_ELEMENT=C,e.TREELIST_ROW_INDEX_ATTRIBUTE=v,e.TreeList=ue,e.TreeListBooleanEditor=he,e.TreeListBooleanFilter=function(e){const{operators:t,...o}=e;return p.createElement(r.BooleanFilterCell,{ariaLabel:"boolean filter",...ie(n.useLocalization(),t||se),...o})},e.TreeListCell=x,e.TreeListDateEditor=pe,e.TreeListDateFilter=function(e){const{operators:t,...o}=e;return p.createElement(r.DateFilterCell,{ariaLabel:"date filter",...ie(n.useLocalization(),t||le),...o})},e.TreeListDraggableRow=oe,e.TreeListHeaderCell=e=>p.createElement(r.HeaderCell,{...e}),e.TreeListHeaderSelectionCell=Q,e.TreeListNoRecords=U,e.TreeListNumericEditor=ce,e.TreeListNumericFilter=function(e){const{operators:t,...o}=e;return p.createElement(r.NumericFilterCell,{ariaLabel:"numeric filter",...ie(n.useLocalization(),t||ne),...o})},e.TreeListRow=W,e.TreeListSelectionCell=J,e.TreeListTextEditor=de,e.TreeListTextFilter=function(e){const{operators:t,...o}=e;return p.createElement(r.TextFilterCell,{ariaLabel:"text filter",...ie(n.useLocalization(),t||re),...o})},e.TreeListToolbar=ae,e.setHeaderRowsTop=g,e.tableRowsVirtualization=f});

package/index.d.mts

@@ -31,7 +31,7 @@ import { TreeListTextEditor, TreeListTextEditorProps } from './cells/EditCells/T
 import { TreeListNumericEditor, TreeListNumericEditorProps } from './cells/EditCells/TreeListNumericEditor.js';
 import { TreeListBooleanEditor, TreeListBooleanEditorProps } from './cells/EditCells/TreeListBooleanEditor.js';
 import { TreeListDateEditor, TreeListDateEditorProps } from './cells/EditCells/TreeListDateEditor.js';
-import { mapTree, mapTreeItem, getNestedValue } from '@progress/kendo-react-common';
+import { mapTree, mapTreeItem, getNestedValue, getAbsoluteVirtualRowIndex } from '@progress/kendo-react-common';
 import { orderBy, filterBy, moveTreeItem, getItemPath, createDataTree, extendDataItem, removeItems, modifySubItems, treeToFlat, flatData, getSelectedState, getSelectedStateFromKeyDown, setSelectedState } from '@progress/kendo-react-data-tools';
 import { DataItemWrapper } from './interfaces/DataItemWrapper';
 import { setHeaderRowsTop, tableRowsVirtualization } from './utils/index.js';
@@ -39,4 +39,4 @@ import { TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PR
 import { TreeListSelectableMode, TreeListSelectableSettings } from './interfaces/TreeListSelectableSettings';
 declare const TreeList: import('react').ForwardRefExoticComponent<TreeListProps & import('react').RefAttributes<TreeListClassComponent>>;
 type TreeList = TreeListClassComponent;
-export { TreeList, TreeListProps, TreeListColumnProps, TreeListCell, TreeListCellProps, TreeListRow, TreeListDraggableRow, TreeListRowProps, TreeListHeaderCell, TreeListHeaderCellProps, TreeListSelectionCell, TreeListSelectionCellProps, TreeListHeaderSelectionCell, TreeListHeaderSelectionCellProps, TreeListToolbar, TreeListToolbarProps, TreeListToolbarHandle, TreeListNoRecords, TreeListNoRecordsProps, TreeListSortSettings, TreeListColumnSortSettings, TreeListTextFilter, TreeListTextFilterProps, TreeListNumericFilter, TreeListNumericFilterProps, TreeListDateFilter, TreeListDateFilterProps, TreeListBooleanFilter, TreeListBooleanFilterProps, TreeListTextEditor, TreeListTextEditorProps, TreeListNumericEditor, TreeListNumericEditorProps, TreeListBooleanEditor, TreeListBooleanEditorProps, TreeListDateEditor, TreeListDateEditorProps, TreeListDataStateChangeEvent, TreeListFilterChangeEvent, TreeListColumnMenuFilterChangeEvent, TreeListSortChangeEvent, TreeListExpandChangeEvent, TreeListSelectionChangeEvent, TreeListItemChangeEvent, TreeListHeaderSelectionChangeEvent, TreeListRowClickEvent, TreeListColumnResizeEvent, TreeListColumnReorderEvent, TreeListPageChangeEvent, TreeListRowDragEvent, TreeListEvent, TreeListRowDoubleClickEvent, TreeListRowContextMenuEvent, TreeListDragSelectionReleaseEvent, TreeListKeyDownEvent, orderBy, filterBy, mapTree, createDataTree, extendDataItem, mapTreeItem, moveTreeItem, getItemPath, removeItems, modifySubItems, treeToFlat, DataItemWrapper, flatData, getNestedValue, setHeaderRowsTop, tableRowsVirtualization, TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT, getSelectedState, getSelectedStateFromKeyDown, setSelectedState, TreeListSelectableSettings, TreeListSelectableMode };
+export { TreeList, TreeListProps, TreeListColumnProps, TreeListCell, TreeListCellProps, TreeListRow, TreeListDraggableRow, TreeListRowProps, TreeListHeaderCell, TreeListHeaderCellProps, TreeListSelectionCell, TreeListSelectionCellProps, TreeListHeaderSelectionCell, TreeListHeaderSelectionCellProps, TreeListToolbar, TreeListToolbarProps, TreeListToolbarHandle, TreeListNoRecords, TreeListNoRecordsProps, TreeListSortSettings, TreeListColumnSortSettings, TreeListTextFilter, TreeListTextFilterProps, TreeListNumericFilter, TreeListNumericFilterProps, TreeListDateFilter, TreeListDateFilterProps, TreeListBooleanFilter, TreeListBooleanFilterProps, TreeListTextEditor, TreeListTextEditorProps, TreeListNumericEditor, TreeListNumericEditorProps, TreeListBooleanEditor, TreeListBooleanEditorProps, TreeListDateEditor, TreeListDateEditorProps, TreeListDataStateChangeEvent, TreeListFilterChangeEvent, TreeListColumnMenuFilterChangeEvent, TreeListSortChangeEvent, TreeListExpandChangeEvent, TreeListSelectionChangeEvent, TreeListItemChangeEvent, TreeListHeaderSelectionChangeEvent, TreeListRowClickEvent, TreeListColumnResizeEvent, TreeListColumnReorderEvent, TreeListPageChangeEvent, TreeListRowDragEvent, TreeListEvent, TreeListRowDoubleClickEvent, TreeListRowContextMenuEvent, TreeListDragSelectionReleaseEvent, TreeListKeyDownEvent, orderBy, filterBy, mapTree, createDataTree, extendDataItem, mapTreeItem, moveTreeItem, getItemPath, removeItems, modifySubItems, treeToFlat, DataItemWrapper, flatData, getNestedValue, getAbsoluteVirtualRowIndex, setHeaderRowsTop, tableRowsVirtualization, TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT, getSelectedState, getSelectedStateFromKeyDown, setSelectedState, TreeListSelectableSettings, TreeListSelectableMode };

package/index.d.ts

@@ -31,7 +31,7 @@ import { TreeListTextEditor, TreeListTextEditorProps } from './cells/EditCells/T
 import { TreeListNumericEditor, TreeListNumericEditorProps } from './cells/EditCells/TreeListNumericEditor.js';
 import { TreeListBooleanEditor, TreeListBooleanEditorProps } from './cells/EditCells/TreeListBooleanEditor.js';
 import { TreeListDateEditor, TreeListDateEditorProps } from './cells/EditCells/TreeListDateEditor.js';
-import { mapTree, mapTreeItem, getNestedValue } from '@progress/kendo-react-common';
+import { mapTree, mapTreeItem, getNestedValue, getAbsoluteVirtualRowIndex } from '@progress/kendo-react-common';
 import { orderBy, filterBy, moveTreeItem, getItemPath, createDataTree, extendDataItem, removeItems, modifySubItems, treeToFlat, flatData, getSelectedState, getSelectedStateFromKeyDown, setSelectedState } from '@progress/kendo-react-data-tools';
 import { DataItemWrapper } from './interfaces/DataItemWrapper';
 import { setHeaderRowsTop, tableRowsVirtualization } from './utils/index.js';
@@ -39,4 +39,4 @@ import { TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PR
 import { TreeListSelectableMode, TreeListSelectableSettings } from './interfaces/TreeListSelectableSettings';
 declare const TreeList: import('react').ForwardRefExoticComponent<TreeListProps & import('react').RefAttributes<TreeListClassComponent>>;
 type TreeList = TreeListClassComponent;
-export { TreeList, TreeListProps, TreeListColumnProps, TreeListCell, TreeListCellProps, TreeListRow, TreeListDraggableRow, TreeListRowProps, TreeListHeaderCell, TreeListHeaderCellProps, TreeListSelectionCell, TreeListSelectionCellProps, TreeListHeaderSelectionCell, TreeListHeaderSelectionCellProps, TreeListToolbar, TreeListToolbarProps, TreeListToolbarHandle, TreeListNoRecords, TreeListNoRecordsProps, TreeListSortSettings, TreeListColumnSortSettings, TreeListTextFilter, TreeListTextFilterProps, TreeListNumericFilter, TreeListNumericFilterProps, TreeListDateFilter, TreeListDateFilterProps, TreeListBooleanFilter, TreeListBooleanFilterProps, TreeListTextEditor, TreeListTextEditorProps, TreeListNumericEditor, TreeListNumericEditorProps, TreeListBooleanEditor, TreeListBooleanEditorProps, TreeListDateEditor, TreeListDateEditorProps, TreeListDataStateChangeEvent, TreeListFilterChangeEvent, TreeListColumnMenuFilterChangeEvent, TreeListSortChangeEvent, TreeListExpandChangeEvent, TreeListSelectionChangeEvent, TreeListItemChangeEvent, TreeListHeaderSelectionChangeEvent, TreeListRowClickEvent, TreeListColumnResizeEvent, TreeListColumnReorderEvent, TreeListPageChangeEvent, TreeListRowDragEvent, TreeListEvent, TreeListRowDoubleClickEvent, TreeListRowContextMenuEvent, TreeListDragSelectionReleaseEvent, TreeListKeyDownEvent, orderBy, filterBy, mapTree, createDataTree, extendDataItem, mapTreeItem, moveTreeItem, getItemPath, removeItems, modifySubItems, treeToFlat, DataItemWrapper, flatData, getNestedValue, setHeaderRowsTop, tableRowsVirtualization, TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT, getSelectedState, getSelectedStateFromKeyDown, setSelectedState, TreeListSelectableSettings, TreeListSelectableMode };
+export { TreeList, TreeListProps, TreeListColumnProps, TreeListCell, TreeListCellProps, TreeListRow, TreeListDraggableRow, TreeListRowProps, TreeListHeaderCell, TreeListHeaderCellProps, TreeListSelectionCell, TreeListSelectionCellProps, TreeListHeaderSelectionCell, TreeListHeaderSelectionCellProps, TreeListToolbar, TreeListToolbarProps, TreeListToolbarHandle, TreeListNoRecords, TreeListNoRecordsProps, TreeListSortSettings, TreeListColumnSortSettings, TreeListTextFilter, TreeListTextFilterProps, TreeListNumericFilter, TreeListNumericFilterProps, TreeListDateFilter, TreeListDateFilterProps, TreeListBooleanFilter, TreeListBooleanFilterProps, TreeListTextEditor, TreeListTextEditorProps, TreeListNumericEditor, TreeListNumericEditorProps, TreeListBooleanEditor, TreeListBooleanEditorProps, TreeListDateEditor, TreeListDateEditorProps, TreeListDataStateChangeEvent, TreeListFilterChangeEvent, TreeListColumnMenuFilterChangeEvent, TreeListSortChangeEvent, TreeListExpandChangeEvent, TreeListSelectionChangeEvent, TreeListItemChangeEvent, TreeListHeaderSelectionChangeEvent, TreeListRowClickEvent, TreeListColumnResizeEvent, TreeListColumnReorderEvent, TreeListPageChangeEvent, TreeListRowDragEvent, TreeListEvent, TreeListRowDoubleClickEvent, TreeListRowContextMenuEvent, TreeListDragSelectionReleaseEvent, TreeListKeyDownEvent, orderBy, filterBy, mapTree, createDataTree, extendDataItem, mapTreeItem, moveTreeItem, getItemPath, removeItems, modifySubItems, treeToFlat, DataItemWrapper, flatData, getNestedValue, getAbsoluteVirtualRowIndex, setHeaderRowsTop, tableRowsVirtualization, TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT, getSelectedState, getSelectedStateFromKeyDown, setSelectedState, TreeListSelectableSettings, TreeListSelectableMode };

package/index.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./TreeListMcpWrapper.js"),T=require("./cells/TreeListCell.js"),s=require("./header/TreeListHeaderCell.js"),l=require("./cells/TreeListSelectionCell.js"),a=require("./header/TreeListHeaderSelectionCell.js"),n=require("./rows/TreeListRow.js"),u=require("./rows/TreeListDraggableRow.js"),c=require("./TreeListToolbar.js"),L=require("./TreeListNoRecords.js"),d=require("./cells/FilterCells/TreeListTextFilter.js"),m=require("./cells/FilterCells/TreeListNumericFilter.js"),E=require("./cells/FilterCells/TreeListDateFilter.js"),b=require("./cells/FilterCells/TreeListBooleanFilter.js"),g=require("./cells/EditCells/TreeListTextEditor.js"),S=require("./cells/EditCells/TreeListNumericEditor.js"),R=require("./cells/EditCells/TreeListBooleanEditor.js"),p=require("./cells/EditCells/TreeListDateEditor.js"),t=require("@progress/kendo-react-common"),e=require("@progress/kendo-react-data-tools"),i=require("./utils/index.js"),r=require("./constants/index.js"),I=o.TreeListWrapper;exports.TreeListCell=T.TreeListCell;exports.TreeListHeaderCell=s.TreeListHeaderCell;exports.TreeListSelectionCell=l.TreeListSelectionCell;exports.TreeListHeaderSelectionCell=a.TreeListHeaderSelectionCell;exports.TreeListRow=n.TreeListRow;exports.TreeListDraggableRow=u.TreeListDraggableRow;exports.TreeListToolbar=c.TreeListToolbar;exports.TreeListNoRecords=L.TreeListNoRecords;exports.TreeListTextFilter=d.TreeListTextFilter;exports.TreeListNumericFilter=m.TreeListNumericFilter;exports.TreeListDateFilter=E.TreeListDateFilter;exports.TreeListBooleanFilter=b.TreeListBooleanFilter;exports.TreeListTextEditor=g.TreeListTextEditor;exports.TreeListNumericEditor=S.TreeListNumericEditor;exports.TreeListBooleanEditor=R.TreeListBooleanEditor;exports.TreeListDateEditor=p.TreeListDateEditor;Object.defineProperty(exports,"getNestedValue",{enumerable:!0,get:()=>t.getNestedValue});Object.defineProperty(exports,"mapTree",{enumerable:!0,get:()=>t.mapTree});Object.defineProperty(exports,"mapTreeItem",{enumerable:!0,get:()=>t.mapTreeItem});Object.defineProperty(exports,"createDataTree",{enumerable:!0,get:()=>e.createDataTree});Object.defineProperty(exports,"extendDataItem",{enumerable:!0,get:()=>e.extendDataItem});Object.defineProperty(exports,"filterBy",{enumerable:!0,get:()=>e.filterBy});Object.defineProperty(exports,"flatData",{enumerable:!0,get:()=>e.flatData});Object.defineProperty(exports,"getItemPath",{enumerable:!0,get:()=>e.getItemPath});Object.defineProperty(exports,"getSelectedState",{enumerable:!0,get:()=>e.getSelectedState});Object.defineProperty(exports,"getSelectedStateFromKeyDown",{enumerable:!0,get:()=>e.getSelectedStateFromKeyDown});Object.defineProperty(exports,"modifySubItems",{enumerable:!0,get:()=>e.modifySubItems});Object.defineProperty(exports,"moveTreeItem",{enumerable:!0,get:()=>e.moveTreeItem});Object.defineProperty(exports,"orderBy",{enumerable:!0,get:()=>e.orderBy});Object.defineProperty(exports,"removeItems",{enumerable:!0,get:()=>e.removeItems});Object.defineProperty(exports,"setSelectedState",{enumerable:!0,get:()=>e.setSelectedState});Object.defineProperty(exports,"treeToFlat",{enumerable:!0,get:()=>e.treeToFlat});exports.setHeaderRowsTop=i.setHeaderRowsTop;exports.tableRowsVirtualization=i.tableRowsVirtualization;exports.TREELIST_COL_INDEX_ATTRIBUTE=r.TREELIST_COL_INDEX_ATTRIBUTE;exports.TREELIST_PREVENT_SELECTION_ELEMENT=r.TREELIST_PREVENT_SELECTION_ELEMENT;exports.TREELIST_ROW_INDEX_ATTRIBUTE=r.TREELIST_ROW_INDEX_ATTRIBUTE;exports.TreeList=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./TreeListMcpWrapper.js"),T=require("./cells/TreeListCell.js"),l=require("./header/TreeListHeaderCell.js"),s=require("./cells/TreeListSelectionCell.js"),a=require("./header/TreeListHeaderSelectionCell.js"),n=require("./rows/TreeListRow.js"),u=require("./rows/TreeListDraggableRow.js"),c=require("./TreeListToolbar.js"),L=require("./TreeListNoRecords.js"),d=require("./cells/FilterCells/TreeListTextFilter.js"),m=require("./cells/FilterCells/TreeListNumericFilter.js"),b=require("./cells/FilterCells/TreeListDateFilter.js"),E=require("./cells/FilterCells/TreeListBooleanFilter.js"),g=require("./cells/EditCells/TreeListTextEditor.js"),R=require("./cells/EditCells/TreeListNumericEditor.js"),I=require("./cells/EditCells/TreeListBooleanEditor.js"),S=require("./cells/EditCells/TreeListDateEditor.js"),t=require("@progress/kendo-react-common"),e=require("@progress/kendo-react-data-tools"),i=require("./utils/index.js"),r=require("./constants/index.js"),p=o.TreeListWrapper;exports.TreeListCell=T.TreeListCell;exports.TreeListHeaderCell=l.TreeListHeaderCell;exports.TreeListSelectionCell=s.TreeListSelectionCell;exports.TreeListHeaderSelectionCell=a.TreeListHeaderSelectionCell;exports.TreeListRow=n.TreeListRow;exports.TreeListDraggableRow=u.TreeListDraggableRow;exports.TreeListToolbar=c.TreeListToolbar;exports.TreeListNoRecords=L.TreeListNoRecords;exports.TreeListTextFilter=d.TreeListTextFilter;exports.TreeListNumericFilter=m.TreeListNumericFilter;exports.TreeListDateFilter=b.TreeListDateFilter;exports.TreeListBooleanFilter=E.TreeListBooleanFilter;exports.TreeListTextEditor=g.TreeListTextEditor;exports.TreeListNumericEditor=R.TreeListNumericEditor;exports.TreeListBooleanEditor=I.TreeListBooleanEditor;exports.TreeListDateEditor=S.TreeListDateEditor;Object.defineProperty(exports,"getAbsoluteVirtualRowIndex",{enumerable:!0,get:()=>t.getAbsoluteVirtualRowIndex});Object.defineProperty(exports,"getNestedValue",{enumerable:!0,get:()=>t.getNestedValue});Object.defineProperty(exports,"mapTree",{enumerable:!0,get:()=>t.mapTree});Object.defineProperty(exports,"mapTreeItem",{enumerable:!0,get:()=>t.mapTreeItem});Object.defineProperty(exports,"createDataTree",{enumerable:!0,get:()=>e.createDataTree});Object.defineProperty(exports,"extendDataItem",{enumerable:!0,get:()=>e.extendDataItem});Object.defineProperty(exports,"filterBy",{enumerable:!0,get:()=>e.filterBy});Object.defineProperty(exports,"flatData",{enumerable:!0,get:()=>e.flatData});Object.defineProperty(exports,"getItemPath",{enumerable:!0,get:()=>e.getItemPath});Object.defineProperty(exports,"getSelectedState",{enumerable:!0,get:()=>e.getSelectedState});Object.defineProperty(exports,"getSelectedStateFromKeyDown",{enumerable:!0,get:()=>e.getSelectedStateFromKeyDown});Object.defineProperty(exports,"modifySubItems",{enumerable:!0,get:()=>e.modifySubItems});Object.defineProperty(exports,"moveTreeItem",{enumerable:!0,get:()=>e.moveTreeItem});Object.defineProperty(exports,"orderBy",{enumerable:!0,get:()=>e.orderBy});Object.defineProperty(exports,"removeItems",{enumerable:!0,get:()=>e.removeItems});Object.defineProperty(exports,"setSelectedState",{enumerable:!0,get:()=>e.setSelectedState});Object.defineProperty(exports,"treeToFlat",{enumerable:!0,get:()=>e.treeToFlat});exports.setHeaderRowsTop=i.setHeaderRowsTop;exports.tableRowsVirtualization=i.tableRowsVirtualization;exports.TREELIST_COL_INDEX_ATTRIBUTE=r.TREELIST_COL_INDEX_ATTRIBUTE;exports.TREELIST_PREVENT_SELECTION_ELEMENT=r.TREELIST_PREVENT_SELECTION_ELEMENT;exports.TREELIST_ROW_INDEX_ATTRIBUTE=r.TREELIST_ROW_INDEX_ATTRIBUTE;exports.TreeList=p;

package/index.mjs

@@ -9,62 +9,63 @@
 import { TreeListWrapper as e } from "./TreeListMcpWrapper.mjs";
 import { TreeListCell as i } from "./cells/TreeListCell.mjs";
 import { TreeListHeaderCell as a } from "./header/TreeListHeaderCell.mjs";
-import { TreeListSelectionCell as p } from "./cells/TreeListSelectionCell.mjs";
-import { TreeListHeaderSelectionCell as f } from "./header/TreeListHeaderSelectionCell.mjs";
+import { TreeListSelectionCell as s } from "./cells/TreeListSelectionCell.mjs";
+import { TreeListHeaderSelectionCell as x } from "./header/TreeListHeaderSelectionCell.mjs";
 import { TreeListRow as L } from "./rows/TreeListRow.mjs";
 import { TreeListDraggableRow as d } from "./rows/TreeListDraggableRow.mjs";
-import { TreeListToolbar as S } from "./TreeListToolbar.mjs";
+import { TreeListToolbar as R } from "./TreeListToolbar.mjs";
 import { TreeListNoRecords as c } from "./TreeListNoRecords.mjs";
-import { TreeListTextFilter as N } from "./cells/FilterCells/TreeListTextFilter.mjs";
-import { TreeListNumericFilter as n } from "./cells/FilterCells/TreeListNumericFilter.mjs";
-import { TreeListDateFilter as B } from "./cells/FilterCells/TreeListDateFilter.mjs";
-import { TreeListBooleanFilter as F } from "./cells/FilterCells/TreeListBooleanFilter.mjs";
-import { TreeListTextEditor as w } from "./cells/EditCells/TreeListTextEditor.mjs";
+import { TreeListTextFilter as D } from "./cells/FilterCells/TreeListTextFilter.mjs";
+import { TreeListNumericFilter as _ } from "./cells/FilterCells/TreeListNumericFilter.mjs";
+import { TreeListDateFilter as u } from "./cells/FilterCells/TreeListDateFilter.mjs";
+import { TreeListBooleanFilter as B } from "./cells/FilterCells/TreeListBooleanFilter.mjs";
+import { TreeListTextEditor as F } from "./cells/EditCells/TreeListTextEditor.mjs";
 import { TreeListNumericEditor as y } from "./cells/EditCells/TreeListNumericEditor.mjs";
-import { TreeListBooleanEditor as O } from "./cells/EditCells/TreeListBooleanEditor.mjs";
-import { TreeListDateEditor as v } from "./cells/EditCells/TreeListDateEditor.mjs";
-import { getNestedValue as P, mapTree as U, mapTreeItem as W } from "@progress/kendo-react-common";
-import { createDataTree as h, extendDataItem as z, filterBy as K, flatData as M, getItemPath as j, getSelectedState as k, getSelectedStateFromKeyDown as q, modifySubItems as G, moveTreeItem as J, orderBy as Q, removeItems as Y, setSelectedState as Z, treeToFlat as $ } from "@progress/kendo-react-data-tools";
-import { setHeaderRowsTop as re, tableRowsVirtualization as te } from "./utils/index.mjs";
-import { TREELIST_COL_INDEX_ATTRIBUTE as Te, TREELIST_PREVENT_SELECTION_ELEMENT as ie, TREELIST_ROW_INDEX_ATTRIBUTE as me } from "./constants/index.mjs";
-const t = e;
+import { TreeListBooleanEditor as A } from "./cells/EditCells/TreeListBooleanEditor.mjs";
+import { TreeListDateEditor as O } from "./cells/EditCells/TreeListDateEditor.mjs";
+import { getAbsoluteVirtualRowIndex as P, getNestedValue as U, mapTree as W, mapTreeItem as X } from "@progress/kendo-react-common";
+import { createDataTree as z, extendDataItem as K, filterBy as M, flatData as j, getItemPath as k, getSelectedState as q, getSelectedStateFromKeyDown as G, modifySubItems as J, moveTreeItem as Q, orderBy as Y, removeItems as Z, setSelectedState as $, treeToFlat as ee } from "@progress/kendo-react-data-tools";
+import { setHeaderRowsTop as re, tableRowsVirtualization as oe } from "./utils/index.mjs";
+import { TREELIST_COL_INDEX_ATTRIBUTE as ie, TREELIST_PREVENT_SELECTION_ELEMENT as me, TREELIST_ROW_INDEX_ATTRIBUTE as ae } from "./constants/index.mjs";
+const r = e;
 export {
-  Te as TREELIST_COL_INDEX_ATTRIBUTE,
-  ie as TREELIST_PREVENT_SELECTION_ELEMENT,
-  me as TREELIST_ROW_INDEX_ATTRIBUTE,
-  t as TreeList,
-  O as TreeListBooleanEditor,
-  F as TreeListBooleanFilter,
+  ie as TREELIST_COL_INDEX_ATTRIBUTE,
+  me as TREELIST_PREVENT_SELECTION_ELEMENT,
+  ae as TREELIST_ROW_INDEX_ATTRIBUTE,
+  r as TreeList,
+  A as TreeListBooleanEditor,
+  B as TreeListBooleanFilter,
   i as TreeListCell,
-  v as TreeListDateEditor,
-  B as TreeListDateFilter,
+  O as TreeListDateEditor,
+  u as TreeListDateFilter,
   d as TreeListDraggableRow,
   a as TreeListHeaderCell,
-  f as TreeListHeaderSelectionCell,
+  x as TreeListHeaderSelectionCell,
   c as TreeListNoRecords,
   y as TreeListNumericEditor,
-  n as TreeListNumericFilter,
+  _ as TreeListNumericFilter,
   L as TreeListRow,
-  p as TreeListSelectionCell,
-  w as TreeListTextEditor,
-  N as TreeListTextFilter,
-  S as TreeListToolbar,
-  h as createDataTree,
-  z as extendDataItem,
-  K as filterBy,
-  M as flatData,
-  j as getItemPath,
-  P as getNestedValue,
-  k as getSelectedState,
-  q as getSelectedStateFromKeyDown,
-  U as mapTree,
-  W as mapTreeItem,
-  G as modifySubItems,
-  J as moveTreeItem,
-  Q as orderBy,
-  Y as removeItems,
+  s as TreeListSelectionCell,
+  F as TreeListTextEditor,
+  D as TreeListTextFilter,
+  R as TreeListToolbar,
+  z as createDataTree,
+  K as extendDataItem,
+  M as filterBy,
+  j as flatData,
+  P as getAbsoluteVirtualRowIndex,
+  k as getItemPath,
+  U as getNestedValue,
+  q as getSelectedState,
+  G as getSelectedStateFromKeyDown,
+  W as mapTree,
+  X as mapTreeItem,
+  J as modifySubItems,
+  Q as moveTreeItem,
+  Y as orderBy,
+  Z as removeItems,
   re as setHeaderRowsTop,
-  Z as setSelectedState,
-  te as tableRowsVirtualization,
-  $ as treeToFlat
+  $ as setSelectedState,
+  oe as tableRowsVirtualization,
+  ee as treeToFlat
 };

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-treelist",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1780565091,version:"15.0.1-develop.10",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-treelist",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1781105036,version:"15.0.1-develop.12",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = Object.freeze({
     productName: 'KendoReact',
     productCode: 'KENDOUIREACT',
     productCodes: ['KENDOUIREACT'],
-    publishDate: 1780565091,
-    version: '15.0.1-develop.10',
+    publishDate: 1781105036,
+    version: '15.0.1-develop.12',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-treelist",
-  "version": "15.0.1-develop.10",
+  "version": "15.0.1-develop.12",
   "description": "React TreeList enables the display of self-referencing tabular data. KendoReact TreeList package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -29,13 +29,13 @@
     "@progress/kendo-date-math": "^1.4.1",
     "@progress/kendo-drawing": "^1.21.2",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-common": "15.0.1-develop.10",
-    "@progress/kendo-react-data-tools": "15.0.1-develop.10",
-    "@progress/kendo-react-dateinputs": "15.0.1-develop.10",
-    "@progress/kendo-react-dialogs": "15.0.1-develop.10",
-    "@progress/kendo-react-dropdowns": "15.0.1-develop.10",
-    "@progress/kendo-react-inputs": "15.0.1-develop.10",
-    "@progress/kendo-react-intl": "15.0.1-develop.10",
+    "@progress/kendo-react-common": "15.0.1-develop.12",
+    "@progress/kendo-react-data-tools": "15.0.1-develop.12",
+    "@progress/kendo-react-dateinputs": "15.0.1-develop.12",
+    "@progress/kendo-react-dialogs": "15.0.1-develop.12",
+    "@progress/kendo-react-dropdowns": "15.0.1-develop.12",
+    "@progress/kendo-react-inputs": "15.0.1-develop.12",
+    "@progress/kendo-react-intl": "15.0.1-develop.12",
     "@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
@@ -76,7 +76,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1780565091,
+      "publishDate": 1781105036,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },

package/utils/index.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function g(n){return n!==void 0&&(typeof n=="number"||/px$/i.test(String(n)))}function u(n,o,a){const r=Array.from(n.tHead&&n.tHead.rows||[]),i=[o];let h;const l=a||(t=>window.getComputedStyle(t).height||void 0);r.forEach(t=>{const e=l(t);i.push(g(e)?parseFloat(String(e)):t.offsetHeight)});for(let t=0;t<r.length;t++)h=i.slice(0,t+1).reduce((e,s)=>e+s),Array.from(r[t].cells).forEach(e=>e.style.top=h+"px")}const c=1e6;function d(n){const{rows:o,tableViewPortHeight:a,scrollTop:r}=n;if(o.length===0)return[];const i=o[0].height,h=Math.min(Math.round(r/i),o.length),l=Math.round(a/i),t=Math.max(0,h-l),e=Math.min(o.length,h+2*l),s=o.slice(t,e),f=s[s.length-1];return t>0&&s.unshift({dataItem:{},level:[c],offsetTop:0,height:s[0].offsetTop,levelCount:0}),e<o.length-1&&s.push({dataItem:{},level:[c,c],offsetTop:f.offsetTop+f.height,height:(o.length-e)*i,levelCount:0}),s}exports.setHeaderRowsTop=u;exports.tableRowsVirtualization=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function g(o){return o!==void 0&&(typeof o=="number"||/px$/i.test(String(o)))}function u(o,e,c){const l=Array.from(o.tHead&&o.tHead.rows||[]),r=[e],h=c||(t=>window.getComputedStyle(t).height||void 0);l.forEach(t=>{const s=h(t);r.push(g(s)?parseFloat(String(s)):t.offsetHeight)});for(let t=0;t<l.length;t++){const s=r.slice(0,t+1).reduce((i,n)=>i+n,0);Array.from(l[t].cells).forEach(i=>i.style.top=s+"px")}}const a=1e6;function d(o){const{rows:e,tableViewPortHeight:c,scrollTop:l}=o;if(e.length===0)return[];const r=e[0].height,h=Math.min(Math.round(l/r),e.length),t=Math.round(c/r),s=Math.max(0,h-t),i=Math.min(e.length,h+2*t),n=e.slice(s,i),f=n[n.length-1];return s>0&&n.unshift({dataItem:{},level:[a],offsetTop:0,height:n[0].offsetTop,levelCount:0}),i<e.length-1&&n.push({dataItem:{},level:[a,a],offsetTop:f.offsetTop+f.height,height:(e.length-i)*r,levelCount:0}),n}exports.setHeaderRowsTop=u;exports.tableRowsVirtualization=d;

package/utils/index.mjs

@@ -5,39 +5,39 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-function g(n) {
-  return n !== void 0 && (typeof n == "number" || /px$/i.test(String(n)));
+function g(o) {
+  return o !== void 0 && (typeof o == "number" || /px$/i.test(String(o)));
 }
-function u(n, o, c) {
-  const h = Array.from(n.tHead && n.tHead.rows || []), i = [o];
-  let r;
-  const l = c || ((t) => window.getComputedStyle(t).height || void 0);
-  h.forEach((t) => {
-    const e = l(t);
-    i.push(g(e) ? parseFloat(String(e)) : t.offsetHeight);
+function u(o, e, l) {
+  const r = Array.from(o.tHead && o.tHead.rows || []), h = [e], c = l || ((t) => window.getComputedStyle(t).height || void 0);
+  r.forEach((t) => {
+    const s = c(t);
+    h.push(g(s) ? parseFloat(String(s)) : t.offsetHeight);
   });
-  for (let t = 0; t < h.length; t++)
-    r = i.slice(0, t + 1).reduce((e, s) => e + s), Array.from(h[t].cells).forEach((e) => e.style.top = r + "px");
+  for (let t = 0; t < r.length; t++) {
+    const s = h.slice(0, t + 1).reduce((i, n) => i + n, 0);
+    Array.from(r[t].cells).forEach((i) => i.style.top = s + "px");
+  }
 }
 const a = 1e6;
-function p(n) {
-  const { rows: o, tableViewPortHeight: c, scrollTop: h } = n;
-  if (o.length === 0)
+function p(o) {
+  const { rows: e, tableViewPortHeight: l, scrollTop: r } = o;
+  if (e.length === 0)
     return [];
-  const i = o[0].height, r = Math.min(Math.round(h / i), o.length), l = Math.round(c / i), t = Math.max(0, r - l), e = Math.min(o.length, r + 2 * l), s = o.slice(t, e), f = s[s.length - 1];
-  return t > 0 && s.unshift({
+  const h = e[0].height, c = Math.min(Math.round(r / h), e.length), t = Math.round(l / h), s = Math.max(0, c - t), i = Math.min(e.length, c + 2 * t), n = e.slice(s, i), f = n[n.length - 1];
+  return s > 0 && n.unshift({
     dataItem: {},
     level: [a],
     offsetTop: 0,
-    height: s[0].offsetTop,
+    height: n[0].offsetTop,
     levelCount: 0
-  }), e < o.length - 1 && s.push({
+  }), i < e.length - 1 && n.push({
     dataItem: {},
     level: [a, a],
     offsetTop: f.offsetTop + f.height,
-    height: (o.length - e) * i,
+    height: (e.length - i) * h,
     levelCount: 0
-  }), s;
+  }), n;
 }
 export {
   u as setHeaderRowsTop,