@progress/kendo-react-grid 11.1.1-develop.1 → 11.1.1-develop.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/js/kendo-react-grid.js +1 -1
- package/drag/ColumnResize.js +1 -1
- package/drag/ColumnResize.mjs +61 -63
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +16 -16
|
@@ -12,4 +12,4 @@
|
|
|
12
12
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
13
13
|
*-------------------------------------------------------------------------------------------
|
|
14
14
|
*/
|
|
15
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-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-react-indicators"),require("@progress/kendo-react-labels"),require("@progress/kendo-react-dialogs"),require("@progress/kendo-react-form"),require("@progress/kendo-react-animation")):"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-react-indicators","@progress/kendo-react-labels","@progress/kendo-react-dialogs","@progress/kendo-react-form","@progress/kendo-react-animation"],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.KendoReactIndicators,e.KendoReactLabels,e.KendoReactDialogs,e.KendoReactForm,e.KendoReactAnimation)}(this,(function(e,t,n,r,l,o,a,i,s,c,d,u,m,p,g,f,h,v,E,C){"use strict";function b(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var x=b(t);const k=e=>null;k.displayName="KendoReactGridColumn";const y={filterable:!0,editable:!0,sortable:!0,resizable:!0,reorderable:!0,groupable:!0};k.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,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 I=()=>t.createElement(t.Fragment,null),S=I;var w=(e=>(e.head="head",e.body="body",e))(w||{}),R=(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))(R||{});function P(e,t){const n=(null!=e?e:"").split(".");let r=t;return n.forEach((e=>{r=r?r[e]:void 0})),r}function N(e,t,n,o,a,i,s,c,d,u=0,m){var p;let g=u;for(let f=0;f<t.length;f++){let h;if(!a||void 0===t[f].value||void 0===t[f].items){e[e.length]={dataIndex:o.index,dataItem:t[f],rowType:"data",level:u,group:m,expanded:null!=(p=!!d&&!(null==i||!i[r.getter(d)(t[f])]))&&p},o.index++;continue}{let e;e=null!=m&&m.parents?[{field:m.field,value:m.value},...m.parents]:m?[m]:[],h={field:t[f].field,value:t[f].value,parents:e}}g=Math.max(g,u+1);let v=!1;const E=l.findGroupExpand(s||[],h);v=E?!1!==E.expanded:!1!==c,e[e.length]={dataIndex:-1,dataItem:t[f],level:u,group:h,rowType:"groupHeader",expanded:v},v&&(h.expanded=v,g=Math.max(N(e,t[f].items,n,o,a,i,s,c,d,u+1,h),g)),("always"===n||v&&"visible"===n)&&(e[e.length]={dataIndex:-1,dataItem:t[f],rowType:"groupFooter",level:u,expanded:v})}return g}function M(e,t,n,r=0,a=!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:l.tableKeyboardNavigationTools.generateNavigatableId(""+n.prevId++,n.idPrefix,"column"),d=!!(o.canUseDOM&&e.media&&window.matchMedia)&&!window.matchMedia(e.media).matches,u=a||d||e.hidden,m=null==t?void 0:t.find((e=>e.id===c)),p=M(e.children,(null==m?void 0:m.children)||[],n,r+1,u);i.push(Object.assign({depth:r},y,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===r){const e=[],t=(n,r)=>n.forEach((n=>{n.parentIndex=r,t(n.children,e.push(n)-1)}));return t(i,-1),e}return i}const T=e=>Array.isArray(e)?e:e?e.data:[];const D=e=>void 0!==e.width?Math.floor(parseFloat(e.width.toString()))+"px":void 0,L=(e,t)=>t&&t.filter((t=>t.field===e)).length>0,A=e=>(e.sort(((e,t)=>e.declarationIndex-t.declarationIndex)),e.map((e=>{const{declarationIndex:t,parentIndex:n,depth:r,headerColSpan:l,rowSpan:o,index:a,kFirst:i,children:s,...c}=e;return s.length?{children:A(s),...c}:c}))),F=e=>{const{cells:t,rowSpannable:n,defaultCell:r,...l}=e;return e.children.length?{...l,children:e.children.map(F)}:l},G=e=>({id:e.id,field:e.field,title:e.title,width:e.width,hidden:!1,children:e.children?B(e.children):null}),B=e=>e.map(G),O=e=>{const t=[],n=e=>null==e?void 0:e.forEach((e=>{t.push(e),n(e.children)}));return n(e),t},z="undefined"!=typeof window&&/Firefox/.test(window.navigator.userAgent),K=(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},H=e=>{var t;return"object"==typeof e?null==(t=e.enabled)||t:null!=e&&e},V=e=>!(!e||e.$$typeof!==Symbol.for("react.client.reference")),W=e=>({id:e.id,ariaColumnIndex:e.ariaColumnIndex,isSelected:e.isSelected,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}),q=e=>{var t,n;const l="object"==typeof e?null==(t=e.enabled)||t:null!=e&&e,o="object"==typeof e&&null!=(n=e.valueGetter)?n:(e,t)=>r.getter(t)(e);return{enabled:l,valueGetter:o}},_=(e,t)=>{const n=(e=>{var t;return x.isValidElement(e)?e:null==(t=x.Children.toArray(e))?void 0:t[0]})(e);return n?x.cloneElement(n,t):null},U=t.createContext([{},()=>{},{}]),j=()=>t.useContext(U),$=e=>{var n,r,l,o,a,i,s,c,d,u,m,p,g,f,h,v,E,C,b,x,k,y;const{children:I,onEditChange:S,onFilterChange:w,onSortChange:R,onSearchChange:P,onPageChange:N,onGroupChange:M,onDataStateChange:T,onSelectionChange:D,onDetailExpandChange:L,onGroupExpandChange:A,onHeaderSelectionChange:F,onColumnsStateChange:G}=e,[B,O]=t.useState({edit:null!=(n=e.defaultEdit)?n:e.edit,filter:null!=(r=e.defaultFilter)?r:e.filter,select:null!=(l=e.defaultSelect)?l:e.select,search:null!=(o=e.defaultSearch)?o:e.search,sort:null!=(a=e.defaultSort)?a: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}),z={edit:null!=(p=e.edit)?p:B.edit,filter:null!=(g=e.filter)?g:B.filter,search:null!=(f=e.search)?f:B.search,sort:null!=(h=e.sort)?h:B.sort,take:null!=(v=e.take)?v:B.take,skip:null!=(E=e.skip)?E:B.skip,group:null!=(C=e.group)?C:B.group,select:null!=(b=e.select)?b:B.select,detailExpand:null!=(x=e.detailExpand)?x:B.detailExpand,groupExpand:null!=(k=e.groupExpand)?k:B.groupExpand,columnsState:null!=(y=e.columnsState)?y:B.columnsState};return t.createElement(U.Provider,{value:[z,e=>{},{onEditChange:e=>{O((t=>({...t,edit:e.edit}))),null==S||S(e)},onFilterChange:w&&(e=>{O((t=>({...t,filter:e.filter}))),null==w||w(e)}),onSearchChange:e=>{O((t=>({...t,search:e.search}))),null==P||P(e)},onSortChange:R&&(e=>{O((t=>({...t,sort:e.sort}))),null==R||R(e)}),onPageChange:N&&(e=>{O((t=>({...t,...e.page}))),null==N||N(e)}),onGroupChange:M&&(e=>{O((t=>({...t,group:e.group}))),null==M||M(e)}),onDataStateChange:e=>{O((t=>({...t,...e.dataState}))),null==T||T(e)},onSelectionChange:e=>{O((t=>({...t,select:e.select}))),null==D||D(e)},onHeaderSelectionChange:e=>{O((t=>({...t,select:e.select}))),null==F||F(e)},onDetailExpandChange:e=>{O((t=>({...t,detailExpand:e.detailExpand}))),null==L||L(e)},onGroupExpandChange:e=>{O((t=>({...t,groupExpand:e.groupExpand}))),null==A||A(e)},onColumnsStateChange:e=>{O((t=>({...t,columnsState:e.columnsState}))),null==G||G(e)}}]},I)},X=e=>{const t=o.useId(),n=e.id||t,r=o.useUnstyled(),l=a.useLocalization(),i=a.useInternationalization(),[,s]=x.useReducer((e=>!e),!0),c=x.useRef(0),d=x.useRef(0),u=x.useRef(0),m=x.useRef(0),p=x.useRef(0),[g,,f]=j();return _(e.children,{...g,...f,id:n,unstyled:r,localization:l,intl:i,scrollLeftRef:c,widthRef:d,containerHeightRef:u,minRowHeightRef:m,virtualSkipRef:p,forceUpdate:s,isClient:!0})},Y=x.createContext(void 0),J="grid.noRecords",Q="grid.pagerInfo",Z="grid.pagerFirstPage",ee="grid.pagerPreviousPage",te="grid.pagerNextPage",ne="grid.pagerLastPage",re="grid.pagerItemsPerPage",le="grid.groupPanelEmpty",oe="grid.groupColumn",ae="grid.ungroupColumn",ie="grid.columnMenu",se="grid.filterApplyButton",ce="grid.filterClearButton",de="grid.filterClearAllButton",ue="grid.filterResetButton",me="grid.filterSubmitButton",pe="grid.filterTitle",ge="grid.sortAscending",fe="grid.sortDescending",he="grid.sortClearButton",ve="grid.sortApplyButton",Ee="grid.searchPlaceholder",Ce="grid.searchboxPlaceholder",be="grid.exportPDF",xe="grid.filterCheckAll",ke="grid.filterChooseOperator",ye="grid.filterSelectAll",Ie="grid.filterSelectedItems",Se="grid.sortAriaLabel",we="grid.editDialogTitle",Re="grid.editDialogSaveButtonTitle",Pe="grid.editDialogCancelButtonTitle",Ne="grid.filterAriaLabel",Me="grid.groupPanelAriaLabel",Te="grid.groupExpand",De="grid.groupCollapse",Le="grid.detailExpand",Ae="grid.detailCollapse",Fe="grid.selectRow",Ge="grid.gridAriaLabel",Be="grid.gridRowReorderAriaLabel",Oe="grid.gridAdaptiveColumnMenuFilterTitle",ze="grid.columnMenuColumnChooserSelectedItems",Ke="grid.adaptiveColumnMenuChooserTitle",He="grid.adaptiveColumnMenuChooserSubTitle",Ve="grid.adaptiveColumnMenuCheckboxFilterTitle",We="grid.adaptiveToolbarSortTitle",qe="grid.toolbarSort",_e="grid.toolbarFilter",Ue="grid.toolbarColumnsChooser",je="grid.toolbarCheckboxFilter",$e={[Le]:"Expand detail row",[Ae]:"Collapse detail row",[Te]:"Expand group",[De]:"Collapse Group",[J]:"No records available",[le]:"Drag a column header and drop it here to group by that column",[se]:"Apply",[ce]:"Clear",[de]:"Clear all filters",[ue]:"Reset",[me]:"Filter",[pe]:"Filter",[ge]:"Sort Ascending",[fe]:"Sort Descending",[he]:"Clear sorting",[ve]:"Done",[Se]:"Sortable",[We]:"Sort by",[qe]:"Sort",[_e]:"Filter",[Ue]:"Columns",[je]:"Filter",[oe]:"Group Column",[ae]:"Ungroup Column",[ie]:"Column menu",[re]:"items per page",[Q]:"{0} - {1} of {2} items",[Z]:"Go to the first page",[ee]:"Go to the previous page",[te]:"Go to the next page",[ne]:"Go to the last page","grid.pagerPage":"Page","grid.pagerPageSizeAriaLabel":"Page size","grid.pagerOf":"of","grid.pagerTotalPages":"{0}",[Ee]:"Search",[Ce]:"Search...",[be]:"Export PDF",[xe]:"Check All",[we]:"Edit Dialog",[Re]:"Save",[Pe]:"Cancel",[ke]:"Choose Operator",[Ie]:"selected items",[ye]:"Select All",[Ne]:"Filter",[Me]:"Group panel",[Ge]:"Table",[Be]:"Drag row",[Fe]:"Select Row","grid.columnMenuColumnChooserTitle":"Columns Chooser",[Oe]:"Filter by",[Ke]:"Columns Chooser",[He]:"Selected fields are visible",[Ve]:"Filter by",[ze]:"Selected items","grid.columnChooserApplyButton":"Apply","grid.columnChooserResetButton":"Reset","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"},Xe=e=>{const t=x.useContext(Y),n=a.useLocalization(),r=e.expanded,s=r?Ae:Le,c=n.toLanguageString(s,$e[s]);return x.createElement("a",{onClick:n=>{n.preventDefault(),null!=t&&t.itemChange&&t.itemChange({dataItem:e.dataItem,dataIndex:e.dataIndex,syntheticEvent:n,field:e.field,value:!r,_expand:!0}),void 0!==e.dataItem[t.dataItemKey]&&(null==t||t.dispatchDetailExpand({type:l.DETAIL_EXPAND_ACTION.TOGGLE,id:e.dataItem[t.dataItemKey]}))},"aria-label":c,href:"#",tabIndex:-1},x.createElement(o.IconWrap,{name:r?"minus":"plus",icon:r?i.minusIcon:i.plusIcon}))},Ye=e=>{let t=null,n=null;const r=W(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=x.createElement(Xe,{...r})),{tdProps:t,content:n}},Je=e=>{var t,n;return null==(n=null==(t=e.cells)?void 0:t.hierarchy)?void 0:n[e.rowType||"data"]},Qe=e=>{const t=x.useContext(Y),n=l.useTableKeyboardNavigation(e.id),r=x.useCallback((n=>{n.isDefaultPrevented()||n.keyCode===o.Keys.enter&&null!=t&&t.dispatchDetailExpand&&(n.preventDefault(),t.dispatchDetailExpand({type:l.DETAIL_EXPAND_ACTION.TOGGLE,id:o.getter(t.dataItemKey)(e.dataItem)}))}),[e.dataItem,t]);return{...n,..."groupHeader"!==e.rowType&&"groupFooter"!==e.rowType?{onKeyDown:r}:{}}},Ze=e=>{const t=x.useContext(Y);return{onContextMenu:t.onContextMenu,onChange:t.itemChange,selectionChange:n=>{t.selectionChange({event:n,dataItem:e.dataItem,dataIndex:e.rowDataIndex,columnIndex:e.columnIndex})}}},et=(e,t)=>{const n=x.useContext(Y);return x.useCallback((r=>{null!=n&&n.onContextMenu&&n.onContextMenu.call(void 0,r,e,t)}),[n,e,t])},tt=e=>{const t=x.useContext(Y).getCellPositionStyle(e.columnPosition)||{};return{...e.style,...t}},nt=e=>{const{cellProps:t}=e,{tdProps:n,content:r}=Ye(t),l=Qe(t),o=Ze(t),a=Je(t);return a?x.createElement(a,{...t,...o,tdProps:{...n,...l}},r):"groupHeader"!==t.rowType?x.createElement("td",{...n,...l},r):null},rt=e=>{const{cellProps:t}=e,n=x.useContext(Y),r=o.useId(),a=o.getNestedValue(t.field,t.dataItem);let i=null;const d=x.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=x.createElement(s.NumericTextBox,{className:e.className,value:void 0===a?null:a,onChange:d,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;case"date":i=x.createElement(c.DatePicker,{className:e.className,value:a,onChange:d,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;case"boolean":i=x.createElement(s.Checkbox,{className:e.className,checked:a||!1,id:r,onChange:d,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;default:i=x.createElement(s.TextBox,{className:e.className,value:a||"",onChange:d,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0})}return i},lt=l.TABLE_ROW_INDEX_ATTRIBUTE,ot=l.TABLE_COL_INDEX_ATTRIBUTE,at=l.TABLE_PREVENT_SELECTION_ELEMENT,it=/^(?!.*\bChrome).*\bSafari/i,st=e=>{let t=null;const n=e.unstyled,r=n&&n.uGrid?n.uGrid:o.uGrid,l=o.classNames(r.editTd({selected:e.isSelected}),e.className);return t={colSpan:e.colSpan,style:e.style,className:l,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[ot]:e.columnIndex,role:"gridcell"},{tdProps:t}},ct=e=>{var t,n,r;return(null==(n=null==(t=e.cells)?void 0:t.edit)?void 0:n[e.editor||"text"])||(null==(r=e.cells)?void 0:r.data)},dt=e=>({...l.useTableKeyboardNavigation(e.id),onContextMenu:et(e.dataItem,e.field),style:tt(e)}),ut=e=>{const{cellProps:t}=e,{tdProps:n}=st(t),r=dt(t),l=Ze(t),o=x.createElement(rt,{cellProps:t}),a=ct(t);return a?x.createElement(a,{...t,...l,tdProps:{...n,...r}},o):n?x.createElement("td",{...n,...r},o):null},mt=e=>{const t=x.useRef(null),n=x.useRef(null),r=x.useRef(!1),a=x.useContext(Y),i=o.useRtl(a.headerElementRef);a.columnResizeRef.current&&a.columnResizeRef.current.setIsRtl("rtl"===i),x.useImperativeHandle(a.headerRef,(()=>({setScrollLeft:e=>{t.current&&t.current.scrollLeft!==e&&(r.current=!0,t.current.scrollLeft=e)},setWidth:e=>{n.current&&(n.current.style.width=e?e+"px":"")},table:()=>n.current})));const s=o.useUnstyled(),c=s&&s.uGrid?s.uGrid:o.uGrid,{size:d="md"}=e;return e.staticHeaders?x.createElement("div",{ref:a.headerElementRef,className:o.classNames(c.header({draggable:e.draggable}),e.className),role:"presentation"},x.createElement("div",{ref:t,className:o.classNames(c.headerWrap({})),onScroll:e=>{var n;if(r.current)return void(r.current=!1);if(!t.current)return;const l=t.current.scrollLeft,o=(null==(n=a.vsRef.current)?void 0:n.container)||null;o&&o.scrollLeft!==l&&(o.scrollLeft=l)},role:"presentation"},x.createElement("table",{ref:n,className:o.classNames(c.headerTable({size:d}),e.className),role:"presentation"},x.createElement("colgroup",{ref:e=>{a.columnResizeRef.current&&(a.columnResizeRef.current.colGroupHeader=e)}},e.cols),x.createElement("thead",{className:o.classNames(c.tableThead({})),role:"rowgroup",...l.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)))):x.createElement("thead",{role:"presentation",className:o.classNames(c.thead({draggable:e.draggable}),e.className),...l.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)};mt.displayName="KendoReactHeader";const pt=t.createContext(void 0),gt=e=>{const n=t.useRef(null),r=t.useRef(null),l=t.useRef(null),o=t.useMemo((()=>({actionSheetRef:n,firstViewRef:r,secondViewRef:l})),[]);return t.createElement(pt.Provider,{value:o},e.children)},ft=e=>{const n=t.useContext(Y),{actionSheetRef:r,firstViewRef:l,secondViewRef:s}=t.useContext(pt),c=o.useAdaptiveModeContext(),d=a.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:r,style:{"--kendo-actionsheet-view-current":1},onClose:()=>{e.closeMenu()}},t.createElement(u.ActionSheetView,{className:"k-actionsheet-view-animated",ref:l,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(ie,$e[ie]))),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"}}))},ht=[".k-columnmenu-item-content",".k-filter-menu-container"].map((e=>o.TABBABLE_ELEMENTS.map((t=>`${e} ${t}`)))),vt=[[".k-tabstrip-items"],[".k-columnmenu-item"],...ht],Et=e=>{var t;const n=x.useContext(Y),[r,l]=x.useState(!1),s=x.useRef(null),c=x.useRef(null),u=x.useRef(null),m=x.useRef(0),g=o.useDocument(s),{columnMenu:f,...h}=e,{column:v,columnMenuIcon:E,navigatable:C}=e,b=a.useLocalization(),k=v.title||v.field,y=k?`${k} `:"",I=()=>{e.onCloseMenu&&e.onCloseMenu(),l(!1),!e.navigatable&&s.current&&s.current.focus()},S=x.useMemo((()=>void 0!==e.show?e.show:r),[e.show,r]),w=(e,t,n)=>{n.preventDefault(),n.shiftKey?t.focusPrevious(e):t.focusNext(e)},R=(e,t,n)=>{e&&(n.preventDefault(),e.click())},P=(e,t,n)=>{n.preventDefault(),I()},N=(e,t,n)=>{t.focusElement(e)};return x.useEffect((()=>(S&&c.current&&(u.current=new o.Navigation({tabIndex:0,root:c,selectors:vt,keyboardEvents:{keydown:{Tab:w,Enter:R,Escape:P}},mouseEvents:{mousedown:N}}),u.current.focusElement(u.current.first,null)),()=>{u.current&&(u.current=null)})),[S]),x.createElement(x.Fragment,null,x.createElement("a",{className:"k-grid-header-menu k-grid-column-menu",ref:s,onClick:t=>{t.preventDefault(),r&&e.onCloseMenu&&e.onCloseMenu(),l(!r)},onKeyDown:e=>{var t;if(e.keyCode===o.Keys.tab){const n=e.target,r=n&&(null==(t=n.closest(".k-grid"))?void 0:t.getElementsByClassName("k-grid-content")[0]);r&&r.scrollWidth>r.clientWidth&&n.scrollIntoView({inline:"center"})}},href:"#",tabIndex:C?-1:void 0,"aria-label":`${C?"":y}${b.toLanguageString(ie,$e[ie])}`},E?x.createElement(o.IconWrap,{name:E.name,icon:E}):x.createElement(o.IconWrap,{name:"more-vertical",icon:i.moreVerticalIcon})),x.createElement(gt,null,n.mobileMode?x.createElement(x.Fragment,null,p.createPortal(x.createElement(ft,{computedShow:S,ColumnMenu:f,closeMenu:I},f&&x.createElement(f,{...h,onCloseMenu:I})),null==(t=g())?void 0:t.body)):x.createElement(d.Popup,{anchor:s.current,show:S,popupClass:"k-grid-columnmenu-popup",onMouseDownOutside:e=>{!e.isAnchorClicked&&l(!1)}},x.createElement("div",{ref:c,onBlur:e=>{const t=o.getActiveElement(document);clearTimeout(m.current),m.current=window.setTimeout((()=>{!n.mobileMode&&t&&e.relatedTarget!==s.current&&c.current&&!c.current.contains(t)&&I()}))},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"},f&&x.createElement(f,{...h,onCloseMenu:I})))))},Ct=e=>{const t=o.useUnstyled(),n=t&&t.uGrid?t.uGrid:o.uGrid,r=e.onClick?{onClick:e.onClick}:{};return x.createElement("span",{className:o.classNames(n.headerCellInner({}))},x.createElement("span",{className:o.classNames(n.headerCellLink({sortable:e.columnMenuWrapperProps.sortable})),...r},x.createElement("span",{className:o.classNames(n.columnTitle({}))},e.title||e.field||" "),e.children),e.columnMenuWrapperProps.columnMenu&&x.createElement(Et,{...e.columnMenuWrapperProps}))},bt=x.createContext(void 0),xt=e=>{const t=x.useContext(Y),n=x.useRef(null),[r,l]=x.useState(),a=(n,r)=>{e.sortable&&r.sortable&&(n.preventDefault(),t.sortChange&&t.headerCellClick(n,r))};return x.createElement(bt.Provider,{value:{cellClick:a,cellKeyDown:(r,i)=>{if(r.isDefaultPrevented())return;const{keyCode:s,metaKey:c,ctrlKey:d,altKey:u}=r,m=e.sortable&&i.sortable,p=r.target;if(m&&r.keyCode===o.Keys.enter&&-1!==p.className.indexOf("k-table-th")&&a(r,i),e.navigatable){if(e.groupable&&(c&&s===o.Keys.enter||d&&s===o.Keys.space)){r.preventDefault();const n=e.columns.findIndex((e=>e.field===i.field));t.columnGroupChange&&t.columnGroupChange(n,r)}u&&s===o.Keys.down&&(r.preventDefault(),l(i.field),n.current=p)}},handleCloseMenu:()=>{l(void 0),n.current&&"-1"!==n.current.getAttribute("tabindex")&&n.current.focus()},showColumnMenuField:r}},e.children)},kt=e=>{const t=x.useContext(Y),n=x.useContext(bt),r=t.isClient||e.isClient,l={style:{...t.getCellPositionStyle(e.column)}},o={onKeyDown:t=>{n.cellKeyDown(t,e.column)},onContextMenu:n=>{t.onContextMenu(n,void 0,e.column.field)}};let a={onClick:t=>{n.cellClick(t,e.column)}};return r&&(a={...a,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&&(a=r?{...a,thProps:{...e.thProps,...o,...l}}:{...a,...o,...l}),_(e.children,{...a})},yt=e=>{const t=x.useRef(null),n=o.useUnstyled(),r=n&&n.uGrid?n.uGrid:o.uGrid;return x.createElement(o.Draggable,{onPress:n=>{const r=t.current&&t.current.element;r&&e.pressHandler&&e.pressHandler(n.event,r)},onDrag:n=>{const r=t.current&&t.current.element;r&&e.dragHandler&&e.dragHandler(n.event,r)},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},x.createElement("tr",{className:o.classNames(r.simpleTr({})),style:{touchAction:"none"},role:"row","aria-rowindex":e.ariaRowIndex},e.children))},It=e=>{const t=x.useContext(Y);return t.dragLogicRef.current.pressHandler&&x.createElement(yt,{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)||x.createElement("tr",{className:e.className,role:"row","aria-rowindex":e.ariaRowIndex},e.children)},St=e=>{const t=x.useContext(Y),n=x.useContext(bt),r={style:{...t.getCellPositionStyle(e.column)}};return _(e.children,{onKeyDown:t=>{n.cellKeyDown(t,e.column)},onContextMenu:n=>{t.onContextMenu(n,void 0,e.column.field)},...r})},wt=e=>{const{column:t}=e,n=x.useContext(Y);return n.columnResizeRef.current&&n.columnResizeRef.current.resizable&&t.resizable&&x.createElement(l.ColumnResizer,{key:2,resize:(e,r,l)=>n.columnResizeRef.current&&n.columnResizeRef.current.dragHandler(e,t,r,l),autofit:e=>n.columnResizeRef.current&&n.columnResizeRef.current.dblClickHandler(e,[t.id])})||x.createElement(x.Fragment,null)},Rt={none:"none",asc:"ascending",desc:"descending"},Pt=e=>{const t=e.unstyled,n=t&&t.uGrid?t.uGrid:o.uGrid;let r=0,a=-1;const s=t=>{if(!e.sort)return null;const r=o.classNames(n.sortIcon({}));return t>=0&&[x.createElement("span",{key:1,className:r},x.createElement(o.IconWrap,{name:"sort-"+e.sort[t].dir+"-small",icon:"asc"===e.sort[t].dir?i.sortAscSmallIcon:i.sortDescSmallIcon})),e.sort.length>1&&x.createElement("span",{key:2,className:r},x.createElement("span",{className:o.classNames(n.sortOrder({}))},t+1))]},c=e.columns.map(F);return x.createElement(xt,{sortable:e.sortable,sort:e.sort,navigatable:e.navigatable,groupable:e.groupable,columns:c},e.columnsMap.map(((t,i)=>x.createElement(It,{key:i,className:o.classNames(n.simpleTr({})),ariaRowIndex:i+1},(t=>t.map((t=>{var i;const c=e.columns[t],d=e.sortable&&c.sortable,u=e.sort?e.sort.findIndex((e=>e.field===c.field)):-1,m=u>=0&&e.sort[u].dir||"none",p=null===c.columnMenu?null:c.columnMenu||e.columnMenu,g=c.menuIcon||e.columnMenuIcon,f=o.classNames(o.classNames(n.headerTh({first:c.kFirst,filterable:!!p,locked:c.locked,sorted:e.sort&&e.sort.some((e=>e.field===c.field))})),c.headerClassName);!1===c.locked&&(c.left=0);const h=e.localization.toLanguageString(Se,$e[Se]),v=c.isAccessible?{ariaSort:Rt[m],role:"columnheader",ariaColumnIndex:c.ariaColumnIndex,ariaSelected:!1,ariaDescription:d?h:""}:{role:"presentation"},E=c.declarationIndex>=0?++a:--r,C={field:c.field,title:c.title,selectionValue:null!=(i=c.headerSelectionValue)?i:e.headerSelectionValue,children:s(u),selectionChange:null,columnMenuWrapperProps:{column:{field:c.field,title:c.title,locked:c.locked,filter:c.filter,id:c.id},sortable:d&&e.sortable,sort:e.sort,filter:e.filter,filterable:e.filterable&&c.filterable,filterOperators:e.filterOperators,navigatable:e.navigatable,group:e.group,groupable:e.groupable,columnMenu:p,columnMenuIcon:g}},b={...v,colSpan:c.headerColSpan,rowSpan:c.rowSpan,className:f,columnId:c.id,navigatable:c.navigatable,role:"columnheader"},k=F(c),y={column:k,sortable:e.sortable,sort:e.sort,columnMenuWrapperProps:C.columnMenuWrapperProps},I=c.defaultHeaderCell?c.defaultHeaderCell:Ct,S=[x.createElement(kt,{key:1,...y,isClient:V(I)},x.createElement(I,{...C})),x.createElement(wt,{key:2,column:k})],w=K(e.cells,c.cells);if(w&&w.headerCell){const e=w.headerCell,n=V(e);return x.createElement(kt,{key:E,...y,thProps:b,isCustom:!0,isClient:n},x.createElement(e,{...C,thProps:b,index:t},S))}return x.createElement(St,{key:E,column:k},x.createElement(l.HeaderThElement,{...b},S))})))(t)))))},Nt=[{text:"grid.filterAndLogic",operator:"and"},{text:"grid.filterOrLogic",operator:"or"}],Mt={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"}]},Tt=e=>"isnull"===e||"isnotnull"===e||"isempty"===e||"isnotempty"===e,Dt=(e,t)=>e.map((e=>({text:t.toLanguageString(e.text,$e[e.text]),operator:e.operator}))),Lt=[{text:"grid.filterBooleanAll",operator:""},{text:"grid.filterIsTrue",operator:!0},{text:"grid.filterIsFalse",operator:!1}],At={text:!1,numeric:!1,date:!1,boolean:!0},Ft=(e,t,n)=>{const r=Gt(n.operators);let l=n.operator;switch(n.filterType){case"numeric":case"date":(!l||Tt(l))&&(l=r),null===e&&l===r&&(l="");break;case"text":(!l||Tt(l))&&(l=r),!e&&l===r&&(l="");break;default:return}n.onChange({value:e,operator:l,syntheticEvent:t})},Gt=(e,t)=>t?e[t][0].operator:e[0].operator,Bt=e=>e||"text",Ot=(e,t)=>{const n=e.target.value;t({value:n.operator,operator:""===n.operator?"":"eq",syntheticEvent:e.syntheticEvent})},zt=(e,t,n)=>{let r=t;const l=e.target.value;e.target.state.opened&&(Tt(l.operator)&&(r=null),null===t&&!Tt(l.operator)&&(r=void 0),n({value:r,operator:l.operator,syntheticEvent:e.syntheticEvent}))},Kt=e=>{const t=x.useRef(null),n=a.useLocalization(),r=(t,n)=>{Ft(t,n,e)},l=t=>{zt(t,e.value,e.onChange)},d=t=>{Ot(t,e.onChange)};return x.createElement("div",{className:"k-filtercell"},x.createElement("div",{className:"k-filtercell-wrapper"},((n,l,o)=>{switch(n){case"numeric":return x.createElement(s.NumericTextBox,{ref:t,size:e.size,value:l,onChange:e=>{r(e.value,e.syntheticEvent)},title:e.title,ariaLabel:e.ariaLabel});case"date":return x.createElement(c.DatePicker,{ref:t,size:e.size,value:l,onChange:e=>{r(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 x.createElement(g.DropDownList,{ref:t,size:e.size,onChange:d,value:o.find((e=>e.operator===(n(l)?"":l))),data:o,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 x.createElement(s.TextBox,{ref:t,size:e.size,value:l||"",onChange:e=>{r(e.target.value,e.syntheticEvent)},title:e.title,"aria-label":e.ariaLabel})}})(e.filterType,e.value,e.booleanValues),x.createElement("div",{className:"k-filtercell-operator"},(()=>{if("boolean"===e.filterType)return;let t;const r=e.operators.find((t=>t.operator===e.operator))||null;return x.createElement(g.DropDownList,{ref:e=>{t=e},size:e.size,value:r,onChange:l,className:"k-dropdown-operator",svgIcon:i.filterIcon,data:e.operators,textField:"text",title:n.toLanguageString(ke,$e[ke]),popupSettings:{width:"",onMouseDownOutside:function(e){!e.isAnchorClicked&&e.state&&e.state.props.show&&t&&t.togglePopup()}}})})()," ",x.createElement(m.Button,{size:e.size,svgIcon:i.filterClearIcon,className:o.classNames({"k-clear-button-visible":!!(null!==e.value&&""!==e.value||e.operator)}),title:n.toLanguageString(ce,$e[ce]),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)}))))},Ht=e=>{const t=x.useContext(Y),n=t.getCellPositionStyle(e.column),r=e.isCustom?{style:{...n}}:{};return t.isClient||e.isClient?_(e.children,{onChange:n=>{((n,r,l,o)=>{if(!t.filterChange)return;const a=[];(""!==n&&null!==n||""!==r)&&a.push({field:l,operator:r,value:n}),e.filter&&e.filter.filters&&(e.filter.filters||[]).forEach((e=>{e&&e.field!==l&&a.push(e)}));const i=e.filter&&e.filter.logic?e.filter.logic:"and";t.filterChange(a.length>0?{logic:i,filters:a}:null,o)})(n.value,n.operator,e.field,n.syntheticEvent)},tdProps:{...e.tdProps,...r},thProps:{...e.tdProps,...r}}):_(e.children,{})},Vt=e=>{const t={style:{...x.useContext(Y).getCellPositionStyle(e.column)}};return _(e.children,{...t})},Wt=e=>{const t=(t,n)=>{let r=""+(n?"k-grid-header-sticky":"");return e.sort&&e.sort.filter((e=>e.field===t)).length>0&&(r+=" k-sorted"),r},n=e.filter&&e.filter.filters||[];let r=0,a=-1;const i=e.columns.filter((e=>0===e.children.length)).map((i=>{const s=Bt(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(Ne,$e[Ne])}`;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:Dt(e.filterOperators[s]||[],e.localization),booleanValues:Dt(Lt,e.localization),filterType:s,ariaLabel:"reorder"===i.columnType?"":d,size:e.size},p=i.declarationIndex>=0?++a:--r,g={columnId:l.tableKeyboardNavigationTools.getFilterColumnId(i.id),navigatable:i.navigatable||e.navigatable,className:o.classNames("k-table-td",t(i.field,i.locked)||void 0),role:"gridcell",ariaLabel:"reorder"===i.columnType?void 0:d,ariaColumnIndex:i.ariaColumnIndex},f=F(i),h={column:f,filter:e.filter,field:i.field,tdProps:g,thProps:g};let v=null;m&&"reorder"!==i.columnType&&(v=x.createElement(Ht,{...h,isClient:V(Kt)},x.createElement(Kt,{...m})));const E=K(e.cells,i.cells);if(E&&E.filterCell){const e=E.filterCell,t=V(e);return x.createElement(Ht,{key:p,...h,isClient:t,isCustom:!0},x.createElement(e,{key:p,...m,tdProps:g,thProps:g,index:a},v))}return x.createElement(Vt,{key:p,column:f},x.createElement(l.HeaderTdElement,{...g},v))}));return x.createElement("tr",{className:"k-table-row k-filter-row","aria-rowindex":e.ariaRowIndex,role:"row"},i)},qt=e=>{const t=x.useRef(null),{dir:n,title:r}=e;return x.createElement(o.Draggable,{onPress:n=>{const r=t.current&&t.current.element;r&&e.onPress&&e.onPress(n.event,r)},onDrag:n=>{const r=t.current&&t.current.element;r&&e.onDrag&&e.onDrag(n.event,r)},onRelease:n=>{t.current&&t.current.element&&e.onRelease&&e.onRelease(n.event)},ref:t},x.createElement("div",{className:"k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md",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===o.Keys.delete||t.keyCode===o.Keys.backspace)&&(t.preventDefault(),t.stopPropagation(),e.onRemove&&e.onRemove(t))},tabIndex:0,role:"button",style:{touchAction:"none"}},x.createElement("span",null,x.createElement(o.IconWrap,{name:"sort-"+n+"-small",icon:"asc"===n?i.sortAscSmallIcon:i.sortDescSmallIcon,size:"small"})),x.createElement("span",{className:"k-chip-content"},x.createElement("span",{className:"k-chip-label"},r)),x.createElement("span",{className:"k-chip-actions"},x.createElement("span",{className:"k-chip-action k-chip-remove-action",onClick:t=>{t.preventDefault(),t.stopPropagation(),e.onRemove&&e.onRemove(t)}},x.createElement(o.IconWrap,{name:"x-circle",icon:i.xCircleIcon,size:"small"})))))},_t=e=>{const t=x.useContext(Y),n=a.useLocalization(),r=e.group||[],l=t=>{const n=e.columns.find((e=>e.field===t)),r=n&&(n.title||n.field);return void 0===r?t:r},o=r.map(((n,r)=>x.createElement(qt,{key:r,index:r,dir:n.dir||"asc",title:l(n.field),onRemove:n=>{((n,r)=>{const l=e.group.slice();l.splice(r,1),t.groupChange(l,n)})(n,r)},onSortChange:(l,o)=>{((n,r,l,o)=>{const a=Object.assign({},l,{dir:o}),i=e.group.slice();i.splice(r,1,a),t.groupChange(i,n)})(l,r,n,o)},onPress:t.dragLogicRef.current.pressHandler,onDrag:t.dragLogicRef.current.dragHandler,onRelease:t.dragLogicRef.current.releaseHandler,onContextMenu:t.onContextMenu})));return x.createElement("div",{ref:t.dragLogicRef.current.refGroupPanelDiv,className:"k-grouping-header",role:"toolbar","aria-label":n.toLanguageString(Me,$e[Me]),"aria-controls":e.ariaControls||""},x.createElement("div",{className:"k-chip-list k-chip-list-md",role:"none"},o),x.createElement("div",{className:"k-grouping-drop-container"},!o.length&&n.toLanguageString(le,$e[le])," "))},Ut=e=>{const t=x.useRef(null),n=x.useRef(null),r=x.useContext(Y);return x.useImperativeHandle(r.footerRef,(()=>({setScrollLeft:e=>{t.current&&(t.current.scrollLeft=e)},setWidth:e=>{n.current&&(n.current.style.width=e?e+"px":"")}}))),e.staticHeaders?x.createElement("div",{className:"k-grid-footer",role:"presentation"},x.createElement("div",{ref:t,className:"k-grid-footer-wrap",role:"presentation"},x.createElement("table",{ref:n,className:o.classNames("k-table k-grid-footer-table",{"k-table-md":!e.size,[`k-table-${o.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size},e.className),role:"presentation"},x.createElement("colgroup",{ref:e=>{r.columnResizeRef.current.colGroupFooter=e},role:"presentation"},e.cols),x.createElement("tfoot",{className:"k-table-tfoot",role:"presentation"},e.row)))):x.createElement("tfoot",{className:"k-table-tfoot"},e.row)};Ut.displayName="KendoReactFooter";const jt=e=>{const t=x.useContext(Y),n=l.useTableKeyboardNavigation(e.id),r=et(e.dataItem,e.field),o=tt(e),a=x.useCallback((n=>{var r;null==(r=null==t?void 0:t.cellClick)||r.call(t,n,e.dataItem,e.field)}),[t,e.dataItem,e.field]);return{...n,..."groupFooter"===e.rowType||"groupHeader"!==e.rowType?{onContextMenu:r}:{},..."groupFooter"!==e.rowType&&"groupHeader"!==e.rowType?{style:o}:{},onClick:a}},$t=e=>{var t,n;let r=null,l=null;const a=e.unstyled,i=a&&a.uGrid?a.uGrid:o.uGrid;if("groupFooter"===e.rowType)r={className:e.className};else if("groupHeader"!==e.rowType){if(void 0!==e.field){const t=P(e.field,e.dataItem);null!=t&&(l=e.intl&&e.format?e.intl.format(e.format,t):t.toString())}const a=o.classNames(i.td({selected:e.isSelected,sorted:e.isSorted,alt:e.isAlt}),e.className);r={rowSpan:null!=(n=null==(t=e._rowSpan)?void 0:t.count)?n:void 0,colSpan:e.colSpan,style:e.style,className:a,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[ot]:e.columnIndex}}return{tdProps:r,content:l}},Xt=e=>{var t;return null==(t=e.cells)?void 0:t[e.rowType||"data"]},Yt=e=>{var t;const{cellProps:n}=e,{tdProps:r,content:l}=$t(n),o=jt(n),a=Ze(n);if(null===(null==(t=n._rowSpan)?void 0:t.count))return null;const i=Xt(n);return i?x.createElement(i,{...n,...a,tdProps:{...r,...o}},l):r?x.createElement("td",{...r,...o},l):null},Jt=e=>{const t=x.useContext(Y),n=a.useLocalization(),r=e.expanded?De:Te,s=n.toLanguageString(r,$e[r]),c="rtl"===t.dir;return x.createElement("a",{onClick:n=>{var r;n.preventDefault(),null!=t&&t.itemChange&&t.itemChange({dataItem:e.dataItem,dataIndex:e.dataIndex,syntheticEvent:n,field:void 0,value:!e.expanded}),null==(r=null==t?void 0:t.dispatchGroupExpand)||r.call(t,{type:l.GROUP_EXPAND_ACTION.TOGGLE,group:e.group})},href:"#",tabIndex:-1,"aria-label":s},x.createElement(o.IconWrap,{name:e.expanded?"caret-alt-down":c?"caret-alt-left":"caret-alt-right",icon:e.expanded?i.caretAltDownIcon:c?i.caretAltLeftIcon:i.caretAltRightIcon}))},Qt=e=>{const{columnIndex:t,level:n,columnsCount:r,rowType:l,dataItem:a,field:i,expanded:s,ariaColumnIndex:c,locked:d,style:u}=e,m=i||"";let p=null,g=null,f=null;const h=W(e);let v=!1;return void 0===t||void 0===n||t<n||void 0===r||"groupHeader"!==l||void 0===a[m]?p={style:u,key:"g"+t,className:o.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:r-t,key:"g-colspan",role:"gridcell","aria-selected":!1,"aria-expanded":s,"aria-colindex":c},f=x.createElement("p",{className:"k-reset"},x.createElement(Jt,{...h}),a[m]instanceof Date?a[m].toString():a[m]),d&&(p={...p,colSpan:0,style:{...u,position:"sticky",zIndex:2}},g={className:"k-table-td",role:"gridcell",colSpan:r-t,style:{borderLeftWidth:0,borderRightWidth:0}})),{tdProps:p,td2Props:g,content:f,renderToggleCell:v}},Zt=e=>{var t,n;return null==(n=null==(t=e.cells)?void 0:t.group)?void 0:n[e.rowType||"data"]},en=(e,t)=>{const n=x.useContext(Y),r=l.useTableKeyboardNavigation(e.id),a=et(e.dataItem,e.field),i=tt(e),s=x.useCallback((t=>{t.isDefaultPrevented()||t.keyCode===o.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:l.GROUP_EXPAND_ACTION.TOGGLE,group:e.group},t))}),[n,e.dataItem,e.dataIndex,e.expanded,e.group]);return{...r,...t?{onKeyDown:s}:{},onContextMenu:a,style:i}},tn=e=>{const{cellProps:t}=e,{tdProps:n,td2Props:r,content:l,renderToggleCell:o}=Qt(t),a=en(t,o),i=Ze(t),s={...t,...i},c={...n,...a,style:{...null==n?void 0:n.style,...a.style}},d=r?{...r,onContextMenu:a.onContextMenu}:null,u=Zt(t);if(u)return x.createElement(u,{...s,tdProps:c,td2Props:d},l);const m=n?x.createElement("td",{...c,key:null==n?void 0:n.key},l):null,p=d?x.createElement("td",{...d}):null;return p?x.createElement(x.Fragment,null,m,p):m},nn=e=>{var t;const n=x.useContext(Y),{reorderRowDropTargetRef:r,reorderRowDragTargetRef:l,activeDragRowDataItemRef:a}=n,{rowType:i,isAltRow:s,isInEdit:c,isSelected:d}=e,u=o.useUnstyled(),m=u&&u.uGrid?u.uGrid:o.uGrid,p=o.classNames(m.tr({selected:d,isHeader:"groupHeader"===i,isFooter:"groupFooter"===i,isMaster:"groupHeader"!==i&&"groupFooter"!==i,isAltRow:s,isInEdit:c})),g=x.useRef(null);o.useDroppable(g,{onDragOver:t=>{if(e.isRowReorderable&&a.current){const e=t.originalEvent.target;r.current=e.closest(".k-table-row")}},onDrop:()=>{l.current&&e.isRowReorderable&&(l.current.style.userSelect="")}});const f={onClick:t=>n.rowClick(t,e.dataItem),onDoubleClick:t=>n.rowDblClick(t,e.dataItem)},h={ref:g,id:e.id,...f,className:p,style:{height:e.rowHeight?e.rowHeight+"px":"",visibility:e.isHidden?"hidden":"",userSelect:null==(t=null==l?void 0:l.current)?void 0:t.style.userSelect},role:"row","aria-rowindex":e.ariaRowIndex,"absolute-row-index":e.absoluteRowIndex,[lt]:"data"===e.rowType?e.dataIndex:void 0},v=e.rowType||"data",E=e.rows;if(E&&E[v]){const t=E[v];return x.createElement(t,{key:e.absoluteRowIndex,...e,trProps:h},e.children)}return x.createElement("tr",{key:e.absoluteRowIndex,...h},e.children)},rn=e=>{const t=x.useContext(Y),n=o.useId(),r=a.useLocalization(),l=e.id||n;return[x.createElement("span",{key:0,className:"k-checkbox-wrap"},x.createElement("input",{id:l,type:"checkbox",tabIndex:-1,className:"k-checkbox k-checkbox-md k-rounded-md","aria-label":r.toLanguageString(Fe,$e[Fe]),"aria-checked":e.selectionValue,checked:e.selectionValue,onChange:n=>t.onHeaderSelectionChange({field:e.field,syntheticEvent:n})})),e.columnMenuWrapperProps.columnMenu&&x.createElement(Et,{...e.columnMenuWrapperProps})]},ln=e=>{const t=a.useLocalization();return x.createElement(x.Fragment,null,e.children||t.toLanguageString(J,$e[J]))};ln.displayName="KendoReactGridNoRecords";const on=e=>{const t=x.useContext(Y),n=l.useTableKeyboardNavigation(e.id),r=t.getCellPositionStyle(e.column),o={...n,style:{...r}};return e.isCustom&&(t.isClient||e.isClient)?_(e.children,{tdProps:{...e.tdProps,...o},...n}):_(e.children,{...o})},an=e=>{const{column:t,index:n,cells:r}=e,l={colSpan:1!==t.colSpan?t.colSpan:void 0,className:o.classNames("k-table-td",t.locked&&void 0!==t.left?"k-grid-footer-sticky":""),role:"gridcell","aria-colindex":t.ariaColumnIndex},a={field:t.field,ariaColumnIndex:t.ariaColumnIndex,...l},i=F(t),s=K(r,t.cells);if(s&&s.footerCell){const t=s.footerCell,r=V(t);return x.createElement(on,{key:n,id:e.id,tdProps:l,isCustom:!0,isClient:r,column:i},x.createElement(t,{...a,tdProps:l,index:n}))}return x.createElement(on,{key:n,id:e.id,column:i},x.createElement("td",{...l}))},sn=e=>x.createElement("tr",{className:"k-table-row",role:"row","aria-rowindex":e.ariaRowIndex},(e=>e.filter((t=>{var n;return!(((e,t)=>{var n;let r=e[t.parentIndex];for(;r;){if(null!=(n=r.cells)&&n.footerCell)return!0;r=e[r.parentIndex]}return!1})(e,t)||(null==(n=t.cells)||!n.footerCell)&&t.children&&t.children.length>0)})))(e.columns).map(((t,n)=>{const r=l.tableKeyboardNavigationTools.generateNavigatableId(`${n}-footercell`,e.idPrefix,"nodata");return x.createElement(an,{key:r,column:t,id:r,index:n,cells:e.cells})}))),cn=e=>(({buttonCount:e=10,info:t=!0,type:n="numeric",pageSizes:r,previousNext:l=!0,responsive:o,adaptive:a,adaptiveTitle:i,navigatable:s,pageSizeValue:c})=>({buttonCount:e,info:t,pageSizes:!0===r?[5,10,20]:r||void 0,previousNext:l,responsive:!1!==o,adaptive:!0===a,adaptiveTitle:i||"Items per page",navigatable:!1!==s,type:n,pageSizeValue:c}))(!0===e?{}:e),dn={name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"11.1.1-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},un=e=>{const{colSpan:t,ariaColIndex:n,unstyled:r}=e,l=r&&r.uGrid?r.uGrid:o.uGrid;return{tdProps:{className:o.classNames(l.detailTd({})),colSpan:t,"aria-colindex":n,role:"gridcell"}}},mn=e=>{const t=l.useTableKeyboardNavigation(e.id);return{onContextMenu:et(e.dataItem),...t}},pn=e=>{const{dataItem:t,dataIndex:n}=e,{tdProps:r}=un(e),l=mn(e);return x.createElement("td",{...r,...l},x.createElement(e.detail,{dataItem:t,dataIndex:n}))},gn=e=>{const t=e.unstyled,n=t&&t.uGrid?t.uGrid:o.uGrid;return x.createElement("td",{className:o.classNames(n.hierarchyTd({})),role:"gridcell"})},fn=e=>{const t=x.useContext(Y),n=t.headerRef.current,r=n&&n.table()&&n.table().clientWidth,a=o.uGrid;return x.createElement("div",{key:"no-records",className:o.classNames(a.noRecords({})),style:{width:r}},x.createElement("div",{className:o.classNames(a.noRecordsTemplate({})),[l.KEYBOARD_NAV_DATA_ID]:l.tableKeyboardNavigationTools.generateNavigatableId("no-records",l.tableKeyboardNavigationTools.getIdPrefix(t.navigationStateRef))},e.children))};fn.displayName="KendoReactGridNoRecordsContainer";let hn=class{constructor(e){this.columns=[],this.columnsState=[],this.resizable=!1,this.isRtl=!1,this.setIsRtl=e=>{this.isRtl=e},this.initWidths=()=>{var e;const t=(null==(e=this.colGroupMain)?void 0:e.children)||[],n=O(this.columnsState),r=this.columns.filter((e=>{var t;return!(null!=(t=e.children)&&t.length)}));for(let e=0;e<t.length;e++){const l=t[e];let o="";const a=n.find((t=>t.id===r[e].id));a&&(o=a.width||""),l.width=o,this.colGroupHeader&&(this.colGroupHeader.children[e].width=o),this.colGroupFooter&&(this.colGroupFooter.children[e].width=o)}},this.dragHandler=(e,t,n,r)=>{const l=e.originalEvent;r||(l.preventDefault(),l.stopPropagation(),l.stopImmediatePropagation());const o=n.closest("th");if(!o||!o)return;const a=o.clientWidth;let i=a;if(this.isRtl?i+=n.getBoundingClientRect().right-n.offsetWidth/2-e.clientX:i+=e.clientX-n.getBoundingClientRect().left-n.offsetWidth/2,!r&&Math.abs(i-a)<1)return;this.fixateInitialWidths(o.parentElement.clientWidth),this.setWidths(t,Math.floor(i)/a);const s=this.columns.filter((e=>!e.children.length)).findIndex((e=>e.id===t.id));this.onResize(s,a,i,l,r,this.columnsState,t.id)},this.dblClickHandler=(e,t)=>{const n=this.columns.filter((e=>t.indexOf(e.id)>-1)),r=O(this.columnsState);if(!this.colGroupMain||!n.length)return;const l={},o=n;for(;o.length>0;){const e=o.pop();if(!e)break;e.children.length?o.push(...e.children):l[e.id]=e}const a=this.columns.filter((e=>!e.children.length)),i=[];a.forEach(((e,t)=>{l[e.id]&&i.push(t)}));const s=[this.colGroupMain.parentElement],c=[this.colGroupMain];this.colGroupHeader&&(s.push(this.colGroupHeader.parentElement),c.push(this.colGroupHeader)),this.colGroupFooter&&(s.push(this.colGroupFooter.parentElement),c.push(this.colGroupFooter)),s.forEach((e=>e.classList.add("k-autofitting")));const d=[];c.forEach((e=>{i.forEach((t=>{e.children[t]&&(e.children[t].width="",d[t]=Math.max(d[t]||0,e.children[t].offsetWidth+1))}))})),c.forEach((e=>{i.forEach((t=>{if(e.children[t]){e.children[t].width=d[t]+"px";const n=r.find((e=>e.id===a[t].id));n&&(n.width=d[t])}}))})),s.forEach((e=>e.classList.remove("k-autofitting"))),this.onResize(i[0],0,0,e,!0,this.columnsState,t[0])},this.updateColElements=e=>{const t=this.columns.filter((e=>!e.hidden&&!e.children.length));let n=1e-10;for(let r=0;r<e.length;r++){const l=e[r],o=t.findIndex((e=>e.id===l.id)),a=parseFloat((l.width||0).toString()),i=Math.floor(a);n+=a-i;const s=i+Math.floor(n);n-=Math.floor(n);const c=t.find((e=>e.id===l.id));if(!c)return;if(this.colGroupMain&&this.colGroupMain.children[o]){const e=parseInt(this.colGroupMain.children[o].width,10);this.colGroupMain.children[o].width=s+"px",this.updateNextLockedCol(this.colGroupMain.parentElement,c,e-s)}if(this.colGroupHeader&&this.colGroupHeader.children[o]){const e=parseInt(this.colGroupHeader.children[o].width,10);this.colGroupHeader.children[o].width=s+"px",this.updateNextLockedCol(this.colGroupHeader.parentElement,c,e-s)}if(this.colGroupFooter&&this.colGroupFooter.children[o]){const e=parseInt(this.colGroupFooter.children[o].width,10);this.colGroupFooter.children[o].width=s+"px",this.updateNextLockedCol(this.colGroupFooter.parentElement,c,e-s)}}},this.onResize=e}fixateInitialWidths(e){var t;let n=0;const r=(null==(t=this.colGroupMain)?void 0:t.children)||[];for(let t=0;t<r.length;t++)r[t].width?e-=parseFloat(r[t].width):n++;if(0===n)return;const l=Math.floor(e/n),o=O(this.columnsState),a=this.columns.filter((e=>!e.children.length));for(let e=0;e<r.length;e++){const t=r[e];if(!t.width){t.width=l;const n=o.find((t=>t.id===a[e].id));n&&(n.width=l.toString()),this.colGroupHeader&&(this.colGroupHeader.children[e].width=l),this.colGroupFooter&&(this.colGroupFooter.children[e].width=l)}}}setWidths(e,t){const n=O(this.columnsState),r=this.columns.findIndex((t=>t.id===e.id)),l=[];let o=e.children.filter((e=>!e.hidden)).length;for(let e=r+1;e<this.columns.length&&!(o<=0);e++){const t=this.columns[e];t.children.length?o+=t.children.filter((e=>!e.hidden)).length:l.push(t),o--}0===l.length&&l.push(e);const a=[];l.forEach((e=>{const r=n.find((t=>t.id===e.id));if(r){let n=r.width?parseFloat(r.width.toString())*t:0;const l=void 0===e.minResizableWidth?10:e.minResizableWidth;n<l&&(n=l),r.width=n,a.push(r)}})),this.updateColElements(a)}updateNextLockedCol(e,t,n){const r=t.index,l=this.colGroupMain.parentElement.closest(".k-grid"),o=null==l?void 0:l.clientWidth,a=this.columns.filter((e=>e.locked)).map((e=>parseInt(e.width+"",10))).reduce(((e,t)=>e+t),0);!t.locked||o<=a+20||this.columns.forEach((t=>{if(null!=t&&t.locked&&n){const l=null==e?void 0:e.querySelectorAll('[aria-colindex="'+t.ariaColumnIndex+'"]');null==l||l.forEach((e=>{const l=e.style;this.isRtl?(t.index>r&&l&&l.right&&(l.right=parseInt(l.right,10)-n+"px"),t.index<r&&l&&l.left&&(l.left=parseInt(l.left,10)-n+"px")):(t.index>r&&l&&l.left&&(l.left=parseInt(l.left,10)-n+"px"),t.index<r&&l&&l.right&&(l.right=parseInt(l.right,10)-n+"px"))}))}}))}},vn=class{constructor(e,t,n){this.refDragElementClue=x.createRef(),this.refDropElementClue=x.createRef(),this.columns=[],this.reorderable=!1,this.groupable=!1,this.startColumn=-1,this.startGroup=-1,this.currentColumn=-1,this.currentGroup=-1,this.groupPanelDivElement=null,this.refGroupPanelDiv=e=>{this.groupPanelDivElement=e&&e.children?e.children[0]:e},this.pressHandler=(e,t)=>{const n=this.getColumnIndex(e,t);if(this.startGroup=this.getGroupIndex(e),n>=0){const e=this.columns[n];(e.reorderable&&this.reorderable||e.groupable&&this.groupable)&&(this.startColumn=n)}},this.dragHandler=(e,t)=>{if(e.isTouch||e.originalEvent.preventDefault(),e.originalEvent.stopPropagation(),-1===this.startColumn&&-1===this.startGroup)return;this.currentColumn=this.getColumnIndex(e,t),this.currentGroup=this.isTargetGroupingContainer(e)?this.getCurrentGroupsLength:this.getGroupIndex(e);const n=!this.isValid();n&&(this.currentColumn=-1,this.currentGroup=-1);const r=this.currentColumn>=0?t.children[this.columns[this.currentColumn].index]:this.isTargetGroupingContainer(e)?e.originalEvent.target:this.groupPanelDivElement&&this.groupPanelDivElement.children[this.currentGroup];this.updateDragElementClue(e,t,r,n),this.updateDropElementClue(e,t,r,n)},this.releaseHandler=e=>{const t=this.startColumn,n=this.currentColumn,r=this.startGroup,l=this.currentGroup;e.originalEvent.preventDefault(),this.dropElementClue&&this.dropElementClue.setState({visible:!1}),this.dragElementClue&&this.dragElementClue.setState({visible:!1});const o=this.isValid();this.startColumn=this.startGroup=this.currentColumn=this.currentGroup=-1,o&&(t>=0&&n>=0?this.columnReorder(t,n,e.originalEvent):r>=0&&l>=0?this.groupReorder(r,l,e.originalEvent):t>=0&&l>=0&&this.columnToGroup(t,l,e.originalEvent))},this.columnReorder=e,this.groupReorder=t,this.columnToGroup=n}get dragClueRef(){return this.refDragElementClue}get dropClueRef(){return this.refDropElementClue}get getCurrentGroupsLength(){const e=this.groupPanelDivElement&&this.groupPanelDivElement.children;return e&&e.length||0}get dragElementClue(){return this.refDragElementClue.current}get dropElementClue(){return this.refDropElementClue.current}getColumnIndex(e,t){if(!t||t.parentElement===this.groupPanelDivElement)return-1;const n=l.getIndex(e,t);if(-1===n)return-1;for(let e=0;e<t.parentNode.children.length;e++)if(t.parentNode.children[e]===t)return this.columns.findIndex((t=>t.index===n&&t.depth===e));return-1}isTargetGroupingContainer(e){const t=e.originalEvent.target;return!!t.className.indexOf&&-1!==t.className.indexOf("k-grouping-drop-container")}getGroupIndex(e){return l.getIndex(e,this.groupPanelDivElement)}isValid(){return this.startGroup>=0?this.currentGroup>=0&&this.currentGroup!==this.startGroup:-1!==this.startColumn&&(this.currentGroup>=0?!0===this.columns[this.startColumn].groupable&&!0===this.groupable:!0===this.reorderable&&this.currentColumn>=0&&this.currentColumn!==this.startColumn&&!0===this.columns[this.startColumn].reorderable&&this.columns[this.currentColumn].parentIndex===this.columns[this.startColumn].parentIndex)}updateDragElementClue(e,t,n,r){if(!this.dragElementClue)return;const l=this.startColumn>=0?t.children[this.columns[this.startColumn].index].innerText:t.innerText;this.dragElementClue.setState({visible:!0,top:e.pageY+10,left:e.pageX,innerText:l,status:r||!n?"k-i-cancel":"k-i-plus"})}updateDropElementClue(e,t,n,r){if(!this.dropElementClue)return;if(r||!n)return void this.dropElementClue.setState({visible:!1});const l=n.getBoundingClientRect(),o=(n.closest(".k-grouping-header")||n).getBoundingClientRect();let a=l.left+e.pageX-e.clientX-6;!this.isTargetGroupingContainer(e)&&(this.currentColumn>this.startColumn||this.currentGroup>this.startGroup&&-1!==this.startGroup)&&"rtl"!==this.dir&&(a+=l.width);const i=o.top+e.pageY-e.clientY;this.dropElementClue.setState({visible:!0,top:i,left:a,height:this.currentColumn>=0?t.clientHeight:o.height})}},En=class{constructor(){this.table=null,this.tableBody=null,this.container=null,this.scrollHeightContainer=null,this.total=0,this.scrollableVirtual=!1,this.pageSize=0,this.PageChange=null,this.fixedScroll=!1,this.tableTransform="",this.reactVersion=Number.parseFloat(x.version),this.scrollSyncing=!1,this.firstToLoad=0,this.lastScrollTop=0,this.firstLoaded=0,this.lastLoaded=0,this.scrollHandler=this.scrollHandler.bind(this)}reset(){this.firstToLoad=0,this.firstLoaded=0,this.lastLoaded=0,this.rowHeightService=void 0,!this.fixedScroll&&this.container&&0!==this.container.scrollTop&&(this.scrollSyncing=!0,this.container.scrollTop=0,this.lastScrollTop=0,this.translate(0,!0))}scrollHandler(e){if(this.scrollSyncing)return void(this.scrollSyncing=!1);if(!(this.scrollableVirtual&&this.container&&this.table&&this.rowHeightService&&this.container))return;const t=this.container.scrollTop,n=this.lastScrollTop>=t,r=!n;this.lastScrollTop=t;const l=this.container.offsetHeight;let o=this.rowHeightService.index(t);const a=this.rowHeightService.index(t+l),i=Math.max(o+this.pageSize-this.total,0);if(o=Math.max(o-i,0),r&&a>=this.lastLoaded&&this.lastLoaded<this.total-1)this.firstToLoad=o,this.loadPage(e);else if(n&&o<this.firstToLoad){const t=Math.max(Math.floor(.3*this.pageSize)-i,0);this.firstToLoad=Math.max(o-t,0),this.loadPage(e)}}update(){var e;const t=this.getItemHeights();if(this.firstLoaded>this.firstToLoad){const e=Math.min(this.firstLoaded-this.firstToLoad,this.pageSize),n=this.getTotalHeight(e,t)-this.getExpectedTotalHeight(e);0!==n&&this.adjustScroll(n)}null==(e=this.rowHeightService)||e.update(this.firstToLoad,t),this.setScrollHeightContainerHeight(),this.firstLoaded=this.firstToLoad,this.lastLoaded=this.firstLoaded+t.length-1}loadPage(e){this.rowHeightService&&(this.translate(this.rowHeightService.offset(this.firstToLoad)),this.changePage(this.firstToLoad,e))}translate(e,t){this.scrollableVirtual&&this.table&&(this.reactVersion<=17||t?this.table.style.transform="translateY("+e+"px)":this.tableTransform="translateY("+e+"px)")}changePage(e,t){this.PageChange&&this.PageChange({skip:Math.max(0,e),take:this.pageSize},t)}adjustScroll(e){this.scrollSyncing=!0,this.container&&(this.container.scrollTop+=e)}setScrollHeightContainerHeight(){var e;if(this.scrollableVirtual&&this.scrollHeightContainer){let t=(null==(e=this.rowHeightService)?void 0:e.totalHeight())||0;t=z?Math.min(17895697,t):t,this.scrollHeightContainer.style.height=t+"px"}}getItemHeights(){const e=[];return this.tableBody&&Array.from(this.tableBody.children).forEach((t=>{const n=t.getBoundingClientRect().height;t.classList.contains("k-detail-row")?e[e.length-1]+=n:e.push(n)})),e}getTotalHeight(e,t){return t.slice(0,e).reduce(((e,t)=>e+t),0)}getExpectedTotalHeight(e){const t=this.rowHeightService;if(!t)return 0;const n=this.firstToLoad+(e-1);return t.offset(n)+t.height(n)-t.offset(this.firstToLoad)}};const Cn={[R.create]:{name:"create",text:"Add",icon:"plus",svgIcon:i.plusIcon,data:{action:"AddCommand"}},[R.edit]:{name:"edit",text:"Edit",icon:"pencil",svgIcon:i.pencilIcon,data:{action:"EditCommand"}},[R.delete]:{name:"delete",text:"Delete",icon:"trash",svgIcon:i.trashIcon,data:{action:"DeleteCommand"}},[R.select]:{name:"select",text:"Select",icon:"table-body",svgIcon:i.tableBodyIcon,items:[{name:"selectRow",text:"Row",icon:"table-row-groups",svgIcon:i.tableRowGroupsIcon,data:{action:"SelectRowCommand"}},{name:"selectAllRows",text:"All rows",icon:"grid",svgIcon:i.gridIcon,data:{action:"SelectAllRowsCommand"}},{name:"clearSelection",text:"Clear selection",icon:"table-unmerge",svgIcon:i.tableUnmergeIcon,data:{action:"ClearSelectionCommand"}}]},[R.copySelection]:{name:"copySelection",text:"Copy selection",icon:"page-header-section",svgIcon:i.pageHeaderSectionIcon,data:{action:"CopySelectionCommand"},options:"withHeaders"},[R.copySelectionNoHeaders]:{name:"copySelectionNoHeaders",text:"Copy selection (No Headers)",icon:"file-txt",svgIcon:i.fileTxtIcon,data:{action:"CopySelectionCommand"}},[R.paste]:{name:"paste",text:"Paste (use CTRL/⌘ + V)",icon:"clipboard",svgIcon:i.clipboardIcon,data:{action:"PasteCommand"}},[R.reorderRow]:{name:"reorderRow",text:"Reorder row",icon:"caret-alt-expand",svgIcon:i.caretAltExpandIcon,items:[{name:"reorderRowUp",text:"Up",icon:"caret-alt-up",svgIcon:i.caretAltUpIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowDown",text:"Down",icon:"caret-alt-down",svgIcon:i.caretAltDownIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowTop",text:"Top",icon:"caret-alt-to-top",svgIcon:i.caretAltToTopIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowBottom",text:"Bottom",icon:"caret-alt-to-bottom",svgIcon:i.caretAltToBottomIcon,data:{action:"ReorderRowCommand"}}]},[R.exportPDF]:{name:"exportPDF",text:"Export to PDF",icon:"file-pdf",svgIcon:i.filePdfIcon,data:{action:"ExportPDFCommand"}},[R.exportExcel]:{name:"exportExcel",text:"Export to Excel",icon:"file-excel",svgIcon:i.fileExcelIcon,items:[{name:"exportToExcelAll",text:"All",data:{action:"ExportExcelCommand"}},{name:"exportToExcelSelection",text:"Selection",data:{action:"ExportExcelCommand"},options:"selection,withHeaders"},{name:"exportToExcelSelectionNoHeaders",text:"Selection (No Headers)",data:{action:"ExportExcelCommand"},options:"selection"}]},[R.separator]:{name:"separator",separator:!0},[R.sortAsc]:{name:"sortAsc",text:"Sort Ascending",icon:"sort-asc-small",svgIcon:i.sortAscSmallIcon,data:{action:"SortCommand"}},[R.sortDesc]:{name:"sortDesc",text:"Sort Descending",icon:"sort-desc-small",svgIcon:i.sortDescSmallIcon,data:{action:"SortCommand"}}},bn=e=>{const{show:t,offset:n,dataItem:r,field:l,items:o,onClose:i,onSelect:s}=e,c=a.useLocalization(),d=x.useCallback((e=>{s.call(void 0,{event:e,dataItem:r,field:l})}),[s,r,l]),m=x.useCallback((e=>{const t=e;return t.text&&t.name&&(t.text=c.toLanguageString(`contextMenu.${t.name}`,t.text||"")),t.items&&Array.isArray(t.items)&&(t.items=t.items.map((e=>m(e)))),t}),[c]),p=x.useMemo((()=>o&&o.map((e=>m("string"==typeof e?Cn[e]:e)))),[o,m]);return x.createElement(u.ContextMenu,{show:t,offset:n,items:p,onClose:i,onSelect:d})},xn=(...e)=>Object.assign({allowUnsort:!0,mode:"single"},...e),kn={true:{asc:{asc:"",desc:"desc"},desc:{asc:"asc",desc:""},"":{asc:"asc",desc:"desc"}},false:{asc:{asc:"asc",desc:"desc"},desc:{asc:"asc",desc:"desc"},"":{asc:"asc",desc:"desc"}}},yn={true:{asc:"desc",desc:"","":"asc"},false:{asc:"desc",desc:"asc","":"asc"}},In=x.forwardRef(((e,t)=>{const{gridProps:n,pdf:r}=e,l={...n,...r},[o,a]=x.useState(!1),i=x.useRef(null);x.useEffect((()=>{o&&async function(){await e.onPdfExport({target:i.current}),a(!1)}()}),[o,e.onPdfExport]);const s=()=>{a(!0)};x.useImperativeHandle(t,(()=>({save:s})));return o&&p.createPortal(x.createElement("div",{style:{position:"absolute",left:"-5000px",top:"0px"}},x.createElement("div",{ref:i},(t=>{const n={style:{...l.style,width:"1000px"}};return e.innerGrid?x.createElement(e.innerGrid,{...n,...l,scrollable:"scrollable"}):null})())),document.body)}));In.displayName="BasePDFExport",In.propTypes={grid:n.element.isRequired,pdf:n.object,onPdfExport:n.func.isRequired};const Sn=e=>{const t=e.gridProps.isClient,[n,r]=x.useState({}),a=o.useAdaptiveModeContext(),i=x.useRef(null),s=()=>{r({})},c=x.useMemo((()=>e.columnsRef.find((e=>e.field===n.field))),[e.columnsRef,n]),d=x.useMemo((()=>{const t=e.gridProps.sortable&&(null==c?void 0:c.sortable);return(e=>{let t=[];return e.sortable&&(t=t.concat([R.sortAsc,R.sortDesc])),e.pdf&&(t.length&&(t=t.concat([R.separator])),t=t.concat([R.exportPDF])),t})({pdf:!!e.gridProps.pdf,sortable:!!t,selectable:l.getSelectionOptions(e.gridProps.selectable).enabled,clipboard:!!e.gridProps.clipboard})}),[c,e.gridProps.sortable,e.gridProps.selectable,e.gridProps.clipboard]),u=x.useMemo((()=>{const t=e.gridProps.sortable&&(null==c?void 0:c.sortable);return(e=>{let t=[];return e.clipboard&&(t=t.concat([R.copySelection,R.copySelectionNoHeaders,R.paste])),e.editable&&(t.length&&(t=t.concat([R.separator])),t=t.concat([R.create,R.edit,R.delete])),e.selectable&&(t.length&&(t=t.concat([R.separator])),t=t.concat([R.select])),e.rowReorderable&&(t.length&&(t=t.concat([R.separator])),t=t.concat([R.reorderRow])),e.pdf&&(t.length&&(t=t.concat([R.separator])),t=t.concat([R.exportPDF])),t})({pdf:!!e.gridProps.pdf,sortable:!!t,selectable:l.getSelectionOptions(e.gridProps.selectable).enabled,clipboard:!!e.gridProps.clipboard,rowReorderable:H(e.gridProps.rowReorderable)})}),[c,e.gridProps.sortable,e.gridProps.selectable,e.gridProps.clipboard]),m=x.useMemo((()=>{const t=(null==c?void 0:c.contextMenu)||e.gridProps.contextMenu,r="function"==typeof t?t(n):t;if(r&&n.offset){const e=r[n.dataItem?w.body:w.head],t=n.dataItem?u:d;return!1===e?void 0:!0===e||void 0===e?t:e}}),[e.gridProps.contextMenu,n,u,d,c]),p=()=>{const t=e.columnsRef.filter((e=>e.declarationIndex>=0&&-1===e.parentIndex));return A(t)},g=n=>{if("moveToNextPage"===n.action&&P(n.event),"moveToPrevPage"===n.action&&N(n.event),n.focusElement&&"reorderToRight"===n.action){const t=parseInt(n.focusElement.ariaColIndex,10)-1;t<e.columnsRef.length-1&&G(t,t+1,n.event)}if(n.focusElement&&"reorderToLeft"===n.action){const e=parseInt(n.focusElement.ariaColIndex,10)-1;e>0&&G(e,e-1,n.event)}if("select"===n.action&&h(n.event),e.gridProps.onNavigationAction&&t){const t={focusElement:n.focusElement,...X(n.event)};J(e.gridProps.onNavigationAction,t)}},f=(t,n,r)=>{const{allowUnsort:l,mode:o}=xn(e.gridProps.sortable||!1,n.sortable||!1),a=(e.gridProps.sort||[]).filter((e=>e.field===n.field))[0],i=r||yn[l][a&&a.dir||""],s="single"===o?[]:(e.gridProps.sort||[]).filter((e=>e.field!==n.field));""!==i&&n.field&&s.push({field:n.field,dir:i}),M(s,t)},h=t=>{var n,r;if(!Ve.enabled||!e.gridProps.dataItemKey)return;const o={dataItems:Q(),mode:Ve.mode,cell:Ve.cell,componentId:e.id,selectedField:"",...X(t)},a=l.getSelectedStateFromKeyDown({event:o,selectedState:null!=(n=e.gridProps.select)?n:{},dataItemKey:e.gridProps.dataItemKey});if(a===e.gridProps.select)return;const i=t.target,s=l.closestTagName(i,"TD"),c=l.closestTagName(i,"TR"),d=l.getColumnIndex(s),u=l.getRowIndex(c);if(void 0!==d&&void 0!==u){const n=null==(r=T(e.gridProps.data))?void 0:r[u];e.gridProps.onSelectionChange&&J(e.gridProps.onSelectionChange,{...o,select:a,dataItem:n,startRowIndex:u,startColIndex:d,startDataItem:n,endDataItem:n,endRowIndex:u,endColIndex:d,ctrlKey:t.ctrlKey,altKey:t.altKey,metaKey:t.metaKey,shiftKey:t.shiftKey,isDrag:!1})}},v=(t,n)=>{e.gridProps.onSelectionChange&&Ve.enabled&&J(e.gridProps.onSelectionChange,{...t,select:n})},E=t=>{if(e.gridProps.onSelectionChange&&Ve.enabled){const n=t.dataItems[0],r=t.dataItems[t.dataItems.length-1],l={},a={...t,startDataItem:n,endDataItem:r,startRowIndex:0,endRowIndex:t.dataItems.length-1,startColIndex:0,endColIndex:e.columnsRef.length-1};t.dataItems.forEach((n=>{const r=o.getter(e.gridProps.dataItemKey)(n);l[r]=!t.cell||[...Array(e.columnsRef.length).keys()]})),v(a,l)}},C=t=>{if(e.gridProps.onSelectionChange&&Ve.enabled){const n=o.getter(e.gridProps.dataItemKey)(t.dataItem),r=0,l=e.columnsRef.length-1,a=t.dataItems.findIndex((n=>n[e.gridProps.dataItemKey]===t.dataItem[e.gridProps.dataItemKey])),i={...t,startDataItem:a,endDataItem:a,startRowIndex:a,endRowIndex:a,startColIndex:r,endColIndex:l},s="multiple"===t.mode&&e.gridProps.select||{};!0===s[n]||Array.isArray(s[n])&&s[n].length===e.columnsRef.length?delete s[n]:s[n]=!t.cell||[...Array(e.columnsRef.length).keys()],v(i,s)}},b=t=>{e.gridProps.onSelectionChange&&Ve.enabled&&v(t,{})},k=(t,n,r,l,o)=>{S();const a=e.gridProps.onDataStateChange;if(t){const e={...X(l),...n,targetEvent:o};J(t,e)}else a&&J(a,{...X(l),targetEvent:o||{},dataState:{...$(),...r}})},y=(t,n,r)=>{var l;ze&&e.gridProps.pageable&&(null==(l=ie.current)||l.reset()),k(e.gridProps.onPageChange,{page:t},{skip:t.skip,take:t.take},n,r)},I=(t,n,r)=>{var l;e.gridProps.pageable||null!=(l=e.gridProps.group)&&l.length?e.gridProps.virtualSkipRef&&(e.gridProps.virtualSkipRef.current=t.skip,oe()):y(t,n,r)},S=()=>{ze&&e.gridProps.virtualSkipRef&&(e.gridProps.virtualSkipRef.current=0)},P=t=>{var n,r;const l=null!=(r=null!=(n=e.gridProps.take)?n:e.gridProps.pageSize)?r:0,o=(e.gridProps.skip||0)+l,a=(()=>{let t=e.gridProps.total||0;return Array.isArray(e.gridProps.data)?t=t||e.gridProps.data.length:e.gridProps.data&&(t=t||e.gridProps.data.total),t})();o<a&&y({skip:o,take:l},t)},N=t=>{var n,r;const l=null!=(r=null!=(n=e.gridProps.take)?n:e.gridProps.pageSize)?r:0,o=(e.gridProps.skip||0)-l;o>=0&&y({skip:o,take:l},t)},M=(t,n)=>{k(e.gridProps.onSortChange,{sort:t},{sort:t,...ze&&!e.gridProps.pageable?{skip:0}:{}},n)},D=()=>{var e;null==(e=i.current)||e.save()},L=(t,n)=>{const r=n.nativeEvent?n:{nativeEvent:n.nativeEvent||n.originalEvent};let l={};e.isVirtualScroll&&t.length&&!e.gridProps.pageable&&(l={take:void 0}),0===t.length&&e.gridProps.navigatable&&(Ie.current=!0),k(e.gridProps.onGroupChange,{group:t},{group:t,skip:0,...l},r)},F=t=>{if(e.gridProps.onColumnsStateChange){const n={target:ae.current,columnsState:t};J(e.gridProps.onColumnsStateChange,n)}},G=(t,n,r)=>{const{columnsRef:o,columnsState:a}=e,i=o[t],s=O(a),c=i.depth,d=e=>{do{e++}while(e<o.length&&o[e].depth>c);return e},u=o.splice(t,d(t)-t);o.splice(t<n?d(n-u.length):n,0,...u),o.filter((e=>e.declarationIndex>=0)).forEach(((e,t)=>{e.orderIndex=t;const n=s.find((t=>t.id===e.id));n&&(n.orderIndex=t)}));const m=o[t].locked&&o[n].locked;l.updateLeft(e.columnsMapRef,o,m||Pe.current),l.updateRight(e.columnsMapRef,o,m||Pe.current),ye.current&&(Pe.current=!1,ye.current=!1);const g=p();if(oe(),e.gridProps.onColumnReorder){const t={target:ae.current,columns:g,columnId:i.id,nativeEvent:r};J(e.gridProps.onColumnReorder,t)}F(a)},B=(t,n,r)=>{const l="object"==typeof e.gridProps.rowReorderable?e.gridProps.rowReorderable.enabled:e.gridProps.rowReorderable;if("forbidden"===r||!l||!Fe.current)return;const o=e.dataRef[n];e.gridProps.onRowReorder&&J(e.gridProps.onRowReorder,{draggedDataItems:[Fe.current],droppedDataItem:null==o?void 0:o.dataItem,dropPosition:r,nativeEvent:t.originalEvent,dragEvent:t,target:ae.current}),Fe.current=null},z=(t,n,r)=>{if(void 0===e.gridProps.group)return;const l=e.gridProps.group.slice();l.splice(n,0,...l.splice(t,1)),L(l,r)},K=(t,n,r)=>{const l=e.columnsRef[t].field;if(!l)return;const o=(e.gridProps.group||[]).slice();o.splice(n,0,{field:l}),L(o,r)},V=()=>{let e=0;if(!se.current.colGroupMain)return;const t=se.current.colGroupMain.children;for(let n=0;n<t.length;n++){const r=t[n].width;if(!r){e=0;break}e+=parseFloat(r.toString())}e=Math.round(e),ke.current&&ke.current.setWidth(e),xe.current&&xe.current.setWidth(e),ve.current&&(ve.current.style.width=e?e+"px":"")},W=()=>{var t;e.gridProps.widthRef&&(e.gridProps.widthRef.current=(null==(t=Ce.current)?void 0:t.offsetWidth)||0)},q=()=>{var t;e.gridProps.containerHeightRef&&(e.gridProps.containerHeightRef.current=(null==(t=he.current)?void 0:t.offsetHeight)||0)},_=x.useCallback(((n,r,o,a,i)=>{var s;if(!U()&&!o||!n)return;const c={type:n,nativeEvent:r,columns:e.columnsRef,dataItemKey:e.gridProps.dataItemKey||"",dataItem:a,field:i,..."boolean"!=typeof e.gridProps.clipboard?e.gridProps.clipboard:{},...o},d=Q(),u=l.populateClipboardData({event:c,data:d,selectedState:null!=(s=e.gridProps.select)?s:{},previousCopiedItems:Le.current});n!==l.ClipboardActionType.paste&&(Le.current=u.copiedItems),e.gridProps.onClipboard&&t&&J(e.gridProps.onClipboard,{...c,...u})}),[e.gridProps.select,e.gridProps.dataItemKey,e.gridProps.data,e.gridProps.clipboard,e.gridProps.onClipboard]),U=()=>{var e,t,n;if(!o.canUseDOM)return!1;const r=o.getActiveElement(Z()),l=r?r.matches(".k-table-td")?r:null==(e=Z())?void 0:e.body:null==(t=Z())?void 0:t.body,a=l.closest(".k-grid-container"),i=l&&(null==(n=Ce.current)?void 0:n.contains(l));return!!(l&&i&&a)},j=(n,r,l,o,a,i,s)=>{V(),Pe.current=!0,ye.current=!0,e.gridProps.onColumnResize&&t&&J(e.gridProps.onColumnResize,{columns:p(),nativeEvent:o,targetColumnId:s,index:n,newWidth:r,oldWidth:l,end:a,target:ae.current}),a&&F(i)},$=()=>{var t;return{filter:e.gridProps.filter,sort:e.gridProps.sort,skip:e.gridProps.skip,take:null!=(t=e.gridProps.take)?t:e.gridProps.pageSize,group:e.gridProps.group}},X=e=>({nativeEvent:e&&e.nativeEvent,syntheticEvent:e,target:ae.current}),J=(t,n)=>{e.gridProps.isClient?t(n):t((e=>({...e,nativeEvent:void 0,syntheticEvent:void 0,target:void 0,targetEvent:void 0,focusElement:void 0}))(n))},Q=()=>e.dataRef.filter((e=>"data"===e.rowType)).map((e=>e.dataItem)),Z=()=>{var e;if(o.canUseDOM)return(null==(e=ee())?void 0:e.ownerDocument)||document},ee=()=>Ce.current,te=x.useCallback((t=>{var n,r;if(!ie.current||null==(n=ie.current)||!n.container||"none"===e.gridProps.scrollable)return;pe.current&&pe.current.disconnect();const{rowIndex:l}=t,o=ee();if(ze){const e=(null==(r=ie.current.rowHeightService)?void 0:r.offset(l))||0;ie.current.container.scroll(0,e)}else if(o){const e=l<1?o.querySelector("tbody > tr:nth-child(1)"):o.querySelector(`tbody > tr:nth-child(${l+1})`);e&&he.current&&(he.current.scrollTop=e.offsetTop)}}),[e.gridProps.scrollable]),ne=e=>JSON.stringify(e.map((e=>({id:e.id,field:e.field,title:e.title,children:e.children})))),re=()=>{Ae.current=window.innerWidth,ne(Ke)===ne(e.columnsRef)||oe()},le=x.useCallback((e=>{const t={rowIndex:Te.current};e.forEach((e=>{e.boundingClientRect.height!==e.intersectionRect.height&&te(t)}))}),[te]),oe=()=>{e.gridProps.forceUpdate&&e.gridProps.forceUpdate()},ae=x.useRef(null),ie=x.useRef(void 0),se=x.useRef(void 0),ce=x.useRef(void 0),de=x.useRef(void 0),ue=x.useRef(void 0),me=x.useRef(void 0),pe=x.useRef(null),ge=x.useRef(null),fe=x.useRef(null),he=x.useRef(null),ve=x.useRef(null),Ee=x.useRef(null),Ce=x.useRef(null),be=x.useRef(null),xe=x.useRef(null),ke=x.useRef(null),ye=x.useRef(!1),Ie=x.useRef(!1),Se=x.useRef(void 0),we=x.useRef(void 0),Re=x.useRef(!1),Pe=x.useRef(!0),Ne=x.useRef(0),Me=x.useRef(void 0),Te=x.useRef(void 0),De=x.useRef([]),Le=x.useRef([]),Ae=x.useRef(0),Fe=x.useRef(null),Ge=x.useRef(null),Be=x.useRef(null),Oe=o.useDir(Ce),ze=e.isVirtualScroll,Ke=x.useMemo((()=>x.Children.toArray(e.gridProps.children)),[e.gridProps.children]),He=!0===e.gridProps.groupable||"object"==typeof e.gridProps.groupable&&!1!==e.gridProps.groupable.enabled,Ve=l.getSelectionOptions(e.gridProps.selectable),We=l.getEditableOptions(e.gridProps.editable),qe=Ae.current&&a&&Ae.current<=a.medium&&e.gridProps.adaptive;return x.useMemo((()=>{l.tableKeyboardNavigation.onConstructor({navigatable:!!e.gridProps.navigatable,contextStateRef:de,navigationStateRef:ue,idPrefix:e.id}),ie.current=new En}),[]),x.useMemo((()=>{var e;null==(e=ie.current)||e.reset()}),[e.gridProps.scrollable,e.gridProps.total,e.gridProps.filter,e.gridProps.group,He,e.gridProps.sort,e.gridProps.rowHeight]),x.useEffect((()=>(e.gridProps.clipboard&&(me.current=new l.ClipboardService(_),me.current.addEventListeners(Z())),()=>{me.current&&me.current.removeEventListeners(Z())})),[e.gridProps.onClipboard,e.gridProps.clipboard,_,Z]),x.useEffect((()=>(e.gridProps.columnVirtualization&&!window.navigator.userAgent.match(it)&&(Ee.current&&(Ee.current.style.display="block"),ve.current&&(ve.current.style.display="block")),W(),V(),o.setScrollbarWidth(),l.tableKeyboardNavigation.onComponentDidMount({scope:Ce.current||void 0,contextStateRef:de,navigationStateRef:ue}),()=>{clearTimeout(Me.current)})),[]),x.useEffect((()=>{var t;W(),V(),o.setScrollbarWidth(),ze&&(q(),(()=>{const t=e.gridProps.minRowHeightRef;if(t&&!t.current&&!e.gridProps.rowHeight){const e=(e=>{let t=0;if(e){const n=e.insertRow(0);n.insertCell(0).textContent=" ",t=n.getBoundingClientRect().height,e.deleteRow(0)}return t})(ge.current);e&&(t.current=e,oe())}})(),null==(t=ie.current)||t.update()),(()=>{var e,t,n;if(ge.current&&(null==(e=ge.current)?void 0:e.getElementsByClassName("k-grid-edit-row").length)>0){Re.current=!1,null!=(t=document.activeElement)&&t.closest(".k-grid-edit-row")?we.current=document.activeElement:we.current=void 0;const e=Array.from(null==(n=ge.current)?void 0:n.getElementsByClassName("k-grid-edit-row"));e.length>De.current.length?Se.current=e.filter((e=>!De.current.includes(e)))[0]:1===e.length&&(Se.current=e[0],Re.current=!0),De.current=e}})(),l.tableKeyboardNavigation.onComponentDidUpdate({scope:Ce.current||void 0,contextStateRef:de,navigationStateRef:ue,focusFirst:Ie.current,newEditableRow:Se.current,singleEditRow:Re.current,lastActiveElement:we.current,navigatable:e.gridProps.navigatable}),Ie.current=!1,Se.current=void 0})),x.useEffect((()=>{if(o.canUseDOM){const e={rootMargin:"0px",threshold:.9};pe.current=window.IntersectionObserver&&new window.IntersectionObserver(le,e)||null}}),[le]),x.useEffect((()=>{var e;let t;return o.canUseDOM&&window.ResizeObserver&&(t=new window.ResizeObserver((()=>{re(),ze&&q()})),t.observe(null==(e=Z())?void 0:e.body)),()=>{null==t||t.disconnect()}}),[]),x.useImperativeHandle(ae,(()=>({get element(){return ee()},props:e.gridProps,get columns(){return p()},scrollIntoView:t=>{var n;if(null==(n=ie.current)||!n.container||"none"===e.gridProps.scrollable)return;const{rowIndex:r}=t;Te.current=r;const l=ee();if(pe.current&&l){pe.current.disconnect();const e=l.querySelector(`[absolute-row-index="${Te.current}"]`);e?pe.current.observe(e):te(t)}},fitColumns:e=>{se.current.dblClickHandler(null,e)},exportAsPdf:D}))),x.useImperativeHandle(e.gridRef,(()=>ae.current)),x.useMemo((()=>{se.current=new hn(j)}),[e.gridProps.onColumnResize,e.columnsRef]),x.useMemo((()=>{ce.current=new vn(G,z,K)}),[e.gridProps.onColumnReorder,e.gridProps.onGroupChange,e.gridProps.group,e.columnsRef,e.gridProps.groupable]),se.current.resizable=e.gridProps.resizable||!1,se.current.columns=e.columnsRef,se.current.columnsState=o.cloneArray(e.columnsState),ce.current.reorderable=e.gridProps.reorderable||!1,ce.current.groupable=He,ce.current.columns=e.columnsRef,ce.current.dir=Oe,(()=>{var t;const{virtualTotal:n,virtualPageSize:r,gridProps:l}=e,a=ie.current,i=e.gridProps.rowHeight||(null==(t=l.minRowHeightRef)?void 0:t.current)||0;a&&(a.fixedScroll=l.fixedScroll||!1,a.PageChange=I,a.pageSize=r,a.scrollableVirtual=ze,a.container=he.current,a.tableBody=ge.current,a.scrollHeightContainer=be.current,a.table=ve.current,(!a.rowHeightService||a.total!==n)&&i&&(a.total=n,a.rowHeightService=new o.RowHeightService(n,i)))})(),x.createElement(Y.Provider,{value:{isClient:t,rowReorder:B,activeDragRowDataItemRef:Fe,reorderRowDragTargetRef:Ge,reorderRowDropTargetRef:Be,dir:Oe,getCellPositionStyle:e=>void 0!==e.left?"rtl"!==Oe?{left:e.left,right:e.right}:{left:e.right,right:e.left}:{},dataItemKey:e.gridProps.dataItemKey,columnsState:e.columnsState,columnsRef:e.columnsRef,onColumnsStateChange:F,groupChange:L,selectionRelease:t=>{var n;if(e.gridProps.onSelectionChange&&Ve.enabled){const r=Q()[t.startRowIndex],o=Q()[t.endRowIndex],a={syntheticEvent:void 0,target:ae.current,selectedField:"",componentId:e.id,dataItems:Q(),dataItem:null,startDataItem:r,endDataItem:o,...t},i=l.getSelectedState({event:a,selectedState:null!=(n=e.gridProps.select)?n:{},dataItemKey:e.gridProps.dataItemKey});v(a,i)}},pagerPageChange:e=>{y({skip:e.skip,take:e.take},e.syntheticEvent,e.targetEvent)},onContextMenu:(l,o,a)=>{if(e.gridProps.onContextMenu&&t){const t={target:ae.current,syntheticEvent:l,nativeEvent:l.nativeEvent,dataItem:o,field:a};J(e.gridProps.onContextMenu,t)}e.gridProps.contextMenu&&(e=>{e.event.preventDefault(),r({...n,show:!0,offset:{left:e.event.pageX,top:e.event.pageY},dataItem:e.dataItem,field:e.field})})({event:l,dataItem:o,field:a})},rowClick:(t,n)=>{e.gridProps.onRowClick&&"TD"===t.target.nodeName&&J(e.gridProps.onRowClick,{dataItem:n,...X(t)})},rowDblClick:(t,n)=>{e.gridProps.onRowDoubleClick&&"TD"===t.target.nodeName&&J(e.gridProps.onRowDoubleClick,{dataItem:n,...X(t)})},cellClick:(t,n,r)=>{if(We.enabled&&"incell"===We.mode&&e.gridProps.dataItemKey){const o=l.editReducer(e.gridProps.edit,{type:l.EDIT_ACTION.ENTER_FIELD_EDIT,payload:{id:n[e.gridProps.dataItemKey],field:r}});e.gridProps.onEditChange&&J(e.gridProps.onEditChange,{edit:o,...X(t)})}},headerCellClick:f,itemChange:t=>{e.gridProps.onItemChange&&J(e.gridProps.onItemChange,{...X(t.syntheticEvent),dataItem:t.dataItem,dataIndex:t.dataIndex,field:t.field,value:t.value})},onDialogEditCancel:t=>{e.gridProps.onItemChange&&e.gridProps.onEditChange&&J(e.gridProps.onEditChange,{edit:{},...X(t.syntheticEvent)})},onDialogEditSubmit:t=>{e.gridProps.onItemChange&&J(e.gridProps.onItemChange,{...X(t.syntheticEvent),dataItem:t.dataItem,field:void 0,value:void 0})},sortable:e.gridProps.sortable,sort:e.gridProps.sort,defaultSort:e.gridProps.defaultSort,sortChange:M,filterable:e.gridProps.filterable,filter:e.gridProps.filter,defaultFilter:e.gridProps.defaultFilter,filterOperators:e.gridProps.filterOperators||Mt,filterChange:(t,n)=>{k(e.gridProps.onFilterChange,{filter:t},{filter:t,skip:0},n)},searchChange:t=>{const n=e.gridProps.searchFields||e.columnsRef.map((e=>e.field))||[],r=t.nativeEvent.target.value,l={logic:"or",filters:n.filter((e=>void 0!==e)).map((e=>{var t;return"string"==typeof e?{field:e,value:r,operator:"contains"}:{value:r,operator:null!=(t=e.operator)?t:"contains",field:e.field,ignoreCase:e.ignoreCase}}))};k(e.gridProps.onSearchChange,{search:l},{},t.syntheticEvent)},exportAsPdf:D,onHeaderSelectionChange:t=>{if(e.gridProps.onHeaderSelectionChange&&Ve.enabled){const n=Q();J(e.gridProps.onHeaderSelectionChange,{select:t.syntheticEvent.target.checked?n.reduce(((t,n)=>(e.gridProps.dataItemKey&&void 0!==o.getter(e.gridProps.dataItemKey)(n)&&(t[o.getter(e.gridProps.dataItemKey)(n)]=!0),t)),{}):{},field:t.field,nativeEvent:t.syntheticEvent&&t.syntheticEvent.nativeEvent,syntheticEvent:t.syntheticEvent,target:ae.current,dataItems:n})}},columnGroupChange:(e,t)=>{const n=ce.current.getCurrentGroupsLength;K(e,n,t)},onKeyDown:n=>{l.tableKeyboardNavigation.onKeyDown(n,{navigatable:e.gridProps.navigatable||!1,contextStateRef:de,navigationStateRef:ue,onNavigationAction:g,columns:p()}),l.tableKeyboardNavigation.onGetSnapshotBeforeUpdate({document:Z(),contextStateRef:de,navigationStateRef:ue});const r={dataItems:Q(),mode:Ve.mode,cell:Ve.cell,componentId:e.id,selectedField:"",...X(n)};e.gridProps.onKeyDown&&t&&J(e.gridProps.onKeyDown,r)},onFocus:t=>{l.tableKeyboardNavigation.onFocus(t,{navigatable:!!e.gridProps.navigatable,contextStateRef:de})},scrollHandler:n=>{if(n.target!==n.currentTarget)return;clearTimeout(Me.current),ie.current&&(ie.current.table=ve.current);const r=n.currentTarget.scrollLeft,l=n.currentTarget.scrollTop;e.gridProps.columnVirtualization&&(!ze||l===Ne.current)&&(Me.current=window.setTimeout((()=>{oe()}),0)),e.gridProps.scrollLeftRef&&(e.gridProps.scrollLeftRef.current=r),ke.current&&ke.current.setScrollLeft(r),xe.current&&xe.current.setScrollLeft(r),ie.current&&l!==Ne.current&&ie.current.scrollHandler(n),e.gridProps.onScroll&&t&&J(e.gridProps.onScroll,{...X(n)}),Ne.current=l},selectionChange:t=>{var n;if(e.gridProps.onSelectionChange&&Ve.enabled){const{event:r,dataItem:o,dataIndex:a,columnIndex:i}=t,s={...X(r),dataItem:o,startColIndex:i,endColIndex:i,startRowIndex:a,endRowIndex:a,dataItems:Q(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,mode:Ve.mode,cell:Ve.cell,isDrag:!1,componentId:e.id,selectedField:""};J(e.gridProps.onSelectionChange,{...s,select:e.gridProps.dataItemKey?l.getSelectedState({event:s,selectedState:null!=(n=e.gridProps.select)?n:{},dataItemKey:e.gridProps.dataItemKey}):{}})}},mobileMode:qe,adaptiveColumnMenuRef:Ae.current,adpativeTitle:e.gridProps.adaptiveTitle,adaptive:e.gridProps.adaptive,dispatchDetailExpand:(t,n)=>{var r;if(l.getDetailExpandableOptions(e.detailExpandable).enabled){const o=l.detailExpandReducer(null!=(r=e.gridProps.detailExpand)?r:{},t);e.gridProps.onDetailExpandChange&&J(e.gridProps.onDetailExpandChange,{...X(n),detailExpand:o})}},dispatchGroupExpand:(t,n)=>{var r;const o=l.getGroupExpandableOptions("object"==typeof e.gridProps.groupable?!1!==e.gridProps.groupable.expandable:e.gridProps.groupable);if(o.enabled){const a=l.groupExpandReducer(null!=(r=e.gridProps.groupExpand)?r:[],t,o);e.gridProps.onGroupExpandChange&&J(e.gridProps.onGroupExpandChange,{...X(n),groupExpand:a})}},columnResizeRef:se,dragLogicRef:ce,navigationStateRef:ue,tableElementRef:ve,tableBodyElementRef:ge,headerElementRef:fe,containerElementRef:he,headTableElementRef:Ee,elementRef:Ce,virtualScrollHeightContainerRef:be,footerRef:xe,headerRef:ke,vsRef:ie}},x.createElement(l.TableKeyboardNavigationContext.Provider,{value:de.current},e.children),x.createElement(bn,{show:n.show&&(null==m?void 0:m.length),dataItem:n.dataItem,field:n.field,items:m,offset:n.offset,onClose:s,onSelect:t=>{var n,r,o,a,i,d,u,m,p;const g=t.event.item,h={target:ae.current,syntheticEvent:t.event.syntheticEvent,nativeEvent:t.event.nativeEvent,menuItem:g,...t};e.gridProps.onContextMenuItemClick&&J(e.gridProps.onContextMenuItemClick,h);const v=Q(),x={selectedField:"",componentId:e.id,dataItems:v,dataItem:t.dataItem,startRowIndex:-1,endRowIndex:-1,startColIndex:-1,endColIndex:-1,ctrlKey:!1,altKey:!1,metaKey:!1,shiftKey:!1,isDrag:!1,...l.getSelectionOptions(e.gridProps.selectable),...h},k=v.findIndex((e=>e===t.dataItem));switch(null==(n=g.data)?void 0:n.action){case"SortCommand":if(c){const e=null==(r=g.name)?void 0:r.toLowerCase().includes("asc"),n=(null==(o=g.name)?void 0:o.toLowerCase().includes("desc"))?"desc":void 0,l=e?"asc":n,a=g.name?l:void 0;f(t.event.syntheticEvent,c,a)}break;case"SelectRowCommand":C(x);break;case"SelectAllRowsCommand":E(x);break;case"ExportPDFCommand":D();break;case"ClearSelectionCommand":b(x);break;case"ReorderRowCommand":Fe.current=t.dataItem,null!=(a=g.name)&&a.toLowerCase().includes("rowup")&&k>0&&B(t.event.syntheticEvent,k-1,"before"),null!=(i=g.name)&&i.toLowerCase().includes("rowdown")&&k<v.length-1&&B(t.event.syntheticEvent,k+1,"after"),null!=(d=g.name)&&d.toLowerCase().includes("rowtop")&&B(t.event.syntheticEvent,0,"before"),null!=(u=g.name)&&u.toLowerCase().includes("rowbottom")&&B(t.event.syntheticEvent,v.length-1,"after");break;case"CopySelectionCommand":_(l.ClipboardActionType.copy,t.event.nativeEvent,{copyHeaders:!(null!=(m=g.name)&&m.toLowerCase().includes("noheaders"))},t.dataItem,t.field);break;case"PasteCommand":_(l.ClipboardActionType.paste,t.event.nativeEvent,{copyHeaders:!(null!=(p=g.name)&&p.toLowerCase().includes("noheaders"))},t.dataItem,t.field)}s()}}),e.gridProps.pdf&&x.createElement(In,{gridProps:e.gridProps,innerGrid:e.innerGrid,pdf:"object"==typeof e.gridProps.pdf?e.gridProps.pdf:{},onPdfExport:async t=>{var n,r;null!=(n=e.gridProps)&&n.onPdfExport&&await(null==(r=e.gridProps)?void 0:r.onPdfExport(t))},ref:e=>i.current=e}))},wn=e=>{const t=x.useContext(Y);return x.createElement("colgroup",{ref:e=>{t.columnResizeRef.current.colGroupMain=e,t.columnResizeRef.current.initWidths()}},e.children)},Rn=e=>{const t=x.useContext(Y);return x.createElement(l.TableSelection,{selectable:e.selectable,onRelease:t.selectionRelease,childRef:e=>{t.tableElementRef.current=e,t.headTableElementRef.current=e}},x.createElement("table",{ref:t.headTableElementRef,className:e.tableClassName},e.children))},Pn=e=>{const t=x.useContext(Y);return x.createElement(l.DropClue,{ref:t.dragLogicRef.current.refDropElementClue})},Nn=e=>{const t=x.useContext(Y);return x.createElement(l.DragClue,{ref:t.dragLogicRef.current.refDragElementClue})},Mn=e=>{const t=x.useContext(Y);return x.createElement(x.Fragment,null,e.rowReorderable?x.createElement(o.DragAndDrop,null,e.children):_(e.children,{ref:t.tableBodyElementRef}))};function Tn(e){const t=e.replace(/^pager\.([a-z])/,((e,t)=>"grid.pager"+t.toUpperCase()));return{messageKey:t,defaultMessage:$e[t]}}const Dn=e=>{const t=x.useContext(Y);return _(e.children,{onPageChange:t.pagerPageChange,messagesMap:Tn,dir:t.dir})},Ln=e=>{var t;const n=x.useContext(Y),r={...e.tableStyle};return null!=(t=n.vsRef.current)&&t.tableTransform&&(r.transform=n.vsRef.current.tableTransform),x.createElement(l.TableSelection,{selectable:e.selectable,onRelease:n.selectionRelease,childRef:e=>{n.tableElementRef.current=e}},x.createElement("table",{className:e.tableClassName,role:"presentation",style:r,ref:n.tableElementRef},e.children))},An=e=>{const t=x.useContext(Y);return _(e.children,{ref:t.elementRef,onKeyDown:t.onKeyDown,onFocus:t.onFocus})},Fn=e=>{const t=x.useContext(Y);return _(e.children,{ref:t.containerElementRef,onScroll:t.scrollHandler})},Gn=e=>{const t=x.useContext(Y);return x.createElement("div",{ref:t.virtualScrollHeightContainerRef})},Bn="before",On="after",zn="forbidden";const Kn=e=>null==e?void 0:e.ownerDocument.documentElement,Hn=e=>null==e?void 0:e.ownerDocument.defaultView,Vn={zIndex:"19000",position:"absolute",display:"none",visibility:"hidden"},Wn={zIndex:"20000",display:"flex",position:"fixed",visibility:"hidden",pointerEvents:"none"},qn=e=>{const{rowReorderSettings:n,columns:r,unstyled:l}=e,{rowReorder:a,reorderRowDragTargetRef:s,reorderRowDropTargetRef:c,activeDragRowDataItemRef:d,tableBodyElementRef:u}=t.useContext(Y),[m,g]=t.useState(!1),[f,h]=t.useState(i.cancelIcon),v=t.useRef(null),E=t.useRef(null),C=t.useRef(null),b=t.useRef(null),x=t.useRef(!1),k=t.useRef(null),y=t.useRef(null),I="object"==typeof n?n.enabled:n;t.useEffect((()=>{u.current=v.current}),[]),o.useDraggable(v,{onPress:e=>{var t;const n=e.originalEvent.target;n.closest(".k-drag-cell")&&(b.current=e.offsetY,x.current=!0,s.current=n.closest(".k-table-row"),y.current=null==(t=s.current)?void 0:t.parentElement)},onDragStart:e=>{!x.current||!I||!d.current||(s.current&&(s.current.style.userSelect="none"),g(!0))},onDrag:e=>{if(!x.current&&!E.current)return;const{clientX:t,clientY:n}=e,r=t,l=n-b.current;E.current&&(E.current.style.left=`${r}px`,E.current.style.top=`${l}px`,E.current.style.visibility="visible"),S(e)},onDragEnd:e=>{var t;if(!I||!d.current)return;g(!1);const n=Number(null==(t=c.current)?void 0:t.getAttribute("absolute-row-index"));a(e,n,k.current),x.current=!1,y.current=null}});const S=e=>{k.current=N(e),w()},w=()=>{var e;if(k.current===zn||!c.current)return void R();P();const t=function(e){const{clientTop:t,clientLeft:n}=Kn(e),{pageYOffset:r,pageXOffset:l}=Hn(e),{top:o,left:a}=e.getBoundingClientRect();return{top:o+r-t,left:a+l-n}}(c.current);let n=t.top;const r=t.left+((null==(e=C.current)?void 0:e.offsetWidth)||0)/2;k.current===On&&(n+=c.current.offsetHeight),C.current&&(C.current.style.top=`${n}px`,C.current.style.left=`${r}px`,C.current.style.visibility="visible")},R=()=>{C.current&&(C.current.style.display="none")},P=()=>{C.current&&(C.current.style.display="")},N=e=>{var t;if(c.current===s.current||!c.current)return zn;if((null==(t=c.current)?void 0:t.parentElement)!==y.current)return zn;const n=c.current.getBoundingClientRect(),r=n.height/2,l=e.clientY,o=n.top;let a=null;l<o+r?a=Bn:l>=o+n.height-r&&(a=On),(a===Bn&&c.current===s.current.nextElementSibling||a===On&&c.current===s.current.previousElementSibling)&&(a=zn);const d=a===zn?i.cancelIcon:i.insertMiddleIcon;return h(d),a},M=t.useMemo((()=>{if(d.current){if(!n.dragClue){const e=r.find((e=>!e.hidden&&"data"===e.columnType));return d.current[e.field]}return"string"==typeof n.dragClue?n.dragClue:n.dragClue(d.current)}}),[d.current]);return t.createElement(t.Fragment,null,m&&p.createPortal(t.createElement(t.Fragment,null,t.createElement("div",{ref:C,style:Vn,className:o.classNames(l.rowReorder({dropIndicatorMain:!0,dropIndicatorDirection:!0}))},t.createElement("div",{className:"k-drop-hint-start"}),t.createElement("div",{className:"k-drop-hint-line"})),t.createElement("div",{ref:E,style:Wn,className:o.classNames(l.rowReorder({dragClueMain:!0,dragClueOperation:!0}))},t.createElement(o.SvgIcon,{className:"k-drag-status",icon:f}),M)),document.body),_(e.children,{ref:v}))},_n=()=>t.createElement(o.SvgIcon,{icon:i.reorderIcon}),Un=e=>{let t=null;const n=e.unstyled,r=n&&n.uGrid?n.uGrid:o.uGrid,l=o.classNames(r.td({selected:e.isSelected,sorted:e.isSorted,alt:e.isAlt}),e.className,["k-drag-cell",""+(e.rowReorderable?"":"k-disabled")]);return t={colSpan:e.colSpan,style:e.style,className:l,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,"aria-disabled":!e.rowReorderable,[ot]:e.columnIndex},{tdProps:t}},jn=e=>{const t=a.useLocalization(),n=x.useContext(Y),r=l.useTableKeyboardNavigation(e.id),o=et(e.dataItem,e.field);return{"aria-label":t.toLanguageString(Be,$e[Be]),...r,onMouseDown:()=>e.rowReorderable?n.activeDragRowDataItemRef.current=e.dataItem:null,onContextMenu:o}},$n=e=>{const{cellProps:n}=e,{tdProps:r}=Un(n),l=jn(n);return t.createElement("td",{...r,...l,style:{touchAction:"none"}},t.createElement(_n,null))},Xn=e=>x.createElement(Ct,{...e}),Yn={height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},Jn=e=>{var t;return x.createElement(x.Fragment,null,e.showLoader?null!=(t=e.loader)?t:x.createElement("div",{className:"k-loading-mask"},x.createElement("div",{className:"k-loading-color"}),x.createElement("div",{style:Yn},x.createElement(f.Loader,{size:"large",type:"converging-spinner"}))):null)},Qn=e=>({lockedColumn:e.some((e=>e.locked))}),Zn=e=>({multiColumn:e.some((e=>e.children&&e.children.length>0))}),er=e=>({columnCellTemplate:e.some((e=>"data"===e.columnType&&e.cells))}),tr=e=>({columnMenu:e.some((e=>e.columnMenu))}),nr=e=>x.Children.toArray(e.children).some((e=>!(!e||!e.type||"KendoReactGridColumn"!==e.type.displayName)&&e.props.hidden)),rr=e=>x.Children.toArray(e.children).some((e=>!!(e&&e.type&&"KendoReactGridToolbar"===e.type.displayName&&e.props&&e.props.children)&&x.Children.toArray(e.props.children).some((e=>e.type&&("KendoReactGridToolbarSort"===e.type.displayName||"KendoReactGridToolbarFilter"===e.type.displayName||"KendoReactGridToolbarCheckboxFilter"===e.type.displayName||"KendoReactGridToolbarColumnsChooser"===e.type.displayName))))),lr=e=>{const t=l.getSelectionOptions(e.selectable),n=l.getEditableOptions(e.editable),r=e.sortable&&xn(e.sortable),o=e.pageable&&cn(e.pageable);return{cells:!!e.cells,pdf:!!e.pdf,detail:!!e.detail,rows:!!e.rows,editableInline:"inline"===n.mode,selectionMultiple:t.enabled&&"multiple"===t.mode,selectionDrag:t.enabled&&t.drag,columnMenu:!!e.columnMenu,filterOperators:!!e.filterOperators,groupable:!!e.groupable,group:!!e.group,groupExpand:!!e.groupExpand,customPager:!!e.pager,clipboard:!!e.clipboard,contextMenu:!!e.contextMenu,serverGrid:!e.isClient,scrollableVirtual:"virtual"===e.scrollable,pageableInput:!(!e.pageable||"input"!==o.type),sortableMultiple:!(!e.sortable||"multiple"!==r.mode),hiddenColumns:nr(e)}},or=e=>({...Qn(e),...Zn(e),...er(e),...tr(e)}),ar=e=>({toolbarTools:rr(e)}),ir=(e,t)=>{const n={...lr(e),...or(t),...ar(e)};return Object.keys(n).filter((e=>!0===n[e]))};const sr=e=>{var n;const r=a.useLocalization(),d=o.useAdaptiveModeContext(),g=t.useContext(Y),f=(e,t)=>{g.onDialogEditSubmit&&g.onDialogEditSubmit({dataItem:e,syntheticEvent:t})},C=e=>{g.onDialogEditCancel&&g.onDialogEditCancel({syntheticEvent:e})},b=e=>{const{validationMessage:n,visited:r,id:o,valid:a,editor:i,value:d,label:u,...m}=e,p=g.mobileMode?"large":"medium";switch(i){case"numeric":return t.createElement(t.Fragment,null,t.createElement(h.Label,{editorId:o,className:"k-form-label"},u,":"),t.createElement("div",{className:"k-form-field-wrap"},t.createElement(s.NumericTextBox,{...m,size:p,value:d,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),n&&t.createElement(h.Error,null,n)));case"date":return t.createElement(t.Fragment,null,t.createElement(h.Label,{editorId:o,className:"k-form-label"},u,":"),t.createElement("div",{className:"k-form-field-wrap"},t.createElement(c.DatePicker,{valid:!0,...m,value:d,adaptive:g.mobileMode,size:p,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),n&&t.createElement(h.Error,null,n)));case"boolean":return t.createElement("div",{className:"k-form-field-wrap"},t.createElement(h.Label,{editorId:o,className:"k-form-label"},u,": ",t.createElement(s.Checkbox,{...m,size:p,value:d,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),n&&t.createElement(h.Error,null,n)));default:return t.createElement(t.Fragment,null,t.createElement(h.Label,{editorId:o,className:"k-form-label"},u,":"),t.createElement("div",{className:"k-form-field-wrap"},t.createElement(s.TextBox,{...m,size:p,value:d||"",[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),n&&t.createElement(h.Error,null,n)))}},x=r.toLanguageString(we,$e[we]),k=r.toLanguageString(Re,$e[Re]),y=r.toLanguageString(Pe,$e[Pe]),I={animation:!0,navigatable:!1,navigatableElements:[],expand:!0,title:g.adpativeTitle||x,suffixActions:t.createElement(m.Button,{svgIcon:i.xIcon,onClick:C,fillMode:"flat"}),animationStyles:d&&g.adaptiveColumnMenuRef<=d.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:d&&g.adaptiveColumnMenuRef<=d.small?"fullscreen":void 0},{customEditDialog:S}=e,w=null==(n=e.columns)?void 0:n.filter((e=>e.editable));return t.createElement(t.Fragment,null,p.createPortal(t.createElement(t.Fragment,null,g.mobileMode?t.createElement(t.Fragment,null,S?t.createElement(S,{columns:e.columns,dataItem:e.dataItem,onSubmit:f,onCancel:C}):t.createElement(E.Form,{initialValues:e.dataItem,onSubmit:f,id:"kendo-grid-edit-dialog",render:e=>t.createElement(u.ActionSheet,{...I},t.createElement(u.ActionSheetContent,null,t.createElement(E.FormElement,null,null==w?void 0:w.map((e=>t.createElement(E.FieldWrapper,{key:e.field},t.createElement(E.Field,{name:e.field,id:e.field,editor:e.editor,component:b,label:e.title||e.field,validator:null==e?void 0:e.validator})))))),t.createElement(u.ActionSheetFooter,null,t.createElement(m.Button,{onClick:C,type:"reset",icon:"cancel",size:"large",svgIcon:i.cancelIcon},y),t.createElement(m.Button,{type:"submit",themeColor:"primary",size:"large",disabled:!e.allowSubmit||!e.valid,onClick:e.onSubmit,icon:"save",svgIcon:i.saveIcon},k)))})):S?t.createElement(S,{columns:e.columns,dataItem:e.dataItem,onSubmit:f,onCancel:C}):t.createElement(E.Form,{initialValues:e.dataItem,onSubmit:f,id:"kendo-grid-edit-dialog",render:e=>t.createElement(v.Dialog,{title:x,width:450,onClose:e=>C(e.syntheticEvent)},t.createElement(E.FormElement,null,null==w?void 0:w.map((e=>t.createElement(E.FieldWrapper,{key:e.field},t.createElement(E.Field,{name:e.field,id:e.field,editor:e.editor,component:b,label:e.title||e.field,validator:null==e?void 0:e.validator}))))),t.createElement(v.DialogActionsBar,{layout:"start"},t.createElement(m.Button,{type:"submit",themeColor:"primary",disabled:!e.allowSubmit||!e.valid,onClick:e.onSubmit,icon:"save",svgIcon:i.saveIcon},k),t.createElement(m.Button,{onClick:C,type:"reset",icon:"cancel",svgIcon:i.cancelIcon},y)))})),document.body))},cr=e=>{const t=x.useContext(Y),n=jt(e.cellProps),r=Ze(e.cellProps);return e.isCustom&&(t.isClient||e.isClient)?_(e.children,{tdProps:{...e.tdProps,...n},...r}):e.children&&_(e.children,{...n})},dr=e=>{var t;const{cellProps:n}=e,{tdProps:r,content:l}=$t(n);if(null===(null==(t=n._rowSpan)?void 0:t.count))return null;const o=W(n),a=Xt(n);if(a){const e=V(a);return x.createElement(cr,{cellProps:o,tdProps:r,isCustom:!0,isClient:e},x.createElement(a,{...o,tdProps:r},l))}const i=r?x.createElement("td",{...r},l):null;return x.createElement(cr,{cellProps:o,tdProps:r},i)},ur=e=>{const t=x.useContext(Y),n=dt(e.cellProps),r=Ze(e.cellProps);return e.isCustom&&(t.isClient||e.isClient)?_(e.children,{tdProps:{...e.tdProps,...n},...r}):e.children&&_(e.children,{...n})},mr=e=>{const{cellProps:t}=e,{tdProps:n}=st(t),r=W(t),l=x.createElement(rt,{cellProps:r}),o=ct(t);if(o){const e=V(o);return x.createElement(ur,{cellProps:r,tdProps:n,isCustom:!0,isClient:e},x.createElement(o,{...r,tdProps:n},l))}return x.createElement(ur,{cellProps:r,tdProps:n},x.createElement("td",{...n},l))},pr=e=>{var t;const n=x.useContext(Y),r=o.useId(),l=a.useLocalization(),i=null!=(t=e.isSelected)?t:o.getNestedValue(e.field,e.dataItem),s="boolean"==typeof i&&i,c=x.useCallback((t=>{null==n||n.selectionChange({event:t,dataItem:e.dataItem,dataIndex:e.rowDataIndex,columnIndex:e.columnIndex})}),[n,e.columnIndex,e.rowDataIndex,e.dataItem]);return x.createElement("span",{className:"k-checkbox-wrap"},x.createElement("input",{id:r,tabIndex:-1,type:"checkbox",className:"k-checkbox k-checkbox-md k-rounded-md","aria-label":l.toLanguageString(Fe,$e[Fe]),"aria-checked":s,checked:s,onChange:c}))},gr=e=>({...l.useTableKeyboardNavigation(e.id),onContextMenu:et(e.dataItem,e.field),style:tt(e)}),fr=e=>{const t=x.useContext(Y),n=gr(e.cellProps),r=Ze(e.cellProps);return e.isCustom&&(t.isClient||e.isClient)?_(e.children,{tdProps:{...e.tdProps,...n},...r}):e.children&&_(e.children,{...n})},hr=e=>{const t=o.classNames("k-table-td",e.className);return{tdProps:{colSpan:e.colSpan,style:e.style,className:t,"aria-colindex":e.ariaColumnIndex,role:"gridcell"}}},vr=e=>{var t,n;return null==(n=null==(t=e.cells)?void 0:t.select)?void 0:n[e.rowType||"data"]},Er=e=>{const{cellProps:t}=e,{tdProps:n}=hr(t),r=x.createElement(pr,{key:1,...t}),l=W(t),o=vr(t);if(o){const e=V(o);return x.createElement(fr,{cellProps:l,tdProps:n,isCustom:!0,isClient:e},x.createElement(o,{...l,tdProps:n},r))}const a="groupHeader"!==t.rowType?x.createElement("td",{...n},r):null;return x.createElement(fr,{cellProps:l,tdProps:n},a)},Cr=e=>{const{cellProps:t}=e,{tdProps:n}=hr(t),r=gr(t),l=Ze(t),o=x.createElement(pr,{key:1,...t}),a=vr(t);return a?x.createElement(a,{...t,...l,tdProps:{...n,...r}},o):"groupHeader"!==t.rowType?x.createElement("td",{...n,...r},o):null},br=e=>{const t=x.useContext(Y),n=Qe(e.cellProps),r=Ze(e.cellProps);return e.isCustom&&(t.isClient||e.isClient)?_(e.children,{tdProps:{...e.tdProps,...n},...r}):e.children&&_(e.children,{...n})},xr=e=>{const{cellProps:t}=e,n=W(t),{tdProps:r,content:l}=Ye(t),o=Je(t);if(o){const e=V(o);return x.createElement(br,{cellProps:n,tdProps:r,isCustom:!0,isClient:e},x.createElement(o,{...n,tdProps:r},l))}const a="groupHeader"!==t.rowType?x.createElement("td",{...r},l):null;return x.createElement(br,{cellProps:n,tdProps:r},a)},kr=e=>{const t=jn(e.cellProps);return e.children&&_(e.children,{...t})},yr=e=>{const{cellProps:n}=e,{tdProps:r}=Un(n);return t.createElement(kr,{cellProps:n},t.createElement("td",{...r,style:{touchAction:"none"}},t.createElement(_n,null)))},Ir=e=>{const t=mn(e);return _(e.children,{...t})},Sr=e=>{const{dataItem:t,dataIndex:n,id:r}=e,{tdProps:l}=un(e);return x.createElement(Ir,{id:r,dataItem:t},x.createElement("td",{...l},x.createElement(e.detail,{dataItem:t,dataIndex:n})))},wr=e=>{const{cellProps:t,renderToggleCell:n}=e,r=x.useContext(Y),l=en(t,n),o=Ze(t);if(e.isCustom)return r.isClient||e.isClient?_(e.children,{tdProps:e.tdProps?{...e.tdProps,...l}:null,td2Props:e.td2Props?{...e.td2Props,onContextMenu:l.onContextMenu}:null,...o}):_(e.children,{...l});const a=e.td2Props?x.createElement("td",{...e.td2Props,onContextMenu:l.onContextMenu}):null;return x.createElement(x.Fragment,null,e.children&&_(e.children,{...l}),a)},Rr=e=>{const{cellProps:t}=e,n=W(t),{tdProps:r,td2Props:l,content:o,renderToggleCell:a}=Qt(t),i=Zt(t);if(i){const e=V(i);return x.createElement(wr,{cellProps:n,tdProps:r,td2Props:l,isCustom:!0,isClient:e,renderToggleCell:!0},x.createElement(i,{...n,tdProps:r,td2Props:l},o))}const s=r?x.createElement("td",{...r,key:null==r?void 0:r.key},o):null;return x.createElement(wr,{cellProps:n,renderToggleCell:a,tdProps:r,td2Props:l,content:o},s)},Pr=x.forwardRef(((e,t)=>{var n,i,s,c,d,u,m,p,g,f,h,v;const E=e.id+"-role-element-id",C=e.navigatable?E:"";let b=e.columnsState||[];const k=e=>{const t=e.filter((e=>e&&e.type&&"KendoReactGridColumn"===e.type.displayName));return M(t,b,{prevId:0,idPrefix:C})},I=e=>{const t=(()=>{const e=[],t=(n,r)=>null==n?void 0:n.forEach((n=>{const l=n.hidden||r;e.push({...n,hidden:l}),t(n.children,l)}));return t(b,!1),e})();return e.filter((e=>{var n;return!(e.hidden||null!=(n=t.find((t=>t.id===e.id)))&&n.hidden)}))},S=(t,n)=>{t.filter((e=>"checkbox"===e.columnType)).forEach((t=>{t.width=t.width||"50px",t.defaultCell=e.isClient?Cr:Er,t.defaultHeaderCell=rn,t._type="edit"})),void 0!==Q&&t.filter((e=>"reorder"===e.columnType)).forEach((t=>{t.width=t.width||"50px",t.defaultCell=e.isClient?$n:yr,t.defaultHeaderCell=Xn,t.sortable=!1,t.filterable=!1,t.editable=!1}));const r=O(b);((e,t)=>{const n=e=>{var r;const l=t.find((t=>t.id===e.id));return l?(l.children=null==(r=e.children)?void 0:r.map(n),l):G(e)};b=e.filter((e=>-1===e.parentIndex)).map(n)})(t,r);const a={id:"",resizable:!0,width:"32px",title:" ",declarationIndex:-1,orderIndex:-1,children:[],parentIndex:-1,depth:0,colSpan:0,headerColSpan:0,rowSpan:0,left:0,right:0,index:0,rightBorder:!1,ariaColumnIndex:0,isAccessible:!0};let i=0;if(ie.enabled&&e.detail){const n={...a,_type:"expand",id:l.tableKeyboardNavigationTools.generateNavigatableId(""+i++,"expand","column"),defaultCell:e.isClient?nt:xr,field:ie.column,headerClassName:o.classNames(J.hierarchyCell({}))};t.unshift(n),b.unshift(r.find((e=>e.id===n.id))||G(n))}for(let o=0;o<n;o++){const n={...a,isAccessible:!1,defaultCell:e.isClient?tn:Rr,id:l.tableKeyboardNavigationTools.generateNavigatableId(""+i++,"group","column"),field:"value",locked:e.lockGroups};t.unshift(n),b.unshift(r.find((e=>e.id===n.id))||G(n))}t.slice(i).forEach((e=>{e.parentIndex>=0&&(e.parentIndex+=i),e.rowSpannable=void 0!==e.rowSpannable?q(e.rowSpannable):he}))},w=()=>e.isClient?B:z,R=t=>{const n=[];let r=null,l=0;if(Ie.forEach(((e,o)=>{const a=parseFloat((e.width||"").toString())||10;if(l)return l--,void(r&&(r.width+=a));const i=Math.min(((e,t)=>"function"==typeof e.colSpan?e.colSpan({dataItem:t,column:e}):e.colSpan||1)(e,t),Ie.length-o);l=i-1,r={width:a,colSpan:i,columnIndex:o},n.push(r)})),e.columnVirtualization){const t=W.current||0,r=_.current||parseFloat(((e.style||{}).width||"").toString());return function(e){const{cellModels:t,columns:n=[],tableViewPortWidth:r,scrollLeft:l}=e;let o=0,a=t.length-1,i=0,s=0;for(let e=0;e<t.length;e++)if(!n[t[e].columnIndex].locked&&(i=s,s+=t[e].width||10,s>=l)){o=e;break}for(let e=o;e<t.length;e++)if(!n[t[e].columnIndex].locked){if(!(i<r+l))break;i+=t[e].width||10,a=e}o>0&&o--,a<t.length-1&&a++;let c=0,d=0;for(let e=0;e<o;e++)n[t[e].columnIndex].locked||(c+=t[e].colSpan);for(let e=a+1;e<t.length;e++)n[t[e].columnIndex].locked||(d+=t[e].colSpan);t[o].colSpan+=c,t[a].colSpan+=d;const u=t.slice(0,o).filter((e=>n[e.columnIndex].locked)),m=t.slice(a+1).filter((e=>n[e.columnIndex].locked));return[...u,...t.slice(o,a+1),...m]}({cellModels:n,columns:Ie,tableViewPortWidth:r,scrollLeft:t})}return n};let P,A=[],B=[],z=[],V=[[]];const W=e.scrollLeftRef||{current:0},_=e.widthRef||{current:0},U=e.containerHeightRef||{current:0},j=e.minRowHeightRef||{current:0},$=e.localization||new a.LocalizationService(e.language),X=e.intl||new a.IntlService(null!=(n=e.locale)?n:"en"),Y=e.unstyled,J=Y&&Y.uGrid?Y.uGrid:o.uGrid,Q=H(e.rowReorderable),Z="virtual"===e.scrollable||void 0===e.scrollable&&o.hasValidLicense(dn),ee=!0===e.autoProcessData?{group:!0,sort:!0,filter:!0,search:!0,page:!0}:e.autoProcessData;let te,ne;if(Array.isArray(e.data)?(te=e.data,ne=null!=(i=e.total)?i:te.length):(te=(null==(s=e.data)?void 0:s.data)||[],ne=null!=(u=null!=(d=e.total)?d:null==(c=e.data)?void 0:c.total)?u:te.length),ee){const t=ee.page&&!(Z&&!e.pageable),{data:n,total:o}=r.process(te,{group:ee.group?e.group:void 0,sort:ee.sort?e.sort:void 0,filter:l.combineFilters(ee.filter?e.filter:void 0,ee.search?e.search:void 0),...t?{take:e.pageable?e.take||10:e.take,skip:e.skip||0}:{}});te=n,ne=null!=(m=e.total)?m:o}const re=te.length===ne,{size:le="medium"}=e,oe="object"==typeof e.groupable&&e.groupable.footer||"none",ae=!0===e.groupable||"object"==typeof e.groupable&&!1!==e.groupable.enabled,ie=l.getDetailExpandableOptions(!!e.detail),se=l.getGroupExpandableOptions("object"==typeof e.groupable&&!1!==e.groupable.enabled?e.groupable.expandable:e.groupable),ce=!(null==(p=e.group)||!p.length),{resolvedGroupsCount:de,flattedData:ue}=((e,t,n,r,l,o,a)=>{const i=[];return{flattedData:i,resolvedGroupsCount:N(i,e,t,{index:n},void 0!==r,l,o,se.defaultExpand,a)}})(te,oe,re?0:e.skip||0,e.group,e.detailExpand,e.groupExpand,e.dataItemKey);A=ue;const me=(()=>{const{pageable:t,take:n,pageSize:r}=e;if(!Z)return 0;if(!t){if(n)return n;if(r)return r}const l=e.rowHeight||j.current,o=U.current;return o&&l?Math.ceil(o/l*1.5):0})(),pe=(null==(g=e.virtualSkipRef)?void 0:g.current)||0;let ge=ne;if(Z){let t=e.skip||0;(ce||e.pageable)&&(t=pe,ge=A.length),(re||ce||e.pageable)&&(P=A.slice(t,t+me))}const fe=l.getSelectionOptions(e.selectable),he=q(e.rowSpannable),ve=fe&&fe.drag?"none":void 0,Ee=x.useMemo((()=>x.Children.toArray(e.children)),[e.children]);((t,n)=>{B=k(t),0===B.filter((e=>!e.hidden)).length&&(B=function(e,t,n,r){const o=T(e),a=[];if(o.length>0){let e=o[0];if(t)for(let n=0;n<t.length;n++)e=e.items&&e.items[0];Object.getOwnPropertyNames(e).forEach((e=>{e!==n.column&&a.push(Object.assign({id:l.tableKeyboardNavigationTools.generateNavigatableId(""+r.prevId++,r.idPrefix,"column"),declarationIndex:-1,parentIndex:-1,depth:0,colSpan:0,headerColSpan:0,rowSpan:0,index:0,columnType:"data",left:0,right:0,rightBorder:!1,children:[],ariaColumnIndex:0,isAccessible:!0},y,{field:e}))}))}return a}(te,e.group,{column:ie.column},{prevId:0,idPrefix:C})),S(B,n),B=I(B),V=function(e,t){const n=[[]];let r=0;for(let t=e.length-1;t>=0;t--)r=Math.max(r,e[t].depth),e[t].headerColSpan=e[t].headerColSpan||1,e[t].children.length>0&&(e[t].headerColSpan=e[t].children.reduce(((e,t)=>t.hidden?e:e+t.headerColSpan),0));const o=[];let a=1;return e.forEach(((e,t)=>{n[e.depth]=n[e.depth]||[];let l=!1;0===n[e.depth].length&&(a<=1?a=1+(e.children.length>0?0:r-e.depth):(a--,l=!0)),e.rowSpan=1+(e.children.length>0?0:r-e.depth),e.kFirst=l,e.index=n[e.depth].length,n[e.depth].push(t),e.ariaColumnIndex=o[e.depth]?o[e.depth]+1:1;for(let t=e.depth;t<e.depth+e.rowSpan;t++)o[t]=(o[t]||0)+e.headerColSpan})),l.updateLeft(n,e,t),l.updateRight(n,e,t),n}(B,!0),z=B.map(F)})(Ee,de);const Ce=x.useMemo((()=>{const t=ir(e,B);return{premium:t.length>0,features:t}}),[e,B]),be=x.useMemo((()=>!!Ce.premium&&!o.validatePackage(dn,{component:"Grid",features:Ce.features})),[Ce.premium]),xe=Ee.map((e=>e&&e.type&&"KendoReactGridToolbar"===e.type.displayName?x.cloneElement(e,{...e.props,_ariaControls:E,ariaLabel:"Top toolbar"}):null)),ke=Ee.filter((e=>e&&e.type&&"KendoReactGridNoRecords"===e.type.displayName)),ye=Ee.filter((e=>e&&e.type&&"KendoReactGridStatusBar"===e.type.displayName)),Ie=B.filter((e=>0===e.children.length)),Se=ae&&x.createElement(_t,{columns:w(),group:e.group||[],ariaControls:E}),we=x.createElement(mt,{size:le,staticHeaders:"none"!==e.scrollable,draggable:e.reorderable||ae,headerRow:x.createElement(Pt,{cells:e.cells,sort:e.sort,sortable:e.sortable,group:e.group||[],groupable:ae,filter:e.filter,filterable:e.filterable,filterOperators:e.filterOperators||Mt,columnMenu:e.columnMenu,columnMenuIcon:e.columnMenuIcon,columns:B,columnsMap:V,navigatable:!!e.navigatable,localization:$,unstyled:Y,headerSelectionValue:!(!e.select||!A.filter((e=>"data"===e.rowType)).every((t=>e.select&&e.dataItemKey&&void 0!==o.getter(e.dataItemKey)(t.dataItem)?e.select[o.getter(e.dataItemKey)(t.dataItem)]:void 0)))}),filterRow:e.filterable&&x.createElement(Wt,{cells:e.cells,size:le,columns:B,filter:e.filter,filterOperators:e.filterOperators||Mt,sort:e.sort,navigatable:!!e.navigatable,ariaRowIndex:V.length+1,localization:$})||void 0,cols:Ie.map(((e,t)=>x.createElement("col",{key:t.toString(),width:D(e)})))}),Re=Ie.findIndex((e=>"function"==typeof e.colSpan))>-1;let Pe;Re||(Pe=R(null));const Ne="dialog"===(null==(f=e.editable)?void 0:f.mode),Me=null==(h=e.editable)?void 0:h.enabled;let Te=null;const De=e=>e>=A.length-0,Le=[],Ae=!A.length;let Fe=0;if(A.length){const t=V.length+(e.filterable?1:0)+1;let n=e.skip||0,r=-1,a=0;const i=he.enabled?{}:void 0;if(Z){if(pe>0){const e=A.slice(0,pe).filter((e=>"data"===e.rowType)).length;r+=e,n+=e}!e.pageable&&re&&(r+=e.skip||0)}(P||A).forEach(((s,c)=>{"data"===s.rowType&&r++;const d=s.dataIndex%2!=0,u=e.dataItemKey&&o.getter(e.dataItemKey)(s.dataItem),m=c+n,p=u||"ai"+m,g=p+"_1",f=((t,n,r,a,i)=>{let s=!1;const c=e.select&&e.dataItemKey&&void 0!==o.getter(e.dataItemKey)(t.dataItem)?e.select[o.getter(e.dataItemKey)(t.dataItem)]:void 0;return Re&&(Pe=R(t.dataItem)),{row:Pe.map((({columnIndex:d,colSpan:u})=>{var m,p,g,f;const h=Ie[d];let v;if(null!=(m=h.rowSpannable)&&m.enabled&&"data"===t.rowType&&h.field&&i){const e=h.field?null==(g=(p=h.rowSpannable).valueGetter)?void 0:g.call(p,t.dataItem,h.field):null;v={value:e,count:1},i[h.field]&&(null==(f=i[h.field])?void 0:f.value)===e&&null!==i[h.field]?(i[h.field].count++,v.count=null):i[h.field]=v}const E=h.id?h.id:d,b=o.classNames(J.contentSticky({locked:h.locked}),h.className),k=void 0!==h.left?{left:h.left,right:h.right}:{};let y=!1;if(h.editable&&e.editable){const n=e.edit&&e.dataItemKey?e.edit[o.getter(e.dataItemKey)(t.dataItem)]:void 0,r="boolean"==typeof n?n:Array.isArray(n)?h.field&&n.indexOf(h.field)>-1:void 0!==h.field&&n===h.field;r&&"data"===h.columnType&&(!0===r||r===h.field)&&(s=!0,Ne||(y=!0))}const I="expand"===h._type,S={locked:e.lockGroups,id:l.tableKeyboardNavigationTools.generateNavigatableId(`${n}-${String(d)}`,C,I||"groupHeader"===t.rowType||"groupFooter"===t.rowType||"value"===h.field?"nodata":"cell"),colSpan:u,dataItem:t.dataItem,field:h.field,editor:h.editor,format:h.format,columnType:h.columnType,rowReorderable:Q,className:b,cells:K(e.cells,h.cells),columnIndex:d,columnsCount:Ie.length,rowType:t.rowType,level:t.level,expanded:t.expanded,dataIndex:t.dataIndex,rowDataIndex:r,columnPosition:k,style:{},ariaColumnIndex:h.ariaColumnIndex,isSelected:!!("edit"===(null==h?void 0:h._type)?c:Array.isArray(c)&&c.indexOf(d)>-1),isSorted:!!L(h.field,e.sort),isInEdit:y,isAlt:a,unstyled:Y,group:t.group,localization:$,intl:X,_rowSpan:v},w=h.defaultCell||y&&(e.isClient?ut:mr)||(e.isClient?Yt:dr);return x.createElement(w,{key:E,cellProps:S})})),isInEdit:s,isSelected:"boolean"==typeof c&&c}})(s,p,r,d,i);if(Fe=m+t+a,Ne&&Me&&f.isInEdit&&(Te=s.dataItem),Le.push(x.createElement(nn,{key:p,dataItem:s.dataItem,isAltRow:d,isInEdit:f.isInEdit&&!Ne,rowType:s.rowType,isRowReorderable:Q,isHidden:De(c),onClick:null,onDoubleClick:null,rowHeight:e.rowHeight,ariaRowIndex:Fe,absoluteRowIndex:m,dataIndex:r,isSelected:f.isSelected,rows:e.rows},f.row)),e.detail&&"data"===s.rowType&&s.expanded){const n=Ie.length-(ie.enabled?1:0)-(e.group?e.group.length:0)||1;a++,Fe=m+t+a;const r=e.isClient?pn:Sr;Le.push(x.createElement("tr",{key:g,className:o.classNames(J.detailTr({isAlt:d})),style:{visibility:De(c)?"hidden":"",height:e.detailRowHeight},role:"row","aria-rowindex":Fe},e.group&&e.group.map(((t,n)=>{var r;const l=null==(r=null==f?void 0:f.row[n])?void 0:r.props.style,o=l?{left:l.left,right:l.right}:{};return x.createElement(tn,{key:n,cellProps:{id:"",dataItem:s.dataItem,field:t.field,dataIndex:s.dataIndex,columnPosition:o,style:{},ariaColumnIndex:1+n,isSelected:!1,locked:e.lockGroups,cells:e.cells,group:s.group}})})),ie.enabled&&x.createElement(gn,{unstyled:Y,id:l.tableKeyboardNavigationTools.generateNavigatableId(`${g}-dhcell`,C)}),x.createElement(r,{dataItem:s.dataItem,dataIndex:s.dataIndex,colSpan:n,ariaColIndex:2+(e.group?e.group.length:0),detail:e.detail,id:l.tableKeyboardNavigationTools.generateNavigatableId(`${g}-dcell`,C)})))}}))}const Be={size:le,total:ne,skip:e.skip||0,take:(void 0!==e.take?e.take:e.pageSize)||10,...cn(e.pageable||{})},Oe=x.createElement(Dn,null,e.pager?x.createElement(e.pager,{...Be}):x.createElement(l.Pager,{className:o.classNames(J.pager({})),...Be})),ze=null!=(v=e.cells)&&v.footerCell||B.some((e=>{var t;return!(null==(t=e.cells)||!t.footerCell)}))?x.createElement(Ut,{size:le,staticHeaders:"none"!==e.scrollable,row:x.createElement(sn,{cells:e.cells,idPrefix:C,columns:B,ariaRowIndex:Fe+1}),cols:Ie.map(((e,t)=>x.createElement("col",{key:t.toString(),width:D(e)})))}):null,Ke=x.createElement(wn,null,Ie.map(((t,n)=>x.createElement("col",{key:n.toString(),className:L(t.field,e.sort)?o.classNames(J.sorted({})):void 0,width:D(t)})))),He=e.reorderable||ae,{detail:Ve,cells:We,rows:qe,..._e}=e,Ue=x.createElement("tbody",{role:"rowgroup",className:o.classNames(J.tbody({})),...l.tableKeyboardNavigationBodyAttributes},Le),je=Te?x.createElement(sr,{columns:Ie,customEditDialog:e.editDialog,dataItem:Te}):null;let Xe=Ue;Q&&(Xe=x.createElement(qn,{unstyled:J,columns:B,rowReorderSettings:e.rowReorderable},Ue));const Ye={gridRef:t,innerGrid:e.innerGrid,gridProps:_e,columnsRef:w(),columnsMapRef:V,columnsState:b,dataRef:A,id:E,virtualTotal:ge,isAllData:re,virtualPageSize:me,isVirtualScroll:Z,detailExpandable:!!e.detail};return"none"===e.scrollable?x.createElement(Sn,{...Ye},x.createElement(An,null,x.createElement("div",{id:e.id,style:e.style,className:o.classNames(J.wrapper({size:le}),e.className),...l.tableKeyboardNavigationScopeAttributes},xe,Se,x.createElement(Rn,{selectable:e.selectable,className:o.classNames(J.table({size:le}))},Ke,we,x.createElement(Mn,{rowReorderable:Q},Xe),ze),Ae&&x.createElement(fn,null,ke.length?ke:x.createElement(ln,null)),He&&x.createElement(x.Fragment,null,x.createElement(Pn,null),x.createElement(Nn,null)))),ye,e.pageable&&Oe,x.createElement(Jn,{loader:e.loader,showLoader:e.showLoader}),je,be&&x.createElement(o.WatermarkOverlay,null)):x.createElement(Sn,{...Ye},x.createElement(An,null,x.createElement("div",{id:e.id,style:e.style,className:o.classNames(J.wrapper({size:le,virtual:Z}),e.className),...l.tableKeyboardNavigationScopeAttributes},xe,Se,x.createElement("div",{className:o.classNames(J.ariaRoot({})),role:"grid","aria-colcount":Ie.length,"aria-rowcount":ne,id:E,"aria-label":$.toLanguageString(Ge,$e[Ge])},we,x.createElement("div",{className:o.classNames(J.container({})),role:"presentation"},x.createElement(Fn,null,x.createElement("div",{className:o.classNames(J.content({})),role:"presentation"},x.createElement("div",{className:o.classNames(J.tableWrap({})),role:"presentation"},x.createElement(Ln,{selectable:e.selectable,tableClassName:o.classNames(J.table({size:le})),tableStyle:{userSelect:ve}},Ke,x.createElement(Mn,{rowReorderable:Q},Xe)),Ae&&x.createElement(fn,null,ke.length?ke:x.createElement(ln,null))),Z&&x.createElement("div",{className:o.classNames(J.heightContainer({})),role:"presentation"},x.createElement(Gn,{isVirtualScroll:Z}))))),ze,He&&x.createElement(x.Fragment,null,x.createElement(Pn,null),x.createElement(Nn,null)),be&&x.createElement(o.WatermarkOverlay,null)),ye,e.pageable&&Oe,x.createElement(Jn,{loader:e.loader,showLoader:e.showLoader}),je)))}));Pr.displayName="KendoReactGridComponent";const Nr=x.forwardRef(((e,t)=>{const[n]=o.useCustomComponent($);return I===S?x.createElement(n,{...e},x.createElement(X,{id:e.id},x.createElement(Pr,{ref:t,...e,innerGrid:Nr}))):x.createElement(a.ServerGlobalization,{locale:e.locale,language:e.language},x.createElement(Pr,{ref:t,...e}))})),Mr={data:n.oneOfType([n.array,n.shape({data:n.array,total:n.number})]),sortable:n.oneOfType([n.bool,n.shape({mode:n.oneOf(["single","multiple"]),allowUnsort:n.bool})]),onSortChange:n.func,sort:n.array,filterable:n.bool,filter:n.any,onFilterChange:n.func,pageable:n.oneOfType([n.bool,n.shape({buttonCount:n.number,responsive:n.bool,info:n.bool,type:n.oneOf(["numeric","input"]),pageSizes:n.oneOfType([n.bool,n.arrayOf(n.oneOfType([n.string,n.number]))]),previousNext:n.bool})]),pageSize:n.number,onPageChange:n.func,total:n.number,skip:n.number,take:n.number,fixedScroll:n.bool,onExpandChange:n.func,onSelectionChange:n.func,onHeaderSelectionChange:n.func,resizable:n.bool,reorderable:n.bool,group:n.any,groupable:n.oneOfType([n.bool,n.shape({enabled:n.bool,footer:n.oneOf(["always","visible","none"])})]),onGroupChange:n.func,onRowClick:n.func,onRowDoubleClick:n.func,onItemChange:n.func,scrollable:n.oneOf(["none","scrollable","virtual"]),rowHeight:n.number,detailRowHeight:n.number,detail:n.any,style:n.object,onDataStateChange:n.func,onColumnResize:n.func,onColumnReorder:n.func,dataItemKey:n.string,navigatable:n.oneOfType([n.bool,n.shape({mode:n.oneOf(["incell","inline","popup"])})]),size:n.oneOf(["small","medium"])};Nr.displayName="KendoReactGrid",Nr.propTypes=Mr;const Tr=e=>{const{children:t,id:n,className:r,style:l}=e;return x.createElement("div",{id:n,className:o.classNames("k-columnmenu-item-wrapper",r),style:l},t)},Dr=e=>{const{title:t,iconClass:n,svgIcon:r,selected:l,expandable:a,expanded:s}=e,c=x.useContext(Y);let d;return a&&(d=null!=c&&c.mobileMode?"rtl"===(null==c?void 0:c.dir)?i.chevronLeftIcon:i.chevronRightIcon:s?i.chevronUpIcon:i.chevronDownIcon),x.createElement("div",{onClick:e.onClick,className:"k-columnmenu-item "+(l?"k-selected":"")},(n||r)&&x.createElement(o.IconWrap,{name:n&&o.toIconName(n),icon:r}),t,x.createElement("span",{className:"k-spacer"}),a&&x.createElement(o.IconWrap,{icon:d}))},Lr="desc",Ar=(e,t)=>t?t.findIndex((t=>t.field===e)):-1,Fr=(e,t)=>!!(t&&e>-1&&"asc"===t[e].dir),Gr=(e,t)=>!!(t&&e>-1&&t[e].dir===Lr),Br=e=>{const{children:t,id:n,className:r,style:l,show:a}=e;return x.createElement("div",{id:n,className:o.classNames("k-columnmenu-item-content",r),style:l,tabIndex:0},x.createElement(C.Reveal,{style:{position:"relative",display:"block"}},a?t:null))},Or=e=>{const t=x.useContext(Y),n=t=>{Ft(t.value,t.syntheticEvent,e)},r=t=>{zt(t,e.value,e.onChange)},l=t=>{Ot(t,e.onChange)};return x.createElement(x.Fragment,null,(()=>{if("boolean"===e.filterType)return;const n=e.operators.find((t=>t.operator===e.operator))||null;return x.createElement(g.DropDownList,{adaptive:t.adaptive,size:t.mobileMode?"large":"medium",value:n,onChange:r,data:e.operators,textField:"text"})})(),((e,r,o)=>{switch(e){case"numeric":return x.createElement(s.NumericTextBox,{value:r,size:t.mobileMode?"large":"medium",onChange:n,rangeOnEnter:!1});case"date":return x.createElement(c.DatePicker,{value:r,size:t.mobileMode?"large":"medium",onChange:n});case"boolean":{const e=e=>null==e;return x.createElement(g.DropDownList,{adaptive:t.adaptive,onChange:l,size:t.mobileMode?"large":"medium",value:o.find((t=>t.operator===(e(r)?"":r))),data:o,textField:"text"})}default:return x.createElement(s.TextBox,{size:t.mobileMode?"large":"medium",value:r||"",onChange:n})}})(e.filterType,e.value,e.booleanValues))},zr=e=>{const{firstFilterProps:t,hideSecondFilter:n,secondFilterProps:r,logicValue:l,onLogicChange:o}=e,a=x.useContext(Y),i="and"===(null==l?void 0:l.operator);return x.createElement(x.Fragment,null,x.createElement(Or,{...t}),!n&&x.createElement(x.Fragment,null,x.createElement(m.ButtonGroup,null,x.createElement(m.Button,{type:"button",value:"and",size:a.mobileMode?"large":"medium",togglable:!0,selected:i,onClick:o},"And"),x.createElement(m.Button,{type:"button",value:"or",size:a.mobileMode?"large":"medium",togglable:!0,selected:!i,onClick:o},"Or")),x.createElement(Or,{...r})))},Kr=e=>t.createElement("form",{onSubmit:e.onApply,onReset:e.onReset},t.createElement("div",{className:"k-actions k-actions-stretched"},t.createElement(m.Button,{svgIcon:e.resetIcon,size:"large",type:"reset"},e.resetMessage),t.createElement(m.Button,{disabled:e.submitDisabled,svgIcon:e.submitIcon,type:"submit",size:"large",themeColor:"primary"},e.submitMessage))),Hr=e=>{const n=a.useLocalization(),r=t.useContext(Y),{actionSheetRef:l,secondViewRef:o}=t.useContext(pt),s="rtl"===r.dir?i.chevronRightIcon:i.chevronLeftIcon;t.useEffect((()=>{r.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",2)}),[]);return t.createElement(t.Fragment,null,p.createPortal(t.createElement(t.Fragment,null,e.FilterUI?t.createElement(e.FilterUI,{...e.filterUIProps}):t.createElement(t.Fragment,null,t.createElement(u.ActionSheetHeader,null,t.createElement("div",{className:"k-actionsheet-titlebar-group"},t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",onClick:()=>{r.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",1),e.onBackView&&e.onBackView()},svgIcon:s,fillMode:"flat"})),t.createElement("div",{className:"k-actionsheet-title"},t.createElement("div",{className:"k-text-center"},e.adaptiveTitle)),t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",svgIcon:i.xIcon,onClick:e.handleClose,fillMode:"flat"})))),t.createElement(u.ActionSheetContent,null,t.createElement("div",{className:"k-filter-menu"},t.createElement("div",{className:"k-filter-menu-container"},t.createElement(zr,{...e.filterUIProps})))),t.createElement(u.ActionSheetFooter,null,t.createElement(Kr,{onApply:e.submit,onReset:e.clear,resetIcon:i.filterClearIcon,submitIcon:i.filterIcon,submitMessage:n.toLanguageString(me,$e[me]),resetMessage:n.toLanguageString(ce,$e[ce]),submitDisabled:!e.isFilterValid})))),o.current.current))},Vr=e=>e||{filters:[],logic:"and"},Wr=(e,t)=>Vr(t).filters.filter((t=>!!r.isCompositeFilterDescriptor(t)&&(t.filters&&t.filters.length&&!t.filters.find((t=>r.isCompositeFilterDescriptor(t)||t.field!==e)))))[0]||null,qr=e=>{const n=t.useContext(Y),r=a.useLocalization(),{actionSheetRef:l,secondViewRef:o}=t.useContext(pt),c="rtl"===n.dir?i.chevronRightIcon:i.chevronLeftIcon,d=r.toLanguageString(Ve,$e[Ve]);t.useEffect((()=>{null!=n&&n.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",2)}),[]);return t.createElement(t.Fragment,null,p.createPortal(t.createElement(t.Fragment,null,t.createElement(u.ActionSheetHeader,null,t.createElement("div",{className:"k-actionsheet-titlebar-group"},t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",onClick:()=>{e.onBackView&&e.onBackView(),null!=n&&n.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",1)},svgIcon:c,fillMode:"flat"})),t.createElement("div",{className:"k-actionsheet-title"},t.createElement("div",{className:"k-text-center"},d)),t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",svgIcon:i.xIcon,onClick:e.handleClose,fillMode:"flat"})))),t.createElement(u.ActionSheetContent,null,t.createElement("div",{className:"k-filter-menu"},t.createElement("div",{className:"k-filter-menu-container"},e.searchBox,t.createElement("ul",{className:"k-reset k-multicheck-wrap"},t.createElement("li",{className:"k-item k-check-all-wrap"},t.createElement(s.Checkbox,{size:n.mobileMode?"large":"medium",label:r.toLanguageString(xe,$e[xe]),onChange:t=>e.handleCheckBoxChange(t,"all"),checked:e.isAllSelected()})),e.currentData.map(((r,l)=>t.createElement("li",{className:"k-item",key:`colmenu-checkbox-item-${l}`},t.createElement(s.Checkbox,{size:n.mobileMode?"large":"medium",label:String(r),onChange:t=>e.handleCheckBoxChange(t,r),checked:e.uniqueFilterValues.includes(r)}))))),t.createElement("div",{className:"k-filter-selected-items"},e.uniqueFilterValues.length+" "+r.toLanguageString(Ie,$e[Ie]))))),t.createElement(u.ActionSheetFooter,null,t.createElement(Kr,{onApply:e.submit,onReset:e.clear,submitMessage:r.toLanguageString(me,$e[me]),resetMessage:r.toLanguageString(ce,$e[ce])}))),o.current.current))},_r=(e,t)=>e.length===t.length&&e.every(((e,n)=>e===t[n])),Ur={uniqueData:!0},jr=e=>{const[t,n]=x.useState(""),r=e.columns.reduce(((t,n)=>({...t,[n.id||""]:!!e.columnsState.find((e=>e.id===n.id))})),{}),[l,c]=x.useState(r),d=x.useMemo((()=>e.columns.filter((e=>{var n;return null==(n=e.title||e.field)?void 0:n.toLowerCase().includes(t.toLowerCase())}))),[e.columns,t]),u=a.useLocalization(),p=x.useCallback((()=>{const t=e.columns.filter((e=>l[e.id||""]));e.onColumnsChange.call(void 0,t),e.onCloseMenu.call(void 0)}),[l,e.columns,e.onColumnsChange,e.onCloseMenu]),g=x.useMemo((()=>Object.values(l).filter((e=>e)).length),[l]),f=x.useMemo((()=>g===e.columns.length),[e.columns,g]),h=x.useCallback((()=>{const e={...l};Object.keys(e).forEach(((t,n)=>e[t]=!(!f||0!==n)||!f)),c(e)}),[l,f]),v=x.useCallback(((e,t)=>{const n={...l};n[t||""]=e,c(n)}),[l]);return x.createElement("form",{className:"k-filter-menu"},x.createElement("div",{className:"k-filter-menu-container"},x.createElement(s.TextBox,{className:"k-searchbox",value:t,onChange:e=>{n(String(e.target.value))},prefix:()=>x.createElement(s.InputPrefix,null,x.createElement(o.IconWrap,{name:"search",icon:i.searchIcon}))}),x.createElement("ul",{className:"k-reset k-multicheck-wrap"},!t&&x.createElement("li",{className:"k-item k-check-all-wrap"},x.createElement(s.Checkbox,{checked:f,onChange:h,label:u.toLanguageString(ye,$e[ye])})),d.map(((e,t)=>x.createElement("li",{key:e.id,className:"k-item"},x.createElement(s.Checkbox,{disabled:l[e.id||""]&&1===g,checked:l[e.id||""],onChange:t=>{var n;return v(!(null==(n=t.target.element)||!n.checked),e.id)},label:e.title||e.field}))))),x.createElement("div",{className:"k-filter-selected-items"},g," selected items"),x.createElement("div",{className:"k-actions k-actions-start k-actions-horizontal"},x.createElement(m.Button,{type:"button",themeColor:"primary",onClick:p},u.toLanguageString(se,$e[se])),x.createElement(m.Button,{type:"button",onClick:()=>{c(r)}},u.toLanguageString(ue,$e[ue])))))};jr.displayName="GridColumnMenuColumnsList";const $r=e=>{const n=a.useLocalization(),r=t.useContext(Y),{actionSheetRef:l,secondViewRef:c}=t.useContext(pt),d="rtl"===r.dir?i.chevronRightIcon:i.chevronLeftIcon,g=n.toLanguageString(Ke,$e[Ke]),f=n.toLanguageString(He,$e[He]);t.useEffect((()=>{r.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",2)}),[]);return t.createElement(t.Fragment,null,p.createPortal(t.createElement(t.Fragment,null,t.createElement(u.ActionSheetHeader,null,t.createElement("div",{className:"k-actionsheet-titlebar-group"},t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",onClick:()=>{r.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",1),e.onBackView&&e.onBackView()},svgIcon:d,fillMode:"flat"})),t.createElement("div",{className:"k-actionsheet-title"},t.createElement("div",{className:"k-text-center"},g),t.createElement("div",{className:"k-actionsheet-subtitle k-text-center"},f)),t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",svgIcon:i.xIcon,onClick:e.handleClose,fillMode:"flat"})))),t.createElement(u.ActionSheetContent,null,t.createElement("div",{className:"k-filter-menu"},t.createElement("div",{className:"k-filter-menu-container"},t.createElement(s.TextBox,{size:r.mobileMode?"large":"medium",className:"k-searchbox",value:e.filter,onChange:e.onFilter,prefix:()=>t.createElement(s.InputPrefix,null,t.createElement(o.IconWrap,{name:"search",icon:i.searchIcon}))}),t.createElement("ul",{className:"k-reset k-multicheck-wrap"},!e.filter&&t.createElement("li",{className:"k-item k-check-all-wrap"},t.createElement(s.Checkbox,{size:r.mobileMode?"large":"medium",checked:e.allSelected,onChange:e.onSelectAll,label:n.toLanguageString(ye,$e[ye])})),e.filtered.map(((n,l)=>t.createElement("li",{key:n.id,className:"k-item"},t.createElement(s.Checkbox,{size:r.mobileMode?"large":"medium",disabled:e.selectedColumns[n.id||""]&&1===e.checkedCount,checked:e.selectedColumns[n.id||""],onChange:t=>{var r;return e.onCheckChange(!(null==(r=t.target.element)||!r.checked),n.id)},label:n.title||n.field}))))),t.createElement("div",{className:"k-filter-selected-items"},e.checkedCount," ",n.toLanguageString(ze,$e[ze]))))),t.createElement(u.ActionSheetFooter,null,t.createElement(Kr,{onApply:e.onApply,onReset:e.onReset,resetMessage:n.toLanguageString(ue,$e[ue]),submitMessage:n.toLanguageString(se,$e[se])}))),c.current.current))},Xr=e=>{const{columnsState:t,onCloseMenu:n,onColumnsStateChange:r}=e,l=a.useLocalization(),c=x.useContext(Y),[d,u]=x.useState(""),[p,g]=x.useState(e.expanded||!1),[f,h]=x.useState(!1),v=t.reduce(((e,t)=>({...e,[t.id||""]:!t.hidden})),{}),[E,C]=x.useState(v),b=x.useMemo((()=>(null==t?void 0:t.filter((e=>{var t;return null==(t=e.title||e.field)?void 0:t.toLowerCase().includes(d.toLowerCase())})))||[]),[t,d]),k=x.useMemo((()=>Object.values(E).filter((e=>e)).length),[E]),y=x.useMemo((()=>k===(null==t?void 0:t.length)),[t,k]),I=x.useCallback((e=>{e.preventDefault();const l=(e=>(null==e?void 0:e.map((e=>({...e,hidden:!E[e.id||""]}))))||[])(t);r&&r(l),null==n||n.call(void 0)}),[E,t,n]),S=e=>{e.preventDefault(),C(v)},w=x.useCallback((()=>{const e={...E};Object.keys(e).forEach(((t,n)=>e[t]=!(!y||0!==n)||!y)),C(e)}),[E,y]),R=x.useCallback(((e,t)=>{const n={...E};n[t||""]=e,C(n)}),[E]),P=e=>{u(String(e.target.value))},N=x.useCallback((()=>{const t=M(),n=!(t?e.expanded:p);e.onExpandChange&&e.onExpandChange(n),h(!f),!t&&!c.mobileMode&&g(n)}),[p]),M=()=>void 0!==e.expanded,T=M()?e.expanded:p;return x.createElement(Tr,null,x.createElement("div",{className:"k-expander"},!(e.alwaysExpand&&!c.mobileMode)&&x.createElement(Dr,{title:l.toLanguageString(Ke,$e[Ke]),iconClass:"k-i-filter",svgIcon:i.columnsIcon,expandable:!0,expanded:!!T,onClick:N})),c.mobileMode&&f?x.createElement(x.Fragment,null,x.createElement($r,{onBackView:()=>{h(!1)},handleClose:()=>{h(!1),e.onCloseMenu&&e.onCloseMenu()},onApply:I,onReset:S,filter:d,onFilter:P,allSelected:y,onSelectAll:w,filtered:b,selectedColumns:E,checkedCount:k,onCheckChange:R})):x.createElement(Br,{show:(e.alwaysExpand||!!T)&&!c.mobileMode},x.createElement("form",{onSubmit:I,onReset:S,className:"k-filter-menu"},x.createElement("div",{className:"k-filter-menu-container"},x.createElement(s.TextBox,{className:"k-searchbox",value:d,onChange:P,prefix:()=>x.createElement(s.InputPrefix,null,x.createElement(o.IconWrap,{name:"search",icon:i.searchIcon}))}),x.createElement("ul",{className:"k-reset k-multicheck-wrap"},!d&&x.createElement("li",{className:"k-item k-check-all-wrap"},x.createElement(s.Checkbox,{checked:y,onChange:w,label:l.toLanguageString(ye,$e[ye])})),b.map(((e,t)=>x.createElement("li",{key:e.id,className:"k-item"},x.createElement(s.Checkbox,{disabled:E[e.id||""]&&1===k,checked:E[e.id||""],onChange:t=>{var n;return R(!(null==(n=t.target.element)||!n.checked),e.id)},label:e.title||e.field}))))),x.createElement("div",{className:"k-filter-selected-items"},k," ",l.toLanguageString(ze,$e[ze])),x.createElement("div",{className:"k-actions k-actions-start k-actions-horizontal"},x.createElement(m.Button,{type:"submit",themeColor:"primary"},l.toLanguageString(se,$e[se])),x.createElement(m.Button,{type:"reset"},l.toLanguageString(ue,$e[ue])))))))};Xr.displayName="GridColumnMenuColumnsChooser";const Yr=e=>{const{ariaLabel:t,_ariaControls:n,children:r,overflow:l="scroll",...o}=e;return x.createElement(m.Toolbar,{className:"k-grid-toolbar",role:"toolbar",ariaLabel:t,_ariaControls:n,overflow:l,...o},r)};Yr.displayName="KendoReactGridToolbar";const Jr=t.createContext(void 0),Qr=e=>{const n=t.useRef(null),r=t.useRef(null),l=t.useRef(null),o=t.useMemo((()=>({actionSheetRef:n,firstViewRef:r,secondViewRef:l})),[]);return t.createElement(Jr.Provider,{value:o},e.children)},Zr=e=>{const n=t.useContext(Y),{actionSheetRef:r,firstViewRef:l,secondViewRef:c}=t.useContext(Jr),d=o.useAdaptiveModeContext(),p=a.useLocalization(),[g,f]=t.useState(""),h={animation:!0,navigatable:!1,navigatableElements:[],expand:e.computedShow,animationStyles:d&&n.adaptiveColumnMenuRef<=d.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:d&&n.adaptiveColumnMenuRef<=d.small?"fullscreen":void 0},v="rtl"===n.dir?i.chevronRightIcon:i.chevronLeftIcon,E=p.toLanguageString(Ve,$e[Ve]);return t.createElement(u.ActionSheet,{...h,ref:r,style:{"--kendo-actionsheet-view-current":1},onClose:e.onClose},t.createElement(u.ActionSheetView,{className:"k-actionsheet-view-animated",ref:l,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"},E)),t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{svgIcon:i.xIcon,onClick:e.onClose,fillMode:"flat"})))),t.createElement(u.ActionSheetContent,null,t.createElement("div",{className:"k-column-menu k-column-menu-lg"},e.filtered.map((n=>{var l,o;return t.createElement(Tr,{key:n.id},t.createElement("div",{className:"k-expander"},t.createElement(Dr,{title:e.renderTitle(n),expandable:!0,expanded:!(null==(o=null==(l=e.expandState)?void 0:l.find((e=>e.column.field===n.field)))||!o.expanded),onClick:t=>(r.current.element.style.setProperty("--kendo-actionsheet-view-current",2),f(n.field),e.onFilterExpand(t,n))})))})))),t.createElement(u.ActionSheetFooter,null,t.createElement("div",{className:"k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer"},t.createElement(m.Button,{svgIcon:i.filterClearIcon,onClick:e.handleClearAllFilters,size:"large"},p.toLanguageString(de,$e[de]))))),t.createElement(u.ActionSheetView,{className:"k-actionsheet-view-animated",ref:c,style:{transitionDuration:"500ms",transitionProperty:"transform"}},t.createElement(u.ActionSheetHeader,null,t.createElement("div",{className:"k-actionsheet-titlebar-group"},t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",onClick:()=>{e.onBackView&&e.onBackView(),null!=n&&n.mobileMode&&r.current.element.style.setProperty("--kendo-actionsheet-view-current",1)},svgIcon:v,fillMode:"flat"})),t.createElement("div",{className:"k-actionsheet-title"},t.createElement("div",{className:"k-text-center"},E+(g?` ${g}`:""))),t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",svgIcon:i.xIcon,onClick:e.onClose,fillMode:"flat"})))),t.createElement(u.ActionSheetContent,null,t.createElement("div",{className:"k-filter-menu"},t.createElement("div",{className:"k-filter-menu-container"},e.searchBox,t.createElement("ul",{className:"k-multicheck-wrap"},t.createElement("li",{className:"k-item k-check-all-wrap"},t.createElement(s.Checkbox,{size:n.mobileMode?"large":"medium",label:p.toLanguageString(xe,$e[xe]),onChange:t=>e.handleCheckBoxChange(t,"all"),checked:e.isAllSelected()})),e.currentData.map(((r,l)=>t.createElement("li",{className:"k-item",key:`colmenu-checkbox-item-${l}`},t.createElement(s.Checkbox,{size:n.mobileMode?"large":"medium",label:String(r),onChange:t=>e.handleCheckBoxChange(t,r),checked:e.uniqueFilterValues.includes(r)}))))),t.createElement("div",{className:"k-filter-selected-items"},e.uniqueFilterValues.length+" "+p.toLanguageString(Ie,$e[Ie]))))),t.createElement(u.ActionSheetFooter,null,t.createElement(Kr,{onApply:e.submit,onReset:e.clear,submitMessage:p.toLanguageString(me,$e[me]),resetMessage:p.toLanguageString(ce,$e[ce])}))))},el={uniqueData:!0},tl=e=>{var t,n;const{uniqueData:l=el.uniqueData,svgIcon:c,icon:u}=e,g=x.useContext(Y),h=g.columnsRef,v=g.defaultFilter,[E,C]=x.useState(!1),b=x.useRef(null),k=x.useRef(null),y=x.useRef(null),I=x.useRef(0),S=a.useLocalization(),w=x.useRef(null),R=o.useDocument(b),N=()=>v?o.clone(v):{filters:[],logic:"and"},M=(e,t)=>{var n;const r=(null==(n=null==w?void 0:w.current)?void 0:n.field)||"",l=e.map((e=>P(r,e)));return t?l.filter(((e,t)=>l.indexOf(e)===t)):l},T=x.useRef((()=>{var e;const t=null==(e=null==w?void 0:w.current)?void 0:e.field;return N().filters.findIndex((e=>e.filters&&e.filters.length>0&&e.filters[0].field===t))})()),[D,L]=x.useState(!1),[A,F]=x.useState((null==h?void 0:h.map((e=>({column:e,expanded:!1}))))||[]),[G,B]=x.useState(""),[O,z]=x.useState(M(e.data,l)||[]),[K,H]=x.useState(M(e.data,!1)||[]),[V,W]=x.useState(N()),[q,_]=x.useState(!1),U=S.toLanguageString(ce,$e[ce]),j=x.useMemo((()=>(null==h?void 0:h.filter((e=>{var t;return null==(t=e.title||e.field)?void 0:t.toLowerCase()})))||[]),[h]);x.useEffect((()=>{v&&L(!0)}),[v]),x.useEffect((()=>{var t;const n=(null==(t=null==w?void 0:w.current)?void 0:t.field)||"",r=e.data.map((e=>P(n,e)));_r(r,K)||(z(r),H(r))}),[K,e.data]),x.useEffect((()=>{A.find((e=>e.expanded))&&z(M(e.data,l)||[])}),[A,e.data,l]);const $=x.useCallback((e=>{const t=V.filters.some((t=>t.field===e.field));return x.createElement(x.Fragment,null,e.title||e.field,t&&x.createElement("span",{className:"k-columnmenu-indicators"},x.createElement(o.SvgIcon,{key:1,icon:i.filterIcon})))}),[V]),X=x.useCallback(((t,n)=>{F((e=>(w.current=n,e.map((e=>e.column.field===n.field?{...e,expanded:!e.expanded}:{...e,expanded:!1}))))),z(M(e.data,l)||[]),H(M(e.data,l)||[]),_(!q)}),[]),J=t=>{var n;const o=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",a={logic:"and",filters:[{field:null==(n=null==w?void 0:w.current)?void 0:n.field,operator:o,value:t.target.value,ignoreCase:!0}]};B(t.target.value),z(M(r.filterBy(e.data||[],a),l))},Q=()=>{let e=!1;if(V){const t=[...V.filters];return-1!==T.current&&(e=O.every((e=>!(-1===T.current||!t[T.current].filters)&&t[T.current].filters.findIndex((t=>t.value===e))>=0)),e)}return e},Z=(e,t)=>{var n;const r=(null==(n=null==w?void 0:w.current)?void 0:n.field)||"",l={...V},o=[...V.filters];let a=[];if(-1!==T.current&&l.filters[T.current].filters&&"all"!==t&&(a=l.filters[T.current].filters),e.value&&"all"===t)O.forEach((e=>{a.push({field:r,operator:"eq",value:e})}));else if(e.value)a.push({field:r,operator:"eq",value:t});else if(V){const e=a.findIndex((e=>e.value===t));a.splice(e,1)}l.logic="and",-1!==T.current?o[T.current]={logic:"or",filters:a}:o.push({logic:"or",filters:a}),(!e.value&&"all"===t||0===a.length)&&o.splice(T.current,1),l.filters=o,W(l)},ee=[];if(V){const e=[...V.filters];T.current=e.findIndex((e=>{var t;return!!(e.filters&&e.filters.length>0)&&e.filters[0].field===(null==(t=null==w?void 0:w.current)?void 0:t.field)})),-1!==T.current&&e[T.current].filters.length>0&&e[T.current].filters.forEach((e=>{var t;e.field===(null==(t=null==w?void 0:w.current)?void 0:t.field)&&ee.push(e.value)}))}const te=ee.filter(((e,t)=>ee.indexOf(e)===t)),ne=t=>{if(t.preventDefault(),!g.filterChange)return;const n=V||null;null!==n&&n.filters.length>0?(T.current>=0&&n.filters.splice(T.current,1),g.filterChange(n,t)):g.filterChange(null,t),e.onCloseMenu&&e.onCloseMenu(),L(!1)},re=t=>{if(t.preventDefault(),!g.filterChange)return;const n=V||null;g.filterChange(n,t),e.onCloseMenu&&e.onCloseMenu(),L(!0),C(!1)},le=e.searchBox?x.createElement(e.searchBox,{value:G,onChange:J}):x.createElement("div",{className:"k-searchbox k-textbox k-input k-input-solid "+(null!=g&&g.mobileMode?"k-input-lg":"k-input-md")},x.createElement(o.IconWrap,{className:"k-input-icon",name:"search",icon:i.searchIcon}),x.createElement(s.Input,{className:"k-input-inner",type:"text",placeholder:S.toLanguageString(Ee,$e[Ee]),value:G,onChange:e=>J(e.nativeEvent)}),x.createElement(m.Button,{type:"button",rounded:null,className:"k-input-button",onClick:()=>{var t;const n=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",o={logic:"and",filters:[{field:null==(t=null==w?void 0:w.current)?void 0:t.field,operator:n,value:"",ignoreCase:!0}]};B(""),z(M(r.filterBy(e.data||[],o),l))},icon:"x","aria-label":U,svgIcon:i.xIcon})),oe=x.useMemo((()=>void 0!==e.show?e.show:E),[e.show,E]),ae=()=>{var t;e.onCloseMenu&&e.onCloseMenu(),C(!1),b.current&&(null==(t=b.current.element)||t.focus())},{onFocus:ie,onBlur:se}=o.useAsyncFocusBlur({onFocus:e=>{clearTimeout(I.current)},onBlur:e=>(e=>{const t=o.getActiveElement(document);clearTimeout(I.current),I.current=window.setTimeout((()=>{!g.mobileMode&&t&&e.relatedTarget!==b.current&&k.current&&!k.current.contains(t)&&ae()}))})(e)}),ue=e=>{if(e.preventDefault(),!g.filterChange)return;const t=V||null;null!==t&&t.filters.length>0?(t.filters=[],g.filterChange(t,e)):g.filterChange(null,e),W(N()),L(!1),F((e=>e.map((e=>({...e,expanded:!1})))))},pe=x.createElement(m.Button,{ref:b,togglable:!0,selected:oe,svgIcon:c||(u?void 0:i.filterIcon),icon:u,size:g.mobileMode?"large":"medium",className:o.classNames("k-toolbar-button",{"k-icon-button":g.mobileMode}),title:S.toLanguageString(je,$e[je]),onClick:e=>{e.preventDefault(),C(!E)}},!g.mobileMode&&S.toLanguageString(je,$e[je])),ge=x.createElement(x.Fragment,null,j.map((e=>{var t,n;return e.filterable&&x.createElement(Tr,{key:e.id},x.createElement("div",{className:"k-expander"},x.createElement(Dr,{title:$(e),expandable:!0,expanded:!(null==(t=null==A?void 0:A.find((t=>t.column.field===e.field)))||!t.expanded),onClick:t=>X(t,e)})),x.createElement(Br,{show:!(null==(n=null==A?void 0:A.find((t=>t.column.field===e.field)))||!n.expanded)},x.createElement("form",{className:"k-filter-menu",onSubmit:re,onReset:ne},x.createElement("div",{className:"k-filter-menu-container"},le,x.createElement("ul",{className:"k-multicheck-wrap"},x.createElement("li",{className:"k-item k-check-all-wrap"},x.createElement(s.Checkbox,{label:S.toLanguageString(xe,$e[xe]),onChange:e=>Z(e,"all"),checked:Q()})),O.map(((e,t)=>x.createElement("li",{className:"k-item",key:t},x.createElement(s.Checkbox,{label:String(e),onChange:t=>Z(t,e),checked:te.includes(e)}))))),x.createElement("div",{className:"k-filter-selected-items"},te.length+" "+S.toLanguageString(Ie,$e[Ie])),x.createElement("div",{className:"k-actions k-hstack k-justify-content-stretch"},x.createElement(m.Button,{themeColor:"primary",type:"submit"},S.toLanguageString(me,$e[me])),x.createElement(m.Button,{className:"k-button",type:"reset"},S.toLanguageString(ce,$e[ce])))))))})),x.createElement("div",{className:"k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer"},x.createElement(m.Button,{svgIcon:i.filterClearIcon,onClick:ue},S.toLanguageString(de,$e[de]))));return x.createElement(x.Fragment,null,D?x.createElement(f.BadgeContainer,null,pe,x.createElement(f.Badge,{themeColor:"primary"})):pe,g.mobileMode?x.createElement(Qr,null,p.createPortal(x.createElement(Zr,{filtered:j,computedShow:oe,expandState:A,currentData:O,uniqueFilterValues:te,searchBox:le,renderTitle:$,onBackView:()=>{_(!1)},isAllSelected:Q,handleCheckBoxChange:Z,clear:ne,submit:re,onClose:ae,onFilterExpand:X,handleClearAllFilters:ue},ge),null==(t=R())?void 0:t.body)):x.createElement(d.Popup,{anchor:null==(n=b.current)?void 0:n.element,show:oe,popupClass:"k-grid-columnmenu-popup",onMouseDownOutside:e=>{!e.isAnchorClicked&&C(!1)}},x.createElement("div",{ref:k,onBlur:se,onFocus:ie,onMouseDown:e=>{var t;null==(t=y.current)||t.triggerMouseEvent(e)},onKeyDown:e=>{var t;null==(t=y.current)||t.triggerKeyboardEvent(e)},className:"k-column-menu k-column-menu-md"},ge)))};tl.displayName="KendoReactGridToolbarCheckboxFilter";const nl=e=>{const n=t.useContext(Y),{actionSheetRef:r}=t.useContext(Jr),l=o.useAdaptiveModeContext(),c=a.useLocalization(),d={animation:!0,navigatable:!1,navigatableElements:[],expand:e.computedShow,animationStyles:l&&n.adaptiveColumnMenuRef<=l.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:l&&n.adaptiveColumnMenuRef<=l.small?"fullscreen":void 0},p=c.toLanguageString(Ke,$e[Ke]),g=c.toLanguageString(He,$e[He]);return t.createElement(u.ActionSheet,{...d,ref:r,style:{"--kendo-actionsheet-view-current":1},onClose:e.onClose},t.createElement(u.ActionSheetView,null,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"},p),t.createElement("div",{className:"k-actionsheet-subtitle k-text-center"},g)),t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",svgIcon:i.xIcon,onClick:e.onClose,fillMode:"flat"})))),t.createElement(u.ActionSheetContent,null,t.createElement("div",{className:"k-filter-menu"},t.createElement("div",{className:"k-filter-menu-container"},t.createElement(s.TextBox,{size:n.mobileMode?"large":"medium",className:"k-searchbox",value:e.filter,onChange:e.onFilter,prefix:()=>t.createElement(s.InputPrefix,null,t.createElement(o.IconWrap,{name:"search",icon:i.searchIcon}))}),t.createElement("ul",{className:"k-reset k-multicheck-wrap"},!e.filter&&t.createElement("li",{className:"k-item k-check-all-wrap"},t.createElement(s.Checkbox,{size:n.mobileMode?"large":"medium",checked:e.allSelected,onChange:e.onSelectAll,label:c.toLanguageString(ye,$e[ye])})),e.filtered.map(((r,l)=>t.createElement("li",{key:r.id,className:"k-item"},t.createElement(s.Checkbox,{size:n.mobileMode?"large":"medium",disabled:e.selectedColumns[r.id||""]&&1===e.checkedCount,checked:e.selectedColumns[r.id||""],onChange:t=>{var n;return e.onCheckChange(!(null==(n=t.target.element)||!n.checked),r.id)},label:r.title||r.field}))))),t.createElement("div",{className:"k-filter-selected-items"},e.checkedCount," ",c.toLanguageString(ze,$e[ze]))))),t.createElement(u.ActionSheetFooter,null,t.createElement(Kr,{onApply:e.onApply,onReset:e.onReset,resetMessage:c.toLanguageString(ue,$e[ue]),submitMessage:c.toLanguageString(se,$e[se])}))))},rl=e=>{var t,n;const r=x.useContext(Y),l=r.columnsState,c=r.onColumnsStateChange,[u,g]=x.useState(!1),[h,v]=x.useState(""),[E,C]=x.useState(!1),b=l.reduce(((e,t)=>({...e,[t.id||""]:!t.hidden})),{}),[k,y]=x.useState(b),I=x.useRef(null),S=x.useRef(null),w=x.useRef(null),R=x.useRef(0),P=a.useLocalization(),N=o.useDocument(I),M=x.useMemo((()=>(null==l?void 0:l.filter((e=>{var t;return null==(t=e.title||e.field)?void 0:t.toLowerCase().includes(h.toLowerCase())})))||[]),[l,h]),T=x.useMemo((()=>Object.values(k).filter((e=>e)).length),[k]),D=x.useMemo((()=>T===(null==l?void 0:l.length)),[l,T]),L=x.useCallback((t=>{var n;t.preventDefault();const r=(e=>(null==e?void 0:e.map((e=>({...e,hidden:!k[e.id||""]}))))||[])(l);c&&c(r),null==(n=e.onCloseMenu)||n.call(void 0),g(!1)}),[l,c,e.onCloseMenu,k]),A=e=>{e.preventDefault(),y(b),C(!1)},F=x.useCallback((()=>{const e={...k};Object.keys(e).forEach(((t,n)=>e[t]=!(!D||0!==n)||!D)),y(e),C(!0)}),[k,D]),G=x.useCallback(((e,t)=>{const n={...k};n[t||""]=e,y(n),C(!0)}),[k]),B=e=>{v(String(e.target.value))},O=x.useMemo((()=>void 0!==e.show?e.show:u),[e.show,u]),z=()=>{var t;e.onCloseMenu&&e.onCloseMenu(),g(!1),I.current&&(null==(t=I.current.element)||t.focus())},{onFocus:K,onBlur:H}=o.useAsyncFocusBlur({onFocus:e=>{clearTimeout(R.current)},onBlur:e=>(e=>{const t=o.getActiveElement(document);clearTimeout(R.current),R.current=window.setTimeout((()=>{!r.mobileMode&&t&&e.relatedTarget!==I.current&&S.current&&!S.current.contains(t)&&z()}))})(e)}),V=x.createElement(Br,{show:!0},x.createElement("form",{onSubmit:L,onReset:A,className:"k-filter-menu"},x.createElement("div",{className:"k-filter-menu-container"},x.createElement(s.TextBox,{className:"k-searchbox",value:h,onChange:B,size:r.mobileMode?"large":"medium",prefix:()=>x.createElement(s.InputPrefix,null,x.createElement(o.IconWrap,{name:"search",icon:i.searchIcon}))}),x.createElement("ul",{className:"k-reset k-multicheck-wrap"},!h&&x.createElement("li",{className:"k-item k-check-all-wrap"},x.createElement(s.Checkbox,{checked:D,onChange:F,label:P.toLanguageString(ye,$e[ye]),size:r.mobileMode?"large":"medium"})),M.map((e=>x.createElement("li",{key:e.id,className:"k-item"},x.createElement(s.Checkbox,{disabled:k[e.id||""]&&1===T,checked:k[e.id||""],onChange:t=>{var n;return G(!(null==(n=t.target.element)||!n.checked),e.id)},label:e.title||e.field,size:r.mobileMode?"large":"medium"}))))),x.createElement("div",{className:"k-filter-selected-items"},T," ",P.toLanguageString(ze,$e[ze])),x.createElement("div",{className:"k-actions k-actions-start k-actions-horizontal"},x.createElement(m.Button,{type:"submit",themeColor:"primary"},P.toLanguageString(se,$e[se])),x.createElement(m.Button,{type:"reset"},P.toLanguageString(ue,$e[ue])))))),W=x.createElement(m.Button,{ref:I,togglable:!0,selected:O,svgIcon:e.svgIcon?e.svgIcon:e.icon?void 0:i.columnsIcon,icon:e.icon,size:r.mobileMode?"large":"medium",className:o.classNames("k-toolbar-button",{"k-icon-button":r.mobileMode}),title:P.toLanguageString(Ue,$e[Ue]),onClick:e=>{e.preventDefault(),g(!u)}},!r.mobileMode&&P.toLanguageString(Ue,$e[Ue]));return x.createElement(x.Fragment,null,E?x.createElement(f.BadgeContainer,null,W,x.createElement(f.Badge,{themeColor:"primary"})):W,r.mobileMode?x.createElement(Qr,null,p.createPortal(x.createElement(nl,{computedShow:O,filter:h,filtered:M,selectedColumns:k,allSelected:D,checkedCount:T,onClose:z,onApply:L,onReset:A,onFilter:B,onCheckChange:G,onSelectAll:F},V),null==(t=N())?void 0:t.body)):x.createElement(d.Popup,{anchor:null==(n=I.current)?void 0:n.element,show:O,popupClass:"k-grid-columnmenu-popup",onMouseDownOutside:e=>{!e.isAnchorClicked&&g(!1)}},x.createElement("div",{ref:S,onBlur:H,onFocus:K,onMouseDown:e=>{var t;null==(t=w.current)||t.triggerMouseEvent(e)},onKeyDown:e=>{var t;null==(t=w.current)||t.triggerKeyboardEvent(e)},className:"k-column-menu k-column-menu-md"},V)))};rl.displayName="KendoReactGridToolbarColumnsChooser";const ll=e=>{const n=t.useContext(Y),{actionSheetRef:r,firstViewRef:l,secondViewRef:s}=t.useContext(Jr),c=o.useAdaptiveModeContext(),d=a.useLocalization(),[p,g]=t.useState(""),f="rtl"===n.dir?i.chevronRightIcon:i.chevronLeftIcon,h=d.toLanguageString(Oe,$e[Oe]),v={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,{...v,ref:r,style:{"--kendo-actionsheet-view-current":1},onClose:e.onClose},t.createElement(u.ActionSheetView,{className:"k-actionsheet-view-animated",ref:l,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"},h)),t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{svgIcon:i.xIcon,onClick:e.onClose,fillMode:"flat"})))),t.createElement(u.ActionSheetContent,null,t.createElement("div",{className:"k-column-menu k-column-menu-lg"},e.filtered.map((n=>{var l,o;return t.createElement(Tr,{key:n.id},t.createElement("div",{className:"k-expander"},t.createElement(Dr,{title:e.renderTitle(n),expandable:!0,expanded:!(null==(o=null==(l=e.expandState)?void 0:l.find((e=>e.column.field===n.field)))||!o.expanded),onClick:t=>(r.current.element.style.setProperty("--kendo-actionsheet-view-current",2),g(n.field),e.onFilterExpand(t,n))})))})))),t.createElement(u.ActionSheetFooter,null,t.createElement("div",{className:"k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer"},t.createElement(m.Button,{svgIcon:i.filterClearIcon,onClick:e.handleClearAllFilters,size:"large"},d.toLanguageString(de,$e[de]))))),t.createElement(u.ActionSheetView,{className:"k-actionsheet-view-animated",ref:s,style:{transitionDuration:"500ms",transitionProperty:"transform"}},t.createElement(u.ActionSheetHeader,null,t.createElement("div",{className:"k-actionsheet-titlebar-group"},t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",onClick:()=>{e.onBackView&&e.onBackView(),null!=n&&n.mobileMode&&r.current.element.style.setProperty("--kendo-actionsheet-view-current",1)},svgIcon:f,fillMode:"flat"})),t.createElement("div",{className:"k-actionsheet-title"},t.createElement("div",{className:"k-text-center"},h+(p?` ${p}`:""))),t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",svgIcon:i.xIcon,onClick:e.onClose,fillMode:"flat"})))),t.createElement(u.ActionSheetContent,null,t.createElement("form",{className:"k-filter-menu",onSubmit:e.submit,onReset:e.clear},t.createElement("div",{className:"k-filter-menu-container"},e.FilterUI?t.createElement(e.FilterUI,{...e.filterUIProps}):t.createElement(zr,{...e.filterUIProps})))),t.createElement(u.ActionSheetFooter,null,t.createElement(Kr,{onApply:e.submit,onReset:e.clear,submitMessage:d.toLanguageString(me,$e[me]),resetMessage:d.toLanguageString(ce,$e[ce])}))))},ol=e=>{var t,n,r,l,s,c,u;const g=x.useContext(Y),h=g.columnsRef;g.filterable;const v=g.defaultFilter,[E,C]=x.useState(!1),[b,k]=x.useState(!1),[y,I]=x.useState((null==h?void 0:h.map((e=>({column:e,expanded:!1}))))||[]),[S,w]=x.useState(!1),R=x.useRef(null),P=x.useRef(null),N=x.useRef(null),M=x.useRef(0),T=x.useRef(null),D=a.useLocalization(),L=o.useDocument(R),A=x.useMemo((()=>(null==h?void 0:h.filter((e=>{var t;return null==(t=e.title||e.field)?void 0:t.toLowerCase()})))||[]),[h]);x.useEffect((()=>{v&&k(!0)}),[v]);const F=x.useCallback((e=>{const t=v&&v.filters.some((t=>t.field===e.field));return x.createElement(x.Fragment,null,e.title||e.field,t&&x.createElement("span",{className:"k-columnmenu-indicators"},x.createElement(o.SvgIcon,{key:1,icon:i.filterIcon})))}),[v]),G=(e,t)=>{I((e=>(T.current=t,e.map((e=>e.column.field===t.field?{...e,expanded:!e.expanded}:{...e,expanded:!1}))))),K(B()),w(!S)},B=()=>{var e,t,n,r,l,o;let a;if(null!=T&&T.current&&null!=(e=null==T?void 0:T.current)&&e.field){const e=Bt(null==(t=null==T?void 0:T.current)?void 0:t.filter),i=Gt(g.filterOperators,e);a=Wr(null==(n=null==T?void 0:T.current)?void 0:n.field,g.filter),a=a?{...a,filters:a.filters.map((e=>({...e})))}:{logic:"and",filters:[{field:null==(r=null==T?void 0:T.current)?void 0:r.field,operator:i,value:Tt(i)?null:void 0},{field:null==(l=null==T?void 0:T.current)?void 0:l.field,operator:i,value:Tt(i)?null:void 0}]},1===a.filters.filter((e=>{var t;return e.field===(null==(t=null==T?void 0:T.current)?void 0:t.field)})).length&&a.filters.splice(1,0,{field:null==(o=null==T?void 0:T.current)?void 0:o.field,operator:i})}return a},O=(e,t)=>{const n=z.filters.map(((n,r)=>r===e?{...n,value:t.value||"",operator:t.operator||W[r].operator}:n));K({...z,filters:n})},[z,K]=x.useState(B()),H=null==z?void 0:z.filters,V=Bt(null==(t=null==T?void 0:T.current)?void 0:t.filter),W=Dt(g.filterOperators[V],D),q=Dt(Lt,D),_={field:null==(n=null==T?void 0:T.current)?void 0:n.field,value:null==H?void 0:H[0].value,operator:null==H?void 0:H[0].operator,operators:W,booleanValues:q,onChange:e=>{O(0,e)},filterType:V},U={field:null==(r=null==T?void 0:T.current)?void 0:r.field,value:null==H?void 0:H[1].value,operator:null==H?void 0:H[1].operator,operators:W,booleanValues:q,onChange:e=>{O(1,e)},filterType:V},j=null==z?void 0:z.logic,$=Dt(Nt,D),X={value:$.find((e=>e.operator===(null===j?"":j))),onChange:e=>{let t=e.target.value;"SPAN"===e.target.tagName&&(t=e.target.parentElement.value),K({...z,logic:t})},data:$},J=void 0!==e.hideSecondFilter?e.hideSecondFilter:At[V],Q=e.filterUI,Z={firstFilterProps:_,secondFilterProps:U,logicData:X.data,logicValue:X.value,onLogicChange:X.onChange,hideSecondFilter:J},ee=()=>({...z,filters:null==z?void 0:z.filters.filter((e=>void 0!==e.value&&null!==e.value&&""!==e.value||null===e.value&&e.operator))}),te=0!==(null==(s=null==(l=ee())?void 0:l.filters)?void 0:s.length)||Tt(null==H?void 0:H[0].operator)||Tt(null==H?void 0:H[1].operator),ne=e=>{if(e.preventDefault(),!g.filterChange)return;const t=Vr(g.filter),n={...t,filters:t.filters.filter((e=>{var t;return e.field!==(null==(t=null==T?void 0:T.current)?void 0:t.field)}))};te&&n.filters.push(ee()),g.filterChange(n,e),k(!0),C(!1)},re=t=>{if(t.preventDefault(),!g.filterChange)return;const n=Vr(g.filter),r=n.filters.filter((e=>{var t;return e.field!==(null==(t=null==T?void 0:T.current)?void 0:t.field)}));0===r.length?g.filterChange(null,t):g.filterChange({...n,filters:r},t),e.onCloseMenu&&e.onCloseMenu(),k(!1),I((e=>e.map((e=>({...e,expanded:!1})))))},le=x.useMemo((()=>void 0!==e.show?e.show:E),[e.show,E]),oe=()=>{var t;e.onCloseMenu&&e.onCloseMenu(),C(!1),R.current&&(null==(t=R.current.element)||t.focus())},{onFocus:ae,onBlur:ie}=o.useAsyncFocusBlur({onFocus:e=>{clearTimeout(M.current)},onBlur:e=>(e=>{const t=o.getActiveElement(document);clearTimeout(M.current),M.current=window.setTimeout((()=>{!g.mobileMode&&t&&e.relatedTarget!==R.current&&P.current&&!P.current.contains(t)&&oe()}))})(e)}),se=x.useCallback((e=>{if(e.preventDefault(),!g.filterChange)return;const t=Vr(g.filter),n=t.filters.filter((()=>!1));0===n.length?g.filterChange(null,e):g.filterChange({...t,filters:n},e),k(!1),I((e=>e.map((e=>({...e,expanded:!1})))))}),[g,Vr]),ue=x.createElement(m.Button,{ref:R,togglable:!0,selected:le,svgIcon:e.svgIcon?e.svgIcon:e.icon?void 0:i.filterIcon,icon:e.icon,size:g.mobileMode?"large":"medium",className:o.classNames("k-toolbar-button",{"k-icon-button":g.mobileMode}),title:D.toLanguageString(_e,$e[_e]),onClick:e=>{e.preventDefault(),C(!E)}},!g.mobileMode&&D.toLanguageString(_e,$e[_e])),pe=x.createElement(x.Fragment,null,A.map((e=>{var t,n;return e.filterable&&x.createElement(Tr,{key:e.id},x.createElement("div",{className:"k-expander"},x.createElement(Dr,{title:F(e),expandable:!0,expanded:!(null==(t=null==y?void 0:y.find((t=>t.column.field===e.field)))||!t.expanded),onClick:t=>G(0,e)})),x.createElement(Br,{show:!(null==(n=null==y?void 0:y.find((t=>t.column.field===e.field)))||!n.expanded)},x.createElement("form",{className:"k-filter-menu",onSubmit:ne,onReset:re},x.createElement("div",{className:"k-filter-menu-container"},Q?x.createElement(Q,{...Z}):x.createElement(zr,{...Z}),x.createElement("div",{className:"k-actions k-actions-stretched"},x.createElement(m.Button,{themeColor:"primary",disabled:!te},D.toLanguageString(me,$e[me])),x.createElement(m.Button,{type:"reset"},D.toLanguageString(ce,$e[ce])))))))})),x.createElement("div",{className:"k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer"},x.createElement(m.Button,{svgIcon:i.filterClearIcon,onClick:se},D.toLanguageString(de,$e[de]))));return x.createElement(x.Fragment,null,b?x.createElement(f.BadgeContainer,null,ue,x.createElement(f.Badge,{themeColor:"primary"})):ue,g.mobileMode?x.createElement(Qr,null,p.createPortal(x.createElement(ll,{filtered:A,computedShow:le,expandState:y,FilterUI:Q,filterUIProps:Z,isFilterValid:te,renderTitle:F,onBackView:()=>{w(!1)},clear:re,submit:ne,onClose:oe,onFilterExpand:G,handleClearAllFilters:se},pe),null==(c=L())?void 0:c.body)):x.createElement(d.Popup,{anchor:null==(u=R.current)?void 0:u.element,show:le,popupClass:"k-grid-columnmenu-popup",onMouseDownOutside:e=>{!e.isAnchorClicked&&C(!1)}},x.createElement("div",{ref:P,onBlur:ie,onFocus:ae,onMouseDown:e=>{var t;null==(t=N.current)||t.triggerMouseEvent(e)},onKeyDown:e=>{var t;null==(t=N.current)||t.triggerKeyboardEvent(e)},className:"k-column-menu k-column-menu-md"},pe)))};ol.displayName="KendoReactGridToolbarFilter";const al=e=>{const n=t.useContext(Y),{actionSheetRef:r}=t.useContext(Jr),l=o.useAdaptiveModeContext(),s=a.useLocalization(),c={animation:!0,navigatable:!1,navigatableElements:[],expand:e.computedShow,animationStyles:l&&n.adaptiveColumnMenuRef<=l.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:l&&n.adaptiveColumnMenuRef<=l.small?"fullscreen":void 0},d=s.toLanguageString(We,$e[We]);return t.createElement(u.ActionSheet,{...c,ref:r,style:{"--kendo-actionsheet-view-current":1},onClose:e.onClose},t.createElement(u.ActionSheetView,null,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"},d)),t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",svgIcon:i.checkIcon,themeColor:"primary",onClick:e.onClose,fillMode:"flat"})))),t.createElement(u.ActionSheetContent,null,t.createElement("div",{className:"k-column-menu k-column-menu-lg"},t.createElement(Tr,null,e.filtered.map((n=>t.createElement(Dr,{key:n.id,title:e.renderTitle(n),onClick:t=>e.handleSorting(t,n)})))))),t.createElement(u.ActionSheetFooter,null,t.createElement("div",{className:"k-actions k-actions-stretched"},t.createElement(m.Button,{svgIcon:i.xIcon,onClick:e.onClear,size:"large",disabled:e.isDisabledButton},s.toLanguageString(he,$e[he])),t.createElement(m.Button,{svgIcon:i.checkIcon,themeColor:"primary",size:"large",onClick:e.onClose},s.toLanguageString(ve,$e[ve]))))))},il=e=>{var t,n;const r=x.useContext(Y),l=r.columnsState,s=r.sortable,c=r.sort,u=r.defaultSort,[g,h]=x.useState(!0),[v,E]=x.useState(!1),[C,b]=x.useState(!1),k=x.useRef(null),y=x.useRef(null),I=x.useRef(null),S=x.useRef(0),w=a.useLocalization(),R=o.useDocument(k);x.useEffect((()=>{u&&(E(!0),h(!1))}),[u]);const P=x.useMemo((()=>(null==l?void 0:l.filter((e=>{var t;return null==(t=e.title||e.field)?void 0:t.toLowerCase()})))||[]),[l]),N=x.useCallback(((e,t)=>{r.headerCellClick(e,t),h(!1),E(!0)}),[r]),M=x.useCallback((e=>{r.sortChange([],e),E(!1)}),[r]),T=x.useCallback((e=>{const t=c?c.findIndex((t=>t.field===e.field)):-1;return x.createElement(x.Fragment,null,e.title||e.field,x.createElement("span",{className:"k-columnmenu-indicators"},t>=0&&[x.createElement(o.SvgIcon,{key:1,icon:"asc"===c[t].dir?i.sortAscSmallIcon:i.sortDescSmallIcon}),c.length>1&&x.createElement("span",{key:2,className:"k-sort-index"},t+1)]))}),[c]),D=x.useMemo((()=>void 0!==e.show?e.show:C),[e.show,C]),L=()=>{var t;e.onCloseMenu&&e.onCloseMenu(),b(!1),k.current&&(null==(t=k.current.element)||t.focus())},{onFocus:A,onBlur:F}=o.useAsyncFocusBlur({onFocus:e=>{clearTimeout(S.current)},onBlur:e=>(e=>{const t=o.getActiveElement(document);clearTimeout(S.current),S.current=window.setTimeout((()=>{!r.mobileMode&&t&&e.relatedTarget!==k.current&&y.current&&!y.current.contains(t)&&L()}))})(e)}),G=x.createElement(x.Fragment,null,x.createElement(Tr,null,P.map((e=>x.createElement(Dr,{key:e.id,title:T(e),onClick:t=>N(t,e)})))),x.createElement("div",{className:"k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer"},x.createElement(m.Button,{svgIcon:i.xIcon,onClick:M,disabled:g},w.toLanguageString(he,$e[he])))),B=x.createElement(m.Button,{ref:k,togglable:!0,selected:D,svgIcon:e.svgIcon?e.svgIcon:e.icon?void 0:i.arrowsSwapIcon,icon:e.icon,size:r.mobileMode?"large":"medium",className:o.classNames("k-toolbar-button",{"k-icon-button":r.mobileMode}),title:w.toLanguageString(qe,$e[qe]),onClick:e=>{e.preventDefault(),b(!C)}},!r.mobileMode&&w.toLanguageString(qe,$e[qe]));return s&&x.createElement(x.Fragment,null,v?x.createElement(f.BadgeContainer,null,B,x.createElement(f.Badge,{themeColor:"primary"})):B,r.mobileMode?x.createElement(Qr,null,p.createPortal(x.createElement(al,{filtered:P,computedShow:D,isDisabledButton:g,renderTitle:T,onClose:L,onClear:M,handleSorting:N},G),null==(t=R())?void 0:t.body)):x.createElement(d.Popup,{anchor:null==(n=k.current)?void 0:n.element,show:D,popupClass:"k-grid-columnmenu-popup",onMouseDownOutside:e=>{!e.isAnchorClicked&&b(!1)}},x.createElement("div",{ref:y,onBlur:F,onFocus:A,onMouseDown:e=>{var t;null==(t=I.current)||t.triggerMouseEvent(e)},onKeyDown:e=>{var t;null==(t=I.current)||t.triggerKeyboardEvent(e)},className:"k-column-menu k-column-menu-md"},G)))};il.displayName="KendoReactGridToolbarSort";const sl=e=>{const{data:t=[]}=e,n=!o.validatePackage(dn,{component:"StatusBar"});return x.createElement("div",{className:"k-selection-aggregates k-grid-selection-aggregates"},t.map(((e,t)=>x.createElement("div",{key:t},x.createElement("span",{className:"k-selection-aggregates-item-text"},e.type,": "),x.createElement("span",{className:"k-selection-aggregates-item-value"},e.formattedValue)))),n&&x.createElement(o.WatermarkOverlay,null))};sl.displayName="KendoReactGridStatusBar";const cl=e=>{var t;const n=e.slice();for(let e=0;e<n.length;e++)for(;n[e]&&null!=(t=n[e].children)&&t.length;)n.splice(e,1,...n[e].children);return n};Object.defineProperty(e,"getSelectedState",{enumerable:!0,get:function(){return l.getSelectedState}}),Object.defineProperty(e,"getSelectedStateFromKeyDown",{enumerable:!0,get:function(){return l.getSelectedStateFromKeyDown}}),Object.defineProperty(e,"setSelectedState",{enumerable:!0,get:function(){return l.setSelectedState}}),e.GRID_COL_INDEX_ATTRIBUTE=ot,e.GRID_PREVENT_SELECTION_ELEMENT=at,e.GRID_ROW_INDEX_ATTRIBUTE=lt,e.Grid=Nr,e.GridCell=Yt,e.GridColumn=k,e.GridColumnMenuCheckboxFilter=e=>{const{uniqueData:t=Ur.uniqueData}=e,n=x.useContext(Y),l=(t,n)=>{const r=e.column.field||"",l=t.map((e=>P(r,e)));return n?l.filter(((e,t)=>l.indexOf(e)===t)):l},c=()=>e.filter?o.clone(e.filter):{filters:[],logic:"and"},d=x.useRef((()=>{const t=e.column.field;return c().filters.findIndex((e=>e.filters&&e.filters.length>0&&e.filters[0].field===t))})()),[u,p]=x.useState(e.expanded||!1),[g,f]=x.useState(!1),[h,v]=x.useState(""),[E,C]=x.useState(l(e.data,t)||[]),[b,k]=x.useState(l(e.data,!1)||[]),[y,I]=x.useState(c());x.useEffect((()=>{const t=e.column.field||"",n=e.data.map((e=>P(t,e)));_r(n,b)||(C(n),k(n))}),[e.column,e.data]);const S=()=>void 0!==e.expanded,w=n=>{const o=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",a={logic:"and",filters:[{field:e.column.field,operator:o,value:n.target.value,ignoreCase:!0}]};v(n.target.value),C(l(r.filterBy(e.data||[],a),t))},R=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=y||null;null!==n&&n.filters.length>0?(d.current>=0&&n.filters.splice(d.current,1),e.onFilterChange(n,t)):e.onFilterChange(null,t),e.onCloseMenu&&e.onCloseMenu()},N=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=y||null;e.onFilterChange(n,t),e.onCloseMenu&&e.onCloseMenu()},M=(t,n)=>{const r=e.column.field||"",l={...y},o=[...y.filters];let a=[];if(-1!==d.current&&l.filters[d.current].filters&&"all"!==n&&(a=l.filters[d.current].filters),t.value&&"all"===n)E.forEach((e=>{a.push({field:r,operator:"eq",value:e})}));else if(t.value)a.push({field:r,operator:"eq",value:n});else if(y){const e=a.findIndex((e=>e.value===n));a.splice(e,1)}l.logic="and",-1!==d.current?o[d.current]={logic:"or",filters:a}:o.push({logic:"or",filters:a}),(!t.value&&"all"===n||0===a.length)&&o.splice(d.current,1),l.filters=o,I(l)},T=()=>{let e=!1;if(y){const t=[...y.filters];return-1!==d.current&&(e=E.every((e=>!(-1===d.current||!t[d.current].filters)&&t[d.current].filters.findIndex((t=>t.value===e))>=0)),e)}return e},D=a.useLocalization(),{column:L}=e;if(!L||!L.field)return x.createElement("div",null);const A=S()?e.expanded:u,F=[];if(y){const t=[...y.filters];d.current=t.findIndex((e=>!!(e.filters&&e.filters.length>0)&&e.filters[0].field===L.field)),-1!==d.current&&t[d.current].filters.length>0&&t[d.current].filters.forEach((t=>{t.field===e.column.field&&F.push(t.value)}))}const G=D.toLanguageString(ce,$e[ce]),B=e.searchBox?x.createElement(e.searchBox,{value:h,onChange:w}):x.createElement("div",{className:"k-searchbox k-textbox k-input k-input-md k-input-solid "+(null!=n&&n.mobileMode?"k-input-lg":"k-input-md")},x.createElement(o.IconWrap,{className:"k-input-icon",name:"search",icon:i.searchIcon}),x.createElement(s.Input,{className:"k-input-inner",type:"text",placeholder:D.toLanguageString(Ee,$e[Ee]),value:h,onChange:e=>w(e.nativeEvent)}),x.createElement(m.Button,{type:"button",rounded:null,className:"k-input-button",onClick:()=>{const n=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",o={logic:"and",filters:[{field:e.column.field,operator:n,value:"",ignoreCase:!0}]};v(""),C(l(r.filterBy(e.data||[],o),t))},icon:"x","aria-label":G,svgIcon:i.xIcon})),O=F.filter(((e,t)=>F.indexOf(e)===t));return x.createElement(Tr,null,!(e.alwaysExpand&&(null==n||!n.mobileMode))&&x.createElement("div",{className:"k-expander"},x.createElement(Dr,{title:D.toLanguageString(pe,$e[pe]),iconClass:"k-i-filter",svgIcon:i.filterIcon,expandable:!0,expanded:!!A,onClick:()=>{const t=S(),r=!(t?e.expanded:u);e.onExpandChange&&e.onExpandChange(r),f(!g),!t&&(null==n||!n.mobileMode)&&p(r)}})),null!=n&&n.mobileMode&&g?x.createElement(qr,{onBackView:()=>{f(!1)},handleClose:()=>{f(!1),e.onCloseMenu&&e.onCloseMenu()},searchBox:e.searchBox,handleCheckBoxChange:M,isAllSelected:T,currentData:E,uniqueFilterValues:O,submit:N,clear:R}):x.createElement(Br,{show:(e.alwaysExpand||!!A)&&!(null!=n&&n.mobileMode)},x.createElement("form",{className:"k-filter-menu",onSubmit:N,onReset:R},x.createElement("div",{className:"k-filter-menu-container"},B,x.createElement("ul",{className:"k-reset k-multicheck-wrap"},x.createElement("li",{className:"k-item k-check-all-wrap"},x.createElement(s.Checkbox,{label:D.toLanguageString(xe,$e[xe]),onChange:e=>M(e,"all"),checked:T()})),E.map(((e,t)=>x.createElement("li",{className:"k-item",key:t},x.createElement(s.Checkbox,{label:String(e),onChange:t=>M(t,e),checked:O.includes(e)}))))),x.createElement("div",{className:"k-filter-selected-items"},O.length+" "+D.toLanguageString(Ie,$e[Ie])),x.createElement("div",{className:"k-actions k-hstack k-justify-content-stretch"},x.createElement(m.Button,{themeColor:"primary",type:"submit"},D.toLanguageString(me,$e[me])),x.createElement(m.Button,{className:"k-button",type:"reset"},D.toLanguageString(ce,$e[ce])))))))},e.GridColumnMenuColumnsChooser=Xr,e.GridColumnMenuColumnsList=jr,e.GridColumnMenuFilter=e=>{const t=x.useContext(Y),n=x.useCallback((()=>{let t;if(e.column&&e.column.field){const n=Bt(e.column.filter),r=Gt(e.filterOperators,n);t=Wr(e.column.field,e.filter),t=t?{...t,filters:t.filters.map((e=>({...e})))}:{logic:"and",filters:[{field:e.column.field,operator:r,value:Tt(r)?null:void 0},{field:e.column.field,operator:r,value:Tt(r)?null:void 0}]},1===t.filters.filter((t=>t.field===e.column.field)).length&&t.filters.splice(1,0,{field:e.column.field,operator:r})}return t}),[e.column]),[r,l]=x.useState(e.expanded||!1),[o,s]=x.useState(!1),[c,d]=x.useState(n()),u=()=>void 0!==e.expanded,p=(e,t)=>{const n=c.filters.map(((n,r)=>r===e?{...n,value:t.value,operator:t.operator}:n));d({...c,filters:n})},g=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=e.column.field,r=Vr(e.filter),l=Wr(n,e.filter),o=r.filters.filter((e=>e!==l));o.length?e.onFilterChange({...r,filters:o},t):e.onFilterChange(null,t),e.onCloseMenu&&e.onCloseMenu()},f=()=>({...c,filters:c.filters.filter((e=>void 0!==e.value&&null!==e.value&&""!==e.value||null===e.value&&e.operator))}),h=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=e.column.field,r=Vr(e.filter),l=Wr(n,e.filter),o=f();let a=null;if(l&&o.filters.length>0){const e=r.filters.map((e=>e===l?o:e));a={...r,filters:e}}else if(0===o.filters.length){const e=r.filters.filter((e=>e!==l));e.length&&(a={...r,filters:e})}else a={...r,filters:[...r.filters,o]};e.onFilterChange(a,t),e.onCloseMenu&&e.onCloseMenu()},{column:v,filterUI:E,hideSecondFilter:C,filterOperators:b}=e,k=a.useLocalization();if(!v||!v.field)return x.createElement("div",null);const y=Bt(v.filter),I=void 0!==C?C:At[y],S=c.filters,w=Dt(b[y],k),R=Dt(Lt,k),P={field:v.field,value:S[0].value,operator:S[0].operator,operators:w,booleanValues:R,onChange:e=>{p(0,e)},filterType:y},N={field:v.field,value:S[1].value,operator:S[1].operator,operators:w,booleanValues:R,onChange:e=>{p(1,e)},filterType:y},M=c.logic,T=Dt(Nt,k),D={value:T.find((e=>e.operator===(null===M?"":M))),onChange:e=>{let t=e.target.value;"SPAN"===e.target.tagName&&(t=e.target.parentElement.value),d({...c,logic:t})},data:T},L=E,A={firstFilterProps:P,secondFilterProps:N,logicData:D.data,logicValue:D.value,onLogicChange:D.onChange,hideSecondFilter:I},F=0!==f().filters.length||Tt(S[0].operator)||Tt(S[1].operator),G=u()?e.expanded:r,B=e.alwaysExpand&&!t.mobileMode,O=`${k.toLanguageString(Oe,$e[Oe])} ${v.title||v.field}`;return x.createElement(Tr,null,!B&&x.createElement("div",{className:"k-expander"},x.createElement(Dr,{title:k.toLanguageString(pe,$e[pe]),iconClass:"k-i-filter",svgIcon:i.filterIcon,expandable:!0,expanded:!!G,onClick:()=>{const n=u(),a=!(n?e.expanded:r);e.onExpandChange&&e.onExpandChange(a),s(!o),!n&&!t.mobileMode&&l(a)}})),t.mobileMode&&o?x.createElement(Hr,{FilterUI:L,filterUIProps:A,onBackView:()=>{s(!1)},adaptiveTitle:O,handleClose:()=>{s(!1),e.onCloseMenu&&e.onCloseMenu()},submit:h,clear:g,isFilterValid:F}):x.createElement(Br,{show:(B||!!G)&&!t.mobileMode},x.createElement("form",{className:"k-filter-menu",onSubmit:h,onReset:g},x.createElement("div",{className:"k-filter-menu-container"},L?x.createElement(L,{...A}):x.createElement(zr,{...A}),x.createElement("div",{className:"k-actions k-actions-stretched"},x.createElement(m.Button,{themeColor:"primary",disabled:!F},k.toLanguageString(me,$e[me])),x.createElement(m.Button,{type:"reset"},k.toLanguageString(ce,$e[ce])))))))},e.GridColumnMenuFilterCell=Or,e.GridColumnMenuFilterUI=zr,e.GridColumnMenuGroup=e=>{const{group:t,column:n}=e,r=a.useLocalization(),l=!!(t&&n.field&&t.find((e=>e.field===n.field))),o=l?ae:oe;return x.createElement(Tr,null,x.createElement(Dr,{title:r.toLanguageString(o,$e[o]),iconClass:l?"k-i-ungroup":"k-i-group",svgIcon:l?i.ungroupIcon:i.groupIcon,onClick:t=>{if(t.preventDefault(),e.onGroupChange){if(!e.column.field)return;const n=(e.group||[]).slice(),r=n.findIndex((t=>t.field===e.column.field));r>-1?n.splice(r,1):n.push({field:e.column.field}),e.onGroupChange(n,t)}e.onCloseMenu&&e.onCloseMenu()}}))},e.GridColumnMenuItem=Dr,e.GridColumnMenuItemContent=Br,e.GridColumnMenuItemGroup=Tr,e.GridColumnMenuSort=e=>{const t=(t,n)=>{if(t.preventDefault(),!e.onSortChange)return;const{allowUnsort:r,mode:l}=xn(e.sortable||!1,!1),o=(e.sort||[]).filter((t=>t.field===e.column.field))[0],a=kn[r][o&&o.dir||""][n],i="single"===l?[]:(e.sort||[]).filter((t=>t.field!==e.column.field));""!==a&&e.column.field&&i.push({field:e.column.field,dir:a}),e.onSortChange(i,t)},{sort:n,column:r}=e,l=Ar(r.field,n),o=a.useLocalization();return x.createElement(Tr,null,x.createElement(Dr,{title:o.toLanguageString(ge,$e[ge]),iconClass:"k-i-sort-asc-sm",svgIcon:i.sortAscSmallIcon,selected:Fr(l,n),onClick:n=>{t(n,"asc"),e.onCloseMenu&&e.onCloseMenu()}}),x.createElement(Dr,{title:o.toLanguageString(fe,$e[fe]),iconClass:"k-i-sort-desc-sm",svgIcon:i.sortDescSmallIcon,selected:Gr(l,n),onClick:n=>{t(n,Lr),e.onCloseMenu&&e.onCloseMenu()}}))},e.GridColumnMenuWrapper=Et,e.GridCommonDragLogic=vn,e.GridContextMenu=bn,e.GridContextMenuAnchorPart=w,e.GridContextMenuItemNames=R,e.GridDetailRow=e=>null,e.GridEditCell=ut,e.GridFilterCell=Kt,e.GridGroupCell=tn,e.GridHeaderCell=Ct,e.GridHierarchyCell=nt,e.GridNoRecords=ln,e.GridPdfExportButton=e=>{const t=a.useLocalization(),n=x.useContext(Y),r=o.classNames("k-grid-pdf",e.className),l=t.toLanguageString(be,$e[be]);return x.createElement(m.Button,{title:l,type:"button",...e,icon:"file-pdf",svgIcon:i.filePdfIcon,className:r,onClick:t=>{n.exportAsPdf(),e.onClick&&e.onClick.call(void 0,t)}},e.children||l)},e.GridRow=nn,e.GridSearchBox=e=>{const t=a.useLocalization(),n=x.useContext(Y),[r]=j(),c=l.getStringFromSearch(r.search),d=o.classNames("k-grid-search","k-searchbox",e.className),u=t.toLanguageString(Ce,$e[Ce]);return x.createElement(s.TextBox,{placeholder:u,value:c,prefix:()=>x.createElement(s.InputPrefix,{orientation:"horizontal"},x.createElement(o.SvgIcon,{icon:i.searchIcon})),...e,className:d,onChange:t=>{n.searchChange(t),e.onChange&&e.onChange.call(void 0,t)}})},e.GridSelectionCell=Cr,e.GridToolbar=Yr,e.GridToolbarCheckboxFilter=tl,e.GridToolbarColumnsChooser=rl,e.GridToolbarFilter=ol,e.GridToolbarSort=il,e.StatusBar=sl,e.booleanFilterValues=Lt,e.cellBoolDropdownChange=Ot,e.cellInputChange=Ft,e.cellOperatorChange=zt,e.contextMenuItemsMap=Cn,e.filterGroupByField=Wr,e.getStatusData=e=>{const{dataItems:t,target:n}=e,r=cl(n.columns).map((e=>e.field)).filter((e=>e&&"string"==typeof e)).map((e=>o.getter(e))),l={dates:[],numbers:[],booleans:[],others:[]};t.forEach((t=>{const n=(t=>e.select[o.getter(e.dataItemKey)(t)])(t);Array.isArray(n)&&n.forEach((e=>{(e=>{"number"==typeof e?l.numbers.push(e):"boolean"==typeof e?l.booleans.push(e):e instanceof Date?l.dates.push(e):l.others.push(e)})(r[e](t))}))}));const a=l.dates.map((e=>e.getTime())),i=l.booleans.filter((e=>e)).length,s=l.booleans.filter((e=>!e)).length,c=l.numbers.length?l.numbers.reduce(((e,t)=>e+t),0):void 0,d={sum:c,average:"number"==typeof c?c/l.numbers.length:void 0,min:l.numbers.length?Math.min(...l.numbers):void 0,max:l.numbers.length?Math.max(...l.numbers):void 0,count:l.numbers.length+l.booleans.length+l.dates.length+l.others.length,isTrue:i>0?i:void 0,isFalse:s>0?s:void 0,earliest:l.dates.length?new Date(Math.min(...a)):void 0,latest:l.dates.length?new Date(Math.max(...a)):void 0},u=(e,t)=>"sum"!==t&&"average"!==t||"number"!=typeof e?("earliest"===t||"latest"===t)&&e instanceof Date?e.toLocaleDateString():String(e):e.toFixed(2),m=[];return Object.keys(d).forEach((e=>{const t=e,n=d[t];void 0!==n&&m.push({type:t,value:n,formattedValue:u(n,t)})})),m},e.gridMessages=$e,e.isColumnMenuFilterActive=(e,t)=>!!Wr(e,t),e.isColumnMenuSortActive=(e,t)=>{const n=Ar(e,t);return Gr(n,t)||Fr(n,t)},e.leafColumns=cl,e.operators=Mt,e.pagerFirstPage=Z,e.pagerInfo=Q,e.pagerItemPerPage=re,e.pagerLastPage=ne,e.pagerNextPage=te,e.pagerPreviousPage=ee,e.rootFilterOrDefault=Vr}));
|
|
15
|
+
!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-react-indicators"),require("@progress/kendo-react-labels"),require("@progress/kendo-react-dialogs"),require("@progress/kendo-react-form"),require("@progress/kendo-react-animation")):"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-react-indicators","@progress/kendo-react-labels","@progress/kendo-react-dialogs","@progress/kendo-react-form","@progress/kendo-react-animation"],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.KendoReactIndicators,e.KendoReactLabels,e.KendoReactDialogs,e.KendoReactForm,e.KendoReactAnimation)}(this,(function(e,t,n,r,l,o,a,i,s,c,d,u,m,p,g,f,h,v,E,C){"use strict";function b(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var x=b(t);const k=e=>null;k.displayName="KendoReactGridColumn";const y={filterable:!0,editable:!0,sortable:!0,resizable:!0,reorderable:!0,groupable:!0};k.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,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 I=()=>t.createElement(t.Fragment,null),S=I;var w=(e=>(e.head="head",e.body="body",e))(w||{}),R=(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))(R||{});function P(e,t){const n=(null!=e?e:"").split(".");let r=t;return n.forEach((e=>{r=r?r[e]:void 0})),r}function N(e,t,n,o,a,i,s,c,d,u=0,m){var p;let g=u;for(let f=0;f<t.length;f++){let h;if(!a||void 0===t[f].value||void 0===t[f].items){e[e.length]={dataIndex:o.index,dataItem:t[f],rowType:"data",level:u,group:m,expanded:null!=(p=!!d&&!(null==i||!i[r.getter(d)(t[f])]))&&p},o.index++;continue}{let e;e=null!=m&&m.parents?[{field:m.field,value:m.value},...m.parents]:m?[m]:[],h={field:t[f].field,value:t[f].value,parents:e}}g=Math.max(g,u+1);let v=!1;const E=l.findGroupExpand(s||[],h);v=E?!1!==E.expanded:!1!==c,e[e.length]={dataIndex:-1,dataItem:t[f],level:u,group:h,rowType:"groupHeader",expanded:v},v&&(h.expanded=v,g=Math.max(N(e,t[f].items,n,o,a,i,s,c,d,u+1,h),g)),("always"===n||v&&"visible"===n)&&(e[e.length]={dataIndex:-1,dataItem:t[f],rowType:"groupFooter",level:u,expanded:v})}return g}function M(e,t,n,r=0,a=!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:l.tableKeyboardNavigationTools.generateNavigatableId(""+n.prevId++,n.idPrefix,"column"),d=!!(o.canUseDOM&&e.media&&window.matchMedia)&&!window.matchMedia(e.media).matches,u=a||d||e.hidden,m=null==t?void 0:t.find((e=>e.id===c)),p=M(e.children,(null==m?void 0:m.children)||[],n,r+1,u);i.push(Object.assign({depth:r},y,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===r){const e=[],t=(n,r)=>n.forEach((n=>{n.parentIndex=r,t(n.children,e.push(n)-1)}));return t(i,-1),e}return i}const T=e=>Array.isArray(e)?e:e?e.data:[];const D=e=>void 0!==e.width?Math.floor(parseFloat(e.width.toString()))+"px":void 0,L=(e,t)=>t&&t.filter((t=>t.field===e)).length>0,A=e=>(e.sort(((e,t)=>e.declarationIndex-t.declarationIndex)),e.map((e=>{const{declarationIndex:t,parentIndex:n,depth:r,headerColSpan:l,rowSpan:o,index:a,kFirst:i,children:s,...c}=e;return s.length?{children:A(s),...c}:c}))),F=e=>{const{cells:t,rowSpannable:n,defaultCell:r,...l}=e;return e.children.length?{...l,children:e.children.map(F)}:l},G=e=>({id:e.id,field:e.field,title:e.title,width:e.width,hidden:!1,children:e.children?B(e.children):null}),B=e=>e.map(G),O=e=>{const t=[],n=e=>null==e?void 0:e.forEach((e=>{t.push(e),n(e.children)}));return n(e),t},z="undefined"!=typeof window&&/Firefox/.test(window.navigator.userAgent),K=(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},H=e=>{var t;return"object"==typeof e?null==(t=e.enabled)||t:null!=e&&e},V=e=>!(!e||e.$$typeof!==Symbol.for("react.client.reference")),W=e=>({id:e.id,ariaColumnIndex:e.ariaColumnIndex,isSelected:e.isSelected,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}),q=e=>{var t,n;const l="object"==typeof e?null==(t=e.enabled)||t:null!=e&&e,o="object"==typeof e&&null!=(n=e.valueGetter)?n:(e,t)=>r.getter(t)(e);return{enabled:l,valueGetter:o}},_=(e,t)=>{const n=(e=>{var t;return x.isValidElement(e)?e:null==(t=x.Children.toArray(e))?void 0:t[0]})(e);return n?x.cloneElement(n,t):null},U=t.createContext([{},()=>{},{}]),j=()=>t.useContext(U),$=e=>{var n,r,l,o,a,i,s,c,d,u,m,p,g,f,h,v,E,C,b,x,k,y;const{children:I,onEditChange:S,onFilterChange:w,onSortChange:R,onSearchChange:P,onPageChange:N,onGroupChange:M,onDataStateChange:T,onSelectionChange:D,onDetailExpandChange:L,onGroupExpandChange:A,onHeaderSelectionChange:F,onColumnsStateChange:G}=e,[B,O]=t.useState({edit:null!=(n=e.defaultEdit)?n:e.edit,filter:null!=(r=e.defaultFilter)?r:e.filter,select:null!=(l=e.defaultSelect)?l:e.select,search:null!=(o=e.defaultSearch)?o:e.search,sort:null!=(a=e.defaultSort)?a: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}),z={edit:null!=(p=e.edit)?p:B.edit,filter:null!=(g=e.filter)?g:B.filter,search:null!=(f=e.search)?f:B.search,sort:null!=(h=e.sort)?h:B.sort,take:null!=(v=e.take)?v:B.take,skip:null!=(E=e.skip)?E:B.skip,group:null!=(C=e.group)?C:B.group,select:null!=(b=e.select)?b:B.select,detailExpand:null!=(x=e.detailExpand)?x:B.detailExpand,groupExpand:null!=(k=e.groupExpand)?k:B.groupExpand,columnsState:null!=(y=e.columnsState)?y:B.columnsState};return t.createElement(U.Provider,{value:[z,e=>{},{onEditChange:e=>{O((t=>({...t,edit:e.edit}))),null==S||S(e)},onFilterChange:w&&(e=>{O((t=>({...t,filter:e.filter}))),null==w||w(e)}),onSearchChange:e=>{O((t=>({...t,search:e.search}))),null==P||P(e)},onSortChange:R&&(e=>{O((t=>({...t,sort:e.sort}))),null==R||R(e)}),onPageChange:N&&(e=>{O((t=>({...t,...e.page}))),null==N||N(e)}),onGroupChange:M&&(e=>{O((t=>({...t,group:e.group}))),null==M||M(e)}),onDataStateChange:e=>{O((t=>({...t,...e.dataState}))),null==T||T(e)},onSelectionChange:e=>{O((t=>({...t,select:e.select}))),null==D||D(e)},onHeaderSelectionChange:e=>{O((t=>({...t,select:e.select}))),null==F||F(e)},onDetailExpandChange:e=>{O((t=>({...t,detailExpand:e.detailExpand}))),null==L||L(e)},onGroupExpandChange:e=>{O((t=>({...t,groupExpand:e.groupExpand}))),null==A||A(e)},onColumnsStateChange:e=>{O((t=>({...t,columnsState:e.columnsState}))),null==G||G(e)}}]},I)},X=e=>{const t=o.useId(),n=e.id||t,r=o.useUnstyled(),l=a.useLocalization(),i=a.useInternationalization(),[,s]=x.useReducer((e=>!e),!0),c=x.useRef(0),d=x.useRef(0),u=x.useRef(0),m=x.useRef(0),p=x.useRef(0),[g,,f]=j();return _(e.children,{...g,...f,id:n,unstyled:r,localization:l,intl:i,scrollLeftRef:c,widthRef:d,containerHeightRef:u,minRowHeightRef:m,virtualSkipRef:p,forceUpdate:s,isClient:!0})},Y=x.createContext(void 0),J="grid.noRecords",Q="grid.pagerInfo",Z="grid.pagerFirstPage",ee="grid.pagerPreviousPage",te="grid.pagerNextPage",ne="grid.pagerLastPage",re="grid.pagerItemsPerPage",le="grid.groupPanelEmpty",oe="grid.groupColumn",ae="grid.ungroupColumn",ie="grid.columnMenu",se="grid.filterApplyButton",ce="grid.filterClearButton",de="grid.filterClearAllButton",ue="grid.filterResetButton",me="grid.filterSubmitButton",pe="grid.filterTitle",ge="grid.sortAscending",fe="grid.sortDescending",he="grid.sortClearButton",ve="grid.sortApplyButton",Ee="grid.searchPlaceholder",Ce="grid.searchboxPlaceholder",be="grid.exportPDF",xe="grid.filterCheckAll",ke="grid.filterChooseOperator",ye="grid.filterSelectAll",Ie="grid.filterSelectedItems",Se="grid.sortAriaLabel",we="grid.editDialogTitle",Re="grid.editDialogSaveButtonTitle",Pe="grid.editDialogCancelButtonTitle",Ne="grid.filterAriaLabel",Me="grid.groupPanelAriaLabel",Te="grid.groupExpand",De="grid.groupCollapse",Le="grid.detailExpand",Ae="grid.detailCollapse",Fe="grid.selectRow",Ge="grid.gridAriaLabel",Be="grid.gridRowReorderAriaLabel",Oe="grid.gridAdaptiveColumnMenuFilterTitle",ze="grid.columnMenuColumnChooserSelectedItems",Ke="grid.adaptiveColumnMenuChooserTitle",He="grid.adaptiveColumnMenuChooserSubTitle",Ve="grid.adaptiveColumnMenuCheckboxFilterTitle",We="grid.adaptiveToolbarSortTitle",qe="grid.toolbarSort",_e="grid.toolbarFilter",Ue="grid.toolbarColumnsChooser",je="grid.toolbarCheckboxFilter",$e={[Le]:"Expand detail row",[Ae]:"Collapse detail row",[Te]:"Expand group",[De]:"Collapse Group",[J]:"No records available",[le]:"Drag a column header and drop it here to group by that column",[se]:"Apply",[ce]:"Clear",[de]:"Clear all filters",[ue]:"Reset",[me]:"Filter",[pe]:"Filter",[ge]:"Sort Ascending",[fe]:"Sort Descending",[he]:"Clear sorting",[ve]:"Done",[Se]:"Sortable",[We]:"Sort by",[qe]:"Sort",[_e]:"Filter",[Ue]:"Columns",[je]:"Filter",[oe]:"Group Column",[ae]:"Ungroup Column",[ie]:"Column menu",[re]:"items per page",[Q]:"{0} - {1} of {2} items",[Z]:"Go to the first page",[ee]:"Go to the previous page",[te]:"Go to the next page",[ne]:"Go to the last page","grid.pagerPage":"Page","grid.pagerPageSizeAriaLabel":"Page size","grid.pagerOf":"of","grid.pagerTotalPages":"{0}",[Ee]:"Search",[Ce]:"Search...",[be]:"Export PDF",[xe]:"Check All",[we]:"Edit Dialog",[Re]:"Save",[Pe]:"Cancel",[ke]:"Choose Operator",[Ie]:"selected items",[ye]:"Select All",[Ne]:"Filter",[Me]:"Group panel",[Ge]:"Table",[Be]:"Drag row",[Fe]:"Select Row","grid.columnMenuColumnChooserTitle":"Columns Chooser",[Oe]:"Filter by",[Ke]:"Columns Chooser",[He]:"Selected fields are visible",[Ve]:"Filter by",[ze]:"Selected items","grid.columnChooserApplyButton":"Apply","grid.columnChooserResetButton":"Reset","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"},Xe=e=>{const t=x.useContext(Y),n=a.useLocalization(),r=e.expanded,s=r?Ae:Le,c=n.toLanguageString(s,$e[s]);return x.createElement("a",{onClick:n=>{n.preventDefault(),null!=t&&t.itemChange&&t.itemChange({dataItem:e.dataItem,dataIndex:e.dataIndex,syntheticEvent:n,field:e.field,value:!r,_expand:!0}),void 0!==e.dataItem[t.dataItemKey]&&(null==t||t.dispatchDetailExpand({type:l.DETAIL_EXPAND_ACTION.TOGGLE,id:e.dataItem[t.dataItemKey]}))},"aria-label":c,href:"#",tabIndex:-1},x.createElement(o.IconWrap,{name:r?"minus":"plus",icon:r?i.minusIcon:i.plusIcon}))},Ye=e=>{let t=null,n=null;const r=W(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=x.createElement(Xe,{...r})),{tdProps:t,content:n}},Je=e=>{var t,n;return null==(n=null==(t=e.cells)?void 0:t.hierarchy)?void 0:n[e.rowType||"data"]},Qe=e=>{const t=x.useContext(Y),n=l.useTableKeyboardNavigation(e.id),r=x.useCallback((n=>{n.isDefaultPrevented()||n.keyCode===o.Keys.enter&&null!=t&&t.dispatchDetailExpand&&(n.preventDefault(),t.dispatchDetailExpand({type:l.DETAIL_EXPAND_ACTION.TOGGLE,id:o.getter(t.dataItemKey)(e.dataItem)}))}),[e.dataItem,t]);return{...n,..."groupHeader"!==e.rowType&&"groupFooter"!==e.rowType?{onKeyDown:r}:{}}},Ze=e=>{const t=x.useContext(Y);return{onContextMenu:t.onContextMenu,onChange:t.itemChange,selectionChange:n=>{t.selectionChange({event:n,dataItem:e.dataItem,dataIndex:e.rowDataIndex,columnIndex:e.columnIndex})}}},et=(e,t)=>{const n=x.useContext(Y);return x.useCallback((r=>{null!=n&&n.onContextMenu&&n.onContextMenu.call(void 0,r,e,t)}),[n,e,t])},tt=e=>{const t=x.useContext(Y).getCellPositionStyle(e.columnPosition)||{};return{...e.style,...t}},nt=e=>{const{cellProps:t}=e,{tdProps:n,content:r}=Ye(t),l=Qe(t),o=Ze(t),a=Je(t);return a?x.createElement(a,{...t,...o,tdProps:{...n,...l}},r):"groupHeader"!==t.rowType?x.createElement("td",{...n,...l},r):null},rt=e=>{const{cellProps:t}=e,n=x.useContext(Y),r=o.useId(),a=o.getNestedValue(t.field,t.dataItem);let i=null;const d=x.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=x.createElement(s.NumericTextBox,{className:e.className,value:void 0===a?null:a,onChange:d,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;case"date":i=x.createElement(c.DatePicker,{className:e.className,value:a,onChange:d,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;case"boolean":i=x.createElement(s.Checkbox,{className:e.className,checked:a||!1,id:r,onChange:d,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;default:i=x.createElement(s.TextBox,{className:e.className,value:a||"",onChange:d,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0})}return i},lt=l.TABLE_ROW_INDEX_ATTRIBUTE,ot=l.TABLE_COL_INDEX_ATTRIBUTE,at=l.TABLE_PREVENT_SELECTION_ELEMENT,it=/^(?!.*\bChrome).*\bSafari/i,st=e=>{let t=null;const n=e.unstyled,r=n&&n.uGrid?n.uGrid:o.uGrid,l=o.classNames(r.editTd({selected:e.isSelected}),e.className);return t={colSpan:e.colSpan,style:e.style,className:l,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[ot]:e.columnIndex,role:"gridcell"},{tdProps:t}},ct=e=>{var t,n,r;return(null==(n=null==(t=e.cells)?void 0:t.edit)?void 0:n[e.editor||"text"])||(null==(r=e.cells)?void 0:r.data)},dt=e=>({...l.useTableKeyboardNavigation(e.id),onContextMenu:et(e.dataItem,e.field),style:tt(e)}),ut=e=>{const{cellProps:t}=e,{tdProps:n}=st(t),r=dt(t),l=Ze(t),o=x.createElement(rt,{cellProps:t}),a=ct(t);return a?x.createElement(a,{...t,...l,tdProps:{...n,...r}},o):n?x.createElement("td",{...n,...r},o):null},mt=e=>{const t=x.useRef(null),n=x.useRef(null),r=x.useRef(!1),a=x.useContext(Y),i=o.useRtl(a.headerElementRef);a.columnResizeRef.current&&a.columnResizeRef.current.setIsRtl("rtl"===i),x.useImperativeHandle(a.headerRef,(()=>({setScrollLeft:e=>{t.current&&t.current.scrollLeft!==e&&(r.current=!0,t.current.scrollLeft=e)},setWidth:e=>{n.current&&(n.current.style.width=e?e+"px":"")},table:()=>n.current})));const s=o.useUnstyled(),c=s&&s.uGrid?s.uGrid:o.uGrid,{size:d="md"}=e;return e.staticHeaders?x.createElement("div",{ref:a.headerElementRef,className:o.classNames(c.header({draggable:e.draggable}),e.className),role:"presentation"},x.createElement("div",{ref:t,className:o.classNames(c.headerWrap({})),onScroll:e=>{var n;if(r.current)return void(r.current=!1);if(!t.current)return;const l=t.current.scrollLeft,o=(null==(n=a.vsRef.current)?void 0:n.container)||null;o&&o.scrollLeft!==l&&(o.scrollLeft=l)},role:"presentation"},x.createElement("table",{ref:n,className:o.classNames(c.headerTable({size:d}),e.className),role:"presentation"},x.createElement("colgroup",{ref:e=>{a.columnResizeRef.current&&(a.columnResizeRef.current.colGroupHeader=e)}},e.cols),x.createElement("thead",{className:o.classNames(c.tableThead({})),role:"rowgroup",...l.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)))):x.createElement("thead",{role:"presentation",className:o.classNames(c.thead({draggable:e.draggable}),e.className),...l.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)};mt.displayName="KendoReactHeader";const pt=t.createContext(void 0),gt=e=>{const n=t.useRef(null),r=t.useRef(null),l=t.useRef(null),o=t.useMemo((()=>({actionSheetRef:n,firstViewRef:r,secondViewRef:l})),[]);return t.createElement(pt.Provider,{value:o},e.children)},ft=e=>{const n=t.useContext(Y),{actionSheetRef:r,firstViewRef:l,secondViewRef:s}=t.useContext(pt),c=o.useAdaptiveModeContext(),d=a.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:r,style:{"--kendo-actionsheet-view-current":1},onClose:()=>{e.closeMenu()}},t.createElement(u.ActionSheetView,{className:"k-actionsheet-view-animated",ref:l,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(ie,$e[ie]))),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"}}))},ht=[".k-columnmenu-item-content",".k-filter-menu-container"].map((e=>o.TABBABLE_ELEMENTS.map((t=>`${e} ${t}`)))),vt=[[".k-tabstrip-items"],[".k-columnmenu-item"],...ht],Et=e=>{var t;const n=x.useContext(Y),[r,l]=x.useState(!1),s=x.useRef(null),c=x.useRef(null),u=x.useRef(null),m=x.useRef(0),g=o.useDocument(s),{columnMenu:f,...h}=e,{column:v,columnMenuIcon:E,navigatable:C}=e,b=a.useLocalization(),k=v.title||v.field,y=k?`${k} `:"",I=()=>{e.onCloseMenu&&e.onCloseMenu(),l(!1),!e.navigatable&&s.current&&s.current.focus()},S=x.useMemo((()=>void 0!==e.show?e.show:r),[e.show,r]),w=(e,t,n)=>{n.preventDefault(),n.shiftKey?t.focusPrevious(e):t.focusNext(e)},R=(e,t,n)=>{e&&(n.preventDefault(),e.click())},P=(e,t,n)=>{n.preventDefault(),I()},N=(e,t,n)=>{t.focusElement(e)};return x.useEffect((()=>(S&&c.current&&(u.current=new o.Navigation({tabIndex:0,root:c,selectors:vt,keyboardEvents:{keydown:{Tab:w,Enter:R,Escape:P}},mouseEvents:{mousedown:N}}),u.current.focusElement(u.current.first,null)),()=>{u.current&&(u.current=null)})),[S]),x.createElement(x.Fragment,null,x.createElement("a",{className:"k-grid-header-menu k-grid-column-menu",ref:s,onClick:t=>{t.preventDefault(),r&&e.onCloseMenu&&e.onCloseMenu(),l(!r)},onKeyDown:e=>{var t;if(e.keyCode===o.Keys.tab){const n=e.target,r=n&&(null==(t=n.closest(".k-grid"))?void 0:t.getElementsByClassName("k-grid-content")[0]);r&&r.scrollWidth>r.clientWidth&&n.scrollIntoView({inline:"center"})}},href:"#",tabIndex:C?-1:void 0,"aria-label":`${C?"":y}${b.toLanguageString(ie,$e[ie])}`},E?x.createElement(o.IconWrap,{name:E.name,icon:E}):x.createElement(o.IconWrap,{name:"more-vertical",icon:i.moreVerticalIcon})),x.createElement(gt,null,n.mobileMode?x.createElement(x.Fragment,null,p.createPortal(x.createElement(ft,{computedShow:S,ColumnMenu:f,closeMenu:I},f&&x.createElement(f,{...h,onCloseMenu:I})),null==(t=g())?void 0:t.body)):x.createElement(d.Popup,{anchor:s.current,show:S,popupClass:"k-grid-columnmenu-popup",onMouseDownOutside:e=>{!e.isAnchorClicked&&l(!1)}},x.createElement("div",{ref:c,onBlur:e=>{const t=o.getActiveElement(document);clearTimeout(m.current),m.current=window.setTimeout((()=>{!n.mobileMode&&t&&e.relatedTarget!==s.current&&c.current&&!c.current.contains(t)&&I()}))},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"},f&&x.createElement(f,{...h,onCloseMenu:I})))))},Ct=e=>{const t=o.useUnstyled(),n=t&&t.uGrid?t.uGrid:o.uGrid,r=e.onClick?{onClick:e.onClick}:{};return x.createElement("span",{className:o.classNames(n.headerCellInner({}))},x.createElement("span",{className:o.classNames(n.headerCellLink({sortable:e.columnMenuWrapperProps.sortable})),...r},x.createElement("span",{className:o.classNames(n.columnTitle({}))},e.title||e.field||" "),e.children),e.columnMenuWrapperProps.columnMenu&&x.createElement(Et,{...e.columnMenuWrapperProps}))},bt=x.createContext(void 0),xt=e=>{const t=x.useContext(Y),n=x.useRef(null),[r,l]=x.useState(),a=(n,r)=>{e.sortable&&r.sortable&&(n.preventDefault(),t.sortChange&&t.headerCellClick(n,r))};return x.createElement(bt.Provider,{value:{cellClick:a,cellKeyDown:(r,i)=>{if(r.isDefaultPrevented())return;const{keyCode:s,metaKey:c,ctrlKey:d,altKey:u}=r,m=e.sortable&&i.sortable,p=r.target;if(m&&r.keyCode===o.Keys.enter&&-1!==p.className.indexOf("k-table-th")&&a(r,i),e.navigatable){if(e.groupable&&(c&&s===o.Keys.enter||d&&s===o.Keys.space)){r.preventDefault();const n=e.columns.findIndex((e=>e.field===i.field));t.columnGroupChange&&t.columnGroupChange(n,r)}u&&s===o.Keys.down&&(r.preventDefault(),l(i.field),n.current=p)}},handleCloseMenu:()=>{l(void 0),n.current&&"-1"!==n.current.getAttribute("tabindex")&&n.current.focus()},showColumnMenuField:r}},e.children)},kt=e=>{const t=x.useContext(Y),n=x.useContext(bt),r=t.isClient||e.isClient,l={style:{...t.getCellPositionStyle(e.column)}},o={onKeyDown:t=>{n.cellKeyDown(t,e.column)},onContextMenu:n=>{t.onContextMenu(n,void 0,e.column.field)}};let a={onClick:t=>{n.cellClick(t,e.column)}};return r&&(a={...a,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&&(a=r?{...a,thProps:{...e.thProps,...o,...l}}:{...a,...o,...l}),_(e.children,{...a})},yt=e=>{const t=x.useRef(null),n=o.useUnstyled(),r=n&&n.uGrid?n.uGrid:o.uGrid;return x.createElement(o.Draggable,{onPress:n=>{const r=t.current&&t.current.element;r&&e.pressHandler&&e.pressHandler(n.event,r)},onDrag:n=>{const r=t.current&&t.current.element;r&&e.dragHandler&&e.dragHandler(n.event,r)},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},x.createElement("tr",{className:o.classNames(r.simpleTr({})),style:{touchAction:"none"},role:"row","aria-rowindex":e.ariaRowIndex},e.children))},It=e=>{const t=x.useContext(Y);return t.dragLogicRef.current.pressHandler&&x.createElement(yt,{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)||x.createElement("tr",{className:e.className,role:"row","aria-rowindex":e.ariaRowIndex},e.children)},St=e=>{const t=x.useContext(Y),n=x.useContext(bt),r={style:{...t.getCellPositionStyle(e.column)}};return _(e.children,{onKeyDown:t=>{n.cellKeyDown(t,e.column)},onContextMenu:n=>{t.onContextMenu(n,void 0,e.column.field)},...r})},wt=e=>{const{column:t}=e,n=x.useContext(Y);return n.columnResizeRef.current&&n.columnResizeRef.current.resizable&&t.resizable&&x.createElement(l.ColumnResizer,{key:2,resize:(e,r,l)=>n.columnResizeRef.current&&n.columnResizeRef.current.dragHandler(e,t,r,l),autofit:e=>n.columnResizeRef.current&&n.columnResizeRef.current.dblClickHandler(e,[t.id])})||x.createElement(x.Fragment,null)},Rt={none:"none",asc:"ascending",desc:"descending"},Pt=e=>{const t=e.unstyled,n=t&&t.uGrid?t.uGrid:o.uGrid;let r=0,a=-1;const s=t=>{if(!e.sort)return null;const r=o.classNames(n.sortIcon({}));return t>=0&&[x.createElement("span",{key:1,className:r},x.createElement(o.IconWrap,{name:"sort-"+e.sort[t].dir+"-small",icon:"asc"===e.sort[t].dir?i.sortAscSmallIcon:i.sortDescSmallIcon})),e.sort.length>1&&x.createElement("span",{key:2,className:r},x.createElement("span",{className:o.classNames(n.sortOrder({}))},t+1))]},c=e.columns.map(F);return x.createElement(xt,{sortable:e.sortable,sort:e.sort,navigatable:e.navigatable,groupable:e.groupable,columns:c},e.columnsMap.map(((t,i)=>x.createElement(It,{key:i,className:o.classNames(n.simpleTr({})),ariaRowIndex:i+1},(t=>t.map((t=>{var i;const c=e.columns[t],d=e.sortable&&c.sortable,u=e.sort?e.sort.findIndex((e=>e.field===c.field)):-1,m=u>=0&&e.sort[u].dir||"none",p=null===c.columnMenu?null:c.columnMenu||e.columnMenu,g=c.menuIcon||e.columnMenuIcon,f=o.classNames(o.classNames(n.headerTh({first:c.kFirst,filterable:!!p,locked:c.locked,sorted:e.sort&&e.sort.some((e=>e.field===c.field))})),c.headerClassName);!1===c.locked&&(c.left=0);const h=e.localization.toLanguageString(Se,$e[Se]),v=c.isAccessible?{ariaSort:Rt[m],role:"columnheader",ariaColumnIndex:c.ariaColumnIndex,ariaSelected:!1,ariaDescription:d?h:""}:{role:"presentation"},E=c.declarationIndex>=0?++a:--r,C={field:c.field,title:c.title,selectionValue:null!=(i=c.headerSelectionValue)?i:e.headerSelectionValue,children:s(u),selectionChange:null,columnMenuWrapperProps:{column:{field:c.field,title:c.title,locked:c.locked,filter:c.filter,id:c.id},sortable:d&&e.sortable,sort:e.sort,filter:e.filter,filterable:e.filterable&&c.filterable,filterOperators:e.filterOperators,navigatable:e.navigatable,group:e.group,groupable:e.groupable,columnMenu:p,columnMenuIcon:g}},b={...v,colSpan:c.headerColSpan,rowSpan:c.rowSpan,className:f,columnId:c.id,navigatable:c.navigatable,role:"columnheader"},k=F(c),y={column:k,sortable:e.sortable,sort:e.sort,columnMenuWrapperProps:C.columnMenuWrapperProps},I=c.defaultHeaderCell?c.defaultHeaderCell:Ct,S=[x.createElement(kt,{key:1,...y,isClient:V(I)},x.createElement(I,{...C})),x.createElement(wt,{key:2,column:k})],w=K(e.cells,c.cells);if(w&&w.headerCell){const e=w.headerCell,n=V(e);return x.createElement(kt,{key:E,...y,thProps:b,isCustom:!0,isClient:n},x.createElement(e,{...C,thProps:b,index:t},S))}return x.createElement(St,{key:E,column:k},x.createElement(l.HeaderThElement,{...b},S))})))(t)))))},Nt=[{text:"grid.filterAndLogic",operator:"and"},{text:"grid.filterOrLogic",operator:"or"}],Mt={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"}]},Tt=e=>"isnull"===e||"isnotnull"===e||"isempty"===e||"isnotempty"===e,Dt=(e,t)=>e.map((e=>({text:t.toLanguageString(e.text,$e[e.text]),operator:e.operator}))),Lt=[{text:"grid.filterBooleanAll",operator:""},{text:"grid.filterIsTrue",operator:!0},{text:"grid.filterIsFalse",operator:!1}],At={text:!1,numeric:!1,date:!1,boolean:!0},Ft=(e,t,n)=>{const r=Gt(n.operators);let l=n.operator;switch(n.filterType){case"numeric":case"date":(!l||Tt(l))&&(l=r),null===e&&l===r&&(l="");break;case"text":(!l||Tt(l))&&(l=r),!e&&l===r&&(l="");break;default:return}n.onChange({value:e,operator:l,syntheticEvent:t})},Gt=(e,t)=>t?e[t][0].operator:e[0].operator,Bt=e=>e||"text",Ot=(e,t)=>{const n=e.target.value;t({value:n.operator,operator:""===n.operator?"":"eq",syntheticEvent:e.syntheticEvent})},zt=(e,t,n)=>{let r=t;const l=e.target.value;e.target.state.opened&&(Tt(l.operator)&&(r=null),null===t&&!Tt(l.operator)&&(r=void 0),n({value:r,operator:l.operator,syntheticEvent:e.syntheticEvent}))},Kt=e=>{const t=x.useRef(null),n=a.useLocalization(),r=(t,n)=>{Ft(t,n,e)},l=t=>{zt(t,e.value,e.onChange)},d=t=>{Ot(t,e.onChange)};return x.createElement("div",{className:"k-filtercell"},x.createElement("div",{className:"k-filtercell-wrapper"},((n,l,o)=>{switch(n){case"numeric":return x.createElement(s.NumericTextBox,{ref:t,size:e.size,value:l,onChange:e=>{r(e.value,e.syntheticEvent)},title:e.title,ariaLabel:e.ariaLabel});case"date":return x.createElement(c.DatePicker,{ref:t,size:e.size,value:l,onChange:e=>{r(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 x.createElement(g.DropDownList,{ref:t,size:e.size,onChange:d,value:o.find((e=>e.operator===(n(l)?"":l))),data:o,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 x.createElement(s.TextBox,{ref:t,size:e.size,value:l||"",onChange:e=>{r(e.target.value,e.syntheticEvent)},title:e.title,"aria-label":e.ariaLabel})}})(e.filterType,e.value,e.booleanValues),x.createElement("div",{className:"k-filtercell-operator"},(()=>{if("boolean"===e.filterType)return;let t;const r=e.operators.find((t=>t.operator===e.operator))||null;return x.createElement(g.DropDownList,{ref:e=>{t=e},size:e.size,value:r,onChange:l,className:"k-dropdown-operator",svgIcon:i.filterIcon,data:e.operators,textField:"text",title:n.toLanguageString(ke,$e[ke]),popupSettings:{width:"",onMouseDownOutside:function(e){!e.isAnchorClicked&&e.state&&e.state.props.show&&t&&t.togglePopup()}}})})()," ",x.createElement(m.Button,{size:e.size,svgIcon:i.filterClearIcon,className:o.classNames({"k-clear-button-visible":!!(null!==e.value&&""!==e.value||e.operator)}),title:n.toLanguageString(ce,$e[ce]),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)}))))},Ht=e=>{const t=x.useContext(Y),n=t.getCellPositionStyle(e.column),r=e.isCustom?{style:{...n}}:{};return t.isClient||e.isClient?_(e.children,{onChange:n=>{((n,r,l,o)=>{if(!t.filterChange)return;const a=[];(""!==n&&null!==n||""!==r)&&a.push({field:l,operator:r,value:n}),e.filter&&e.filter.filters&&(e.filter.filters||[]).forEach((e=>{e&&e.field!==l&&a.push(e)}));const i=e.filter&&e.filter.logic?e.filter.logic:"and";t.filterChange(a.length>0?{logic:i,filters:a}:null,o)})(n.value,n.operator,e.field,n.syntheticEvent)},tdProps:{...e.tdProps,...r},thProps:{...e.tdProps,...r}}):_(e.children,{})},Vt=e=>{const t={style:{...x.useContext(Y).getCellPositionStyle(e.column)}};return _(e.children,{...t})},Wt=e=>{const t=(t,n)=>{let r=""+(n?"k-grid-header-sticky":"");return e.sort&&e.sort.filter((e=>e.field===t)).length>0&&(r+=" k-sorted"),r},n=e.filter&&e.filter.filters||[];let r=0,a=-1;const i=e.columns.filter((e=>0===e.children.length)).map((i=>{const s=Bt(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(Ne,$e[Ne])}`;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:Dt(e.filterOperators[s]||[],e.localization),booleanValues:Dt(Lt,e.localization),filterType:s,ariaLabel:"reorder"===i.columnType?"":d,size:e.size},p=i.declarationIndex>=0?++a:--r,g={columnId:l.tableKeyboardNavigationTools.getFilterColumnId(i.id),navigatable:i.navigatable||e.navigatable,className:o.classNames("k-table-td",t(i.field,i.locked)||void 0),role:"gridcell",ariaLabel:"reorder"===i.columnType?void 0:d,ariaColumnIndex:i.ariaColumnIndex},f=F(i),h={column:f,filter:e.filter,field:i.field,tdProps:g,thProps:g};let v=null;m&&"reorder"!==i.columnType&&(v=x.createElement(Ht,{...h,isClient:V(Kt)},x.createElement(Kt,{...m})));const E=K(e.cells,i.cells);if(E&&E.filterCell){const e=E.filterCell,t=V(e);return x.createElement(Ht,{key:p,...h,isClient:t,isCustom:!0},x.createElement(e,{key:p,...m,tdProps:g,thProps:g,index:a},v))}return x.createElement(Vt,{key:p,column:f},x.createElement(l.HeaderTdElement,{...g},v))}));return x.createElement("tr",{className:"k-table-row k-filter-row","aria-rowindex":e.ariaRowIndex,role:"row"},i)},qt=e=>{const t=x.useRef(null),{dir:n,title:r}=e;return x.createElement(o.Draggable,{onPress:n=>{const r=t.current&&t.current.element;r&&e.onPress&&e.onPress(n.event,r)},onDrag:n=>{const r=t.current&&t.current.element;r&&e.onDrag&&e.onDrag(n.event,r)},onRelease:n=>{t.current&&t.current.element&&e.onRelease&&e.onRelease(n.event)},ref:t},x.createElement("div",{className:"k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md",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===o.Keys.delete||t.keyCode===o.Keys.backspace)&&(t.preventDefault(),t.stopPropagation(),e.onRemove&&e.onRemove(t))},tabIndex:0,role:"button",style:{touchAction:"none"}},x.createElement("span",null,x.createElement(o.IconWrap,{name:"sort-"+n+"-small",icon:"asc"===n?i.sortAscSmallIcon:i.sortDescSmallIcon,size:"small"})),x.createElement("span",{className:"k-chip-content"},x.createElement("span",{className:"k-chip-label"},r)),x.createElement("span",{className:"k-chip-actions"},x.createElement("span",{className:"k-chip-action k-chip-remove-action",onClick:t=>{t.preventDefault(),t.stopPropagation(),e.onRemove&&e.onRemove(t)}},x.createElement(o.IconWrap,{name:"x-circle",icon:i.xCircleIcon,size:"small"})))))},_t=e=>{const t=x.useContext(Y),n=a.useLocalization(),r=e.group||[],l=t=>{const n=e.columns.find((e=>e.field===t)),r=n&&(n.title||n.field);return void 0===r?t:r},o=r.map(((n,r)=>x.createElement(qt,{key:r,index:r,dir:n.dir||"asc",title:l(n.field),onRemove:n=>{((n,r)=>{const l=e.group.slice();l.splice(r,1),t.groupChange(l,n)})(n,r)},onSortChange:(l,o)=>{((n,r,l,o)=>{const a=Object.assign({},l,{dir:o}),i=e.group.slice();i.splice(r,1,a),t.groupChange(i,n)})(l,r,n,o)},onPress:t.dragLogicRef.current.pressHandler,onDrag:t.dragLogicRef.current.dragHandler,onRelease:t.dragLogicRef.current.releaseHandler,onContextMenu:t.onContextMenu})));return x.createElement("div",{ref:t.dragLogicRef.current.refGroupPanelDiv,className:"k-grouping-header",role:"toolbar","aria-label":n.toLanguageString(Me,$e[Me]),"aria-controls":e.ariaControls||""},x.createElement("div",{className:"k-chip-list k-chip-list-md",role:"none"},o),x.createElement("div",{className:"k-grouping-drop-container"},!o.length&&n.toLanguageString(le,$e[le])," "))},Ut=e=>{const t=x.useRef(null),n=x.useRef(null),r=x.useContext(Y);return x.useImperativeHandle(r.footerRef,(()=>({setScrollLeft:e=>{t.current&&(t.current.scrollLeft=e)},setWidth:e=>{n.current&&(n.current.style.width=e?e+"px":"")}}))),e.staticHeaders?x.createElement("div",{className:"k-grid-footer",role:"presentation"},x.createElement("div",{ref:t,className:"k-grid-footer-wrap",role:"presentation"},x.createElement("table",{ref:n,className:o.classNames("k-table k-grid-footer-table",{"k-table-md":!e.size,[`k-table-${o.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size},e.className),role:"presentation"},x.createElement("colgroup",{ref:e=>{r.columnResizeRef.current.colGroupFooter=e},role:"presentation"},e.cols),x.createElement("tfoot",{className:"k-table-tfoot",role:"presentation"},e.row)))):x.createElement("tfoot",{className:"k-table-tfoot"},e.row)};Ut.displayName="KendoReactFooter";const jt=e=>{const t=x.useContext(Y),n=l.useTableKeyboardNavigation(e.id),r=et(e.dataItem,e.field),o=tt(e),a=x.useCallback((n=>{var r;null==(r=null==t?void 0:t.cellClick)||r.call(t,n,e.dataItem,e.field)}),[t,e.dataItem,e.field]);return{...n,..."groupFooter"===e.rowType||"groupHeader"!==e.rowType?{onContextMenu:r}:{},..."groupFooter"!==e.rowType&&"groupHeader"!==e.rowType?{style:o}:{},onClick:a}},$t=e=>{var t,n;let r=null,l=null;const a=e.unstyled,i=a&&a.uGrid?a.uGrid:o.uGrid;if("groupFooter"===e.rowType)r={className:e.className};else if("groupHeader"!==e.rowType){if(void 0!==e.field){const t=P(e.field,e.dataItem);null!=t&&(l=e.intl&&e.format?e.intl.format(e.format,t):t.toString())}const a=o.classNames(i.td({selected:e.isSelected,sorted:e.isSorted,alt:e.isAlt}),e.className);r={rowSpan:null!=(n=null==(t=e._rowSpan)?void 0:t.count)?n:void 0,colSpan:e.colSpan,style:e.style,className:a,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[ot]:e.columnIndex}}return{tdProps:r,content:l}},Xt=e=>{var t;return null==(t=e.cells)?void 0:t[e.rowType||"data"]},Yt=e=>{var t;const{cellProps:n}=e,{tdProps:r,content:l}=$t(n),o=jt(n),a=Ze(n);if(null===(null==(t=n._rowSpan)?void 0:t.count))return null;const i=Xt(n);return i?x.createElement(i,{...n,...a,tdProps:{...r,...o}},l):r?x.createElement("td",{...r,...o},l):null},Jt=e=>{const t=x.useContext(Y),n=a.useLocalization(),r=e.expanded?De:Te,s=n.toLanguageString(r,$e[r]),c="rtl"===t.dir;return x.createElement("a",{onClick:n=>{var r;n.preventDefault(),null!=t&&t.itemChange&&t.itemChange({dataItem:e.dataItem,dataIndex:e.dataIndex,syntheticEvent:n,field:void 0,value:!e.expanded}),null==(r=null==t?void 0:t.dispatchGroupExpand)||r.call(t,{type:l.GROUP_EXPAND_ACTION.TOGGLE,group:e.group})},href:"#",tabIndex:-1,"aria-label":s},x.createElement(o.IconWrap,{name:e.expanded?"caret-alt-down":c?"caret-alt-left":"caret-alt-right",icon:e.expanded?i.caretAltDownIcon:c?i.caretAltLeftIcon:i.caretAltRightIcon}))},Qt=e=>{const{columnIndex:t,level:n,columnsCount:r,rowType:l,dataItem:a,field:i,expanded:s,ariaColumnIndex:c,locked:d,style:u}=e,m=i||"";let p=null,g=null,f=null;const h=W(e);let v=!1;return void 0===t||void 0===n||t<n||void 0===r||"groupHeader"!==l||void 0===a[m]?p={style:u,key:"g"+t,className:o.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:r-t,key:"g-colspan",role:"gridcell","aria-selected":!1,"aria-expanded":s,"aria-colindex":c},f=x.createElement("p",{className:"k-reset"},x.createElement(Jt,{...h}),a[m]instanceof Date?a[m].toString():a[m]),d&&(p={...p,colSpan:0,style:{...u,position:"sticky",zIndex:2}},g={className:"k-table-td",role:"gridcell",colSpan:r-t,style:{borderLeftWidth:0,borderRightWidth:0}})),{tdProps:p,td2Props:g,content:f,renderToggleCell:v}},Zt=e=>{var t,n;return null==(n=null==(t=e.cells)?void 0:t.group)?void 0:n[e.rowType||"data"]},en=(e,t)=>{const n=x.useContext(Y),r=l.useTableKeyboardNavigation(e.id),a=et(e.dataItem,e.field),i=tt(e),s=x.useCallback((t=>{t.isDefaultPrevented()||t.keyCode===o.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:l.GROUP_EXPAND_ACTION.TOGGLE,group:e.group},t))}),[n,e.dataItem,e.dataIndex,e.expanded,e.group]);return{...r,...t?{onKeyDown:s}:{},onContextMenu:a,style:i}},tn=e=>{const{cellProps:t}=e,{tdProps:n,td2Props:r,content:l,renderToggleCell:o}=Qt(t),a=en(t,o),i=Ze(t),s={...t,...i},c={...n,...a,style:{...null==n?void 0:n.style,...a.style}},d=r?{...r,onContextMenu:a.onContextMenu}:null,u=Zt(t);if(u)return x.createElement(u,{...s,tdProps:c,td2Props:d},l);const m=n?x.createElement("td",{...c,key:null==n?void 0:n.key},l):null,p=d?x.createElement("td",{...d}):null;return p?x.createElement(x.Fragment,null,m,p):m},nn=e=>{var t;const n=x.useContext(Y),{reorderRowDropTargetRef:r,reorderRowDragTargetRef:l,activeDragRowDataItemRef:a}=n,{rowType:i,isAltRow:s,isInEdit:c,isSelected:d}=e,u=o.useUnstyled(),m=u&&u.uGrid?u.uGrid:o.uGrid,p=o.classNames(m.tr({selected:d,isHeader:"groupHeader"===i,isFooter:"groupFooter"===i,isMaster:"groupHeader"!==i&&"groupFooter"!==i,isAltRow:s,isInEdit:c})),g=x.useRef(null);o.useDroppable(g,{onDragOver:t=>{if(e.isRowReorderable&&a.current){const e=t.originalEvent.target;r.current=e.closest(".k-table-row")}},onDrop:()=>{l.current&&e.isRowReorderable&&(l.current.style.userSelect="")}});const f={onClick:t=>n.rowClick(t,e.dataItem),onDoubleClick:t=>n.rowDblClick(t,e.dataItem)},h={ref:g,id:e.id,...f,className:p,style:{height:e.rowHeight?e.rowHeight+"px":"",visibility:e.isHidden?"hidden":"",userSelect:null==(t=null==l?void 0:l.current)?void 0:t.style.userSelect},role:"row","aria-rowindex":e.ariaRowIndex,"absolute-row-index":e.absoluteRowIndex,[lt]:"data"===e.rowType?e.dataIndex:void 0},v=e.rowType||"data",E=e.rows;if(E&&E[v]){const t=E[v];return x.createElement(t,{key:e.absoluteRowIndex,...e,trProps:h},e.children)}return x.createElement("tr",{key:e.absoluteRowIndex,...h},e.children)},rn=e=>{const t=x.useContext(Y),n=o.useId(),r=a.useLocalization(),l=e.id||n;return[x.createElement("span",{key:0,className:"k-checkbox-wrap"},x.createElement("input",{id:l,type:"checkbox",tabIndex:-1,className:"k-checkbox k-checkbox-md k-rounded-md","aria-label":r.toLanguageString(Fe,$e[Fe]),"aria-checked":e.selectionValue,checked:e.selectionValue,onChange:n=>t.onHeaderSelectionChange({field:e.field,syntheticEvent:n})})),e.columnMenuWrapperProps.columnMenu&&x.createElement(Et,{...e.columnMenuWrapperProps})]},ln=e=>{const t=a.useLocalization();return x.createElement(x.Fragment,null,e.children||t.toLanguageString(J,$e[J]))};ln.displayName="KendoReactGridNoRecords";const on=e=>{const t=x.useContext(Y),n=l.useTableKeyboardNavigation(e.id),r=t.getCellPositionStyle(e.column),o={...n,style:{...r}};return e.isCustom&&(t.isClient||e.isClient)?_(e.children,{tdProps:{...e.tdProps,...o},...n}):_(e.children,{...o})},an=e=>{const{column:t,index:n,cells:r}=e,l={colSpan:1!==t.colSpan?t.colSpan:void 0,className:o.classNames("k-table-td",t.locked&&void 0!==t.left?"k-grid-footer-sticky":""),role:"gridcell","aria-colindex":t.ariaColumnIndex},a={field:t.field,ariaColumnIndex:t.ariaColumnIndex,...l},i=F(t),s=K(r,t.cells);if(s&&s.footerCell){const t=s.footerCell,r=V(t);return x.createElement(on,{key:n,id:e.id,tdProps:l,isCustom:!0,isClient:r,column:i},x.createElement(t,{...a,tdProps:l,index:n}))}return x.createElement(on,{key:n,id:e.id,column:i},x.createElement("td",{...l}))},sn=e=>x.createElement("tr",{className:"k-table-row",role:"row","aria-rowindex":e.ariaRowIndex},(e=>e.filter((t=>{var n;return!(((e,t)=>{var n;let r=e[t.parentIndex];for(;r;){if(null!=(n=r.cells)&&n.footerCell)return!0;r=e[r.parentIndex]}return!1})(e,t)||(null==(n=t.cells)||!n.footerCell)&&t.children&&t.children.length>0)})))(e.columns).map(((t,n)=>{const r=l.tableKeyboardNavigationTools.generateNavigatableId(`${n}-footercell`,e.idPrefix,"nodata");return x.createElement(an,{key:r,column:t,id:r,index:n,cells:e.cells})}))),cn=e=>(({buttonCount:e=10,info:t=!0,type:n="numeric",pageSizes:r,previousNext:l=!0,responsive:o,adaptive:a,adaptiveTitle:i,navigatable:s,pageSizeValue:c})=>({buttonCount:e,info:t,pageSizes:!0===r?[5,10,20]:r||void 0,previousNext:l,responsive:!1!==o,adaptive:!0===a,adaptiveTitle:i||"Items per page",navigatable:!1!==s,type:n,pageSizeValue:c}))(!0===e?{}:e),dn={name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"11.1.1-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},un=e=>{const{colSpan:t,ariaColIndex:n,unstyled:r}=e,l=r&&r.uGrid?r.uGrid:o.uGrid;return{tdProps:{className:o.classNames(l.detailTd({})),colSpan:t,"aria-colindex":n,role:"gridcell"}}},mn=e=>{const t=l.useTableKeyboardNavigation(e.id);return{onContextMenu:et(e.dataItem),...t}},pn=e=>{const{dataItem:t,dataIndex:n}=e,{tdProps:r}=un(e),l=mn(e);return x.createElement("td",{...r,...l},x.createElement(e.detail,{dataItem:t,dataIndex:n}))},gn=e=>{const t=e.unstyled,n=t&&t.uGrid?t.uGrid:o.uGrid;return x.createElement("td",{className:o.classNames(n.hierarchyTd({})),role:"gridcell"})},fn=e=>{const t=x.useContext(Y),n=t.headerRef.current,r=n&&n.table()&&n.table().clientWidth,a=o.uGrid;return x.createElement("div",{key:"no-records",className:o.classNames(a.noRecords({})),style:{width:r}},x.createElement("div",{className:o.classNames(a.noRecordsTemplate({})),[l.KEYBOARD_NAV_DATA_ID]:l.tableKeyboardNavigationTools.generateNavigatableId("no-records",l.tableKeyboardNavigationTools.getIdPrefix(t.navigationStateRef))},e.children))};fn.displayName="KendoReactGridNoRecordsContainer";let hn=class{constructor(e){this.columns=[],this.columnsState=[],this.resizable=!1,this.isRtl=!1,this.setIsRtl=e=>{this.isRtl=e},this.initWidths=()=>{var e;const t=(null==(e=this.colGroupMain)?void 0:e.children)||[],n=O(this.columnsState),r=this.columns.filter((e=>{var t;return!(null!=(t=e.children)&&t.length)}));for(let e=0;e<t.length;e++){const l=t[e];let o="";const a=n.find((t=>t.id===r[e].id));a&&(o=a.width||""),l.width=o,this.colGroupHeader&&(this.colGroupHeader.children[e].width=o),this.colGroupFooter&&(this.colGroupFooter.children[e].width=o)}},this.dragHandler=(e,t,n,r)=>{const l=e.originalEvent;r||(l.preventDefault(),l.stopPropagation(),l.stopImmediatePropagation());const o=n.closest("th");if(!o||!o)return;const a=o.clientWidth;let i=a;if(this.isRtl?i+=n.getBoundingClientRect().right-n.offsetWidth/2-e.clientX:i+=e.clientX-n.getBoundingClientRect().left-n.offsetWidth/2,!r&&Math.abs(i-a)<1)return;this.fixateInitialWidths(o.parentElement.clientWidth),this.setWidths(t,Math.floor(i)/a);const s=this.columns.filter((e=>!e.children.length)).findIndex((e=>e.id===t.id));this.onResize(s,a,i,l,r,this.columnsState,t.id)},this.dblClickHandler=(e,t)=>{const n=this.columns.filter((e=>t.indexOf(e.id)>-1)),r=O(this.columnsState);if(!this.colGroupMain||!n.length)return;const l={},o=n;for(;o.length>0;){const e=o.pop();if(!e)break;e.children.length?o.push(...e.children):l[e.id]=e}const a=this.columns.filter((e=>!e.children.length)),i=[];a.forEach(((e,t)=>{l[e.id]&&i.push(t)}));const s=[this.colGroupMain.parentElement],c=[this.colGroupMain];this.colGroupHeader&&(s.push(this.colGroupHeader.parentElement),c.push(this.colGroupHeader)),this.colGroupFooter&&(s.push(this.colGroupFooter.parentElement),c.push(this.colGroupFooter)),s.forEach((e=>e.classList.add("k-autofitting")));const d=[];c.forEach((e=>{i.forEach((t=>{e.children[t]&&(e.children[t].width="",d[t]=Math.max(d[t]||0,e.children[t].offsetWidth+1))}))})),c.forEach((e=>{i.forEach((t=>{if(e.children[t]){e.children[t].width=d[t]+"px";const n=r.find((e=>e.id===a[t].id));n&&(n.width=d[t])}}))})),s.forEach((e=>e.classList.remove("k-autofitting"))),this.onResize(i[0],0,0,e,!0,this.columnsState,t[0])},this.updateColElements=e=>{const t=this.columns.filter((e=>!e.hidden&&!e.children.length));let n=1e-10;for(let r=0;r<e.length;r++){const l=e[r],o=t.findIndex((e=>e.id===l.id)),a=parseFloat((l.width||0).toString()),i=Math.floor(a);n+=a-i;const s=i+Math.floor(n);n-=Math.floor(n);const c=t.find((e=>e.id===l.id));if(!c)return;if(this.colGroupMain&&this.colGroupMain.children[o]){const e=parseInt(this.colGroupMain.children[o].width,10);this.colGroupMain.children[o].width=s+"px",this.updateNextLockedCol(this.colGroupMain.parentElement,c,e-s)}if(this.colGroupHeader&&this.colGroupHeader.children[o]){const e=parseInt(this.colGroupHeader.children[o].width,10);this.colGroupHeader.children[o].width=s+"px",this.updateNextLockedCol(this.colGroupHeader.parentElement,c,e-s)}if(this.colGroupFooter&&this.colGroupFooter.children[o]){const e=parseInt(this.colGroupFooter.children[o].width,10);this.colGroupFooter.children[o].width=s+"px",this.updateNextLockedCol(this.colGroupFooter.parentElement,c,e-s)}}},this.onResize=e}fixateInitialWidths(e){var t;let n=0;const r=(null==(t=this.colGroupMain)?void 0:t.children)||[];for(let t=0;t<r.length;t++)r[t].width?e-=r[t].clientWidth:n++;if(0===n)return;const l=Math.floor(e/n),o=O(this.columnsState),a=this.columns.filter((e=>!e.children.length));for(let e=0;e<r.length;e++){const t=r[e],n=t.width?t.clientWidth:l;t.width=n;const i=o.find((t=>t.id===a[e].id));i&&(i.width=n.toString()),this.colGroupHeader&&(this.colGroupHeader.children[e].width=n),this.colGroupFooter&&(this.colGroupFooter.children[e].width=n)}}setWidths(e,t){const n=O(this.columnsState),r=this.columns.findIndex((t=>t.id===e.id)),l=[];let o=e.children.filter((e=>!e.hidden)).length;for(let e=r+1;e<this.columns.length&&!(o<=0);e++){const t=this.columns[e];t.children.length?o+=t.children.filter((e=>!e.hidden)).length:l.push(t),o--}0===l.length&&l.push(e);const a=[];l.forEach((e=>{const r=n.find((t=>t.id===e.id));if(r){let n=r.width?parseFloat(r.width.toString())*t:0;const l=void 0===e.minResizableWidth?10:e.minResizableWidth;n<l&&(n=l),r.width=n,a.push(r)}})),this.updateColElements(a)}updateNextLockedCol(e,t,n){const r=t.index,l=this.colGroupMain.parentElement.closest(".k-grid"),o=null==l?void 0:l.clientWidth,a=this.columns.filter((e=>e.locked)).map((e=>parseInt(e.width+"",10))).reduce(((e,t)=>e+t),0);!t.locked||o<=a+20||this.columns.forEach((t=>{if(null!=t&&t.locked&&n){const l=null==e?void 0:e.querySelectorAll('[aria-colindex="'+t.ariaColumnIndex+'"]');null==l||l.forEach((e=>{const l=e.style;this.isRtl?(t.index>r&&l&&l.right&&(l.right=parseInt(l.right,10)-n+"px"),t.index<r&&l&&l.left&&(l.left=parseInt(l.left,10)-n+"px")):(t.index>r&&l&&l.left&&(l.left=parseInt(l.left,10)-n+"px"),t.index<r&&l&&l.right&&(l.right=parseInt(l.right,10)-n+"px"))}))}}))}},vn=class{constructor(e,t,n){this.refDragElementClue=x.createRef(),this.refDropElementClue=x.createRef(),this.columns=[],this.reorderable=!1,this.groupable=!1,this.startColumn=-1,this.startGroup=-1,this.currentColumn=-1,this.currentGroup=-1,this.groupPanelDivElement=null,this.refGroupPanelDiv=e=>{this.groupPanelDivElement=e&&e.children?e.children[0]:e},this.pressHandler=(e,t)=>{const n=this.getColumnIndex(e,t);if(this.startGroup=this.getGroupIndex(e),n>=0){const e=this.columns[n];(e.reorderable&&this.reorderable||e.groupable&&this.groupable)&&(this.startColumn=n)}},this.dragHandler=(e,t)=>{if(e.isTouch||e.originalEvent.preventDefault(),e.originalEvent.stopPropagation(),-1===this.startColumn&&-1===this.startGroup)return;this.currentColumn=this.getColumnIndex(e,t),this.currentGroup=this.isTargetGroupingContainer(e)?this.getCurrentGroupsLength:this.getGroupIndex(e);const n=!this.isValid();n&&(this.currentColumn=-1,this.currentGroup=-1);const r=this.currentColumn>=0?t.children[this.columns[this.currentColumn].index]:this.isTargetGroupingContainer(e)?e.originalEvent.target:this.groupPanelDivElement&&this.groupPanelDivElement.children[this.currentGroup];this.updateDragElementClue(e,t,r,n),this.updateDropElementClue(e,t,r,n)},this.releaseHandler=e=>{const t=this.startColumn,n=this.currentColumn,r=this.startGroup,l=this.currentGroup;e.originalEvent.preventDefault(),this.dropElementClue&&this.dropElementClue.setState({visible:!1}),this.dragElementClue&&this.dragElementClue.setState({visible:!1});const o=this.isValid();this.startColumn=this.startGroup=this.currentColumn=this.currentGroup=-1,o&&(t>=0&&n>=0?this.columnReorder(t,n,e.originalEvent):r>=0&&l>=0?this.groupReorder(r,l,e.originalEvent):t>=0&&l>=0&&this.columnToGroup(t,l,e.originalEvent))},this.columnReorder=e,this.groupReorder=t,this.columnToGroup=n}get dragClueRef(){return this.refDragElementClue}get dropClueRef(){return this.refDropElementClue}get getCurrentGroupsLength(){const e=this.groupPanelDivElement&&this.groupPanelDivElement.children;return e&&e.length||0}get dragElementClue(){return this.refDragElementClue.current}get dropElementClue(){return this.refDropElementClue.current}getColumnIndex(e,t){if(!t||t.parentElement===this.groupPanelDivElement)return-1;const n=l.getIndex(e,t);if(-1===n)return-1;for(let e=0;e<t.parentNode.children.length;e++)if(t.parentNode.children[e]===t)return this.columns.findIndex((t=>t.index===n&&t.depth===e));return-1}isTargetGroupingContainer(e){const t=e.originalEvent.target;return!!t.className.indexOf&&-1!==t.className.indexOf("k-grouping-drop-container")}getGroupIndex(e){return l.getIndex(e,this.groupPanelDivElement)}isValid(){return this.startGroup>=0?this.currentGroup>=0&&this.currentGroup!==this.startGroup:-1!==this.startColumn&&(this.currentGroup>=0?!0===this.columns[this.startColumn].groupable&&!0===this.groupable:!0===this.reorderable&&this.currentColumn>=0&&this.currentColumn!==this.startColumn&&!0===this.columns[this.startColumn].reorderable&&this.columns[this.currentColumn].parentIndex===this.columns[this.startColumn].parentIndex)}updateDragElementClue(e,t,n,r){if(!this.dragElementClue)return;const l=this.startColumn>=0?t.children[this.columns[this.startColumn].index].innerText:t.innerText;this.dragElementClue.setState({visible:!0,top:e.pageY+10,left:e.pageX,innerText:l,status:r||!n?"k-i-cancel":"k-i-plus"})}updateDropElementClue(e,t,n,r){if(!this.dropElementClue)return;if(r||!n)return void this.dropElementClue.setState({visible:!1});const l=n.getBoundingClientRect(),o=(n.closest(".k-grouping-header")||n).getBoundingClientRect();let a=l.left+e.pageX-e.clientX-6;!this.isTargetGroupingContainer(e)&&(this.currentColumn>this.startColumn||this.currentGroup>this.startGroup&&-1!==this.startGroup)&&"rtl"!==this.dir&&(a+=l.width);const i=o.top+e.pageY-e.clientY;this.dropElementClue.setState({visible:!0,top:i,left:a,height:this.currentColumn>=0?t.clientHeight:o.height})}},En=class{constructor(){this.table=null,this.tableBody=null,this.container=null,this.scrollHeightContainer=null,this.total=0,this.scrollableVirtual=!1,this.pageSize=0,this.PageChange=null,this.fixedScroll=!1,this.tableTransform="",this.reactVersion=Number.parseFloat(x.version),this.scrollSyncing=!1,this.firstToLoad=0,this.lastScrollTop=0,this.firstLoaded=0,this.lastLoaded=0,this.scrollHandler=this.scrollHandler.bind(this)}reset(){this.firstToLoad=0,this.firstLoaded=0,this.lastLoaded=0,this.rowHeightService=void 0,!this.fixedScroll&&this.container&&0!==this.container.scrollTop&&(this.scrollSyncing=!0,this.container.scrollTop=0,this.lastScrollTop=0,this.translate(0,!0))}scrollHandler(e){if(this.scrollSyncing)return void(this.scrollSyncing=!1);if(!(this.scrollableVirtual&&this.container&&this.table&&this.rowHeightService&&this.container))return;const t=this.container.scrollTop,n=this.lastScrollTop>=t,r=!n;this.lastScrollTop=t;const l=this.container.offsetHeight;let o=this.rowHeightService.index(t);const a=this.rowHeightService.index(t+l),i=Math.max(o+this.pageSize-this.total,0);if(o=Math.max(o-i,0),r&&a>=this.lastLoaded&&this.lastLoaded<this.total-1)this.firstToLoad=o,this.loadPage(e);else if(n&&o<this.firstToLoad){const t=Math.max(Math.floor(.3*this.pageSize)-i,0);this.firstToLoad=Math.max(o-t,0),this.loadPage(e)}}update(){var e;const t=this.getItemHeights();if(this.firstLoaded>this.firstToLoad){const e=Math.min(this.firstLoaded-this.firstToLoad,this.pageSize),n=this.getTotalHeight(e,t)-this.getExpectedTotalHeight(e);0!==n&&this.adjustScroll(n)}null==(e=this.rowHeightService)||e.update(this.firstToLoad,t),this.setScrollHeightContainerHeight(),this.firstLoaded=this.firstToLoad,this.lastLoaded=this.firstLoaded+t.length-1}loadPage(e){this.rowHeightService&&(this.translate(this.rowHeightService.offset(this.firstToLoad)),this.changePage(this.firstToLoad,e))}translate(e,t){this.scrollableVirtual&&this.table&&(this.reactVersion<=17||t?this.table.style.transform="translateY("+e+"px)":this.tableTransform="translateY("+e+"px)")}changePage(e,t){this.PageChange&&this.PageChange({skip:Math.max(0,e),take:this.pageSize},t)}adjustScroll(e){this.scrollSyncing=!0,this.container&&(this.container.scrollTop+=e)}setScrollHeightContainerHeight(){var e;if(this.scrollableVirtual&&this.scrollHeightContainer){let t=(null==(e=this.rowHeightService)?void 0:e.totalHeight())||0;t=z?Math.min(17895697,t):t,this.scrollHeightContainer.style.height=t+"px"}}getItemHeights(){const e=[];return this.tableBody&&Array.from(this.tableBody.children).forEach((t=>{const n=t.getBoundingClientRect().height;t.classList.contains("k-detail-row")?e[e.length-1]+=n:e.push(n)})),e}getTotalHeight(e,t){return t.slice(0,e).reduce(((e,t)=>e+t),0)}getExpectedTotalHeight(e){const t=this.rowHeightService;if(!t)return 0;const n=this.firstToLoad+(e-1);return t.offset(n)+t.height(n)-t.offset(this.firstToLoad)}};const Cn={[R.create]:{name:"create",text:"Add",icon:"plus",svgIcon:i.plusIcon,data:{action:"AddCommand"}},[R.edit]:{name:"edit",text:"Edit",icon:"pencil",svgIcon:i.pencilIcon,data:{action:"EditCommand"}},[R.delete]:{name:"delete",text:"Delete",icon:"trash",svgIcon:i.trashIcon,data:{action:"DeleteCommand"}},[R.select]:{name:"select",text:"Select",icon:"table-body",svgIcon:i.tableBodyIcon,items:[{name:"selectRow",text:"Row",icon:"table-row-groups",svgIcon:i.tableRowGroupsIcon,data:{action:"SelectRowCommand"}},{name:"selectAllRows",text:"All rows",icon:"grid",svgIcon:i.gridIcon,data:{action:"SelectAllRowsCommand"}},{name:"clearSelection",text:"Clear selection",icon:"table-unmerge",svgIcon:i.tableUnmergeIcon,data:{action:"ClearSelectionCommand"}}]},[R.copySelection]:{name:"copySelection",text:"Copy selection",icon:"page-header-section",svgIcon:i.pageHeaderSectionIcon,data:{action:"CopySelectionCommand"},options:"withHeaders"},[R.copySelectionNoHeaders]:{name:"copySelectionNoHeaders",text:"Copy selection (No Headers)",icon:"file-txt",svgIcon:i.fileTxtIcon,data:{action:"CopySelectionCommand"}},[R.paste]:{name:"paste",text:"Paste (use CTRL/⌘ + V)",icon:"clipboard",svgIcon:i.clipboardIcon,data:{action:"PasteCommand"}},[R.reorderRow]:{name:"reorderRow",text:"Reorder row",icon:"caret-alt-expand",svgIcon:i.caretAltExpandIcon,items:[{name:"reorderRowUp",text:"Up",icon:"caret-alt-up",svgIcon:i.caretAltUpIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowDown",text:"Down",icon:"caret-alt-down",svgIcon:i.caretAltDownIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowTop",text:"Top",icon:"caret-alt-to-top",svgIcon:i.caretAltToTopIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowBottom",text:"Bottom",icon:"caret-alt-to-bottom",svgIcon:i.caretAltToBottomIcon,data:{action:"ReorderRowCommand"}}]},[R.exportPDF]:{name:"exportPDF",text:"Export to PDF",icon:"file-pdf",svgIcon:i.filePdfIcon,data:{action:"ExportPDFCommand"}},[R.exportExcel]:{name:"exportExcel",text:"Export to Excel",icon:"file-excel",svgIcon:i.fileExcelIcon,items:[{name:"exportToExcelAll",text:"All",data:{action:"ExportExcelCommand"}},{name:"exportToExcelSelection",text:"Selection",data:{action:"ExportExcelCommand"},options:"selection,withHeaders"},{name:"exportToExcelSelectionNoHeaders",text:"Selection (No Headers)",data:{action:"ExportExcelCommand"},options:"selection"}]},[R.separator]:{name:"separator",separator:!0},[R.sortAsc]:{name:"sortAsc",text:"Sort Ascending",icon:"sort-asc-small",svgIcon:i.sortAscSmallIcon,data:{action:"SortCommand"}},[R.sortDesc]:{name:"sortDesc",text:"Sort Descending",icon:"sort-desc-small",svgIcon:i.sortDescSmallIcon,data:{action:"SortCommand"}}},bn=e=>{const{show:t,offset:n,dataItem:r,field:l,items:o,onClose:i,onSelect:s}=e,c=a.useLocalization(),d=x.useCallback((e=>{s.call(void 0,{event:e,dataItem:r,field:l})}),[s,r,l]),m=x.useCallback((e=>{const t=e;return t.text&&t.name&&(t.text=c.toLanguageString(`contextMenu.${t.name}`,t.text||"")),t.items&&Array.isArray(t.items)&&(t.items=t.items.map((e=>m(e)))),t}),[c]),p=x.useMemo((()=>o&&o.map((e=>m("string"==typeof e?Cn[e]:e)))),[o,m]);return x.createElement(u.ContextMenu,{show:t,offset:n,items:p,onClose:i,onSelect:d})},xn=(...e)=>Object.assign({allowUnsort:!0,mode:"single"},...e),kn={true:{asc:{asc:"",desc:"desc"},desc:{asc:"asc",desc:""},"":{asc:"asc",desc:"desc"}},false:{asc:{asc:"asc",desc:"desc"},desc:{asc:"asc",desc:"desc"},"":{asc:"asc",desc:"desc"}}},yn={true:{asc:"desc",desc:"","":"asc"},false:{asc:"desc",desc:"asc","":"asc"}},In=x.forwardRef(((e,t)=>{const{gridProps:n,pdf:r}=e,l={...n,...r},[o,a]=x.useState(!1),i=x.useRef(null);x.useEffect((()=>{o&&async function(){await e.onPdfExport({target:i.current}),a(!1)}()}),[o,e.onPdfExport]);const s=()=>{a(!0)};x.useImperativeHandle(t,(()=>({save:s})));return o&&p.createPortal(x.createElement("div",{style:{position:"absolute",left:"-5000px",top:"0px"}},x.createElement("div",{ref:i},(t=>{const n={style:{...l.style,width:"1000px"}};return e.innerGrid?x.createElement(e.innerGrid,{...n,...l,scrollable:"scrollable"}):null})())),document.body)}));In.displayName="BasePDFExport",In.propTypes={grid:n.element.isRequired,pdf:n.object,onPdfExport:n.func.isRequired};const Sn=e=>{const t=e.gridProps.isClient,[n,r]=x.useState({}),a=o.useAdaptiveModeContext(),i=x.useRef(null),s=()=>{r({})},c=x.useMemo((()=>e.columnsRef.find((e=>e.field===n.field))),[e.columnsRef,n]),d=x.useMemo((()=>{const t=e.gridProps.sortable&&(null==c?void 0:c.sortable);return(e=>{let t=[];return e.sortable&&(t=t.concat([R.sortAsc,R.sortDesc])),e.pdf&&(t.length&&(t=t.concat([R.separator])),t=t.concat([R.exportPDF])),t})({pdf:!!e.gridProps.pdf,sortable:!!t,selectable:l.getSelectionOptions(e.gridProps.selectable).enabled,clipboard:!!e.gridProps.clipboard})}),[c,e.gridProps.sortable,e.gridProps.selectable,e.gridProps.clipboard]),u=x.useMemo((()=>{const t=e.gridProps.sortable&&(null==c?void 0:c.sortable);return(e=>{let t=[];return e.clipboard&&(t=t.concat([R.copySelection,R.copySelectionNoHeaders,R.paste])),e.editable&&(t.length&&(t=t.concat([R.separator])),t=t.concat([R.create,R.edit,R.delete])),e.selectable&&(t.length&&(t=t.concat([R.separator])),t=t.concat([R.select])),e.rowReorderable&&(t.length&&(t=t.concat([R.separator])),t=t.concat([R.reorderRow])),e.pdf&&(t.length&&(t=t.concat([R.separator])),t=t.concat([R.exportPDF])),t})({pdf:!!e.gridProps.pdf,sortable:!!t,selectable:l.getSelectionOptions(e.gridProps.selectable).enabled,clipboard:!!e.gridProps.clipboard,rowReorderable:H(e.gridProps.rowReorderable)})}),[c,e.gridProps.sortable,e.gridProps.selectable,e.gridProps.clipboard]),m=x.useMemo((()=>{const t=(null==c?void 0:c.contextMenu)||e.gridProps.contextMenu,r="function"==typeof t?t(n):t;if(r&&n.offset){const e=r[n.dataItem?w.body:w.head],t=n.dataItem?u:d;return!1===e?void 0:!0===e||void 0===e?t:e}}),[e.gridProps.contextMenu,n,u,d,c]),p=()=>{const t=e.columnsRef.filter((e=>e.declarationIndex>=0&&-1===e.parentIndex));return A(t)},g=n=>{if("moveToNextPage"===n.action&&P(n.event),"moveToPrevPage"===n.action&&N(n.event),n.focusElement&&"reorderToRight"===n.action){const t=parseInt(n.focusElement.ariaColIndex,10)-1;t<e.columnsRef.length-1&&G(t,t+1,n.event)}if(n.focusElement&&"reorderToLeft"===n.action){const e=parseInt(n.focusElement.ariaColIndex,10)-1;e>0&&G(e,e-1,n.event)}if("select"===n.action&&h(n.event),e.gridProps.onNavigationAction&&t){const t={focusElement:n.focusElement,...X(n.event)};J(e.gridProps.onNavigationAction,t)}},f=(t,n,r)=>{const{allowUnsort:l,mode:o}=xn(e.gridProps.sortable||!1,n.sortable||!1),a=(e.gridProps.sort||[]).filter((e=>e.field===n.field))[0],i=r||yn[l][a&&a.dir||""],s="single"===o?[]:(e.gridProps.sort||[]).filter((e=>e.field!==n.field));""!==i&&n.field&&s.push({field:n.field,dir:i}),M(s,t)},h=t=>{var n,r;if(!Ve.enabled||!e.gridProps.dataItemKey)return;const o={dataItems:Q(),mode:Ve.mode,cell:Ve.cell,componentId:e.id,selectedField:"",...X(t)},a=l.getSelectedStateFromKeyDown({event:o,selectedState:null!=(n=e.gridProps.select)?n:{},dataItemKey:e.gridProps.dataItemKey});if(a===e.gridProps.select)return;const i=t.target,s=l.closestTagName(i,"TD"),c=l.closestTagName(i,"TR"),d=l.getColumnIndex(s),u=l.getRowIndex(c);if(void 0!==d&&void 0!==u){const n=null==(r=T(e.gridProps.data))?void 0:r[u];e.gridProps.onSelectionChange&&J(e.gridProps.onSelectionChange,{...o,select:a,dataItem:n,startRowIndex:u,startColIndex:d,startDataItem:n,endDataItem:n,endRowIndex:u,endColIndex:d,ctrlKey:t.ctrlKey,altKey:t.altKey,metaKey:t.metaKey,shiftKey:t.shiftKey,isDrag:!1})}},v=(t,n)=>{e.gridProps.onSelectionChange&&Ve.enabled&&J(e.gridProps.onSelectionChange,{...t,select:n})},E=t=>{if(e.gridProps.onSelectionChange&&Ve.enabled){const n=t.dataItems[0],r=t.dataItems[t.dataItems.length-1],l={},a={...t,startDataItem:n,endDataItem:r,startRowIndex:0,endRowIndex:t.dataItems.length-1,startColIndex:0,endColIndex:e.columnsRef.length-1};t.dataItems.forEach((n=>{const r=o.getter(e.gridProps.dataItemKey)(n);l[r]=!t.cell||[...Array(e.columnsRef.length).keys()]})),v(a,l)}},C=t=>{if(e.gridProps.onSelectionChange&&Ve.enabled){const n=o.getter(e.gridProps.dataItemKey)(t.dataItem),r=0,l=e.columnsRef.length-1,a=t.dataItems.findIndex((n=>n[e.gridProps.dataItemKey]===t.dataItem[e.gridProps.dataItemKey])),i={...t,startDataItem:a,endDataItem:a,startRowIndex:a,endRowIndex:a,startColIndex:r,endColIndex:l},s="multiple"===t.mode&&e.gridProps.select||{};!0===s[n]||Array.isArray(s[n])&&s[n].length===e.columnsRef.length?delete s[n]:s[n]=!t.cell||[...Array(e.columnsRef.length).keys()],v(i,s)}},b=t=>{e.gridProps.onSelectionChange&&Ve.enabled&&v(t,{})},k=(t,n,r,l,o)=>{S();const a=e.gridProps.onDataStateChange;if(t){const e={...X(l),...n,targetEvent:o};J(t,e)}else a&&J(a,{...X(l),targetEvent:o||{},dataState:{...$(),...r}})},y=(t,n,r)=>{var l;ze&&e.gridProps.pageable&&(null==(l=ie.current)||l.reset()),k(e.gridProps.onPageChange,{page:t},{skip:t.skip,take:t.take},n,r)},I=(t,n,r)=>{var l;e.gridProps.pageable||null!=(l=e.gridProps.group)&&l.length?e.gridProps.virtualSkipRef&&(e.gridProps.virtualSkipRef.current=t.skip,oe()):y(t,n,r)},S=()=>{ze&&e.gridProps.virtualSkipRef&&(e.gridProps.virtualSkipRef.current=0)},P=t=>{var n,r;const l=null!=(r=null!=(n=e.gridProps.take)?n:e.gridProps.pageSize)?r:0,o=(e.gridProps.skip||0)+l,a=(()=>{let t=e.gridProps.total||0;return Array.isArray(e.gridProps.data)?t=t||e.gridProps.data.length:e.gridProps.data&&(t=t||e.gridProps.data.total),t})();o<a&&y({skip:o,take:l},t)},N=t=>{var n,r;const l=null!=(r=null!=(n=e.gridProps.take)?n:e.gridProps.pageSize)?r:0,o=(e.gridProps.skip||0)-l;o>=0&&y({skip:o,take:l},t)},M=(t,n)=>{k(e.gridProps.onSortChange,{sort:t},{sort:t,...ze&&!e.gridProps.pageable?{skip:0}:{}},n)},D=()=>{var e;null==(e=i.current)||e.save()},L=(t,n)=>{const r=n.nativeEvent?n:{nativeEvent:n.nativeEvent||n.originalEvent};let l={};e.isVirtualScroll&&t.length&&!e.gridProps.pageable&&(l={take:void 0}),0===t.length&&e.gridProps.navigatable&&(Ie.current=!0),k(e.gridProps.onGroupChange,{group:t},{group:t,skip:0,...l},r)},F=t=>{if(e.gridProps.onColumnsStateChange){const n={target:ae.current,columnsState:t};J(e.gridProps.onColumnsStateChange,n)}},G=(t,n,r)=>{const{columnsRef:o,columnsState:a}=e,i=o[t],s=O(a),c=i.depth,d=e=>{do{e++}while(e<o.length&&o[e].depth>c);return e},u=o.splice(t,d(t)-t);o.splice(t<n?d(n-u.length):n,0,...u),o.filter((e=>e.declarationIndex>=0)).forEach(((e,t)=>{e.orderIndex=t;const n=s.find((t=>t.id===e.id));n&&(n.orderIndex=t)}));const m=o[t].locked&&o[n].locked;l.updateLeft(e.columnsMapRef,o,m||Pe.current),l.updateRight(e.columnsMapRef,o,m||Pe.current),ye.current&&(Pe.current=!1,ye.current=!1);const g=p();if(oe(),e.gridProps.onColumnReorder){const t={target:ae.current,columns:g,columnId:i.id,nativeEvent:r};J(e.gridProps.onColumnReorder,t)}F(a)},B=(t,n,r)=>{const l="object"==typeof e.gridProps.rowReorderable?e.gridProps.rowReorderable.enabled:e.gridProps.rowReorderable;if("forbidden"===r||!l||!Fe.current)return;const o=e.dataRef[n];e.gridProps.onRowReorder&&J(e.gridProps.onRowReorder,{draggedDataItems:[Fe.current],droppedDataItem:null==o?void 0:o.dataItem,dropPosition:r,nativeEvent:t.originalEvent,dragEvent:t,target:ae.current}),Fe.current=null},z=(t,n,r)=>{if(void 0===e.gridProps.group)return;const l=e.gridProps.group.slice();l.splice(n,0,...l.splice(t,1)),L(l,r)},K=(t,n,r)=>{const l=e.columnsRef[t].field;if(!l)return;const o=(e.gridProps.group||[]).slice();o.splice(n,0,{field:l}),L(o,r)},V=()=>{let e=0;if(!se.current.colGroupMain)return;const t=se.current.colGroupMain.children;for(let n=0;n<t.length;n++){const r=t[n].width;if(!r){e=0;break}e+=parseFloat(r.toString())}e=Math.round(e),ke.current&&ke.current.setWidth(e),xe.current&&xe.current.setWidth(e),ve.current&&(ve.current.style.width=e?e+"px":"")},W=()=>{var t;e.gridProps.widthRef&&(e.gridProps.widthRef.current=(null==(t=Ce.current)?void 0:t.offsetWidth)||0)},q=()=>{var t;e.gridProps.containerHeightRef&&(e.gridProps.containerHeightRef.current=(null==(t=he.current)?void 0:t.offsetHeight)||0)},_=x.useCallback(((n,r,o,a,i)=>{var s;if(!U()&&!o||!n)return;const c={type:n,nativeEvent:r,columns:e.columnsRef,dataItemKey:e.gridProps.dataItemKey||"",dataItem:a,field:i,..."boolean"!=typeof e.gridProps.clipboard?e.gridProps.clipboard:{},...o},d=Q(),u=l.populateClipboardData({event:c,data:d,selectedState:null!=(s=e.gridProps.select)?s:{},previousCopiedItems:Le.current});n!==l.ClipboardActionType.paste&&(Le.current=u.copiedItems),e.gridProps.onClipboard&&t&&J(e.gridProps.onClipboard,{...c,...u})}),[e.gridProps.select,e.gridProps.dataItemKey,e.gridProps.data,e.gridProps.clipboard,e.gridProps.onClipboard]),U=()=>{var e,t,n;if(!o.canUseDOM)return!1;const r=o.getActiveElement(Z()),l=r?r.matches(".k-table-td")?r:null==(e=Z())?void 0:e.body:null==(t=Z())?void 0:t.body,a=l.closest(".k-grid-container"),i=l&&(null==(n=Ce.current)?void 0:n.contains(l));return!!(l&&i&&a)},j=(n,r,l,o,a,i,s)=>{V(),Pe.current=!0,ye.current=!0,e.gridProps.onColumnResize&&t&&J(e.gridProps.onColumnResize,{columns:p(),nativeEvent:o,targetColumnId:s,index:n,newWidth:r,oldWidth:l,end:a,target:ae.current}),a&&F(i)},$=()=>{var t;return{filter:e.gridProps.filter,sort:e.gridProps.sort,skip:e.gridProps.skip,take:null!=(t=e.gridProps.take)?t:e.gridProps.pageSize,group:e.gridProps.group}},X=e=>({nativeEvent:e&&e.nativeEvent,syntheticEvent:e,target:ae.current}),J=(t,n)=>{e.gridProps.isClient?t(n):t((e=>({...e,nativeEvent:void 0,syntheticEvent:void 0,target:void 0,targetEvent:void 0,focusElement:void 0}))(n))},Q=()=>e.dataRef.filter((e=>"data"===e.rowType)).map((e=>e.dataItem)),Z=()=>{var e;if(o.canUseDOM)return(null==(e=ee())?void 0:e.ownerDocument)||document},ee=()=>Ce.current,te=x.useCallback((t=>{var n,r;if(!ie.current||null==(n=ie.current)||!n.container||"none"===e.gridProps.scrollable)return;pe.current&&pe.current.disconnect();const{rowIndex:l}=t,o=ee();if(ze){const e=(null==(r=ie.current.rowHeightService)?void 0:r.offset(l))||0;ie.current.container.scroll(0,e)}else if(o){const e=l<1?o.querySelector("tbody > tr:nth-child(1)"):o.querySelector(`tbody > tr:nth-child(${l+1})`);e&&he.current&&(he.current.scrollTop=e.offsetTop)}}),[e.gridProps.scrollable]),ne=e=>JSON.stringify(e.map((e=>({id:e.id,field:e.field,title:e.title,children:e.children})))),re=()=>{Ae.current=window.innerWidth,ne(Ke)===ne(e.columnsRef)||oe()},le=x.useCallback((e=>{const t={rowIndex:Te.current};e.forEach((e=>{e.boundingClientRect.height!==e.intersectionRect.height&&te(t)}))}),[te]),oe=()=>{e.gridProps.forceUpdate&&e.gridProps.forceUpdate()},ae=x.useRef(null),ie=x.useRef(void 0),se=x.useRef(void 0),ce=x.useRef(void 0),de=x.useRef(void 0),ue=x.useRef(void 0),me=x.useRef(void 0),pe=x.useRef(null),ge=x.useRef(null),fe=x.useRef(null),he=x.useRef(null),ve=x.useRef(null),Ee=x.useRef(null),Ce=x.useRef(null),be=x.useRef(null),xe=x.useRef(null),ke=x.useRef(null),ye=x.useRef(!1),Ie=x.useRef(!1),Se=x.useRef(void 0),we=x.useRef(void 0),Re=x.useRef(!1),Pe=x.useRef(!0),Ne=x.useRef(0),Me=x.useRef(void 0),Te=x.useRef(void 0),De=x.useRef([]),Le=x.useRef([]),Ae=x.useRef(0),Fe=x.useRef(null),Ge=x.useRef(null),Be=x.useRef(null),Oe=o.useDir(Ce),ze=e.isVirtualScroll,Ke=x.useMemo((()=>x.Children.toArray(e.gridProps.children)),[e.gridProps.children]),He=!0===e.gridProps.groupable||"object"==typeof e.gridProps.groupable&&!1!==e.gridProps.groupable.enabled,Ve=l.getSelectionOptions(e.gridProps.selectable),We=l.getEditableOptions(e.gridProps.editable),qe=Ae.current&&a&&Ae.current<=a.medium&&e.gridProps.adaptive;return x.useMemo((()=>{l.tableKeyboardNavigation.onConstructor({navigatable:!!e.gridProps.navigatable,contextStateRef:de,navigationStateRef:ue,idPrefix:e.id}),ie.current=new En}),[]),x.useMemo((()=>{var e;null==(e=ie.current)||e.reset()}),[e.gridProps.scrollable,e.gridProps.total,e.gridProps.filter,e.gridProps.group,He,e.gridProps.sort,e.gridProps.rowHeight]),x.useEffect((()=>(e.gridProps.clipboard&&(me.current=new l.ClipboardService(_),me.current.addEventListeners(Z())),()=>{me.current&&me.current.removeEventListeners(Z())})),[e.gridProps.onClipboard,e.gridProps.clipboard,_,Z]),x.useEffect((()=>(e.gridProps.columnVirtualization&&!window.navigator.userAgent.match(it)&&(Ee.current&&(Ee.current.style.display="block"),ve.current&&(ve.current.style.display="block")),W(),V(),o.setScrollbarWidth(),l.tableKeyboardNavigation.onComponentDidMount({scope:Ce.current||void 0,contextStateRef:de,navigationStateRef:ue}),()=>{clearTimeout(Me.current)})),[]),x.useEffect((()=>{var t;W(),V(),o.setScrollbarWidth(),ze&&(q(),(()=>{const t=e.gridProps.minRowHeightRef;if(t&&!t.current&&!e.gridProps.rowHeight){const e=(e=>{let t=0;if(e){const n=e.insertRow(0);n.insertCell(0).textContent=" ",t=n.getBoundingClientRect().height,e.deleteRow(0)}return t})(ge.current);e&&(t.current=e,oe())}})(),null==(t=ie.current)||t.update()),(()=>{var e,t,n;if(ge.current&&(null==(e=ge.current)?void 0:e.getElementsByClassName("k-grid-edit-row").length)>0){Re.current=!1,null!=(t=document.activeElement)&&t.closest(".k-grid-edit-row")?we.current=document.activeElement:we.current=void 0;const e=Array.from(null==(n=ge.current)?void 0:n.getElementsByClassName("k-grid-edit-row"));e.length>De.current.length?Se.current=e.filter((e=>!De.current.includes(e)))[0]:1===e.length&&(Se.current=e[0],Re.current=!0),De.current=e}})(),l.tableKeyboardNavigation.onComponentDidUpdate({scope:Ce.current||void 0,contextStateRef:de,navigationStateRef:ue,focusFirst:Ie.current,newEditableRow:Se.current,singleEditRow:Re.current,lastActiveElement:we.current,navigatable:e.gridProps.navigatable}),Ie.current=!1,Se.current=void 0})),x.useEffect((()=>{if(o.canUseDOM){const e={rootMargin:"0px",threshold:.9};pe.current=window.IntersectionObserver&&new window.IntersectionObserver(le,e)||null}}),[le]),x.useEffect((()=>{var e;let t;return o.canUseDOM&&window.ResizeObserver&&(t=new window.ResizeObserver((()=>{re(),ze&&q()})),t.observe(null==(e=Z())?void 0:e.body)),()=>{null==t||t.disconnect()}}),[]),x.useImperativeHandle(ae,(()=>({get element(){return ee()},props:e.gridProps,get columns(){return p()},scrollIntoView:t=>{var n;if(null==(n=ie.current)||!n.container||"none"===e.gridProps.scrollable)return;const{rowIndex:r}=t;Te.current=r;const l=ee();if(pe.current&&l){pe.current.disconnect();const e=l.querySelector(`[absolute-row-index="${Te.current}"]`);e?pe.current.observe(e):te(t)}},fitColumns:e=>{se.current.dblClickHandler(null,e)},exportAsPdf:D}))),x.useImperativeHandle(e.gridRef,(()=>ae.current)),x.useMemo((()=>{se.current=new hn(j)}),[e.gridProps.onColumnResize,e.columnsRef]),x.useMemo((()=>{ce.current=new vn(G,z,K)}),[e.gridProps.onColumnReorder,e.gridProps.onGroupChange,e.gridProps.group,e.columnsRef,e.gridProps.groupable]),se.current.resizable=e.gridProps.resizable||!1,se.current.columns=e.columnsRef,se.current.columnsState=o.cloneArray(e.columnsState),ce.current.reorderable=e.gridProps.reorderable||!1,ce.current.groupable=He,ce.current.columns=e.columnsRef,ce.current.dir=Oe,(()=>{var t;const{virtualTotal:n,virtualPageSize:r,gridProps:l}=e,a=ie.current,i=e.gridProps.rowHeight||(null==(t=l.minRowHeightRef)?void 0:t.current)||0;a&&(a.fixedScroll=l.fixedScroll||!1,a.PageChange=I,a.pageSize=r,a.scrollableVirtual=ze,a.container=he.current,a.tableBody=ge.current,a.scrollHeightContainer=be.current,a.table=ve.current,(!a.rowHeightService||a.total!==n)&&i&&(a.total=n,a.rowHeightService=new o.RowHeightService(n,i)))})(),x.createElement(Y.Provider,{value:{isClient:t,rowReorder:B,activeDragRowDataItemRef:Fe,reorderRowDragTargetRef:Ge,reorderRowDropTargetRef:Be,dir:Oe,getCellPositionStyle:e=>void 0!==e.left?"rtl"!==Oe?{left:e.left,right:e.right}:{left:e.right,right:e.left}:{},dataItemKey:e.gridProps.dataItemKey,columnsState:e.columnsState,columnsRef:e.columnsRef,onColumnsStateChange:F,groupChange:L,selectionRelease:t=>{var n;if(e.gridProps.onSelectionChange&&Ve.enabled){const r=Q()[t.startRowIndex],o=Q()[t.endRowIndex],a={syntheticEvent:void 0,target:ae.current,selectedField:"",componentId:e.id,dataItems:Q(),dataItem:null,startDataItem:r,endDataItem:o,...t},i=l.getSelectedState({event:a,selectedState:null!=(n=e.gridProps.select)?n:{},dataItemKey:e.gridProps.dataItemKey});v(a,i)}},pagerPageChange:e=>{y({skip:e.skip,take:e.take},e.syntheticEvent,e.targetEvent)},onContextMenu:(l,o,a)=>{if(e.gridProps.onContextMenu&&t){const t={target:ae.current,syntheticEvent:l,nativeEvent:l.nativeEvent,dataItem:o,field:a};J(e.gridProps.onContextMenu,t)}e.gridProps.contextMenu&&(e=>{e.event.preventDefault(),r({...n,show:!0,offset:{left:e.event.pageX,top:e.event.pageY},dataItem:e.dataItem,field:e.field})})({event:l,dataItem:o,field:a})},rowClick:(t,n)=>{e.gridProps.onRowClick&&"TD"===t.target.nodeName&&J(e.gridProps.onRowClick,{dataItem:n,...X(t)})},rowDblClick:(t,n)=>{e.gridProps.onRowDoubleClick&&"TD"===t.target.nodeName&&J(e.gridProps.onRowDoubleClick,{dataItem:n,...X(t)})},cellClick:(t,n,r)=>{if(We.enabled&&"incell"===We.mode&&e.gridProps.dataItemKey){const o=l.editReducer(e.gridProps.edit,{type:l.EDIT_ACTION.ENTER_FIELD_EDIT,payload:{id:n[e.gridProps.dataItemKey],field:r}});e.gridProps.onEditChange&&J(e.gridProps.onEditChange,{edit:o,...X(t)})}},headerCellClick:f,itemChange:t=>{e.gridProps.onItemChange&&J(e.gridProps.onItemChange,{...X(t.syntheticEvent),dataItem:t.dataItem,dataIndex:t.dataIndex,field:t.field,value:t.value})},onDialogEditCancel:t=>{e.gridProps.onItemChange&&e.gridProps.onEditChange&&J(e.gridProps.onEditChange,{edit:{},...X(t.syntheticEvent)})},onDialogEditSubmit:t=>{e.gridProps.onItemChange&&J(e.gridProps.onItemChange,{...X(t.syntheticEvent),dataItem:t.dataItem,field:void 0,value:void 0})},sortable:e.gridProps.sortable,sort:e.gridProps.sort,defaultSort:e.gridProps.defaultSort,sortChange:M,filterable:e.gridProps.filterable,filter:e.gridProps.filter,defaultFilter:e.gridProps.defaultFilter,filterOperators:e.gridProps.filterOperators||Mt,filterChange:(t,n)=>{k(e.gridProps.onFilterChange,{filter:t},{filter:t,skip:0},n)},searchChange:t=>{const n=e.gridProps.searchFields||e.columnsRef.map((e=>e.field))||[],r=t.nativeEvent.target.value,l={logic:"or",filters:n.filter((e=>void 0!==e)).map((e=>{var t;return"string"==typeof e?{field:e,value:r,operator:"contains"}:{value:r,operator:null!=(t=e.operator)?t:"contains",field:e.field,ignoreCase:e.ignoreCase}}))};k(e.gridProps.onSearchChange,{search:l},{},t.syntheticEvent)},exportAsPdf:D,onHeaderSelectionChange:t=>{if(e.gridProps.onHeaderSelectionChange&&Ve.enabled){const n=Q();J(e.gridProps.onHeaderSelectionChange,{select:t.syntheticEvent.target.checked?n.reduce(((t,n)=>(e.gridProps.dataItemKey&&void 0!==o.getter(e.gridProps.dataItemKey)(n)&&(t[o.getter(e.gridProps.dataItemKey)(n)]=!0),t)),{}):{},field:t.field,nativeEvent:t.syntheticEvent&&t.syntheticEvent.nativeEvent,syntheticEvent:t.syntheticEvent,target:ae.current,dataItems:n})}},columnGroupChange:(e,t)=>{const n=ce.current.getCurrentGroupsLength;K(e,n,t)},onKeyDown:n=>{l.tableKeyboardNavigation.onKeyDown(n,{navigatable:e.gridProps.navigatable||!1,contextStateRef:de,navigationStateRef:ue,onNavigationAction:g,columns:p()}),l.tableKeyboardNavigation.onGetSnapshotBeforeUpdate({document:Z(),contextStateRef:de,navigationStateRef:ue});const r={dataItems:Q(),mode:Ve.mode,cell:Ve.cell,componentId:e.id,selectedField:"",...X(n)};e.gridProps.onKeyDown&&t&&J(e.gridProps.onKeyDown,r)},onFocus:t=>{l.tableKeyboardNavigation.onFocus(t,{navigatable:!!e.gridProps.navigatable,contextStateRef:de})},scrollHandler:n=>{if(n.target!==n.currentTarget)return;clearTimeout(Me.current),ie.current&&(ie.current.table=ve.current);const r=n.currentTarget.scrollLeft,l=n.currentTarget.scrollTop;e.gridProps.columnVirtualization&&(!ze||l===Ne.current)&&(Me.current=window.setTimeout((()=>{oe()}),0)),e.gridProps.scrollLeftRef&&(e.gridProps.scrollLeftRef.current=r),ke.current&&ke.current.setScrollLeft(r),xe.current&&xe.current.setScrollLeft(r),ie.current&&l!==Ne.current&&ie.current.scrollHandler(n),e.gridProps.onScroll&&t&&J(e.gridProps.onScroll,{...X(n)}),Ne.current=l},selectionChange:t=>{var n;if(e.gridProps.onSelectionChange&&Ve.enabled){const{event:r,dataItem:o,dataIndex:a,columnIndex:i}=t,s={...X(r),dataItem:o,startColIndex:i,endColIndex:i,startRowIndex:a,endRowIndex:a,dataItems:Q(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,mode:Ve.mode,cell:Ve.cell,isDrag:!1,componentId:e.id,selectedField:""};J(e.gridProps.onSelectionChange,{...s,select:e.gridProps.dataItemKey?l.getSelectedState({event:s,selectedState:null!=(n=e.gridProps.select)?n:{},dataItemKey:e.gridProps.dataItemKey}):{}})}},mobileMode:qe,adaptiveColumnMenuRef:Ae.current,adpativeTitle:e.gridProps.adaptiveTitle,adaptive:e.gridProps.adaptive,dispatchDetailExpand:(t,n)=>{var r;if(l.getDetailExpandableOptions(e.detailExpandable).enabled){const o=l.detailExpandReducer(null!=(r=e.gridProps.detailExpand)?r:{},t);e.gridProps.onDetailExpandChange&&J(e.gridProps.onDetailExpandChange,{...X(n),detailExpand:o})}},dispatchGroupExpand:(t,n)=>{var r;const o=l.getGroupExpandableOptions("object"==typeof e.gridProps.groupable?!1!==e.gridProps.groupable.expandable:e.gridProps.groupable);if(o.enabled){const a=l.groupExpandReducer(null!=(r=e.gridProps.groupExpand)?r:[],t,o);e.gridProps.onGroupExpandChange&&J(e.gridProps.onGroupExpandChange,{...X(n),groupExpand:a})}},columnResizeRef:se,dragLogicRef:ce,navigationStateRef:ue,tableElementRef:ve,tableBodyElementRef:ge,headerElementRef:fe,containerElementRef:he,headTableElementRef:Ee,elementRef:Ce,virtualScrollHeightContainerRef:be,footerRef:xe,headerRef:ke,vsRef:ie}},x.createElement(l.TableKeyboardNavigationContext.Provider,{value:de.current},e.children),x.createElement(bn,{show:n.show&&(null==m?void 0:m.length),dataItem:n.dataItem,field:n.field,items:m,offset:n.offset,onClose:s,onSelect:t=>{var n,r,o,a,i,d,u,m,p;const g=t.event.item,h={target:ae.current,syntheticEvent:t.event.syntheticEvent,nativeEvent:t.event.nativeEvent,menuItem:g,...t};e.gridProps.onContextMenuItemClick&&J(e.gridProps.onContextMenuItemClick,h);const v=Q(),x={selectedField:"",componentId:e.id,dataItems:v,dataItem:t.dataItem,startRowIndex:-1,endRowIndex:-1,startColIndex:-1,endColIndex:-1,ctrlKey:!1,altKey:!1,metaKey:!1,shiftKey:!1,isDrag:!1,...l.getSelectionOptions(e.gridProps.selectable),...h},k=v.findIndex((e=>e===t.dataItem));switch(null==(n=g.data)?void 0:n.action){case"SortCommand":if(c){const e=null==(r=g.name)?void 0:r.toLowerCase().includes("asc"),n=(null==(o=g.name)?void 0:o.toLowerCase().includes("desc"))?"desc":void 0,l=e?"asc":n,a=g.name?l:void 0;f(t.event.syntheticEvent,c,a)}break;case"SelectRowCommand":C(x);break;case"SelectAllRowsCommand":E(x);break;case"ExportPDFCommand":D();break;case"ClearSelectionCommand":b(x);break;case"ReorderRowCommand":Fe.current=t.dataItem,null!=(a=g.name)&&a.toLowerCase().includes("rowup")&&k>0&&B(t.event.syntheticEvent,k-1,"before"),null!=(i=g.name)&&i.toLowerCase().includes("rowdown")&&k<v.length-1&&B(t.event.syntheticEvent,k+1,"after"),null!=(d=g.name)&&d.toLowerCase().includes("rowtop")&&B(t.event.syntheticEvent,0,"before"),null!=(u=g.name)&&u.toLowerCase().includes("rowbottom")&&B(t.event.syntheticEvent,v.length-1,"after");break;case"CopySelectionCommand":_(l.ClipboardActionType.copy,t.event.nativeEvent,{copyHeaders:!(null!=(m=g.name)&&m.toLowerCase().includes("noheaders"))},t.dataItem,t.field);break;case"PasteCommand":_(l.ClipboardActionType.paste,t.event.nativeEvent,{copyHeaders:!(null!=(p=g.name)&&p.toLowerCase().includes("noheaders"))},t.dataItem,t.field)}s()}}),e.gridProps.pdf&&x.createElement(In,{gridProps:e.gridProps,innerGrid:e.innerGrid,pdf:"object"==typeof e.gridProps.pdf?e.gridProps.pdf:{},onPdfExport:async t=>{var n,r;null!=(n=e.gridProps)&&n.onPdfExport&&await(null==(r=e.gridProps)?void 0:r.onPdfExport(t))},ref:e=>i.current=e}))},wn=e=>{const t=x.useContext(Y);return x.createElement("colgroup",{ref:e=>{t.columnResizeRef.current.colGroupMain=e,t.columnResizeRef.current.initWidths()}},e.children)},Rn=e=>{const t=x.useContext(Y);return x.createElement(l.TableSelection,{selectable:e.selectable,onRelease:t.selectionRelease,childRef:e=>{t.tableElementRef.current=e,t.headTableElementRef.current=e}},x.createElement("table",{ref:t.headTableElementRef,className:e.tableClassName},e.children))},Pn=e=>{const t=x.useContext(Y);return x.createElement(l.DropClue,{ref:t.dragLogicRef.current.refDropElementClue})},Nn=e=>{const t=x.useContext(Y);return x.createElement(l.DragClue,{ref:t.dragLogicRef.current.refDragElementClue})},Mn=e=>{const t=x.useContext(Y);return x.createElement(x.Fragment,null,e.rowReorderable?x.createElement(o.DragAndDrop,null,e.children):_(e.children,{ref:t.tableBodyElementRef}))};function Tn(e){const t=e.replace(/^pager\.([a-z])/,((e,t)=>"grid.pager"+t.toUpperCase()));return{messageKey:t,defaultMessage:$e[t]}}const Dn=e=>{const t=x.useContext(Y);return _(e.children,{onPageChange:t.pagerPageChange,messagesMap:Tn,dir:t.dir})},Ln=e=>{var t;const n=x.useContext(Y),r={...e.tableStyle};return null!=(t=n.vsRef.current)&&t.tableTransform&&(r.transform=n.vsRef.current.tableTransform),x.createElement(l.TableSelection,{selectable:e.selectable,onRelease:n.selectionRelease,childRef:e=>{n.tableElementRef.current=e}},x.createElement("table",{className:e.tableClassName,role:"presentation",style:r,ref:n.tableElementRef},e.children))},An=e=>{const t=x.useContext(Y);return _(e.children,{ref:t.elementRef,onKeyDown:t.onKeyDown,onFocus:t.onFocus})},Fn=e=>{const t=x.useContext(Y);return _(e.children,{ref:t.containerElementRef,onScroll:t.scrollHandler})},Gn=e=>{const t=x.useContext(Y);return x.createElement("div",{ref:t.virtualScrollHeightContainerRef})},Bn="before",On="after",zn="forbidden";const Kn=e=>null==e?void 0:e.ownerDocument.documentElement,Hn=e=>null==e?void 0:e.ownerDocument.defaultView,Vn={zIndex:"19000",position:"absolute",display:"none",visibility:"hidden"},Wn={zIndex:"20000",display:"flex",position:"fixed",visibility:"hidden",pointerEvents:"none"},qn=e=>{const{rowReorderSettings:n,columns:r,unstyled:l}=e,{rowReorder:a,reorderRowDragTargetRef:s,reorderRowDropTargetRef:c,activeDragRowDataItemRef:d,tableBodyElementRef:u}=t.useContext(Y),[m,g]=t.useState(!1),[f,h]=t.useState(i.cancelIcon),v=t.useRef(null),E=t.useRef(null),C=t.useRef(null),b=t.useRef(null),x=t.useRef(!1),k=t.useRef(null),y=t.useRef(null),I="object"==typeof n?n.enabled:n;t.useEffect((()=>{u.current=v.current}),[]),o.useDraggable(v,{onPress:e=>{var t;const n=e.originalEvent.target;n.closest(".k-drag-cell")&&(b.current=e.offsetY,x.current=!0,s.current=n.closest(".k-table-row"),y.current=null==(t=s.current)?void 0:t.parentElement)},onDragStart:e=>{!x.current||!I||!d.current||(s.current&&(s.current.style.userSelect="none"),g(!0))},onDrag:e=>{if(!x.current&&!E.current)return;const{clientX:t,clientY:n}=e,r=t,l=n-b.current;E.current&&(E.current.style.left=`${r}px`,E.current.style.top=`${l}px`,E.current.style.visibility="visible"),S(e)},onDragEnd:e=>{var t;if(!I||!d.current)return;g(!1);const n=Number(null==(t=c.current)?void 0:t.getAttribute("absolute-row-index"));a(e,n,k.current),x.current=!1,y.current=null}});const S=e=>{k.current=N(e),w()},w=()=>{var e;if(k.current===zn||!c.current)return void R();P();const t=function(e){const{clientTop:t,clientLeft:n}=Kn(e),{pageYOffset:r,pageXOffset:l}=Hn(e),{top:o,left:a}=e.getBoundingClientRect();return{top:o+r-t,left:a+l-n}}(c.current);let n=t.top;const r=t.left+((null==(e=C.current)?void 0:e.offsetWidth)||0)/2;k.current===On&&(n+=c.current.offsetHeight),C.current&&(C.current.style.top=`${n}px`,C.current.style.left=`${r}px`,C.current.style.visibility="visible")},R=()=>{C.current&&(C.current.style.display="none")},P=()=>{C.current&&(C.current.style.display="")},N=e=>{var t;if(c.current===s.current||!c.current)return zn;if((null==(t=c.current)?void 0:t.parentElement)!==y.current)return zn;const n=c.current.getBoundingClientRect(),r=n.height/2,l=e.clientY,o=n.top;let a=null;l<o+r?a=Bn:l>=o+n.height-r&&(a=On),(a===Bn&&c.current===s.current.nextElementSibling||a===On&&c.current===s.current.previousElementSibling)&&(a=zn);const d=a===zn?i.cancelIcon:i.insertMiddleIcon;return h(d),a},M=t.useMemo((()=>{if(d.current){if(!n.dragClue){const e=r.find((e=>!e.hidden&&"data"===e.columnType));return d.current[e.field]}return"string"==typeof n.dragClue?n.dragClue:n.dragClue(d.current)}}),[d.current]);return t.createElement(t.Fragment,null,m&&p.createPortal(t.createElement(t.Fragment,null,t.createElement("div",{ref:C,style:Vn,className:o.classNames(l.rowReorder({dropIndicatorMain:!0,dropIndicatorDirection:!0}))},t.createElement("div",{className:"k-drop-hint-start"}),t.createElement("div",{className:"k-drop-hint-line"})),t.createElement("div",{ref:E,style:Wn,className:o.classNames(l.rowReorder({dragClueMain:!0,dragClueOperation:!0}))},t.createElement(o.SvgIcon,{className:"k-drag-status",icon:f}),M)),document.body),_(e.children,{ref:v}))},_n=()=>t.createElement(o.SvgIcon,{icon:i.reorderIcon}),Un=e=>{let t=null;const n=e.unstyled,r=n&&n.uGrid?n.uGrid:o.uGrid,l=o.classNames(r.td({selected:e.isSelected,sorted:e.isSorted,alt:e.isAlt}),e.className,["k-drag-cell",""+(e.rowReorderable?"":"k-disabled")]);return t={colSpan:e.colSpan,style:e.style,className:l,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,"aria-disabled":!e.rowReorderable,[ot]:e.columnIndex},{tdProps:t}},jn=e=>{const t=a.useLocalization(),n=x.useContext(Y),r=l.useTableKeyboardNavigation(e.id),o=et(e.dataItem,e.field);return{"aria-label":t.toLanguageString(Be,$e[Be]),...r,onMouseDown:()=>e.rowReorderable?n.activeDragRowDataItemRef.current=e.dataItem:null,onContextMenu:o}},$n=e=>{const{cellProps:n}=e,{tdProps:r}=Un(n),l=jn(n);return t.createElement("td",{...r,...l,style:{touchAction:"none"}},t.createElement(_n,null))},Xn=e=>x.createElement(Ct,{...e}),Yn={height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},Jn=e=>{var t;return x.createElement(x.Fragment,null,e.showLoader?null!=(t=e.loader)?t:x.createElement("div",{className:"k-loading-mask"},x.createElement("div",{className:"k-loading-color"}),x.createElement("div",{style:Yn},x.createElement(f.Loader,{size:"large",type:"converging-spinner"}))):null)},Qn=e=>({lockedColumn:e.some((e=>e.locked))}),Zn=e=>({multiColumn:e.some((e=>e.children&&e.children.length>0))}),er=e=>({columnCellTemplate:e.some((e=>"data"===e.columnType&&e.cells))}),tr=e=>({columnMenu:e.some((e=>e.columnMenu))}),nr=e=>x.Children.toArray(e.children).some((e=>!(!e||!e.type||"KendoReactGridColumn"!==e.type.displayName)&&e.props.hidden)),rr=e=>x.Children.toArray(e.children).some((e=>!!(e&&e.type&&"KendoReactGridToolbar"===e.type.displayName&&e.props&&e.props.children)&&x.Children.toArray(e.props.children).some((e=>e.type&&("KendoReactGridToolbarSort"===e.type.displayName||"KendoReactGridToolbarFilter"===e.type.displayName||"KendoReactGridToolbarCheckboxFilter"===e.type.displayName||"KendoReactGridToolbarColumnsChooser"===e.type.displayName))))),lr=e=>{const t=l.getSelectionOptions(e.selectable),n=l.getEditableOptions(e.editable),r=e.sortable&&xn(e.sortable),o=e.pageable&&cn(e.pageable);return{cells:!!e.cells,pdf:!!e.pdf,detail:!!e.detail,rows:!!e.rows,editableInline:"inline"===n.mode,selectionMultiple:t.enabled&&"multiple"===t.mode,selectionDrag:t.enabled&&t.drag,columnMenu:!!e.columnMenu,filterOperators:!!e.filterOperators,groupable:!!e.groupable,group:!!e.group,groupExpand:!!e.groupExpand,customPager:!!e.pager,clipboard:!!e.clipboard,contextMenu:!!e.contextMenu,serverGrid:!e.isClient,scrollableVirtual:"virtual"===e.scrollable,pageableInput:!(!e.pageable||"input"!==o.type),sortableMultiple:!(!e.sortable||"multiple"!==r.mode),hiddenColumns:nr(e)}},or=e=>({...Qn(e),...Zn(e),...er(e),...tr(e)}),ar=e=>({toolbarTools:rr(e)}),ir=(e,t)=>{const n={...lr(e),...or(t),...ar(e)};return Object.keys(n).filter((e=>!0===n[e]))};const sr=e=>{var n;const r=a.useLocalization(),d=o.useAdaptiveModeContext(),g=t.useContext(Y),f=(e,t)=>{g.onDialogEditSubmit&&g.onDialogEditSubmit({dataItem:e,syntheticEvent:t})},C=e=>{g.onDialogEditCancel&&g.onDialogEditCancel({syntheticEvent:e})},b=e=>{const{validationMessage:n,visited:r,id:o,valid:a,editor:i,value:d,label:u,...m}=e,p=g.mobileMode?"large":"medium";switch(i){case"numeric":return t.createElement(t.Fragment,null,t.createElement(h.Label,{editorId:o,className:"k-form-label"},u,":"),t.createElement("div",{className:"k-form-field-wrap"},t.createElement(s.NumericTextBox,{...m,size:p,value:d,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),n&&t.createElement(h.Error,null,n)));case"date":return t.createElement(t.Fragment,null,t.createElement(h.Label,{editorId:o,className:"k-form-label"},u,":"),t.createElement("div",{className:"k-form-field-wrap"},t.createElement(c.DatePicker,{valid:!0,...m,value:d,adaptive:g.mobileMode,size:p,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),n&&t.createElement(h.Error,null,n)));case"boolean":return t.createElement("div",{className:"k-form-field-wrap"},t.createElement(h.Label,{editorId:o,className:"k-form-label"},u,": ",t.createElement(s.Checkbox,{...m,size:p,value:d,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),n&&t.createElement(h.Error,null,n)));default:return t.createElement(t.Fragment,null,t.createElement(h.Label,{editorId:o,className:"k-form-label"},u,":"),t.createElement("div",{className:"k-form-field-wrap"},t.createElement(s.TextBox,{...m,size:p,value:d||"",[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),n&&t.createElement(h.Error,null,n)))}},x=r.toLanguageString(we,$e[we]),k=r.toLanguageString(Re,$e[Re]),y=r.toLanguageString(Pe,$e[Pe]),I={animation:!0,navigatable:!1,navigatableElements:[],expand:!0,title:g.adpativeTitle||x,suffixActions:t.createElement(m.Button,{svgIcon:i.xIcon,onClick:C,fillMode:"flat"}),animationStyles:d&&g.adaptiveColumnMenuRef<=d.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:d&&g.adaptiveColumnMenuRef<=d.small?"fullscreen":void 0},{customEditDialog:S}=e,w=null==(n=e.columns)?void 0:n.filter((e=>e.editable));return t.createElement(t.Fragment,null,p.createPortal(t.createElement(t.Fragment,null,g.mobileMode?t.createElement(t.Fragment,null,S?t.createElement(S,{columns:e.columns,dataItem:e.dataItem,onSubmit:f,onCancel:C}):t.createElement(E.Form,{initialValues:e.dataItem,onSubmit:f,id:"kendo-grid-edit-dialog",render:e=>t.createElement(u.ActionSheet,{...I},t.createElement(u.ActionSheetContent,null,t.createElement(E.FormElement,null,null==w?void 0:w.map((e=>t.createElement(E.FieldWrapper,{key:e.field},t.createElement(E.Field,{name:e.field,id:e.field,editor:e.editor,component:b,label:e.title||e.field,validator:null==e?void 0:e.validator})))))),t.createElement(u.ActionSheetFooter,null,t.createElement(m.Button,{onClick:C,type:"reset",icon:"cancel",size:"large",svgIcon:i.cancelIcon},y),t.createElement(m.Button,{type:"submit",themeColor:"primary",size:"large",disabled:!e.allowSubmit||!e.valid,onClick:e.onSubmit,icon:"save",svgIcon:i.saveIcon},k)))})):S?t.createElement(S,{columns:e.columns,dataItem:e.dataItem,onSubmit:f,onCancel:C}):t.createElement(E.Form,{initialValues:e.dataItem,onSubmit:f,id:"kendo-grid-edit-dialog",render:e=>t.createElement(v.Dialog,{title:x,width:450,onClose:e=>C(e.syntheticEvent)},t.createElement(E.FormElement,null,null==w?void 0:w.map((e=>t.createElement(E.FieldWrapper,{key:e.field},t.createElement(E.Field,{name:e.field,id:e.field,editor:e.editor,component:b,label:e.title||e.field,validator:null==e?void 0:e.validator}))))),t.createElement(v.DialogActionsBar,{layout:"start"},t.createElement(m.Button,{type:"submit",themeColor:"primary",disabled:!e.allowSubmit||!e.valid,onClick:e.onSubmit,icon:"save",svgIcon:i.saveIcon},k),t.createElement(m.Button,{onClick:C,type:"reset",icon:"cancel",svgIcon:i.cancelIcon},y)))})),document.body))},cr=e=>{const t=x.useContext(Y),n=jt(e.cellProps),r=Ze(e.cellProps);return e.isCustom&&(t.isClient||e.isClient)?_(e.children,{tdProps:{...e.tdProps,...n},...r}):e.children&&_(e.children,{...n})},dr=e=>{var t;const{cellProps:n}=e,{tdProps:r,content:l}=$t(n);if(null===(null==(t=n._rowSpan)?void 0:t.count))return null;const o=W(n),a=Xt(n);if(a){const e=V(a);return x.createElement(cr,{cellProps:o,tdProps:r,isCustom:!0,isClient:e},x.createElement(a,{...o,tdProps:r},l))}const i=r?x.createElement("td",{...r},l):null;return x.createElement(cr,{cellProps:o,tdProps:r},i)},ur=e=>{const t=x.useContext(Y),n=dt(e.cellProps),r=Ze(e.cellProps);return e.isCustom&&(t.isClient||e.isClient)?_(e.children,{tdProps:{...e.tdProps,...n},...r}):e.children&&_(e.children,{...n})},mr=e=>{const{cellProps:t}=e,{tdProps:n}=st(t),r=W(t),l=x.createElement(rt,{cellProps:r}),o=ct(t);if(o){const e=V(o);return x.createElement(ur,{cellProps:r,tdProps:n,isCustom:!0,isClient:e},x.createElement(o,{...r,tdProps:n},l))}return x.createElement(ur,{cellProps:r,tdProps:n},x.createElement("td",{...n},l))},pr=e=>{var t;const n=x.useContext(Y),r=o.useId(),l=a.useLocalization(),i=null!=(t=e.isSelected)?t:o.getNestedValue(e.field,e.dataItem),s="boolean"==typeof i&&i,c=x.useCallback((t=>{null==n||n.selectionChange({event:t,dataItem:e.dataItem,dataIndex:e.rowDataIndex,columnIndex:e.columnIndex})}),[n,e.columnIndex,e.rowDataIndex,e.dataItem]);return x.createElement("span",{className:"k-checkbox-wrap"},x.createElement("input",{id:r,tabIndex:-1,type:"checkbox",className:"k-checkbox k-checkbox-md k-rounded-md","aria-label":l.toLanguageString(Fe,$e[Fe]),"aria-checked":s,checked:s,onChange:c}))},gr=e=>({...l.useTableKeyboardNavigation(e.id),onContextMenu:et(e.dataItem,e.field),style:tt(e)}),fr=e=>{const t=x.useContext(Y),n=gr(e.cellProps),r=Ze(e.cellProps);return e.isCustom&&(t.isClient||e.isClient)?_(e.children,{tdProps:{...e.tdProps,...n},...r}):e.children&&_(e.children,{...n})},hr=e=>{const t=o.classNames("k-table-td",e.className);return{tdProps:{colSpan:e.colSpan,style:e.style,className:t,"aria-colindex":e.ariaColumnIndex,role:"gridcell"}}},vr=e=>{var t,n;return null==(n=null==(t=e.cells)?void 0:t.select)?void 0:n[e.rowType||"data"]},Er=e=>{const{cellProps:t}=e,{tdProps:n}=hr(t),r=x.createElement(pr,{key:1,...t}),l=W(t),o=vr(t);if(o){const e=V(o);return x.createElement(fr,{cellProps:l,tdProps:n,isCustom:!0,isClient:e},x.createElement(o,{...l,tdProps:n},r))}const a="groupHeader"!==t.rowType?x.createElement("td",{...n},r):null;return x.createElement(fr,{cellProps:l,tdProps:n},a)},Cr=e=>{const{cellProps:t}=e,{tdProps:n}=hr(t),r=gr(t),l=Ze(t),o=x.createElement(pr,{key:1,...t}),a=vr(t);return a?x.createElement(a,{...t,...l,tdProps:{...n,...r}},o):"groupHeader"!==t.rowType?x.createElement("td",{...n,...r},o):null},br=e=>{const t=x.useContext(Y),n=Qe(e.cellProps),r=Ze(e.cellProps);return e.isCustom&&(t.isClient||e.isClient)?_(e.children,{tdProps:{...e.tdProps,...n},...r}):e.children&&_(e.children,{...n})},xr=e=>{const{cellProps:t}=e,n=W(t),{tdProps:r,content:l}=Ye(t),o=Je(t);if(o){const e=V(o);return x.createElement(br,{cellProps:n,tdProps:r,isCustom:!0,isClient:e},x.createElement(o,{...n,tdProps:r},l))}const a="groupHeader"!==t.rowType?x.createElement("td",{...r},l):null;return x.createElement(br,{cellProps:n,tdProps:r},a)},kr=e=>{const t=jn(e.cellProps);return e.children&&_(e.children,{...t})},yr=e=>{const{cellProps:n}=e,{tdProps:r}=Un(n);return t.createElement(kr,{cellProps:n},t.createElement("td",{...r,style:{touchAction:"none"}},t.createElement(_n,null)))},Ir=e=>{const t=mn(e);return _(e.children,{...t})},Sr=e=>{const{dataItem:t,dataIndex:n,id:r}=e,{tdProps:l}=un(e);return x.createElement(Ir,{id:r,dataItem:t},x.createElement("td",{...l},x.createElement(e.detail,{dataItem:t,dataIndex:n})))},wr=e=>{const{cellProps:t,renderToggleCell:n}=e,r=x.useContext(Y),l=en(t,n),o=Ze(t);if(e.isCustom)return r.isClient||e.isClient?_(e.children,{tdProps:e.tdProps?{...e.tdProps,...l}:null,td2Props:e.td2Props?{...e.td2Props,onContextMenu:l.onContextMenu}:null,...o}):_(e.children,{...l});const a=e.td2Props?x.createElement("td",{...e.td2Props,onContextMenu:l.onContextMenu}):null;return x.createElement(x.Fragment,null,e.children&&_(e.children,{...l}),a)},Rr=e=>{const{cellProps:t}=e,n=W(t),{tdProps:r,td2Props:l,content:o,renderToggleCell:a}=Qt(t),i=Zt(t);if(i){const e=V(i);return x.createElement(wr,{cellProps:n,tdProps:r,td2Props:l,isCustom:!0,isClient:e,renderToggleCell:!0},x.createElement(i,{...n,tdProps:r,td2Props:l},o))}const s=r?x.createElement("td",{...r,key:null==r?void 0:r.key},o):null;return x.createElement(wr,{cellProps:n,renderToggleCell:a,tdProps:r,td2Props:l,content:o},s)},Pr=x.forwardRef(((e,t)=>{var n,i,s,c,d,u,m,p,g,f,h,v;const E=e.id+"-role-element-id",C=e.navigatable?E:"";let b=e.columnsState||[];const k=e=>{const t=e.filter((e=>e&&e.type&&"KendoReactGridColumn"===e.type.displayName));return M(t,b,{prevId:0,idPrefix:C})},I=e=>{const t=(()=>{const e=[],t=(n,r)=>null==n?void 0:n.forEach((n=>{const l=n.hidden||r;e.push({...n,hidden:l}),t(n.children,l)}));return t(b,!1),e})();return e.filter((e=>{var n;return!(e.hidden||null!=(n=t.find((t=>t.id===e.id)))&&n.hidden)}))},S=(t,n)=>{t.filter((e=>"checkbox"===e.columnType)).forEach((t=>{t.width=t.width||"50px",t.defaultCell=e.isClient?Cr:Er,t.defaultHeaderCell=rn,t._type="edit"})),void 0!==Q&&t.filter((e=>"reorder"===e.columnType)).forEach((t=>{t.width=t.width||"50px",t.defaultCell=e.isClient?$n:yr,t.defaultHeaderCell=Xn,t.sortable=!1,t.filterable=!1,t.editable=!1}));const r=O(b);((e,t)=>{const n=e=>{var r;const l=t.find((t=>t.id===e.id));return l?(l.children=null==(r=e.children)?void 0:r.map(n),l):G(e)};b=e.filter((e=>-1===e.parentIndex)).map(n)})(t,r);const a={id:"",resizable:!0,width:"32px",title:" ",declarationIndex:-1,orderIndex:-1,children:[],parentIndex:-1,depth:0,colSpan:0,headerColSpan:0,rowSpan:0,left:0,right:0,index:0,rightBorder:!1,ariaColumnIndex:0,isAccessible:!0};let i=0;if(ie.enabled&&e.detail){const n={...a,_type:"expand",id:l.tableKeyboardNavigationTools.generateNavigatableId(""+i++,"expand","column"),defaultCell:e.isClient?nt:xr,field:ie.column,headerClassName:o.classNames(J.hierarchyCell({}))};t.unshift(n),b.unshift(r.find((e=>e.id===n.id))||G(n))}for(let o=0;o<n;o++){const n={...a,isAccessible:!1,defaultCell:e.isClient?tn:Rr,id:l.tableKeyboardNavigationTools.generateNavigatableId(""+i++,"group","column"),field:"value",locked:e.lockGroups};t.unshift(n),b.unshift(r.find((e=>e.id===n.id))||G(n))}t.slice(i).forEach((e=>{e.parentIndex>=0&&(e.parentIndex+=i),e.rowSpannable=void 0!==e.rowSpannable?q(e.rowSpannable):he}))},w=()=>e.isClient?B:z,R=t=>{const n=[];let r=null,l=0;if(Ie.forEach(((e,o)=>{const a=parseFloat((e.width||"").toString())||10;if(l)return l--,void(r&&(r.width+=a));const i=Math.min(((e,t)=>"function"==typeof e.colSpan?e.colSpan({dataItem:t,column:e}):e.colSpan||1)(e,t),Ie.length-o);l=i-1,r={width:a,colSpan:i,columnIndex:o},n.push(r)})),e.columnVirtualization){const t=W.current||0,r=_.current||parseFloat(((e.style||{}).width||"").toString());return function(e){const{cellModels:t,columns:n=[],tableViewPortWidth:r,scrollLeft:l}=e;let o=0,a=t.length-1,i=0,s=0;for(let e=0;e<t.length;e++)if(!n[t[e].columnIndex].locked&&(i=s,s+=t[e].width||10,s>=l)){o=e;break}for(let e=o;e<t.length;e++)if(!n[t[e].columnIndex].locked){if(!(i<r+l))break;i+=t[e].width||10,a=e}o>0&&o--,a<t.length-1&&a++;let c=0,d=0;for(let e=0;e<o;e++)n[t[e].columnIndex].locked||(c+=t[e].colSpan);for(let e=a+1;e<t.length;e++)n[t[e].columnIndex].locked||(d+=t[e].colSpan);t[o].colSpan+=c,t[a].colSpan+=d;const u=t.slice(0,o).filter((e=>n[e.columnIndex].locked)),m=t.slice(a+1).filter((e=>n[e.columnIndex].locked));return[...u,...t.slice(o,a+1),...m]}({cellModels:n,columns:Ie,tableViewPortWidth:r,scrollLeft:t})}return n};let P,A=[],B=[],z=[],V=[[]];const W=e.scrollLeftRef||{current:0},_=e.widthRef||{current:0},U=e.containerHeightRef||{current:0},j=e.minRowHeightRef||{current:0},$=e.localization||new a.LocalizationService(e.language),X=e.intl||new a.IntlService(null!=(n=e.locale)?n:"en"),Y=e.unstyled,J=Y&&Y.uGrid?Y.uGrid:o.uGrid,Q=H(e.rowReorderable),Z="virtual"===e.scrollable||void 0===e.scrollable&&o.hasValidLicense(dn),ee=!0===e.autoProcessData?{group:!0,sort:!0,filter:!0,search:!0,page:!0}:e.autoProcessData;let te,ne;if(Array.isArray(e.data)?(te=e.data,ne=null!=(i=e.total)?i:te.length):(te=(null==(s=e.data)?void 0:s.data)||[],ne=null!=(u=null!=(d=e.total)?d:null==(c=e.data)?void 0:c.total)?u:te.length),ee){const t=ee.page&&!(Z&&!e.pageable),{data:n,total:o}=r.process(te,{group:ee.group?e.group:void 0,sort:ee.sort?e.sort:void 0,filter:l.combineFilters(ee.filter?e.filter:void 0,ee.search?e.search:void 0),...t?{take:e.pageable?e.take||10:e.take,skip:e.skip||0}:{}});te=n,ne=null!=(m=e.total)?m:o}const re=te.length===ne,{size:le="medium"}=e,oe="object"==typeof e.groupable&&e.groupable.footer||"none",ae=!0===e.groupable||"object"==typeof e.groupable&&!1!==e.groupable.enabled,ie=l.getDetailExpandableOptions(!!e.detail),se=l.getGroupExpandableOptions("object"==typeof e.groupable&&!1!==e.groupable.enabled?e.groupable.expandable:e.groupable),ce=!(null==(p=e.group)||!p.length),{resolvedGroupsCount:de,flattedData:ue}=((e,t,n,r,l,o,a)=>{const i=[];return{flattedData:i,resolvedGroupsCount:N(i,e,t,{index:n},void 0!==r,l,o,se.defaultExpand,a)}})(te,oe,re?0:e.skip||0,e.group,e.detailExpand,e.groupExpand,e.dataItemKey);A=ue;const me=(()=>{const{pageable:t,take:n,pageSize:r}=e;if(!Z)return 0;if(!t){if(n)return n;if(r)return r}const l=e.rowHeight||j.current,o=U.current;return o&&l?Math.ceil(o/l*1.5):0})(),pe=(null==(g=e.virtualSkipRef)?void 0:g.current)||0;let ge=ne;if(Z){let t=e.skip||0;(ce||e.pageable)&&(t=pe,ge=A.length),(re||ce||e.pageable)&&(P=A.slice(t,t+me))}const fe=l.getSelectionOptions(e.selectable),he=q(e.rowSpannable),ve=fe&&fe.drag?"none":void 0,Ee=x.useMemo((()=>x.Children.toArray(e.children)),[e.children]);((t,n)=>{B=k(t),0===B.filter((e=>!e.hidden)).length&&(B=function(e,t,n,r){const o=T(e),a=[];if(o.length>0){let e=o[0];if(t)for(let n=0;n<t.length;n++)e=e.items&&e.items[0];Object.getOwnPropertyNames(e).forEach((e=>{e!==n.column&&a.push(Object.assign({id:l.tableKeyboardNavigationTools.generateNavigatableId(""+r.prevId++,r.idPrefix,"column"),declarationIndex:-1,parentIndex:-1,depth:0,colSpan:0,headerColSpan:0,rowSpan:0,index:0,columnType:"data",left:0,right:0,rightBorder:!1,children:[],ariaColumnIndex:0,isAccessible:!0},y,{field:e}))}))}return a}(te,e.group,{column:ie.column},{prevId:0,idPrefix:C})),S(B,n),B=I(B),V=function(e,t){const n=[[]];let r=0;for(let t=e.length-1;t>=0;t--)r=Math.max(r,e[t].depth),e[t].headerColSpan=e[t].headerColSpan||1,e[t].children.length>0&&(e[t].headerColSpan=e[t].children.reduce(((e,t)=>t.hidden?e:e+t.headerColSpan),0));const o=[];let a=1;return e.forEach(((e,t)=>{n[e.depth]=n[e.depth]||[];let l=!1;0===n[e.depth].length&&(a<=1?a=1+(e.children.length>0?0:r-e.depth):(a--,l=!0)),e.rowSpan=1+(e.children.length>0?0:r-e.depth),e.kFirst=l,e.index=n[e.depth].length,n[e.depth].push(t),e.ariaColumnIndex=o[e.depth]?o[e.depth]+1:1;for(let t=e.depth;t<e.depth+e.rowSpan;t++)o[t]=(o[t]||0)+e.headerColSpan})),l.updateLeft(n,e,t),l.updateRight(n,e,t),n}(B,!0),z=B.map(F)})(Ee,de);const Ce=x.useMemo((()=>{const t=ir(e,B);return{premium:t.length>0,features:t}}),[e,B]),be=x.useMemo((()=>!!Ce.premium&&!o.validatePackage(dn,{component:"Grid",features:Ce.features})),[Ce.premium]),xe=Ee.map((e=>e&&e.type&&"KendoReactGridToolbar"===e.type.displayName?x.cloneElement(e,{...e.props,_ariaControls:E,ariaLabel:"Top toolbar"}):null)),ke=Ee.filter((e=>e&&e.type&&"KendoReactGridNoRecords"===e.type.displayName)),ye=Ee.filter((e=>e&&e.type&&"KendoReactGridStatusBar"===e.type.displayName)),Ie=B.filter((e=>0===e.children.length)),Se=ae&&x.createElement(_t,{columns:w(),group:e.group||[],ariaControls:E}),we=x.createElement(mt,{size:le,staticHeaders:"none"!==e.scrollable,draggable:e.reorderable||ae,headerRow:x.createElement(Pt,{cells:e.cells,sort:e.sort,sortable:e.sortable,group:e.group||[],groupable:ae,filter:e.filter,filterable:e.filterable,filterOperators:e.filterOperators||Mt,columnMenu:e.columnMenu,columnMenuIcon:e.columnMenuIcon,columns:B,columnsMap:V,navigatable:!!e.navigatable,localization:$,unstyled:Y,headerSelectionValue:!(!e.select||!A.filter((e=>"data"===e.rowType)).every((t=>e.select&&e.dataItemKey&&void 0!==o.getter(e.dataItemKey)(t.dataItem)?e.select[o.getter(e.dataItemKey)(t.dataItem)]:void 0)))}),filterRow:e.filterable&&x.createElement(Wt,{cells:e.cells,size:le,columns:B,filter:e.filter,filterOperators:e.filterOperators||Mt,sort:e.sort,navigatable:!!e.navigatable,ariaRowIndex:V.length+1,localization:$})||void 0,cols:Ie.map(((e,t)=>x.createElement("col",{key:t.toString(),width:D(e)})))}),Re=Ie.findIndex((e=>"function"==typeof e.colSpan))>-1;let Pe;Re||(Pe=R(null));const Ne="dialog"===(null==(f=e.editable)?void 0:f.mode),Me=null==(h=e.editable)?void 0:h.enabled;let Te=null;const De=e=>e>=A.length-0,Le=[],Ae=!A.length;let Fe=0;if(A.length){const t=V.length+(e.filterable?1:0)+1;let n=e.skip||0,r=-1,a=0;const i=he.enabled?{}:void 0;if(Z){if(pe>0){const e=A.slice(0,pe).filter((e=>"data"===e.rowType)).length;r+=e,n+=e}!e.pageable&&re&&(r+=e.skip||0)}(P||A).forEach(((s,c)=>{"data"===s.rowType&&r++;const d=s.dataIndex%2!=0,u=e.dataItemKey&&o.getter(e.dataItemKey)(s.dataItem),m=c+n,p=u||"ai"+m,g=p+"_1",f=((t,n,r,a,i)=>{let s=!1;const c=e.select&&e.dataItemKey&&void 0!==o.getter(e.dataItemKey)(t.dataItem)?e.select[o.getter(e.dataItemKey)(t.dataItem)]:void 0;return Re&&(Pe=R(t.dataItem)),{row:Pe.map((({columnIndex:d,colSpan:u})=>{var m,p,g,f;const h=Ie[d];let v;if(null!=(m=h.rowSpannable)&&m.enabled&&"data"===t.rowType&&h.field&&i){const e=h.field?null==(g=(p=h.rowSpannable).valueGetter)?void 0:g.call(p,t.dataItem,h.field):null;v={value:e,count:1},i[h.field]&&(null==(f=i[h.field])?void 0:f.value)===e&&null!==i[h.field]?(i[h.field].count++,v.count=null):i[h.field]=v}const E=h.id?h.id:d,b=o.classNames(J.contentSticky({locked:h.locked}),h.className),k=void 0!==h.left?{left:h.left,right:h.right}:{};let y=!1;if(h.editable&&e.editable){const n=e.edit&&e.dataItemKey?e.edit[o.getter(e.dataItemKey)(t.dataItem)]:void 0,r="boolean"==typeof n?n:Array.isArray(n)?h.field&&n.indexOf(h.field)>-1:void 0!==h.field&&n===h.field;r&&"data"===h.columnType&&(!0===r||r===h.field)&&(s=!0,Ne||(y=!0))}const I="expand"===h._type,S={locked:e.lockGroups,id:l.tableKeyboardNavigationTools.generateNavigatableId(`${n}-${String(d)}`,C,I||"groupHeader"===t.rowType||"groupFooter"===t.rowType||"value"===h.field?"nodata":"cell"),colSpan:u,dataItem:t.dataItem,field:h.field,editor:h.editor,format:h.format,columnType:h.columnType,rowReorderable:Q,className:b,cells:K(e.cells,h.cells),columnIndex:d,columnsCount:Ie.length,rowType:t.rowType,level:t.level,expanded:t.expanded,dataIndex:t.dataIndex,rowDataIndex:r,columnPosition:k,style:{},ariaColumnIndex:h.ariaColumnIndex,isSelected:!!("edit"===(null==h?void 0:h._type)?c:Array.isArray(c)&&c.indexOf(d)>-1),isSorted:!!L(h.field,e.sort),isInEdit:y,isAlt:a,unstyled:Y,group:t.group,localization:$,intl:X,_rowSpan:v},w=h.defaultCell||y&&(e.isClient?ut:mr)||(e.isClient?Yt:dr);return x.createElement(w,{key:E,cellProps:S})})),isInEdit:s,isSelected:"boolean"==typeof c&&c}})(s,p,r,d,i);if(Fe=m+t+a,Ne&&Me&&f.isInEdit&&(Te=s.dataItem),Le.push(x.createElement(nn,{key:p,dataItem:s.dataItem,isAltRow:d,isInEdit:f.isInEdit&&!Ne,rowType:s.rowType,isRowReorderable:Q,isHidden:De(c),onClick:null,onDoubleClick:null,rowHeight:e.rowHeight,ariaRowIndex:Fe,absoluteRowIndex:m,dataIndex:r,isSelected:f.isSelected,rows:e.rows},f.row)),e.detail&&"data"===s.rowType&&s.expanded){const n=Ie.length-(ie.enabled?1:0)-(e.group?e.group.length:0)||1;a++,Fe=m+t+a;const r=e.isClient?pn:Sr;Le.push(x.createElement("tr",{key:g,className:o.classNames(J.detailTr({isAlt:d})),style:{visibility:De(c)?"hidden":"",height:e.detailRowHeight},role:"row","aria-rowindex":Fe},e.group&&e.group.map(((t,n)=>{var r;const l=null==(r=null==f?void 0:f.row[n])?void 0:r.props.style,o=l?{left:l.left,right:l.right}:{};return x.createElement(tn,{key:n,cellProps:{id:"",dataItem:s.dataItem,field:t.field,dataIndex:s.dataIndex,columnPosition:o,style:{},ariaColumnIndex:1+n,isSelected:!1,locked:e.lockGroups,cells:e.cells,group:s.group}})})),ie.enabled&&x.createElement(gn,{unstyled:Y,id:l.tableKeyboardNavigationTools.generateNavigatableId(`${g}-dhcell`,C)}),x.createElement(r,{dataItem:s.dataItem,dataIndex:s.dataIndex,colSpan:n,ariaColIndex:2+(e.group?e.group.length:0),detail:e.detail,id:l.tableKeyboardNavigationTools.generateNavigatableId(`${g}-dcell`,C)})))}}))}const Be={size:le,total:ne,skip:e.skip||0,take:(void 0!==e.take?e.take:e.pageSize)||10,...cn(e.pageable||{})},Oe=x.createElement(Dn,null,e.pager?x.createElement(e.pager,{...Be}):x.createElement(l.Pager,{className:o.classNames(J.pager({})),...Be})),ze=null!=(v=e.cells)&&v.footerCell||B.some((e=>{var t;return!(null==(t=e.cells)||!t.footerCell)}))?x.createElement(Ut,{size:le,staticHeaders:"none"!==e.scrollable,row:x.createElement(sn,{cells:e.cells,idPrefix:C,columns:B,ariaRowIndex:Fe+1}),cols:Ie.map(((e,t)=>x.createElement("col",{key:t.toString(),width:D(e)})))}):null,Ke=x.createElement(wn,null,Ie.map(((t,n)=>x.createElement("col",{key:n.toString(),className:L(t.field,e.sort)?o.classNames(J.sorted({})):void 0,width:D(t)})))),He=e.reorderable||ae,{detail:Ve,cells:We,rows:qe,..._e}=e,Ue=x.createElement("tbody",{role:"rowgroup",className:o.classNames(J.tbody({})),...l.tableKeyboardNavigationBodyAttributes},Le),je=Te?x.createElement(sr,{columns:Ie,customEditDialog:e.editDialog,dataItem:Te}):null;let Xe=Ue;Q&&(Xe=x.createElement(qn,{unstyled:J,columns:B,rowReorderSettings:e.rowReorderable},Ue));const Ye={gridRef:t,innerGrid:e.innerGrid,gridProps:_e,columnsRef:w(),columnsMapRef:V,columnsState:b,dataRef:A,id:E,virtualTotal:ge,isAllData:re,virtualPageSize:me,isVirtualScroll:Z,detailExpandable:!!e.detail};return"none"===e.scrollable?x.createElement(Sn,{...Ye},x.createElement(An,null,x.createElement("div",{id:e.id,style:e.style,className:o.classNames(J.wrapper({size:le}),e.className),...l.tableKeyboardNavigationScopeAttributes},xe,Se,x.createElement(Rn,{selectable:e.selectable,className:o.classNames(J.table({size:le}))},Ke,we,x.createElement(Mn,{rowReorderable:Q},Xe),ze),Ae&&x.createElement(fn,null,ke.length?ke:x.createElement(ln,null)),He&&x.createElement(x.Fragment,null,x.createElement(Pn,null),x.createElement(Nn,null)))),ye,e.pageable&&Oe,x.createElement(Jn,{loader:e.loader,showLoader:e.showLoader}),je,be&&x.createElement(o.WatermarkOverlay,null)):x.createElement(Sn,{...Ye},x.createElement(An,null,x.createElement("div",{id:e.id,style:e.style,className:o.classNames(J.wrapper({size:le,virtual:Z}),e.className),...l.tableKeyboardNavigationScopeAttributes},xe,Se,x.createElement("div",{className:o.classNames(J.ariaRoot({})),role:"grid","aria-colcount":Ie.length,"aria-rowcount":ne,id:E,"aria-label":$.toLanguageString(Ge,$e[Ge])},we,x.createElement("div",{className:o.classNames(J.container({})),role:"presentation"},x.createElement(Fn,null,x.createElement("div",{className:o.classNames(J.content({})),role:"presentation"},x.createElement("div",{className:o.classNames(J.tableWrap({})),role:"presentation"},x.createElement(Ln,{selectable:e.selectable,tableClassName:o.classNames(J.table({size:le})),tableStyle:{userSelect:ve}},Ke,x.createElement(Mn,{rowReorderable:Q},Xe)),Ae&&x.createElement(fn,null,ke.length?ke:x.createElement(ln,null))),Z&&x.createElement("div",{className:o.classNames(J.heightContainer({})),role:"presentation"},x.createElement(Gn,{isVirtualScroll:Z}))))),ze,He&&x.createElement(x.Fragment,null,x.createElement(Pn,null),x.createElement(Nn,null)),be&&x.createElement(o.WatermarkOverlay,null)),ye,e.pageable&&Oe,x.createElement(Jn,{loader:e.loader,showLoader:e.showLoader}),je)))}));Pr.displayName="KendoReactGridComponent";const Nr=x.forwardRef(((e,t)=>{const[n]=o.useCustomComponent($);return I===S?x.createElement(n,{...e},x.createElement(X,{id:e.id},x.createElement(Pr,{ref:t,...e,innerGrid:Nr}))):x.createElement(a.ServerGlobalization,{locale:e.locale,language:e.language},x.createElement(Pr,{ref:t,...e}))})),Mr={data:n.oneOfType([n.array,n.shape({data:n.array,total:n.number})]),sortable:n.oneOfType([n.bool,n.shape({mode:n.oneOf(["single","multiple"]),allowUnsort:n.bool})]),onSortChange:n.func,sort:n.array,filterable:n.bool,filter:n.any,onFilterChange:n.func,pageable:n.oneOfType([n.bool,n.shape({buttonCount:n.number,responsive:n.bool,info:n.bool,type:n.oneOf(["numeric","input"]),pageSizes:n.oneOfType([n.bool,n.arrayOf(n.oneOfType([n.string,n.number]))]),previousNext:n.bool})]),pageSize:n.number,onPageChange:n.func,total:n.number,skip:n.number,take:n.number,fixedScroll:n.bool,onExpandChange:n.func,onSelectionChange:n.func,onHeaderSelectionChange:n.func,resizable:n.bool,reorderable:n.bool,group:n.any,groupable:n.oneOfType([n.bool,n.shape({enabled:n.bool,footer:n.oneOf(["always","visible","none"])})]),onGroupChange:n.func,onRowClick:n.func,onRowDoubleClick:n.func,onItemChange:n.func,scrollable:n.oneOf(["none","scrollable","virtual"]),rowHeight:n.number,detailRowHeight:n.number,detail:n.any,style:n.object,onDataStateChange:n.func,onColumnResize:n.func,onColumnReorder:n.func,dataItemKey:n.string,navigatable:n.oneOfType([n.bool,n.shape({mode:n.oneOf(["incell","inline","popup"])})]),size:n.oneOf(["small","medium"])};Nr.displayName="KendoReactGrid",Nr.propTypes=Mr;const Tr=e=>{const{children:t,id:n,className:r,style:l}=e;return x.createElement("div",{id:n,className:o.classNames("k-columnmenu-item-wrapper",r),style:l},t)},Dr=e=>{const{title:t,iconClass:n,svgIcon:r,selected:l,expandable:a,expanded:s}=e,c=x.useContext(Y);let d;return a&&(d=null!=c&&c.mobileMode?"rtl"===(null==c?void 0:c.dir)?i.chevronLeftIcon:i.chevronRightIcon:s?i.chevronUpIcon:i.chevronDownIcon),x.createElement("div",{onClick:e.onClick,className:"k-columnmenu-item "+(l?"k-selected":"")},(n||r)&&x.createElement(o.IconWrap,{name:n&&o.toIconName(n),icon:r}),t,x.createElement("span",{className:"k-spacer"}),a&&x.createElement(o.IconWrap,{icon:d}))},Lr="desc",Ar=(e,t)=>t?t.findIndex((t=>t.field===e)):-1,Fr=(e,t)=>!!(t&&e>-1&&"asc"===t[e].dir),Gr=(e,t)=>!!(t&&e>-1&&t[e].dir===Lr),Br=e=>{const{children:t,id:n,className:r,style:l,show:a}=e;return x.createElement("div",{id:n,className:o.classNames("k-columnmenu-item-content",r),style:l,tabIndex:0},x.createElement(C.Reveal,{style:{position:"relative",display:"block"}},a?t:null))},Or=e=>{const t=x.useContext(Y),n=t=>{Ft(t.value,t.syntheticEvent,e)},r=t=>{zt(t,e.value,e.onChange)},l=t=>{Ot(t,e.onChange)};return x.createElement(x.Fragment,null,(()=>{if("boolean"===e.filterType)return;const n=e.operators.find((t=>t.operator===e.operator))||null;return x.createElement(g.DropDownList,{adaptive:t.adaptive,size:t.mobileMode?"large":"medium",value:n,onChange:r,data:e.operators,textField:"text"})})(),((e,r,o)=>{switch(e){case"numeric":return x.createElement(s.NumericTextBox,{value:r,size:t.mobileMode?"large":"medium",onChange:n,rangeOnEnter:!1});case"date":return x.createElement(c.DatePicker,{value:r,size:t.mobileMode?"large":"medium",onChange:n});case"boolean":{const e=e=>null==e;return x.createElement(g.DropDownList,{adaptive:t.adaptive,onChange:l,size:t.mobileMode?"large":"medium",value:o.find((t=>t.operator===(e(r)?"":r))),data:o,textField:"text"})}default:return x.createElement(s.TextBox,{size:t.mobileMode?"large":"medium",value:r||"",onChange:n})}})(e.filterType,e.value,e.booleanValues))},zr=e=>{const{firstFilterProps:t,hideSecondFilter:n,secondFilterProps:r,logicValue:l,onLogicChange:o}=e,a=x.useContext(Y),i="and"===(null==l?void 0:l.operator);return x.createElement(x.Fragment,null,x.createElement(Or,{...t}),!n&&x.createElement(x.Fragment,null,x.createElement(m.ButtonGroup,null,x.createElement(m.Button,{type:"button",value:"and",size:a.mobileMode?"large":"medium",togglable:!0,selected:i,onClick:o},"And"),x.createElement(m.Button,{type:"button",value:"or",size:a.mobileMode?"large":"medium",togglable:!0,selected:!i,onClick:o},"Or")),x.createElement(Or,{...r})))},Kr=e=>t.createElement("form",{onSubmit:e.onApply,onReset:e.onReset},t.createElement("div",{className:"k-actions k-actions-stretched"},t.createElement(m.Button,{svgIcon:e.resetIcon,size:"large",type:"reset"},e.resetMessage),t.createElement(m.Button,{disabled:e.submitDisabled,svgIcon:e.submitIcon,type:"submit",size:"large",themeColor:"primary"},e.submitMessage))),Hr=e=>{const n=a.useLocalization(),r=t.useContext(Y),{actionSheetRef:l,secondViewRef:o}=t.useContext(pt),s="rtl"===r.dir?i.chevronRightIcon:i.chevronLeftIcon;t.useEffect((()=>{r.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",2)}),[]);return t.createElement(t.Fragment,null,p.createPortal(t.createElement(t.Fragment,null,e.FilterUI?t.createElement(e.FilterUI,{...e.filterUIProps}):t.createElement(t.Fragment,null,t.createElement(u.ActionSheetHeader,null,t.createElement("div",{className:"k-actionsheet-titlebar-group"},t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",onClick:()=>{r.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",1),e.onBackView&&e.onBackView()},svgIcon:s,fillMode:"flat"})),t.createElement("div",{className:"k-actionsheet-title"},t.createElement("div",{className:"k-text-center"},e.adaptiveTitle)),t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",svgIcon:i.xIcon,onClick:e.handleClose,fillMode:"flat"})))),t.createElement(u.ActionSheetContent,null,t.createElement("div",{className:"k-filter-menu"},t.createElement("div",{className:"k-filter-menu-container"},t.createElement(zr,{...e.filterUIProps})))),t.createElement(u.ActionSheetFooter,null,t.createElement(Kr,{onApply:e.submit,onReset:e.clear,resetIcon:i.filterClearIcon,submitIcon:i.filterIcon,submitMessage:n.toLanguageString(me,$e[me]),resetMessage:n.toLanguageString(ce,$e[ce]),submitDisabled:!e.isFilterValid})))),o.current.current))},Vr=e=>e||{filters:[],logic:"and"},Wr=(e,t)=>Vr(t).filters.filter((t=>!!r.isCompositeFilterDescriptor(t)&&(t.filters&&t.filters.length&&!t.filters.find((t=>r.isCompositeFilterDescriptor(t)||t.field!==e)))))[0]||null,qr=e=>{const n=t.useContext(Y),r=a.useLocalization(),{actionSheetRef:l,secondViewRef:o}=t.useContext(pt),c="rtl"===n.dir?i.chevronRightIcon:i.chevronLeftIcon,d=r.toLanguageString(Ve,$e[Ve]);t.useEffect((()=>{null!=n&&n.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",2)}),[]);return t.createElement(t.Fragment,null,p.createPortal(t.createElement(t.Fragment,null,t.createElement(u.ActionSheetHeader,null,t.createElement("div",{className:"k-actionsheet-titlebar-group"},t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",onClick:()=>{e.onBackView&&e.onBackView(),null!=n&&n.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",1)},svgIcon:c,fillMode:"flat"})),t.createElement("div",{className:"k-actionsheet-title"},t.createElement("div",{className:"k-text-center"},d)),t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",svgIcon:i.xIcon,onClick:e.handleClose,fillMode:"flat"})))),t.createElement(u.ActionSheetContent,null,t.createElement("div",{className:"k-filter-menu"},t.createElement("div",{className:"k-filter-menu-container"},e.searchBox,t.createElement("ul",{className:"k-reset k-multicheck-wrap"},t.createElement("li",{className:"k-item k-check-all-wrap"},t.createElement(s.Checkbox,{size:n.mobileMode?"large":"medium",label:r.toLanguageString(xe,$e[xe]),onChange:t=>e.handleCheckBoxChange(t,"all"),checked:e.isAllSelected()})),e.currentData.map(((r,l)=>t.createElement("li",{className:"k-item",key:`colmenu-checkbox-item-${l}`},t.createElement(s.Checkbox,{size:n.mobileMode?"large":"medium",label:String(r),onChange:t=>e.handleCheckBoxChange(t,r),checked:e.uniqueFilterValues.includes(r)}))))),t.createElement("div",{className:"k-filter-selected-items"},e.uniqueFilterValues.length+" "+r.toLanguageString(Ie,$e[Ie]))))),t.createElement(u.ActionSheetFooter,null,t.createElement(Kr,{onApply:e.submit,onReset:e.clear,submitMessage:r.toLanguageString(me,$e[me]),resetMessage:r.toLanguageString(ce,$e[ce])}))),o.current.current))},_r=(e,t)=>e.length===t.length&&e.every(((e,n)=>e===t[n])),Ur={uniqueData:!0},jr=e=>{const[t,n]=x.useState(""),r=e.columns.reduce(((t,n)=>({...t,[n.id||""]:!!e.columnsState.find((e=>e.id===n.id))})),{}),[l,c]=x.useState(r),d=x.useMemo((()=>e.columns.filter((e=>{var n;return null==(n=e.title||e.field)?void 0:n.toLowerCase().includes(t.toLowerCase())}))),[e.columns,t]),u=a.useLocalization(),p=x.useCallback((()=>{const t=e.columns.filter((e=>l[e.id||""]));e.onColumnsChange.call(void 0,t),e.onCloseMenu.call(void 0)}),[l,e.columns,e.onColumnsChange,e.onCloseMenu]),g=x.useMemo((()=>Object.values(l).filter((e=>e)).length),[l]),f=x.useMemo((()=>g===e.columns.length),[e.columns,g]),h=x.useCallback((()=>{const e={...l};Object.keys(e).forEach(((t,n)=>e[t]=!(!f||0!==n)||!f)),c(e)}),[l,f]),v=x.useCallback(((e,t)=>{const n={...l};n[t||""]=e,c(n)}),[l]);return x.createElement("form",{className:"k-filter-menu"},x.createElement("div",{className:"k-filter-menu-container"},x.createElement(s.TextBox,{className:"k-searchbox",value:t,onChange:e=>{n(String(e.target.value))},prefix:()=>x.createElement(s.InputPrefix,null,x.createElement(o.IconWrap,{name:"search",icon:i.searchIcon}))}),x.createElement("ul",{className:"k-reset k-multicheck-wrap"},!t&&x.createElement("li",{className:"k-item k-check-all-wrap"},x.createElement(s.Checkbox,{checked:f,onChange:h,label:u.toLanguageString(ye,$e[ye])})),d.map(((e,t)=>x.createElement("li",{key:e.id,className:"k-item"},x.createElement(s.Checkbox,{disabled:l[e.id||""]&&1===g,checked:l[e.id||""],onChange:t=>{var n;return v(!(null==(n=t.target.element)||!n.checked),e.id)},label:e.title||e.field}))))),x.createElement("div",{className:"k-filter-selected-items"},g," selected items"),x.createElement("div",{className:"k-actions k-actions-start k-actions-horizontal"},x.createElement(m.Button,{type:"button",themeColor:"primary",onClick:p},u.toLanguageString(se,$e[se])),x.createElement(m.Button,{type:"button",onClick:()=>{c(r)}},u.toLanguageString(ue,$e[ue])))))};jr.displayName="GridColumnMenuColumnsList";const $r=e=>{const n=a.useLocalization(),r=t.useContext(Y),{actionSheetRef:l,secondViewRef:c}=t.useContext(pt),d="rtl"===r.dir?i.chevronRightIcon:i.chevronLeftIcon,g=n.toLanguageString(Ke,$e[Ke]),f=n.toLanguageString(He,$e[He]);t.useEffect((()=>{r.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",2)}),[]);return t.createElement(t.Fragment,null,p.createPortal(t.createElement(t.Fragment,null,t.createElement(u.ActionSheetHeader,null,t.createElement("div",{className:"k-actionsheet-titlebar-group"},t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",onClick:()=>{r.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",1),e.onBackView&&e.onBackView()},svgIcon:d,fillMode:"flat"})),t.createElement("div",{className:"k-actionsheet-title"},t.createElement("div",{className:"k-text-center"},g),t.createElement("div",{className:"k-actionsheet-subtitle k-text-center"},f)),t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",svgIcon:i.xIcon,onClick:e.handleClose,fillMode:"flat"})))),t.createElement(u.ActionSheetContent,null,t.createElement("div",{className:"k-filter-menu"},t.createElement("div",{className:"k-filter-menu-container"},t.createElement(s.TextBox,{size:r.mobileMode?"large":"medium",className:"k-searchbox",value:e.filter,onChange:e.onFilter,prefix:()=>t.createElement(s.InputPrefix,null,t.createElement(o.IconWrap,{name:"search",icon:i.searchIcon}))}),t.createElement("ul",{className:"k-reset k-multicheck-wrap"},!e.filter&&t.createElement("li",{className:"k-item k-check-all-wrap"},t.createElement(s.Checkbox,{size:r.mobileMode?"large":"medium",checked:e.allSelected,onChange:e.onSelectAll,label:n.toLanguageString(ye,$e[ye])})),e.filtered.map(((n,l)=>t.createElement("li",{key:n.id,className:"k-item"},t.createElement(s.Checkbox,{size:r.mobileMode?"large":"medium",disabled:e.selectedColumns[n.id||""]&&1===e.checkedCount,checked:e.selectedColumns[n.id||""],onChange:t=>{var r;return e.onCheckChange(!(null==(r=t.target.element)||!r.checked),n.id)},label:n.title||n.field}))))),t.createElement("div",{className:"k-filter-selected-items"},e.checkedCount," ",n.toLanguageString(ze,$e[ze]))))),t.createElement(u.ActionSheetFooter,null,t.createElement(Kr,{onApply:e.onApply,onReset:e.onReset,resetMessage:n.toLanguageString(ue,$e[ue]),submitMessage:n.toLanguageString(se,$e[se])}))),c.current.current))},Xr=e=>{const{columnsState:t,onCloseMenu:n,onColumnsStateChange:r}=e,l=a.useLocalization(),c=x.useContext(Y),[d,u]=x.useState(""),[p,g]=x.useState(e.expanded||!1),[f,h]=x.useState(!1),v=t.reduce(((e,t)=>({...e,[t.id||""]:!t.hidden})),{}),[E,C]=x.useState(v),b=x.useMemo((()=>(null==t?void 0:t.filter((e=>{var t;return null==(t=e.title||e.field)?void 0:t.toLowerCase().includes(d.toLowerCase())})))||[]),[t,d]),k=x.useMemo((()=>Object.values(E).filter((e=>e)).length),[E]),y=x.useMemo((()=>k===(null==t?void 0:t.length)),[t,k]),I=x.useCallback((e=>{e.preventDefault();const l=(e=>(null==e?void 0:e.map((e=>({...e,hidden:!E[e.id||""]}))))||[])(t);r&&r(l),null==n||n.call(void 0)}),[E,t,n]),S=e=>{e.preventDefault(),C(v)},w=x.useCallback((()=>{const e={...E};Object.keys(e).forEach(((t,n)=>e[t]=!(!y||0!==n)||!y)),C(e)}),[E,y]),R=x.useCallback(((e,t)=>{const n={...E};n[t||""]=e,C(n)}),[E]),P=e=>{u(String(e.target.value))},N=x.useCallback((()=>{const t=M(),n=!(t?e.expanded:p);e.onExpandChange&&e.onExpandChange(n),h(!f),!t&&!c.mobileMode&&g(n)}),[p]),M=()=>void 0!==e.expanded,T=M()?e.expanded:p;return x.createElement(Tr,null,x.createElement("div",{className:"k-expander"},!(e.alwaysExpand&&!c.mobileMode)&&x.createElement(Dr,{title:l.toLanguageString(Ke,$e[Ke]),iconClass:"k-i-filter",svgIcon:i.columnsIcon,expandable:!0,expanded:!!T,onClick:N})),c.mobileMode&&f?x.createElement(x.Fragment,null,x.createElement($r,{onBackView:()=>{h(!1)},handleClose:()=>{h(!1),e.onCloseMenu&&e.onCloseMenu()},onApply:I,onReset:S,filter:d,onFilter:P,allSelected:y,onSelectAll:w,filtered:b,selectedColumns:E,checkedCount:k,onCheckChange:R})):x.createElement(Br,{show:(e.alwaysExpand||!!T)&&!c.mobileMode},x.createElement("form",{onSubmit:I,onReset:S,className:"k-filter-menu"},x.createElement("div",{className:"k-filter-menu-container"},x.createElement(s.TextBox,{className:"k-searchbox",value:d,onChange:P,prefix:()=>x.createElement(s.InputPrefix,null,x.createElement(o.IconWrap,{name:"search",icon:i.searchIcon}))}),x.createElement("ul",{className:"k-reset k-multicheck-wrap"},!d&&x.createElement("li",{className:"k-item k-check-all-wrap"},x.createElement(s.Checkbox,{checked:y,onChange:w,label:l.toLanguageString(ye,$e[ye])})),b.map(((e,t)=>x.createElement("li",{key:e.id,className:"k-item"},x.createElement(s.Checkbox,{disabled:E[e.id||""]&&1===k,checked:E[e.id||""],onChange:t=>{var n;return R(!(null==(n=t.target.element)||!n.checked),e.id)},label:e.title||e.field}))))),x.createElement("div",{className:"k-filter-selected-items"},k," ",l.toLanguageString(ze,$e[ze])),x.createElement("div",{className:"k-actions k-actions-start k-actions-horizontal"},x.createElement(m.Button,{type:"submit",themeColor:"primary"},l.toLanguageString(se,$e[se])),x.createElement(m.Button,{type:"reset"},l.toLanguageString(ue,$e[ue])))))))};Xr.displayName="GridColumnMenuColumnsChooser";const Yr=e=>{const{ariaLabel:t,_ariaControls:n,children:r,overflow:l="scroll",...o}=e;return x.createElement(m.Toolbar,{className:"k-grid-toolbar",role:"toolbar",ariaLabel:t,_ariaControls:n,overflow:l,...o},r)};Yr.displayName="KendoReactGridToolbar";const Jr=t.createContext(void 0),Qr=e=>{const n=t.useRef(null),r=t.useRef(null),l=t.useRef(null),o=t.useMemo((()=>({actionSheetRef:n,firstViewRef:r,secondViewRef:l})),[]);return t.createElement(Jr.Provider,{value:o},e.children)},Zr=e=>{const n=t.useContext(Y),{actionSheetRef:r,firstViewRef:l,secondViewRef:c}=t.useContext(Jr),d=o.useAdaptiveModeContext(),p=a.useLocalization(),[g,f]=t.useState(""),h={animation:!0,navigatable:!1,navigatableElements:[],expand:e.computedShow,animationStyles:d&&n.adaptiveColumnMenuRef<=d.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:d&&n.adaptiveColumnMenuRef<=d.small?"fullscreen":void 0},v="rtl"===n.dir?i.chevronRightIcon:i.chevronLeftIcon,E=p.toLanguageString(Ve,$e[Ve]);return t.createElement(u.ActionSheet,{...h,ref:r,style:{"--kendo-actionsheet-view-current":1},onClose:e.onClose},t.createElement(u.ActionSheetView,{className:"k-actionsheet-view-animated",ref:l,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"},E)),t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{svgIcon:i.xIcon,onClick:e.onClose,fillMode:"flat"})))),t.createElement(u.ActionSheetContent,null,t.createElement("div",{className:"k-column-menu k-column-menu-lg"},e.filtered.map((n=>{var l,o;return t.createElement(Tr,{key:n.id},t.createElement("div",{className:"k-expander"},t.createElement(Dr,{title:e.renderTitle(n),expandable:!0,expanded:!(null==(o=null==(l=e.expandState)?void 0:l.find((e=>e.column.field===n.field)))||!o.expanded),onClick:t=>(r.current.element.style.setProperty("--kendo-actionsheet-view-current",2),f(n.field),e.onFilterExpand(t,n))})))})))),t.createElement(u.ActionSheetFooter,null,t.createElement("div",{className:"k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer"},t.createElement(m.Button,{svgIcon:i.filterClearIcon,onClick:e.handleClearAllFilters,size:"large"},p.toLanguageString(de,$e[de]))))),t.createElement(u.ActionSheetView,{className:"k-actionsheet-view-animated",ref:c,style:{transitionDuration:"500ms",transitionProperty:"transform"}},t.createElement(u.ActionSheetHeader,null,t.createElement("div",{className:"k-actionsheet-titlebar-group"},t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",onClick:()=>{e.onBackView&&e.onBackView(),null!=n&&n.mobileMode&&r.current.element.style.setProperty("--kendo-actionsheet-view-current",1)},svgIcon:v,fillMode:"flat"})),t.createElement("div",{className:"k-actionsheet-title"},t.createElement("div",{className:"k-text-center"},E+(g?` ${g}`:""))),t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",svgIcon:i.xIcon,onClick:e.onClose,fillMode:"flat"})))),t.createElement(u.ActionSheetContent,null,t.createElement("div",{className:"k-filter-menu"},t.createElement("div",{className:"k-filter-menu-container"},e.searchBox,t.createElement("ul",{className:"k-multicheck-wrap"},t.createElement("li",{className:"k-item k-check-all-wrap"},t.createElement(s.Checkbox,{size:n.mobileMode?"large":"medium",label:p.toLanguageString(xe,$e[xe]),onChange:t=>e.handleCheckBoxChange(t,"all"),checked:e.isAllSelected()})),e.currentData.map(((r,l)=>t.createElement("li",{className:"k-item",key:`colmenu-checkbox-item-${l}`},t.createElement(s.Checkbox,{size:n.mobileMode?"large":"medium",label:String(r),onChange:t=>e.handleCheckBoxChange(t,r),checked:e.uniqueFilterValues.includes(r)}))))),t.createElement("div",{className:"k-filter-selected-items"},e.uniqueFilterValues.length+" "+p.toLanguageString(Ie,$e[Ie]))))),t.createElement(u.ActionSheetFooter,null,t.createElement(Kr,{onApply:e.submit,onReset:e.clear,submitMessage:p.toLanguageString(me,$e[me]),resetMessage:p.toLanguageString(ce,$e[ce])}))))},el={uniqueData:!0},tl=e=>{var t,n;const{uniqueData:l=el.uniqueData,svgIcon:c,icon:u}=e,g=x.useContext(Y),h=g.columnsRef,v=g.defaultFilter,[E,C]=x.useState(!1),b=x.useRef(null),k=x.useRef(null),y=x.useRef(null),I=x.useRef(0),S=a.useLocalization(),w=x.useRef(null),R=o.useDocument(b),N=()=>v?o.clone(v):{filters:[],logic:"and"},M=(e,t)=>{var n;const r=(null==(n=null==w?void 0:w.current)?void 0:n.field)||"",l=e.map((e=>P(r,e)));return t?l.filter(((e,t)=>l.indexOf(e)===t)):l},T=x.useRef((()=>{var e;const t=null==(e=null==w?void 0:w.current)?void 0:e.field;return N().filters.findIndex((e=>e.filters&&e.filters.length>0&&e.filters[0].field===t))})()),[D,L]=x.useState(!1),[A,F]=x.useState((null==h?void 0:h.map((e=>({column:e,expanded:!1}))))||[]),[G,B]=x.useState(""),[O,z]=x.useState(M(e.data,l)||[]),[K,H]=x.useState(M(e.data,!1)||[]),[V,W]=x.useState(N()),[q,_]=x.useState(!1),U=S.toLanguageString(ce,$e[ce]),j=x.useMemo((()=>(null==h?void 0:h.filter((e=>{var t;return null==(t=e.title||e.field)?void 0:t.toLowerCase()})))||[]),[h]);x.useEffect((()=>{v&&L(!0)}),[v]),x.useEffect((()=>{var t;const n=(null==(t=null==w?void 0:w.current)?void 0:t.field)||"",r=e.data.map((e=>P(n,e)));_r(r,K)||(z(r),H(r))}),[K,e.data]),x.useEffect((()=>{A.find((e=>e.expanded))&&z(M(e.data,l)||[])}),[A,e.data,l]);const $=x.useCallback((e=>{const t=V.filters.some((t=>t.field===e.field));return x.createElement(x.Fragment,null,e.title||e.field,t&&x.createElement("span",{className:"k-columnmenu-indicators"},x.createElement(o.SvgIcon,{key:1,icon:i.filterIcon})))}),[V]),X=x.useCallback(((t,n)=>{F((e=>(w.current=n,e.map((e=>e.column.field===n.field?{...e,expanded:!e.expanded}:{...e,expanded:!1}))))),z(M(e.data,l)||[]),H(M(e.data,l)||[]),_(!q)}),[]),J=t=>{var n;const o=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",a={logic:"and",filters:[{field:null==(n=null==w?void 0:w.current)?void 0:n.field,operator:o,value:t.target.value,ignoreCase:!0}]};B(t.target.value),z(M(r.filterBy(e.data||[],a),l))},Q=()=>{let e=!1;if(V){const t=[...V.filters];return-1!==T.current&&(e=O.every((e=>!(-1===T.current||!t[T.current].filters)&&t[T.current].filters.findIndex((t=>t.value===e))>=0)),e)}return e},Z=(e,t)=>{var n;const r=(null==(n=null==w?void 0:w.current)?void 0:n.field)||"",l={...V},o=[...V.filters];let a=[];if(-1!==T.current&&l.filters[T.current].filters&&"all"!==t&&(a=l.filters[T.current].filters),e.value&&"all"===t)O.forEach((e=>{a.push({field:r,operator:"eq",value:e})}));else if(e.value)a.push({field:r,operator:"eq",value:t});else if(V){const e=a.findIndex((e=>e.value===t));a.splice(e,1)}l.logic="and",-1!==T.current?o[T.current]={logic:"or",filters:a}:o.push({logic:"or",filters:a}),(!e.value&&"all"===t||0===a.length)&&o.splice(T.current,1),l.filters=o,W(l)},ee=[];if(V){const e=[...V.filters];T.current=e.findIndex((e=>{var t;return!!(e.filters&&e.filters.length>0)&&e.filters[0].field===(null==(t=null==w?void 0:w.current)?void 0:t.field)})),-1!==T.current&&e[T.current].filters.length>0&&e[T.current].filters.forEach((e=>{var t;e.field===(null==(t=null==w?void 0:w.current)?void 0:t.field)&&ee.push(e.value)}))}const te=ee.filter(((e,t)=>ee.indexOf(e)===t)),ne=t=>{if(t.preventDefault(),!g.filterChange)return;const n=V||null;null!==n&&n.filters.length>0?(T.current>=0&&n.filters.splice(T.current,1),g.filterChange(n,t)):g.filterChange(null,t),e.onCloseMenu&&e.onCloseMenu(),L(!1)},re=t=>{if(t.preventDefault(),!g.filterChange)return;const n=V||null;g.filterChange(n,t),e.onCloseMenu&&e.onCloseMenu(),L(!0),C(!1)},le=e.searchBox?x.createElement(e.searchBox,{value:G,onChange:J}):x.createElement("div",{className:"k-searchbox k-textbox k-input k-input-solid "+(null!=g&&g.mobileMode?"k-input-lg":"k-input-md")},x.createElement(o.IconWrap,{className:"k-input-icon",name:"search",icon:i.searchIcon}),x.createElement(s.Input,{className:"k-input-inner",type:"text",placeholder:S.toLanguageString(Ee,$e[Ee]),value:G,onChange:e=>J(e.nativeEvent)}),x.createElement(m.Button,{type:"button",rounded:null,className:"k-input-button",onClick:()=>{var t;const n=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",o={logic:"and",filters:[{field:null==(t=null==w?void 0:w.current)?void 0:t.field,operator:n,value:"",ignoreCase:!0}]};B(""),z(M(r.filterBy(e.data||[],o),l))},icon:"x","aria-label":U,svgIcon:i.xIcon})),oe=x.useMemo((()=>void 0!==e.show?e.show:E),[e.show,E]),ae=()=>{var t;e.onCloseMenu&&e.onCloseMenu(),C(!1),b.current&&(null==(t=b.current.element)||t.focus())},{onFocus:ie,onBlur:se}=o.useAsyncFocusBlur({onFocus:e=>{clearTimeout(I.current)},onBlur:e=>(e=>{const t=o.getActiveElement(document);clearTimeout(I.current),I.current=window.setTimeout((()=>{!g.mobileMode&&t&&e.relatedTarget!==b.current&&k.current&&!k.current.contains(t)&&ae()}))})(e)}),ue=e=>{if(e.preventDefault(),!g.filterChange)return;const t=V||null;null!==t&&t.filters.length>0?(t.filters=[],g.filterChange(t,e)):g.filterChange(null,e),W(N()),L(!1),F((e=>e.map((e=>({...e,expanded:!1})))))},pe=x.createElement(m.Button,{ref:b,togglable:!0,selected:oe,svgIcon:c||(u?void 0:i.filterIcon),icon:u,size:g.mobileMode?"large":"medium",className:o.classNames("k-toolbar-button",{"k-icon-button":g.mobileMode}),title:S.toLanguageString(je,$e[je]),onClick:e=>{e.preventDefault(),C(!E)}},!g.mobileMode&&S.toLanguageString(je,$e[je])),ge=x.createElement(x.Fragment,null,j.map((e=>{var t,n;return e.filterable&&x.createElement(Tr,{key:e.id},x.createElement("div",{className:"k-expander"},x.createElement(Dr,{title:$(e),expandable:!0,expanded:!(null==(t=null==A?void 0:A.find((t=>t.column.field===e.field)))||!t.expanded),onClick:t=>X(t,e)})),x.createElement(Br,{show:!(null==(n=null==A?void 0:A.find((t=>t.column.field===e.field)))||!n.expanded)},x.createElement("form",{className:"k-filter-menu",onSubmit:re,onReset:ne},x.createElement("div",{className:"k-filter-menu-container"},le,x.createElement("ul",{className:"k-multicheck-wrap"},x.createElement("li",{className:"k-item k-check-all-wrap"},x.createElement(s.Checkbox,{label:S.toLanguageString(xe,$e[xe]),onChange:e=>Z(e,"all"),checked:Q()})),O.map(((e,t)=>x.createElement("li",{className:"k-item",key:t},x.createElement(s.Checkbox,{label:String(e),onChange:t=>Z(t,e),checked:te.includes(e)}))))),x.createElement("div",{className:"k-filter-selected-items"},te.length+" "+S.toLanguageString(Ie,$e[Ie])),x.createElement("div",{className:"k-actions k-hstack k-justify-content-stretch"},x.createElement(m.Button,{themeColor:"primary",type:"submit"},S.toLanguageString(me,$e[me])),x.createElement(m.Button,{className:"k-button",type:"reset"},S.toLanguageString(ce,$e[ce])))))))})),x.createElement("div",{className:"k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer"},x.createElement(m.Button,{svgIcon:i.filterClearIcon,onClick:ue},S.toLanguageString(de,$e[de]))));return x.createElement(x.Fragment,null,D?x.createElement(f.BadgeContainer,null,pe,x.createElement(f.Badge,{themeColor:"primary"})):pe,g.mobileMode?x.createElement(Qr,null,p.createPortal(x.createElement(Zr,{filtered:j,computedShow:oe,expandState:A,currentData:O,uniqueFilterValues:te,searchBox:le,renderTitle:$,onBackView:()=>{_(!1)},isAllSelected:Q,handleCheckBoxChange:Z,clear:ne,submit:re,onClose:ae,onFilterExpand:X,handleClearAllFilters:ue},ge),null==(t=R())?void 0:t.body)):x.createElement(d.Popup,{anchor:null==(n=b.current)?void 0:n.element,show:oe,popupClass:"k-grid-columnmenu-popup",onMouseDownOutside:e=>{!e.isAnchorClicked&&C(!1)}},x.createElement("div",{ref:k,onBlur:se,onFocus:ie,onMouseDown:e=>{var t;null==(t=y.current)||t.triggerMouseEvent(e)},onKeyDown:e=>{var t;null==(t=y.current)||t.triggerKeyboardEvent(e)},className:"k-column-menu k-column-menu-md"},ge)))};tl.displayName="KendoReactGridToolbarCheckboxFilter";const nl=e=>{const n=t.useContext(Y),{actionSheetRef:r}=t.useContext(Jr),l=o.useAdaptiveModeContext(),c=a.useLocalization(),d={animation:!0,navigatable:!1,navigatableElements:[],expand:e.computedShow,animationStyles:l&&n.adaptiveColumnMenuRef<=l.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:l&&n.adaptiveColumnMenuRef<=l.small?"fullscreen":void 0},p=c.toLanguageString(Ke,$e[Ke]),g=c.toLanguageString(He,$e[He]);return t.createElement(u.ActionSheet,{...d,ref:r,style:{"--kendo-actionsheet-view-current":1},onClose:e.onClose},t.createElement(u.ActionSheetView,null,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"},p),t.createElement("div",{className:"k-actionsheet-subtitle k-text-center"},g)),t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",svgIcon:i.xIcon,onClick:e.onClose,fillMode:"flat"})))),t.createElement(u.ActionSheetContent,null,t.createElement("div",{className:"k-filter-menu"},t.createElement("div",{className:"k-filter-menu-container"},t.createElement(s.TextBox,{size:n.mobileMode?"large":"medium",className:"k-searchbox",value:e.filter,onChange:e.onFilter,prefix:()=>t.createElement(s.InputPrefix,null,t.createElement(o.IconWrap,{name:"search",icon:i.searchIcon}))}),t.createElement("ul",{className:"k-reset k-multicheck-wrap"},!e.filter&&t.createElement("li",{className:"k-item k-check-all-wrap"},t.createElement(s.Checkbox,{size:n.mobileMode?"large":"medium",checked:e.allSelected,onChange:e.onSelectAll,label:c.toLanguageString(ye,$e[ye])})),e.filtered.map(((r,l)=>t.createElement("li",{key:r.id,className:"k-item"},t.createElement(s.Checkbox,{size:n.mobileMode?"large":"medium",disabled:e.selectedColumns[r.id||""]&&1===e.checkedCount,checked:e.selectedColumns[r.id||""],onChange:t=>{var n;return e.onCheckChange(!(null==(n=t.target.element)||!n.checked),r.id)},label:r.title||r.field}))))),t.createElement("div",{className:"k-filter-selected-items"},e.checkedCount," ",c.toLanguageString(ze,$e[ze]))))),t.createElement(u.ActionSheetFooter,null,t.createElement(Kr,{onApply:e.onApply,onReset:e.onReset,resetMessage:c.toLanguageString(ue,$e[ue]),submitMessage:c.toLanguageString(se,$e[se])}))))},rl=e=>{var t,n;const r=x.useContext(Y),l=r.columnsState,c=r.onColumnsStateChange,[u,g]=x.useState(!1),[h,v]=x.useState(""),[E,C]=x.useState(!1),b=l.reduce(((e,t)=>({...e,[t.id||""]:!t.hidden})),{}),[k,y]=x.useState(b),I=x.useRef(null),S=x.useRef(null),w=x.useRef(null),R=x.useRef(0),P=a.useLocalization(),N=o.useDocument(I),M=x.useMemo((()=>(null==l?void 0:l.filter((e=>{var t;return null==(t=e.title||e.field)?void 0:t.toLowerCase().includes(h.toLowerCase())})))||[]),[l,h]),T=x.useMemo((()=>Object.values(k).filter((e=>e)).length),[k]),D=x.useMemo((()=>T===(null==l?void 0:l.length)),[l,T]),L=x.useCallback((t=>{var n;t.preventDefault();const r=(e=>(null==e?void 0:e.map((e=>({...e,hidden:!k[e.id||""]}))))||[])(l);c&&c(r),null==(n=e.onCloseMenu)||n.call(void 0),g(!1)}),[l,c,e.onCloseMenu,k]),A=e=>{e.preventDefault(),y(b),C(!1)},F=x.useCallback((()=>{const e={...k};Object.keys(e).forEach(((t,n)=>e[t]=!(!D||0!==n)||!D)),y(e),C(!0)}),[k,D]),G=x.useCallback(((e,t)=>{const n={...k};n[t||""]=e,y(n),C(!0)}),[k]),B=e=>{v(String(e.target.value))},O=x.useMemo((()=>void 0!==e.show?e.show:u),[e.show,u]),z=()=>{var t;e.onCloseMenu&&e.onCloseMenu(),g(!1),I.current&&(null==(t=I.current.element)||t.focus())},{onFocus:K,onBlur:H}=o.useAsyncFocusBlur({onFocus:e=>{clearTimeout(R.current)},onBlur:e=>(e=>{const t=o.getActiveElement(document);clearTimeout(R.current),R.current=window.setTimeout((()=>{!r.mobileMode&&t&&e.relatedTarget!==I.current&&S.current&&!S.current.contains(t)&&z()}))})(e)}),V=x.createElement(Br,{show:!0},x.createElement("form",{onSubmit:L,onReset:A,className:"k-filter-menu"},x.createElement("div",{className:"k-filter-menu-container"},x.createElement(s.TextBox,{className:"k-searchbox",value:h,onChange:B,size:r.mobileMode?"large":"medium",prefix:()=>x.createElement(s.InputPrefix,null,x.createElement(o.IconWrap,{name:"search",icon:i.searchIcon}))}),x.createElement("ul",{className:"k-reset k-multicheck-wrap"},!h&&x.createElement("li",{className:"k-item k-check-all-wrap"},x.createElement(s.Checkbox,{checked:D,onChange:F,label:P.toLanguageString(ye,$e[ye]),size:r.mobileMode?"large":"medium"})),M.map((e=>x.createElement("li",{key:e.id,className:"k-item"},x.createElement(s.Checkbox,{disabled:k[e.id||""]&&1===T,checked:k[e.id||""],onChange:t=>{var n;return G(!(null==(n=t.target.element)||!n.checked),e.id)},label:e.title||e.field,size:r.mobileMode?"large":"medium"}))))),x.createElement("div",{className:"k-filter-selected-items"},T," ",P.toLanguageString(ze,$e[ze])),x.createElement("div",{className:"k-actions k-actions-start k-actions-horizontal"},x.createElement(m.Button,{type:"submit",themeColor:"primary"},P.toLanguageString(se,$e[se])),x.createElement(m.Button,{type:"reset"},P.toLanguageString(ue,$e[ue])))))),W=x.createElement(m.Button,{ref:I,togglable:!0,selected:O,svgIcon:e.svgIcon?e.svgIcon:e.icon?void 0:i.columnsIcon,icon:e.icon,size:r.mobileMode?"large":"medium",className:o.classNames("k-toolbar-button",{"k-icon-button":r.mobileMode}),title:P.toLanguageString(Ue,$e[Ue]),onClick:e=>{e.preventDefault(),g(!u)}},!r.mobileMode&&P.toLanguageString(Ue,$e[Ue]));return x.createElement(x.Fragment,null,E?x.createElement(f.BadgeContainer,null,W,x.createElement(f.Badge,{themeColor:"primary"})):W,r.mobileMode?x.createElement(Qr,null,p.createPortal(x.createElement(nl,{computedShow:O,filter:h,filtered:M,selectedColumns:k,allSelected:D,checkedCount:T,onClose:z,onApply:L,onReset:A,onFilter:B,onCheckChange:G,onSelectAll:F},V),null==(t=N())?void 0:t.body)):x.createElement(d.Popup,{anchor:null==(n=I.current)?void 0:n.element,show:O,popupClass:"k-grid-columnmenu-popup",onMouseDownOutside:e=>{!e.isAnchorClicked&&g(!1)}},x.createElement("div",{ref:S,onBlur:H,onFocus:K,onMouseDown:e=>{var t;null==(t=w.current)||t.triggerMouseEvent(e)},onKeyDown:e=>{var t;null==(t=w.current)||t.triggerKeyboardEvent(e)},className:"k-column-menu k-column-menu-md"},V)))};rl.displayName="KendoReactGridToolbarColumnsChooser";const ll=e=>{const n=t.useContext(Y),{actionSheetRef:r,firstViewRef:l,secondViewRef:s}=t.useContext(Jr),c=o.useAdaptiveModeContext(),d=a.useLocalization(),[p,g]=t.useState(""),f="rtl"===n.dir?i.chevronRightIcon:i.chevronLeftIcon,h=d.toLanguageString(Oe,$e[Oe]),v={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,{...v,ref:r,style:{"--kendo-actionsheet-view-current":1},onClose:e.onClose},t.createElement(u.ActionSheetView,{className:"k-actionsheet-view-animated",ref:l,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"},h)),t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{svgIcon:i.xIcon,onClick:e.onClose,fillMode:"flat"})))),t.createElement(u.ActionSheetContent,null,t.createElement("div",{className:"k-column-menu k-column-menu-lg"},e.filtered.map((n=>{var l,o;return t.createElement(Tr,{key:n.id},t.createElement("div",{className:"k-expander"},t.createElement(Dr,{title:e.renderTitle(n),expandable:!0,expanded:!(null==(o=null==(l=e.expandState)?void 0:l.find((e=>e.column.field===n.field)))||!o.expanded),onClick:t=>(r.current.element.style.setProperty("--kendo-actionsheet-view-current",2),g(n.field),e.onFilterExpand(t,n))})))})))),t.createElement(u.ActionSheetFooter,null,t.createElement("div",{className:"k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer"},t.createElement(m.Button,{svgIcon:i.filterClearIcon,onClick:e.handleClearAllFilters,size:"large"},d.toLanguageString(de,$e[de]))))),t.createElement(u.ActionSheetView,{className:"k-actionsheet-view-animated",ref:s,style:{transitionDuration:"500ms",transitionProperty:"transform"}},t.createElement(u.ActionSheetHeader,null,t.createElement("div",{className:"k-actionsheet-titlebar-group"},t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",onClick:()=>{e.onBackView&&e.onBackView(),null!=n&&n.mobileMode&&r.current.element.style.setProperty("--kendo-actionsheet-view-current",1)},svgIcon:f,fillMode:"flat"})),t.createElement("div",{className:"k-actionsheet-title"},t.createElement("div",{className:"k-text-center"},h+(p?` ${p}`:""))),t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",svgIcon:i.xIcon,onClick:e.onClose,fillMode:"flat"})))),t.createElement(u.ActionSheetContent,null,t.createElement("form",{className:"k-filter-menu",onSubmit:e.submit,onReset:e.clear},t.createElement("div",{className:"k-filter-menu-container"},e.FilterUI?t.createElement(e.FilterUI,{...e.filterUIProps}):t.createElement(zr,{...e.filterUIProps})))),t.createElement(u.ActionSheetFooter,null,t.createElement(Kr,{onApply:e.submit,onReset:e.clear,submitMessage:d.toLanguageString(me,$e[me]),resetMessage:d.toLanguageString(ce,$e[ce])}))))},ol=e=>{var t,n,r,l,s,c,u;const g=x.useContext(Y),h=g.columnsRef;g.filterable;const v=g.defaultFilter,[E,C]=x.useState(!1),[b,k]=x.useState(!1),[y,I]=x.useState((null==h?void 0:h.map((e=>({column:e,expanded:!1}))))||[]),[S,w]=x.useState(!1),R=x.useRef(null),P=x.useRef(null),N=x.useRef(null),M=x.useRef(0),T=x.useRef(null),D=a.useLocalization(),L=o.useDocument(R),A=x.useMemo((()=>(null==h?void 0:h.filter((e=>{var t;return null==(t=e.title||e.field)?void 0:t.toLowerCase()})))||[]),[h]);x.useEffect((()=>{v&&k(!0)}),[v]);const F=x.useCallback((e=>{const t=v&&v.filters.some((t=>t.field===e.field));return x.createElement(x.Fragment,null,e.title||e.field,t&&x.createElement("span",{className:"k-columnmenu-indicators"},x.createElement(o.SvgIcon,{key:1,icon:i.filterIcon})))}),[v]),G=(e,t)=>{I((e=>(T.current=t,e.map((e=>e.column.field===t.field?{...e,expanded:!e.expanded}:{...e,expanded:!1}))))),K(B()),w(!S)},B=()=>{var e,t,n,r,l,o;let a;if(null!=T&&T.current&&null!=(e=null==T?void 0:T.current)&&e.field){const e=Bt(null==(t=null==T?void 0:T.current)?void 0:t.filter),i=Gt(g.filterOperators,e);a=Wr(null==(n=null==T?void 0:T.current)?void 0:n.field,g.filter),a=a?{...a,filters:a.filters.map((e=>({...e})))}:{logic:"and",filters:[{field:null==(r=null==T?void 0:T.current)?void 0:r.field,operator:i,value:Tt(i)?null:void 0},{field:null==(l=null==T?void 0:T.current)?void 0:l.field,operator:i,value:Tt(i)?null:void 0}]},1===a.filters.filter((e=>{var t;return e.field===(null==(t=null==T?void 0:T.current)?void 0:t.field)})).length&&a.filters.splice(1,0,{field:null==(o=null==T?void 0:T.current)?void 0:o.field,operator:i})}return a},O=(e,t)=>{const n=z.filters.map(((n,r)=>r===e?{...n,value:t.value||"",operator:t.operator||W[r].operator}:n));K({...z,filters:n})},[z,K]=x.useState(B()),H=null==z?void 0:z.filters,V=Bt(null==(t=null==T?void 0:T.current)?void 0:t.filter),W=Dt(g.filterOperators[V],D),q=Dt(Lt,D),_={field:null==(n=null==T?void 0:T.current)?void 0:n.field,value:null==H?void 0:H[0].value,operator:null==H?void 0:H[0].operator,operators:W,booleanValues:q,onChange:e=>{O(0,e)},filterType:V},U={field:null==(r=null==T?void 0:T.current)?void 0:r.field,value:null==H?void 0:H[1].value,operator:null==H?void 0:H[1].operator,operators:W,booleanValues:q,onChange:e=>{O(1,e)},filterType:V},j=null==z?void 0:z.logic,$=Dt(Nt,D),X={value:$.find((e=>e.operator===(null===j?"":j))),onChange:e=>{let t=e.target.value;"SPAN"===e.target.tagName&&(t=e.target.parentElement.value),K({...z,logic:t})},data:$},J=void 0!==e.hideSecondFilter?e.hideSecondFilter:At[V],Q=e.filterUI,Z={firstFilterProps:_,secondFilterProps:U,logicData:X.data,logicValue:X.value,onLogicChange:X.onChange,hideSecondFilter:J},ee=()=>({...z,filters:null==z?void 0:z.filters.filter((e=>void 0!==e.value&&null!==e.value&&""!==e.value||null===e.value&&e.operator))}),te=0!==(null==(s=null==(l=ee())?void 0:l.filters)?void 0:s.length)||Tt(null==H?void 0:H[0].operator)||Tt(null==H?void 0:H[1].operator),ne=e=>{if(e.preventDefault(),!g.filterChange)return;const t=Vr(g.filter),n={...t,filters:t.filters.filter((e=>{var t;return e.field!==(null==(t=null==T?void 0:T.current)?void 0:t.field)}))};te&&n.filters.push(ee()),g.filterChange(n,e),k(!0),C(!1)},re=t=>{if(t.preventDefault(),!g.filterChange)return;const n=Vr(g.filter),r=n.filters.filter((e=>{var t;return e.field!==(null==(t=null==T?void 0:T.current)?void 0:t.field)}));0===r.length?g.filterChange(null,t):g.filterChange({...n,filters:r},t),e.onCloseMenu&&e.onCloseMenu(),k(!1),I((e=>e.map((e=>({...e,expanded:!1})))))},le=x.useMemo((()=>void 0!==e.show?e.show:E),[e.show,E]),oe=()=>{var t;e.onCloseMenu&&e.onCloseMenu(),C(!1),R.current&&(null==(t=R.current.element)||t.focus())},{onFocus:ae,onBlur:ie}=o.useAsyncFocusBlur({onFocus:e=>{clearTimeout(M.current)},onBlur:e=>(e=>{const t=o.getActiveElement(document);clearTimeout(M.current),M.current=window.setTimeout((()=>{!g.mobileMode&&t&&e.relatedTarget!==R.current&&P.current&&!P.current.contains(t)&&oe()}))})(e)}),se=x.useCallback((e=>{if(e.preventDefault(),!g.filterChange)return;const t=Vr(g.filter),n=t.filters.filter((()=>!1));0===n.length?g.filterChange(null,e):g.filterChange({...t,filters:n},e),k(!1),I((e=>e.map((e=>({...e,expanded:!1})))))}),[g,Vr]),ue=x.createElement(m.Button,{ref:R,togglable:!0,selected:le,svgIcon:e.svgIcon?e.svgIcon:e.icon?void 0:i.filterIcon,icon:e.icon,size:g.mobileMode?"large":"medium",className:o.classNames("k-toolbar-button",{"k-icon-button":g.mobileMode}),title:D.toLanguageString(_e,$e[_e]),onClick:e=>{e.preventDefault(),C(!E)}},!g.mobileMode&&D.toLanguageString(_e,$e[_e])),pe=x.createElement(x.Fragment,null,A.map((e=>{var t,n;return e.filterable&&x.createElement(Tr,{key:e.id},x.createElement("div",{className:"k-expander"},x.createElement(Dr,{title:F(e),expandable:!0,expanded:!(null==(t=null==y?void 0:y.find((t=>t.column.field===e.field)))||!t.expanded),onClick:t=>G(0,e)})),x.createElement(Br,{show:!(null==(n=null==y?void 0:y.find((t=>t.column.field===e.field)))||!n.expanded)},x.createElement("form",{className:"k-filter-menu",onSubmit:ne,onReset:re},x.createElement("div",{className:"k-filter-menu-container"},Q?x.createElement(Q,{...Z}):x.createElement(zr,{...Z}),x.createElement("div",{className:"k-actions k-actions-stretched"},x.createElement(m.Button,{themeColor:"primary",disabled:!te},D.toLanguageString(me,$e[me])),x.createElement(m.Button,{type:"reset"},D.toLanguageString(ce,$e[ce])))))))})),x.createElement("div",{className:"k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer"},x.createElement(m.Button,{svgIcon:i.filterClearIcon,onClick:se},D.toLanguageString(de,$e[de]))));return x.createElement(x.Fragment,null,b?x.createElement(f.BadgeContainer,null,ue,x.createElement(f.Badge,{themeColor:"primary"})):ue,g.mobileMode?x.createElement(Qr,null,p.createPortal(x.createElement(ll,{filtered:A,computedShow:le,expandState:y,FilterUI:Q,filterUIProps:Z,isFilterValid:te,renderTitle:F,onBackView:()=>{w(!1)},clear:re,submit:ne,onClose:oe,onFilterExpand:G,handleClearAllFilters:se},pe),null==(c=L())?void 0:c.body)):x.createElement(d.Popup,{anchor:null==(u=R.current)?void 0:u.element,show:le,popupClass:"k-grid-columnmenu-popup",onMouseDownOutside:e=>{!e.isAnchorClicked&&C(!1)}},x.createElement("div",{ref:P,onBlur:ie,onFocus:ae,onMouseDown:e=>{var t;null==(t=N.current)||t.triggerMouseEvent(e)},onKeyDown:e=>{var t;null==(t=N.current)||t.triggerKeyboardEvent(e)},className:"k-column-menu k-column-menu-md"},pe)))};ol.displayName="KendoReactGridToolbarFilter";const al=e=>{const n=t.useContext(Y),{actionSheetRef:r}=t.useContext(Jr),l=o.useAdaptiveModeContext(),s=a.useLocalization(),c={animation:!0,navigatable:!1,navigatableElements:[],expand:e.computedShow,animationStyles:l&&n.adaptiveColumnMenuRef<=l.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:l&&n.adaptiveColumnMenuRef<=l.small?"fullscreen":void 0},d=s.toLanguageString(We,$e[We]);return t.createElement(u.ActionSheet,{...c,ref:r,style:{"--kendo-actionsheet-view-current":1},onClose:e.onClose},t.createElement(u.ActionSheetView,null,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"},d)),t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",svgIcon:i.checkIcon,themeColor:"primary",onClick:e.onClose,fillMode:"flat"})))),t.createElement(u.ActionSheetContent,null,t.createElement("div",{className:"k-column-menu k-column-menu-lg"},t.createElement(Tr,null,e.filtered.map((n=>t.createElement(Dr,{key:n.id,title:e.renderTitle(n),onClick:t=>e.handleSorting(t,n)})))))),t.createElement(u.ActionSheetFooter,null,t.createElement("div",{className:"k-actions k-actions-stretched"},t.createElement(m.Button,{svgIcon:i.xIcon,onClick:e.onClear,size:"large",disabled:e.isDisabledButton},s.toLanguageString(he,$e[he])),t.createElement(m.Button,{svgIcon:i.checkIcon,themeColor:"primary",size:"large",onClick:e.onClose},s.toLanguageString(ve,$e[ve]))))))},il=e=>{var t,n;const r=x.useContext(Y),l=r.columnsState,s=r.sortable,c=r.sort,u=r.defaultSort,[g,h]=x.useState(!0),[v,E]=x.useState(!1),[C,b]=x.useState(!1),k=x.useRef(null),y=x.useRef(null),I=x.useRef(null),S=x.useRef(0),w=a.useLocalization(),R=o.useDocument(k);x.useEffect((()=>{u&&(E(!0),h(!1))}),[u]);const P=x.useMemo((()=>(null==l?void 0:l.filter((e=>{var t;return null==(t=e.title||e.field)?void 0:t.toLowerCase()})))||[]),[l]),N=x.useCallback(((e,t)=>{r.headerCellClick(e,t),h(!1),E(!0)}),[r]),M=x.useCallback((e=>{r.sortChange([],e),E(!1)}),[r]),T=x.useCallback((e=>{const t=c?c.findIndex((t=>t.field===e.field)):-1;return x.createElement(x.Fragment,null,e.title||e.field,x.createElement("span",{className:"k-columnmenu-indicators"},t>=0&&[x.createElement(o.SvgIcon,{key:1,icon:"asc"===c[t].dir?i.sortAscSmallIcon:i.sortDescSmallIcon}),c.length>1&&x.createElement("span",{key:2,className:"k-sort-index"},t+1)]))}),[c]),D=x.useMemo((()=>void 0!==e.show?e.show:C),[e.show,C]),L=()=>{var t;e.onCloseMenu&&e.onCloseMenu(),b(!1),k.current&&(null==(t=k.current.element)||t.focus())},{onFocus:A,onBlur:F}=o.useAsyncFocusBlur({onFocus:e=>{clearTimeout(S.current)},onBlur:e=>(e=>{const t=o.getActiveElement(document);clearTimeout(S.current),S.current=window.setTimeout((()=>{!r.mobileMode&&t&&e.relatedTarget!==k.current&&y.current&&!y.current.contains(t)&&L()}))})(e)}),G=x.createElement(x.Fragment,null,x.createElement(Tr,null,P.map((e=>x.createElement(Dr,{key:e.id,title:T(e),onClick:t=>N(t,e)})))),x.createElement("div",{className:"k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer"},x.createElement(m.Button,{svgIcon:i.xIcon,onClick:M,disabled:g},w.toLanguageString(he,$e[he])))),B=x.createElement(m.Button,{ref:k,togglable:!0,selected:D,svgIcon:e.svgIcon?e.svgIcon:e.icon?void 0:i.arrowsSwapIcon,icon:e.icon,size:r.mobileMode?"large":"medium",className:o.classNames("k-toolbar-button",{"k-icon-button":r.mobileMode}),title:w.toLanguageString(qe,$e[qe]),onClick:e=>{e.preventDefault(),b(!C)}},!r.mobileMode&&w.toLanguageString(qe,$e[qe]));return s&&x.createElement(x.Fragment,null,v?x.createElement(f.BadgeContainer,null,B,x.createElement(f.Badge,{themeColor:"primary"})):B,r.mobileMode?x.createElement(Qr,null,p.createPortal(x.createElement(al,{filtered:P,computedShow:D,isDisabledButton:g,renderTitle:T,onClose:L,onClear:M,handleSorting:N},G),null==(t=R())?void 0:t.body)):x.createElement(d.Popup,{anchor:null==(n=k.current)?void 0:n.element,show:D,popupClass:"k-grid-columnmenu-popup",onMouseDownOutside:e=>{!e.isAnchorClicked&&b(!1)}},x.createElement("div",{ref:y,onBlur:F,onFocus:A,onMouseDown:e=>{var t;null==(t=I.current)||t.triggerMouseEvent(e)},onKeyDown:e=>{var t;null==(t=I.current)||t.triggerKeyboardEvent(e)},className:"k-column-menu k-column-menu-md"},G)))};il.displayName="KendoReactGridToolbarSort";const sl=e=>{const{data:t=[]}=e,n=!o.validatePackage(dn,{component:"StatusBar"});return x.createElement("div",{className:"k-selection-aggregates k-grid-selection-aggregates"},t.map(((e,t)=>x.createElement("div",{key:t},x.createElement("span",{className:"k-selection-aggregates-item-text"},e.type,": "),x.createElement("span",{className:"k-selection-aggregates-item-value"},e.formattedValue)))),n&&x.createElement(o.WatermarkOverlay,null))};sl.displayName="KendoReactGridStatusBar";const cl=e=>{var t;const n=e.slice();for(let e=0;e<n.length;e++)for(;n[e]&&null!=(t=n[e].children)&&t.length;)n.splice(e,1,...n[e].children);return n};Object.defineProperty(e,"getSelectedState",{enumerable:!0,get:function(){return l.getSelectedState}}),Object.defineProperty(e,"getSelectedStateFromKeyDown",{enumerable:!0,get:function(){return l.getSelectedStateFromKeyDown}}),Object.defineProperty(e,"setSelectedState",{enumerable:!0,get:function(){return l.setSelectedState}}),e.GRID_COL_INDEX_ATTRIBUTE=ot,e.GRID_PREVENT_SELECTION_ELEMENT=at,e.GRID_ROW_INDEX_ATTRIBUTE=lt,e.Grid=Nr,e.GridCell=Yt,e.GridColumn=k,e.GridColumnMenuCheckboxFilter=e=>{const{uniqueData:t=Ur.uniqueData}=e,n=x.useContext(Y),l=(t,n)=>{const r=e.column.field||"",l=t.map((e=>P(r,e)));return n?l.filter(((e,t)=>l.indexOf(e)===t)):l},c=()=>e.filter?o.clone(e.filter):{filters:[],logic:"and"},d=x.useRef((()=>{const t=e.column.field;return c().filters.findIndex((e=>e.filters&&e.filters.length>0&&e.filters[0].field===t))})()),[u,p]=x.useState(e.expanded||!1),[g,f]=x.useState(!1),[h,v]=x.useState(""),[E,C]=x.useState(l(e.data,t)||[]),[b,k]=x.useState(l(e.data,!1)||[]),[y,I]=x.useState(c());x.useEffect((()=>{const t=e.column.field||"",n=e.data.map((e=>P(t,e)));_r(n,b)||(C(n),k(n))}),[e.column,e.data]);const S=()=>void 0!==e.expanded,w=n=>{const o=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",a={logic:"and",filters:[{field:e.column.field,operator:o,value:n.target.value,ignoreCase:!0}]};v(n.target.value),C(l(r.filterBy(e.data||[],a),t))},R=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=y||null;null!==n&&n.filters.length>0?(d.current>=0&&n.filters.splice(d.current,1),e.onFilterChange(n,t)):e.onFilterChange(null,t),e.onCloseMenu&&e.onCloseMenu()},N=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=y||null;e.onFilterChange(n,t),e.onCloseMenu&&e.onCloseMenu()},M=(t,n)=>{const r=e.column.field||"",l={...y},o=[...y.filters];let a=[];if(-1!==d.current&&l.filters[d.current].filters&&"all"!==n&&(a=l.filters[d.current].filters),t.value&&"all"===n)E.forEach((e=>{a.push({field:r,operator:"eq",value:e})}));else if(t.value)a.push({field:r,operator:"eq",value:n});else if(y){const e=a.findIndex((e=>e.value===n));a.splice(e,1)}l.logic="and",-1!==d.current?o[d.current]={logic:"or",filters:a}:o.push({logic:"or",filters:a}),(!t.value&&"all"===n||0===a.length)&&o.splice(d.current,1),l.filters=o,I(l)},T=()=>{let e=!1;if(y){const t=[...y.filters];return-1!==d.current&&(e=E.every((e=>!(-1===d.current||!t[d.current].filters)&&t[d.current].filters.findIndex((t=>t.value===e))>=0)),e)}return e},D=a.useLocalization(),{column:L}=e;if(!L||!L.field)return x.createElement("div",null);const A=S()?e.expanded:u,F=[];if(y){const t=[...y.filters];d.current=t.findIndex((e=>!!(e.filters&&e.filters.length>0)&&e.filters[0].field===L.field)),-1!==d.current&&t[d.current].filters.length>0&&t[d.current].filters.forEach((t=>{t.field===e.column.field&&F.push(t.value)}))}const G=D.toLanguageString(ce,$e[ce]),B=e.searchBox?x.createElement(e.searchBox,{value:h,onChange:w}):x.createElement("div",{className:"k-searchbox k-textbox k-input k-input-md k-input-solid "+(null!=n&&n.mobileMode?"k-input-lg":"k-input-md")},x.createElement(o.IconWrap,{className:"k-input-icon",name:"search",icon:i.searchIcon}),x.createElement(s.Input,{className:"k-input-inner",type:"text",placeholder:D.toLanguageString(Ee,$e[Ee]),value:h,onChange:e=>w(e.nativeEvent)}),x.createElement(m.Button,{type:"button",rounded:null,className:"k-input-button",onClick:()=>{const n=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",o={logic:"and",filters:[{field:e.column.field,operator:n,value:"",ignoreCase:!0}]};v(""),C(l(r.filterBy(e.data||[],o),t))},icon:"x","aria-label":G,svgIcon:i.xIcon})),O=F.filter(((e,t)=>F.indexOf(e)===t));return x.createElement(Tr,null,!(e.alwaysExpand&&(null==n||!n.mobileMode))&&x.createElement("div",{className:"k-expander"},x.createElement(Dr,{title:D.toLanguageString(pe,$e[pe]),iconClass:"k-i-filter",svgIcon:i.filterIcon,expandable:!0,expanded:!!A,onClick:()=>{const t=S(),r=!(t?e.expanded:u);e.onExpandChange&&e.onExpandChange(r),f(!g),!t&&(null==n||!n.mobileMode)&&p(r)}})),null!=n&&n.mobileMode&&g?x.createElement(qr,{onBackView:()=>{f(!1)},handleClose:()=>{f(!1),e.onCloseMenu&&e.onCloseMenu()},searchBox:e.searchBox,handleCheckBoxChange:M,isAllSelected:T,currentData:E,uniqueFilterValues:O,submit:N,clear:R}):x.createElement(Br,{show:(e.alwaysExpand||!!A)&&!(null!=n&&n.mobileMode)},x.createElement("form",{className:"k-filter-menu",onSubmit:N,onReset:R},x.createElement("div",{className:"k-filter-menu-container"},B,x.createElement("ul",{className:"k-reset k-multicheck-wrap"},x.createElement("li",{className:"k-item k-check-all-wrap"},x.createElement(s.Checkbox,{label:D.toLanguageString(xe,$e[xe]),onChange:e=>M(e,"all"),checked:T()})),E.map(((e,t)=>x.createElement("li",{className:"k-item",key:t},x.createElement(s.Checkbox,{label:String(e),onChange:t=>M(t,e),checked:O.includes(e)}))))),x.createElement("div",{className:"k-filter-selected-items"},O.length+" "+D.toLanguageString(Ie,$e[Ie])),x.createElement("div",{className:"k-actions k-hstack k-justify-content-stretch"},x.createElement(m.Button,{themeColor:"primary",type:"submit"},D.toLanguageString(me,$e[me])),x.createElement(m.Button,{className:"k-button",type:"reset"},D.toLanguageString(ce,$e[ce])))))))},e.GridColumnMenuColumnsChooser=Xr,e.GridColumnMenuColumnsList=jr,e.GridColumnMenuFilter=e=>{const t=x.useContext(Y),n=x.useCallback((()=>{let t;if(e.column&&e.column.field){const n=Bt(e.column.filter),r=Gt(e.filterOperators,n);t=Wr(e.column.field,e.filter),t=t?{...t,filters:t.filters.map((e=>({...e})))}:{logic:"and",filters:[{field:e.column.field,operator:r,value:Tt(r)?null:void 0},{field:e.column.field,operator:r,value:Tt(r)?null:void 0}]},1===t.filters.filter((t=>t.field===e.column.field)).length&&t.filters.splice(1,0,{field:e.column.field,operator:r})}return t}),[e.column]),[r,l]=x.useState(e.expanded||!1),[o,s]=x.useState(!1),[c,d]=x.useState(n()),u=()=>void 0!==e.expanded,p=(e,t)=>{const n=c.filters.map(((n,r)=>r===e?{...n,value:t.value,operator:t.operator}:n));d({...c,filters:n})},g=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=e.column.field,r=Vr(e.filter),l=Wr(n,e.filter),o=r.filters.filter((e=>e!==l));o.length?e.onFilterChange({...r,filters:o},t):e.onFilterChange(null,t),e.onCloseMenu&&e.onCloseMenu()},f=()=>({...c,filters:c.filters.filter((e=>void 0!==e.value&&null!==e.value&&""!==e.value||null===e.value&&e.operator))}),h=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=e.column.field,r=Vr(e.filter),l=Wr(n,e.filter),o=f();let a=null;if(l&&o.filters.length>0){const e=r.filters.map((e=>e===l?o:e));a={...r,filters:e}}else if(0===o.filters.length){const e=r.filters.filter((e=>e!==l));e.length&&(a={...r,filters:e})}else a={...r,filters:[...r.filters,o]};e.onFilterChange(a,t),e.onCloseMenu&&e.onCloseMenu()},{column:v,filterUI:E,hideSecondFilter:C,filterOperators:b}=e,k=a.useLocalization();if(!v||!v.field)return x.createElement("div",null);const y=Bt(v.filter),I=void 0!==C?C:At[y],S=c.filters,w=Dt(b[y],k),R=Dt(Lt,k),P={field:v.field,value:S[0].value,operator:S[0].operator,operators:w,booleanValues:R,onChange:e=>{p(0,e)},filterType:y},N={field:v.field,value:S[1].value,operator:S[1].operator,operators:w,booleanValues:R,onChange:e=>{p(1,e)},filterType:y},M=c.logic,T=Dt(Nt,k),D={value:T.find((e=>e.operator===(null===M?"":M))),onChange:e=>{let t=e.target.value;"SPAN"===e.target.tagName&&(t=e.target.parentElement.value),d({...c,logic:t})},data:T},L=E,A={firstFilterProps:P,secondFilterProps:N,logicData:D.data,logicValue:D.value,onLogicChange:D.onChange,hideSecondFilter:I},F=0!==f().filters.length||Tt(S[0].operator)||Tt(S[1].operator),G=u()?e.expanded:r,B=e.alwaysExpand&&!t.mobileMode,O=`${k.toLanguageString(Oe,$e[Oe])} ${v.title||v.field}`;return x.createElement(Tr,null,!B&&x.createElement("div",{className:"k-expander"},x.createElement(Dr,{title:k.toLanguageString(pe,$e[pe]),iconClass:"k-i-filter",svgIcon:i.filterIcon,expandable:!0,expanded:!!G,onClick:()=>{const n=u(),a=!(n?e.expanded:r);e.onExpandChange&&e.onExpandChange(a),s(!o),!n&&!t.mobileMode&&l(a)}})),t.mobileMode&&o?x.createElement(Hr,{FilterUI:L,filterUIProps:A,onBackView:()=>{s(!1)},adaptiveTitle:O,handleClose:()=>{s(!1),e.onCloseMenu&&e.onCloseMenu()},submit:h,clear:g,isFilterValid:F}):x.createElement(Br,{show:(B||!!G)&&!t.mobileMode},x.createElement("form",{className:"k-filter-menu",onSubmit:h,onReset:g},x.createElement("div",{className:"k-filter-menu-container"},L?x.createElement(L,{...A}):x.createElement(zr,{...A}),x.createElement("div",{className:"k-actions k-actions-stretched"},x.createElement(m.Button,{themeColor:"primary",disabled:!F},k.toLanguageString(me,$e[me])),x.createElement(m.Button,{type:"reset"},k.toLanguageString(ce,$e[ce])))))))},e.GridColumnMenuFilterCell=Or,e.GridColumnMenuFilterUI=zr,e.GridColumnMenuGroup=e=>{const{group:t,column:n}=e,r=a.useLocalization(),l=!!(t&&n.field&&t.find((e=>e.field===n.field))),o=l?ae:oe;return x.createElement(Tr,null,x.createElement(Dr,{title:r.toLanguageString(o,$e[o]),iconClass:l?"k-i-ungroup":"k-i-group",svgIcon:l?i.ungroupIcon:i.groupIcon,onClick:t=>{if(t.preventDefault(),e.onGroupChange){if(!e.column.field)return;const n=(e.group||[]).slice(),r=n.findIndex((t=>t.field===e.column.field));r>-1?n.splice(r,1):n.push({field:e.column.field}),e.onGroupChange(n,t)}e.onCloseMenu&&e.onCloseMenu()}}))},e.GridColumnMenuItem=Dr,e.GridColumnMenuItemContent=Br,e.GridColumnMenuItemGroup=Tr,e.GridColumnMenuSort=e=>{const t=(t,n)=>{if(t.preventDefault(),!e.onSortChange)return;const{allowUnsort:r,mode:l}=xn(e.sortable||!1,!1),o=(e.sort||[]).filter((t=>t.field===e.column.field))[0],a=kn[r][o&&o.dir||""][n],i="single"===l?[]:(e.sort||[]).filter((t=>t.field!==e.column.field));""!==a&&e.column.field&&i.push({field:e.column.field,dir:a}),e.onSortChange(i,t)},{sort:n,column:r}=e,l=Ar(r.field,n),o=a.useLocalization();return x.createElement(Tr,null,x.createElement(Dr,{title:o.toLanguageString(ge,$e[ge]),iconClass:"k-i-sort-asc-sm",svgIcon:i.sortAscSmallIcon,selected:Fr(l,n),onClick:n=>{t(n,"asc"),e.onCloseMenu&&e.onCloseMenu()}}),x.createElement(Dr,{title:o.toLanguageString(fe,$e[fe]),iconClass:"k-i-sort-desc-sm",svgIcon:i.sortDescSmallIcon,selected:Gr(l,n),onClick:n=>{t(n,Lr),e.onCloseMenu&&e.onCloseMenu()}}))},e.GridColumnMenuWrapper=Et,e.GridCommonDragLogic=vn,e.GridContextMenu=bn,e.GridContextMenuAnchorPart=w,e.GridContextMenuItemNames=R,e.GridDetailRow=e=>null,e.GridEditCell=ut,e.GridFilterCell=Kt,e.GridGroupCell=tn,e.GridHeaderCell=Ct,e.GridHierarchyCell=nt,e.GridNoRecords=ln,e.GridPdfExportButton=e=>{const t=a.useLocalization(),n=x.useContext(Y),r=o.classNames("k-grid-pdf",e.className),l=t.toLanguageString(be,$e[be]);return x.createElement(m.Button,{title:l,type:"button",...e,icon:"file-pdf",svgIcon:i.filePdfIcon,className:r,onClick:t=>{n.exportAsPdf(),e.onClick&&e.onClick.call(void 0,t)}},e.children||l)},e.GridRow=nn,e.GridSearchBox=e=>{const t=a.useLocalization(),n=x.useContext(Y),[r]=j(),c=l.getStringFromSearch(r.search),d=o.classNames("k-grid-search","k-searchbox",e.className),u=t.toLanguageString(Ce,$e[Ce]);return x.createElement(s.TextBox,{placeholder:u,value:c,prefix:()=>x.createElement(s.InputPrefix,{orientation:"horizontal"},x.createElement(o.SvgIcon,{icon:i.searchIcon})),...e,className:d,onChange:t=>{n.searchChange(t),e.onChange&&e.onChange.call(void 0,t)}})},e.GridSelectionCell=Cr,e.GridToolbar=Yr,e.GridToolbarCheckboxFilter=tl,e.GridToolbarColumnsChooser=rl,e.GridToolbarFilter=ol,e.GridToolbarSort=il,e.StatusBar=sl,e.booleanFilterValues=Lt,e.cellBoolDropdownChange=Ot,e.cellInputChange=Ft,e.cellOperatorChange=zt,e.contextMenuItemsMap=Cn,e.filterGroupByField=Wr,e.getStatusData=e=>{const{dataItems:t,target:n}=e,r=cl(n.columns).map((e=>e.field)).filter((e=>e&&"string"==typeof e)).map((e=>o.getter(e))),l={dates:[],numbers:[],booleans:[],others:[]};t.forEach((t=>{const n=(t=>e.select[o.getter(e.dataItemKey)(t)])(t);Array.isArray(n)&&n.forEach((e=>{(e=>{"number"==typeof e?l.numbers.push(e):"boolean"==typeof e?l.booleans.push(e):e instanceof Date?l.dates.push(e):l.others.push(e)})(r[e](t))}))}));const a=l.dates.map((e=>e.getTime())),i=l.booleans.filter((e=>e)).length,s=l.booleans.filter((e=>!e)).length,c=l.numbers.length?l.numbers.reduce(((e,t)=>e+t),0):void 0,d={sum:c,average:"number"==typeof c?c/l.numbers.length:void 0,min:l.numbers.length?Math.min(...l.numbers):void 0,max:l.numbers.length?Math.max(...l.numbers):void 0,count:l.numbers.length+l.booleans.length+l.dates.length+l.others.length,isTrue:i>0?i:void 0,isFalse:s>0?s:void 0,earliest:l.dates.length?new Date(Math.min(...a)):void 0,latest:l.dates.length?new Date(Math.max(...a)):void 0},u=(e,t)=>"sum"!==t&&"average"!==t||"number"!=typeof e?("earliest"===t||"latest"===t)&&e instanceof Date?e.toLocaleDateString():String(e):e.toFixed(2),m=[];return Object.keys(d).forEach((e=>{const t=e,n=d[t];void 0!==n&&m.push({type:t,value:n,formattedValue:u(n,t)})})),m},e.gridMessages=$e,e.isColumnMenuFilterActive=(e,t)=>!!Wr(e,t),e.isColumnMenuSortActive=(e,t)=>{const n=Ar(e,t);return Gr(n,t)||Fr(n,t)},e.leafColumns=cl,e.operators=Mt,e.pagerFirstPage=Z,e.pagerInfo=Q,e.pagerItemPerPage=re,e.pagerLastPage=ne,e.pagerNextPage=te,e.pagerPreviousPage=ee,e.rootFilterOrDefault=Vr}));
|