UNPKG

@progress/kendo-react-grid

Version:

React Data Grid (Table) provides 100+ ready-to-use data grid features. KendoReact Grid package

www.telerik.com/kendo-react-ui

telerik/kendo-react

15 lines • 246 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/** * @license *------------------------------------------------------------------------------------------- * Copyright © 2026 Progress Software Corporation. All rights reserved. * Licensed under commercial license. See LICENSE.md in the package root for more information *------------------------------------------------------------------------------------------- */ /** * @license *------------------------------------------------------------------------------------------- * Copyright © 2026 Progress Software Corporation. All rights reserved. * Licensed under commercial license. See LICENSE.md in the package root for more information *------------------------------------------------------------------------------------------- */ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-data-query"),require("@progress/kendo-react-data-tools"),require("@progress/kendo-react-common"),require("@progress/kendo-react-intl"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-inputs"),require("@progress/kendo-react-dateinputs"),require("@progress/kendo-react-popup"),require("@progress/kendo-react-layout"),require("@progress/kendo-react-buttons"),require("react-dom"),require("@progress/kendo-react-dropdowns"),require("@progress/kendo-csv"),require("@progress/kendo-file-saver"),require("@progress/kendo-react-indicators"),require("@progress/kendo-react-labels"),require("@progress/kendo-react-dialogs"),require("@progress/kendo-react-form"),require("@progress/kendo-react-animation"),require("@progress/kendo-react-conversational-ui"),require("axios")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-data-query","@progress/kendo-react-data-tools","@progress/kendo-react-common","@progress/kendo-react-intl","@progress/kendo-svg-icons","@progress/kendo-react-inputs","@progress/kendo-react-dateinputs","@progress/kendo-react-popup","@progress/kendo-react-layout","@progress/kendo-react-buttons","react-dom","@progress/kendo-react-dropdowns","@progress/kendo-csv","@progress/kendo-file-saver","@progress/kendo-react-indicators","@progress/kendo-react-labels","@progress/kendo-react-dialogs","@progress/kendo-react-form","@progress/kendo-react-animation","@progress/kendo-react-conversational-ui","axios"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactGrid={},e.React,e.PropTypes,e.KendoDataQuery,e.KendoReactDataTools,e.KendoReactCommon,e.KendoReactIntl,e.KendoSvgIcons,e.KendoReactInputs,e.KendoReactDateinputs,e.KendoReactPopup,e.KendoReactLayout,e.KendoReactButtons,e.ReactDOM,e.KendoReactDropdowns,e.KendoCsv,e.KendoFileSaver,e.KendoReactIndicators,e.KendoReactLabels,e.KendoReactDialogs,e.KendoReactForm,e.KendoReactAnimation,e.KendoReactConversationalUi,e.axios)}(this,function(e,t,n,l,r,a,o,i,s,c,d,u,m,p,g,h,f,v,C,E,b,k,x,y){"use strict";function S(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var I=S(t);const w=e=>null;w.displayName="KendoReactGridColumn";const R={filterable:!0,editable:!0,sortable:!0,resizable:!0,reorderable:!0,groupable:!0};w.propTypes={field:n.string,title:n.string,editable:n.bool,sortable:n.oneOfType([n.bool,n.shape({allowUnsort:n.bool.isRequired})]),cell:n.any,filterCell:n.any,filterTitle:n.string,filterable:n.bool,filter:n.oneOf(["text","numeric","boolean","date"]),editor:n.oneOf(["text","numeric","boolean","date"]),width:n.oneOfType([n.string,n.number]),minResizableWidth:n.number,minWidth:n.number,maxWidth:n.number,headerCell:n.any,footerCell:n.any,headerSelectionValue:n.bool,format:n.string,headerClassName:n.string,className:n.string,reorderable:n.bool,resizable:n.bool,orderIndex:n.number,groupable:n.bool,columnMenu:n.any,menuIcon:n.any,locked:n.bool,hidden:n.bool,media:n.string};const N=()=>t.createElement(t.Fragment,null),P=N;var M=(e=>(e.head="head",e.body="body",e))(M||{}),T=(e=>(e.create="create",e.edit="edit",e.delete="delete",e.select="select",e.copySelection="copySelection",e.copySelectionNoHeaders="copySelectionNoHeaders",e.paste="paste",e.reorderRow="reorderRow",e.exportPDF="exportPDF",e.exportExcel="exportExcel",e.separator="separator",e.sortAsc="sortAsc",e.sortDesc="sortDesc",e))(T||{});function D(e,t){const n=(null!=e?e:"").split(".");let l=t;return n.forEach(e=>{l=l?l[e]:void 0}),l}function L(e,t,n,a,o,i,s,c,d,u=0,m){var p;let g=u;for(let h=0;h<t.length;h++){let f;if(!o||void 0===t[h].value||void 0===t[h].items){e[e.length]={dataIndex:a.index,dataItem:t[h],rowType:"data",level:u,group:m,expanded:null!=(p=!!d&&!(null==i||!i[l.getter(d)(t[h])]))&&p},a.index++;continue}{let e;e=null!=m&&m.parents?[{field:m.field,value:m.value},...m.parents]:m?[m]:[],f={field:t[h].field,value:t[h].value,parents:e}}g=Math.max(g,u+1);let v=!1;const C=r.findGroupExpand(s||[],f);v=C?!1!==C.expanded:!1!==c,e[e.length]={dataIndex:-1,dataItem:t[h],level:u,group:f,rowType:"groupHeader",expanded:v},v&&(f.expanded=v,g=Math.max(L(e,t[h].items,n,a,o,i,s,c,d,u+1,f),g)),("always"===n||v&&"visible"===n)&&(e[e.length]={dataIndex:-1,dataItem:t[h],rowType:"groupFooter",level:u,expanded:v})}return g}function A(e,t,n,l=0,o=!1){const i=[];if(!e)return[];e&&void 0===e.length&&(e=[e]),e.forEach((e,s)=>{const c=(e=e.props?e.props:e).id?e.id:r.tableKeyboardNavigationTools.generateNavigatableId(""+n.prevId++,n.idPrefix,"column"),d=!!(a.canUseDOM&&e.media&&window.matchMedia)&&!window.matchMedia(e.media).matches,u=o||d||e.hidden,m=null==t?void 0:t.find(e=>e.id===c),p=A(e.children,(null==m?void 0:m.children)||[],n,l+1,u);i.push(Object.assign({depth:l},R,p.length?{cell:()=>null,filterCell:()=>null}:{},e,{id:c,declarationIndex:i.length,children:p,headerColSpan:0,rowSpan:0,columnType:e.columnType||"data",colSpan:e.colSpan||1,isAccessible:!0,hidden:u,left:null,right:null,rowSpannable:e.rowSpannable},m?{width:m.width,orderIndex:m.orderIndex}:{}))});if(i.sort((e,t)=>e.orderIndex===t.orderIndex?e.declarationIndex-t.declarationIndex:(e.orderIndex||0)-(t.orderIndex||0)),0===l){const e=[],t=(n,l)=>n.forEach(n=>{n.parentIndex=l,t(n.children,e.push(n)-1)});return t(i,-1),e}return i}const G=e=>Array.isArray(e)?e:e?e.data:[];const F=e=>{let t=e.width;return"number"==typeof(null==e?void 0:e.width)&&null!=e&&e.minResizableWidth&&(null==e?void 0:e.width)<(null==e?void 0:e.minResizableWidth)&&(t=null==e?void 0:e.minResizableWidth),"number"==typeof(null==e?void 0:e.width)&&null!=e&&e.minWidth&&(null==e?void 0:e.width)<(null==e?void 0:e.minWidth)?t=null==e?void 0:e.minWidth:"number"==typeof(null==e?void 0:e.width)&&null!=e&&e.maxWidth&&(null==e?void 0:e.width)>(null==e?void 0:e.maxWidth)&&(t=null==e?void 0:e.maxWidth),void 0!==t?Math.floor(parseFloat(t.toString()))+"px":void 0},H=(e,t)=>t&&t.filter(t=>t.field===e).length>0,B=e=>(e.sort((e,t)=>e.declarationIndex-t.declarationIndex),e.map(e=>{const{declarationIndex:t,parentIndex:n,depth:l,headerColSpan:r,rowSpan:a,index:o,kFirst:i,children:s,...c}=e;return s.length?{children:B(s),...c}:c})),z=e=>{const{cells:t,rowSpannable:n,defaultCell:l,...r}=e;return e.children.length?{...r,children:e.children.map(z)}:r},O=e=>({id:e.id,field:e.field,title:e.title,width:e.width,orderIndex:e.orderIndex,hidden:!1,minWidth:e.minWidth,maxWidth:e.maxWidth,children:e.children?K(e.children):null}),K=e=>e.map(O),V=e=>{const t=[],n=e=>null==e?void 0:e.forEach(e=>{t.push(e),n(e.children)});return n(e),t},W="undefined"!=typeof window&&/Firefox/.test(window.navigator.userAgent),q=(e,t)=>{if(e||t)return t?e?{...e,...t,select:{...e.select||{},...t.select||{}},hierarchy:{...e.hierarchy||{},...t.hierarchy||{}},group:{...e.group||{},...t.group||{}},edit:{...e.edit||{},...t.edit||{}}}:t:e},_=e=>{var t;return"object"==typeof e?null==(t=e.enabled)||t:null!=e&&e},U=e=>!(!e||e.$$typeof!==Symbol.for("react.client.reference")),j=e=>({id:e.id,ariaColumnIndex:e.ariaColumnIndex,isSelected:e.isSelected,isHighlighted:e.isHighlighted,isInEdit:e.isInEdit,isSorted:e.isSorted,isAlt:e.isAlt,expanded:e.expanded,className:e.className,style:e.style,field:e.field,dataItem:e.dataItem,format:e.format,colSpan:e.colSpan,dataIndex:e.dataIndex,columnIndex:e.columnIndex,columnsCount:e.columnsCount,rowType:e.rowType,level:e.level,editor:e.editor,locked:e.locked,isRtl:e.isRtl,rowDataIndex:e.rowDataIndex,columnPosition:e.columnPosition,group:e.group}),$=e=>{var t,n;const r="object"==typeof e?null==(t=e.enabled)||t:null!=e&&e,a="object"==typeof e&&null!=(n=e.valueGetter)?n:(e,t)=>l.getter(t)(e);return{enabled:r,valueGetter:a}},X=(e,t)=>{const n=(e=>{var t;return I.isValidElement(e)?e:null==(t=I.Children.toArray(e))?void 0:t[0]})(e);return n?I.cloneElement(n,t):null},Y=t.createContext([{},()=>{},{}]),J=()=>t.useContext(Y),Q=e=>{var n,l,r,a,o,i,s,c,d,u,m,p,g,h,f,v,C,E,b,k,x,y,S;const{children:I,onEditChange:w,onFilterChange:R,onSortChange:N,onSearchChange:P,onPageChange:M,onGroupChange:T,onDataStateChange:D,onSelectionChange:L,onDetailExpandChange:A,onGroupExpandChange:G,onHeaderSelectionChange:F,onColumnsStateChange:H}=e,[B,z]=t.useState({edit:null!=(n=e.defaultEdit)?n:e.edit,filter:null!=(l=e.defaultFilter)?l:e.filter,highlight:e.highlight,select:null!=(r=e.defaultSelect)?r:e.select,search:null!=(a=e.defaultSearch)?a:e.search,sort:null!=(o=e.defaultSort)?o:e.sort,take:null!=(i=e.defaultTake)?i:e.take,skip:null!=(s=e.defaultSkip)?s:e.skip,group:null!=(c=e.defaultGroup)?c:e.group,detailExpand:null!=(d=e.defaultDetailExpand)?d:e.detailExpand,groupExpand:null!=(u=e.defaultGroupExpand)?u:e.groupExpand,columnsState:null!=(m=e.defaultColumnsState)?m:e.columnsState}),O={edit:null!=(p=e.edit)?p:B.edit,filter:null!=(g=e.filter)?g:B.filter,highlight:null!=(h=e.highlight)?h:B.highlight,search:null!=(f=e.search)?f:B.search,sort:null!=(v=e.sort)?v:B.sort,take:null!=(C=e.take)?C:B.take,skip:null!=(E=e.skip)?E:B.skip,group:null!=(b=e.group)?b:B.group,select:null!=(k=e.select)?k:B.select,detailExpand:null!=(x=e.detailExpand)?x:B.detailExpand,groupExpand:null!=(y=e.groupExpand)?y:B.groupExpand,columnsState:null!=(S=e.columnsState)?S:B.columnsState};return t.createElement(Y.Provider,{value:[O,e=>{},{onEditChange:e=>{z(t=>({...t,edit:e.edit})),null==w||w(e)},onFilterChange:R&&(e=>{z(t=>({...t,filter:e.filter})),null==R||R(e)}),onSearchChange:e=>{z(t=>({...t,search:e.search,skip:0})),null==P||P(e)},onHighlightChange:t=>{z(e=>({...e,highlight:t.highlight})),e.onHighlightChange&&e.onHighlightChange(t)},onSortChange:N&&(e=>{z(t=>({...t,sort:e.sort})),null==N||N(e)}),onPageChange:M&&(e=>{z(t=>({...t,...e.page})),null==M||M(e)}),onGroupChange:T&&(e=>{z(t=>({...t,group:e.group})),null==T||T(e)}),onDataStateChange:e=>{z(t=>({...t,...e.dataState})),null==D||D(e)},onSelectionChange:e=>{z(t=>({...t,select:e.select})),null==L||L(e)},onHeaderSelectionChange:e=>{z(t=>({...t,select:e.select})),null==F||F(e)},onDetailExpandChange:e=>{z(t=>({...t,detailExpand:e.detailExpand})),null==A||A(e)},onGroupExpandChange:e=>{z(t=>({...t,groupExpand:e.groupExpand})),null==G||G(e)},onColumnsStateChange:e=>{z(t=>({...t,columnsState:e.columnsState})),null==H||H(e)}}]},I)},Z=e=>{const t=a.useId(),n=e.id||t,l=a.useUnstyled(),r=o.useLocalization(),i=o.useInternationalization(),[,s]=I.useReducer(e=>!e,!0),c=I.useRef(0),d=I.useRef(0),u=I.useRef(0),m=I.useRef(0),p=I.useRef(0),[g,,h]=J();return X(e.children,{...g,...h,id:n,unstyled:l,localization:r,intl:i,scrollLeftRef:c,widthRef:d,containerHeightRef:u,minRowHeightRef:m,virtualSkipRef:p,forceUpdate:s,isClient:!0})},ee=I.createContext(void 0),te="grid.noRecords",ne="grid.pagerInfo",le="grid.pagerFirstPage",re="grid.pagerPreviousPage",ae="grid.pagerNextPage",oe="grid.pagerLastPage",ie="grid.pagerItemsPerPage",se="grid.pagerPage",ce="grid.pagerPageSizeAriaLabel",de="grid.pagerOf",ue="grid.pagerTotalPages",me="grid.groupPanelEmpty",pe="grid.groupColumn",ge="grid.ungroupColumn",he="grid.columnMenu",fe="grid.filterApplyButton",ve="grid.filterClearButton",Ce="grid.filterClearAllButton",Ee="grid.filterResetButton",be="grid.filterSubmitButton",ke="grid.filterTitle",xe="grid.sortAscending",ye="grid.sortDescending",Se="grid.sortClearButton",Ie="grid.sortApplyButton",we="grid.searchPlaceholder",Re="grid.searchboxPlaceholder",Ne="grid.exportPDF",Pe="grid.exportCSV",Me="grid.filterCheckAll",Te="grid.filterChooseOperator",De="grid.filterSelectAll",Le="grid.filterSelectedItems",Ae="grid.sortAriaLabel",Ge="grid.editDialogTitle",Fe="grid.editDialogSaveButtonTitle",He="grid.editDialogCancelButtonTitle",Be="grid.filterAriaLabel",ze="grid.groupPanelAriaLabel",Oe="grid.groupExpand",Ke="grid.groupCollapse",Ve="grid.groupClearButton",We="grid.groupApplyButton",qe="grid.detailExpand",_e="grid.detailCollapse",Ue="grid.selectRow",je="grid.gridAriaLabel",$e="grid.gridRowReorderAriaLabel",Xe="grid.gridAdaptiveColumnMenuFilterTitle",Ye="grid.columnMenuColumnChooserTitle",Je="grid.columnMenuColumnChooserSelectedItems",Qe="grid.adaptiveColumnMenuChooserTitle",Ze="grid.adaptiveColumnMenuChooserSubTitle",et="grid.columnChooserApplyButton",tt="grid.columnChooserResetButton",nt="grid.adaptiveColumnMenuCheckboxFilterTitle",lt="grid.adaptiveToolbarSortTitle",rt="grid.adaptiveToolbarGroupTitle",at="grid.toolbarSort",ot="grid.toolbarAI",it="grid.aIResponseData",st="grid.generatedWithAI",ct="grid.toolbarAIApply",dt="grid.toolbarGroup",ut="grid.toolbarFilter",mt="grid.toolbarColumnsChooser",pt="grid.toolbarCheckboxFilter",gt="grid.smartBoxSearchPlaceholder",ht="grid.smartBoxSemanticSearchPlaceholder",ft="grid.smartBoxAIAssistantPlaceholder",vt="grid.smartBoxSuggestedPrompts",Ct="grid.smartBoxPreviouslySearched",Et="grid.smartBoxPreviouslyAsked",bt="grid.smartBoxNoPreviousSearches",kt="grid.smartBoxNoPreviousPrompts",xt="grid.smartBoxClearTitle",yt="grid.smartBoxSubmitPromptButton",St="grid.smartBoxSpeechToTextButton",It="grid.smartBoxSearchModeText",wt="grid.smartBoxSearchModeDescription",Rt="grid.smartBoxSemanticSearchModeText",Nt="grid.smartBoxSemanticSearchModeDescription",Pt={[qe]:"Expand detail row",[_e]:"Collapse detail row",[Oe]:"Expand group",[Ke]:"Collapse Group",[Ve]:"Clear grouping",[We]:"Done",[te]:"No records available",[me]:"Drag a column header and drop it here to group by that column",[fe]:"Apply",[ve]:"Clear",[Ce]:"Clear all filters",[Ee]:"Reset",[be]:"Filter",[ke]:"Filter",[xe]:"Sort Ascending",[ye]:"Sort Descending",[Se]:"Clear sorting",[Ie]:"Done",[Ae]:"Sortable",[lt]:"Sort by",[rt]:"Group by",[at]:"Sort",[ot]:"AI Assistant",[ct]:"Apply",[it]:"Operation is successful. Data is: \n",[st]:"Generated with AI",[dt]:"Group",[ut]:"Filter",[mt]:"Columns",[pt]:"Filter",[pe]:"Group Column",[ge]:"Ungroup Column",[he]:"Column menu",[ie]:"items per page",[ne]:"{0} - {1} of {2} items",[le]:"Go to the first page",[re]:"Go to the previous page",[ae]:"Go to the next page",[oe]:"Go to the last page",[se]:"Page",[ce]:"Page size",[de]:"of",[ue]:"{0}",[we]:"Search",[Re]:"Search...",[Ne]:"Export PDF",[Pe]:"Export CSV",[Me]:"Check All",[Ge]:"Edit Dialog",[Fe]:"Save",[He]:"Cancel",[Te]:"Choose Operator",[Le]:"selected items",[De]:"Select All",[Be]:"Filter",[ze]:"Group panel",[je]:"Table",[$e]:"Drag row",[Ue]:"Select Row",[Ye]:"Columns Chooser",[Xe]:"Filter by",[Qe]:"Columns Chooser",[Ze]:"Selected fields are visible",[nt]:"Filter by",[Je]:"Selected items",[et]:"Apply",[tt]:"Reset",[gt]:"Search",[ht]:"Semantic Search",[ft]:"Sort, filter, or group with AI",[vt]:"Suggested prompts",[Ct]:"Previously searched",[Et]:"Previously asked",[bt]:"No previous searches",[kt]:"No previous prompts",[xt]:"Clear",[yt]:"Submit prompt",[St]:"Speech to text",[It]:"Search",[wt]:"Looks for exact word matches across your data.",[Rt]:"Semantic Search",[Nt]:"Understands context to surface the most relevant results.","grid.filterEqOperator":"Is equal to","grid.filterNotEqOperator":"Is not equal to","grid.filterIsNullOperator":"Is null","grid.filterIsNotNullOperator":"Is not null","grid.filterIsEmptyOperator":"Is empty","grid.filterIsNotEmptyOperator":"Is not empty","grid.filterStartsWithOperator":"Starts with","grid.filterContainsOperator":"Contains","grid.filterNotContainsOperator":"Does not contain","grid.filterEndsWithOperator":"Ends with","grid.filterGteOperator":"Is greater than or equal to","grid.filterGtOperator":"Is greater than","grid.filterLteOperator":"Is less than or equal to","grid.filterLtOperator":"Is less than","grid.filterIsTrue":"Is true","grid.filterIsFalse":"Is false","grid.filterBooleanAll":"(All)","grid.filterAfterOrEqualOperator":"Is after or equal to","grid.filterAfterOperator":"Is after","grid.filterBeforeOperator":"Is before","grid.filterBeforeOrEqualOperator":"Is before or equal to","grid.filterAndLogic":"And","grid.filterOrLogic":"Or"},Mt=e=>{const t=I.useContext(ee),n=o.useLocalization(),l=e.expanded,s=l?_e:qe,c=n.toLanguageString(s,Pt[s]);return I.createElement("a",{onClick:n=>{n.preventDefault(),null!=t&&t.itemChange&&t.itemChange({dataItem:e.dataItem,dataIndex:e.dataIndex,syntheticEvent:n,field:e.field,value:!l,_expand:!0}),void 0!==e.dataItem[t.dataItemKey]&&(null==t||t.dispatchDetailExpand({type:r.DETAIL_EXPAND_ACTION.TOGGLE,id:e.dataItem[t.dataItemKey]}))},"aria-label":c,href:"#",tabIndex:-1},I.createElement(a.IconWrap,{name:l?"minus":"plus",icon:l?i.minusIcon:i.plusIcon}))},Tt=e=>{let t=null,n=null;const l=j(e);return"groupFooter"===e.rowType?t={className:"k-table-td k-hierarchy-cell",role:"gridcell"}:"groupHeader"!==e.rowType&&(t={className:"k-table-td k-hierarchy-cell",role:"gridcell","aria-expanded":!!e.expanded,"aria-colindex":e.ariaColumnIndex},n=I.createElement(Mt,{...l})),{tdProps:t,content:n}},Dt=e=>{var t,n;return null==(n=null==(t=e.cells)?void 0:t.hierarchy)?void 0:n[e.rowType||"data"]},Lt=e=>{const t=I.useContext(ee),n=r.useTableKeyboardNavigation(e.id),l=I.useCallback(n=>{n.isDefaultPrevented()||n.keyCode===a.Keys.enter&&null!=t&&t.dispatchDetailExpand&&(n.preventDefault(),t.dispatchDetailExpand({type:r.DETAIL_EXPAND_ACTION.TOGGLE,id:a.getter(t.dataItemKey)(e.dataItem)}))},[e.dataItem,t]);return{...n,..."groupHeader"!==e.rowType&&"groupFooter"!==e.rowType?{onKeyDown:l}:{}}},At=e=>{const t=I.useContext(ee);return{onContextMenu:t.onContextMenu,onChange:t.itemChange,selectionChange:n=>{t.selectionChange({event:n,dataItem:e.dataItem,dataIndex:e.rowDataIndex,columnIndex:e.columnIndex})}}},Gt=(e,t)=>{const n=I.useContext(ee);return I.useCallback(l=>{null!=n&&n.onContextMenu&&n.onContextMenu.call(void 0,l,e,t)},[n,e,t])},Ft=e=>{const t=I.useContext(ee).getCellPositionStyle(e.columnPosition)||{};return{...e.style,...t}},Ht=e=>{const{cellProps:t}=e,{tdProps:n,content:l}=Tt(t),r=Lt(t),a=At(t),o=Dt(t);return o?I.createElement(o,{...t,...a,tdProps:{...n,...r}},l):"groupHeader"!==t.rowType?I.createElement("td",{...n,...r},l):null},Bt=e=>{const{cellProps:t}=e,n=I.useContext(ee),l=a.useId(),o=a.getNestedValue(t.field,t.dataItem);let i=null;const d=I.useCallback(e=>{null!=n&&n.itemChange&&n.itemChange({dataItem:t.dataItem,dataIndex:t.dataIndex,field:t.field,syntheticEvent:e.syntheticEvent,value:e.value})},[n,t.dataItem,t.dataIndex,t.field]);switch(t.editor){case"numeric":i=I.createElement(s.NumericTextBox,{className:e.className,value:void 0===o?null:o,onChange:d,[r.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;case"date":i=I.createElement(c.DatePicker,{className:e.className,value:o,onChange:d,[r.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;case"boolean":i=I.createElement(s.Checkbox,{className:e.className,checked:o||!1,id:l,onChange:d,[r.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;default:i=I.createElement(s.TextBox,{className:e.className,value:o||"",onChange:d,[r.TABLE_PREVENT_SELECTION_ELEMENT]:!0})}return i},zt=r.TABLE_ROW_INDEX_ATTRIBUTE,Ot=r.TABLE_COL_INDEX_ATTRIBUTE,Kt=r.TABLE_PREVENT_SELECTION_ELEMENT,Vt=e=>{let t=null;const n=e.unstyled,l=n&&n.uGrid?n.uGrid:a.uGrid,r=a.classNames(l.editTd({selected:e.isSelected}),e.className);return t={colSpan:e.colSpan,style:e.style,className:r,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[Ot]:e.columnIndex,role:"gridcell"},{tdProps:t}},Wt=e=>{var t,n,l;return(null==(n=null==(t=e.cells)?void 0:t.edit)?void 0:n[e.editor||"text"])||(null==(l=e.cells)?void 0:l.data)},qt=e=>({...r.useTableKeyboardNavigation(e.id),onContextMenu:Gt(e.dataItem,e.field),style:Ft(e)}),_t=e=>{const{cellProps:t}=e,{tdProps:n}=Vt(t),l=qt(t),r=At(t),a=I.createElement(Bt,{cellProps:t}),o=Wt(t);return o?I.createElement(o,{...t,...r,tdProps:{...n,...l}},a):n?I.createElement("td",{...n,...l},a):null},Ut=e=>{const t=I.useRef(null),n=I.useRef(null),l=I.useRef(!1),o=I.useContext(ee),i=a.useRtl(o.headerElementRef);o.columnResizeRef.current&&o.columnResizeRef.current.setIsRtl("rtl"===i),I.useImperativeHandle(o.headerRef,()=>({setScrollLeft:e=>{t.current&&t.current.scrollLeft!==e&&(l.current=!0,t.current.scrollLeft=e)},setWidth:e=>{n.current&&(n.current.style.width=e?e+"px":"")},table:()=>n.current}));const s=a.useUnstyled(),c=s&&s.uGrid?s.uGrid:a.uGrid,{size:d}=e;return e.staticHeaders?I.createElement("div",{ref:o.headerElementRef,className:a.classNames(c.header({draggable:e.draggable}),e.className),role:"presentation"},I.createElement("div",{ref:t,className:a.classNames(c.headerWrap({})),onScroll:e=>{var n;if(l.current)return void(l.current=!1);if(!t.current)return;const r=t.current.scrollLeft,a=(null==(n=o.vsRef.current)?void 0:n.container)||null;a&&a.scrollLeft!==r&&(a.scrollLeft=r)},role:"presentation"},I.createElement("table",{ref:n,className:a.classNames(c.headerTable({size:d}),e.className),role:"presentation"},I.createElement("colgroup",{ref:e=>{o.columnResizeRef.current&&(o.columnResizeRef.current.colGroupHeader=e)}},e.cols),I.createElement("thead",{className:a.classNames(c.tableThead({})),role:"rowgroup",...r.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)))):I.createElement("thead",{role:"presentation",className:a.classNames(c.thead({draggable:e.draggable}),e.className),...r.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)};Ut.displayName="KendoReactHeader";const jt=t.createContext(void 0),$t=e=>{const n=t.useRef(null),l=t.useRef(null),r=t.useRef(null),a=t.useMemo(()=>({actionSheetRef:n,firstViewRef:l,secondViewRef:r}),[]);return t.createElement(jt.Provider,{value:a},e.children)},Xt=e=>{const n=t.useContext(ee),{actionSheetRef:l,firstViewRef:r,secondViewRef:s}=t.useContext(jt),c=a.useAdaptiveModeContext(),d=o.useLocalization(),p={animation:!0,navigatable:!1,navigatableElements:[],expand:e.computedShow,animationStyles:c&&n.adaptiveColumnMenuRef<=c.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:c&&n.adaptiveColumnMenuRef<=c.small?"fullscreen":void 0};return t.createElement(u.ActionSheet,{...p,ref:l,style:{"--kendo-actionsheet-view-current":1},onClose:()=>{e.closeMenu()}},t.createElement(u.ActionSheetView,{className:"k-actionsheet-view-animated",ref:r,style:{transitionDuration:"500ms",transitionProperty:"transform"}},t.createElement(u.ActionSheetHeader,null,t.createElement("div",{className:"k-actionsheet-titlebar-group"},t.createElement("div",{className:"k-actionsheet-title"},t.createElement("div",{className:"k-text-center"},n.adaptiveTitle||d.toLanguageString(he,Pt[he]))),t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{svgIcon:i.xIcon,onClick:e.closeMenu,fillMode:"flat"})))),t.createElement(u.ActionSheetContent,null,t.createElement("div",{className:"k-column-menu k-column-menu-lg"},e.children))),t.createElement(u.ActionSheetView,{className:"k-actionsheet-view-animated",ref:s,style:{transitionDuration:"500ms",transitionProperty:"transform"}}))},Yt=[".k-columnmenu-item-content",".k-filter-menu-container"].map(e=>a.TABBABLE_ELEMENTS.map(t=>`${e} ${t}`)),Jt=[[".k-tabstrip-items"],[".k-columnmenu-item"],...Yt],Qt=e=>{var t;const n=I.useContext(ee),[l,r]=I.useState(!1),s=I.useRef(null),c=I.useRef(null),u=I.useRef(null),m=I.useRef(0),g=a.useDocument(s),{columnMenu:h,...f}=e,{column:v,columnMenuIcon:C,navigatable:E}=e,b=o.useLocalization(),k=v.title||v.field,x=k?`${k} `:"",y=()=>{e.onCloseMenu&&e.onCloseMenu(),r(!1),!e.navigatable&&s.current&&s.current.focus()},S=I.useMemo(()=>void 0!==e.show?e.show:l,[e.show,l]),w=(e,t,n)=>{n.preventDefault(),n.shiftKey?t.focusPrevious(e):t.focusNext(e)},R=(e,t,n)=>{e&&(n.preventDefault(),e.click())},N=(e,t,n)=>{n.preventDefault(),y()},P=(e,t,n)=>{t.focusElement(e)},M=I.useCallback((e,t)=>{const n=[];if(!t||"object"!=typeof t)return!1;if(Array.isArray(t.filters))for(const n of t.filters)if(M(e,n))return!0;return"field"in t&&"string"==typeof t.field&&n.push(t.field),n.includes(e)},[]),T=I.useCallback((e,t)=>!(!t||!Array.isArray(t))&&t.some(t=>t.field===e),[]),D=I.useMemo(()=>v.field&&(M(v.field,n.filter)||T(v.field,n.group)),[v.field,n.filter,n.group,M,T]);return I.useEffect(()=>(S&&c.current&&(u.current=new a.Navigation({tabIndex:0,root:c,selectors:Jt,keyboardEvents:{keydown:{Tab:w,Enter:R,Escape:N}},mouseEvents:{mousedown:P}}),u.current.focusElement(u.current.first,null)),()=>{u.current&&(u.current=null)}),[S]),I.createElement(I.Fragment,null,I.createElement("a",{className:a.classNames("k-grid-header-menu k-grid-column-menu",{"k-active":D}),ref:s,onClick:t=>{t.preventDefault(),l&&e.onCloseMenu&&e.onCloseMenu(),r(!l)},onKeyDown:e=>{var t;if("Tab"===e.key){const n=e.target,l=n&&(null==(t=n.closest(".k-grid"))?void 0:t.getElementsByClassName("k-grid-content")[0]);l&&l.scrollWidth>l.clientWidth&&n.scrollIntoView({inline:"center"})}},href:"#",tabIndex:E?-1:void 0,"aria-label":`${E?"":x}${b.toLanguageString(he,Pt[he])}`},C?I.createElement(a.IconWrap,{name:C.name,icon:C}):I.createElement(a.IconWrap,{name:"more-vertical",icon:i.moreVerticalIcon})),I.createElement($t,null,n.mobileMode?I.createElement(I.Fragment,null,p.createPortal(I.createElement(Xt,{computedShow:S,ColumnMenu:h,closeMenu:y},h&&I.createElement(h,{...f,onCloseMenu:y})),null==(t=g())?void 0:t.body)):I.createElement(d.Popup,{anchor:s.current,show:S,popupClass:"k-grid-columnmenu-popup",onMouseDownOutside:e=>{!e.isAnchorClicked&&r(!1)}},I.createElement("div",{ref:c,onBlur:e=>{const t=a.getActiveElement(document);clearTimeout(m.current),m.current=window.setTimeout(()=>{!n.mobileMode&&t&&e.relatedTarget!==s.current&&c.current&&!c.current.contains(t)&&y()})},onFocus:()=>{clearTimeout(m.current)},onMouseDown:e=>{var t;null==(t=u.current)||t.triggerMouseEvent(e)},onKeyDown:e=>{var t;null==(t=u.current)||t.triggerKeyboardEvent(e)},className:"k-column-menu k-column-menu-md"},h&&I.createElement(h,{...f,onCloseMenu:y})))))},Zt=e=>{const t=a.useUnstyled(),n=t&&t.uGrid?t.uGrid:a.uGrid,l=e.onClick?{onClick:e.onClick}:{};return I.createElement("span",{className:a.classNames(n.headerCellInner({}))},I.createElement("span",{className:a.classNames(n.headerCellLink({sortable:e.columnMenuWrapperProps.sortable})),...l},I.createElement("span",{className:a.classNames(n.columnTitle({}))},e.title||e.field||" "),e.children),e.columnMenuWrapperProps.columnMenu&&I.createElement(Qt,{...e.columnMenuWrapperProps}))},en=I.createContext(void 0),tn=e=>{const t=I.useContext(ee),n=I.useRef(null),[l,r]=I.useState(),o=(n,l)=>{e.sortable&&l.sortable&&(n.preventDefault(),t.sortChange&&t.headerCellClick(n,l))};return I.createElement(en.Provider,{value:{cellClick:o,cellKeyDown:(l,i)=>{if(l.isDefaultPrevented())return;const{keyCode:s,metaKey:c,ctrlKey:d,altKey:u}=l,m=e.sortable&&i.sortable,p=l.target;if(m&&l.keyCode===a.Keys.enter&&-1!==p.className.indexOf("k-table-th")&&o(l,i),e.navigatable){if(e.groupable&&(c&&s===a.Keys.enter||d&&s===a.Keys.space)){l.preventDefault();const n=e.columns.findIndex(e=>e.field===i.field);t.columnGroupChange&&t.columnGroupChange(n,l)}u&&s===a.Keys.down&&(l.preventDefault(),r(i.field),n.current=p)}},handleCloseMenu:()=>{r(void 0),n.current&&"-1"!==n.current.getAttribute("tabindex")&&n.current.focus()},showColumnMenuField:l}},e.children)},nn=e=>{const t=I.useContext(ee),n=I.useContext(en),l=t.isClient||e.isClient,r={style:{...t.getCellPositionStyle(e.column)}},a={onKeyDown:t=>{n.cellKeyDown(t,e.column)},onContextMenu:n=>{t.onContextMenu(n,void 0,e.column.field)}};let o={onClick:t=>{n.cellClick(t,e.column)}};return l&&(o={...o,selectionChange:t.onHeaderSelectionChange,columnMenuWrapperProps:{...e.columnMenuWrapperProps,onSortChange:t.sortChange,onFilterChange:t.filterChange,onGroupChange:t.groupChange,onColumnsStateChange:t.onColumnsStateChange,show:n.showColumnMenuField===e.column.field||void 0,onCloseMenu:n.handleCloseMenu,columnsState:t.columnsState}}),e.isCustom&&(o=l?{...o,thProps:{...e.thProps,...a,...r}}:{...o,...a,...r}),X(e.children,{...o})},ln=e=>{const t=I.useRef(null),n=a.useUnstyled(),l=n&&n.uGrid?n.uGrid:a.uGrid;return I.createElement(a.Draggable,{onPress:n=>{const l=t.current&&t.current.element;l&&e.pressHandler&&e.pressHandler(n.event,l)},onDrag:n=>{const l=t.current&&t.current.element;l&&e.dragHandler&&e.dragHandler(n.event,l)},onRelease:n=>{t.current&&t.current.element&&e.releaseHandler&&e.releaseHandler(n.event)},hint:e.dragClue,autoScroll:{boundaryElementRef:e.headerRef,direction:{horizontal:!0,vertical:!1}},scrollContainer:e.containerRef||void 0,ref:t},I.createElement("tr",{className:a.classNames(l.simpleTr({})),style:{touchAction:"none"},role:"row","aria-rowindex":e.ariaRowIndex},e.children))},rn=e=>{const t=I.useContext(ee);return t.dragLogicRef.current.pressHandler&&I.createElement(ln,{ariaRowIndex:e.ariaRowIndex,pressHandler:t.dragLogicRef.current.pressHandler,dragHandler:t.dragLogicRef.current.dragHandler,releaseHandler:t.dragLogicRef.current.releaseHandler,dragClue:t.dragLogicRef.current.dragClue,headerRef:t.headerElementRef,containerRef:t.containerElementRef},e.children)||I.createElement("tr",{className:e.className,role:"row","aria-rowindex":e.ariaRowIndex},e.children)},an=e=>{const t=I.useContext(ee),n=I.useContext(en),l={style:{...t.getCellPositionStyle(e.column)}};return X(e.children,{onKeyDown:t=>{n.cellKeyDown(t,e.column)},onContextMenu:n=>{t.onContextMenu(n,void 0,e.column.field)},...l})},on=e=>{const{column:t}=e,n=I.useContext(ee);return n.columnResizeRef.current&&n.columnResizeRef.current.resizable&&t.resizable&&I.createElement(r.ColumnResizer,{key:2,resize:(e,l,r)=>n.columnResizeRef.current&&n.columnResizeRef.current.dragHandler(e,t,l,r),autofit:e=>n.columnResizeRef.current&&n.columnResizeRef.current.dblClickHandler(e,[t.id])})||I.createElement(I.Fragment,null)},sn={none:"none",asc:"ascending",desc:"descending"},cn=e=>{const t=e.columnsState||[],n=e.unstyled,l=n&&n.uGrid?n.uGrid:a.uGrid;let o=0,s=-1;const c=t=>{if(!e.sort)return null;const n=a.classNames(l.sortIcon({}));return t>=0&&[I.createElement("span",{key:1,className:n},I.createElement(a.IconWrap,{name:"sort-"+e.sort[t].dir+"-small",icon:"asc"===e.sort[t].dir?i.sortAscSmallIcon:i.sortDescSmallIcon})),e.sort.length>1&&I.createElement("span",{key:2,className:n},I.createElement("span",{className:a.classNames(l.sortOrder({}))},t+1))]},d=e.columns.map(z);return I.createElement(tn,{sortable:e.sortable,sort:e.sort,navigatable:e.navigatable,groupable:e.groupable,columns:d},e.columnsMap.map((n,i)=>I.createElement(rn,{key:i,className:a.classNames(l.simpleTr({})),ariaRowIndex:i+1},(n=>n.map(n=>{var i,d,u;const m=e.columns[n],p=t[n],g=null!=(d=null!=(i=m.locked)?i:null==p?void 0:p.locked)&&d,h=e.sortable&&m.sortable,f=e.sort?e.sort.findIndex(e=>e.field===m.field):-1,v=f>=0&&e.sort[f].dir||"none",C=null===m.columnMenu?null:m.columnMenu||e.columnMenu,E=m.menuIcon||e.columnMenuIcon,b=a.classNames(a.classNames(l.headerTh({first:m.kFirst,filterable:!!C,locked:g,sorted:e.sort&&e.sort.some(e=>e.field===m.field)})),m.headerClassName);!1===g&&(m.left=0);const k=e.localization.toLanguageString(Ae,Pt[Ae]),x=m.isAccessible?{ariaSort:sn[v],role:"columnheader",ariaColumnIndex:m.ariaColumnIndex,ariaSelected:!1,ariaDescription:h?k:""}:{role:"presentation"},y=m.declarationIndex>=0?++s:--o,S={field:m.field,title:m.title,selectionValue:null!=(u=m.headerSelectionValue)?u:e.headerSelectionValue,children:c(f),selectionChange:null,columnMenuWrapperProps:{column:{field:m.field,title:m.title,locked:g,filter:m.filter,id:m.id},sortable:h&&e.sortable,sort:e.sort,filter:e.filter,filterable:e.filterable&&m.filterable,filterOperators:e.filterOperators,navigatable:e.navigatable,group:e.group,groupable:e.groupable,columnMenu:C,columnMenuIcon:E}},w={...x,colSpan:m.headerColSpan,rowSpan:m.rowSpan,className:b,columnId:m.id,navigatable:m.navigatable,role:"columnheader"},R=z(m),N={column:R,sortable:e.sortable,sort:e.sort,columnMenuWrapperProps:S.columnMenuWrapperProps},P=m.defaultHeaderCell?m.defaultHeaderCell:Zt,M=[I.createElement(nn,{key:1,...N,isClient:U(P)},I.createElement(P,{...S})),I.createElement(on,{key:2,column:R})],T=q(e.cells,m.cells);if(T&&T.headerCell){const e=T.headerCell,t=U(e);return I.createElement(nn,{key:y,...N,thProps:w,isCustom:!0,isClient:t},I.createElement(e,{...S,thProps:w,index:n},M))}return I.createElement(an,{key:y,column:R},I.createElement(r.HeaderThElement,{...w},M))}))(n))))},dn=[{text:"grid.filterAndLogic",operator:"and"},{text:"grid.filterOrLogic",operator:"or"}],un={text:[{text:"grid.filterContainsOperator",operator:"contains"},{text:"grid.filterNotContainsOperator",operator:"doesnotcontain"},{text:"grid.filterEqOperator",operator:"eq"},{text:"grid.filterNotEqOperator",operator:"neq"},{text:"grid.filterStartsWithOperator",operator:"startswith"},{text:"grid.filterEndsWithOperator",operator:"endswith"},{text:"grid.filterIsNullOperator",operator:"isnull"},{text:"grid.filterIsNotNullOperator",operator:"isnotnull"},{text:"grid.filterIsEmptyOperator",operator:"isempty"},{text:"grid.filterIsNotEmptyOperator",operator:"isnotempty"}],numeric:[{text:"grid.filterEqOperator",operator:"eq"},{text:"grid.filterNotEqOperator",operator:"neq"},{text:"grid.filterGteOperator",operator:"gte"},{text:"grid.filterGtOperator",operator:"gt"},{text:"grid.filterLteOperator",operator:"lte"},{text:"grid.filterLtOperator",operator:"lt"},{text:"grid.filterIsNullOperator",operator:"isnull"},{text:"grid.filterIsNotNullOperator",operator:"isnotnull"}],date:[{text:"grid.filterEqOperator",operator:"eq"},{text:"grid.filterNotEqOperator",operator:"neq"},{text:"grid.filterAfterOrEqualOperator",operator:"gte"},{text:"grid.filterAfterOperator",operator:"gt"},{text:"grid.filterBeforeOperator",operator:"lt"},{text:"grid.filterBeforeOrEqualOperator",operator:"lte"},{text:"grid.filterIsNullOperator",operator:"isnull"},{text:"grid.filterIsNotNullOperator",operator:"isnotnull"}],boolean:[{text:"grid.filterEqOperator",operator:"eq"}]},mn=e=>"isnull"===e||"isnotnull"===e||"isempty"===e||"isnotempty"===e,pn=(e,t)=>e.map(e=>({text:t.toLanguageString(e.text,Pt[e.text]),operator:e.operator})),gn=[{text:"grid.filterBooleanAll",operator:""},{text:"grid.filterIsTrue",operator:!0},{text:"grid.filterIsFalse",operator:!1}],hn={text:!1,numeric:!1,date:!1,boolean:!0},fn=(e,t,n)=>{const l=vn(n.operators);let r=n.operator;switch(n.filterType){case"numeric":case"date":(!r||mn(r))&&(r=l),null===e&&r===l&&(r="");break;case"text":(!r||mn(r))&&(r=l),!e&&r===l&&(r="");break;default:return}n.onChange({value:e,operator:r,syntheticEvent:t})},vn=(e,t)=>t?e[t][0].operator:e[0].operator,Cn=e=>e||"text",En=(e,t)=>{const n=e.target.value;t({value:n.operator,operator:""===n.operator?"":"eq",syntheticEvent:e.syntheticEvent})},bn=(e,t,n)=>{let l=t;const r=e.target.value;e.target.state.opened&&(mn(r.operator)&&(l=null),null===t&&!mn(r.operator)&&(l=void 0),n({value:l,operator:r.operator,syntheticEvent:e.syntheticEvent}))},kn=(e,t)=>{const n=t||new o.IntlService("en-US");if(e.value){const t=n.parseDate(e.value);t&&(e.value=t)}e.filters&&(e.filters=e.filters.map(e=>{if(e.value){const t=n.parseDate(e.value);t&&(e.value=t)}return e}))},xn=(e,t)=>{var n;let l=e;if(l&&0===Object.keys(l).length&&(l=null),null!=l&&l.filters&&Array.isArray(l.filters)){const r=t||{filters:[],logic:"and"},a=r.filters.map(e=>e.field||e.filters[0].field),o=l.filters.every(e=>e.field===(null==l?void 0:l.filters[0]).field),i=o?[{filters:l.filters.map(e=>(kn(e),e)),logic:l.logic}]:l.filters.map(t=>{const n=t.filters?t:{logic:e.logic,filters:[t]};return kn(n),n}),s=o&&a.includes(i[0].filters[0].field);if(s){const t=r.filters[0];t.filters&&(null==(n=t.filters)||n.push(...i[0].filters),t.logic=e.logic)}l={...r,filters:s?r.filters:[...r.filters,...i]}}return l},yn=e=>{const t=I.useRef(null),n=o.useLocalization(),l=(t,n)=>{fn(t,n,e)},r=t=>{bn(t,e.value,e.onChange)},d=t=>{En(t,e.onChange)};return I.createElement("div",{className:"k-filtercell"},I.createElement("div",{className:"k-filtercell-wrapper"},((n,r,a)=>{switch(n){case"numeric":return I.createElement(s.NumericTextBox,{ref:t,size:e.size,value:r,onChange:e=>{l(e.value,e.syntheticEvent)},title:e.title,ariaLabel:e.ariaLabel});case"date":return I.createElement(c.DatePicker,{ref:t,size:e.size,value:r,onChange:e=>{l(e.value,e.syntheticEvent)},title:e.title,ariaLabel:e.ariaLabel,popupSettings:{onMouseDownOutside:e=>{!e.isAnchorClicked&&e.state&&e.state.props.show&&t&&t.current.togglePopup()}}});case"boolean":{const n=e=>null==e;return I.createElement(g.DropDownList,{ref:t,size:e.size,onChange:d,value:a.find(e=>e.operator===(n(r)?"":r)),data:a,textField:"text",title:e.title,ariaLabel:e.ariaLabel,popupSettings:{onMouseDownOutside:e=>{!e.isAnchorClicked&&e.state&&e.state.props.show&&t&&t.current.togglePopup()}}})}default:return I.createElement(s.TextBox,{ref:t,size:e.size,value:r||"",onChange:e=>{l(e.target.value,e.syntheticEvent)},title:e.title,"aria-label":e.ariaLabel})}})(e.filterType,e.value,e.booleanValues),I.createElement("div",{className:"k-filtercell-operator"},(()=>{if("boolean"===e.filterType)return;let t;const l=e.operators.find(t=>t.operator===e.operator)||null;return I.createElement(g.DropDownList,{ref:e=>{t=e},size:e.size,value:l,onChange:r,className:"k-dropdown-operator",svgIcon:i.filterIcon,data:e.operators,textField:"text",title:n.toLanguageString(Te,Pt[Te]),popupSettings:{width:"",onMouseDownOutside:function(e){!e.isAnchorClicked&&e.state&&e.state.props.show&&t&&t.togglePopup()}}})})()," ",I.createElement(m.Button,{size:e.size,svgIcon:i.filterClearIcon,className:a.classNames({"k-clear-button-visible":!!(null!==e.value&&""!==e.value||e.operator)}),title:n.toLanguageString(ve,Pt[ve]),type:"button",onClick:n=>{n.preventDefault(),e.onChange({value:"",operator:"",syntheticEvent:n}),t.current&&(t.current.element.value="",setTimeout(()=>{t.current.element.focus()},0))},disabled:!(null!==e.value&&""!==e.value||e.operator)}))))},Sn=e=>{const t=I.useContext(ee),n=t.getCellPositionStyle(e.column),l=e.isCustom?{style:{...n}}:{};return t.isClient||e.isClient?X(e.children,{onChange:n=>{((n,l,r,a)=>{if(!t.filterChange)return;const o=[];(""!==n&&null!==n||""!==l)&&o.push({field:r,operator:l,value:n}),e.filter&&e.filter.filters&&(e.filter.filters||[]).forEach(e=>{e&&e.field!==r&&o.push(e)});const i=e.filter&&e.filter.logic?e.filter.logic:"and";t.filterChange(o.length>0?{logic:i,filters:o}:null,a)})(n.value,n.operator,e.field,n.syntheticEvent)},tdProps:{...e.tdProps,...l},thProps:{...e.tdProps,...l}}):X(e.children,{})},In=e=>{const t={style:{...I.useContext(ee).getCellPositionStyle(e.column)}};return X(e.children,{...t})},wn=e=>{const t=(t,n)=>{let l=""+(n?"k-grid-header-sticky":"");return e.sort&&e.sort.filter(e=>e.field===t).length>0&&(l+=" k-sorted"),l},n=e.filter&&e.filter.filters||[];let l=0,o=-1;const i=e.columns.filter(e=>0===e.children.length).map(i=>{const s=Cn(i.filter),c=(e=>{if(void 0===e)return;const t=n.filter(t=>t.field===e);return t.length?t[0]:void 0})(i.field),d=`${i.field} ${e.localization.toLanguageString(Be,Pt[Be])}`;let u=c&&c.value;void 0===u&&(u="text"===s?"":null);const m=i.filterable&&{field:i.field,title:i.filterTitle,value:u,operator:c&&c.operator,operators:pn(e.filterOperators[s]||[],e.localization),booleanValues:pn(gn,e.localization),filterType:s,ariaLabel:"reorder"===i.columnType?"":d,size:e.size},p=i.declarationIndex>=0?++o:--l,g={columnId:r.tableKeyboardNavigationTools.getFilterColumnId(i.id),navigatable:i.navigatable||e.navigatable,className:a.classNames("k-table-td",t(i.field,i.locked)||void 0),role:"gridcell",ariaLabel:"reorder"===i.columnType?void 0:d,ariaColumnIndex:i.ariaColumnIndex},h=z(i),f={column:h,filter:e.filter,field:i.field,tdProps:g,thProps:g};let v=null;m&&"reorder"!==i.columnType&&(v=I.createElement(Sn,{...f,isClient:U(yn)},I.createElement(yn,{...m})));const C=q(e.cells,i.cells);if(C&&C.filterCell){const e=C.filterCell,t=U(e);return I.createElement(Sn,{key:p,...f,isClient:t,isCustom:!0},I.createElement(e,{key:p,...m,tdProps:g,thProps:g,index:o},v))}return I.createElement(In,{key:p,column:h},I.createElement(r.HeaderTdElement,{...g},v))});return I.createElement("tr",{className:"k-table-row k-filter-row","aria-rowindex":e.ariaRowIndex,role:"row"},i)},Rn=e=>{const t=I.useRef(null),{dir:n,title:l}=e;return I.createElement(a.Draggable,{onPress:n=>{const l=t.current&&t.current.element;l&&e.onPress&&e.onPress(n.event,l)},onDrag:n=>{const l=t.current&&t.current.element;l&&e.onDrag&&e.onDrag(n.event,l)},onRelease:n=>{t.current&&t.current.element&&e.onRelease&&e.onRelease(n.event)},ref:t},I.createElement("div",{className:"k-chip",onClick:t=>{if(t.preventDefault(),e.onSortChange){const n="asc"===e.dir?"desc":"asc";e.onSortChange(t,n)}},onContextMenu:t=>{const n={title:e.title,dir:e.dir,index:e.index};e.onContextMenu&&e.onContextMenu.call(void 0,t,{dataItem:{...n}})},onKeyDown:t=>{(t.keyCode===a.Keys.delete||t.keyCode===a.Keys.backspace)&&(t.preventDefault(),t.stopPropagation(),e.onRemove&&e.onRemove(t))},tabIndex:0,role:"button",style:{touchAction:"none"}},I.createElement("span",null,I.createElement(a.IconWrap,{name:"sort-"+n+"-small",icon:"asc"===n?i.sortAscSmallIcon:i.sortDescSmallIcon,size:"small"})),I.createElement("span",{className:"k-chip-content"},I.createElement("span",{className:"k-chip-label"},l)),I.createElement("span",{className:"k-chip-actions"},I.createElement("span",{className:"k-chip-action k-chip-remove-action",onClick:t=>{t.preventDefault(),t.stopPropagation(),e.onRemove&&e.onRemove(t)}},I.createElement(a.IconWrap,{name:"x-circle",icon:i.xCircleIcon,size:"small"})))))},Nn=e=>{const t=I.useContext(ee),n=o.useLocalization(),l=e.group||[],r=t=>{const n=e.columns.find(e=>e.field===t),l=n&&(n.title||n.field);return void 0===l?t:l},a=l.map((n,l)=>I.createElement(Rn,{key:l,index:l,dir:n.dir||"asc",title:r(n.field),onRemove:n=>{((n,l)=>{const r=e.group.slice();r.splice(l,1),t.groupChange(r,n)})(n,l)},onSortChange:(r,a)=>{((n,l,r,a)=>{const o=Object.assign({},r,{dir:a}),i=e.group.slice();i.splice(l,1,o),t.groupChange(i,n)})(r,l,n,a)},onPress:t.dragLogicRef.current.pressHandler,onDrag:t.dragLogicRef.current.dragHandler,onRelease:t.dragLogicRef.current.releaseHandler,onContextMenu:t.onContextMenu}));return I.createElement("div",{ref:t.dragLogicRef.current.refGroupPanelDiv,className:"k-grouping-header",role:"toolbar","aria-label":n.toLanguageString(ze,Pt[ze]),"aria-controls":e.ariaControls||""},I.createElement("div",{className:"k-chip-list",role:"none"},a),I.createElement("div",{className:"k-grouping-drop-container"},!a.length&&n.toLanguageString(me,Pt[me])," "))},Pn=e=>{var t;const n=I.useRef(null),l=I.useRef(null),r=I.useContext(ee);return I.useImperativeHandle(r.footerRef,()=>({setScrollLeft:e=>{n.current&&(n.current.scrollLeft=e)},setWidth:e=>{l.current&&(l.current.style.width=e?e+"px":"")}})),e.staticHeaders?I.createElement("div",{className:"k-grid-footer",role:"presentation"},I.createElement("div",{ref:n,className:"k-grid-footer-wrap",role:"presentation"},I.createElement("table",{ref:l,className:a.classNames("k-table k-grid-footer-table",{[`k-table-${(null==(t=a.kendoThemeMaps.sizeMap)?void 0:t[e.size])||e.size}`]:e.size},e.className),role:"presentation"},I.createElement("colgroup",{ref:e=>{r.columnResizeRef.current.colGroupFooter=e},role:"presentation"},e.cols),I.createElement("tfoot",{className:"k-table-tfoot",role:"presentation"},e.row)))):I.createElement("tfoot",{className:"k-table-tfoot"},e.row)};Pn.displayName="KendoReactFooter";const Mn=e=>!0===e?{group:!0,sort:!0,filter:!0,search:!0,page:!0}:e||void 0,Tn=(e,t)=>{const{autoProcessData:n,group:a,defaultGroup:o,sort:i,defaultSort:s,filter:c,defaultFilter:d,search:u,pageable:m,take:p,skip:g,total:h,isVirtualScroll:f=!1,includePaging:v=!0}=t,C=v&&n.page&&!(f&&!m),E=n.group?a||o:void 0,b=n.sort?i||s:void 0,k=n.filter?c||d:void 0,{data:x,total:y}=l.process(e,{group:E,sort:b,filter:r.combineFilters(k,n.search?u:void 0),...C?{take:m?p||10:p,skip:g||0}:{}});return{data:x,total:null!=h?h:y}},Dn=e=>{const t=I.useContext(ee),n=r.useTableKeyboardNavigation(e.id),l=Gt(e.dataItem,e.field),a=Ft(e),o=I.useCallback(n=>{var l;null==(l=null==t?void 0:t.cellClick)||l.call(t,n,e.dataItem,e.field)},[t,e.dataItem,e.field]);return{...n,..."groupFooter"===e.rowType||"groupHeader"!==e.rowType?{onContextMenu:l}:{},..."groupFooter"!==e.rowType&&"groupHeader"!==e.rowType?{style:a}:{},onClick:o}},Ln=e=>{var t,n;let l=null,r=null;const o=e.unstyled,i=o&&o.uGrid?o.uGrid:a.uGrid;if("groupFooter"===e.rowType)l={className:e.className};else if("groupHeader"!==e.rowType){if(void 0!==e.field){const t=D(e.field,e.dataItem);null!=t&&(r=e.intl&&e.format?e.intl.format(e.format,t):t.toString())}const o=a.classNames(i.td({selected:e.isSelected,highlighted:e.isHighlighted,sorted:e.isSorted,alt:e.isAlt}),e.className);l={rowSpan:null!=(n=null==(t=e._rowSpan)?void 0:t.count)?n:void 0,colSpan:e.colSpan,style:e.style,className:o,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[Ot]:e.columnIndex}}return{tdProps:l,content:r}},An=e=>{var t;return null==(t=e.cells)?void 0:t[e.rowType||"data"]},Gn=e=>{var t;const{cellProps:n}=e,{tdProps:l,content:r}=Ln(n),a=Dn(n),o=At(n);if(null===(null==(t=n._rowSpan)?void 0:t.count))return null;const i=An(n);return i?I.createElement(i,{...n,...o,tdProps:{...l,...a}},r):l?I.createElement("td",{...l,...a},r):null},Fn=e=>{const t=I.useContext(ee),n=o.useLocalization(),l=e.expanded?Ke:Oe,s=n.toLanguageString(l,Pt[l]),c="rtl"===t.dir;return I.createElement("a",{onClick:n=>{var l;n.preventDefault(),null!=t&&t.itemChange&&t.itemChange({dataItem:e.dataItem,dataIndex:e.dataIndex,syntheticEvent:n,field:void 0,value:!e.expanded}),null==(l=null==t?void 0:t.dispatchGroupExpand)||l.call(t,{type:r.GROUP_EXPAND_ACTION.TOGGLE,group:e.group})},href:"#",tabIndex:-1,"aria-label":s},I.createElement(a.IconWrap,{name:e.expanded?"caret-alt-down":c?"caret-alt-left":"caret-alt-right",icon:e.expanded?i.caretAltDownIcon:c?i.caretAltLeftIcon:i.caretAltRightIcon}))},Hn=e=>{const{columnIndex:t,level:n,columnsCount:l,rowType:r,dataItem:o,field:i,expanded:s,ariaColumnIndex:c,locked:d,style:u}=e,m=i||"";let p=null,g=null,h=null;const f=j(e);let v=!1;return void 0===t||void 0===n||t<n||void 0===l||"groupHeader"!==r||void 0===o[m]?p={style:u,key:"g"+t,className:a.classNames("k-table-td","k-group-cell",{"k-grid-content-sticky":d}),role:"gridcell"}:t===n&&(v=!0,p={className:"k-table-td",style:u,colSpan:l-t,key:"g-colspan",role:"gridcell","aria-selected":!1,"aria-expanded":s,"aria-colindex":c},h=I.createElement("p",{className:"k-reset"},I.createElement(Fn,{...f}),o[m]instanceof Date?o[m].toString():o[m]),d&&(p={...p,colSpan:0,style:{...u,position:"sticky",zIndex:2}},g={className:"k-table-td",role:"gridcell",colSpan:l-t,style:{borderLeftWidth:0,borderRightWidth:0}})),{tdProps:p,td2Props:g,content:h,renderToggleCell:v}},Bn=e=>{var t,n;return null==(n=null==(t=e.cells)?void 0:t.group)?void 0:n[e.rowType||"data"]},zn=(e,t)=>{const n=I.useContext(ee),l=r.useTableKeyboardNavigation(e.id),o=Gt(e.dataItem,e.field),i=Ft(e),s=I.useCallback(t=>{t.isDefaultPrevented()||t.keyCode===a.Keys.enter&&null!=n&&n.itemChange&&(t.preventDefault(),n.itemChange({dataItem:e.dataItem,dataIndex:e.dataIndex,syntheticEvent:t,field:void 0,value:!e.expanded}),null==n||n.dispatchGroupExpand({type:r.GROUP_EXPAND_ACTION.TOGGLE,group:e.group},t))},[n,e.dataItem,e.dataIndex,e.expanded,e.group]);return{...l,...t?{onKeyDown:s}:{},onContextMenu:o,style:i}},On=e=>{const{cellProps:t}=e,{tdProps:n,td2Props:l,content:r,renderToggleCell:a}=Hn(t),o=zn(t,a),i=At(t),s={...t,...i},c={...n,...o,style:{...null==n?void 0:n.style,...o.style}},d=l?{...l,onContextMenu:o.onContextMenu}:null,u=Bn(t);if(u)return n?I.createElement(u,{...s,tdProps:c,td2Props:d},r):null;const m=n?I.createElement("td",{...c,key:null==n?void 0:n.key},r):null,p=d?I.createElement("td",{...d}):null;return p?I.createElement(I.Fragment,null,m,p):m},Kn=e=>{const t=I.useContext(ee),n=a.useId(),l=o.useLocalization(),r=e.id||n;return[I.createElement("span",{key:0,className:"k-checkbox-wrap"},I.createElement("input",{id:r,type:"checkbox",tabIndex:-1,className:"k-checkbox k-checkbox-md k-rounded-md","aria-label":l.toLanguageString(Ue,Pt[Ue]),"aria-checked":e.selectionValue,checked:e.selectionValue,onChange:n=>t.onHeaderSelectionChange({field:e.field,syntheticEvent:n})})),e.columnMenuWrapperProps.columnMenu&&I.createElement(Qt,{...e.columnMenuWrapperProps})]},Vn=e=>{const t=o.useLocalization();return I.createElement(I.Fragment,null,e.children||t.toLanguageString(te,Pt[te]))};Vn.displayName="KendoReactGridNoRecords";const Wn=e=>{const t=I.useContext(ee),n=r.useTableKeyboardNavigation(e.id),l=t.getCellPositionStyle(e.column),a={...n,style:{...l}};return e.isCustom&&(t.isClient||e.isClient)?X(e.children,{tdProps:{...e.tdProps,...a},...n}):X(e.children,{...a})},qn=e=>{const{column:t,index:n,cells:l}=e,r={colSpan:1!==t.colSpan?t.colSpan:void 0,className:a.classNames("k-table-td",t.locked&&void 0!==t.left?"k-grid-footer-sticky":""),role:"gridcell","aria-colindex":t.ariaColumnIndex},o={field:t.field,ariaColumnIndex:t.ariaColumnIndex,...r},i=z(t),s=q(l,t.cells);if(s&&s.footerCell){const t=s.footerCell,l=U(t);return I.createElement(Wn,{key:n,id:e.id,tdProps:r,isCustom:!0,isClient:l,column:i},I.createElement(t,{...o,tdProps:r,index:n}))}return I.createElement(Wn,{key:n,id:e.id,column:i},