@progress/kendo-react-grid 9.0.0-develop.8 → 9.0.0

package/Grid.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const xe=require("react"),o=require("prop-types"),n=require("@progress/kendo-react-common"),c=require("@progress/kendo-react-data-tools"),ke=require("./cells/GridSelectionCell.js"),Te=require("./cells/GridHierarchyCell.js"),De=require("./cells/GridEditCell.js"),Ne=require("./header/Header.js"),He=require("./header/HeaderRow.js"),ze=require("./header/FilterRow.js"),Fe=require("./header/GroupPanel.js"),Ae=require("./footer/Footer.js"),ce=require("@progress/kendo-react-intl"),W=require("./messages/index.js"),Ge=require("./VirtualScroll.js"),re=require("./VirtualScrollFixed.js"),Me=require("./drag/ColumnResize.js"),Oe=require("./drag/CommonDragLogic.js"),v=require("./utils/index.js"),Le=require("./cells/GridCell.js"),le=require("./cells/GridGroupCell.js"),Ke=require("./rows/GridRow.js"),Pe=require("./header/GridHeaderSelectionCell.js"),We=require("./GridNoRecords.js"),ne=require("./filterCommon.js"),qe=require("./footer/FooterRow.js"),Ve=require("./paging/GridPagerSettings.js"),he=require("./package-metadata.js"),Ue=require("./cells/GridDetailCell.js"),Be=require("./cells/GridDetailHierarchyCell.js"),je=require("./constants/index.js");function $e(N){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(N){for(const h in N)if(h!=="default"){const u=Object.getOwnPropertyDescriptor(N,h);Object.defineProperty(a,h,u.get?u:{enumerable:!0,get:()=>N[h]})}}return a.default=N,Object.freeze(a)}const r=$e(xe),D=class D extends r.Component{constructor(a){super(a),this._columns=[],this._columnsMap=[[]],this._columnsMutations=0,this._resized=!1,this._focusFirst=!1,this._singleEditRow=!1,this._shouldUpdateLeftRight=!0,this._scrollbarWidth=void 0,this.contextStateRef={current:void 0},this.navigationStateRef={current:void 0},this._data=[],this._slicedData=void 0,this.wrapperScrollTop=0,this.showLicenseWatermark=!1,this.headerRef=r.createRef(),this.headerElementRef=r.createRef(),this._element=null,this.tableElement=null,this.containerRef=r.createRef(),this.tableBodyRef=r.createRef(),this._footer=null,this.forceUpdateTimeout=void 0,this.isRtl=!1,this.headTable=null,this.rowsInEdit=[],this.observer=null,this.handleIntersection=e=>{const t={rowIndex:this.rowIndex};e.forEach(s=>{s.isIntersecting||this.setCurrentOnTop(t)})},this.setCurrentOnTop=e=>{if(!this.vs.container||this.props.scrollable==="none")return;this.observer&&this.observer.disconnect();const{rowIndex:t}=e;if(this.props.scrollable==="virtual")this.vs.askedSkip=t,this.vs.container.scroll(0,Math.round(this.vs.askedSkip/this.vs.total*this.vs.container.scrollHeight));else if(this.element){const s=t<1?this.element.querySelector("tbody > tr:nth-child(1)"):this.element.querySelector(`tbody > tr:nth-child(${t+1})`);s&&this.containerRef.current&&(this.containerRef.current.scrollTop=s.offsetTop)}},this.scrollIntoView=e=>{if(!this.vs.container||this.props.scrollable==="none")return;this.rowIndex=e.rowIndex;const{rowIndex:t}=e,s=this.element;if(this.observer&&s){this.observer.disconnect();const l=s.querySelector(`[absolute-row-index="${t}"]`);l?this.observer.observe(l):this.setCurrentOnTop(e)}},this.fitColumns=e=>{this.columnResize.dblClickHandler(null,e)},this.getColumnsEssentialProps=e=>JSON.stringify(e.map(t=>({id:t.id,field:t.field,title:t.title,children:t.children}))),this.checkMatchMediaColumnsDifferece=()=>{const e=this.childrenToArray(this.props.children);return this.getColumnsEssentialProps(e)===this.getColumnsEssentialProps(this._columns)},this.onContextMenu=(e,t,s)=>{if(this.props.onContextMenu){const l={target:this,syntheticEvent:e,nativeEvent:e.nativeEvent,dataItem:t,field:s};this.props.onContextMenu.call(void 0,l)}},this.getVirtualScroll=e=>{const{rowHeight:t,detailRowHeight:s,detail:l,expandField:p,groupable:g}=e,d=this.isAllData(),m=t!==void 0&&t>0,R=s!==void 0&&s>0,H=g===!0||typeof g=="object"&&g.enabled!==!1;return!m||H&&!d||!!(l&&p)&&(!R||!d)?Ge.VirtualScroll:re.VirtualScrollFixed},this.isAllData=()=>{const{data:e,total:t}=this.props;return Array.isArray(e)?e.length===t:e?t===e.total:!1},this.initializeVirtualization=(e,t)=>{if(this.reInitVirtualization(this.props.scrollable==="virtual",this.props.total,this.props.filter,this.props.group,this.props.sort,t||this.props.rowHeight===void 0||this.props.rowHeight===0),this.vs.fixedScroll=this.props.fixedScroll||!1,this.vs.PageChange=this.pageChange,this.vs.realSkip=this.props.skip||0,this.vs.pageSize=(this.props.take!==void 0?this.props.take:this.props.pageSize)||0,this.vs.scrollableVirtual=this.props.scrollable==="virtual",this.vs.total=e,this.vs.propsSkip=(this.props.skip||0)+(this.props.scrollable==="virtual"?this.vs.topCacheCount+(this.vs.attendedSkip-(this.props.skip||0)):0),this.props.rowHeight!==void 0&&this.props.rowHeight>0&&!t){const s=this.props.rowHeight*e;this.vs.containerHeight=v.firefox?Math.min(v.firefoxMaxHeight,s):s}else this.vs.containerHeight=1533915;if(this.vs.containerRef=this.containerRef,this.vs.tableBodyRef=this.tableBodyRef,this.vs.table=this.tableElement,this._slicedData=void 0,this.vs instanceof re.VirtualScrollFixed){const{rowHeight:s=0,detail:l,expandField:p}=this.props;let{detailRowHeight:g=0}=this.props;g=l&&p?g:s,this.isAllData()?(this.vs.total=this._data.length,this._slicedData=this._data.slice(this.vs.realSkip,this.vs.realSkip+this.vs.pageSize),this.vs.rowHeightService=this.rowHeightService(this.vs,this._data.length,s,g,this._data)):this.vs.rowHeightService=new n.RowHeightService(e,s,g);const d=this.vs.rowHeightService.totalHeight();this.vs.containerHeight=v.firefox?Math.min(v.firefoxMaxHeight,d):d}},this.getCachedScrollbarWidth=()=>(this._scrollbarWidth||(this._scrollbarWidth=n.getScrollbarWidth()||void 0),this._scrollbarWidth),this.scrollHandler=e=>{if(e.target!==e.currentTarget)return;clearTimeout(this.forceUpdateTimeout),this.vs.table=this.tableElement;const t=e.currentTarget.scrollLeft,s=e.currentTarget.scrollTop;this.props.columnVirtualization&&(!this.vs.scrollableVirtual||s===this.wrapperScrollTop)&&(this.forceUpdateTimeout=window.setTimeout(()=>{this.forceUpdate()},0)),this._header&&this._header.setScrollLeft(t),this._footer&&this._footer.setScrollLeft(t),this.vs&&s!==this.wrapperScrollTop&&this.vs.scrollHandler(e),n.dispatchEvent(this.props.onScroll,e,this,void 0),this.wrapperScrollTop=s},this.onKeyDown=e=>{if(c.tableKeyboardNavigation.onKeyDown(e,{navigatable:this.props.navigatable||!1,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef,onNavigationAction:this.onNavigationAction,columns:this.columns}),this.props.onKeyDown){const{mode:t,cell:s}=c.getSelectionOptions(this.props.selectable),l={dataItems:this.getLeafDataItems(),mode:t,cell:s,componentId:this._gridId,selectedField:this.props.selectedField,...this.getArguments(e)};this.props.onKeyDown.call(void 0,l)}},this.onFocus=e=>{c.tableKeyboardNavigation.onFocus(e,{navigatable:!!this.props.navigatable,contextStateRef:this.contextStateRef})},this.onNavigationAction=e=>{if(e.action==="moveToNextPage"&&this.moveToNextPage(e.event),e.action==="moveToPrevPage"&&this.moveToPrevPage(e.event),e.focusElement&&e.action==="reorderToRight"){const t=parseInt(e.focusElement.ariaColIndex,10)-1;t<this._columns.length-1&&this.columnReorder(t,t+1,e.event)}if(e.focusElement&&e.action==="reorderToLeft"){const t=parseInt(e.focusElement.ariaColIndex,10)-1;t>0&&this.columnReorder(t,t-1,e.event)}if(this.props.onNavigationAction){const t={focusElement:e.focusElement,...this.getArguments(e.event)};this.props.onNavigationAction.call(void 0,t)}},this.rowClick=(e,t)=>{this.props.onRowClick&&e.target.nodeName==="TD"&&this.props.onRowClick.call(void 0,{dataItem:t.dataItem,...this.getArguments(e)})},this.rowDblClick=(e,t)=>{this.props.onRowDoubleClick&&e.target.nodeName==="TD"&&this.props.onRowDoubleClick.call(void 0,{dataItem:t.dataItem,...this.getArguments(e)})},this.itemChange=e=>{const t=this.props.onItemChange;if(e.field===this.props.expandField||this.props.group&&e.field===void 0){const s=this.props.onExpandChange;s&&s.call(void 0,{...this.getArguments(e.syntheticEvent),dataItem:e.dataItem,dataIndex:e.dataIndex,value:e.value});return}t&&t.call(void 0,{...this.getArguments(e.syntheticEvent),dataItem:e.dataItem,dataIndex:e.dataIndex,field:e.field,value:e.value})},this.onHeaderSelectionChange=e=>{this.props.onHeaderSelectionChange&&this.props.onHeaderSelectionChange.call(void 0,{field:e.field,nativeEvent:e.syntheticEvent&&e.syntheticEvent.nativeEvent,syntheticEvent:e.syntheticEvent,target:this,dataItems:this.getLeafDataItems(),selectedField:this.props.selectedField})},this.selectionRelease=e=>{if(this.props.onSelectionChange){const t=this.getSlicedLeafDataItems()[e.startRowIndex],s=this.getSlicedLeafDataItems()[e.endRowIndex],l={syntheticEvent:void 0,target:this,selectedField:this.props.selectedField||"",componentId:this._gridId,dataItems:this.getLeafDataItems(),dataItem:null,startDataItem:t,endDataItem:s,...e};this.props.onSelectionChange.call(void 0,l)}},this.pageChange=(e,t,s)=>{this.raiseDataEvent(this.props.onPageChange,{page:e},{skip:e.skip,take:e.take},t,s)},this.getTotal=()=>{let e=this.props.total||0;return Array.isArray(this.props.data)?e=e||this.props.data.length:this.props.data&&(e=e||this.props.data.total),e},this.moveToNextPage=e=>{const t=this.props.take||0,s=(this.props.skip||0)+t,l=this.getTotal();s<l&&this.pageChange({skip:s,take:t},e)},this.moveToPrevPage=e=>{const t=this.props.take||0,s=(this.props.skip||0)-t;s>=0&&this.pageChange({skip:s,take:t},e)},this.pagerPageChange=e=>{this.pageChange({skip:e.skip,take:e.take},e.syntheticEvent,e.targetEvent)},this.sortChange=(e,t)=>{this.raiseDataEvent(this.props.onSortChange,{sort:e},{sort:e,...this.props.scrollable==="virtual"?{skip:0}:{}},t)},this.filterChange=(e,t)=>{this.raiseDataEvent(this.props.onFilterChange,{filter:e},{filter:e||void 0,skip:0},t)},this.groupChange=(e,t)=>{const s=t.nativeEvent?t:{nativeEvent:t.nativeEvent||t.originalEvent};e.length===0&&this.props.navigatable&&(this._focusFirst=!0),this._columnsMutations++,this.raiseDataEvent(this.props.onGroupChange,{group:e},{group:e,skip:0},s)},this.onClipboard=(e,t)=>{if(this.props.onClipboard){if(!this.inActiveElement()||!e)return;this.props.onClipboard.call(void 0,{type:e,nativeEvent:t,columns:this._columns,dataItemKey:this.props.dataItemKey||"",...typeof this.props.clipboard!="boolean"?this.props.clipboard:{}})}},this.inActiveElement=()=>{var p,g,d;if(!n.canUseDOM)return!1;const e=n.getActiveElement(this.document),t=e?e.matches(".k-table-td")?e:(p=this.document)==null?void 0:p.body:(g=this.document)==null?void 0:g.body,s=t.closest(".k-grid-container"),l=t&&((d=this._element)==null?void 0:d.contains(t));return!!(t&&l&&s)},this.onResize=(e,t,s,l,p,g)=>{this.resetTableWidth(),this._shouldUpdateLeftRight=!0,this._resized=!0,this._columnsMutations++,this.props.onColumnResize&&this.props.onColumnResize.call(void 0,{columns:this.columns,nativeEvent:l,targetColumnId:g,index:e,newWidth:t,oldWidth:s,end:p,target:this})},this.reInitVirtualization=n.memoizeOne((e,t,s,l,p,g)=>{this.vs.reset();const d=this.getVirtualScroll(this.props);this.vs=new d(g)}),this.flatData=n.memoizeOne((e,t,s,l,p,g,d)=>{const m=[],R=v.flatData(m,e,t,{index:s},l!==void 0,p);return{flattedData:m,resolvedGroupsCount:R}}),this.rowHeightService=n.memoizeOne((e,t,s,l,p)=>new n.RowHeightService(t,s,l,p)),this.childrenToArray=n.memoizeOne(e=>r.Children.toArray(e)),this.readColumns=n.memoizeOne((e,t,s)=>{const l=e.filter(p=>p&&p.type&&p.type.displayName==="KendoReactGridColumn");return v.readColumns(l,this.columns,{prevId:0,idPrefix:t})}),this.mapColumns=n.memoizeOne((e,t)=>c.mapColumns(e,!0)),this.filterColumnsByMediaProp=e=>e.filter(t=>n.canUseDOM&&t&&t.media?window.matchMedia(t.media).matches:t),this.configureColumns=n.memoizeOne((e,t,s)=>{this.props.selectedField&&e.filter(m=>m.field===this.props.selectedField).forEach(m=>{m.width=m.width||"50px",m.cell=m.cell||ke.GridSelectionCell,m.headerCell=m.headerCell||Pe.GridHeaderSelectionCell});const{unstyled:l}=this.props,p=l&&l.uGrid?l.uGrid:n.uGrid,g={id:"",resizable:!0,width:"32px",title:" ",declarationIndex:-1,orderIndex:-1,children:[],parentIndex:-1,depth:0,colSpan:0,rowSpan:0,left:0,right:0,index:0,rightBorder:!1,ariaColumnIndex:0,isAccessible:!0};let d=0;this.props.expandField&&this.props.onExpandChange&&this.props.detail&&(e.unshift({...g,cell:Te.GridHierarchyCell,field:this.props.expandField,headerClassName:n.classNames(p.hierarchyCell({}))}),d++);for(let m=0;m<t;m++)e.unshift({...g,isAccessible:!1,cell:le.GridGroupCell,field:"value",locked:this.props.lockGroups}),d++;e.slice(d).forEach(m=>m.parentIndex>=0&&(m.parentIndex+=d))}),this.getHeaderRow=n.memoizeOne((e,t,s,l,p,g,d,m,R,H,E,M,O)=>r.createElement(He.HeaderRow,{cells:this.props.cells,sort:e,sortable:t,sortChange:this.sortChange,group:s||[],groupable:l,groupChange:this.groupChange,filter:p,filterable:g,filterOperators:d,filterChange:this.filterChange,columnMenu:R,columnMenuIcon:H,selectionChange:this.onHeaderSelectionChange,columns:E,columnResize:this.columnResize,pressHandler:this.dragLogic.pressHandler,dragHandler:this.dragLogic.dragHandler,releaseHandler:this.dragLogic.releaseHandler,columnsMap:M,cellRender:m,isRtl:O,dragClue:this.dragLogic.dragClueRef,headerRef:this.headerElementRef,containerRef:this.containerRef,navigatable:!!this.props.navigatable,columnGroupChange:this.columnGroupChange})),this.resolveTitle=e=>{const t=this._columns.find(l=>l.field===e),s=t&&(t.title||t.field);return s===void 0?e:s},this.getLeafDataItems=()=>this._data.filter(e=>e.rowType==="data").map(e=>e.dataItem),this.getSlicedLeafDataItems=()=>(this._slicedData||this._data).filter(e=>e.rowType==="data").map(e=>e.dataItem),this.handleFocusInEditableRows=()=>{var e,t,s;if(this.tableBodyRef.current&&((e=this.tableBodyRef.current)==null?void 0:e.getElementsByClassName("k-grid-edit-row").length)>0){this._singleEditRow=!1,(t=document.activeElement)!=null&&t.closest(".k-grid-edit-row")?this._lastActiveElement=document.activeElement:this._lastActiveElement=void 0;const l=Array.from((s=this.tableBodyRef.current)==null?void 0:s.getElementsByClassName("k-grid-edit-row"));l.length>this.rowsInEdit.length?this._newEditableRow=l.filter(p=>!this.rowsInEdit.includes(p))[0]:l.length===1&&(this._newEditableRow=l[0],this._singleEditRow=!0),this.rowsInEdit=l}},n.validatePackage(he.packageMetadata),this.showLicenseWatermark=n.shouldShowValidationUI(he.packageMetadata);const h=this.props.groupable===!0||typeof this.props.groupable=="object"&&this.props.groupable.enabled!==!1,u=this.getVirtualScroll(a);this.vs=new u(h||a.rowHeight===void 0||a.rowHeight===0),this.dragLogic=new Oe.CommonDragLogic(this.columnReorder.bind(this),this.groupReorder.bind(this),this.columnToGroup.bind(this)),this.columnGroupChange=this.columnGroupChange.bind(this),this.columnResize=new Me.ColumnResize(this.onResize),this.props.clipboard&&(this.clipboardService=new c.ClipboardService(this.onClipboard)),c.tableKeyboardNavigation.onConstructor({navigatable:!!a.navigatable,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef,idPrefix:this._gridId})}get columns(){const a=this._columns.filter(h=>h.declarationIndex>=0&&h.parentIndex===-1);return v.sanitizeColumns(a)}get element(){return this._element}get document(){if(n.canUseDOM)return this.element&&this.element.ownerDocument||document}get _header(){return this.headerRef.current}get _gridId(){return this.props.id+"-role-element-id"}componentDidMount(){var u;this.props.columnVirtualization&&!navigator.userAgent.match(je.SAFARI_REGEX)&&(this.headTable&&(this.headTable.style.display="block"),this.tableElement&&(this.tableElement.style.display="block")),this.resetTableWidth(),n.setScrollbarWidth(this.getCachedScrollbarWidth());const a=c.isRtl(this.element);this.isRtl=a,c.tableKeyboardNavigation.onComponentDidMount({scope:this.element||void 0,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef}),this.isRtl&&this.forceUpdate();const h={rootMargin:"0px",threshold:.9};this.clipboardService&&this.clipboardService.addEventListeners(this.document),this.observer=n.canUseDOM&&window.IntersectionObserver&&new window.IntersectionObserver(this.handleIntersection,h)||null,this.resizeObserver=n.canUseDOM&&window.ResizeObserver&&new window.ResizeObserver(this.calculateMedia.bind(this)),(u=this.document)!=null&&u.body&&this.resizeObserver&&this.resizeObserver.observe(this.document.body)}getSnapshotBeforeUpdate(){return c.tableKeyboardNavigation.onGetSnapshotBeforeUpdate({document:this.document,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef}),null}componentDidUpdate(){this.resetTableWidth(),n.setScrollbarWidth(this.getCachedScrollbarWidth()),this.vs.tableTransform&&this.vs.table&&(this.vs.table.style.transform=this.vs.tableTransform,this.vs.tableTransform=""),this.handleFocusInEditableRows(),c.tableKeyboardNavigation.onComponentDidUpdate({scope:this.element||void 0,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef,focusFirst:this._focusFirst,newEditableRow:this._newEditableRow,singleEditRow:this._singleEditRow,lastActiveElement:this._lastActiveElement,navigatable:this.props.navigatable}),this._focusFirst=!1,this._newEditableRow=void 0}componentWillUnmount(){var a;clearTimeout(this.forceUpdateTimeout),this.clipboardService&&this.clipboardService.removeEventListeners(this.document),(a=this.document)!=null&&a.body&&this.resizeObserver&&this.resizeObserver.disconnect()}render(){var oe;let a=this.props.total||0;const h=c.tableKeyboardNavigationTools.getIdPrefix(this.navigationStateRef),u=ce.provideLocalizationService(this),{unstyled:e,size:t="medium"}=this.props,s=e&&e.uGrid?e.uGrid:n.uGrid;let l=[];Array.isArray(this.props.data)?(l=this.props.data,a=a||this.props.data.length):this.props.data&&(l=this.props.data.data,a=a||this.props.data.total);const p=typeof this.props.groupable=="object"&&this.props.groupable.footer||"none",g=this.props.scrollable==="virtual",{resolvedGroupsCount:d,flattedData:m}=this.flatData(l,p,this.props.skip||0,this.props.group,this.props.expandField,this.props.filter,this.props.sort);this._data=m;const R=this.props.groupable===!0||typeof this.props.groupable=="object"&&this.props.groupable.enabled!==!1;this.columnResize.resizable=this.props.resizable||!1,this.dragLogic.reorderable=this.props.reorderable||!1,this.dragLogic.groupable=R;const H=this.props.selectable&&this.props.selectable.drag?"none":void 0;this.initializeVirtualization(a,R);const E=this.childrenToArray(this.props.children);this.initColumns(E,d);const M=E.map(i=>i&&i.type&&i.type.displayName==="KendoReactGridToolbar"?r.cloneElement(i,{...i.props,ariaControls:this._gridId}):null),O=E.filter(i=>i&&i.type&&i.type.displayName==="KendoReactGridNoRecords"),U=E.filter(i=>i&&i.type&&i.type.displayName==="KendoReactGridStatusBar"),w=this._columns.filter(i=>i.children.length===0),B=R&&r.createElement(Fe.GroupPanel,{group:this.props.group||[],groupChange:this.groupChange,pressHandler:this.dragLogic.pressHandler,dragHandler:this.dragLogic.dragHandler,releaseHandler:this.dragLogic.releaseHandler,refCallback:this.dragLogic.refGroupPanelDiv,resolveTitle:this.resolveTitle,ariaControls:this._gridId,onContextMenu:this.onContextMenu}),{sort:de,sortable:pe,group:ue,filter:ge,filterable:fe,filterOperators:me=ne.operators,headerCellRender:be,columnMenu:ve,columnMenuIcon:Ce}=this.props,j=r.createElement(Ne.Header,{size:t,columnResize:this.columnResize,staticHeaders:this.props.scrollable!=="none",scrollableDataElement:()=>this.vs.container,hasScrollbarWidth:!!this.getCachedScrollbarWidth(),draggable:this.props.reorderable||R,ref:this.headerRef,elemRef:this.headerElementRef,headerRow:this.getHeaderRow(de,pe,ue,R,ge,fe,me,be,ve,Ce,this._columns,this._columnsMap,this.isRtl),filterRow:this.props.filterable&&r.createElement(ze.FilterRow,{cells:this.props.cells,size:t,columns:this._columns,filter:this.props.filter,filterOperators:this.props.filterOperators||ne.operators,filterChange:this.filterChange,sort:this.props.sort,cellRender:this.props.filterCellRender,isRtl:this.isRtl,navigatable:!!this.props.navigatable,ariaRowIndex:this._columnsMap.length+1})||void 0,cols:w.map((i,b)=>r.createElement("col",{key:b.toString(),width:v.getColumnWidth(i)}))}),Re=this.vs&&this.vs.container&&this.vs.container.scrollLeft||0,ye=parseFloat(((this.props.style||{}).width||"").toString()),{colSpans:we,hiddenColumns:Se}=c.tableColumnsVirtualization({enabled:this.props.columnVirtualization,columns:w,tableViewPortWidth:ye,scrollLeft:Re}),Ee=(i,b,C,F)=>{let T=!1;const I=this.props.selectedField?v.getNestedValue(this.props.selectedField,i.dataItem):void 0;return{row:w.map((f,y)=>{if(Se[y])return null;const A=f.id?f.id:y,S=n.classNames(s.contentSticky({locked:f.locked}),f.className),_=f.left!==void 0?this.isRtl?{left:f.right,right:f.left}:{left:f.left,right:f.right}:{};let P=!1;if(f.editable&&this.props.editField){const k=v.getNestedValue(this.props.editField,i.dataItem);k&&(k===!0||k===f.field)&&(T=!0,P=!0)}const G=f.cell||P&&De.GridEditCell||Le.GridCell,x=this.props.expandField&&this.props.detail&&f.field===this.props.expandField;return r.createElement(G,{onContextMenu:this.onContextMenu,key:A,locked:this.props.lockGroups,id:c.tableKeyboardNavigationTools.generateNavigatableId(`${b}-${String(y)}`,h,x||i.rowType==="groupHeader"||i.rowType==="groupFooter"||f.field==="value"?"nodata":"cell"),colSpan:we[y],dataItem:i.dataItem,field:f.field,editor:f.editor,format:f.format,className:S,render:this.props.cellRender,cells:v.resolveCells(this.props.cells,f.cells),onChange:this.itemChange,selectionChange:this.props.onSelectionChange?k=>{this.selectionChange({event:k,dataItem:i.dataItem,dataIndex:C,columnIndex:y})}:void 0,columnIndex:y,columnsCount:w.length,rowType:i.rowType,level:i.level,expanded:i.expanded,dataIndex:i.dataIndex,style:_,ariaColumnIndex:f.ariaColumnIndex,isSelected:Array.isArray(I)&&I.indexOf(y)>-1,isSorted:!!v.isSorted(f.field,this.props.sort),isAlt:F})}),isInEdit:T,isSelected:typeof I=="boolean"&&I}};let $=0;if(g)for(let i=0;i<this.vs.topCacheCount+this.vs.attendedSkip-(this.props.skip||0);i++){const b=this._data.shift();if(b)this._data.push(b),$++,b.rowType==="groupHeader"&&i--;else break}const J=i=>i>=this._data.length-$;let X=this.vs.realSkip||0;const L=[];let V=!1;const Y=this._columnsMap.length+(this.props.filterable?1:0)+1;let z=0;if(this._data.length){let i=-1,b=0;(this._slicedData||this._data).forEach((C,F)=>{C.rowType==="data"&&(X++,i++);const T=X%2===0,I=this.props.dataItemKey&&n.getter(this.props.dataItemKey)(C.dataItem),f=F+(this.vs.realSkip||0),y=I||"ai"+f,A=y+"_1",S=Ee(C,y,i,T);if(z=f+Y+b,L.push(r.createElement(Ke.GridRow,{key:y,dataItem:C.dataItem,isAltRow:T,isInEdit:S.isInEdit,rowType:C.rowType,isHidden:J(F),onClick:_=>this.rowClick(_,C),onDoubleClick:_=>this.rowDblClick(_,C),selectedField:this.props.selectedField,rowHeight:this.props.rowHeight,render:this.props.rowRender,ariaRowIndex:z,absoluteRowIndex:f,dataIndex:this.vs.scrollableVirtual&&!this.props.groupable?f:i,isSelected:S.isSelected},S.row)),this.props.detail&&C.rowType==="data"&&C.expanded){const _=w.length-(this.props.expandField?1:0)-(this.props.group?this.props.group.length:0)||1;b++,z=f+Y+b,L.push(r.createElement("tr",{key:A,className:n.classNames(s.detailTr({isAlt:T})),style:{visibility:J(F)?"hidden":"",height:this.props.detailRowHeight},role:"row","aria-rowindex":z},this.props.group&&this.props.group.map((P,G)=>{var ae;const x=(ae=S==null?void 0:S.row[G])==null?void 0:ae.props.style,k=x?this.isRtl?{left:x.right,right:x.left}:{left:x.left,right:x.right}:{};return r.createElement(le.GridGroupCell,{id:"",dataIndex:C.dataIndex,field:P.field,dataItem:C.dataItem,key:G,style:k,ariaColumnIndex:1+G,isSelected:!1,locked:this.props.lockGroups,isRtl:this.isRtl,cells:this.props.cells})}),this.props.expandField&&r.createElement(Be.GridDetailHierarchyCell,{id:c.tableKeyboardNavigationTools.generateNavigatableId(`${A}-dhcell`,h)}),r.createElement(Ue.GridDetailCell,{onContextMenu:this.onContextMenu,dataItem:C.dataItem,dataIndex:C.dataIndex,colSpan:_,ariaColIndex:2+(this.props.group?this.props.group.length:0),detail:this.props.detail,id:c.tableKeyboardNavigationTools.generateNavigatableId(`${A}-dcell`,h)})))}})}else V=!0;const Ie=()=>{const i=this._header;return i&&i.table&&i.table.clientWidth},Q=()=>r.createElement("div",{key:"no-records",className:n.classNames(s.noRecords({})),style:{width:Ie()}},r.createElement("div",{className:n.classNames(s.noRecordsTemplate({})),[c.KEYBOARD_NAV_DATA_ID]:c.tableKeyboardNavigationTools.generateNavigatableId("no-records",h)},O.length?O:r.createElement(We.GridNoRecords,null))),Z={size:t,onPageChange:this.pagerPageChange,total:a,dir:this.isRtl?"rtl":void 0,skip:this.vs.propsSkip||0,take:(this.props.take!==void 0?this.props.take:this.props.pageSize)||10,messagesMap:W.pagerMessagesMap,...Ve.normalize(this.props.pageable||{})},ee=this.props.pager?r.createElement(this.props.pager,{...Z}):r.createElement(c.Pager,{className:n.classNames(s.pager({})),...Z}),_e=(i,b)=>r.createElement("col",{key:b.toString(),width:v.getColumnWidth(i)}),te=(oe=this.props.cells)!=null&&oe.footerCell||this._columns.some(i=>{var b;return!!(i.footerCell||(b=i.cells)!=null&&b.footerCell)})?r.createElement(Ae.Footer,{size:t,columnResize:this.columnResize,staticHeaders:this.props.scrollable!=="none",hasScrollbarWidth:!!this.getCachedScrollbarWidth(),ref:i=>this._footer=i,row:r.createElement(qe.FooterRow,{cells:this.props.cells,idPrefix:h,columns:this._columns,isRtl:this.isRtl,ariaRowIndex:z+1}),cols:w.map(_e)}):null,se=r.createElement("colgroup",{ref:i=>{this.columnResize.colGroupMain=i}},w.map((i,b)=>r.createElement("col",{key:b.toString(),className:v.isSorted(i.field,this.props.sort)?n.classNames(s.sorted({})):void 0,width:v.getColumnWidth(i)}))),ie=this.dragLogic.reorderable||this.dragLogic.groupable;if(this.props.scrollable==="none")return r.createElement(c.TableKeyboardNavigationContext.Provider,{value:this.contextStateRef.current},r.createElement("div",{id:this.props.id,style:this.props.style,className:n.classNames(s.wrapper({size:t}),this.props.className),ref:i=>{this._element=i},"aria-label":this.props.ariaLabel,onKeyDown:this.onKeyDown,onFocus:this.onFocus,...c.tableKeyboardNavigationScopeAttributes},M,B,r.createElement(c.TableSelection,{selectable:this.props.selectable,onRelease:this.selectionRelease,childRef:i=>{this.tableElement=i,this.headTable=i}},r.createElement("table",{ref:i=>this.headTable=i,className:n.classNames(s.table({size:t}))},se,j,r.createElement("tbody",{role:"rowgroup",className:n.classNames(s.tbody({})),...c.tableKeyboardNavigationBodyAttributes},L),te)),V&&Q(),ie&&r.createElement(r.Fragment,null,r.createElement(c.DropClue,{ref:this.dragLogic.refDropElementClue}),r.createElement(c.DragClue,{ref:this.dragLogic.refDragElementClue}))),U,this.props.pageable&&ee);let K=this.props.style||{};return g&&(K.height||(K=Object.assign({},K,{height:"450px"}))),r.createElement(c.TableKeyboardNavigationContext.Provider,{value:this.contextStateRef.current},r.createElement("div",{id:this.props.id,style:K,className:n.classNames(s.wrapper({size:t,virtual:g}),this.props.className),ref:i=>{this._element=i},"aria-label":this.props.ariaLabel,onKeyDown:this.onKeyDown,onFocus:this.onFocus,...c.tableKeyboardNavigationScopeAttributes},M,B,r.createElement("div",{className:n.classNames(s.ariaRoot({})),role:"grid","aria-colcount":w.length,"aria-rowcount":a,id:this._gridId,"aria-label":u.toLanguageString(W.gridAriaLabel,W.messages[W.gridAriaLabel])},j,r.createElement("div",{className:n.classNames(s.container({})),role:"presentation"},r.createElement("div",{ref:this.containerRef,className:n.classNames(s.content({})),onScroll:this.scrollHandler,role:"presentation"},r.createElement("div",{className:n.classNames(s.tableWrap({})),role:"presentation"},r.createElement(c.TableSelection,{selectable:this.props.selectable,onRelease:this.selectionRelease,childRef:i=>{this.tableElement=i}},r.createElement("table",{ref:i=>this.tableElement=i,className:n.classNames(s.table({size:t})),role:"presentation",style:{userSelect:H}},se,r.createElement("tbody",{className:n.classNames(s.tbody({})),ref:this.tableBodyRef,role:"rowgroup",...c.tableKeyboardNavigationBodyAttributes},L))),V&&Q()),g&&r.createElement("div",{className:n.classNames(s.heightContainer({})),role:"presentation"},r.createElement("div",{style:g?{height:this.vs.containerHeight+"px"}:{}})))),te,ie&&r.createElement(r.Fragment,null,r.createElement(c.DropClue,{ref:this.dragLogic.refDropElementClue}),r.createElement(c.DragClue,{ref:this.dragLogic.refDragElementClue})),this.showLicenseWatermark&&r.createElement(n.WatermarkOverlay,null)),U,this.props.pageable&&ee))}calculateMedia(){this.checkMatchMediaColumnsDifferece()||this.forceUpdate()}selectionChange(a){if(this.props.onSelectionChange){const{event:h,dataItem:u,dataIndex:e,columnIndex:t}=a,{mode:s,cell:l}=c.getSelectionOptions(this.props.selectable),p={...this.getArguments(h.syntheticEvent),dataItem:u,startColIndex:t,endColIndex:t,startRowIndex:e,endRowIndex:e,dataItems:this.getLeafDataItems(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,mode:s,cell:l,isDrag:!1,componentId:this._gridId,selectedField:this.props.selectedField||""};this.props.onSelectionChange.call(void 0,p)}}raiseDataEvent(a,h,u,e,t){const s=this.props.onDataStateChange;if(a){const l={...this.getArguments(e),...h,targetEvent:t};a.call(void 0,l)}else s&&s.call(void 0,{...this.getArguments(e),targetEvent:t||{},dataState:{...this.getDataState(),...u}})}columnReorder(a,h,u){const e=this._columns[a],t=e.depth,s=d=>{do d++;while(d<this._columns.length&&this._columns[d].depth>t);return d},l=this._columns.splice(a,s(a)-a);this._columns.splice(a<h?s(h-l.length):h,0,...l),this._columns.filter(d=>d.declarationIndex>=0).forEach((d,m)=>d.orderIndex=m),this._columnsMutations++;const p=this._columns[a].locked&&this._columns[h].locked;c.updateLeft(this._columnsMap,this._columns,p||this._shouldUpdateLeftRight),c.updateRight(this._columnsMap,this._columns,p||this._shouldUpdateLeftRight),this._resized&&(this._shouldUpdateLeftRight=!1,this._resized=!1);const g=this.columns;if(this.forceUpdate(),this.props.onColumnReorder){const d={target:this,columns:g,columnId:e.id,nativeEvent:u};this.props.onColumnReorder.call(void 0,d)}}groupReorder(a,h,u){if(this.props.group===void 0)return;const e=this.props.group.slice();e.splice(h,0,...e.splice(a,1)),this.groupChange(e,u)}columnToGroup(a,h,u){const e=this._columns[a].field;if(!e)return;const t=(this.props.group||[]).slice();t.splice(h,0,{field:e}),this.groupChange(t,u)}columnGroupChange(a,h){const u=this.dragLogic.getCurrentGroupsLength;this.columnToGroup(a,u,h)}resetTableWidth(){let a=0;if(!this.columnResize.colGroupMain)return;const h=this.columnResize.colGroupMain.children;for(let u=0;u<h.length;u++){const e=h[u].width;if(!e)return;a+=parseFloat(e.toString())}a=Math.round(a),this._header&&this._header.setWidth(a),this._footer&&this._footer.setWidth(a),this.tableElement&&(this.tableElement.style.width=a+"px")}initColumns(a,h){const u=c.tableKeyboardNavigationTools.getIdPrefix(this.navigationStateRef),e=this.readColumns(a,u,this._columnsMutations),t=this.filterColumnsByMediaProp(e);this._columns=t,this._columns.length===0&&(this._columns=v.autoGenerateColumns(this.props.data,this.props.group,this.props.expandField,{prevId:0,idPrefix:u})),this.configureColumns(this._columns,h,u),this._columnsMap=this.mapColumns(this._columns,this._columnsMutations),this.columnResize.columns=this._columns,this.dragLogic.columns=this._columns}getDataState(){return{filter:this.props.filter,sort:this.props.sort,skip:this.props.skip,take:this.props.take!==void 0?this.props.take:this.props.pageSize,group:this.props.group}}getArguments(a){return{nativeEvent:a&&a.nativeEvent,syntheticEvent:a,target:this}}};D.displayName="KendoReactGrid",D.defaultProps={},D.propTypes={data:o.oneOfType([o.array,o.shape({data:o.array,total:o.number})]),sortable:o.oneOfType([o.bool,o.shape({mode:o.oneOf(["single","multiple"]),allowUnsort:o.bool})]),onSortChange:o.func,sort:o.array,filterable:o.bool,filter:o.any,onFilterChange:o.func,pageable:o.oneOfType([o.bool,o.shape({buttonCount:o.number,responsive:o.bool,info:o.bool,type:o.oneOf(["numeric","input"]),pageSizes:o.oneOfType([o.bool,o.arrayOf(o.oneOfType([o.string,o.number]))]),previousNext:o.bool})]),pageSize:o.number,onPageChange:o.func,total:o.number,skip:o.number,take:o.number,fixedScroll:o.bool,onExpandChange:o.func,expandField:o.string,selectedField:o.string,onSelectionChange:o.func,onHeaderSelectionChange:o.func,resizable:o.bool,reorderable:o.bool,group:o.any,groupable:o.oneOfType([o.bool,o.shape({enabled:o.bool,footer:o.oneOf(["always","visible","none"])})]),onGroupChange:o.func,onRowClick:o.func,onRowDoubleClick:o.func,onItemChange:o.func,editField:o.string,scrollable:o.oneOf(["none","scrollable","virtual"]),rowHeight:o.number,detailRowHeight:o.number,detail:o.any,style:o.object,onDataStateChange:o.func,onColumnResize:o.func,onColumnReorder:o.func,dataItemKey:o.string,navigatable:o.oneOfType([o.bool,o.shape({mode:o.oneOf(["incell","inline","popup"])})]),size:o.oneOf(["small","medium"])},D.contextType=c.TableKeyboardNavigationContext;let q=D;ce.registerForLocalization(q);exports.Grid=q;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const tn=require("react"),o=require("prop-types"),s=require("@progress/kendo-react-common"),u=require("@progress/kendo-react-data-tools"),nn=require("./cells/GridSelectionCell.js"),rn=require("./cells/GridHierarchyCell.js"),an=require("./cells/GridEditCell.js"),ln=require("./header/Header.js"),on=require("./header/HeaderRow.js"),cn=require("./header/FilterRow.js"),dn=require("./header/GroupPanel.js"),sn=require("./footer/Footer.js"),un=require("@progress/kendo-react-intl"),fe=require("./messages/index.js"),fn=require("./VirtualScroll.js"),it=require("./VirtualScrollFixed.js"),gn=require("./drag/ColumnResize.js"),mn=require("./drag/CommonDragLogic.js"),v=require("./utils/index.js"),bn=require("./cells/GridCell.js"),dt=require("./cells/GridGroupCell.js"),hn=require("./rows/GridRow.js"),Cn=require("./header/GridHeaderSelectionCell.js"),vn=require("./GridNoRecords.js"),st=require("./filterCommon.js"),Rn=require("./footer/FooterRow.js"),yn=require("./paging/GridPagerSettings.js"),ut=require("./package-metadata.js"),wn=require("./cells/GridDetailCell.js"),En=require("./cells/GridDetailHierarchyCell.js"),In=require("./constants/index.js");function Sn(t){const V=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const N in t)if(N!=="default"){const w=Object.getOwnPropertyDescriptor(t,N);Object.defineProperty(V,N,w.get?w:{enumerable:!0,get:()=>t[N]})}}return V.default=t,Object.freeze(V)}const r=Sn(tn),Ge=r.forwardRef((t,V)=>{var rt,at,lt,ot;const N=s.useId();s.validatePackage(ut.packageMetadata);const w=()=>{var e;if(s.canUseDOM)return((e=p())==null?void 0:e.ownerDocument)||document},F=()=>(t.id||N)+"-role-element-id",W=()=>{const e=g.current.filter(n=>n.declarationIndex>=0&&n.parentIndex===-1);return v.sanitizeColumns(e)},p=()=>D.current,ge=r.useCallback(e=>{var l;if(!c.current||!((l=c.current)!=null&&l.container)||t.scrollable==="none")return;z.current&&z.current.disconnect();const{rowIndex:n}=e,a=p();if(t.scrollable==="virtual")c.current.askedSkip=n,c.current.container.scroll(0,Math.round(c.current.askedSkip/c.current.total*c.current.container.scrollHeight));else if(a){const i=n<1?a.querySelector("tbody > tr:nth-child(1)"):a.querySelector(`tbody > tr:nth-child(${n+1})`);i&&U.current&&(U.current.scrollTop=i.offsetTop)}},[t.scrollable]),Fe=r.useCallback(e=>{const n={rowIndex:ke.current};e.forEach(a=>{a.isIntersecting||ge(n)})},[ge]),[,me]=r.useReducer(e=>!e,!0),Oe=e=>JSON.stringify(e.map(n=>({id:n.id,field:n.field,title:n.title,children:n.children}))),B=r.useMemo(()=>r.Children.toArray(t.children),[t.children]),ft=()=>Oe(B)===Oe(g.current),gt=()=>{ft()||me()},be=(e,n,a)=>{if(t.onContextMenu){const l={target:S.current,syntheticEvent:e,nativeEvent:e.nativeEvent,dataItem:n,field:a};t.onContextMenu.call(void 0,l)}},Ae=()=>{const{data:e,total:n}=t;return Array.isArray(e)?e.length===n:e?n===e.total:!1},mt=()=>{const{rowHeight:e,detailRowHeight:n,detail:a,expandField:l,groupable:i}=t,f=Ae(),d=e!==void 0&&e>0,C=n!==void 0&&n>0,k=i===!0||typeof i=="object"&&i.enabled!==!1;return!d||k&&!f||!!(a&&l)&&(!C||!f)?fn.VirtualScroll:it.VirtualScrollFixed},bt=(e,n)=>{if(c.current){if(c.current.fixedScroll=t.fixedScroll||!1,c.current.PageChange=te,c.current.realSkip=t.skip||0,c.current.pageSize=(t.take!==void 0?t.take:t.pageSize)||0,c.current.scrollableVirtual=t.scrollable==="virtual",c.current.total=e,c.current.propsSkip=(t.skip||0)+(t.scrollable==="virtual"?c.current.topCacheCount+(c.current.attendedSkip-(t.skip||0)):0),t.rowHeight!==void 0&&t.rowHeight>0&&!n){const a=t.rowHeight*e;c.current.containerHeight=v.firefox?Math.min(v.firefoxMaxHeight,a):a}else c.current.containerHeight=1533915;if(c.current.containerRef=U,c.current.tableBodyRef=j,c.current.table=I.current,oe.current=void 0,c.current instanceof it.VirtualScrollFixed){const{rowHeight:a=0,detail:l,expandField:i}=t;let{detailRowHeight:f=0}=t;f=l&&i?f:a,Ae()?(c.current.total=R.current.length,oe.current=R.current.slice(c.current.realSkip,c.current.realSkip+c.current.pageSize),c.current.rowHeightService=new s.RowHeightService(R.current.length,a,f,R.current)):c.current.rowHeightService=new s.RowHeightService(e,a,f);const d=c.current.rowHeightService.totalHeight();c.current.containerHeight=v.firefox?Math.min(v.firefoxMaxHeight,d):d}}},ee=()=>(Ee.current||(Ee.current=s.getScrollbarWidth()||void 0),Ee.current),ht=e=>{var l;if(e.target!==e.currentTarget)return;clearTimeout(Se.current),c.current&&(c.current.table=I.current);const n=e.currentTarget.scrollLeft,a=e.currentTarget.scrollTop;t.columnVirtualization&&(!((l=c.current)!=null&&l.scrollableVirtual)||a===Ie.current)&&(Se.current=window.setTimeout(()=>{me()},0)),q.current&&q.current.setScrollLeft(n),_.current&&_.current.setScrollLeft(n),c.current&&a!==Ie.current&&c.current.scrollHandler(e),s.dispatchEvent(t.onScroll,e,S.current,void 0),Ie.current=a},Me=e=>{if(u.tableKeyboardNavigation.onKeyDown(e,{navigatable:t.navigatable||!1,contextStateRef:H,navigationStateRef:O,onNavigationAction:Ct,columns:W()}),u.tableKeyboardNavigation.onGetSnapshotBeforeUpdate({document:w(),contextStateRef:H,navigationStateRef:O}),t.onKeyDown){const{mode:n,cell:a}=u.getSelectionOptions(t.selectable),l={dataItems:ae(),mode:n,cell:a,componentId:F(),selectedField:t.selectedField,...E(e)};t.onKeyDown.call(void 0,l)}},Ke=e=>{u.tableKeyboardNavigation.onFocus(e,{navigatable:!!t.navigatable,contextStateRef:H})},Ct=e=>{if(e.action==="moveToNextPage"&&St(e.event),e.action==="moveToPrevPage"&&kt(e.event),e.focusElement&&e.action==="reorderToRight"){const n=parseInt(e.focusElement.ariaColIndex,10)-1;n<g.current.length-1&&he(n,n+1,e.event)}if(e.focusElement&&e.action==="reorderToLeft"){const n=parseInt(e.focusElement.ariaColIndex,10)-1;n>0&&he(n,n-1,e.event)}if(t.onNavigationAction){const n={focusElement:e.focusElement,...E(e.event)};t.onNavigationAction.call(void 0,n)}},vt=(e,n)=>{t.onRowClick&&e.target.nodeName==="TD"&&t.onRowClick.call(void 0,{dataItem:n.dataItem,...E(e)})},Rt=(e,n)=>{t.onRowDoubleClick&&e.target.nodeName==="TD"&&t.onRowDoubleClick.call(void 0,{dataItem:n.dataItem,...E(e)})},yt=e=>{if(e.field===t.expandField||t.group&&e.field===void 0){t.onExpandChange&&t.onExpandChange.call(void 0,{...E(e.syntheticEvent),dataItem:e.dataItem,dataIndex:e.dataIndex,value:e.value});return}t.onItemChange&&t.onItemChange.call(void 0,{...E(e.syntheticEvent),dataItem:e.dataItem,dataIndex:e.dataIndex,field:e.field,value:e.value})},wt=e=>{if(t.onSelectionChange){const{event:n,dataItem:a,dataIndex:l,columnIndex:i}=e,{mode:f,cell:d}=u.getSelectionOptions(t.selectable),C={...E(n.syntheticEvent),dataItem:a,startColIndex:i,endColIndex:i,startRowIndex:l,endRowIndex:l,dataItems:ae(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,mode:f,cell:d,isDrag:!1,componentId:F(),selectedField:t.selectedField||""};t.onSelectionChange.call(void 0,C)}},Et=e=>{t.onHeaderSelectionChange&&t.onHeaderSelectionChange.call(void 0,{field:e.field,nativeEvent:e.syntheticEvent&&e.syntheticEvent.nativeEvent,syntheticEvent:e.syntheticEvent,target:S.current,dataItems:ae(),selectedField:t.selectedField})},ze=e=>{if(t.onSelectionChange){const n=Le()[e.startRowIndex],a=Le()[e.endRowIndex],l={syntheticEvent:void 0,target:S.current,selectedField:t.selectedField||"",componentId:F(),dataItems:ae(),dataItem:null,startDataItem:n,endDataItem:a,...e};t.onSelectionChange.call(void 0,l)}},te=(e,n,a)=>{re(t.onPageChange,{page:e},{skip:e.skip,take:e.take},n,a)},It=()=>{let e=t.total||0;return Array.isArray(t.data)?e=e||t.data.length:t.data&&(e=e||t.data.total),e},St=e=>{const n=t.take||0,a=(t.skip||0)+n,l=It();a<l&&te({skip:a,take:n},e)},kt=e=>{const n=t.take||0,a=(t.skip||0)-n;a>=0&&te({skip:a,take:n},e)},xt=e=>{te({skip:e.skip,take:e.take},e.syntheticEvent,e.targetEvent)},Nt=(e,n)=>{re(t.onSortChange,{sort:e},{sort:e,...t.scrollable==="virtual"?{skip:0}:{}},n)},Pe=(e,n)=>{re(t.onFilterChange,{filter:e},{filter:e||void 0,skip:0},n)},ne=(e,n)=>{const a=n.nativeEvent?n:{nativeEvent:n.nativeEvent||n.originalEvent};e.length===0&&t.navigatable&&(Re.current=!0),re(t.onGroupChange,{group:e},{group:e,skip:0},a)},re=(e,n,a,l,i)=>{const f=t.onDataStateChange;if(e){const d={...E(l),...n,targetEvent:i};e.call(void 0,d)}else f&&f.call(void 0,{...E(l),targetEvent:i||{},dataState:{...qt(),...a}})},he=(e,n,a)=>{const l=g.current[e],i=l.depth,f=m=>{do m++;while(m<g.current.length&&g.current[m].depth>i);return m},d=g.current.splice(e,f(e)-e);g.current.splice(e<n?f(n-d.length):n,0,...d),g.current.filter(m=>m.declarationIndex>=0).forEach((m,L)=>m.orderIndex=L);const C=g.current[e].locked&&g.current[n].locked;u.updateLeft(P.current,g.current,C||ie.current),u.updateRight(P.current,g.current,C||ie.current),ve.current&&(ie.current=!1,ve.current=!1);const k=W();if(me(),t.onColumnReorder){const m={target:S.current,columns:k,columnId:l.id,nativeEvent:a};t.onColumnReorder.call(void 0,m)}},Ht=(e,n,a)=>{if(t.group===void 0)return;const l=t.group.slice();l.splice(n,0,...l.splice(e,1)),ne(l,a)},qe=(e,n,a)=>{const l=g.current[e].field;if(!l)return;const i=(t.group||[]).slice();i.splice(n,0,{field:l}),ne(i,a)},Dt=(e,n)=>{const a=b.current.getCurrentGroupsLength;qe(e,a,n)},Ce=()=>{let e=0;if(!y.current.colGroupMain)return;const n=y.current.colGroupMain.children;for(let a=0;a<n.length;a++){const l=n[a].width;if(!l)return;e+=parseFloat(l.toString())}e=Math.round(e),q.current&&q.current.setWidth(e),_.current&&_.current.setWidth(e),I.current&&(I.current.style.width=e+"px")},Tt=(e,n)=>{if(t.onClipboard){if(!Gt()||!e)return;t.onClipboard.call(void 0,{type:e,nativeEvent:n,columns:g.current,dataItemKey:t.dataItemKey||"",...typeof t.clipboard!="boolean"?t.clipboard:{}})}},Gt=()=>{var i,f,d;if(!s.canUseDOM)return!1;const e=s.getActiveElement(w()),n=e?e.matches(".k-table-td")?e:(i=w())==null?void 0:i.body:(f=w())==null?void 0:f.body,a=n.closest(".k-grid-container"),l=n&&((d=D.current)==null?void 0:d.contains(n));return!!(n&&l&&a)},Ft=(e,n,a,l,i,f)=>{Ce(),ie.current=!0,ve.current=!0,t.onColumnResize&&t.onColumnResize.call(void 0,{columns:W(),nativeEvent:l,targetColumnId:f,index:e,newWidth:n,oldWidth:a,end:i,target:S.current})},Ot=(e,n,a,l,i)=>{const f=[],d=v.flatData(f,e,n,{index:a},l!==void 0,i);return{flattedData:f,resolvedGroupsCount:d}},At=(e,n)=>{const a=e.filter(l=>l&&l.type&&l.type.displayName==="KendoReactGridColumn");return v.readColumns(a,W(),{prevId:0,idPrefix:n})},Mt=e=>e.filter(n=>s.canUseDOM&&n&&n.media?window.matchMedia(n.media).matches:n),Kt=(e,n)=>{const a=u.tableKeyboardNavigationTools.getIdPrefix(O),l=At(e,a),i=Mt(l);g.current=i,g.current.length===0&&(g.current=v.autoGenerateColumns(t.data,t.group,t.expandField,{prevId:0,idPrefix:a})),zt(g.current,n),P.current=u.mapColumns(g.current,!0),y.current.columns=g.current,b.current.columns=g.current},zt=(e,n)=>{t.selectedField&&e.filter(i=>i.field===t.selectedField).forEach(i=>{i.width=i.width||"50px",i.cell=i.cell||nn.GridSelectionCell,i.headerCell=i.headerCell||Cn.GridHeaderSelectionCell});const a={id:"",resizable:!0,width:"32px",title:" ",declarationIndex:-1,orderIndex:-1,children:[],parentIndex:-1,depth:0,colSpan:0,rowSpan:0,left:0,right:0,index:0,rightBorder:!1,ariaColumnIndex:0,isAccessible:!0};let l=0;t.expandField&&t.onExpandChange&&t.detail&&(e.unshift({...a,cell:rn.GridHierarchyCell,field:t.expandField,headerClassName:s.classNames(h.hierarchyCell({}))}),l++);for(let i=0;i<n;i++)e.unshift({...a,isAccessible:!1,cell:dt.GridGroupCell,field:"value",locked:t.lockGroups}),l++;e.slice(l).forEach(i=>i.parentIndex>=0&&(i.parentIndex+=l))},Pt=e=>{const n=g.current.find(l=>l.field===e),a=n&&(n.title||n.field);return a===void 0?e:a},qt=()=>({filter:t.filter,sort:t.sort,skip:t.skip,take:t.take!==void 0?t.take:t.pageSize,group:t.group}),E=e=>({nativeEvent:e&&e.nativeEvent,syntheticEvent:e,target:S.current}),ae=()=>R.current.filter(e=>e.rowType==="data").map(e=>e.dataItem),Le=()=>(oe.current||R.current).filter(e=>e.rowType==="data").map(e=>e.dataItem),Lt=()=>{var e,n,a;if(j.current&&((e=j.current)==null?void 0:e.getElementsByClassName("k-grid-edit-row").length)>0){we.current=!1,(n=document.activeElement)!=null&&n.closest(".k-grid-edit-row")?ye.current=document.activeElement:ye.current=void 0;const l=Array.from((a=j.current)==null?void 0:a.getElementsByClassName("k-grid-edit-row"));l.length>xe.current.length?ce.current=l.filter(i=>!xe.current.includes(i))[0]:l.length===1&&(ce.current=l[0],we.current=!0),xe.current=l}},b=r.useRef(),H=r.useRef(),O=r.useRef(),le=r.useRef(),c=r.useRef(),y=r.useRef(),z=r.useRef(null),R=r.useRef([]),oe=r.useRef(),g=r.useRef([]),P=r.useRef([[]]),ve=r.useRef(!1),Re=r.useRef(!1),ce=r.useRef(),ye=r.useRef(),we=r.useRef(!1),ie=r.useRef(!0),Ee=r.useRef(),Ie=r.useRef(0),Se=r.useRef(),ke=r.useRef(),xe=r.useRef([]),_=r.useRef(null),q=r.useRef(null),Ve=r.useRef(null),D=r.useRef(null),I=r.useRef(null),U=r.useRef(null),j=r.useRef(null),de=r.useRef(null),Vt=un.useLocalization(),Ne=s.useUnstyled(),h=Ne&&Ne.uGrid?Ne.uGrid:s.uGrid,Wt=s.shouldShowValidationUI(ut.packageMetadata),A=s.useDir(D);r.useMemo(()=>{u.tableKeyboardNavigation.onConstructor({navigatable:!!t.navigatable,contextStateRef:H,navigationStateRef:O,idPrefix:F()})},[]),r.useMemo(()=>{var a;(a=c.current)==null||a.reset();const e=t.groupable===!0||typeof t.groupable=="object"&&t.groupable.enabled!==!1,n=mt();c.current=new n(e||t.rowHeight===void 0||t.rowHeight===0)},[t.scrollable,t.total,t.filter,t.group,t.groupable,t.sort,t.rowHeight]),r.useEffect(()=>(t.clipboard&&(le.current=new u.ClipboardService(Tt),le.current.addEventListeners(w())),()=>{le.current&&le.current.removeEventListeners(w())}),[t.onClipboard,t.clipboard]),r.useMemo(()=>{y.current=new gn.ColumnResize(Ft)},[t.onColumnResize]),r.useMemo(()=>{b.current=new mn.CommonDragLogic(he,Ht,qe)},[t.onColumnReorder,t.onGroupChange,t.group,t.groupable]),r.useEffect(()=>(t.columnVirtualization&&!window.navigator.userAgent.match(In.SAFARI_REGEX)&&(de.current&&(de.current.style.display="block"),I.current&&(I.current.style.display="block")),Ce(),s.setScrollbarWidth(ee()),u.tableKeyboardNavigation.onComponentDidMount({scope:D.current||void 0,contextStateRef:H,navigationStateRef:O}),()=>{clearTimeout(Se.current)}),[]),r.useEffect(()=>{var e;Ce(),s.setScrollbarWidth(ee()),(e=c.current)!=null&&e.tableTransform&&c.current.table&&(c.current.table.style.transform=c.current.tableTransform,c.current.tableTransform=""),Lt(),u.tableKeyboardNavigation.onComponentDidUpdate({scope:D.current||void 0,contextStateRef:H,navigationStateRef:O,focusFirst:Re.current,newEditableRow:ce.current,singleEditRow:we.current,lastActiveElement:ye.current,navigatable:t.navigatable}),Re.current=!1,ce.current=void 0}),r.useEffect(()=>{if(s.canUseDOM){const e={rootMargin:"0px",threshold:.9};z.current=window.IntersectionObserver&&new window.IntersectionObserver(Fe,e)||null}},[Fe]),r.useEffect(()=>{let e;return s.canUseDOM&&window.ResizeObserver&&(e=new window.ResizeObserver(gt),e.observe(D.current)),()=>{e==null||e.disconnect()}},[]);const S=r.useRef(null);r.useImperativeHandle(S,()=>({get element(){return p()},props:t,get columns(){return W()},scrollIntoView:e=>{var l;if(!((l=c.current)!=null&&l.container)||t.scrollable==="none")return;const{rowIndex:n}=e;ke.current=n;const a=p();if(z.current&&a){z.current.disconnect();const i=a.querySelector(`[absolute-row-index="${ke.current}"]`);i?z.current.observe(i):ge(e)}},fitColumns:e=>{y.current.dblClickHandler(null,e)}})),r.useImperativeHandle(V,()=>S.current);let M=t.total||0;const $=u.tableKeyboardNavigationTools.getIdPrefix(O),{size:T="medium"}=t;let He=[];Array.isArray(t.data)?(He=t.data,M=M||t.data.length):t.data&&(He=t.data.data,M=M||t.data.total);const Bt=typeof t.groupable=="object"&&t.groupable.footer||"none",J=t.scrollable==="virtual",{resolvedGroupsCount:_t,flattedData:Ut}=Ot(He,Bt,t.skip||0,t.group,t.expandField);R.current=Ut;const X=t.groupable===!0||typeof t.groupable=="object"&&t.groupable.enabled!==!1;y.current.resizable=t.resizable||!1,b.current.reorderable=t.reorderable||!1,b.current.groupable=X;const jt=t.selectable&&t.selectable.drag?"none":void 0;bt(M,X),Kt(B,_t);const We=B.map(e=>e&&e.type&&e.type.displayName==="KendoReactGridToolbar"?r.cloneElement(e,{...e.props,ariaControls:F()}):null),Be=B.filter(e=>e&&e.type&&e.type.displayName==="KendoReactGridNoRecords"),_e=B.filter(e=>e&&e.type&&e.type.displayName==="KendoReactGridStatusBar"),G=g.current.filter(e=>e.children.length===0),Ue=X&&r.createElement(dn.GroupPanel,{group:t.group||[],groupChange:ne,pressHandler:b.current.pressHandler,dragHandler:b.current.dragHandler,releaseHandler:b.current.releaseHandler,refCallback:b.current.refGroupPanelDiv,resolveTitle:Pt,ariaControls:F(),onContextMenu:be}),je=r.createElement(ln.Header,{size:T,columnResize:y.current,staticHeaders:t.scrollable!=="none",scrollableDataElement:()=>{var e;return((e=c.current)==null?void 0:e.container)||null},hasScrollbarWidth:!!ee(),draggable:t.reorderable||X,ref:q,elemRef:Ve,headerRow:r.createElement(on.HeaderRow,{cells:t.cells,sort:t.sort,sortable:t.sortable,sortChange:Nt,group:t.group||[],groupable:X,groupChange:ne,filter:t.filter,filterable:t.filterable,filterOperators:t.filterOperators||st.operators,filterChange:Pe,columnMenu:t.columnMenu,columnMenuIcon:t.columnMenuIcon,selectionChange:Et,columns:g.current,columnResize:y.current,pressHandler:b.current.pressHandler,dragHandler:b.current.dragHandler,releaseHandler:b.current.releaseHandler,columnsMap:P.current,cellRender:t.headerCellRender,isRtl:A==="rtl",dragClue:b.current.dragClueRef,headerRef:Ve,containerRef:U,navigatable:!!t.navigatable,columnGroupChange:Dt}),filterRow:t.filterable&&r.createElement(cn.FilterRow,{cells:t.cells,size:T,columns:g.current,filter:t.filter,filterOperators:t.filterOperators||st.operators,filterChange:Pe,sort:t.sort,cellRender:t.filterCellRender,isRtl:A==="rtl",navigatable:!!t.navigatable,ariaRowIndex:P.current.length+1})||void 0,cols:G.map((e,n)=>r.createElement("col",{key:n.toString(),width:v.getColumnWidth(e)}))}),$t=c.current&&c.current.container&&c.current.container.scrollLeft||0,Jt=parseFloat(((t.style||{}).width||"").toString()),{colSpans:Xt,hiddenColumns:Yt}=u.tableColumnsVirtualization({enabled:t.columnVirtualization,columns:G,tableViewPortWidth:Jt,scrollLeft:$t}),Qt=(e,n,a,l)=>{let i=!1;const f=t.selectedField?v.getNestedValue(t.selectedField,e.dataItem):void 0;return{row:G.map((d,C)=>{if(Yt[C])return null;const k=d.id?d.id:C,m=s.classNames(h.contentSticky({locked:d.locked}),d.className),L=d.left!==void 0?A!=="rtl"?{left:d.left,right:d.right}:{left:d.right,right:d.left}:{};let Q=!1;if(d.editable&&t.editField){const x=v.getNestedValue(t.editField,e.dataItem);x&&(x===!0||x===d.field)&&(i=!0,Q=!0)}const K=d.cell||Q&&an.GridEditCell||bn.GridCell,Te=t.expandField&&t.detail&&d.field===t.expandField;return r.createElement(K,{onContextMenu:be,key:k,locked:t.lockGroups,id:u.tableKeyboardNavigationTools.generateNavigatableId(`${n}-${String(C)}`,$,Te||e.rowType==="groupHeader"||e.rowType==="groupFooter"||d.field==="value"?"nodata":"cell"),colSpan:Xt[C],dataItem:e.dataItem,field:d.field,editor:d.editor,format:d.format,className:m,render:t.cellRender,cells:v.resolveCells(t.cells,d.cells),onChange:yt,selectionChange:t.onSelectionChange?x=>{wt({event:x,dataItem:e.dataItem,dataIndex:a,columnIndex:C})}:void 0,columnIndex:C,columnsCount:G.length,rowType:e.rowType,level:e.level,expanded:e.expanded,dataIndex:e.dataIndex,style:L,ariaColumnIndex:d.ariaColumnIndex,isSelected:Array.isArray(f)&&f.indexOf(C)>-1,isSorted:!!v.isSorted(d.field,t.sort),isAlt:l})}),isInEdit:i,isSelected:typeof f=="boolean"&&f}};let $e=0;if(J&&c.current)for(let e=0;e<c.current.topCacheCount+c.current.attendedSkip-(t.skip||0);e++){const n=R.current.shift();if(n)R.current.push(n),$e++,n.rowType==="groupHeader"&&e--;else break}const Je=e=>e>=R.current.length-$e;let Xe=((rt=c.current)==null?void 0:rt.realSkip)||0;const se=[];let De=!1;const Ye=P.current.length+(t.filterable?1:0)+1;let Y=0;if(R.current.length){let e=-1,n=0;(oe.current||R.current).forEach((a,l)=>{var L,Q;a.rowType==="data"&&(Xe++,e++);const i=Xe%2===0,f=t.dataItemKey&&s.getter(t.dataItemKey)(a.dataItem),d=l+(((L=c.current)==null?void 0:L.realSkip)||0),C=f||"ai"+d,k=C+"_1",m=Qt(a,C,e,i);if(Y=d+Ye+n,se.push(r.createElement(hn.GridRow,{key:C,dataItem:a.dataItem,isAltRow:i,isInEdit:m.isInEdit,rowType:a.rowType,isHidden:Je(l),onClick:K=>vt(K,a),onDoubleClick:K=>Rt(K,a),selectedField:t.selectedField,rowHeight:t.rowHeight,render:t.rowRender,ariaRowIndex:Y,absoluteRowIndex:d,dataIndex:(Q=c.current)!=null&&Q.scrollableVirtual&&!t.groupable?d:e,isSelected:m.isSelected},m.row)),t.detail&&a.rowType==="data"&&a.expanded){const K=G.length-(t.expandField?1:0)-(t.group?t.group.length:0)||1;n++,Y=d+Ye+n,se.push(r.createElement("tr",{key:k,className:s.classNames(h.detailTr({isAlt:i})),style:{visibility:Je(l)?"hidden":"",height:t.detailRowHeight},role:"row","aria-rowindex":Y},t.group&&t.group.map((Te,x)=>{var ct;const Z=(ct=m==null?void 0:m.row[x])==null?void 0:ct.props.style,en=Z?A!=="rtl"?{left:Z.left,right:Z.right}:{left:Z.right,right:Z.left}:{};return r.createElement(dt.GridGroupCell,{id:"",dataIndex:a.dataIndex,field:Te.field,dataItem:a.dataItem,key:x,style:en,ariaColumnIndex:1+x,isSelected:!1,locked:t.lockGroups,isRtl:A==="rtl",cells:t.cells})}),t.expandField&&r.createElement(En.GridDetailHierarchyCell,{id:u.tableKeyboardNavigationTools.generateNavigatableId(`${k}-dhcell`,$)}),r.createElement(wn.GridDetailCell,{onContextMenu:be,dataItem:a.dataItem,dataIndex:a.dataIndex,colSpan:K,ariaColIndex:2+(t.group?t.group.length:0),detail:t.detail,id:u.tableKeyboardNavigationTools.generateNavigatableId(`${k}-dcell`,$)})))}})}else De=!0;const Zt=()=>{const e=q.current;return e&&e.table()&&e.table().clientWidth},Qe=()=>r.createElement("div",{key:"no-records",className:s.classNames(h.noRecords({})),style:{width:Zt()}},r.createElement("div",{className:s.classNames(h.noRecordsTemplate({})),[u.KEYBOARD_NAV_DATA_ID]:u.tableKeyboardNavigationTools.generateNavigatableId("no-records",$)},Be.length?Be:r.createElement(vn.GridNoRecords,null))),Ze={size:T,onPageChange:xt,total:M,dir:A,skip:((at=c.current)==null?void 0:at.propsSkip)||0,take:(t.take!==void 0?t.take:t.pageSize)||10,messagesMap:fe.pagerMessagesMap,...yn.normalize(t.pageable||{})},pe=t.pager?r.createElement(t.pager,{...Ze}):r.createElement(u.Pager,{className:s.classNames(h.pager({})),...Ze}),pt=(e,n)=>r.createElement("col",{key:n.toString(),width:v.getColumnWidth(e)}),et=(lt=t.cells)!=null&&lt.footerCell||g.current.some(e=>{var n;return!!(e.footerCell||(n=e.cells)!=null&&n.footerCell)})?r.createElement(sn.Footer,{size:T,columnResize:y.current,staticHeaders:t.scrollable!=="none",hasScrollbarWidth:!!ee(),ref:_,row:r.createElement(Rn.FooterRow,{cells:t.cells,idPrefix:$,columns:g.current,isRtl:A==="rtl",ariaRowIndex:Y+1}),cols:G.map(pt)}):null,tt=r.createElement("colgroup",{ref:e=>{y.current.colGroupMain=e}},G.map((e,n)=>r.createElement("col",{key:n.toString(),className:v.isSorted(e.field,t.sort)?s.classNames(h.sorted({})):void 0,width:v.getColumnWidth(e)}))),nt=b.current.reorderable||b.current.groupable;if(t.scrollable==="none")return r.createElement(u.TableKeyboardNavigationContext.Provider,{value:H.current},r.createElement("div",{id:t.id||N,style:t.style,className:s.classNames(h.wrapper({size:T}),t.className),ref:D,"aria-label":t.ariaLabel,onKeyDown:Me,onFocus:Ke,...u.tableKeyboardNavigationScopeAttributes},We,Ue,r.createElement(u.TableSelection,{selectable:t.selectable,onRelease:ze,childRef:e=>{I.current=e,de.current=e}},r.createElement("table",{ref:de,className:s.classNames(h.table({size:T}))},tt,je,r.createElement("tbody",{role:"rowgroup",className:s.classNames(h.tbody({})),...u.tableKeyboardNavigationBodyAttributes},se),et)),De&&Qe(),nt&&r.createElement(r.Fragment,null,r.createElement(u.DropClue,{ref:b.current.refDropElementClue}),r.createElement(u.DragClue,{ref:b.current.refDragElementClue}))),_e,t.pageable&&pe);let ue=t.style||{};return J&&(ue.height||(ue=Object.assign({},ue,{height:"450px"}))),r.createElement(u.TableKeyboardNavigationContext.Provider,{value:H.current},r.createElement("div",{id:t.id||N,style:ue,className:s.classNames(h.wrapper({size:T,virtual:J}),t.className),ref:D,"aria-label":t.ariaLabel,onKeyDown:Me,onFocus:Ke,...u.tableKeyboardNavigationScopeAttributes},We,Ue,r.createElement("div",{className:s.classNames(h.ariaRoot({})),role:"grid","aria-colcount":G.length,"aria-rowcount":M,id:F(),"aria-label":Vt.toLanguageString(fe.gridAriaLabel,fe.messages[fe.gridAriaLabel])},je,r.createElement("div",{className:s.classNames(h.container({})),role:"presentation"},r.createElement("div",{ref:U,className:s.classNames(h.content({})),onScroll:ht,role:"presentation"},r.createElement("div",{className:s.classNames(h.tableWrap({})),role:"presentation"},r.createElement(u.TableSelection,{selectable:t.selectable,onRelease:ze,childRef:e=>{I.current=e}},r.createElement("table",{ref:I,className:s.classNames(h.table({size:T})),role:"presentation",style:{userSelect:jt}},tt,r.createElement("tbody",{className:s.classNames(h.tbody({})),ref:j,role:"rowgroup",...u.tableKeyboardNavigationBodyAttributes},se))),De&&Qe()),J&&r.createElement("div",{className:s.classNames(h.heightContainer({})),role:"presentation"},r.createElement("div",{style:J?{height:((ot=c.current)==null?void 0:ot.containerHeight)+"px"}:{}})))),et,nt&&r.createElement(r.Fragment,null,r.createElement(u.DropClue,{ref:b.current.refDropElementClue}),r.createElement(u.DragClue,{ref:b.current.refDragElementClue})),Wt&&r.createElement(s.WatermarkOverlay,null)),_e,t.pageable&&pe))}),kn={data:o.oneOfType([o.array,o.shape({data:o.array,total:o.number})]),sortable:o.oneOfType([o.bool,o.shape({mode:o.oneOf(["single","multiple"]),allowUnsort:o.bool})]),onSortChange:o.func,sort:o.array,filterable:o.bool,filter:o.any,onFilterChange:o.func,pageable:o.oneOfType([o.bool,o.shape({buttonCount:o.number,responsive:o.bool,info:o.bool,type:o.oneOf(["numeric","input"]),pageSizes:o.oneOfType([o.bool,o.arrayOf(o.oneOfType([o.string,o.number]))]),previousNext:o.bool})]),pageSize:o.number,onPageChange:o.func,total:o.number,skip:o.number,take:o.number,fixedScroll:o.bool,onExpandChange:o.func,expandField:o.string,selectedField:o.string,onSelectionChange:o.func,onHeaderSelectionChange:o.func,resizable:o.bool,reorderable:o.bool,group:o.any,groupable:o.oneOfType([o.bool,o.shape({enabled:o.bool,footer:o.oneOf(["always","visible","none"])})]),onGroupChange:o.func,onRowClick:o.func,onRowDoubleClick:o.func,onItemChange:o.func,editField:o.string,scrollable:o.oneOf(["none","scrollable","virtual"]),rowHeight:o.number,detailRowHeight:o.number,detail:o.any,style:o.object,onDataStateChange:o.func,onColumnResize:o.func,onColumnReorder:o.func,dataItemKey:o.string,navigatable:o.oneOfType([o.bool,o.shape({mode:o.oneOf(["incell","inline","popup"])})]),size:o.oneOf(["small","medium"])};Ge.displayName="KendoReactGrid";Ge.propTypes=kn;exports.Grid=Ge;