@progress/kendo-react-treelist 15.2.0-develop.4 → 15.2.0-develop.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -12,4 +12,4 @@
|
|
|
12
12
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
13
13
|
*-------------------------------------------------------------------------------------------
|
|
14
14
|
*/
|
|
15
|
-
!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,r,n,a,l,o,c,i,s,u){"use strict";function d(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var m=d(t),g=d(c);function f(e,t,r){const n=Array.from(e.tHead&&e.tHead.rows||[]),a=[t],l=r||(e=>window.getComputedStyle(e).height||void 0);n.forEach(e=>{const t=l(e);a.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<n.length;e++){const t=a.slice(0,e+1).reduce((e,t)=>e+t,0);Array.from(n[e].cells).forEach(e=>e.style.top=t+"px")}}const p=1e6;function v(e){const{rows:t,tableViewPortHeight:r,scrollTop:n}=e;if(0===t.length)return[];const a=t[0].height,l=Math.min(Math.round(n/a),t.length),o=Math.round(r/a),c=Math.max(0,l-o),i=Math.min(t.length,l+2*o),s=t.slice(c,i),u=s[s.length-1];return c>0&&s.unshift({dataItem:{},level:[p],offsetTop:0,height:s[0].offsetTop,levelCount:0}),i<t.length-1&&s.push({dataItem:{},level:[p,p],offsetTop:u.offsetTop+u.height,height:(t.length-i)*a,levelCount:0}),s}const h=a.TABLE_ROW_INDEX_ATTRIBUTE,b=a.TABLE_COL_INDEX_ATTRIBUTE,y=a.TABLE_PREVENT_SELECTION_ELEMENT,E=e=>{const{hasChildren:t,level:r=[0],expanded:c,dataItem:i,format:s,id:u,ariaColumnIndex:d,isSelected:g}=e,f=n.getNestedValue(e.field,i),p=l.useInternationalization(),v=a.useTableKeyboardNavigation(u);let h="";const E=m.useCallback(t=>{t.isDefaultPrevented()||t.keyCode===n.Keys.enter&&e.expandable&&(t.preventDefault(),e.onExpandChange(t,i,r))},[e.expandable,i,r]);null!=f&&(h=s?p.format(s,f):f.toString());const I=[];if(e.expandable){const a=e=>m.createElement("span",{key:e,className:"k-treelist-toggle k-icon k-svg-icon"},m.createElement("svg",{"aria-hidden":"true",focusable:"false",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}));I.push(...r.slice(1).map((e,t)=>a(t))),t?I.push(m.createElement(n.IconWrap,{className:"k-treelist-toggle",name:c?"chevron-down":"chevron-right",icon:c?o.chevronDownIcon:o.chevronRightIcon,key:"expand-collapse",onClick:t=>e.onExpandChange(t.syntheticEvent||t,i,r),[y]:!0})):I.push(a(I.length))}const C=m.createElement("td",{style:e.style,className:n.classNames("k-table-td",e.className,{"k-text-nowrap":e.expandable,"k-selected":g}),colSpan:e.colSpan,"aria-colindex":d,"aria-expanded":t?c:void 0,"aria-selected":g,role:"gridcell",onKeyDown:E,[b]:e.colIndex,...v},I,h);return e.render?e.render(C,e):C};E.displayName="KendoReactTreeListCell";const I="treelist.filterClearButton",C="treelist.filterEqOperator",x="treelist.filterNotEqOperator",k="treelist.filterIsNullOperator",R="treelist.filterIsNotNullOperator",N="treelist.filterIsEmptyOperator",w="treelist.filterIsNotEmptyOperator",T="treelist.filterStartsWithOperator",S="treelist.filterContainsOperator",D="treelist.filterNotContainsOperator",O="treelist.filterEndsWithOperator",L="treelist.filterGteOperator",F="treelist.filterGtOperator",K="treelist.filterLteOperator",P="treelist.filterLtOperator",H="treelist.filterIsTrue",M="treelist.filterIsFalse",z="treelist.filterBooleanAll",B="treelist.filterAfterOrEqualOperator",V="treelist.filterAfterOperator",A="treelist.filterBeforeOperator",j="treelist.filterBeforeOrEqualOperator",q="treelist.noRecords",_={[I]:"Clear",[C]:"Is equal to",[x]:"Is not equal to",[k]:"Is null",[R]:"Is not null",[N]:"Is empty",[w]:"Is not empty",[T]:"Starts with",[S]:"Contains",[D]:"Does not contain",[O]:"Ends with",[L]:"Is greater than or equal to",[F]:"Is greater than",[K]:"Is less than or equal to",[P]:"Is less than",[H]:"Is true",[M]:"Is false",[z]:"(All)",[B]:"Is after or equal to",[V]:"Is after",[A]:"Is before",[j]:"Is before or equal to",[q]:"No records available"},W=m.forwardRef((e,t)=>{const r=m.useRef(null);m.useImperativeHandle(r,()=>({props:e})),m.useImperativeHandle(t,()=>r.current);const n=l.useLocalization();return e.children||n.toLanguageString(q,_[q])});W.displayName="KendoReactTreeListNoRecords";const U=m.forwardRef((e,t)=>{const{isSelected:r,rowHeight:a,isAltRow:l,expanded:o,ariaRowIndex:c,level:i,ariaSetSize:s,ariaPosInSet:u}=e,d=n.classNames("k-table-row","k-master-row",{"k-selected":r,"k-table-alt-row":l}),g=m.useMemo(()=>void 0!==a?{height:a+"px"}:void 0,[a]),f=m.createElement("tr",{onClick:e.onClick,onDoubleClick:e.onDoubleClick,onContextMenu:e.onContextMenu,className:d,style:g,ref:t,"aria-expanded":o,role:"row","aria-rowindex":c,"aria-level":i.length,"aria-posinset":u,"aria-setsize":s,[h]:e.rowIndex},e.children);return m.createElement(m.Fragment,null,e.render?e.render(f,e):f)});U.displayName="KendoReactTreeListRow";const G=Object.freeze({name:"@progress/kendo-react-treelist",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"15.2.0-develop.4",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"}),$=m.forwardRef((e,t)=>{var r;const{columns:l=[],filterRow:o,scrollable:c="scrollable",resizable:i=!1,reorderable:s=!1,skip:u,take:d,data:g=[],rowHeight:p,columnVirtualization:h,selectable:b,selectedField:y,editField:I,expandField:C,subItemsField:x,dataItemKey:k,id:R,style:N,className:w,toolbar:T,noRecords:S,tableProps:D,pager:O,sort:L,sortable:F,filter:K,columnMenu:P,columnMenuFilter:H,row:M,editRow:z,rowRender:B,cellRender:V,headerCellRender:A}=e,j=m.useRef(null),q=m.useRef(null),_=m.useRef(null),$=m.useRef(null),X=m.useRef(null),Y=m.useRef(null),J=m.useRef(!1),Q=m.useRef(!1),Z=m.useRef(!1),ee=m.useRef(0),te=m.useRef(0),re=m.useRef(!1),ne=m.useRef(0),ae=m.useRef([]),le=m.useRef([]),oe=m.useRef([]),ce=m.useRef([]),ie=m.useRef(e);ie.current=e;const se=m.useRef({current:void 0}),ue=m.useRef({current:void 0}),de=m.useMemo(()=>!n.validatePackage(G,{component:"TreeList"}),[]),me=m.useMemo(()=>n.getLicenseMessage(G),[]),ge=m.useRef(null),fe=m.useRef(null),[,pe]=m.useReducer(e=>!e,!0),ve=R?R+"-treelist":void 0,he=()=>{var e;if(n.canUseDOM)return(null==(e=j.current)?void 0:e.ownerDocument)||document},be=m.useCallback(e=>!!n.getNestedValue(C,e),[C]),ye=m.useCallback(e=>!!n.getNestedValue(x,e),[x]),Ee=m.useCallback(e=>{const t=[];return be(e)&&ye(e)&&t.push(...n.getNestedValue(x,e)),t},[be,ye,x]),Ie=m.useMemo(()=>n.memoizeOne((e,t)=>a.readColumns(e,{prevId:0,idPrefix:t})),[]),Ce=m.useMemo(()=>n.memoizeOne((e,t)=>a.mapColumns(e,t)),[]),xe=m.useRef(null),ke=m.useCallback(e=>{if(!j.current)return;const{rowIndex:t=0}=e,r=ie.current,n=r.rowHeight||0,a=_.current||j.current;if("virtual"===r.scrollable||n)a.scroll(0,(t-1)*n);else{const e=(_.current||j.current).querySelector(`tbody > tr:nth-child(${t})`);if(e){const t=e.offsetTop-ne.current;a.scroll(0,t)}}},[]);if(m.useImperativeHandle(xe,()=>({get element(){return j.current},props:e,scrollIntoView:ke})),m.useImperativeHandle(t,()=>xe.current),n.useWebMcpRegister("treelist",xe,e,e.webMcp),!ge.current){const e=(e,t,r,n,a)=>{var l,o,c;const i=null==(l=ge.current)?void 0:l.colGroupMain;if(i){let e=0;const t=i.children;for(let r=0;r<t.length;r++){const n=t[r].style.width;if(!n){e=0;break}e+=parseFloat(n)}e=Math.round(e);const r=e?e+"px":"";X.current&&(X.current.style.width=r),Y.current&&(Y.current.style.width=r)}if(ie.current.onColumnResize){let l=0;const i=null==(c=null==(o=ge.current)?void 0:o.colGroupMain)?void 0:c.children;if(i)for(let e=0;e<i.length;e++)l+=parseFloat(i[e].style.width||"0");const s=oe.current.filter(e=>e.declarationIndex>=0&&-1===e.parentIndex),u=e=>(e.sort((e,t)=>e.declarationIndex-t.declarationIndex),e.map(e=>{const{declarationIndex:t,parentIndex:r,depth:n,colSpan:a,rowSpan:l,index:o,kFirst:c,groupable:i,children:s,...d}=e;return s.length?{children:u(s),...d}:d})),d={columns:u(s),totalWidth:l,index:e,nativeEvent:n,newWidth:t,oldWidth:r,end:a,target:xe.current};ie.current.onColumnResize(d)}};ge.current=new a.ColumnResize(e);const t=(e,t,r)=>{const n=oe.current,a=n[e].depth,l=e=>{do{e++}while(e<n.length&&n[e].depth>a);return e},o=n.splice(e,l(e)-e);if(n.splice(e<t?l(t-o.length):t,0,...o),n.filter(e=>e.declarationIndex>=0).forEach((e,t)=>e.orderIndex=t),ie.current.onColumnReorder){const e=n.filter(e=>e.declarationIndex>=0&&-1===e.parentIndex),t=e=>(e.sort((e,t)=>e.declarationIndex-t.declarationIndex),e.map(e=>{const{declarationIndex:r,parentIndex:n,depth:a,colSpan:l,rowSpan:o,index:c,kFirst:i,groupable:s,children:u,...d}=e;return u.length?{children:t(u),...d}:d})),a={target:xe.current,columns:t(e),nativeEvent:r};ie.current.onColumnReorder(a)}};fe.current=new a.CommonDragLogic(t,n.noop,n.noop);const r=ge.current.dragHandler.bind(ge.current);ge.current.dragHandler=(e,t,n,a)=>{Ne(),r(e,t,n,a)},a.tableKeyboardNavigation.onConstructor({navigatable:!!ie.current.navigatable,contextStateRef:se.current,navigationStateRef:ue.current})}const Re=m.useCallback(e=>{var t;if(!e||"none"===ie.current.scrollable)return;if(_.current){const e=_.current.querySelector("table");null!=e&&e.tBodies[0]&&(ne.current=e.tBodies[0].offsetTop);const r=null==(t=$.current)?void 0:t.parentElement;if(r){const e=_.current.offsetWidth-_.current.clientWidth;r.style.paddingInlineEnd=e+"px"}return}const r=Array.from(e.childNodes),n=r.find(e=>"TABLE"===e.nodeName),a=ie.current.toolbar&&r.find(e=>1===e.nodeType&&e.classList.contains("k-grid-toolbar"));let l=0;if(a){const e=a.style.boxSizing;a.style.boxSizing="border-box",l=parseFloat(String(window.getComputedStyle(a).height))||a.offsetHeight,a.style.boxSizing=e,a.getAttribute("style")||a.removeAttribute("style")}ne.current=n.tBodies[0].offsetTop,f(n,l)},[]),Ne=()=>{var e,t;const r=null==(e=ge.current)?void 0:e.colGroupMain;if(!r||!X.current)return;const n=r.children,a=oe.current.filter(e=>0===e.children.length),l=null==(t=ge.current)?void 0:t.colGroupHeader,o=X.current.offsetWidth;let c=0,i=!0;for(let e=0;e<a.length;e++){if(void 0===a[e].width){i=!1;break}c+=parseFloat(String(a[e].width))}if(!i||!o||!c||Math.abs(o-c)<=1)return;J.current=!0;const s=o/c;let u=0;for(let e=0;e<a.length;e++){const t=parseFloat(String(a[e].width));let r;r=e===a.length-1?o-u:Math.round(t*s),u+=r,a[e].width=r,n[e]&&(n[e].style.width=r+"px"),null!=l&&l.children[e]&&(l.children[e].style.width=r+"px")}X.current&&(X.current.style.width=o+"px"),Y.current&&(Y.current.style.width=o+"px")},we=()=>le.current.map(e=>e.dataItem),Te=m.useCallback((e,t,r)=>{const n=ie.current;if(e)e({nativeEvent:null==r?void 0:r.nativeEvent,syntheticEvent:r,target:xe.current,...t});else if(n.onDataStateChange){const e={nativeEvent:null==r?void 0:r.nativeEvent,syntheticEvent:r,target:xe.current,dataState:{filter:n.filter,sort:n.sort,...t}};n.onDataStateChange(e)}},[]),Se=m.useCallback((e,t,r)=>{Te(ie.current.onSortChange,{sort:t,field:r},e)},[Te]),De=m.useCallback((e,t,r)=>{Te(ie.current.onFilterChange,{filter:t,field:r},e)},[Te]),Oe=m.useCallback(e=>{Te(ie.current.onFilterChange,{filter:e.filter,field:e.field},e.syntheticEvent)},[Te]),Le=m.useCallback((e,t,r)=>{const n=ie.current;if(!n.onColumnMenuFilterChange)return;const a={syntheticEvent:e,filter:t,field:r,target:xe.current,nativeEvent:e.nativeEvent};n.onColumnMenuFilterChange(a)},[]),Fe=m.useCallback((e,t,r)=>{const a=ie.current;if(a.expandField&&a.onExpandChange){const l={nativeEvent:null==e?void 0:e.nativeEvent,syntheticEvent:e,target:xe.current,dataItem:t,level:r,value:!!n.getNestedValue(a.expandField,t)};a.onExpandChange(l)}},[]),Ke=m.useCallback(e=>{var t,r;const n=ie.current;if(e.field!==n.expandField){if(n.onItemChange){const t={nativeEvent:null==(r=e.syntheticEvent)?void 0:r.nativeEvent,syntheticEvent:e.syntheticEvent,target:xe.current,dataItem:e.dataItem,level:e.level,field:e.field,value:e.value};n.onItemChange(t)}}else if(n.onExpandChange){const r={nativeEvent:null==(t=e.syntheticEvent)?void 0:t.nativeEvent,syntheticEvent:e.syntheticEvent,target:xe.current,dataItem:e.dataItem,level:e.level,value:e.value};n.onExpandChange(r)}},[]),Pe=m.useCallback(e=>{var t;const r=ie.current;if(r.onSelectionChange){const{event:n,item:l,dataIndex:o,columnIndex:c}=e,{mode:i,cell:s}=a.getSelectionOptions(r.selectable),u={nativeEvent:null==(t=n.syntheticEvent)?void 0:t.nativeEvent,syntheticEvent:n.syntheticEvent,target:xe.current,dataItem:l.dataItem,level:l.level,startColIndex:c,endColIndex:c,startRowIndex:o,endRowIndex:o,dataItems:we(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,mode:i,cell:s,isDrag:!1,componentId:ve,selectedField:r.selectedField||""};r.onSelectionChange(u)}},[ve]),He=m.useCallback(e=>{var t;const r=ie.current;if(r.onHeaderSelectionChange){const n={field:e.field,nativeEvent:null==(t=e.syntheticEvent)?void 0:t.nativeEvent,syntheticEvent:e.syntheticEvent,target:xe.current,dataItems:we()};r.onHeaderSelectionChange(n)}},[]),Me=m.useCallback(e=>{const t=ie.current;if(t.onSelectionChange){const r={syntheticEvent:void 0,target:xe.current,selectedField:t.selectedField||"",componentId:ve,dataItems:we(),dataItem:null,level:[],...e};t.onSelectionChange(r)}},[ve]),ze=m.useCallback((e,t)=>{if(ie.current.onRowClick&&"TD"===e.target.nodeName){const r={dataItem:t.dataItem,level:t.level,nativeEvent:null==e?void 0:e.nativeEvent,syntheticEvent:e,target:xe.current};ie.current.onRowClick(r)}},[]),Be=m.useCallback((e,t)=>{if(ie.current.onRowDoubleClick&&"TD"===e.target.nodeName){const r={dataItem:t.dataItem,level:t.level,nativeEvent:null==e?void 0:e.nativeEvent,syntheticEvent:e,target:xe.current};ie.current.onRowDoubleClick(r)}},[]),Ve=m.useCallback((e,t)=>{if(ie.current.onRowContextMenu&&"TD"===e.target.nodeName){const r={dataItem:t.dataItem,level:t.level,nativeEvent:null==e?void 0:e.nativeEvent,syntheticEvent:e,target:xe.current};ie.current.onRowContextMenu(r)}},[]),Ae=m.useCallback(e=>{var t;if(ie.current.onPageChange){const r={nativeEvent:null==(t=e.syntheticEvent)?void 0:t.nativeEvent,syntheticEvent:e.syntheticEvent,target:xe.current,skip:e.skip,take:e.take};ie.current.onPageChange(r)}},[]),je=m.useCallback(e=>{ie.current.onRowDrag&&ie.current.onRowDrag({...e,target:xe.current})},[]),qe=m.useCallback(e=>{ie.current.onRowDrop&&ie.current.onRowDrop({...e,target:xe.current})},[]),_e=m.useCallback(e=>{if(a.tableKeyboardNavigation.onKeyDown(e,{navigatable:!!ie.current.navigatable,contextStateRef:se.current,navigationStateRef:ue.current}),ie.current.onKeyDown){const{mode:t,cell:r}=a.getSelectionOptions(ie.current.selectable),n={dataItems:we(),mode:t,cell:r,componentId:ve,selectedField:ie.current.selectedField,nativeEvent:null==e?void 0:e.nativeEvent,syntheticEvent:e,target:xe.current};ie.current.onKeyDown(n)}},[ve]),We=m.useCallback(e=>{a.tableKeyboardNavigation.onFocus(e,{contextStateRef:se.current})},[]),Ue=m.useCallback(e=>{var t;const r=e.currentTarget.scrollLeft,n=e.currentTarget.scrollTop,l=ie.current,o=l.rowHeight||0;let c=!1;if(l.columnVirtualization&&Math.abs(ee.current-r)>0&&(ee.current=r,c=!0),"virtual"===l.scrollable&&Math.abs(te.current-n)>o&&(te.current=n,c=!0),c){if(se.current.current&&ue.current.current){const e=null==(t=he())?void 0:t.activeElement,r=e&&a.tableKeyboardNavigationTools.getNavigatableId(e);r&&r===se.current.current.activeId&&(ue.current.current.activeElementIsFocused=!0)}re.current=!0,pe()}$.current&&!Z.current&&(Q.current=!0,$.current.scrollLeft=r),Z.current=!1},[]),Ge=m.useCallback(e=>{if(Q.current)return void(Q.current=!1);const t=e.currentTarget.scrollLeft;_.current&&_.current.scrollLeft!==t&&(Z.current=!0,_.current.scrollLeft=t)},[]),$e=m.useRef(!1);m.useLayoutEffect(()=>(Re(j.current),a.tableKeyboardNavigation.onComponentDidMount({scope:q.current||j.current||void 0,contextStateRef:se.current,navigationStateRef:ue.current}),()=>{$e.current=!1,ce.current=[],ae.current=[],le.current=[],re.current=!1,Ie.clear(),Ce.clear()}),[Re,Ie,Ce]),m.useLayoutEffect(()=>{a.tableKeyboardNavigation.onGetSnapshotBeforeUpdate({document:he(),contextStateRef:se.current,navigationStateRef:ue.current})});const Xe=m.useRef(l);m.useLayoutEffect(()=>{$e.current?(Xe.current!==l&&Re(j.current),Xe.current=l,a.tableKeyboardNavigation.onComponentDidUpdate({scope:q.current||j.current||void 0,contextStateRef:se.current,navigationStateRef:ue.current})):$e.current=!0});const Ye=l.some(e=>!!e.filter||!!e.filterCell)||void 0!==o,Je=o||a.FilterRow,Qe=a.tableKeyboardNavigationTools.getIdPrefix(ue.current),Ze=Ie(l,Qe),et=Ze.length!==oe.current.length;oe.current=Ze,ce.current=Ce(oe.current,et);const tt=oe.current.filter(e=>0===e.children.length);ge.current.columns=oe.current,ge.current.resizable=i,fe.current.columns=oe.current,fe.current.reorderable=s,fe.current.groupable=!1;let rt=(()=>{let e=0;const t=re.current&&ae.current===g&&ne.current>0&&le.current.length?le.current:a.flatData(g,Ee,t=>{const r={height:p||0,offsetTop:e};return e+=r.height,r});return ae.current=g,le.current=t,t})();const nt=rt.length;void 0!==u&&void 0!==d&&(rt=rt.slice(u,u+d));const at=N||{};"virtual"===c&&(rt=v({rows:rt,tableViewPortHeight:parseFloat((at.height||at.maxHeight||"").toString()),scrollTop:te.current}),re.current=!1);const{colSpans:lt,hiddenColumns:ot}=a.tableColumnsVirtualization({enabled:h,columns:tt,scrollLeft:ee.current,tableViewPortWidth:parseFloat((at.width||"").toString())}),ct=rt.map(e=>e.level),it=ce.current.length+(Ye?1:0)+1,st=m.createElement(a.Header,{headerRow:m.createElement(a.HeaderRow,{sort:L,sortable:F,sortChange:Se,selectionChange:He,columns:oe.current,columnsMap:ce.current,cellRender:A,columnResize:ge.current,columnMenu:P,columnMenuFilter:H,columnMenuFilterChange:Le,pressHandler:fe.current.pressHandler,dragHandler:fe.current.dragHandler,releaseHandler:fe.current.releaseHandler,filterChange:De}),reorderable:s,className:"none"!==c?"k-table-thead":void 0,role:"none"!==c?"rowgroup":void 0,filterRow:Ye&&m.createElement(Je,{columns:tt,filter:K,filterChange:Oe,sort:L,ariaRowIndex:ce.current.length+1})||void 0,columnResize:ge.current}),ut=rt.length>0&&rt.map((t,r)=>{const l=n.getNestedValue(I,t.dataItem),o=k&&n.getter(k)(t.dataItem),i=String(o||t.level.join(".")),s=!!n.getNestedValue(C,t.dataItem),u=y?n.getNestedValue(y,t.dataItem):void 0,d={key:i,level:t.level,levels:ct,dataItem:t.dataItem,selectedField:y,rowHeight:"virtual"===c?t.height:p,render:B,onDrop:qe,onDrag:je,onClick:e=>ze(e,t),onDoubleClick:e=>Be(e,t),onContextMenu:e=>Ve(e,t),isAltRow:r%2!=0,expanded:s,rowIndex:r,ariaRowIndex:it+r,ariaSetSize:t.levelCount,ariaPosInSet:t.level[t.level.length-1]+1,isSelected:"boolean"==typeof u&&u},g=M||U,f=((t,r,l,o,c,i)=>tt.map((s,u)=>{if(ot[u])return null;const d=s.id?s.id:u,g=`${s.className?s.className+" ":""}${s.locked?"k-grid-content-sticky":""}`,f={id:a.tableKeyboardNavigationTools.generateNavigatableId(`${l}-${String(u)}`,Qe),colSpan:lt[u],dataItem:t.dataItem,field:s.field,format:s.format,className:g||void 0,render:V,onChange:Ke,selectionChange:e.onSelectionChange?e=>{Pe({event:e,item:t,columnIndex:u,dataIndex:c})}:void 0,level:t.level,expandable:s.expandable,expanded:o,hasChildren:!!n.getNestedValue(x,t.dataItem),onExpandChange:Fe,colIndex:u,ariaColumnIndex:s.ariaColumnIndex,style:void 0!==s.left&&{left:s.left,right:s.right,borderRightWidth:s.rightBorder?"1px":""}||{},isSelected:Array.isArray(i)&&i.indexOf(u)>-1};return r&&s.editCell?m.createElement(s.editCell,{key:d,...f,onChange:Ke}):s.cell?m.createElement(s.cell,{key:d,...f}):m.createElement(E,{key:d,...f})}))(t,l,i,s,r,u);return l&&z?m.createElement(z,{...d,key:d.key},f):m.createElement(g,{...d,key:d.key},f)})||m.createElement("tr",{className:"k-table-row k-grid-norecords"},m.createElement("td",{colSpan:tt.length},S||m.createElement(W,null))),dt=e=>null==L?void 0:L.some(t=>t.field===e),mt=tt.map(e=>m.createElement("col",{key:e.declarationIndex,className:dt(e.field)?"k-sorted":void 0,style:void 0!==e.width?{width:e.width}:void 0})),gt=null!=b&&b.drag?"none":void 0,ft=D||{},pt="none"!==c;let vt,ht=0;if(pt&&i&&J.current){let e=!0;for(let t=0;t<tt.length;t++){if(void 0===tt[t].width){e=!1;break}ht+=parseFloat(String(tt[t].width))}e||(ht=0)}return ht?vt={width:ht}:null!=(r=ft.style)&&r.width&&(vt={width:ft.style.width}),pt?m.createElement(a.TableKeyboardNavigationContext.Provider,{value:se.current.current},m.createElement("div",{id:R,style:N,className:n.classNames("k-grid","k-treelist","k-treelist-scrollable",w),ref:e=>{j.current=e},onKeyDown:_e,onFocus:We},T,m.createElement("div",{className:"k-grid-aria-root k-treelist",role:"treegrid","aria-rowcount":nt,"aria-colcount":tt.length,ref:e=>{q.current=e},...a.tableKeyboardNavigationScopeAttributes},m.createElement("div",{className:n.classNames("k-grid-header",{"k-grid-draggable-header":s})},m.createElement("div",{className:"k-grid-header-wrap",ref:e=>{$.current=e},onScroll:Ge},m.createElement("table",{className:"k-table k-grid-header-table",role:"presentation",style:vt,ref:e=>{X.current=e}},m.createElement("colgroup",{ref:e=>{ge.current.colGroupHeader=e}},mt),st))),m.createElement("div",{className:"k-grid-container"},m.createElement("div",{className:"k-grid-content",ref:e=>{_.current=e},onScroll:Ue},m.createElement(a.TableSelection,{selectable:b,onRelease:Me},m.createElement("table",{className:"k-table k-grid-table",...ft,style:{...ft.style||{},userSelect:gt,...ht?{width:ht}:{}},role:"presentation",ref:e=>{Y.current=e}},m.createElement("colgroup",{ref:e=>{ge.current.colGroupMain=e}},mt),m.createElement("tbody",{className:"k-table-tbody",...a.tableKeyboardNavigationBodyAttributes,role:"rowgroup"},ut)))))),O&&m.createElement(O,{className:"k-grid-pager",total:nt,skip:u,take:d,onPageChange:Ae}),s&&m.createElement(m.Fragment,null,m.createElement(a.DropClue,{ref:fe.current.refDropElementClue}),m.createElement(a.DragClue,{ref:fe.current.refDragElementClue})),de&&m.createElement(n.WatermarkOverlay,{message:me}))):m.createElement(a.TableKeyboardNavigationContext.Provider,{value:se.current.current},m.createElement("div",{id:R,style:N,className:n.classNames("k-grid","k-treelist",w),ref:e=>{j.current=e},onKeyDown:_e,onFocus:We,"aria-rowcount":nt,"aria-colcount":tt.length,role:"treegrid",...a.tableKeyboardNavigationScopeAttributes},T,m.createElement(a.TableSelection,{selectable:b,onRelease:Me},m.createElement("table",{className:"k-table k-grid-table",...ft,style:{...ft.style||{},userSelect:gt},role:"presentation"},m.createElement("colgroup",{ref:e=>{ge.current.colGroupMain=e}},mt),st,m.createElement("tbody",{className:"k-table-tbody",...a.tableKeyboardNavigationBodyAttributes,role:"presentation"},ut))),O&&m.createElement(O,{className:"k-grid-pager",total:nt,skip:u,take:d,onPageChange:Ae}),s&&m.createElement(m.Fragment,null,m.createElement(a.DropClue,{ref:fe.current.refDropElementClue}),m.createElement(a.DragClue,{ref:fe.current.refDragElementClue})),de&&m.createElement(n.WatermarkOverlay,{message:me})))});$.propTypes={data:r.array,resizable:r.bool,reorderable:r.bool,sortable:r.oneOfType([r.bool,r.shape({mode:r.oneOf(["single","multiple"]),allowUnsort:r.bool})]),onSortChange:r.func,sort:r.array,columns:r.arrayOf(r.object),columnVirtualization:r.bool,filter:r.array,onFilterChange:r.func,filterRow:r.any,toolbar:r.any,noRecords:r.any,onExpandChange:r.func,expandField:r.string,subItemsField:r.string,selectedField:r.string,onSelectionChange:r.func,onHeaderSelectionChange:r.func,onRowClick:r.func,onItemChange:r.func,editField:r.string,scrollable:r.oneOf(["none","scrollable","virtual"]),rowHeight:r.number,style:r.object,tableProps:r.object,pager:r.any,skip:r.number,take:r.number,onPageChange:r.func,onDataStateChange:r.func,onColumnResize:r.func,onColumnReorder:r.func,dataItemKey:r.string,navigatable:r.bool},$.displayName="KendoReactTreeList";const X=e=>{const t=m.useCallback(t=>{e.selectionChange&&e.selectionChange({syntheticEvent:t})},[e.selectionChange]),r=n.useId(),l=n.getNestedValue(e.field,e.dataItem),o=a.useTableKeyboardNavigation(e.id),c=m.createElement("td",{style:e.style,className:n.classNames("k-table-td",e.className),"aria-colindex":e.ariaColumnIndex,role:"gridcell",...o},m.createElement("input",{checked:"boolean"==typeof l&&l,id:r,type:"checkbox",className:"k-checkbox",onChange:t}),m.createElement("label",{className:"k-checkbox-label",htmlFor:r}));return e.render?e.render(c,e):c};X.displayName="KendoReactTreeListSelectionCell";const Y=m.forwardRef((e,t)=>{const r=m.useRef(n.guid()),l=m.useRef(null);return m.useImperativeHandle(l,()=>({props:e})),m.useImperativeHandle(t,()=>l.current),m.createElement(a.HeaderSelectionCell,{inputId:r.current,...e})});Y.displayName="KendoReactTreeListHeaderSelectionCell";const J=e=>e.visible&&n.canUseDOM?g.createPortal(m.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"}},m.createElement(n.IconWrap,{className:n.classNames("k-drag-status"),name:e.allowDrop?"plus":"cancel",icon:e.allowDrop?o.plusIcon:o.cancelIcon}),e.text),document.body):null;function Q(e,t,r){const n=r?r.elementFromPoint(e.clientX,e.clientY):null;return t&&n?n.closest(t):null}const Z="k-grid",ee={visible:!1,top:0,left:0,text:"",allowDrop:!1},te=m.forwardRef((e,t)=>{const[r,a]=m.useState({...ee}),l=m.useRef(null),o=m.useRef(null),c=m.useRef(null),i=m.useRef(null),s=m.useRef(r);s.current=r;const u=m.useRef(e);u.current=e;const d=m.useRef(null);m.useImperativeHandle(d,()=>({props:e})),m.useImperativeHandle(t,()=>d.current),m.useEffect(()=>()=>{i.current&&(i.current.style.userSelect="",i.current=null)},[]);const g=m.useCallback(()=>{var e;o.current=u.current.level;const t=null==(e=l.current)?void 0:e.element;t&&(i.current=t.closest("."+Z),i.current&&(i.current.style.userSelect="none"))},[l]),f=m.useCallback(e=>{var t;if(!n.canUseDOM)return;const r=null==(t=l.current)?void 0:t.element,i=(null==r?void 0:r.ownerDocument)||document;if(!i)return;const s=e.event,d=o.current;if(r&&d){!s.isTouch&&"scroll"!==s.type&&s.originalEvent.preventDefault();const e=u.current.levels[function(e,t,r){if(!e.originalEvent)return-1;const n=Q(e,"tr",r);if(n){const e=t?t.childNodes:[];for(let t=0;t<e.length;t++)if(e[t]===n)return t}return-1}(s,r.parentNode,i)];c.current=e;const t=e?!d.every((t,r)=>t===e[r]):!!Q(s,Z,i);a({visible:!0,top:s.pageY+10,left:s.pageX,text:r.innerText,allowDrop:t}),u.current.onDrag&&u.current.onDrag({nativeEvent:s.originalEvent,dragged:d,draggedOver:e,draggedItem:u.current.dataItem})}},[l]),p=m.useCallback(e=>{i.current&&(i.current.style.userSelect="",i.current=null);const t=e.event;if(o.current){const e=[...o.current],r=c.current&&[...c.current],n=s.current.allowDrop;o.current=null,c.current=null,a({...ee});const l=u.current.dataItem;n&&u.current.onDrop&&u.current.onDrop({nativeEvent:t.originalEvent,dragged:e,draggedOver:r,draggedItem:l})}},[]);return m.createElement(m.Fragment,null,m.createElement(n.Draggable,{ref:l,onPress:g,onDrag:f,onRelease:p},m.createElement(U,{...e})),m.createElement(J,{...r}))});te.displayName="KendoReactTreeListDraggableRow";const re=m.forwardRef((e,t)=>{const{className:r,...a}=e,l=m.useRef(null),o=m.useRef(null);m.useImperativeHandle(o,()=>({element:l.current,props:e})),m.useImperativeHandle(t,()=>o.current);const c=m.useMemo(()=>n.classNames("k-grid-toolbar",r),[r]);return m.createElement(i.Toolbar,{id:e.id,ref:e=>{e&&(l.current=e.element)},className:c,...a},e.children)});re.displayName="KendoReactTreeListToolbar";const ne=[{text:S,operator:"contains"},{text:D,operator:"doesnotcontain"},{text:C,operator:"eq"},{text:x,operator:"neq"},{text:T,operator:"startswith"},{text:O,operator:"endswith"},{text:k,operator:"isnull"},{text:R,operator:"isnotnull"},{text:N,operator:"isempty"},{text:w,operator:"isnotempty"}],ae=[{text:C,operator:"eq"},{text:x,operator:"neq"},{text:L,operator:"gte"},{text:F,operator:"gt"},{text:K,operator:"lte"},{text:P,operator:"lt"},{text:k,operator:"isnull"},{text:R,operator:"isnotnull"}],le=[{text:C,operator:"eq"},{text:x,operator:"neq"},{text:B,operator:"gte"},{text:V,operator:"gt"},{text:A,operator:"lt"},{text:j,operator:"lte"},{text:k,operator:"isnull"},{text:R,operator:"isnotnull"}],oe=[{text:z,operator:""},{text:H,operator:!0},{text:M,operator:!1}];function ce(e,t){return{clearButtonTitle:e.toLanguageString(I,_[I]),operators:t.map(t=>({text:e.toLanguageString(t.text,_[t.text]),operator:t.operator}))}}const ie=e=>{const t=m.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]),r=a.useTableKeyboardNavigation(e.id),l=n.classNames({"k-selected":e.isSelected},e.className),o=m.createElement("td",{style:e.style,className:l,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...r,[b]:e.colIndex},m.createElement("input",{style:{width:"100%"},className:"k-input",value:n.getNestedValue(e.field,e.dataItem)||"",onChange:t}));return e.render?e.render(o,e):o};ie.displayName="KendoReactTreeListTextEditor";const se=e=>{const t=m.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]),r=n.getNestedValue(e.field,e.dataItem),l=a.useTableKeyboardNavigation(e.id),o=n.classNames({"k-selected":e.isSelected},e.className),c=m.createElement("td",{style:e.style,className:o,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...l,[b]:e.colIndex},m.createElement(s.NumericTextBox,{width:"100%",value:void 0===r?null:r,onChange:t}));return e.render?e.render(c,e):c};se.displayName="KendoReactTreeListNumericEditor";const ue=e=>{const t=m.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]),r=n.useId(),l=a.useTableKeyboardNavigation(e.id),o=n.classNames({"k-selected":e.isSelected},e.className),c=m.createElement("td",{style:e.style,className:o,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...l,[b]:e.colIndex},m.createElement("input",{checked:n.getNestedValue(e.field,e.dataItem)||!1,id:r,type:"checkbox",className:"k-checkbox",onChange:t}),m.createElement("label",{className:"k-checkbox-label",htmlFor:r}));return e.render?e.render(c,e):c};ue.displayName="KendoReactTreeListBooleanEditor";const de=e=>{const t=m.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]),r=a.useTableKeyboardNavigation(e.id),l=n.classNames({"k-selected":e.isSelected},e.className),o=m.createElement("td",{style:e.style,className:l,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...r,[b]:e.colIndex},m.createElement(u.DatePicker,{width:"100%",value:n.getNestedValue(e.field,e.dataItem),onChange:t}));return e.render?e.render(o,e):o};de.displayName="KendoReactTreeListDateEditor",Object.defineProperty(e,"getAbsoluteVirtualRowIndex",{enumerable:!0,get:function(){return n.getAbsoluteVirtualRowIndex}}),Object.defineProperty(e,"getNestedValue",{enumerable:!0,get:function(){return n.getNestedValue}}),Object.defineProperty(e,"mapTree",{enumerable:!0,get:function(){return n.mapTree}}),Object.defineProperty(e,"mapTreeItem",{enumerable:!0,get:function(){return n.mapTreeItem}}),Object.defineProperty(e,"createDataTree",{enumerable:!0,get:function(){return a.createDataTree}}),Object.defineProperty(e,"extendDataItem",{enumerable:!0,get:function(){return a.extendDataItem}}),Object.defineProperty(e,"filterBy",{enumerable:!0,get:function(){return a.filterBy}}),Object.defineProperty(e,"flatData",{enumerable:!0,get:function(){return a.flatData}}),Object.defineProperty(e,"getItemPath",{enumerable:!0,get:function(){return a.getItemPath}}),Object.defineProperty(e,"getSelectedState",{enumerable:!0,get:function(){return a.getSelectedState}}),Object.defineProperty(e,"getSelectedStateFromKeyDown",{enumerable:!0,get:function(){return a.getSelectedStateFromKeyDown}}),Object.defineProperty(e,"modifySubItems",{enumerable:!0,get:function(){return a.modifySubItems}}),Object.defineProperty(e,"moveTreeItem",{enumerable:!0,get:function(){return a.moveTreeItem}}),Object.defineProperty(e,"orderBy",{enumerable:!0,get:function(){return a.orderBy}}),Object.defineProperty(e,"removeItems",{enumerable:!0,get:function(){return a.removeItems}}),Object.defineProperty(e,"setSelectedState",{enumerable:!0,get:function(){return a.setSelectedState}}),Object.defineProperty(e,"treeToFlat",{enumerable:!0,get:function(){return a.treeToFlat}}),e.TREELIST_COL_INDEX_ATTRIBUTE=b,e.TREELIST_PREVENT_SELECTION_ELEMENT=y,e.TREELIST_ROW_INDEX_ATTRIBUTE=h,e.TreeList=$,e.TreeListBooleanEditor=ue,e.TreeListBooleanFilter=function(e){const{operators:t,...r}=e;return m.createElement(a.BooleanFilterCell,{ariaLabel:"boolean filter",...ce(l.useLocalization(),t||oe),...r})},e.TreeListCell=E,e.TreeListDateEditor=de,e.TreeListDateFilter=function(e){const{operators:t,...r}=e;return m.createElement(a.DateFilterCell,{ariaLabel:"date filter",...ce(l.useLocalization(),t||le),...r})},e.TreeListDraggableRow=te,e.TreeListHeaderCell=e=>m.createElement(a.HeaderCell,{...e}),e.TreeListHeaderSelectionCell=Y,e.TreeListNoRecords=W,e.TreeListNumericEditor=se,e.TreeListNumericFilter=function(e){const{operators:t,...r}=e;return m.createElement(a.NumericFilterCell,{ariaLabel:"numeric filter",...ce(l.useLocalization(),t||ae),...r})},e.TreeListRow=U,e.TreeListSelectionCell=X,e.TreeListTextEditor=ie,e.TreeListTextFilter=function(e){const{operators:t,...r}=e;return m.createElement(a.TextFilterCell,{ariaLabel:"text filter",...ce(l.useLocalization(),t||ne),...r})},e.TreeListToolbar=re,e.setHeaderRowsTop=f,e.tableRowsVirtualization=v});
|
|
15
|
+
!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,r,n,a,l,o,c,i,s,u){"use strict";function d(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var m=d(t),g=d(c);function f(e,t,r){const n=Array.from(e.tHead&&e.tHead.rows||[]),a=[t],l=r||(e=>window.getComputedStyle(e).height||void 0);n.forEach(e=>{const t=l(e);a.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<n.length;e++){const t=a.slice(0,e+1).reduce((e,t)=>e+t,0);Array.from(n[e].cells).forEach(e=>e.style.top=t+"px")}}const p=1e6;function v(e){const{rows:t,tableViewPortHeight:r,scrollTop:n}=e;if(0===t.length)return[];const a=t[0].height,l=Math.min(Math.round(n/a),t.length),o=Math.round(r/a),c=Math.max(0,l-o),i=Math.min(t.length,l+2*o),s=t.slice(c,i),u=s[s.length-1];return c>0&&s.unshift({dataItem:{},level:[p],offsetTop:0,height:s[0].offsetTop,levelCount:0}),i<t.length-1&&s.push({dataItem:{},level:[p,p],offsetTop:u.offsetTop+u.height,height:(t.length-i)*a,levelCount:0}),s}const h=a.TABLE_ROW_INDEX_ATTRIBUTE,b=a.TABLE_COL_INDEX_ATTRIBUTE,y=a.TABLE_PREVENT_SELECTION_ELEMENT,E=e=>{const{hasChildren:t,level:r=[0],expanded:c,dataItem:i,format:s,id:u,ariaColumnIndex:d,isSelected:g}=e,f=n.getNestedValue(e.field,i),p=l.useInternationalization(),v=a.useTableKeyboardNavigation(u);let h="";const E=m.useCallback(t=>{t.isDefaultPrevented()||t.keyCode===n.Keys.enter&&e.expandable&&(t.preventDefault(),e.onExpandChange(t,i,r))},[e.expandable,i,r]);null!=f&&(h=s?p.format(s,f):f.toString());const I=[];if(e.expandable){const a=e=>m.createElement("span",{key:e,className:"k-treelist-toggle k-icon k-svg-icon"},m.createElement("svg",{"aria-hidden":"true",focusable:"false",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}));I.push(...r.slice(1).map((e,t)=>a(t))),t?I.push(m.createElement(n.IconWrap,{className:"k-treelist-toggle",name:c?"chevron-down":"chevron-right",icon:c?o.chevronDownIcon:o.chevronRightIcon,key:"expand-collapse",onClick:t=>e.onExpandChange(t.syntheticEvent||t,i,r),[y]:!0})):I.push(a(I.length))}const C=m.createElement("td",{style:e.style,className:n.classNames("k-table-td",e.className,{"k-text-nowrap":e.expandable,"k-selected":g}),colSpan:e.colSpan,"aria-colindex":d,"aria-expanded":t?c:void 0,"aria-selected":g,role:"gridcell",onKeyDown:E,[b]:e.colIndex,...v},I,h);return e.render?e.render(C,e):C};E.displayName="KendoReactTreeListCell";const I="treelist.filterClearButton",C="treelist.filterEqOperator",x="treelist.filterNotEqOperator",k="treelist.filterIsNullOperator",R="treelist.filterIsNotNullOperator",N="treelist.filterIsEmptyOperator",w="treelist.filterIsNotEmptyOperator",T="treelist.filterStartsWithOperator",S="treelist.filterContainsOperator",D="treelist.filterNotContainsOperator",O="treelist.filterEndsWithOperator",L="treelist.filterGteOperator",F="treelist.filterGtOperator",K="treelist.filterLteOperator",P="treelist.filterLtOperator",H="treelist.filterIsTrue",M="treelist.filterIsFalse",z="treelist.filterBooleanAll",B="treelist.filterAfterOrEqualOperator",V="treelist.filterAfterOperator",A="treelist.filterBeforeOperator",j="treelist.filterBeforeOrEqualOperator",q="treelist.noRecords",_={[I]:"Clear",[C]:"Is equal to",[x]:"Is not equal to",[k]:"Is null",[R]:"Is not null",[N]:"Is empty",[w]:"Is not empty",[T]:"Starts with",[S]:"Contains",[D]:"Does not contain",[O]:"Ends with",[L]:"Is greater than or equal to",[F]:"Is greater than",[K]:"Is less than or equal to",[P]:"Is less than",[H]:"Is true",[M]:"Is false",[z]:"(All)",[B]:"Is after or equal to",[V]:"Is after",[A]:"Is before",[j]:"Is before or equal to",[q]:"No records available"},W=m.forwardRef((e,t)=>{const r=m.useRef(null);m.useImperativeHandle(r,()=>({props:e})),m.useImperativeHandle(t,()=>r.current);const n=l.useLocalization();return e.children||n.toLanguageString(q,_[q])});W.displayName="KendoReactTreeListNoRecords";const U=m.forwardRef((e,t)=>{const{isSelected:r,rowHeight:a,isAltRow:l,expanded:o,ariaRowIndex:c,level:i,ariaSetSize:s,ariaPosInSet:u}=e,d=n.classNames("k-table-row","k-master-row",{"k-selected":r,"k-table-alt-row":l}),g=m.useMemo(()=>void 0!==a?{height:a+"px"}:void 0,[a]),f=m.createElement("tr",{onClick:e.onClick,onDoubleClick:e.onDoubleClick,onContextMenu:e.onContextMenu,className:d,style:g,ref:t,"aria-expanded":o,role:"row","aria-rowindex":c,"aria-level":i.length,"aria-posinset":u,"aria-setsize":s,[h]:e.rowIndex},e.children);return m.createElement(m.Fragment,null,e.render?e.render(f,e):f)});U.displayName="KendoReactTreeListRow";const G=Object.freeze({name:"@progress/kendo-react-treelist",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"15.2.0-develop.6",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"}),$=m.forwardRef((e,t)=>{var r;const{columns:l=[],filterRow:o,scrollable:c="scrollable",resizable:i=!1,reorderable:s=!1,skip:u,take:d,data:g=[],rowHeight:p,columnVirtualization:h,selectable:b,selectedField:y,editField:I,expandField:C,subItemsField:x,dataItemKey:k,id:R,style:N,className:w,toolbar:T,noRecords:S,tableProps:D,pager:O,sort:L,sortable:F,filter:K,columnMenu:P,columnMenuFilter:H,row:M,editRow:z,rowRender:B,cellRender:V,headerCellRender:A}=e,j=m.useRef(null),q=m.useRef(null),_=m.useRef(null),$=m.useRef(null),X=m.useRef(null),Y=m.useRef(null),J=m.useRef(!1),Q=m.useRef(!1),Z=m.useRef(!1),ee=m.useRef(0),te=m.useRef(0),re=m.useRef(!1),ne=m.useRef(0),ae=m.useRef([]),le=m.useRef([]),oe=m.useRef([]),ce=m.useRef([]),ie=m.useRef(e);ie.current=e;const se=m.useRef({current:void 0}),ue=m.useRef({current:void 0}),de=m.useMemo(()=>!n.validatePackage(G,{component:"TreeList"}),[]),me=m.useMemo(()=>n.getLicenseMessage(G),[]),ge=m.useRef(null),fe=m.useRef(null),[,pe]=m.useReducer(e=>!e,!0),ve=R?R+"-treelist":void 0,he=()=>{var e;if(n.canUseDOM)return(null==(e=j.current)?void 0:e.ownerDocument)||document},be=m.useCallback(e=>!!n.getNestedValue(C,e),[C]),ye=m.useCallback(e=>!!n.getNestedValue(x,e),[x]),Ee=m.useCallback(e=>{const t=[];return be(e)&&ye(e)&&t.push(...n.getNestedValue(x,e)),t},[be,ye,x]),Ie=m.useMemo(()=>n.memoizeOne((e,t)=>a.readColumns(e,{prevId:0,idPrefix:t})),[]),Ce=m.useMemo(()=>n.memoizeOne((e,t)=>a.mapColumns(e,t)),[]),xe=m.useRef(null),ke=m.useCallback(e=>{if(!j.current)return;const{rowIndex:t=0}=e,r=ie.current,n=r.rowHeight||0,a=_.current||j.current;if("virtual"===r.scrollable||n)a.scroll(0,(t-1)*n);else{const e=(_.current||j.current).querySelector(`tbody > tr:nth-child(${t})`);if(e){const t=e.offsetTop-ne.current;a.scroll(0,t)}}},[]);if(m.useImperativeHandle(xe,()=>({get element(){return j.current},props:e,scrollIntoView:ke})),m.useImperativeHandle(t,()=>xe.current),n.useWebMcpRegister("treelist",xe,e,e.webMcp),!ge.current){const e=(e,t,r,n,a)=>{var l,o,c;const i=null==(l=ge.current)?void 0:l.colGroupMain;if(i){let e=0;const t=i.children;for(let r=0;r<t.length;r++){const n=t[r].style.width;if(!n){e=0;break}e+=parseFloat(n)}e=Math.round(e);const r=e?e+"px":"";X.current&&(X.current.style.width=r),Y.current&&(Y.current.style.width=r)}if(ie.current.onColumnResize){let l=0;const i=null==(c=null==(o=ge.current)?void 0:o.colGroupMain)?void 0:c.children;if(i)for(let e=0;e<i.length;e++)l+=parseFloat(i[e].style.width||"0");const s=oe.current.filter(e=>e.declarationIndex>=0&&-1===e.parentIndex),u=e=>(e.sort((e,t)=>e.declarationIndex-t.declarationIndex),e.map(e=>{const{declarationIndex:t,parentIndex:r,depth:n,colSpan:a,rowSpan:l,index:o,kFirst:c,groupable:i,children:s,...d}=e;return s.length?{children:u(s),...d}:d})),d={columns:u(s),totalWidth:l,index:e,nativeEvent:n,newWidth:t,oldWidth:r,end:a,target:xe.current};ie.current.onColumnResize(d)}};ge.current=new a.ColumnResize(e);const t=(e,t,r)=>{const n=oe.current,a=n[e].depth,l=e=>{do{e++}while(e<n.length&&n[e].depth>a);return e},o=n.splice(e,l(e)-e);if(n.splice(e<t?l(t-o.length):t,0,...o),n.filter(e=>e.declarationIndex>=0).forEach((e,t)=>e.orderIndex=t),ie.current.onColumnReorder){const e=n.filter(e=>e.declarationIndex>=0&&-1===e.parentIndex),t=e=>(e.sort((e,t)=>e.declarationIndex-t.declarationIndex),e.map(e=>{const{declarationIndex:r,parentIndex:n,depth:a,colSpan:l,rowSpan:o,index:c,kFirst:i,groupable:s,children:u,...d}=e;return u.length?{children:t(u),...d}:d})),a={target:xe.current,columns:t(e),nativeEvent:r};ie.current.onColumnReorder(a)}};fe.current=new a.CommonDragLogic(t,n.noop,n.noop);const r=ge.current.dragHandler.bind(ge.current);ge.current.dragHandler=(e,t,n,a)=>{Ne(),r(e,t,n,a)},a.tableKeyboardNavigation.onConstructor({navigatable:!!ie.current.navigatable,contextStateRef:se.current,navigationStateRef:ue.current})}const Re=m.useCallback(e=>{var t;if(!e||"none"===ie.current.scrollable)return;if(_.current){const e=_.current.querySelector("table");null!=e&&e.tBodies[0]&&(ne.current=e.tBodies[0].offsetTop);const r=null==(t=$.current)?void 0:t.parentElement;if(r){const e=_.current.offsetWidth-_.current.clientWidth;r.style.paddingInlineEnd=e+"px"}return}const r=Array.from(e.childNodes),n=r.find(e=>"TABLE"===e.nodeName),a=ie.current.toolbar&&r.find(e=>1===e.nodeType&&e.classList.contains("k-grid-toolbar"));let l=0;if(a){const e=a.style.boxSizing;a.style.boxSizing="border-box",l=parseFloat(String(window.getComputedStyle(a).height))||a.offsetHeight,a.style.boxSizing=e,a.getAttribute("style")||a.removeAttribute("style")}ne.current=n.tBodies[0].offsetTop,f(n,l)},[]),Ne=()=>{var e,t;const r=null==(e=ge.current)?void 0:e.colGroupMain;if(!r||!X.current)return;const n=r.children,a=oe.current.filter(e=>0===e.children.length),l=null==(t=ge.current)?void 0:t.colGroupHeader,o=X.current.offsetWidth;let c=0,i=!0;for(let e=0;e<a.length;e++){if(void 0===a[e].width){i=!1;break}c+=parseFloat(String(a[e].width))}if(!i||!o||!c||Math.abs(o-c)<=1)return;J.current=!0;const s=o/c;let u=0;for(let e=0;e<a.length;e++){const t=parseFloat(String(a[e].width));let r;r=e===a.length-1?o-u:Math.round(t*s),u+=r,a[e].width=r,n[e]&&(n[e].style.width=r+"px"),null!=l&&l.children[e]&&(l.children[e].style.width=r+"px")}X.current&&(X.current.style.width=o+"px"),Y.current&&(Y.current.style.width=o+"px")},we=()=>le.current.map(e=>e.dataItem),Te=m.useCallback((e,t,r)=>{const n=ie.current;if(e)e({nativeEvent:null==r?void 0:r.nativeEvent,syntheticEvent:r,target:xe.current,...t});else if(n.onDataStateChange){const e={nativeEvent:null==r?void 0:r.nativeEvent,syntheticEvent:r,target:xe.current,dataState:{filter:n.filter,sort:n.sort,...t}};n.onDataStateChange(e)}},[]),Se=m.useCallback((e,t,r)=>{Te(ie.current.onSortChange,{sort:t,field:r},e)},[Te]),De=m.useCallback((e,t,r)=>{Te(ie.current.onFilterChange,{filter:t,field:r},e)},[Te]),Oe=m.useCallback(e=>{Te(ie.current.onFilterChange,{filter:e.filter,field:e.field},e.syntheticEvent)},[Te]),Le=m.useCallback((e,t,r)=>{const n=ie.current;if(!n.onColumnMenuFilterChange)return;const a={syntheticEvent:e,filter:t,field:r,target:xe.current,nativeEvent:e.nativeEvent};n.onColumnMenuFilterChange(a)},[]),Fe=m.useCallback((e,t,r)=>{const a=ie.current;if(a.expandField&&a.onExpandChange){const l={nativeEvent:null==e?void 0:e.nativeEvent,syntheticEvent:e,target:xe.current,dataItem:t,level:r,value:!!n.getNestedValue(a.expandField,t)};a.onExpandChange(l)}},[]),Ke=m.useCallback(e=>{var t,r;const n=ie.current;if(e.field!==n.expandField){if(n.onItemChange){const t={nativeEvent:null==(r=e.syntheticEvent)?void 0:r.nativeEvent,syntheticEvent:e.syntheticEvent,target:xe.current,dataItem:e.dataItem,level:e.level,field:e.field,value:e.value};n.onItemChange(t)}}else if(n.onExpandChange){const r={nativeEvent:null==(t=e.syntheticEvent)?void 0:t.nativeEvent,syntheticEvent:e.syntheticEvent,target:xe.current,dataItem:e.dataItem,level:e.level,value:e.value};n.onExpandChange(r)}},[]),Pe=m.useCallback(e=>{var t;const r=ie.current;if(r.onSelectionChange){const{event:n,item:l,dataIndex:o,columnIndex:c}=e,{mode:i,cell:s}=a.getSelectionOptions(r.selectable),u={nativeEvent:null==(t=n.syntheticEvent)?void 0:t.nativeEvent,syntheticEvent:n.syntheticEvent,target:xe.current,dataItem:l.dataItem,level:l.level,startColIndex:c,endColIndex:c,startRowIndex:o,endRowIndex:o,dataItems:we(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,mode:i,cell:s,isDrag:!1,componentId:ve,selectedField:r.selectedField||""};r.onSelectionChange(u)}},[ve]),He=m.useCallback(e=>{var t;const r=ie.current;if(r.onHeaderSelectionChange){const n={field:e.field,nativeEvent:null==(t=e.syntheticEvent)?void 0:t.nativeEvent,syntheticEvent:e.syntheticEvent,target:xe.current,dataItems:we()};r.onHeaderSelectionChange(n)}},[]),Me=m.useCallback(e=>{const t=ie.current;if(t.onSelectionChange){const r={syntheticEvent:void 0,target:xe.current,selectedField:t.selectedField||"",componentId:ve,dataItems:we(),dataItem:null,level:[],...e};t.onSelectionChange(r)}},[ve]),ze=m.useCallback((e,t)=>{if(ie.current.onRowClick&&"TD"===e.target.nodeName){const r={dataItem:t.dataItem,level:t.level,nativeEvent:null==e?void 0:e.nativeEvent,syntheticEvent:e,target:xe.current};ie.current.onRowClick(r)}},[]),Be=m.useCallback((e,t)=>{if(ie.current.onRowDoubleClick&&"TD"===e.target.nodeName){const r={dataItem:t.dataItem,level:t.level,nativeEvent:null==e?void 0:e.nativeEvent,syntheticEvent:e,target:xe.current};ie.current.onRowDoubleClick(r)}},[]),Ve=m.useCallback((e,t)=>{if(ie.current.onRowContextMenu&&"TD"===e.target.nodeName){const r={dataItem:t.dataItem,level:t.level,nativeEvent:null==e?void 0:e.nativeEvent,syntheticEvent:e,target:xe.current};ie.current.onRowContextMenu(r)}},[]),Ae=m.useCallback(e=>{var t;if(ie.current.onPageChange){const r={nativeEvent:null==(t=e.syntheticEvent)?void 0:t.nativeEvent,syntheticEvent:e.syntheticEvent,target:xe.current,skip:e.skip,take:e.take};ie.current.onPageChange(r)}},[]),je=m.useCallback(e=>{ie.current.onRowDrag&&ie.current.onRowDrag({...e,target:xe.current})},[]),qe=m.useCallback(e=>{ie.current.onRowDrop&&ie.current.onRowDrop({...e,target:xe.current})},[]),_e=m.useCallback(e=>{if(a.tableKeyboardNavigation.onKeyDown(e,{navigatable:!!ie.current.navigatable,contextStateRef:se.current,navigationStateRef:ue.current}),ie.current.onKeyDown){const{mode:t,cell:r}=a.getSelectionOptions(ie.current.selectable),n={dataItems:we(),mode:t,cell:r,componentId:ve,selectedField:ie.current.selectedField,nativeEvent:null==e?void 0:e.nativeEvent,syntheticEvent:e,target:xe.current};ie.current.onKeyDown(n)}},[ve]),We=m.useCallback(e=>{a.tableKeyboardNavigation.onFocus(e,{contextStateRef:se.current})},[]),Ue=m.useCallback(e=>{var t;const r=e.currentTarget.scrollLeft,n=e.currentTarget.scrollTop,l=ie.current,o=l.rowHeight||0;let c=!1;if(l.columnVirtualization&&Math.abs(ee.current-r)>0&&(ee.current=r,c=!0),"virtual"===l.scrollable&&Math.abs(te.current-n)>o&&(te.current=n,c=!0),c){if(se.current.current&&ue.current.current){const e=null==(t=he())?void 0:t.activeElement,r=e&&a.tableKeyboardNavigationTools.getNavigatableId(e);r&&r===se.current.current.activeId&&(ue.current.current.activeElementIsFocused=!0)}re.current=!0,pe()}$.current&&!Z.current&&(Q.current=!0,$.current.scrollLeft=r),Z.current=!1},[]),Ge=m.useCallback(e=>{if(Q.current)return void(Q.current=!1);const t=e.currentTarget.scrollLeft;_.current&&_.current.scrollLeft!==t&&(Z.current=!0,_.current.scrollLeft=t)},[]),$e=m.useRef(!1);m.useLayoutEffect(()=>(Re(j.current),a.tableKeyboardNavigation.onComponentDidMount({scope:q.current||j.current||void 0,contextStateRef:se.current,navigationStateRef:ue.current}),()=>{$e.current=!1,ce.current=[],ae.current=[],le.current=[],re.current=!1,Ie.clear(),Ce.clear()}),[Re,Ie,Ce]),m.useLayoutEffect(()=>{a.tableKeyboardNavigation.onGetSnapshotBeforeUpdate({document:he(),contextStateRef:se.current,navigationStateRef:ue.current})});const Xe=m.useRef(l);m.useLayoutEffect(()=>{$e.current?(Xe.current!==l&&Re(j.current),Xe.current=l,a.tableKeyboardNavigation.onComponentDidUpdate({scope:q.current||j.current||void 0,contextStateRef:se.current,navigationStateRef:ue.current})):$e.current=!0});const Ye=l.some(e=>!!e.filter||!!e.filterCell)||void 0!==o,Je=o||a.FilterRow,Qe=a.tableKeyboardNavigationTools.getIdPrefix(ue.current),Ze=Ie(l,Qe),et=Ze.length!==oe.current.length;oe.current=Ze,ce.current=Ce(oe.current,et);const tt=oe.current.filter(e=>0===e.children.length);ge.current.columns=oe.current,ge.current.resizable=i,fe.current.columns=oe.current,fe.current.reorderable=s,fe.current.groupable=!1;let rt=(()=>{let e=0;const t=re.current&&ae.current===g&&ne.current>0&&le.current.length?le.current:a.flatData(g,Ee,t=>{const r={height:p||0,offsetTop:e};return e+=r.height,r});return ae.current=g,le.current=t,t})();const nt=rt.length;void 0!==u&&void 0!==d&&(rt=rt.slice(u,u+d));const at=N||{};"virtual"===c&&(rt=v({rows:rt,tableViewPortHeight:parseFloat((at.height||at.maxHeight||"").toString()),scrollTop:te.current}),re.current=!1);const{colSpans:lt,hiddenColumns:ot}=a.tableColumnsVirtualization({enabled:h,columns:tt,scrollLeft:ee.current,tableViewPortWidth:parseFloat((at.width||"").toString())}),ct=rt.map(e=>e.level),it=ce.current.length+(Ye?1:0)+1,st=m.createElement(a.Header,{headerRow:m.createElement(a.HeaderRow,{sort:L,sortable:F,sortChange:Se,selectionChange:He,columns:oe.current,columnsMap:ce.current,cellRender:A,columnResize:ge.current,columnMenu:P,columnMenuFilter:H,columnMenuFilterChange:Le,pressHandler:fe.current.pressHandler,dragHandler:fe.current.dragHandler,releaseHandler:fe.current.releaseHandler,filterChange:De}),reorderable:s,className:"none"!==c?"k-table-thead":void 0,role:"none"!==c?"rowgroup":void 0,filterRow:Ye&&m.createElement(Je,{columns:tt,filter:K,filterChange:Oe,sort:L,ariaRowIndex:ce.current.length+1})||void 0,columnResize:ge.current}),ut=rt.length>0&&rt.map((t,r)=>{const l=n.getNestedValue(I,t.dataItem),o=k&&n.getter(k)(t.dataItem),i=String(o||t.level.join(".")),s=!!n.getNestedValue(C,t.dataItem),u=y?n.getNestedValue(y,t.dataItem):void 0,d={key:i,level:t.level,levels:ct,dataItem:t.dataItem,selectedField:y,rowHeight:"virtual"===c?t.height:p,render:B,onDrop:qe,onDrag:je,onClick:e=>ze(e,t),onDoubleClick:e=>Be(e,t),onContextMenu:e=>Ve(e,t),isAltRow:r%2!=0,expanded:s,rowIndex:r,ariaRowIndex:it+r,ariaSetSize:t.levelCount,ariaPosInSet:t.level[t.level.length-1]+1,isSelected:"boolean"==typeof u&&u},g=M||U,f=((t,r,l,o,c,i)=>tt.map((s,u)=>{if(ot[u])return null;const d=s.id?s.id:u,g=`${s.className?s.className+" ":""}${s.locked?"k-grid-content-sticky":""}`,f={id:a.tableKeyboardNavigationTools.generateNavigatableId(`${l}-${String(u)}`,Qe),colSpan:lt[u],dataItem:t.dataItem,field:s.field,format:s.format,className:g||void 0,render:V,onChange:Ke,selectionChange:e.onSelectionChange?e=>{Pe({event:e,item:t,columnIndex:u,dataIndex:c})}:void 0,level:t.level,expandable:s.expandable,expanded:o,hasChildren:!!n.getNestedValue(x,t.dataItem),onExpandChange:Fe,colIndex:u,ariaColumnIndex:s.ariaColumnIndex,style:void 0!==s.left&&{left:s.left,right:s.right,borderRightWidth:s.rightBorder?"1px":""}||{},isSelected:Array.isArray(i)&&i.indexOf(u)>-1};return r&&s.editCell?m.createElement(s.editCell,{key:d,...f,onChange:Ke}):s.cell?m.createElement(s.cell,{key:d,...f}):m.createElement(E,{key:d,...f})}))(t,l,i,s,r,u);return l&&z?m.createElement(z,{...d,key:d.key},f):m.createElement(g,{...d,key:d.key},f)})||m.createElement("tr",{className:"k-table-row k-grid-norecords"},m.createElement("td",{colSpan:tt.length},S||m.createElement(W,null))),dt=e=>null==L?void 0:L.some(t=>t.field===e),mt=tt.map(e=>m.createElement("col",{key:e.declarationIndex,className:dt(e.field)?"k-sorted":void 0,style:void 0!==e.width?{width:e.width}:void 0})),gt=null!=b&&b.drag?"none":void 0,ft=D||{},pt="none"!==c;let vt,ht=0;if(pt&&i&&J.current){let e=!0;for(let t=0;t<tt.length;t++){if(void 0===tt[t].width){e=!1;break}ht+=parseFloat(String(tt[t].width))}e||(ht=0)}return ht?vt={width:ht}:null!=(r=ft.style)&&r.width&&(vt={width:ft.style.width}),pt?m.createElement(a.TableKeyboardNavigationContext.Provider,{value:se.current.current},m.createElement("div",{id:R,style:N,className:n.classNames("k-grid","k-treelist","k-treelist-scrollable",w),ref:e=>{j.current=e},onKeyDown:_e,onFocus:We},T,m.createElement("div",{className:"k-grid-aria-root k-treelist",role:"treegrid","aria-rowcount":nt,"aria-colcount":tt.length,ref:e=>{q.current=e},...a.tableKeyboardNavigationScopeAttributes},m.createElement("div",{className:n.classNames("k-grid-header",{"k-grid-draggable-header":s})},m.createElement("div",{className:"k-grid-header-wrap",ref:e=>{$.current=e},onScroll:Ge},m.createElement("table",{className:"k-table k-grid-header-table",role:"presentation",style:vt,ref:e=>{X.current=e}},m.createElement("colgroup",{ref:e=>{ge.current.colGroupHeader=e}},mt),st))),m.createElement("div",{className:"k-grid-container"},m.createElement("div",{className:"k-grid-content",ref:e=>{_.current=e},onScroll:Ue},m.createElement(a.TableSelection,{selectable:b,onRelease:Me},m.createElement("table",{className:"k-table k-grid-table",...ft,style:{...ft.style||{},userSelect:gt,...ht?{width:ht}:{}},role:"presentation",ref:e=>{Y.current=e}},m.createElement("colgroup",{ref:e=>{ge.current.colGroupMain=e}},mt),m.createElement("tbody",{className:"k-table-tbody",...a.tableKeyboardNavigationBodyAttributes,role:"rowgroup"},ut)))))),O&&m.createElement(O,{className:"k-grid-pager",total:nt,skip:u,take:d,onPageChange:Ae}),s&&m.createElement(m.Fragment,null,m.createElement(a.DropClue,{ref:fe.current.refDropElementClue}),m.createElement(a.DragClue,{ref:fe.current.refDragElementClue})),de&&m.createElement(n.WatermarkOverlay,{message:me}))):m.createElement(a.TableKeyboardNavigationContext.Provider,{value:se.current.current},m.createElement("div",{id:R,style:N,className:n.classNames("k-grid","k-treelist",w),ref:e=>{j.current=e},onKeyDown:_e,onFocus:We,"aria-rowcount":nt,"aria-colcount":tt.length,role:"treegrid",...a.tableKeyboardNavigationScopeAttributes},T,m.createElement(a.TableSelection,{selectable:b,onRelease:Me},m.createElement("table",{className:"k-table k-grid-table",...ft,style:{...ft.style||{},userSelect:gt},role:"presentation"},m.createElement("colgroup",{ref:e=>{ge.current.colGroupMain=e}},mt),st,m.createElement("tbody",{className:"k-table-tbody",...a.tableKeyboardNavigationBodyAttributes,role:"presentation"},ut))),O&&m.createElement(O,{className:"k-grid-pager",total:nt,skip:u,take:d,onPageChange:Ae}),s&&m.createElement(m.Fragment,null,m.createElement(a.DropClue,{ref:fe.current.refDropElementClue}),m.createElement(a.DragClue,{ref:fe.current.refDragElementClue})),de&&m.createElement(n.WatermarkOverlay,{message:me})))});$.propTypes={data:r.array,resizable:r.bool,reorderable:r.bool,sortable:r.oneOfType([r.bool,r.shape({mode:r.oneOf(["single","multiple"]),allowUnsort:r.bool})]),onSortChange:r.func,sort:r.array,columns:r.arrayOf(r.object),columnVirtualization:r.bool,filter:r.array,onFilterChange:r.func,filterRow:r.any,toolbar:r.any,noRecords:r.any,onExpandChange:r.func,expandField:r.string,subItemsField:r.string,selectedField:r.string,onSelectionChange:r.func,onHeaderSelectionChange:r.func,onRowClick:r.func,onItemChange:r.func,editField:r.string,scrollable:r.oneOf(["none","scrollable","virtual"]),rowHeight:r.number,style:r.object,tableProps:r.object,pager:r.any,skip:r.number,take:r.number,onPageChange:r.func,onDataStateChange:r.func,onColumnResize:r.func,onColumnReorder:r.func,dataItemKey:r.string,navigatable:r.bool},$.displayName="KendoReactTreeList";const X=e=>{const t=m.useCallback(t=>{e.selectionChange&&e.selectionChange({syntheticEvent:t})},[e.selectionChange]),r=n.useId(),l=n.getNestedValue(e.field,e.dataItem),o=a.useTableKeyboardNavigation(e.id),c=m.createElement("td",{style:e.style,className:n.classNames("k-table-td",e.className),"aria-colindex":e.ariaColumnIndex,role:"gridcell",...o},m.createElement("input",{checked:"boolean"==typeof l&&l,id:r,type:"checkbox",className:"k-checkbox",onChange:t}),m.createElement("label",{className:"k-checkbox-label",htmlFor:r}));return e.render?e.render(c,e):c};X.displayName="KendoReactTreeListSelectionCell";const Y=m.forwardRef((e,t)=>{const r=m.useRef(n.guid()),l=m.useRef(null);return m.useImperativeHandle(l,()=>({props:e})),m.useImperativeHandle(t,()=>l.current),m.createElement(a.HeaderSelectionCell,{inputId:r.current,...e})});Y.displayName="KendoReactTreeListHeaderSelectionCell";const J=e=>e.visible&&n.canUseDOM?g.createPortal(m.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"}},m.createElement(n.IconWrap,{className:n.classNames("k-drag-status"),name:e.allowDrop?"plus":"cancel",icon:e.allowDrop?o.plusIcon:o.cancelIcon}),e.text),document.body):null;function Q(e,t,r){const n=r?r.elementFromPoint(e.clientX,e.clientY):null;return t&&n?n.closest(t):null}const Z="k-grid",ee={visible:!1,top:0,left:0,text:"",allowDrop:!1},te=m.forwardRef((e,t)=>{const[r,a]=m.useState({...ee}),l=m.useRef(null),o=m.useRef(null),c=m.useRef(null),i=m.useRef(null),s=m.useRef(r);s.current=r;const u=m.useRef(e);u.current=e;const d=m.useRef(null);m.useImperativeHandle(d,()=>({props:e})),m.useImperativeHandle(t,()=>d.current),m.useEffect(()=>()=>{i.current&&(i.current.style.userSelect="",i.current=null)},[]);const g=m.useCallback(()=>{var e;o.current=u.current.level;const t=null==(e=l.current)?void 0:e.element;t&&(i.current=t.closest("."+Z),i.current&&(i.current.style.userSelect="none"))},[l]),f=m.useCallback(e=>{var t;if(!n.canUseDOM)return;const r=null==(t=l.current)?void 0:t.element,i=(null==r?void 0:r.ownerDocument)||document;if(!i)return;const s=e.event,d=o.current;if(r&&d){!s.isTouch&&"scroll"!==s.type&&s.originalEvent.preventDefault();const e=u.current.levels[function(e,t,r){if(!e.originalEvent)return-1;const n=Q(e,"tr",r);if(n){const e=t?t.childNodes:[];for(let t=0;t<e.length;t++)if(e[t]===n)return t}return-1}(s,r.parentNode,i)];c.current=e;const t=e?!d.every((t,r)=>t===e[r]):!!Q(s,Z,i);a({visible:!0,top:s.pageY+10,left:s.pageX,text:r.innerText,allowDrop:t}),u.current.onDrag&&u.current.onDrag({nativeEvent:s.originalEvent,dragged:d,draggedOver:e,draggedItem:u.current.dataItem})}},[l]),p=m.useCallback(e=>{i.current&&(i.current.style.userSelect="",i.current=null);const t=e.event;if(o.current){const e=[...o.current],r=c.current&&[...c.current],n=s.current.allowDrop;o.current=null,c.current=null,a({...ee});const l=u.current.dataItem;n&&u.current.onDrop&&u.current.onDrop({nativeEvent:t.originalEvent,dragged:e,draggedOver:r,draggedItem:l})}},[]);return m.createElement(m.Fragment,null,m.createElement(n.Draggable,{ref:l,onPress:g,onDrag:f,onRelease:p},m.createElement(U,{...e})),m.createElement(J,{...r}))});te.displayName="KendoReactTreeListDraggableRow";const re=m.forwardRef((e,t)=>{const{className:r,...a}=e,l=m.useRef(null),o=m.useRef(null);m.useImperativeHandle(o,()=>({element:l.current,props:e})),m.useImperativeHandle(t,()=>o.current);const c=m.useMemo(()=>n.classNames("k-grid-toolbar",r),[r]);return m.createElement(i.Toolbar,{id:e.id,ref:e=>{e&&(l.current=e.element)},className:c,...a},e.children)});re.displayName="KendoReactTreeListToolbar";const ne=[{text:S,operator:"contains"},{text:D,operator:"doesnotcontain"},{text:C,operator:"eq"},{text:x,operator:"neq"},{text:T,operator:"startswith"},{text:O,operator:"endswith"},{text:k,operator:"isnull"},{text:R,operator:"isnotnull"},{text:N,operator:"isempty"},{text:w,operator:"isnotempty"}],ae=[{text:C,operator:"eq"},{text:x,operator:"neq"},{text:L,operator:"gte"},{text:F,operator:"gt"},{text:K,operator:"lte"},{text:P,operator:"lt"},{text:k,operator:"isnull"},{text:R,operator:"isnotnull"}],le=[{text:C,operator:"eq"},{text:x,operator:"neq"},{text:B,operator:"gte"},{text:V,operator:"gt"},{text:A,operator:"lt"},{text:j,operator:"lte"},{text:k,operator:"isnull"},{text:R,operator:"isnotnull"}],oe=[{text:z,operator:""},{text:H,operator:!0},{text:M,operator:!1}];function ce(e,t){return{clearButtonTitle:e.toLanguageString(I,_[I]),operators:t.map(t=>({text:e.toLanguageString(t.text,_[t.text]),operator:t.operator}))}}const ie=e=>{const t=m.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]),r=a.useTableKeyboardNavigation(e.id),l=n.classNames({"k-selected":e.isSelected},e.className),o=m.createElement("td",{style:e.style,className:l,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...r,[b]:e.colIndex},m.createElement("input",{style:{width:"100%"},className:"k-input",value:n.getNestedValue(e.field,e.dataItem)||"",onChange:t}));return e.render?e.render(o,e):o};ie.displayName="KendoReactTreeListTextEditor";const se=e=>{const t=m.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]),r=n.getNestedValue(e.field,e.dataItem),l=a.useTableKeyboardNavigation(e.id),o=n.classNames({"k-selected":e.isSelected},e.className),c=m.createElement("td",{style:e.style,className:o,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...l,[b]:e.colIndex},m.createElement(s.NumericTextBox,{width:"100%",value:void 0===r?null:r,onChange:t}));return e.render?e.render(c,e):c};se.displayName="KendoReactTreeListNumericEditor";const ue=e=>{const t=m.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]),r=n.useId(),l=a.useTableKeyboardNavigation(e.id),o=n.classNames({"k-selected":e.isSelected},e.className),c=m.createElement("td",{style:e.style,className:o,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...l,[b]:e.colIndex},m.createElement("input",{checked:n.getNestedValue(e.field,e.dataItem)||!1,id:r,type:"checkbox",className:"k-checkbox",onChange:t}),m.createElement("label",{className:"k-checkbox-label",htmlFor:r}));return e.render?e.render(c,e):c};ue.displayName="KendoReactTreeListBooleanEditor";const de=e=>{const t=m.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]),r=a.useTableKeyboardNavigation(e.id),l=n.classNames({"k-selected":e.isSelected},e.className),o=m.createElement("td",{style:e.style,className:l,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...r,[b]:e.colIndex},m.createElement(u.DatePicker,{width:"100%",value:n.getNestedValue(e.field,e.dataItem),onChange:t}));return e.render?e.render(o,e):o};de.displayName="KendoReactTreeListDateEditor",Object.defineProperty(e,"getAbsoluteVirtualRowIndex",{enumerable:!0,get:function(){return n.getAbsoluteVirtualRowIndex}}),Object.defineProperty(e,"getNestedValue",{enumerable:!0,get:function(){return n.getNestedValue}}),Object.defineProperty(e,"mapTree",{enumerable:!0,get:function(){return n.mapTree}}),Object.defineProperty(e,"mapTreeItem",{enumerable:!0,get:function(){return n.mapTreeItem}}),Object.defineProperty(e,"createDataTree",{enumerable:!0,get:function(){return a.createDataTree}}),Object.defineProperty(e,"extendDataItem",{enumerable:!0,get:function(){return a.extendDataItem}}),Object.defineProperty(e,"filterBy",{enumerable:!0,get:function(){return a.filterBy}}),Object.defineProperty(e,"flatData",{enumerable:!0,get:function(){return a.flatData}}),Object.defineProperty(e,"getItemPath",{enumerable:!0,get:function(){return a.getItemPath}}),Object.defineProperty(e,"getSelectedState",{enumerable:!0,get:function(){return a.getSelectedState}}),Object.defineProperty(e,"getSelectedStateFromKeyDown",{enumerable:!0,get:function(){return a.getSelectedStateFromKeyDown}}),Object.defineProperty(e,"modifySubItems",{enumerable:!0,get:function(){return a.modifySubItems}}),Object.defineProperty(e,"moveTreeItem",{enumerable:!0,get:function(){return a.moveTreeItem}}),Object.defineProperty(e,"orderBy",{enumerable:!0,get:function(){return a.orderBy}}),Object.defineProperty(e,"removeItems",{enumerable:!0,get:function(){return a.removeItems}}),Object.defineProperty(e,"setSelectedState",{enumerable:!0,get:function(){return a.setSelectedState}}),Object.defineProperty(e,"treeToFlat",{enumerable:!0,get:function(){return a.treeToFlat}}),e.TREELIST_COL_INDEX_ATTRIBUTE=b,e.TREELIST_PREVENT_SELECTION_ELEMENT=y,e.TREELIST_ROW_INDEX_ATTRIBUTE=h,e.TreeList=$,e.TreeListBooleanEditor=ue,e.TreeListBooleanFilter=function(e){const{operators:t,...r}=e;return m.createElement(a.BooleanFilterCell,{ariaLabel:"boolean filter",...ce(l.useLocalization(),t||oe),...r})},e.TreeListCell=E,e.TreeListDateEditor=de,e.TreeListDateFilter=function(e){const{operators:t,...r}=e;return m.createElement(a.DateFilterCell,{ariaLabel:"date filter",...ce(l.useLocalization(),t||le),...r})},e.TreeListDraggableRow=te,e.TreeListHeaderCell=e=>m.createElement(a.HeaderCell,{...e}),e.TreeListHeaderSelectionCell=Y,e.TreeListNoRecords=W,e.TreeListNumericEditor=se,e.TreeListNumericFilter=function(e){const{operators:t,...r}=e;return m.createElement(a.NumericFilterCell,{ariaLabel:"numeric filter",...ce(l.useLocalization(),t||ae),...r})},e.TreeListRow=U,e.TreeListSelectionCell=X,e.TreeListTextEditor=ie,e.TreeListTextFilter=function(e){const{operators:t,...r}=e;return m.createElement(a.TextFilterCell,{ariaLabel:"text filter",...ce(l.useLocalization(),t||ne),...r})},e.TreeListToolbar=re,e.setHeaderRowsTop=f,e.tableRowsVirtualization=v});
|
package/package-metadata.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"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:
|
|
8
|
+
"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: 1786091274,version:"15.2.0-develop.6",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
|
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = Object.freeze({
|
|
|
7
7
|
productName: 'KendoReact',
|
|
8
8
|
productCode: 'KENDOUIREACT',
|
|
9
9
|
productCodes: ['KENDOUIREACT'],
|
|
10
|
-
publishDate:
|
|
11
|
-
version: '15.2.0-develop.
|
|
10
|
+
publishDate: 1786091274,
|
|
11
|
+
version: '15.2.0-develop.6',
|
|
12
12
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
|
|
13
13
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-treelist",
|
|
3
|
-
"version": "15.2.0-develop.
|
|
3
|
+
"version": "15.2.0-develop.6",
|
|
4
4
|
"description": "React TreeList enables the display of self-referencing tabular data. KendoReact TreeList package",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -29,13 +29,13 @@
|
|
|
29
29
|
"@progress/kendo-date-math": "^1.4.1",
|
|
30
30
|
"@progress/kendo-drawing": "^1.21.2",
|
|
31
31
|
"@progress/kendo-licensing": "^1.7.2",
|
|
32
|
-
"@progress/kendo-react-common": "15.2.0-develop.
|
|
33
|
-
"@progress/kendo-react-data-tools": "15.2.0-develop.
|
|
34
|
-
"@progress/kendo-react-dateinputs": "15.2.0-develop.
|
|
35
|
-
"@progress/kendo-react-dialogs": "15.2.0-develop.
|
|
36
|
-
"@progress/kendo-react-dropdowns": "15.2.0-develop.
|
|
37
|
-
"@progress/kendo-react-inputs": "15.2.0-develop.
|
|
38
|
-
"@progress/kendo-react-intl": "15.2.0-develop.
|
|
32
|
+
"@progress/kendo-react-common": "15.2.0-develop.6",
|
|
33
|
+
"@progress/kendo-react-data-tools": "15.2.0-develop.6",
|
|
34
|
+
"@progress/kendo-react-dateinputs": "15.2.0-develop.6",
|
|
35
|
+
"@progress/kendo-react-dialogs": "15.2.0-develop.6",
|
|
36
|
+
"@progress/kendo-react-dropdowns": "15.2.0-develop.6",
|
|
37
|
+
"@progress/kendo-react-inputs": "15.2.0-develop.6",
|
|
38
|
+
"@progress/kendo-react-intl": "15.2.0-develop.6",
|
|
39
39
|
"@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
|
|
40
40
|
"react": "^18.0.0 || ^19.0.0",
|
|
41
41
|
"react-dom": "^18.0.0 || ^19.0.0"
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
"package": {
|
|
77
77
|
"productName": "KendoReact",
|
|
78
78
|
"productCode": "KENDOUIREACT",
|
|
79
|
-
"publishDate":
|
|
79
|
+
"publishDate": 1786091274,
|
|
80
80
|
"licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
81
81
|
}
|
|
82
82
|
},
|