@progress/kendo-react-grid 11.0.0-develop.6 → 11.0.0-develop.8
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/GridClientContextReader.js +1 -1
- package/GridClientContextReader.mjs +16 -13
- package/GridClientWrapper.js +1 -1
- package/GridClientWrapper.mjs +419 -421
- package/GridComponent.js +1 -1
- package/GridComponent.mjs +402 -395
- package/VirtualScroll.js +1 -1
- package/VirtualScroll.mjs +65 -107
- package/cells/GridDetailHierarchyCell.js +1 -1
- package/cells/GridDetailHierarchyCell.mjs +4 -4
- package/cells/datacell/GridCell.js +9 -0
- package/cells/datacell/GridCell.mjs +29 -0
- package/cells/datacell/GridCellServer.js +8 -0
- package/cells/datacell/GridCellServer.mjs +27 -0
- package/cells/datacell/GridCellServerContainer.js +9 -0
- package/cells/datacell/GridCellServerContainer.mjs +26 -0
- package/cells/datacell/useCellClientTdProps.js +9 -0
- package/cells/datacell/useCellClientTdProps.mjs +30 -0
- package/cells/datacell/utils.js +8 -0
- package/cells/datacell/utils.mjs +47 -0
- package/cells/detailcell/GridDetailCell.js +9 -0
- package/cells/detailcell/GridDetailCell.mjs +18 -0
- package/cells/detailcell/GridDetailCellServer.js +8 -0
- package/cells/detailcell/GridDetailCellServer.mjs +17 -0
- package/cells/detailcell/GridDetailCellServerContainer.js +9 -0
- package/cells/detailcell/GridDetailCellServerContainer.mjs +19 -0
- package/cells/detailcell/useDetailCellClientTdProps.js +9 -0
- package/cells/detailcell/useDetailCellClientTdProps.mjs +20 -0
- package/cells/detailcell/utils.js +8 -0
- package/cells/detailcell/utils.mjs +20 -0
- package/cells/editcell/GridEditCell.js +9 -0
- package/cells/editcell/GridEditCell.mjs +26 -0
- package/cells/editcell/GridEditCellServer.js +8 -0
- package/cells/editcell/GridEditCellServer.mjs +32 -0
- package/cells/editcell/GridEditCellServerContainer.js +9 -0
- package/cells/editcell/GridEditCellServerContainer.mjs +26 -0
- package/cells/editcell/useEditCellClientTdProps.js +9 -0
- package/cells/editcell/useEditCellClientTdProps.mjs +21 -0
- package/cells/editcell/utils.js +8 -0
- package/cells/editcell/utils.mjs +29 -0
- package/cells/groupcell/GridGroupCell.js +9 -0
- package/cells/groupcell/GridGroupCell.mjs +24 -0
- package/cells/groupcell/GridGroupCellServer.js +8 -0
- package/cells/groupcell/GridGroupCellServer.mjs +44 -0
- package/cells/groupcell/GridGroupCellServerContainer.js +9 -0
- package/cells/groupcell/GridGroupCellServerContainer.mjs +38 -0
- package/cells/groupcell/useGroupCellClientTdProps.js +9 -0
- package/cells/groupcell/useGroupCellClientTdProps.mjs +44 -0
- package/cells/groupcell/utils.js +8 -0
- package/cells/groupcell/utils.mjs +48 -0
- package/cells/hierarchycell/GridHierarchyCell.js +9 -0
- package/cells/hierarchycell/GridHierarchyCell.mjs +25 -0
- package/cells/hierarchycell/GridHierarchyCellServer.js +8 -0
- package/cells/hierarchycell/GridHierarchyCellServer.mjs +32 -0
- package/cells/hierarchycell/GridHierarchyCellServerContainer.js +9 -0
- package/cells/hierarchycell/GridHierarchyCellServerContainer.mjs +26 -0
- package/cells/hierarchycell/useHierarchyCellClientTdProps.js +9 -0
- package/cells/hierarchycell/useHierarchyCellClientTdProps.mjs +35 -0
- package/cells/hierarchycell/utils.js +8 -0
- package/cells/hierarchycell/utils.mjs +30 -0
- package/cells/hooks.js +9 -0
- package/cells/hooks.mjs +41 -0
- package/cells/rowreordercell/GridRowReorderCell.js +9 -0
- package/cells/rowreordercell/GridRowReorderCell.mjs +19 -0
- package/cells/rowreordercell/GridRowReorderCellServer.js +8 -0
- package/cells/rowreordercell/GridRowReorderCellServer.mjs +18 -0
- package/cells/rowreordercell/GridRowReorderCellServerContainer.js +9 -0
- package/cells/rowreordercell/GridRowReorderCellServerContainer.mjs +19 -0
- package/cells/rowreordercell/useRowReorderCellClientTdProps.js +9 -0
- package/cells/rowreordercell/useRowReorderCellClientTdProps.mjs +26 -0
- package/cells/rowreordercell/utils.js +8 -0
- package/cells/rowreordercell/utils.mjs +30 -0
- package/cells/selectioncell/GridSelectionCell.js +9 -0
- package/cells/selectioncell/GridSelectionCell.mjs +26 -0
- package/cells/selectioncell/GridSelectionCellServer.js +8 -0
- package/cells/selectioncell/GridSelectionCellServer.mjs +33 -0
- package/cells/selectioncell/GridSelectionCellServerContainer.js +9 -0
- package/cells/selectioncell/GridSelectionCellServerContainer.mjs +26 -0
- package/cells/selectioncell/useSelectionCellClientTdProps.js +9 -0
- package/cells/selectioncell/useSelectionCellClientTdProps.mjs +21 -0
- package/cells/selectioncell/utils.js +8 -0
- package/cells/selectioncell/utils.mjs +25 -0
- package/components/GridDraggableRowsContainer.js +1 -1
- package/components/GridDraggableRowsContainer.mjs +71 -67
- package/components/VirtualScrollHeightContainer.js +1 -1
- package/components/VirtualScrollHeightContainer.mjs +4 -4
- package/components/table/GridTableScrollable.js +1 -1
- package/components/table/GridTableScrollable.mjs +16 -15
- package/components/utils.js +1 -1
- package/components/utils.mjs +9 -10
- package/dist/cdn/js/kendo-react-grid.js +1 -1
- package/index.d.mts +19 -5
- package/index.d.ts +19 -5
- package/index.js +1 -1
- package/index.mjs +5 -5
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +16 -16
- package/utils/index.js +1 -1
- package/utils/index.mjs +112 -104
- package/VirtualScrollFixed.js +0 -8
- package/VirtualScrollFixed.mjs +0 -52
- package/cells/GridCell.js +0 -8
- package/cells/GridCell.mjs +0 -52
- package/cells/GridDetailCell.js +0 -8
- package/cells/GridDetailCell.mjs +0 -26
- package/cells/GridEditCell.js +0 -8
- package/cells/GridEditCell.mjs +0 -35
- package/cells/GridGroupCell.js +0 -8
- package/cells/GridGroupCell.mjs +0 -74
- package/cells/GridHierarchyCell.js +0 -8
- package/cells/GridHierarchyCell.mjs +0 -33
- package/cells/GridRowReorderCell.js +0 -8
- package/cells/GridRowReorderCell.mjs +0 -42
- package/cells/GridSelectionCell.js +0 -8
- package/cells/GridSelectionCell.mjs +0 -30
- package/cells/client/DetailCellContainer.js +0 -9
- package/cells/client/DetailCellContainer.mjs +0 -27
- package/cells/client/GridCellContainer.js +0 -9
- package/cells/client/GridCellContainer.mjs +0 -69
- package/cells/client/GridEditCellContainer.js +0 -9
- package/cells/client/GridEditCellContainer.mjs +0 -61
- package/cells/client/GridGroupCellContainer.js +0 -9
- package/cells/client/GridGroupCellContainer.mjs +0 -88
- package/cells/client/GridHierarchyCellContainer.js +0 -9
- package/cells/client/GridHierarchyCellContainer.mjs +0 -64
- package/cells/client/GridRowReorderContainer.js +0 -9
- package/cells/client/GridRowReorderContainer.mjs +0 -31
- package/cells/client/GridSelectionCellContainer.js +0 -9
- package/cells/client/GridSelectionCellContainer.mjs +0 -61
- /package/cells/{client → editcell}/GridEditCellEditor.js +0 -0
- /package/cells/{client → editcell}/GridEditCellEditor.mjs +0 -0
- /package/cells/{client → groupcell}/GridGroupCellToggle.js +0 -0
- /package/cells/{client → groupcell}/GridGroupCellToggle.mjs +0 -0
- /package/cells/{client → hierarchycell}/GridHierarchyCellToggle.js +0 -0
- /package/cells/{client → hierarchycell}/GridHierarchyCellToggle.mjs +0 -0
- /package/cells/{client → selectioncell}/GridSelectionCellInput.js +0 -0
- /package/cells/{client → selectioncell}/GridSelectionCellInput.mjs +0 -0
|
@@ -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-layout"),require("@progress/kendo-react-inputs"),require("@progress/kendo-react-dateinputs"),require("@progress/kendo-react-popup"),require("@progress/kendo-react-buttons"),require("@progress/kendo-react-dropdowns"),require("react-dom"),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-layout","@progress/kendo-react-inputs","@progress/kendo-react-dateinputs","@progress/kendo-react-popup","@progress/kendo-react-buttons","@progress/kendo-react-dropdowns","react-dom","@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.KendoReactLayout,e.KendoReactInputs,e.KendoReactDateinputs,e.KendoReactPopup,e.KendoReactButtons,e.KendoReactDropdowns,e.ReactDOM,e.KendoReactIndicators,e.KendoReactLabels,e.KendoReactDialogs,e.KendoReactForm,e.KendoReactAnimation)}(this,(function(e,t,n,r,l,a,o,i,s,c,d,u,m,p,g,h,f,C,v,b){"use strict";function E(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=E(t);const I=e=>null;I.displayName="KendoReactGridColumn";const y={filterable:!0,editable:!0,sortable:!0,resizable:!0,reorderable:!0,groupable:!0};I.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 k=()=>t.createElement(t.Fragment,null),S=k;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,a,o,i,s,c,d,u,m=0,p){var g;let h=m;for(let f=0;f<t.length;f++){let C;if(!o||void 0===t[f].value||void 0===t[f].items){e[e.length]={dataIndex:a.index,dataItem:t[f],rowType:"data",level:m,group:p,expanded:null!=(g=i?P(i,t[f]):u&&!(null==s||!s[r.getter(u)(t[f])]))&&g},a.index++;continue}{let e;e=null!=p&&p.parents?[{field:p.field,value:p.value},...p.parents]:p?[p]:[],C={field:t[f].field,value:t[f].value,parents:e}}h=Math.max(h,m+1);let v=!1;if(i)v=!1!==P(i,t[f]);else{const e=l.findGroupExpand(c||[],C);v=e?!1!==e.expanded:!1!==d}e[e.length]={dataIndex:-1,dataItem:t[f],level:m,group:C,rowType:"groupHeader",expanded:v},v&&(C.expanded=v,h=Math.max(N(e,t[f].items,n,a,o,i,s,c,d,u,m+1,C),h)),("always"===n||v&&"visible"===n)&&(e[e.length]={dataIndex:-1,dataItem:t[f],rowType:"groupFooter",level:m,expanded:v})}return h}function M(e,t,n,r=0,o=!1){const i=[];if(!e)return[];e&&void 0===e.length&&(e=[e]),e.forEach(((e,s)=>{const c=(e=e.props?e.props:e).id?e.id:l.tableKeyboardNavigationTools.generateNavigatableId(""+n.prevId++,n.idPrefix,"column"),d=!!(a.canUseDOM&&e.media&&window.matchMedia)&&!window.matchMedia(e.media).matches,u=o||d||e.hidden,m=null==t?void 0:t.find((e=>e.id===c)),p=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,G=e=>(e.sort(((e,t)=>e.declarationIndex-t.declarationIndex)),e.map((e=>{const{declarationIndex:t,parentIndex:n,depth:r,headerColSpan:l,rowSpan:a,index:o,kFirst:i,children:s,...c}=e;return s.length?{children:G(s),...c}:c}))),F=e=>{const{filterCell:t,headerCell:n,footerCell:r,cells:l,cell:a,rowSpannable:o,...i}=e;return e.children.length?{...i,children:e.children.map(F)}:i},A=e=>({id:e.id,field:e.field,title:e.title,width:e.width,hidden:!1,children:e.children?O(e.children):null}),O=e=>e.map(A),H=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=17895697,B=(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},V=e=>{var t;return"object"==typeof e?null==(t=e.enabled)||t:null!=e&&e},W=e=>!(!e||e.$$typeof!==Symbol.for("react.client.reference")),_=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,render:e.render,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,a="object"==typeof e&&null!=(n=e.valueGetter)?n:(e,t)=>r.getter(t)(e);return{enabled:l,valueGetter:a}},U=(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},j=t.createContext([{},()=>{},{}]),$=()=>t.useContext(j),X=e=>{var n,r,l,a,o,i,s,c,d,u,m,p,g,h,f,C,v,b,E,x,I,y;const{children:k,onEditChange:S,onFilterChange:w,onSortChange:R,onSearchChange:P,onPageChange:N,onGroupChange:M,onDataStateChange:T,onSelectionChange:D,onDetailExpandChange:L,onGroupExpandChange:G,onHeaderSelectionChange:F,onColumnsStateChange:A}=e,[O,H]=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!=(a=e.defaultSearch)?a:e.search,sort:null!=(o=e.defaultSort)?o:e.sort,take:null!=(i=e.defaultTake)?i:e.take,skip:null!=(s=e.defaultSkip)?s:e.skip,group:null!=(c=e.defaultGroup)?c:e.group,detailExpand:null!=(d=e.defaultDetailExpand)?d:e.detailExpand,groupExpand:null!=(u=e.defaultGroupExpand)?u:e.groupExpand,columnsState:null!=(m=e.defaultColumnsState)?m:e.columnsState}),z={edit:null!=(p=e.edit)?p:O.edit,filter:null!=(g=e.filter)?g:O.filter,search:null!=(h=e.search)?h:O.search,sort:null!=(f=e.sort)?f:O.sort,take:null!=(C=e.take)?C:O.take,skip:null!=(v=e.skip)?v:O.skip,group:null!=(b=e.group)?b:O.group,select:null!=(E=e.select)?E:O.select,detailExpand:null!=(x=e.detailExpand)?x:O.detailExpand,groupExpand:null!=(I=e.groupExpand)?I:O.groupExpand,columnsState:null!=(y=e.columnsState)?y:O.columnsState};return t.createElement(j.Provider,{value:[z,e=>{},{onEditChange:e=>{H((t=>({...t,edit:e.edit}))),null==S||S(e)},onFilterChange:w&&(e=>{H((t=>({...t,filter:e.filter}))),null==w||w(e)}),onSearchChange:e=>{H((t=>({...t,search:e.search}))),null==P||P(e)},onSortChange:R&&(e=>{H((t=>({...t,sort:e.sort}))),null==R||R(e)}),onPageChange:N&&(e=>{H((t=>({...t,...e.page}))),null==N||N(e)}),onGroupChange:M&&(e=>{H((t=>({...t,group:e.group}))),null==M||M(e)}),onDataStateChange:e=>{H((t=>({...t,...e.dataState}))),null==T||T(e)},onSelectionChange:e=>{H((t=>({...t,select:e.select}))),null==D||D(e)},onHeaderSelectionChange:e=>{H((t=>({...t,select:e.select}))),null==F||F(e)},onDetailExpandChange:e=>{H((t=>({...t,detailExpand:e.detailExpand}))),null==L||L(e)},onGroupExpandChange:e=>{H((t=>({...t,groupExpand:e.groupExpand}))),null==G||G(e)},onColumnsStateChange:e=>{H((t=>({...t,columnsState:e.columnsState}))),null==A||A(e)}}]},k)},Y=e=>{const t=a.useId(),n=e.id||t,r=a.useUnstyled(),l=o.useLocalization(),i=o.useInternationalization(),[,s]=x.useReducer((e=>!e),!0),c=x.useRef(0),d=x.useRef(0),[u,,m]=$();return U(e.children,{...u,...m,id:n,unstyled:r,localization:l,intl:i,scrollLeftRef:c,widthRef:d,forceUpdate:s,isClient:!0})};let J=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=H(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 a="";const o=n.find((t=>t.id===r[e].id));o&&(a=o.width||""),l.width=a,this.colGroupHeader&&(this.colGroupHeader.children[e].width=a),this.colGroupFooter&&(this.colGroupFooter.children[e].width=a)}},this.dragHandler=(e,t,n,r)=>{const l=e.originalEvent;r||(l.preventDefault(),l.stopPropagation(),l.stopImmediatePropagation());const a=n.closest("th");if(!a||!a)return;const o=a.clientWidth;let i=o;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-o)<1)return;this.fixateInitialWidths(a.parentElement.clientWidth),this.setWidths(t,Math.floor(i)/o);const s=this.columns.filter((e=>!e.children.length)).findIndex((e=>e.id===t.id));this.onResize(s,o,i,l,r,this.columnsState,t.id)},this.dblClickHandler=(e,t)=>{const n=this.columns.filter((e=>t.indexOf(e.id)>-1)),r=H(this.columnsState);if(!this.colGroupMain||!n.length)return;const l={},a=n;for(;a.length>0;){const e=a.pop();if(!e)break;e.children.length?a.push(...e.children):l[e.id]=e}const o=this.columns.filter((e=>!e.children.length)),i=[];o.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===o[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],a=t.findIndex((e=>e.id===l.id)),o=parseFloat((l.width||0).toString()),i=Math.floor(o);n+=o-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[a]){const e=parseInt(this.colGroupMain.children[a].width,10);this.colGroupMain.children[a].width=s+"px",this.updateNextLockedCol(this.colGroupMain.parentElement,c,e-s)}if(this.colGroupHeader&&this.colGroupHeader.children[a]){const e=parseInt(this.colGroupHeader.children[a].width,10);this.colGroupHeader.children[a].width=s+"px",this.updateNextLockedCol(this.colGroupHeader.parentElement,c,e-s)}if(this.colGroupFooter&&this.colGroupFooter.children[a]){const e=parseInt(this.colGroupFooter.children[a].width,10);this.colGroupFooter.children[a].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),a=H(this.columnsState),o=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=a.find((t=>t.id===o[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=H(this.columnsState),r=this.columns.findIndex((t=>t.id===e.id)),l=[];let a=e.children.filter((e=>!e.hidden)).length;for(let e=r+1;e<this.columns.length&&!(a<=0);e++){const t=this.columns[e];t.children.length?a+=t.children.filter((e=>!e.hidden)).length:l.push(t),a--}0===l.length&&l.push(e);const o=[];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,o.push(r)}})),this.updateColElements(o)}updateNextLockedCol(e,t,n){const r=t.index,l=this.colGroupMain.parentElement.closest(".k-grid"),a=null==l?void 0:l.clientWidth,o=this.columns.filter((e=>e.locked)).map((e=>parseInt(e.width+"",10))).reduce(((e,t)=>e+t),0);!t.locked||a<=o+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"))}))}}))}},Q=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 a=this.isValid();this.startColumn=this.startGroup=this.currentColumn=this.currentGroup=-1,a&&(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(),a=(n.closest(".k-grouping-header")||n).getBoundingClientRect();let o=l.left+e.pageX-e.clientX-6;!this.isTargetGroupingContainer(e)&&(this.currentColumn>this.startColumn||this.currentGroup>this.startGroup&&-1!==this.startGroup)&&"rtl"!==this.dir&&(o+=l.width);const i=a.top+e.pageY-e.clientY;this.dropElementClue.setState({visible:!0,top:i,left:o,height:this.currentColumn>=0?t.clientHeight:a.height})}};const Z=l.TABLE_ROW_INDEX_ATTRIBUTE,ee=l.TABLE_COL_INDEX_ATTRIBUTE,te=l.TABLE_PREVENT_SELECTION_ELEMENT,ne=/^(?!.*\bChrome).*\bSafari/i;let re=class{constructor(e){this.table=null,this.containerHeight=0,this.topCacheCount=0,this.attendedSkip=0,this.propsSkip=0,this.total=0,this.scrollableVirtual=!1,this.realSkip=0,this.pageSize=0,this.PageChange=null,this.tableBodyRef=null,this.fixedScroll=!1,this.askedSkip=void 0,this.containerRef=null,this.tableTransform="",this.scrollSyncing=!1,this.lastLoaded=0,this.firstLoaded=0,this.lastScrollTop=0,this.reactVersion=Number.parseFloat(x.version),this.firstLoaded=this.pageSize,this.lastLoaded=this.realSkip+this.pageSize,this.scrollHandler=this.scrollHandler.bind(this)}get container(){var e;return(null==(e=this.containerRef)?void 0:e.current)||void 0}translate(e,t){this.scrollableVirtual&&this.table&&(z||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)}reset(){this.scrollSyncing=!0,!this.fixedScroll&&(this.container&&(this.container.scrollTop=0),this.translate(0,!0))}scrollHandler(e){var t;if(!(this.scrollableVirtual&&this.container&&this.table&&this.rowHeightService&&null!=(t=this.containerRef)&&t.current))return;if(this.scrollSyncing)return void(this.scrollSyncing=!1);const n=this.container.scrollTop,r=this.lastScrollTop>=n,l=!r;this.lastScrollTop=n;let a=this.rowHeightService.index(n),o=this.rowHeightService.offset(a);const{offsetHeight:i}=this.containerRef.current,s=this.rowHeightService.index(n+i);if(l&&s>=this.lastLoaded&&this.lastLoaded<this.total){const t=a+this.pageSize-this.total;t>0&&(a-=t,o=this.rowHeightService.offset(a)),this.firstLoaded=a,this.translate(o);const n=this.firstLoaded+this.pageSize;this.lastLoaded=Math.min(n,this.total),this.changePage(this.firstLoaded,e)}else if(r&&a<this.firstLoaded){const t=Math.floor(.3*this.pageSize);this.firstLoaded=Math.max(a-t,0),this.translate(this.rowHeightService.offset(this.firstLoaded)),this.lastLoaded=Math.min(this.firstLoaded+this.pageSize,this.total),this.changePage(this.firstLoaded,e)}}},le=class{constructor(e){this.table=null,this.containerHeight=0,this.topCacheCount=0,this.attendedSkip=0,this.propsSkip=0,this.total=0,this.scrollableVirtual=!1,this.realSkip=0,this.pageSize=0,this.PageChange=null,this.tableBodyRef=null,this.fixedScroll=!1,this.askedSkip=void 0,this.containerRef=null,this.tableTransform="",this.prevScrollPos=0,this.tableTranslate=0,this.scrollSyncing=!1,this.reactVersion=Number.parseFloat(x.version),this.topItems=(e,t)=>{if(!this.container||t)return{topItemsCount:0,topItemsHeight:0};const n=this.container.clientHeight,r=Math.ceil(n/e[0].line),l=Math.ceil((e.length-r)/2);let a=0;for(let t=0;t<l;t++)a+=e[t].line+e[t].acc;return{topItemsCount:l,topItemsHeight:a,itemsNeededOnScreen:r+r/2}},this.horizontalScrollbarHeight=()=>this.container?this.container.offsetHeight-this.container.clientHeight:0,e&&(this.topCacheCount=4,this.attendedSkip=-this.topCacheCount),this.scrollHandler=this.scrollHandler.bind(this)}get container(){var e;return null==(e=this.containerRef)?void 0:e.current}get rowHeights(){var e,t;const n=[],r=(null==(e=this.tableBodyRef)?void 0:e.current)&&(null==(t=this.tableBodyRef)?void 0:t.current.children)||[];let l=0;for(let e=0;e<r.length;e++)r[e].className.indexOf("k-grouping-row")>-1?l+=r[e].scrollHeight:r[e].className.indexOf("k-detail-row")>-1?n[n.length-1].line+=r[e].scrollHeight:(n.push({line:r[e].scrollHeight,acc:l}),l=0);return n}changePage(e,t){this.attendedSkip=e-this.topCacheCount,this.PageChange&&this.PageChange({skip:Math.max(0,e-this.topCacheCount),take:this.pageSize},t)}translate(e,t){this.tableTranslate=e,this.scrollableVirtual&&this.table&&(this.reactVersion<=17||t?this.table.style.transform="translateY("+e+"px)":this.tableTransform="translateY("+e+"px)")}reset(){this.scrollSyncing=!0,!this.fixedScroll&&(this.container&&(this.container.scrollTop=0),this.translate(0,!0))}localScrollUp(e){if(!this.container)return;const t=this.rowHeights,n=this.container.scrollTop;let r=this.tableTranslate,l=0;const{topItemsCount:a,topItemsHeight:o,itemsNeededOnScreen:i}=this.topItems(t,!!this.topCacheCount),s=n-r;if(!(s>o||t.length<=i)){for(;l<this.topCacheCount+this.attendedSkip-this.realSkip+a&&this.propsSkip-l>0&&!(r+(t[t.length-1-l].line+t[t.length-1-l].acc)+s<=n);)r-=t[t.length-1-l].line+t[t.length-1-l].acc,l++;if(0===l&&0===this.topCacheCount&&this.attendedSkip>0&&(r=Math.max(r-t[0].line,0),l=1),this.propsSkip-l<=0&&r>n)return this.translate(0),this.changePage(0,e),void(this.container.scrollTop=0);if(r>n&&(r=n),r!==this.tableTranslate){this.translate(Math.max(0,r-o));const t=Math.max(0,this.propsSkip-l-a);this.changePage(t,e)}}}localScrollDown(e){if(!this.container)return;const t=this.rowHeights,n=this.container.scrollTop;let r=this.tableTranslate,l=0;const{topItemsCount:a,topItemsHeight:o,itemsNeededOnScreen:i}=this.topItems(t,!!this.topCacheCount);for(;l<t.length-this.topCacheCount&&!(r+t[l].line+t[l].acc>n);)r+=t[l].line+t[l].acc,l++;a>this.propsSkip+l||t.length<=i||(l>=t.length-this.topCacheCount&&this.propsSkip+l>=this.total?(this.translate(r-o),this.changePage(this.total-1-a,e)):r!==this.tableTranslate&&this.propsSkip+l-a!==this.propsSkip&&(this.translate(r-o),this.changePage(this.propsSkip+l-a,e)))}scrollNonStrict(e){const t=this.total*this.prevScrollPos/this.containerHeight;let n=Math.floor(t);n>=this.total&&(n=this.total-1);const r=Math.min(t-n,1);let l=0;const a=n-this.propsSkip,o=this.rowHeights;a>=0&&a<=1?l=-(o[0].line+o[0].acc)*r:-1===a&&(l=-(o[o.length-1].line+o[o.length-1].acc)*r);const{topItemsCount:i,topItemsHeight:s}=this.topItems(o,!!this.topCacheCount);this.translate(Math.max(0,l-s-this.horizontalScrollbarHeight()+this.containerHeight*t/this.total)),this.changePage(n-i,e)}scrollHandler(e){if(!this.scrollableVirtual)return;if(this.scrollSyncing||!this.container||!this.table)return void(this.scrollSyncing=!1);const t=this.container.scrollTop,n=this.prevScrollPos;if(this.prevScrollPos=t,void 0!==this.askedSkip)return this.translate(this.containerHeight*this.askedSkip/this.total),this.changePage(this.askedSkip,e),this.prevScrollPos=t,void(this.askedSkip=void 0);t-n<0&&t>this.tableTranslate-this.table.scrollHeight/10?this.localScrollUp(e):t-n>0&&t<this.tableTranslate+2*this.table.scrollHeight/3?this.localScrollDown(e):this.scrollNonStrict(e),this.prevScrollPos=t}};const ae={[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"}}},oe=e=>{const{show:t,offset:n,dataItem:r,field:l,items:a,onClose:i,onSelect:c}=e,d=o.useLocalization(),u=x.useCallback((e=>{c.call(void 0,{event:e,dataItem:r,field:l})}),[c,r,l]),m=x.useCallback((e=>{const t=e;return t.text&&t.name&&(t.text=d.toLanguageString(`contextMenu.${t.name}`,t.text||"")),t.items&&Array.isArray(t.items)&&(t.items=t.items.map((e=>m(e)))),t}),[d]),p=x.useMemo((()=>a&&a.map((e=>m("string"==typeof e?ae[e]:e)))),[a,m]);return x.createElement(s.ContextMenu,{show:t,offset:n,items:p,onClose:i,onSelect:u})},ie=(...e)=>Object.assign({allowUnsort:!0,mode:"single"},...e),se={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"}}},ce={true:{asc:"desc",desc:"","":"asc"},false:{asc:"desc",desc:"asc","":"asc"}},de=x.createContext(void 0),ue=e=>{var t,n;const r=e.gridProps.isClient,[o,i]=x.useState({}),s=a.useAdaptiveModeContext(),c=()=>{i({})},d=x.useMemo((()=>e.columnsRef.find((e=>e.field===o.field))),[e.columnsRef,o]),u=x.useMemo((()=>(e=>{let t=[];return e.sortable&&(t=t.concat([R.sortAsc,R.sortDesc])),t})({sortable:!!(e.gridProps.sortable&&(null==d?void 0:d.sortable)),selectable:l.getSelectionOptions(e.gridProps.selectable).enabled,clipboard:!!e.gridProps.clipboard})),[d,e.gridProps.sortable,e.gridProps.selectable,e.gridProps.clipboard]),m=x.useMemo((()=>(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])),t})({sortable:!!(e.gridProps.sortable&&(null==d?void 0:d.sortable)),selectable:l.getSelectionOptions(e.gridProps.selectable).enabled,clipboard:!!e.gridProps.clipboard,rowReorderable:V(e.gridProps.rowReorderable)})),[d,e.gridProps.sortable,e.gridProps.selectable,e.gridProps.clipboard]),p=x.useMemo((()=>{const t=(null==d?void 0:d.contextMenu)||e.gridProps.contextMenu,n="function"==typeof t?t(o):t;if(n&&o.offset){const e=n[o.dataItem?w.body:w.head],t=o.dataItem?m:u;return!1===e?void 0:!0===e||void 0===e?t:e}}),[e.gridProps.contextMenu,o,m,u,d]),g=()=>{const t=e.columnsRef.filter((e=>e.declarationIndex>=0&&-1===e.parentIndex));return G(t)},h=t=>{if("moveToNextPage"===t.action&&S(t.event),"moveToPrevPage"===t.action&&P(t.event),t.focusElement&&"reorderToRight"===t.action){const n=parseInt(t.focusElement.ariaColIndex,10)-1;n<e.columnsRef.length-1&&L(n,n+1,t.event)}if(t.focusElement&&"reorderToLeft"===t.action){const e=parseInt(t.focusElement.ariaColIndex,10)-1;e>0&&L(e,e-1,t.event)}if("select"===t.action&&C(t.event),e.gridProps.onNavigationAction&&r){const n={focusElement:t.focusElement,...$(t.event)};X(e.gridProps.onNavigationAction,n)}},f=(t,n,r)=>{const{allowUnsort:l,mode:a}=ie(e.gridProps.sortable||!1,n.sortable||!1),o=(e.gridProps.sort||[]).filter((e=>e.field===n.field))[0],i=r||ce[l][o&&o.dir||""],s="single"===a?[]:(e.gridProps.sort||[]).filter((e=>e.field!==n.field));""!==i&&n.field&&s.push({field:n.field,dir:i}),N(s,t)},C=t=>{var n,r;if(e.gridProps.selectedField||!$e.enabled||!e.gridProps.dataItemKey)return;const a={dataItems:Y(),mode:$e.mode,cell:$e.cell,componentId:e.id,selectedField:e.gridProps.selectedField,...$(t)},o=l.getSelectedStateFromKeyDown({event:a,selectedState:null!=(n=e.gridProps.select)?n:{},dataItemKey:e.gridProps.dataItemKey});if(o===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&&X(e.gridProps.onSelectionChange,{...a,select:o,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&&$e.enabled&&X(e.gridProps.onSelectionChange,{...t,select:n})},b=t=>{if(e.gridProps.onSelectionChange&&$e.enabled){const n=t.dataItems[0],r=t.dataItems[t.dataItems.length-1],l={},o={...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=a.getter(e.gridProps.dataItemKey)(n);l[r]=!t.cell||[...Array(e.columnsRef.length).keys()]})),v(o,l)}},E=t=>{if(e.gridProps.onSelectionChange&&$e.enabled){const n=a.getter(e.gridProps.dataItemKey)(t.dataItem),r=0,l=e.columnsRef.length-1,o=t.dataItems.findIndex((n=>n[e.gridProps.dataItemKey]===t.dataItem[e.gridProps.dataItemKey])),i={...t,startDataItem:o,endDataItem:o,startRowIndex:o,endRowIndex:o,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)}},I=t=>{e.gridProps.onSelectionChange&&$e.enabled&&v(t,{})},y=(t,n,r,l,a)=>{const o=e.gridProps.onDataStateChange;if(t){const e={...$(l),...n,targetEvent:a};X(t,e)}else o&&X(o,{...$(l),targetEvent:a||{},dataState:{...j(),...r}})},k=(t,n,r)=>{y(e.gridProps.onPageChange,{page:t},{skip:t.skip,take:t.take},n,r)},S=t=>{var n,r;const l=null!=(r=null!=(n=e.gridProps.take)?n:e.gridProps.pageSize)?r:0,a=(e.gridProps.skip||0)+l,o=(()=>{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})();a<o&&k({skip:a,take:l},t)},P=t=>{var n,r;const l=null!=(r=null!=(n=e.gridProps.take)?n:e.gridProps.pageSize)?r:0,a=(e.gridProps.skip||0)-l;a>=0&&k({skip:a,take:l},t)},N=(t,n)=>{y(e.gridProps.onSortChange,{sort:t},{sort:t,..."virtual"===e.gridProps.scrollable?{skip:0}:{}},n)},M=(t,n)=>{const r=n.nativeEvent?n:{nativeEvent:n.nativeEvent||n.originalEvent};0===t.length&&e.gridProps.navigatable&&(Te.current=!0),y(e.gridProps.onGroupChange,{group:t},{group:t,skip:0},r)},D=t=>{if(e.gridProps.onColumnsStateChange){const n={target:ge.current,columnsState:t};X(e.gridProps.onColumnsStateChange,n)}},L=(t,n,r)=>{const{columnsRef:a,columnsState:o}=e,i=a[t],s=H(o),c=i.depth,d=e=>{do{e++}while(e<a.length&&a[e].depth>c);return e},u=a.splice(t,d(t)-t);a.splice(t<n?d(n-u.length):n,0,...u),a.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=a[t].locked&&a[n].locked;l.updateLeft(e.columnsMapRef,a,m||Fe.current),l.updateRight(e.columnsMapRef,a,m||Fe.current),Me.current&&(Fe.current=!1,Me.current=!1);const p=g();if(pe(),e.gridProps.onColumnReorder){const t={target:ge.current,columns:p,columnId:i.id,nativeEvent:r};X(e.gridProps.onColumnReorder,t)}D(o)},F=(t,n,r)=>{const l="object"==typeof e.gridProps.rowReorderable?e.gridProps.rowReorderable.enabled:e.gridProps.rowReorderable;if("forbidden"===r||!l||!Ve.current)return;const{slicedData:a,dataRef:o}=e,i=(a||o)[n];e.gridProps.onRowReorder&&X(e.gridProps.onRowReorder,{draggedDataItems:[Ve.current],droppedDataItem:null==i?void 0:i.dataItem,dropPosition:r,nativeEvent:t.originalEvent,dragEvent:t,target:ge.current}),Ve.current=null},A=(t,n,r)=>{if(void 0===e.gridProps.group)return;const l=e.gridProps.group.slice();l.splice(n,0,...l.splice(t,1)),M(l,r)},O=(t,n,r)=>{const l=e.columnsRef[t].field;if(!l)return;const a=(e.gridProps.group||[]).slice();a.splice(n,0,{field:l}),M(a,r)},B=()=>{let e=0;if(!fe.current.colGroupMain)return;const t=fe.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),Ne.current&&Ne.current.setWidth(e),Pe.current&&Pe.current.setWidth(e),Se.current&&(Se.current.style.width=e?e+"px":"")},W=()=>{var t;e.gridProps.widthRef&&(e.gridProps.widthRef.current=(null==(t=Re.current)?void 0:t.offsetWidth)||0)},_=x.useCallback(((t,n,a,o,i)=>{var s;if(!q()&&!a||!t)return;const c={type:t,nativeEvent:n,columns:e.columnsRef,dataItemKey:e.gridProps.dataItemKey||"",dataItem:o,field:i,..."boolean"!=typeof e.gridProps.clipboard?e.gridProps.clipboard:{},...a},d=Z(),u=l.populateClipboardData({event:c,data:d,selectedState:null!=(s=e.gridProps.select)?s:{},previousCopiedItems:Ke.current});t!==l.ClipboardActionType.paste&&(Ke.current=u.copiedItems),e.gridProps.onClipboard&&r&&X(e.gridProps.onClipboard,{...c,...u})}),[e.gridProps.select,e.gridProps.dataItemKey,e.gridProps.data,e.gridProps.clipboard,e.gridProps.onClipboard]),q=()=>{var e,t,n;if(!a.canUseDOM)return!1;const r=a.getActiveElement(ee()),l=r?r.matches(".k-table-td")?r:null==(e=ee())?void 0:e.body:null==(t=ee())?void 0:t.body,o=l.closest(".k-grid-container"),i=l&&(null==(n=Re.current)?void 0:n.contains(l));return!!(l&&i&&o)},U=(t,n,l,a,o,i,s)=>{B(),Fe.current=!0,Me.current=!0,e.gridProps.onColumnResize&&r&&X(e.gridProps.onColumnResize,{columns:g(),nativeEvent:a,targetColumnId:s,index:t,newWidth:n,oldWidth:l,end:o,target:ge.current}),o&&D(i)},j=()=>{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}},$=e=>({nativeEvent:e&&e.nativeEvent,syntheticEvent:e,target:ge.current}),X=(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))},Y=()=>e.dataRef.filter((e=>"data"===e.rowType)).map((e=>e.dataItem)),Z=()=>(e.slicedData||e.dataRef).filter((e=>"data"===e.rowType)).map((e=>e.dataItem)),ee=()=>{var e;if(a.canUseDOM)return(null==(e=te())?void 0:e.ownerDocument)||document},te=()=>Re.current,ae=x.useCallback((t=>{var n;if(!he.current||null==(n=he.current)||!n.container||"none"===e.gridProps.scrollable)return;xe.current&&xe.current.disconnect();const{rowIndex:r}=t,l=te();if("virtual"===e.gridProps.scrollable)he.current.askedSkip=r,he.current.container.scroll(0,Math.round(he.current.askedSkip/he.current.total*he.current.container.scrollHeight));else if(l){const e=r<1?l.querySelector("tbody > tr:nth-child(1)"):l.querySelector(`tbody > tr:nth-child(${r+1})`);e&&ke.current&&(ke.current.scrollTop=e.offsetTop)}}),[e.gridProps.scrollable]),se=e=>JSON.stringify(e.map((e=>({id:e.id,field:e.field,title:e.title,children:e.children})))),ue=()=>{Be.current=window.innerWidth,se(Ue)===se(e.columnsRef)||pe()},me=x.useCallback((e=>{const t={rowIndex:He.current};e.forEach((e=>{e.isIntersecting||ae(t)}))}),[ae]),pe=()=>{e.gridProps.forceUpdate&&e.gridProps.forceUpdate()},ge=x.useRef(null),he=x.useRef(void 0),fe=x.useRef(void 0),Ce=x.useRef(void 0),ve=x.useRef(void 0),be=x.useRef(void 0),Ee=x.useRef(void 0),xe=x.useRef(null),Ie=x.useRef(null),ye=x.useRef(null),ke=x.useRef(null),Se=x.useRef(null),we=x.useRef(null),Re=x.useRef(null),Pe=x.useRef(null),Ne=x.useRef(null),Me=x.useRef(!1),Te=x.useRef(!1),De=x.useRef(void 0),Le=x.useRef(void 0),Ge=x.useRef(!1),Fe=x.useRef(!0),Ae=x.useRef(0),Oe=x.useRef(void 0),He=x.useRef(void 0),ze=x.useRef([]),Ke=x.useRef([]),Be=x.useRef(0),Ve=x.useRef(null),We=x.useRef(null),_e=x.useRef(null),qe=a.useDir(Re),Ue=x.useMemo((()=>x.Children.toArray(e.gridProps.children)),[e.gridProps.children]),je=!0===e.gridProps.groupable||"object"==typeof e.gridProps.groupable&&!1!==e.gridProps.groupable.enabled,$e=l.getSelectionOptions(null!=(t=e.gridProps.selectable)?t:!!e.gridProps.selectedField),Xe=l.getEditableOptions(null!=(n=e.gridProps.editable)?n:!!e.gridProps.editField),Ye=Be.current&&s&&Be.current<=s.medium&&e.gridProps.adaptive;return x.useMemo((()=>{l.tableKeyboardNavigation.onConstructor({navigatable:!!e.gridProps.navigatable,contextStateRef:ve,navigationStateRef:be,idPrefix:e.id})}),[]),x.useMemo((()=>{var t;null==(t=he.current)||t.reset();const n=e.isFixedVirtualScroll?re:le;he.current=new n(je||void 0===e.gridProps.rowHeight||0===e.gridProps.rowHeight)}),[e.gridProps.scrollable,e.gridProps.total,e.gridProps.filter,e.gridProps.group,je,e.gridProps.sort,e.gridProps.rowHeight]),x.useEffect((()=>(e.gridProps.clipboard&&(Ee.current=new l.ClipboardService(_),Ee.current.addEventListeners(ee())),()=>{Ee.current&&Ee.current.removeEventListeners(ee())})),[e.gridProps.onClipboard,e.gridProps.clipboard,_,ee]),x.useEffect((()=>(e.gridProps.columnVirtualization&&!window.navigator.userAgent.match(ne)&&(we.current&&(we.current.style.display="block"),Se.current&&(Se.current.style.display="block")),W(),B(),a.setScrollbarWidth(),l.tableKeyboardNavigation.onComponentDidMount({scope:Re.current||void 0,contextStateRef:ve,navigationStateRef:be}),()=>{clearTimeout(Oe.current)})),[]),x.useEffect((()=>{var t;W(),B(),a.setScrollbarWidth(),null!=(t=he.current)&&t.tableTransform&&he.current.table&&(he.current.table.style.transform=he.current.tableTransform,he.current.tableTransform=""),(()=>{var e,t,n;if(Ie.current&&(null==(e=Ie.current)?void 0:e.getElementsByClassName("k-grid-edit-row").length)>0){Ge.current=!1,null!=(t=document.activeElement)&&t.closest(".k-grid-edit-row")?Le.current=document.activeElement:Le.current=void 0;const e=Array.from(null==(n=Ie.current)?void 0:n.getElementsByClassName("k-grid-edit-row"));e.length>ze.current.length?De.current=e.filter((e=>!ze.current.includes(e)))[0]:1===e.length&&(De.current=e[0],Ge.current=!0),ze.current=e}})(),l.tableKeyboardNavigation.onComponentDidUpdate({scope:Re.current||void 0,contextStateRef:ve,navigationStateRef:be,focusFirst:Te.current,newEditableRow:De.current,singleEditRow:Ge.current,lastActiveElement:Le.current,navigatable:e.gridProps.navigatable}),Te.current=!1,De.current=void 0})),x.useEffect((()=>{if(a.canUseDOM){const e={rootMargin:"0px",threshold:.9};xe.current=window.IntersectionObserver&&new window.IntersectionObserver(me,e)||null}}),[me]),x.useEffect((()=>{var e;let t;return a.canUseDOM&&window.ResizeObserver&&(t=new window.ResizeObserver(ue),t.observe(null==(e=ee())?void 0:e.body)),()=>{null==t||t.disconnect()}}),[]),x.useImperativeHandle(ge,(()=>({get element(){return te()},props:e.gridProps,get columns(){return g()},scrollIntoView:t=>{var n;if(null==(n=he.current)||!n.container||"none"===e.gridProps.scrollable)return;const{rowIndex:r}=t;He.current=r;const l=te();if(xe.current&&l){xe.current.disconnect();const e=l.querySelector(`[absolute-row-index="${He.current}"]`);e?xe.current.observe(e):ae(t)}},fitColumns:e=>{fe.current.dblClickHandler(null,e)}}))),x.useImperativeHandle(e.gridRef,(()=>ge.current)),x.useMemo((()=>{fe.current=new J(U)}),[e.gridProps.onColumnResize,e.columnsRef]),x.useMemo((()=>{Ce.current=new Q(L,A,O)}),[e.gridProps.onColumnReorder,e.gridProps.onGroupChange,e.gridProps.group,e.columnsRef,e.gridProps.groupable]),fe.current.resizable=e.gridProps.resizable||!1,fe.current.columns=e.columnsRef,fe.current.columnsState=a.cloneArray(e.columnsState),Ce.current.reorderable=e.gridProps.reorderable||!1,Ce.current.groupable=je,Ce.current.columns=e.columnsRef,Ce.current.dir=qe,(t=>{var n,r;if(he.current){if(he.current.fixedScroll=e.gridProps.fixedScroll||!1,he.current.PageChange=k,he.current.realSkip=e.gridProps.skip||0,he.current.pageSize=null!=(r=null!=(n=e.gridProps.take)?n:e.gridProps.pageSize)?r:0,he.current.scrollableVirtual="virtual"===e.gridProps.scrollable,he.current.total=t,he.current.propsSkip=(e.gridProps.skip||0)+("virtual"===e.gridProps.scrollable?he.current.topCacheCount+(he.current.attendedSkip-(e.gridProps.skip||0)):0),void 0!==e.gridProps.rowHeight&&e.gridProps.rowHeight>0&&!je){const n=e.gridProps.rowHeight*t;he.current.containerHeight=z?Math.min(K,n):n}else he.current.containerHeight=1533915;if(he.current.containerRef=ke,he.current.tableBodyRef=Ie,he.current.table=Se.current,he.current instanceof re){const{rowHeight:n=0,detail:r,expandField:l}=e.gridProps;let{detailRowHeight:o=0}=e.gridProps;o=r&&l?o:n,e.isAllData?(he.current.total=e.dataRef.length,he.current.rowHeightService=new a.RowHeightService(e.dataRef.length,n,o,e.dataRef)):he.current.rowHeightService=new a.RowHeightService(t,n,o);const i=he.current.rowHeightService.totalHeight();he.current.containerHeight=z?Math.min(K,i):i}}})(e.total),x.createElement(de.Provider,{value:{isClient:r,rowReorder:F,activeDragRowDataItemRef:Ve,reorderRowDragTargetRef:We,reorderRowDropTargetRef:_e,dir:qe,getCellPositionStyle:e=>void 0!==e.left?"rtl"!==qe?{left:e.left,right:e.right}:{left:e.right,right:e.left}:{},dataItemKey:e.gridProps.dataItemKey,columnsState:e.columnsState,onColumnsStateChange:D,groupChange:M,selectionRelease:t=>{var n;if(e.gridProps.onSelectionChange&&$e.enabled){const r=Z()[t.startRowIndex],a=Z()[t.endRowIndex],o={syntheticEvent:void 0,target:ge.current,selectedField:e.gridProps.selectedField||"",componentId:e.id,dataItems:Y(),dataItem:null,startDataItem:r,endDataItem:a,...t},i=l.getSelectedState({event:o,selectedState:null!=(n=e.gridProps.select)?n:{},dataItemKey:e.gridProps.dataItemKey});v(o,i)}},pagerPageChange:e=>{k({skip:e.skip,take:e.take},e.syntheticEvent,e.targetEvent)},onContextMenu:(t,n,l)=>{if(e.gridProps.onContextMenu&&r){const r={target:ge.current,syntheticEvent:t,nativeEvent:t.nativeEvent,dataItem:n,field:l};X(e.gridProps.onContextMenu,r)}e.gridProps.contextMenu&&(e=>{e.event.preventDefault(),i({...o,show:!0,offset:{left:e.event.pageX,top:e.event.pageY},dataItem:e.dataItem,field:e.field})})({event:t,dataItem:n,field:l})},rowClick:(t,n)=>{e.gridProps.onRowClick&&"TD"===t.target.nodeName&&X(e.gridProps.onRowClick,{dataItem:n,...$(t)})},rowDblClick:(t,n)=>{e.gridProps.onRowDoubleClick&&"TD"===t.target.nodeName&&X(e.gridProps.onRowDoubleClick,{dataItem:n,...$(t)})},cellClick:(t,n,r)=>{if(Xe.enabled&&"incell"===Xe.mode&&e.gridProps.dataItemKey){const a=l.editReducer(e.gridProps.edit,{type:l.EDIT_ACTION.ENTER_FIELD_EDIT,payload:{id:n[e.gridProps.dataItemKey],field:r}});e.gridProps.onEditChange&&X(e.gridProps.onEditChange,{edit:a,...$(t)})}},headerCellClick:f,itemChange:t=>{var n;if(t.field===e.gridProps.expandField||t._expand||e.gridProps.group&&void 0===t.field){if(e.gridProps.onExpandChange){const r=e.gridProps.dataItemKey?l.detailExpandReducer(null!=(n=e.gridProps.detailExpand)?n:{},{type:l.DETAIL_EXPAND_ACTION.SET,id:t.dataItem[e.gridProps.dataItemKey],payload:t.value}):e.gridProps.detailExpand;X(e.gridProps.onExpandChange,{...$(t.syntheticEvent),expand:r,dataItem:t.dataItem,dataIndex:t.dataIndex,value:t.value})}}else e.gridProps.onItemChange&&X(e.gridProps.onItemChange,{...$(t.syntheticEvent),dataItem:t.dataItem,dataIndex:t.dataIndex,field:t.field,value:t.value})},onDialogEditCancel:t=>{e.gridProps.onItemChange&&e.gridProps.onEditChange&&X(e.gridProps.onEditChange,{edit:{},...$(t.syntheticEvent)})},onDialogEditSubmit:t=>{e.gridProps.onItemChange&&X(e.gridProps.onItemChange,{...$(t.syntheticEvent),dataItem:t.dataItem,field:void 0,value:void 0})},sortChange:N,filterChange:(t,n)=>{y(e.gridProps.onFilterChange,{filter:t},{filter:t||void 0,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}}))};y(e.gridProps.onSearchChange,{search:l},{},t.syntheticEvent)},onHeaderSelectionChange:t=>{var n;if(e.gridProps.onHeaderSelectionChange&&$e.enabled){const r=Y();X(e.gridProps.onHeaderSelectionChange,{select:t.syntheticEvent.target.checked?r.reduce(((t,n)=>(e.gridProps.dataItemKey&&void 0!==a.getter(e.gridProps.dataItemKey)(n)&&(t[a.getter(e.gridProps.dataItemKey)(n)]=!0),t)),{}):{},field:t.field,nativeEvent:t.syntheticEvent&&t.syntheticEvent.nativeEvent,syntheticEvent:t.syntheticEvent,target:ge.current,dataItems:r,selectedField:null!=(n=e.gridProps.selectedField)?n:""})}},columnGroupChange:(e,t)=>{const n=Ce.current.getCurrentGroupsLength;O(e,n,t)},onKeyDown:t=>{l.tableKeyboardNavigation.onKeyDown(t,{navigatable:e.gridProps.navigatable||!1,contextStateRef:ve,navigationStateRef:be,onNavigationAction:h,columns:g()}),l.tableKeyboardNavigation.onGetSnapshotBeforeUpdate({document:ee(),contextStateRef:ve,navigationStateRef:be});const n={dataItems:Y(),mode:$e.mode,cell:$e.cell,componentId:e.id,selectedField:e.gridProps.selectedField,...$(t)};e.gridProps.onKeyDown&&r&&X(e.gridProps.onKeyDown,n)},onFocus:t=>{l.tableKeyboardNavigation.onFocus(t,{navigatable:!!e.gridProps.navigatable,contextStateRef:ve})},scrollHandler:t=>{if(t.target!==t.currentTarget)return;clearTimeout(Oe.current),he.current&&(he.current.table=Se.current);const n=t.currentTarget.scrollLeft,l=t.currentTarget.scrollTop,a="virtual"===e.gridProps.scrollable;e.gridProps.columnVirtualization&&(!a||l===Ae.current)&&(Oe.current=window.setTimeout((()=>{pe()}),0)),e.gridProps.scrollLeftRef&&(e.gridProps.scrollLeftRef.current=n),Ne.current&&Ne.current.setScrollLeft(n),Pe.current&&Pe.current.setScrollLeft(n),he.current&&l!==Ae.current&&he.current.scrollHandler(t),e.gridProps.onScroll&&r&&X(e.gridProps.onScroll,{...$(t)}),Ae.current=l},selectionChange:t=>{var n;if(e.gridProps.onSelectionChange&&$e.enabled){const{event:r,dataItem:a,dataIndex:o,columnIndex:i}=t,s={...$(r.syntheticEvent),dataItem:a,startColIndex:i,endColIndex:i,startRowIndex:o,endRowIndex:o,dataItems:Y(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,mode:$e.mode,cell:$e.cell,isDrag:!1,componentId:e.id,selectedField:e.gridProps.selectedField||""};X(e.gridProps.onSelectionChange,{...s,select:e.gridProps.dataItemKey?l.getSelectedState({event:s,selectedState:null!=(n=e.gridProps.select)?n:{},dataItemKey:e.gridProps.dataItemKey}):{}})}},mobileMode:Ye,adaptiveColumnMenuRef:Be.current,adpativeTitle:e.gridProps.adaptiveTitle,adaptive:e.gridProps.adaptive,dispatchDetailExpand:(t,n)=>{var r;if(l.getDetailExpandableOptions(e.detailExpandable).enabled){const a=l.detailExpandReducer(null!=(r=e.gridProps.detailExpand)?r:{},t);e.gridProps.onDetailExpandChange&&X(e.gridProps.onDetailExpandChange,{...$(n),detailExpand:a})}},dispatchGroupExpand:(t,n)=>{var r;const a=l.getGroupExpandableOptions("object"==typeof e.gridProps.groupable?!1!==e.gridProps.groupable.expandable:e.gridProps.groupable);if(a.enabled){const o=l.groupExpandReducer(null!=(r=e.gridProps.groupExpand)?r:[],t,a);e.gridProps.onGroupExpandChange&&X(e.gridProps.onGroupExpandChange,{...$(n),groupExpand:o})}},columnResizeRef:fe,dragLogicRef:Ce,navigationStateRef:be,tableElementRef:Se,tableBodyElementRef:Ie,headerElementRef:ye,containerElementRef:ke,headTableElementRef:we,elementRef:Re,footerRef:Pe,headerRef:Ne,vsRef:he}},x.createElement(l.TableKeyboardNavigationContext.Provider,{value:ve.current},e.children),x.createElement(oe,{show:o.show&&(null==p?void 0:p.length),dataItem:o.dataItem,field:o.field,items:p,offset:o.offset,onClose:c,onSelect:t=>{var n,r,a,o,i,s,u,m,p;const g=t.event.item,h={target:ge.current,syntheticEvent:t.event.syntheticEvent,nativeEvent:t.event.nativeEvent,menuItem:g,...t};e.gridProps.onContextMenuItemClick&&X(e.gridProps.onContextMenuItemClick,h);const C=Z(),v={selectedField:e.gridProps.selectedField||"",componentId:e.id,dataItems:C,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},x=C.findIndex((e=>e===t.dataItem));switch(null==(n=g.data)?void 0:n.action){case"SortCommand":if(d){const e=null==(r=g.name)?void 0:r.toLowerCase().includes("asc"),n=(null==(a=g.name)?void 0:a.toLowerCase().includes("desc"))?"desc":void 0,l=e?"asc":n,o=g.name?l:void 0;f(t.event.syntheticEvent,d,o)}break;case"SelectRowCommand":E(v);break;case"SelectAllRowsCommand":b(v);break;case"ClearSelectionCommand":I(v);break;case"ReorderRowCommand":Ve.current=t.dataItem,null!=(o=g.name)&&o.toLowerCase().includes("rowup")&&x>0&&F(t.event.syntheticEvent,x-1,"before"),null!=(i=g.name)&&i.toLowerCase().includes("rowdown")&&x<C.length-1&&F(t.event.syntheticEvent,x+1,"after"),null!=(s=g.name)&&s.toLowerCase().includes("rowtop")&&F(t.event.syntheticEvent,0,"before"),null!=(u=g.name)&&u.toLowerCase().includes("rowbottom")&&F(t.event.syntheticEvent,C.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)}c()}}))},me="grid.noRecords",pe="grid.pagerInfo",ge="grid.pagerFirstPage",he="grid.pagerPreviousPage",fe="grid.pagerNextPage",Ce="grid.pagerLastPage",ve="grid.pagerItemsPerPage",be="grid.groupPanelEmpty",Ee="grid.groupColumn",xe="grid.ungroupColumn",Ie="grid.columnMenu",ye="grid.filterApplyButton",ke="grid.filterClearButton",Se="grid.filterResetButton",we="grid.filterSubmitButton",Re="grid.filterTitle",Pe="grid.sortAscending",Ne="grid.sortDescending",Me="grid.searchPlaceholder",Te="grid.searchboxPlaceholder",De="grid.filterCheckAll",Le="grid.filterChooseOperator",Ge="grid.filterSelectAll",Fe="grid.filterSelectedItems",Ae="grid.sortAriaLabel",Oe="grid.editDialogTitle",He="grid.editDialogSaveButtonTitle",ze="grid.editDialogCancelButtonTitle",Ke="grid.filterAriaLabel",Be="grid.groupPanelAriaLabel",Ve="grid.groupExpand",We="grid.groupCollapse",_e="grid.detailExpand",qe="grid.detailCollapse",Ue="grid.selectRow",je="grid.gridAriaLabel",$e="grid.gridRowReorderAriaLabel",Xe="grid.gridAdaptiveColumnMenuFilterTitle",Ye="grid.columnMenuColumnChooserSelectedItems",Je="grid.adaptiveColumnMenuChooserTitle",Qe="grid.adaptiveColumnMenuChooserSubTitle",Ze="grid.adaptiveColumnMenuCheckboxFilterTitle",et={[_e]:"Expand detail row",[qe]:"Collapse detail row",[Ve]:"Expand group",[We]:"Collapse Group",[me]:"No records available",[be]:"Drag a column header and drop it here to group by that column",[ye]:"Apply",[ke]:"Clear",[Se]:"Reset",[we]:"Filter",[Re]:"Filter",[Pe]:"Sort Ascending",[Ne]:"Sort Descending",[Ae]:"Sortable",[Ee]:"Group Column",[xe]:"Ungroup Column",[Ie]:"Column menu",[ve]:"items per page",[pe]:"{0} - {1} of {2} items",[ge]:"Go to the first page",[he]:"Go to the previous page",[fe]:"Go to the next page",[Ce]:"Go to the last page","grid.pagerPage":"Page","grid.pagerPageSizeAriaLabel":"Page size","grid.pagerOf":"of","grid.pagerTotalPages":"{0}",[Me]:"Search",[Te]:"Search...",[De]:"Check All",[Oe]:"Edit Dialog",[He]:"Save",[ze]:"Cancel",[Le]:"Choose Operator",[Fe]:"selected items",[Ge]:"Select All",[Ke]:"Filter",[Be]:"Group panel",[je]:"Table",[$e]:"Drag row",[Ue]:"Select Row","grid.columnMenuColumnChooserTitle":"Columns Chooser",[Xe]:"Filter by",[Je]:"Columns Chooser",[Qe]:"Selected fields are visible",[Ze]:"Checkbox Filter",[Ye]:"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"},tt=e=>{var t;const n=x.useContext(de),r=a.useId(),l=o.useLocalization(),i=null!=(t=e.isSelected)?t:a.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(Ue,et[Ue]),"aria-checked":s,checked:s,onChange:c}))},nt=e=>{var t;const{cellProps:n}=e,r=x.useContext(de),a=l.useTableKeyboardNavigation(n.id),o={onContextMenu:x.useCallback((e=>{null!=r&&r.onContextMenu&&r.onContextMenu.call(void 0,e,n.dataItem,n.field)}),[r,n.dataItem,n.field])},i=r.getCellPositionStyle(n.columnPosition),s={...a,...o,...{style:{...null==(t=e.tdProps)?void 0:t.style,...i}}},c={onContextMenu:r.onContextMenu,onChange:r.itemChange,selectionChange:e=>{r.selectionChange({event:e,dataItem:n.dataItem,dataIndex:n.rowDataIndex,columnIndex:n.columnIndex})}};if(e.isCustom)return r.isClient||e.isClient?U(e.children,{tdProps:{...e.tdProps,...s},...c}):U(e.children,{...s});if(n.render){const t="groupHeader"!==n.rowType?x.createElement("td",{...e.tdProps,...s},e.content):null;return n.render.call(void 0,t,{...n,...c})}return e.children&&U(e.children,{...s})},rt=e=>{const{className:t,colSpan:n,style:r,ariaColumnIndex:l,rowType:o,cells:i}=e,s={colSpan:n,style:r,className:a.classNames("k-table-td",t),"aria-colindex":l,role:"gridcell"},c=x.createElement(tt,{key:1,...e}),d=_(e),u=o||"data",m=i;if(m&&m.select&&m.select[u]){const e=m.select[u],t=W(e);return x.createElement(nt,{cellProps:d,tdProps:s,isCustom:!0,isClient:t},x.createElement(e,{...d,tdProps:s},c))}const p="groupHeader"!==o?x.createElement("td",{...s},c):null;return x.createElement(nt,{cellProps:d,content:c,tdProps:s},p)},lt=e=>{const{cellProps:t}=e,n=x.useContext(de),r=l.useTableKeyboardNavigation(t.id),o=e.expanded,i=x.useCallback((e=>{e.isDefaultPrevented()||e.keyCode===a.Keys.enter&&null!=n&&n.itemChange&&(e.preventDefault(),n.itemChange({dataItem:t.dataItem,dataIndex:t.dataIndex,syntheticEvent:e,field:t.field,value:!o}))}),[t.dataItem,t.dataIndex,t.field,n,o]),s={...r,..."groupHeader"!==t.rowType&&"groupFooter"!==t.rowType?{onKeyDown:i}:{}},c={onContextMenu:n.onContextMenu,onChange:n.itemChange,selectionChange:e=>{n.selectionChange({event:e,dataItem:t.dataItem,dataIndex:t.rowDataIndex,columnIndex:t.columnIndex})}};if(e.isCustom)return n.isClient||e.isClient?U(e.children,{tdProps:{...e.tdProps,...s},...c}):U(e.children,{...s});if(t.render){const n="groupHeader"!==t.rowType?x.createElement("td",{...e.tdProps,...s},e.content):null;return t.render.call(void 0,n,{...t,...c})}return e.children&&U(e.children,{...s})},at=e=>{const t=x.useContext(de),n=o.useLocalization(),r=e.expanded,s=r?qe:_e,c=n.toLanguageString(s,et[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(a.IconWrap,{name:r?"minus":"plus",icon:r?i.minusIcon:i.plusIcon}))},ot=e=>{let t=null,n=null,r=null;const l=_(e),a=e.expanded;"groupFooter"===e.rowType?n={className:"k-table-td k-hierarchy-cell",role:"gridcell"}:"groupHeader"!==e.rowType&&(n={className:"k-table-td k-hierarchy-cell",role:"gridcell","aria-expanded":!!a,"aria-colindex":e.ariaColumnIndex},r=x.createElement(at,{...l}));const o=e.rowType||"data",i=e.cells;if(i&&i.hierarchy&&i.hierarchy[o]){const e=i.hierarchy[o],t=W(e);return x.createElement(lt,{cellProps:l,tdProps:n,isCustom:!0,isClient:t},x.createElement(e,{...l,tdProps:n},r))}return"groupHeader"!==e.rowType&&(t=x.createElement("td",{...n},r)),x.createElement(lt,{cellProps:l,content:r,tdProps:n},t)},it=e=>{const{cellProps:t}=e,n=x.useContext(de),r=a.useId(),o=a.getNestedValue(t.field,t.dataItem);let i=null;const s=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(c.NumericTextBox,{className:e.className,value:void 0===o?null:o,onChange:s,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;case"date":i=x.createElement(d.DatePicker,{className:e.className,value:o,onChange:s,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;case"boolean":i=x.createElement(c.Checkbox,{className:e.className,checked:o||!1,id:r,onChange:s,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;default:i=x.createElement(c.TextBox,{className:e.className,value:o||"",onChange:s,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0})}return i},st=e=>{var t;const{cellProps:n}=e,r=x.useContext(de),a=l.useTableKeyboardNavigation(n.id),o={onContextMenu:x.useCallback((e=>{null!=r&&r.onContextMenu&&r.onContextMenu.call(void 0,e,n.dataItem,n.field)}),[r,n.dataItem,n.field])},i=r.getCellPositionStyle(n.columnPosition),s={...a,...o,...{style:{...null==(t=e.tdProps)?void 0:t.style,...i}}},c={onContextMenu:r.onContextMenu,onChange:r.itemChange,selectionChange:e=>{r.selectionChange({event:e,dataItem:n.dataItem,dataIndex:n.rowDataIndex,columnIndex:n.columnIndex})}};if(e.isCustom)return r.isClient||e.isClient?U(e.children,{tdProps:{...e.tdProps,...s},...c}):U(e.children,{...s});if(n.render){const t=x.createElement("td",{...e.tdProps,...s},e.content);return n.render.call(void 0,t,{...n,...c})}return e.children&&U(e.children,{...s})},ct=e=>{const t=e.unstyled,n=t&&t.uGrid?t.uGrid:a.uGrid,r=a.classNames(n.editTd({selected:e.isSelected}),e.className),l={colSpan:e.colSpan,style:e.style,className:r,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[ee]:e.columnIndex,role:"gridcell"},o=_(e),i=x.createElement(it,{cellProps:o}),s=e.editor||"text",c=e.cells;if(c){let e;if(c.edit&&c.edit[s]?e=c.edit[s]:c.data&&(e=c.data),e){const t=W(e);return x.createElement(st,{cellProps:o,tdProps:l,isCustom:!0,isClient:t},x.createElement(e,{...o,tdProps:l},i))}}return x.createElement(st,{cellProps:o,content:i,tdProps:l},x.createElement("td",{...l},i))},dt=e=>{const t=x.useRef(null),n=x.useRef(null),r=x.useRef(!1),o=x.useContext(de),i=a.useRtl(o.headerElementRef);o.columnResizeRef.current&&o.columnResizeRef.current.setIsRtl("rtl"===i),x.useImperativeHandle(o.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=a.useUnstyled(),c=s&&s.uGrid?s.uGrid:a.uGrid,{size:d="md"}=e;return e.staticHeaders?x.createElement("div",{ref:o.headerElementRef,className:a.classNames(c.header({draggable:e.draggable}),e.className),role:"presentation"},x.createElement("div",{ref:t,className:a.classNames(c.headerWrap({})),onScroll:e=>{var n;if(r.current)return void(r.current=!1);if(!t.current)return;const l=t.current.scrollLeft,a=(null==(n=o.vsRef.current)?void 0:n.container)||null;a&&a.scrollLeft!==l&&(a.scrollLeft=l)},role:"presentation"},x.createElement("table",{ref:n,className:a.classNames(c.headerTable({size:d}),e.className),role:"presentation"},x.createElement("colgroup",{ref:e=>{o.columnResizeRef.current&&(o.columnResizeRef.current.colGroupHeader=e)}},e.cols),x.createElement("thead",{className:a.classNames(c.tableThead({})),role:"rowgroup",...l.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)))):x.createElement("thead",{role:"presentation",className:a.classNames(c.thead({draggable:e.draggable}),e.className),...l.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)};dt.displayName="KendoReactHeader";const ut=t.createContext(void 0),mt=e=>{const n=t.useRef(null),r=t.useRef(null),l=t.useRef(null),a=t.useMemo((()=>({actionSheetRef:n,firstViewRef:r,secondViewRef:l})),[]);return t.createElement(ut.Provider,{value:a},e.children)},pt=e=>{const n=t.useContext(de),{actionSheetRef:r,firstViewRef:l,secondViewRef:c}=t.useContext(ut),d=a.useAdaptiveModeContext(),u=o.useLocalization(),p={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};return t.createElement(s.ActionSheet,{...p,ref:r,style:{"--kendo-actionsheet-view-current":1},onClose:()=>{e.closeMenu()}},t.createElement(s.ActionSheetView,{className:"k-actionsheet-view-animated",ref:l,style:{transitionDuration:"500ms",transitionProperty:"transform"}},t.createElement(s.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.adpativeTitle||u.toLanguageString(Ie,et[Ie]))),t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{svgIcon:i.xIcon,onClick:e.closeMenu,fillMode:"flat"})))),t.createElement(s.ActionSheetContent,null,t.createElement("div",{className:"k-column-menu k-column-menu-lg"},e.children))),t.createElement(s.ActionSheetView,{className:"k-actionsheet-view-animated",ref:c,style:{transitionDuration:"500ms",transitionProperty:"transform"}}))},gt=[".k-columnmenu-item-content",".k-filter-menu-container"].map((e=>a.TABBABLE_ELEMENTS.map((t=>`${e} ${t}`)))),ht=[[".k-tabstrip-items"],[".k-columnmenu-item"],...gt],ft=e=>{const t=x.useContext(de),[n,r]=x.useState(!1),l=x.useRef(null),s=x.useRef(null),c=x.useRef(null),d=x.useRef(0),{columnMenu:m,...p}=e,{column:g,columnMenuIcon:h,navigatable:f}=e,C=o.useLocalization(),v=g.title||g.field,b=v?`${v} `:"",E=()=>{e.onCloseMenu&&e.onCloseMenu(),r(!1),!e.navigatable&&l.current&&l.current.focus()},I=x.useMemo((()=>void 0!==e.show?e.show:n),[e.show,n]),y=(e,t,n)=>{n.preventDefault(),n.shiftKey?t.focusPrevious(e):t.focusNext(e)},k=(e,t,n)=>{e&&(n.preventDefault(),e.click())},S=(e,t,n)=>{n.preventDefault(),E()},w=(e,t,n)=>{t.focusElement(e)};return x.useEffect((()=>(I&&s.current&&(c.current=new a.Navigation({tabIndex:0,root:s,selectors:ht,keyboardEvents:{keydown:{Tab:y,Enter:k,Escape:S}},mouseEvents:{mousedown:w}}),c.current.focusElement(c.current.first,null)),()=>{c.current&&(c.current=null)})),[I]),x.createElement(x.Fragment,null,x.createElement("a",{className:"k-grid-header-menu k-grid-column-menu",ref:l,onClick:t=>{t.preventDefault(),n&&e.onCloseMenu&&e.onCloseMenu(),r(!n)},onKeyDown:e=>{var t;if(e.keyCode===a.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:f?-1:void 0,"aria-label":`${f?"":b}${C.toLanguageString(Ie,et[Ie])}`},h?x.createElement(a.IconWrap,{name:h.name,icon:h}):x.createElement(a.IconWrap,{name:"more-vertical",icon:i.moreVerticalIcon})),x.createElement(mt,null,t.mobileMode?x.createElement(pt,{computedShow:I,ColumnMenu:m,closeMenu:E},m&&x.createElement(m,{...p,onCloseMenu:E})):x.createElement(u.Popup,{anchor:l.current,show:I,popupClass:"k-grid-columnmenu-popup",onMouseDownOutside:e=>{!e.isAnchorClicked&&r(!1)}},x.createElement("div",{ref:s,onBlur:e=>{const n=a.getActiveElement(document);clearTimeout(d.current),d.current=window.setTimeout((()=>{!t.mobileMode&&n&&e.relatedTarget!==l.current&&s.current&&!s.current.contains(n)&&E()}))},onFocus:()=>{clearTimeout(d.current)},onMouseDown:e=>{var t;null==(t=c.current)||t.triggerMouseEvent(e)},onKeyDown:e=>{var t;null==(t=c.current)||t.triggerKeyboardEvent(e)},className:"k-column-menu k-column-menu-md"},m&&x.createElement(m,{...p,onCloseMenu:E})))))},Ct=e=>{const t=a.useUnstyled(),n=t&&t.uGrid?t.uGrid:a.uGrid,r=e.onClick?{onClick:e.onClick}:{},l=x.createElement("span",{className:a.classNames(n.headerCellInner({}))},x.createElement("span",{className:a.classNames(n.headerCellLink({sortable:e.columnMenuWrapperProps.sortable})),...r},x.createElement("span",{className:a.classNames(n.columnTitle({}))},e.title||e.field||" "),e.children),e.columnMenuWrapperProps.columnMenu&&x.createElement(ft,{...e.columnMenuWrapperProps}));return e.render?e.render.call(void 0,l,e):l},vt=x.createContext(void 0),bt=e=>{const t=x.useContext(de),n=x.useRef(null),[r,l]=x.useState(),o=(n,r)=>{e.sortable&&r.sortable&&(n.preventDefault(),t.sortChange&&t.headerCellClick(n,r))};return x.createElement(vt.Provider,{value:{cellClick:o,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===a.Keys.enter&&-1!==p.className.indexOf("k-table-th")&&o(r,i),e.navigatable){if(e.groupable&&(c&&s===a.Keys.enter||d&&s===a.Keys.space)){r.preventDefault();const n=e.columns.findIndex((e=>e.field===i.field));t.columnGroupChange&&t.columnGroupChange(n,r)}u&&s===a.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)},Et=e=>{const t=x.useContext(de),n=x.useContext(vt),r=t.isClient||e.isClient,l={style:{...t.getCellPositionStyle(e.column)}},a={onKeyDown:t=>{n.cellKeyDown(t,e.column)},onContextMenu:n=>{t.onContextMenu(n,void 0,e.column.field)}};let o={onClick:t=>{n.cellClick(t,e.column)}};return r&&(o={...o,render:e.render,selectionChange:t.onHeaderSelectionChange,columnMenuWrapperProps:{...e.columnMenuWrapperProps,onSortChange:t.sortChange,onFilterChange:t.filterChange,onGroupChange:t.groupChange,onColumnsStateChange:t.onColumnsStateChange,show:n.showColumnMenuField===e.column.field||void 0,onCloseMenu:n.handleCloseMenu,columnsState:t.columnsState}}),e.isCustom&&(o=r?{...o,thProps:{...e.thProps,...a,...l}}:{...o,...a,...l}),U(e.children,{...o})},xt=e=>{const t=x.useRef(null),n=a.useUnstyled(),r=n&&n.uGrid?n.uGrid:a.uGrid;return x.createElement(a.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:a.classNames(r.simpleTr({})),style:{touchAction:"none"},role:"row","aria-rowindex":e.ariaRowIndex},e.children))},It=e=>{const t=x.useContext(de);return t.dragLogicRef.current.pressHandler&&x.createElement(xt,{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)},yt=e=>{const t=x.useContext(de),n=x.useContext(vt),r={style:{...t.getCellPositionStyle(e.column)}};return U(e.children,{onKeyDown:t=>{n.cellKeyDown(t,e.column)},onContextMenu:n=>{t.onContextMenu(n,void 0,e.column.field)},...r})},kt=e=>{const{column:t}=e,n=x.useContext(de);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)},St={none:"none",asc:"ascending",desc:"descending"},wt=e=>{const t=e.unstyled,n=t&&t.uGrid?t.uGrid:a.uGrid;let r=0,o=-1;const s=t=>{if(!e.sort)return null;const r=a.classNames(n.sortIcon({}));return t>=0&&[x.createElement("span",{key:1,className:r},x.createElement(a.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:a.classNames(n.sortOrder({}))},t+1))]},c=e.columns.map(F);return x.createElement(bt,{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:a.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,h=a.classNames(a.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 f=e.localization.toLanguageString(Ae,et[Ae]),C=c.isAccessible?{ariaSort:St[m],role:"columnheader",ariaColumnIndex:c.ariaColumnIndex,ariaSelected:!1,ariaDescription:d?f:""}:{role:"presentation"},v=c.declarationIndex>=0?++o:--r,b={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}},E={...C,colSpan:c.headerColSpan,rowSpan:c.rowSpan,className:h,columnId:c.id,navigatable:c.navigatable,role:"columnheader"},I=F(c),y={column:I,render:e.cellRender,sortable:e.sortable,sort:e.sort,columnMenuWrapperProps:b.columnMenuWrapperProps},k=c.headerCell?c.headerCell:Ct,S=[x.createElement(Et,{key:1,...y,isClient:W(k)},x.createElement(k,{...b})),x.createElement(kt,{key:2,column:I})],w=B(e.cells,c.cells);if(w&&w.headerCell){const e=w.headerCell,n=W(e);return x.createElement(Et,{key:v,...y,thProps:E,isCustom:!0,isClient:n},x.createElement(e,{...b,thProps:E,index:t},S))}return x.createElement(yt,{key:v,column:I},x.createElement(l.HeaderThElement,{...E},S))})))(t)))))},Rt=[{text:"grid.filterAndLogic",operator:"and"},{text:"grid.filterOrLogic",operator:"or"}],Pt={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"}]},Nt=e=>"isnull"===e||"isnotnull"===e||"isempty"===e||"isnotempty"===e,Mt=(e,t)=>e.map((e=>({text:t.toLanguageString(e.text,et[e.text]),operator:e.operator}))),Tt=[{text:"grid.filterBooleanAll",operator:""},{text:"grid.filterIsTrue",operator:!0},{text:"grid.filterIsFalse",operator:!1}],Dt={text:!1,numeric:!1,date:!1,boolean:!0},Lt=(e,t,n)=>{const r=Gt(n.operators);let l=n.operator;switch(n.filterType){case"numeric":case"date":(!l||Nt(l))&&(l=r),null===e&&l===r&&(l="");break;case"text":(!l||Nt(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,Ft=e=>e||"text",At=(e,t)=>{const n=e.target.value;t({value:n.operator,operator:""===n.operator?"":"eq",syntheticEvent:e.syntheticEvent})},Ot=(e,t,n)=>{let r=t;const l=e.target.value;e.target.state.opened&&(Nt(l.operator)&&(r=null),null===t&&!Nt(l.operator)&&(r=void 0),n({value:r,operator:l.operator,syntheticEvent:e.syntheticEvent}))},Ht=e=>{const t=x.useRef(null),n=o.useLocalization(),r=(t,n)=>{Lt(t,n,e)},l=t=>{Ot(t,e.value,e.onChange)},s=t=>{At(t,e.onChange)},u=x.createElement("div",{className:"k-filtercell"},x.createElement("div",{className:"k-filtercell-wrapper"},((n,l,a)=>{switch(n){case"numeric":return x.createElement(c.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(d.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(p.DropDownList,{ref:t,size:e.size,onChange:s,value:a.find((e=>e.operator===(n(l)?"":l))),data:a,textField:"text",title:e.title,ariaLabel:e.ariaLabel,popupSettings:{onMouseDownOutside:e=>{!e.isAnchorClicked&&e.state&&e.state.props.show&&t&&t.current.togglePopup()}}})}default:return x.createElement(c.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(p.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(Le,et[Le]),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:a.classNames({"k-clear-button-visible":!!(null!==e.value&&""!==e.value||e.operator)}),title:n.toLanguageString(ke,et[ke]),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)}))));return e.render?e.render.call(void 0,u,e):u},zt=e=>{const t=x.useContext(de),n=t.getCellPositionStyle(e.column),r=e.isCustom?{style:{...n}}:{};return t.isClient||e.isClient?U(e.children,{render:e.render,onChange:n=>{((n,r,l,a)=>{if(!t.filterChange)return;const o=[];(""!==n&&null!==n||""!==r)&&o.push({field:l,operator:r,value:n}),e.filter&&e.filter.filters&&(e.filter.filters||[]).forEach((e=>{e&&e.field!==l&&o.push(e)}));const i=e.filter&&e.filter.logic?e.filter.logic:"and";t.filterChange(o.length>0?{logic:i,filters:o}:null,a)})(n.value,n.operator,e.field,n.syntheticEvent)},tdProps:{...e.tdProps,...r},thProps:{...e.tdProps,...r}}):U(e.children,{})},Kt=e=>{const t={style:{...x.useContext(de).getCellPositionStyle(e.column)}};return U(e.children,{...t})},Bt=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,o=-1;const i=e.columns.filter((e=>0===e.children.length)).map((i=>{const s=Ft(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(Ke,et[Ke])}`;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:Mt(e.filterOperators[s]||[],e.localization),booleanValues:Mt(Tt,e.localization),filterType:s,ariaLabel:"reorder"===i.columnType?"":d,size:e.size},p=i.declarationIndex>=0?++o:--r,g={columnId:l.tableKeyboardNavigationTools.getFilterColumnId(i.id),navigatable:i.navigatable||e.navigatable,className:a.classNames("k-table-td",t(i.field,i.locked)||void 0),role:"gridcell",ariaLabel:"reorder"===i.columnType?void 0:d,ariaColumnIndex:i.ariaColumnIndex},h=F(i),f={column:h,filter:e.filter,field:i.field,tdProps:g,thProps:g,render:e.cellRender};let C=null;if(m&&"reorder"!==i.columnType){const e=i.filterCell?i.filterCell:Ht;C=x.createElement(zt,{...f,isClient:W(e)},x.createElement(e,{...m}))}const v=B(e.cells,i.cells);if(v&&v.filterCell){const e=v.filterCell,t=W(e);return x.createElement(zt,{key:p,...f,isClient:t,isCustom:!0},x.createElement(e,{key:p,...m,tdProps:g,thProps:g,index:o},C))}return x.createElement(Kt,{key:p,column:h},x.createElement(l.HeaderTdElement,{...g},C))}));return x.createElement("tr",{className:"k-table-row k-filter-row","aria-rowindex":e.ariaRowIndex,role:"row"},i)},Vt=e=>{const t=x.useRef(null),{dir:n,title:r}=e;return x.createElement(a.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===a.Keys.delete||t.keyCode===a.Keys.backspace)&&(t.preventDefault(),t.stopPropagation(),e.onRemove&&e.onRemove(t))},tabIndex:0,role:"button",style:{touchAction:"none"}},x.createElement("span",null,x.createElement(a.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(a.IconWrap,{name:"x-circle",icon:i.xCircleIcon,size:"small"})))))},Wt=e=>{const t=x.useContext(de),n=o.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},a=r.map(((n,r)=>x.createElement(Vt,{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,a)=>{((n,r,l,a)=>{const o=Object.assign({},l,{dir:a}),i=e.group.slice();i.splice(r,1,o),t.groupChange(i,n)})(l,r,n,a)},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(Be,et[Be]),"aria-controls":e.ariaControls||""},x.createElement("div",{className:"k-chip-list k-chip-list-md",role:"none"},a),x.createElement("div",{className:"k-grouping-drop-container"},!a.length&&n.toLanguageString(be,et[be])," "))},_t=e=>{const t=x.useRef(null),n=x.useRef(null),r=x.useContext(de);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:a.classNames("k-table k-grid-footer-table",{"k-table-md":!e.size,[`k-table-${a.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)};_t.displayName="KendoReactFooter";const qt=e=>{var t;const{cellProps:n}=e,r=x.useContext(de),a=l.useTableKeyboardNavigation(n.id),o=x.useCallback((e=>{var t;null==(t=null==r?void 0:r.cellClick)||t.call(r,e,n.dataItem,n.field)}),[r,n.dataItem,n.field]),i=x.useCallback((e=>{var t;null==(t=null==r?void 0:r.onContextMenu)||t.call(void 0,e,n.dataItem,n.field)}),[r,n.dataItem,n.field]),s="groupFooter"===n.rowType||"groupHeader"!==n.rowType?{onContextMenu:i}:{},c=r.getCellPositionStyle(n.columnPosition),d={...a,...s,..."groupFooter"!==n.rowType&&"groupHeader"!==n.rowType?{style:{...null==(t=e.tdProps)?void 0:t.style,...c}}:{},onClick:o},u={onContextMenu:r.onContextMenu,onChange:r.itemChange,selectionChange:e=>{r.selectionChange({event:e,dataItem:n.dataItem,dataIndex:n.rowDataIndex,columnIndex:n.columnIndex})}};if(e.isCustom)return r.isClient||e.isClient?U(e.children,{tdProps:{...e.tdProps,...d},...u}):U(e.children,{...d});if(n.render){const t="groupHeader"!==n.rowType?x.createElement("td",{...e.tdProps,...d},e.content):null;return n.render.call(void 0,t,{...n,...u})}return e.children&&U(e.children,{...d})},Ut=e=>{var t,n,r;let l=null,o=null,i=null;const s=e.unstyled,c=s&&s.uGrid?s.uGrid:a.uGrid;if(null===(null==(t=e._rowSpan)?void 0:t.count))return null;if("groupFooter"===e.rowType)o={className:e.className},l=x.createElement("td",{...o},i);else if("groupHeader"!==e.rowType){if(void 0!==e.field){const t=P(e.field,e.dataItem);null!=t&&(i=e.intl&&e.format?e.intl.format(e.format,t):t.toString())}const t=a.classNames(c.td({selected:e.isSelected,sorted:e.isSorted,alt:e.isAlt}),e.className);o={rowSpan:null!=(r=null==(n=e._rowSpan)?void 0:n.count)?r:void 0,colSpan:e.colSpan,style:e.style,className:t,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[ee]:e.columnIndex},l=x.createElement("td",{...o},i)}const d=_(e),u=e.rowType||"data",m=e.cells;if(m&&m[u]){const e=m[u],t=W(e);return x.createElement(qt,{cellProps:d,tdProps:o,isCustom:!0,isClient:t},x.createElement(e,{...d,tdProps:o},i))}return x.createElement(qt,{cellProps:d,content:i,tdProps:o},l)},jt=e=>{const t=x.useContext(de),n=o.useLocalization(),r=e.expanded?We:Ve,s=n.toLanguageString(r,et[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(a.IconWrap,{name:e.expanded?"caret-alt-down":c?"caret-alt-left":"caret-alt-right",icon:e.expanded?i.caretAltDownIcon:c?i.caretAltLeftIcon:i.caretAltRightIcon}))},$t=e=>{var t;const{cellProps:n}=e,r=x.useContext(de),o=l.useTableKeyboardNavigation(n.id),i=x.useCallback((e=>{e.isDefaultPrevented()||e.keyCode===a.Keys.enter&&null!=r&&r.itemChange&&(e.preventDefault(),r.itemChange({dataItem:n.dataItem,dataIndex:n.dataIndex,syntheticEvent:e,field:void 0,value:!n.expanded}),null==r||r.dispatchGroupExpand({type:l.GROUP_EXPAND_ACTION.TOGGLE,group:n.group},e))}),[r,n.dataItem,n.dataIndex,n.expanded,n.group]),s=e.addKeyDownHandler?{onKeyDown:i}:{},c=x.useCallback((e=>{null!=r&&r.onContextMenu&&r.onContextMenu.call(void 0,e,n.dataItem,n.field)}),[r,n.dataItem,n.field]),d=r.getCellPositionStyle(n.columnPosition),u={...o,...s,onContextMenu:c,...{style:{...null==(t=e.tdProps)?void 0:t.style,...d}}},m={onContextMenu:r.onContextMenu,onChange:r.itemChange,selectionChange:e=>{r.selectionChange({event:e,dataItem:n.dataItem,dataIndex:n.rowDataIndex,columnIndex:n.columnIndex})}};if(e.isCustom)return r.isClient||e.isClient?U(e.children,{tdProps:e.tdProps?{...e.tdProps,...u}:null,td2Props:e.td2Props?{...e.td2Props,onContextMenu:c}:null,...m}):U(e.children,{...u});const p=e.renderSecondCell?x.createElement("td",{...e.td2Props,onContextMenu:c}):null;if(n.render){let t=null;return e.renderFirstCell&&(t=e.renderSecondCell?x.createElement(x.Fragment,null,x.createElement("td",{...e.tdProps,...u},e.content),e.renderSecondCell&&p):x.createElement("td",{...e.tdProps,...u},e.content)),n.render.call(void 0,t,{...n,...m})}return x.createElement(x.Fragment,null,e.children&&U(e.children,{...u}),p)},Xt=e=>{const{columnIndex:t,level:n,columnsCount:r,rowType:l,dataItem:o,field:i,expanded:s,render:c,ariaColumnIndex:d}=e,u=i||"";let m=null,p=null,g=null,h=!1,f=!1,C=!1;const v=_(e);void 0===t||void 0===n||t<n||void 0===r||"groupHeader"!==l||void 0===o[u]?(f=!0,m={style:e.style,key:"g"+t,className:a.classNames("k-table-td","k-group-cell",{"k-grid-content-sticky":e.locked}),role:"gridcell"}):t===n&&(f=!0,m={className:"k-table-td",style:e.style,colSpan:r-t,key:"g-colspan",role:"gridcell","aria-selected":!1,"aria-expanded":s,"aria-colindex":d},g=x.createElement("p",{className:"k-reset"},x.createElement(jt,{...v}),o[u]instanceof Date&&o[u].toString?o[u].toString():o[u]),h=!0,e.locked&&(C=!0,m={...m,colSpan:0,style:{...e.style,position:"sticky",zIndex:2}},p={className:"k-table-td",role:"gridcell",colSpan:r-t,style:{borderLeftWidth:0,borderRightWidth:0}}));const b=e.rowType||"data",E=e.cells;if(E&&E.group&&E.group[b]){const e=E.group[b],t=W(e);return x.createElement($t,{cellProps:v,tdProps:m,td2Props:p,isCustom:!0,isClient:t,addKeyDownHandler:!0},x.createElement(e,{...v,tdProps:m,td2Props:p},g))}const I=f?x.createElement("td",{...m,key:null==m?void 0:m.key},g):null;return x.createElement($t,{cellProps:v,addKeyDownHandler:h,tdProps:m,td2Props:p,renderFirstCell:f,renderSecondCell:C,content:g},I)},Yt=e=>{var t;const n=x.useContext(de),{reorderRowDropTargetRef:r,reorderRowDragTargetRef:l,activeDragRowDataItemRef:o}=n,{rowType:i,isAltRow:s,isInEdit:c,isSelected:d}=e,u=a.useUnstyled(),m=u&&u.uGrid?u.uGrid:a.uGrid,p=a.classNames(m.tr({selected:d,isHeader:"groupHeader"===i,isFooter:"groupFooter"===i,isMaster:"groupHeader"!==i&&"groupFooter"!==i,isAltRow:s,isInEdit:c})),g=x.useRef(null);a.useDroppable(g,{onDragOver:t=>{if(e.isRowReorderable&&o.current){const e=t.originalEvent.target;r.current=e.closest(".k-table-row")}},onDrop:()=>{l.current&&e.isRowReorderable&&(l.current.style.userSelect="")}});const h={onClick:t=>n.rowClick(t,e.dataItem),onDoubleClick:t=>n.rowDblClick(t,e.dataItem)},f={ref:g,id:e.id,...h,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,[Z]:"data"===e.rowType?e.dataIndex:void 0},C=e.rowType||"data",v=e.rows;if(v&&v[C]){const t=v[C];return x.createElement(t,{key:e.absoluteRowIndex,...e,trProps:f},e.children)}const b=x.createElement("tr",{key:e.absoluteRowIndex,...f},e.children);return e.render?e.render.call(void 0,b,{...e,...h}):b},Jt=e=>{const t=x.useContext(de),n=a.useId(),r=o.useLocalization(),l=e.id||n,i=[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(Ue,et[Ue]),"aria-checked":e.selectionValue,checked:e.selectionValue,onChange:n=>t.onHeaderSelectionChange({field:e.field,syntheticEvent:n})})),e.columnMenuWrapperProps.columnMenu&&x.createElement(ft,{...e.columnMenuWrapperProps})];return e.render?e.render.call(void 0,i,e):i},Qt=e=>{const t=o.useLocalization();return x.createElement(x.Fragment,null,e.children||t.toLanguageString(me,et[me]))};Qt.displayName="KendoReactGridNoRecords";const Zt=e=>{const t=x.useContext(de),n=l.useTableKeyboardNavigation(e.id),r=t.getCellPositionStyle(e.column),a={...n,style:{...r}};return e.isCustom&&(t.isClient||e.isClient)?U(e.children,{tdProps:{...e.tdProps,...a},...n}):U(e.children,{...a})},en=e=>{const{column:t,index:n,cells:r}=e,l={colSpan:1!==t.colSpan?t.colSpan:void 0,className:a.classNames("k-table-td",t.locked&&void 0!==t.left?"k-grid-footer-sticky":""),role:"gridcell","aria-colindex":t.ariaColumnIndex},o={field:t.field,ariaColumnIndex:t.ariaColumnIndex,...l},i=F(t),s=B(r,t.cells);if(s&&s.footerCell){const t=s.footerCell,r=W(t);return x.createElement(Zt,{key:n,id:e.id,tdProps:l,isCustom:!0,isClient:r,column:i},x.createElement(t,{...o,tdProps:l,index:n}))}return x.createElement(Zt,{key:n,id:e.id,column:i},t.footerCell&&x.createElement(t.footerCell,{...o})||x.createElement("td",{...l}))},tn=e=>x.createElement("tr",{className:"k-table-row",role:"row","aria-rowindex":e.ariaRowIndex},(e=>e.filter((t=>!(((e,t)=>{let n=e[t.parentIndex];for(;n;){if(n.footerCell)return!0;n=e[n.parentIndex]}return!1})(e,t)||!t.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(en,{key:r,column:t,id:r,index:n,cells:e.cells})}))),nn=e=>(({buttonCount:e=10,info:t=!0,type:n="numeric",pageSizes:r,previousNext:l=!0,responsive:a,adaptive:o,adaptiveTitle:i,navigatable:s,pageSizeValue:c})=>({buttonCount:e,info:t,pageSizes:!0===r?[5,10,20]:r||void 0,previousNext:l,responsive:!1!==a,adaptive:!0===o,adaptiveTitle:i||"Items per page",navigatable:!1!==s,type:n,pageSizeValue:c}))(!0===e?{}:e),rn={name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"11.0.0-develop.6",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},ln=e=>{const t=x.useContext(de),n=l.useTableKeyboardNavigation(e.id),r=x.useCallback((n=>{null!=t&&t.onContextMenu&&t.onContextMenu.call(void 0,n,e.dataItem)}),[t,e.dataItem]);return U(e.children,{onContextMenu:r,...n})},an=e=>{const{colSpan:t,ariaColIndex:n,dataItem:r,dataIndex:l,id:o}=e,i=e.unstyled,s=i&&i.uGrid?i.uGrid:a.uGrid;return x.createElement(ln,{id:o,dataItem:r},x.createElement("td",{className:a.classNames(s.detailTd({})),colSpan:t,"aria-colindex":n,role:"gridcell"},x.createElement(e.detail,{dataItem:r,dataIndex:l})))},on=e=>{const t=e.unstyled,n=t&&t.uGrid?t.uGrid:a.uGrid;return x.createElement("td",{className:a.classNames(n.hierarchyTd({})),role:"gridcell"})},sn=e=>{const t=x.useContext(de),n=t.headerRef.current,r=n&&n.table()&&n.table().clientWidth,o=a.uGrid;return x.createElement("div",{key:"no-records",className:a.classNames(o.noRecords({})),style:{width:r}},x.createElement("div",{className:a.classNames(o.noRecordsTemplate({})),[l.KEYBOARD_NAV_DATA_ID]:l.tableKeyboardNavigationTools.generateNavigatableId("no-records",l.tableKeyboardNavigationTools.getIdPrefix(t.navigationStateRef))},e.children))};sn.displayName="KendoReactGridNoRecordsContainer";const cn=e=>{const t=x.useContext(de);return x.createElement("colgroup",{ref:e=>{t.columnResizeRef.current.colGroupMain=e,t.columnResizeRef.current.initWidths()}},e.children)},dn=e=>{const t=x.useContext(de);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))},un=e=>{const t=x.useContext(de);return x.createElement(l.DropClue,{ref:t.dragLogicRef.current.refDropElementClue})},mn=e=>{const t=x.useContext(de);return x.createElement(l.DragClue,{ref:t.dragLogicRef.current.refDragElementClue})},pn=e=>{const t=x.useContext(de);return x.createElement(x.Fragment,null,e.rowReorderable?x.createElement(a.DragAndDrop,null,e.children):U(e.children,{ref:t.tableBodyElementRef}))};function gn(e){const t=e.replace(/^pager\.([a-z])/,((e,t)=>"grid.pager"+t.toUpperCase()));return{messageKey:t,defaultMessage:et[t]}}const hn=e=>{const t=x.useContext(de);return U(e.children,{onPageChange:t.pagerPageChange,messagesMap:gn,dir:t.dir})},fn=e=>{const t=x.useContext(de);return x.createElement(l.TableSelection,{selectable:e.selectable,onRelease:t.selectionRelease,childRef:e=>{t.tableElementRef.current=e}},x.createElement("table",{className:e.tableClassName,role:"presentation",style:e.tableStyle,ref:t.tableElementRef},e.children))},Cn=e=>{const t=x.useContext(de);return U(e.children,{ref:t.elementRef,onKeyDown:t.onKeyDown,onFocus:t.onFocus})},vn=e=>{const t=x.useContext(de);return U(e.children,{ref:t.containerElementRef,onScroll:t.scrollHandler})},bn=e=>{const t=x.useContext(de);return x.createElement("div",{style:e.isVirtualScroll?{height:t.vsRef.current.containerHeight+"px"}:{}})},En=e=>{const t=x.useContext(de);if(t.isClient||e.isClient){const n=t.getCellPositionStyle(e.columnPosition);return e.children&&U(e.children,{style:{...e.style,...n},onContextMenu:t.onContextMenu,onChange:t.itemChange,selectionChange:n=>{t.selectionChange({event:n,dataItem:e.dataItem,dataIndex:e.rowDataIndex,columnIndex:e.columnIndex})}})}return e.children},xn="before",In="after",yn="forbidden";function kn(e){const{clientTop:t,clientLeft:n}=Sn(e),{pageYOffset:r,pageXOffset:l}=wn(e),{top:a,left:o}=e.getBoundingClientRect();return{top:a+r-t,left:o+l-n}}const Sn=e=>null==e?void 0:e.ownerDocument.documentElement,wn=e=>null==e?void 0:e.ownerDocument.defaultView,Rn={zIndex:"19000",position:"absolute",display:"none",visibility:"hidden"},Pn={zIndex:"20000",display:"flex",position:"fixed",visibility:"hidden",pointerEvents:"none"},Nn=e=>{const{rowReorderSettings:n,columns:r,unstyled:l}=e,{rowReorder:o,reorderRowDragTargetRef:s,reorderRowDropTargetRef:c,activeDragRowDataItemRef:d,tableBodyElementRef:u}=t.useContext(de),[m,p]=t.useState(!1),[h,f]=t.useState(i.cancelIcon),C=t.useRef(null),v=t.useRef(null),b=t.useRef(null),E=t.useRef(null),x=t.useRef(!1),I=t.useRef(null),y="object"==typeof n?n.enabled:n;t.useEffect((()=>{u.current=C.current}),[]),a.useDraggable(C,{onPress:e=>{const t=e.originalEvent.target;t.closest(".k-drag-cell")&&(E.current=e.offsetY,x.current=!0,s.current=t.closest(".k-table-row"))},onDragStart:e=>{!x.current||!y||!d.current||(s.current&&(s.current.style.userSelect="none"),p(!0))},onDrag:e=>{if(!x.current&&!v.current)return;const{clientX:t,clientY:n}=e,r=t,l=n-E.current;v.current&&(v.current.style.left=`${r}px`,v.current.style.top=`${l}px`,v.current.style.visibility="visible"),k(e)},onDragEnd:e=>{var t;if(!y||!d.current)return;p(!1);const n=Number(null==(t=c.current)?void 0:t.getAttribute("absolute-row-index"));o(e,n,I.current),x.current=!1}});const k=e=>{I.current=P(e),S()},S=()=>{var e;if(I.current===yn||!c.current)return void w();R();const t=kn(c.current);let n=t.top;const r=t.left+((null==(e=b.current)?void 0:e.offsetWidth)||0)/2;I.current===In&&(n+=c.current.offsetHeight),b.current&&(b.current.style.top=`${n}px`,b.current.style.left=`${r}px`,b.current.style.visibility="visible")},w=()=>{b.current&&(b.current.style.display="none")},R=()=>{b.current&&(b.current.style.display="")},P=e=>{if(c.current===s.current||!c.current)return yn;if(((e,t)=>(null==e?void 0:e.parentElement)!==(null==t?void 0:t.parentElement))(c.current,s.current))return yn;const t=c.current.getBoundingClientRect(),n=t.height/2,r=e.clientY,l=t.top;let a=null;r<l+n?a=xn:r>=l+t.height-n&&(a=In),(a===xn&&c.current===s.current.nextElementSibling||a===In&&c.current===s.current.previousElementSibling)&&(a=yn);const o=a===yn?i.cancelIcon:i.insertMiddleIcon;return f(o),a},N=t.useMemo((()=>{if(d.current){if(n.dragClue)return"string"==typeof n.dragClue?n.dragClue:n.dragClue(d.current);{const e=r.find((e=>!e.hidden&&"data"===e.columnType));return d.current[e.field]}}}),[d.current]);return t.createElement(t.Fragment,null,m&&g.createPortal(t.createElement(t.Fragment,null,t.createElement("div",{ref:b,style:Rn,className:a.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:v,style:Pn,className:a.classNames(l.rowReorder({dragClueMain:!0,dragClueOperation:!0}))},t.createElement(a.SvgIcon,{className:"k-drag-status",icon:h}),N)),document.body),U(e.children,{ref:C}))},Mn=()=>t.createElement(a.SvgIcon,{icon:i.reorderIcon}),Tn=e=>{const{cellProps:n,rowReorderable:r}=e,{id:a,dataItem:i}=n,s=o.useLocalization(),c=t.useContext(de),d=l.useTableKeyboardNavigation(a),u=r,m=s.toLanguageString($e,et[$e]),p=t.useCallback((e=>{null!=c&&c.onContextMenu&&c.onContextMenu.call(void 0,e,n.dataItem,n.field)}),[c,n.dataItem,n.field]);return e.children&&U(e.children,{"aria-label":m,...d,onMouseDown:()=>u?c.activeDragRowDataItemRef.current=i:null,onContextMenu:p})},Dn=e=>{const{...n}=e,r=e.unstyled,l=r&&r.uGrid?r.uGrid:a.uGrid,o=a.classNames(l.td({selected:e.isSelected,sorted:e.isSorted,alt:e.isAlt}),e.className),i={colSpan:e.colSpan,style:e.style,className:o,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[ee]:e.columnIndex},s=a.classNames(null==i?void 0:i.className,["k-drag-cell",""+(e.rowReorderable?"":"k-disabled")]);return t.createElement(Tn,{rowReorderable:e.rowReorderable,cellProps:n},t.createElement("td",{...i,style:{touchAction:"none"},"aria-disabled":!e.rowReorderable,className:s},t.createElement(Mn,null)))},Ln=e=>x.createElement(Ct,{...e}),Gn={height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},Fn=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:Gn},x.createElement(h.Loader,{size:"large",type:"converging-spinner"}))):null)},An=e=>({lockedColumn:e.some((e=>e.locked))}),On=e=>({multiColumn:e.some((e=>e.children&&e.children.length>0))}),Hn=e=>({columnCellTemplate:e.some((e=>"data"===e.columnType&&(e.cells||e.cell||e.headerCell||e.footerCell||e.filterCell)))}),zn=e=>({columnMenu:e.some((e=>e.columnMenu))}),Kn=e=>x.Children.toArray(e.children).some((e=>!(!e||!e.type||"KendoReactGridColumn"!==e.type.displayName)&&e.props.hidden)),Bn=e=>{const t=l.getSelectionOptions(e.selectable),n=l.getEditableOptions(e.editable),r=e.sortable&&ie(e.sortable),a=e.pageable&&nn(e.pageable);return{cells:!!e.cells,detail:!!e.detail,cellRender:!!e.cellRender,rows:!!e.rows,rowRender:!!e.rowRender,filterCellRender:!!e.filterCellRender,headerCellRender:!!e.headerCellRender,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"!==a.type),sortableMultiple:!(!e.sortable||"multiple"!==r.mode),hiddenColumns:Kn(e)}},Vn=e=>({...An(e),...On(e),...Hn(e),...zn(e)}),Wn=(e,t)=>{const n={...Bn(e),...Vn(t)};return Object.keys(n).filter((e=>!0===n[e]))};const _n=e=>{var n;const r=o.useLocalization(),u=a.useAdaptiveModeContext(),p=t.useContext(de),h=(e,t)=>{p.onDialogEditSubmit&&p.onDialogEditSubmit({dataItem:e,syntheticEvent:t})},b=e=>{p.onDialogEditCancel&&p.onDialogEditCancel({syntheticEvent:e})},E=e=>{const{validationMessage:n,visited:r,id:a,valid:o,editor:i,value:s,label:u,...m}=e,g=p.mobileMode?"large":"medium";switch(i){case"numeric":return t.createElement(t.Fragment,null,t.createElement(f.Label,{editorId:a,className:"k-form-label"},u,":"),t.createElement("div",{className:"k-form-field-wrap"},t.createElement(c.NumericTextBox,{...m,size:g,value:s,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),n&&t.createElement(f.Error,null,n)));case"date":return t.createElement(t.Fragment,null,t.createElement(f.Label,{editorId:a,className:"k-form-label"},u,":"),t.createElement("div",{className:"k-form-field-wrap"},t.createElement(d.DatePicker,{valid:!0,...m,value:s,adaptive:p.mobileMode,size:g,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),n&&t.createElement(f.Error,null,n)));case"boolean":return t.createElement("div",{className:"k-form-field-wrap"},t.createElement(f.Label,{editorId:a,className:"k-form-label"},u,": ",t.createElement(c.Checkbox,{...m,size:g,value:s,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),n&&t.createElement(f.Error,null,n)));default:return t.createElement(t.Fragment,null,t.createElement(f.Label,{editorId:a,className:"k-form-label"},u,":"),t.createElement("div",{className:"k-form-field-wrap"},t.createElement(c.TextBox,{...m,size:g,value:s||"",[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),n&&t.createElement(f.Error,null,n)))}},x=r.toLanguageString(Oe,et[Oe]),I=r.toLanguageString(He,et[He]),y=r.toLanguageString(ze,et[ze]),k={animation:!0,navigatable:!1,navigatableElements:[],expand:!0,title:p.adpativeTitle||x,suffixActions:t.createElement(m.Button,{svgIcon:i.xIcon,onClick:b,fillMode:"flat"}),animationStyles:u&&p.adaptiveColumnMenuRef<=u.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:u&&p.adaptiveColumnMenuRef<=u.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,g.createPortal(t.createElement(t.Fragment,null,p.mobileMode?t.createElement(t.Fragment,null,S?t.createElement(S,{columns:e.columns,dataItem:e.dataItem,onSubmit:h,onCancel:b}):t.createElement(v.Form,{initialValues:e.dataItem,onSubmit:h,id:"kendo-grid-edit-dialog",render:e=>t.createElement(s.ActionSheet,{...k},t.createElement(s.ActionSheetContent,null,t.createElement(v.FormElement,null,null==w?void 0:w.map((e=>t.createElement(v.FieldWrapper,{key:e.field},t.createElement(v.Field,{name:e.field,id:e.field,editor:e.editor,component:E,label:e.title||e.field,validator:null==e?void 0:e.validator})))))),t.createElement(s.ActionSheetFooter,null,t.createElement(m.Button,{onClick:b,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},I)))})):S?t.createElement(S,{columns:e.columns,dataItem:e.dataItem,onSubmit:h,onCancel:b}):t.createElement(v.Form,{initialValues:e.dataItem,onSubmit:h,id:"kendo-grid-edit-dialog",render:e=>t.createElement(C.Dialog,{title:x,width:450,onClose:e=>b(e.syntheticEvent)},t.createElement(v.FormElement,null,null==w?void 0:w.map((e=>t.createElement(v.FieldWrapper,{key:e.field},t.createElement(v.Field,{name:e.field,id:e.field,editor:e.editor,component:E,label:e.title||e.field,validator:null==e?void 0:e.validator}))))),t.createElement(C.DialogActionsBar,{layout:"start"},t.createElement(m.Button,{type:"submit",themeColor:"primary",disabled:!e.allowSubmit||!e.valid,onClick:e.onSubmit,icon:"save",svgIcon:i.saveIcon},I),t.createElement(m.Button,{onClick:b,type:"reset",icon:"cancel",svgIcon:i.cancelIcon},y)))})),document.body))},qn=x.forwardRef(((e,t)=>{var n,i,s,c,d,u,m,p,g,h;const f=e.id+"-role-element-id",C=e.navigatable?f:"";let v=e.columnsState||[];const b=e=>{const t=e.filter((e=>e&&e.type&&"KendoReactGridColumn"===e.type.displayName));return M(t,v,{prevId:0,idPrefix:C})},E=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(v,!1),e})();return e.filter((e=>{var n;return!(e.hidden||null!=(n=t.find((t=>t.id===e.id)))&&n.hidden)}))},I=(t,n)=>{var r;t.filter((t=>e.selectedField&&t.field===e.selectedField||"checkbox"===t.columnType)).forEach((e=>{e.width=e.width||"50px",e.cell=e.cell||rt,e._type="edit",e.headerCell=e.headerCell||Jt})),void 0!==J&&t.filter((e=>"reorder"===e.columnType)).forEach((e=>{e.width=e.width||"50px",e.cell=e.cell||Dn,e.headerCell=e.headerCell||Ln,e.sortable=!1,e.filterable=!1,e.editable=!1}));const o=H(v);((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):A(e)};v=e.filter((e=>-1===e.parentIndex)).map(n)})(t,o);const i={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 s=0;if((e.expandField||ie.enabled)&&e.detail){const n={...i,_type:"expand",id:l.tableKeyboardNavigationTools.generateNavigatableId(""+s++,"expand","column"),cell:ot,field:null!=(r=ie.column)?r:e.expandField,headerClassName:a.classNames(Y.hierarchyCell({}))};t.unshift(n),v.unshift(o.find((e=>e.id===n.id))||A(n))}for(let r=0;r<n;r++){const n={...i,isAccessible:!1,cell:Xt,id:l.tableKeyboardNavigationTools.generateNavigatableId(""+s++,"group","column"),field:"value",locked:e.lockGroups};t.unshift(n),v.unshift(o.find((e=>e.id===n.id))||A(n))}t.slice(s).forEach((e=>{e.parentIndex>=0&&(e.parentIndex+=s),e.rowSpannable=void 0!==e.rowSpannable?q(e.rowSpannable):ge}))},k=()=>{var t;return Array.isArray(e.data)?Z.length===e.total:!!Z&&e.total===(null==(t=e.data)?void 0:t.total)},S=()=>e.isClient?O:z,w=t=>{const n=[];let r=null,l=0;if(Ie.forEach(((e,a)=>{const o=parseFloat((e.width||"").toString())||10;if(l)return l--,void(r&&(r.width+=o));const i=Math.min(((e,t)=>"function"==typeof e.colSpan?e.colSpan({dataItem:t,column:e}):e.colSpan||1)(e,t),Ie.length-a);l=i-1,r={width:o,colSpan:i,columnIndex:a},n.push(r)})),e.columnVirtualization){const t=_.current||0,r=U.current||parseFloat(((e.style||{}).width||"").toString());return function(e){const{cellModels:t,columns:n=[],tableViewPortWidth:r,scrollLeft:l}=e;let a=0,o=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)){a=e;break}for(let e=a;e<t.length;e++)if(!n[t[e].columnIndex].locked){if(!(i<r+l))break;i+=t[e].width||10,o=e}a>0&&a--,o<t.length-1&&o++;let c=0,d=0;for(let e=0;e<a;e++)n[t[e].columnIndex].locked||(c+=t[e].colSpan);for(let e=o+1;e<t.length;e++)n[t[e].columnIndex].locked||(d+=t[e].colSpan);return t[a].colSpan+=c,t[o].colSpan+=d,t.slice(a,o+1)}({cellModels:n,columns:Ie,tableViewPortWidth:r,scrollLeft:t})}return n};let R,G=[],O=[],z=[],K=[[]];const _=e.scrollLeftRef||{current:0},U=e.widthRef||{current:0},j=e.localization||new o.LocalizationService(e.language),$=e.intl||new o.IntlService(null!=(n=e.locale)?n:"en"),X=e.unstyled,Y=X&&X.uGrid?X.uGrid:a.uGrid,J=V(e.rowReorderable),Q=!0===e.autoProcessData?{group:!0,sort:!0,filter:!0,search:!0,page:!0}:e.autoProcessData;let Z,ee;if(Array.isArray(e.data)?(Z=e.data,ee=null!=(i=e.total)?i:Z.length):(Z=(null==(s=e.data)?void 0:s.data)||[],ee=null!=(u=null!=(d=e.total)?d:null==(c=e.data)?void 0:c.total)?u:Z.length),Q){const{data:t,total:n}=r.process(Z,{group:Q.group?e.group:void 0,sort:Q.sort?e.sort:void 0,filter:l.combineFilters(Q.filter?e.filter:void 0,Q.search?e.search:void 0),...Q.page?{take:e.take,skip:e.skip}:{}});Z=t,ee=null!=(m=e.total)?m:n}const{size:te="medium"}=e,ne="object"==typeof e.groupable&&e.groupable.footer||"none",ae="virtual"===e.scrollable,oe=!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),{resolvedGroupsCount:ce,flattedData:de}=((e,t,n,r,l,a,o)=>{const i=[];return{flattedData:i,resolvedGroupsCount:N(i,Z,e,{index:t},void 0!==n,r,l,a,se.defaultExpand,o)}})(ne,e.skip||0,e.group,e.expandField,e.detailExpand,e.groupExpand,e.dataItemKey);G=de;const me=(()=>{const{rowHeight:t,detailRowHeight:n,detail:r,expandField:l}=e,a=k();return!(void 0!==t&&t>0)||oe&&!a||r&&l&&(!(void 0!==n&&n>0)||!a)?le:re})();me===re&&k()&&(R=G.slice(e.skip||0,(e.skip||0)+((void 0!==e.take?e.take:e.pageSize)||0)));const pe=l.getSelectionOptions(e.selectable||!!e.selectedField),ge=q(e.rowSpannable),he=pe&&pe.drag?"none":void 0,fe=x.useMemo((()=>x.Children.toArray(e.children)),[e.children]);((t,n)=>{var r;O=b(t),0===O.filter((e=>!e.hidden)).length&&(O=function(e,t,n,r){const a=T(e),o=[];if(a.length>0){let e=a[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&&o.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 o}(Z,e.group,{column:null!=(r=ie.column)?r:e.expandField},{prevId:0,idPrefix:C})),I(O,n),O=E(O),K=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 a=[];let o=1;return e.forEach(((e,t)=>{n[e.depth]=n[e.depth]||[];let l=!1;0===n[e.depth].length&&(o<=1?o=1+(e.children.length>0?0:r-e.depth):(o--,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=a[e.depth]?a[e.depth]+1:1;for(let t=e.depth;t<e.depth+e.rowSpan;t++)a[t]=(a[t]||0)+e.headerColSpan})),l.updateLeft(n,e,t),l.updateRight(n,e,t),n}(O,!0),z=O.map(F)})(fe,ce);const Ce=x.useMemo((()=>{const t=Wn(e,O);return{premium:t.length>0,features:t}}),[e,O]),ve=x.useMemo((()=>!!Ce.premium&&!a.validatePackage(rn,{component:"Grid",features:Ce.features})),[Ce.premium]),be=fe.map((e=>e&&e.type&&"KendoReactGridToolbar"===e.type.displayName?x.cloneElement(e,{...e.props,ariaControls:f}):null)),Ee=fe.filter((e=>e&&e.type&&"KendoReactGridNoRecords"===e.type.displayName)),xe=fe.filter((e=>e&&e.type&&"KendoReactGridStatusBar"===e.type.displayName)),Ie=O.filter((e=>0===e.children.length)),ye=oe&&x.createElement(Wt,{columns:S(),group:e.group||[],ariaControls:f}),ke=x.createElement(dt,{size:te,staticHeaders:"none"!==e.scrollable,draggable:e.reorderable||oe,headerRow:x.createElement(wt,{cells:e.cells,sort:e.sort,sortable:e.sortable,group:e.group||[],groupable:oe,filter:e.filter,filterable:e.filterable,filterOperators:e.filterOperators||Pt,columnMenu:e.columnMenu,columnMenuIcon:e.columnMenuIcon,columns:O,columnsMap:K,cellRender:e.headerCellRender,navigatable:!!e.navigatable,localization:j,unstyled:X,headerSelectionValue:!(!e.select||!G.filter((e=>"data"===e.rowType)).every((t=>e.select&&e.dataItemKey&&void 0!==a.getter(e.dataItemKey)(t.dataItem)?e.select[a.getter(e.dataItemKey)(t.dataItem)]:void 0)))}),filterRow:e.filterable&&x.createElement(Bt,{cells:e.cells,size:te,columns:O,filter:e.filter,filterOperators:e.filterOperators||Pt,sort:e.sort,cellRender:e.filterCellRender,navigatable:!!e.navigatable,ariaRowIndex:K.length+1,localization:j})||void 0,cols:Ie.map(((e,t)=>x.createElement("col",{key:t.toString(),width:D(e)})))}),Se=Ie.findIndex((e=>"function"==typeof e.colSpan))>-1;let we;Se||(we=w(null));const Re="dialog"===(null==(p=e.editable)?void 0:p.mode),Pe=null==(g=e.editable)?void 0:g.enabled;let Ne=0;let Me=null;const Te=e=>e>=G.length-Ne;let De=e.skip||0;const Le=[],Ge=!G.length,Fe=K.length+(e.filterable?1:0)+1;let Ae=0;if(G.length){let t=-1,n=0;const r=ge.enabled?{}:void 0;(R||G).forEach(((o,i)=>{"data"===o.rowType&&(De++,t++);const s=De%2==0,c=i+(e.skip||0),d=e.dataItemKey&&a.getter(e.dataItemKey)(o.dataItem)||"ai"+c,u=d+"_1",m=((t,n,r,o,i)=>{let s=!1;const c=e.selectedField?P(e.selectedField,t.dataItem):e.select&&e.dataItemKey&&void 0!==a.getter(e.dataItemKey)(t.dataItem)?e.select[a.getter(e.dataItemKey)(t.dataItem)]:void 0;return Se&&(we=w(t.dataItem)),{row:we.map((({columnIndex:d,colSpan:u})=>{var m,p,g,h;const f=Ie[d];let v;if(null!=(m=f.rowSpannable)&&m.enabled&&"data"===t.rowType&&f.field&&i){const e=f.field?null==(g=(p=f.rowSpannable).valueGetter)?void 0:g.call(p,t.dataItem,f.field):null;v={value:e,count:1},i[f.field]&&(null==(h=i[f.field])?void 0:h.value)===e&&null!==i[f.field]?(i[f.field].count++,v.count=null):i[f.field]=v}const b=f.id?f.id:d,E=a.classNames(Y.contentSticky({locked:f.locked}),f.className),I=void 0!==f.left?{left:f.left,right:f.right}:{};let y=!1;if(f.editable&&(e.editable||e.editField)){const n=e.editField?P(e.editField,t.dataItem):e.edit&&e.dataItemKey?e.edit[a.getter(e.dataItemKey)(t.dataItem)]:void 0,r="boolean"==typeof n?n:Array.isArray(n)?n.indexOf(f.field)>-1:void 0!==f.field&&n===f.field;r&&"data"===f.columnType&&(!0===r||r===f.field)&&(s=!0,Re||(y=!0))}const k=f.cell||y&&ct||Ut,S=e.expandField&&e.detail&&f.field===e.expandField||"expand"===f._type,w={locked:e.lockGroups,id:l.tableKeyboardNavigationTools.generateNavigatableId(`${n}-${String(d)}`,C,S||"groupHeader"===t.rowType||"groupFooter"===t.rowType||"value"===f.field?"nodata":"cell"),colSpan:u,dataItem:t.dataItem,field:f.field,editor:f.editor,format:f.format,columnType:f.columnType,rowReorderable:J,className:E,render:e.cellRender,cells:B(e.cells,f.cells),columnIndex:d,columnsCount:Ie.length,rowType:t.rowType,level:t.level,expanded:t.expanded,dataIndex:t.dataIndex,rowDataIndex:r,columnPosition:I,style:{},ariaColumnIndex:f.ariaColumnIndex,isSelected:"edit"===(null==f?void 0:f._type)?c:Array.isArray(c)&&c.indexOf(d)>-1,isSorted:!!L(f.field,e.sort),isInEdit:y,isAlt:o,unstyled:X,group:t.group,localization:j,intl:$,_rowSpan:v};return f.cell?x.createElement(En,{key:b,isClient:W(k),dataItem:w.dataItem,rowDataIndex:w.rowDataIndex,columnIndex:w.columnIndex,columnPosition:w.columnPosition},x.createElement(k,{...w})):x.createElement(k,{key:b,...w})})),isInEdit:s,isSelected:"boolean"==typeof c&&c}})(o,d,t,s,r);if(Ae=c+Fe+n,Re&&Pe&&m.isInEdit&&(Me=o.dataItem),Le.push(x.createElement(Yt,{key:d,dataItem:o.dataItem,isAltRow:s,isInEdit:m.isInEdit&&!Re,rowType:o.rowType,isRowReorderable:J,isHidden:Te(i),onClick:null,onDoubleClick:null,selectedField:e.selectedField,rowHeight:e.rowHeight,render:e.rowRender,ariaRowIndex:Ae,absoluteRowIndex:c,dataIndex:ae&&!e.groupable?c:t,isSelected:m.isSelected,rows:e.rows},m.row)),e.detail&&"data"===o.rowType&&o.expanded){const t=Ie.length-(e.expandField||ie.enabled?1:0)-(e.group?e.group.length:0)||1;n++,Ae=c+Fe+n,Le.push(x.createElement("tr",{key:u,className:a.classNames(Y.detailTr({isAlt:s})),style:{visibility:Te(i)?"hidden":"",height:e.detailRowHeight},role:"row","aria-rowindex":Ae},e.group&&e.group.map(((t,n)=>{var r;const l=null==(r=null==m?void 0:m.row[n])?void 0:r.props.style,a=l?{left:l.left,right:l.right}:{};return x.createElement(Xt,{id:"",dataIndex:o.dataIndex,field:t.field,dataItem:o.dataItem,key:n,columnPosition:a,style:{},ariaColumnIndex:1+n,isSelected:!1,locked:e.lockGroups,cells:e.cells,group:o.group})})),(e.expandField||ie.enabled)&&x.createElement(on,{unstyled:X,id:l.tableKeyboardNavigationTools.generateNavigatableId(`${u}-dhcell`,C)}),x.createElement(an,{dataItem:o.dataItem,dataIndex:o.dataIndex,colSpan:t,ariaColIndex:2+(e.group?e.group.length:0),detail:e.detail,id:l.tableKeyboardNavigationTools.generateNavigatableId(`${u}-dcell`,C)})))}}))}const Oe={size:te,total:ee,skip:e.skip||0,take:(void 0!==e.take?e.take:e.pageSize)||10,...nn(e.pageable||{})},He=x.createElement(hn,null,e.pager?x.createElement(e.pager,{...Oe}):x.createElement(l.Pager,{className:a.classNames(Y.pager({})),...Oe})),ze=null!=(h=e.cells)&&h.footerCell||O.some((e=>{var t;return!!(e.footerCell||null!=(t=e.cells)&&t.footerCell)}))?x.createElement(_t,{size:te,staticHeaders:"none"!==e.scrollable,row:x.createElement(tn,{cells:e.cells,idPrefix:C,columns:O,ariaRowIndex:Ae+1}),cols:Ie.map(((e,t)=>x.createElement("col",{key:t.toString(),width:D(e)})))}):null,Ke=x.createElement(cn,null,Ie.map(((t,n)=>x.createElement("col",{key:n.toString(),className:L(t.field,e.sort)?a.classNames(Y.sorted({})):void 0,width:D(t)})))),Be=e.reorderable||oe,{detail:Ve,cells:We,rows:_e,...qe}=e,Ue=x.createElement("tbody",{role:"rowgroup",className:a.classNames(Y.tbody({})),...l.tableKeyboardNavigationBodyAttributes},Le),$e=Me?x.createElement(_n,{columns:Ie,customEditDialog:e.editDialog,dataItem:Me}):null;let Xe=Ue;if(J&&(Xe=x.createElement(Nn,{unstyled:Y,columns:O,rowReorderSettings:e.rowReorderable},Ue)),"none"===e.scrollable)return x.createElement(ue,{gridRef:t,gridProps:qe,columnsRef:S(),columnsMapRef:K,columnsState:v,dataRef:G,slicedData:R,isFixedVirtualScroll:me===re,id:f,total:ee,isAllData:k(),detailExpandable:!!e.detail},x.createElement(Cn,null,x.createElement("div",{id:e.id,style:e.style,className:a.classNames(Y.wrapper({size:te}),e.className),"aria-label":e.ariaLabel,...l.tableKeyboardNavigationScopeAttributes},be,ye,x.createElement(dn,{selectable:e.selectable,className:a.classNames(Y.table({size:te}))},Ke,ke,x.createElement(pn,{rowReorderable:J},Xe),ze),Ge&&x.createElement(sn,null,Ee.length?Ee:x.createElement(Qt,null)),Be&&x.createElement(x.Fragment,null,x.createElement(un,null),x.createElement(mn,null)))),xe,e.pageable&&He,x.createElement(Fn,{loader:e.loader,showLoader:e.showLoader}),$e,ve&&x.createElement(a.WatermarkOverlay,null));let Ye=e.style||{};return ae&&(Ye.height||(Ye=Object.assign({},Ye,{height:"450px"}))),x.createElement(ue,{gridRef:t,gridProps:qe,columnsRef:S(),columnsMapRef:K,columnsState:v,dataRef:G,slicedData:R,isFixedVirtualScroll:me===re,id:f,total:ee,isAllData:k(),detailExpandable:!!e.detail},x.createElement(Cn,null,x.createElement("div",{id:e.id,style:Ye,className:a.classNames(Y.wrapper({size:te,virtual:ae}),e.className),"aria-label":e.ariaLabel,...l.tableKeyboardNavigationScopeAttributes},be,ye,x.createElement("div",{className:a.classNames(Y.ariaRoot({})),role:"grid","aria-colcount":Ie.length,"aria-rowcount":ee,id:f,"aria-label":j.toLanguageString(je,et[je])},ke,x.createElement("div",{className:a.classNames(Y.container({})),role:"presentation"},x.createElement(vn,null,x.createElement("div",{className:a.classNames(Y.content({})),role:"presentation"},x.createElement("div",{className:a.classNames(Y.tableWrap({})),role:"presentation"},x.createElement(fn,{selectable:e.selectable,tableClassName:a.classNames(Y.table({size:te})),tableStyle:{userSelect:he}},Ke,x.createElement(pn,{rowReorderable:J},Xe)),Ge&&x.createElement(sn,null,Ee.length?Ee:x.createElement(Qt,null))),ae&&x.createElement("div",{className:a.classNames(Y.heightContainer({})),role:"presentation"},x.createElement(bn,{isVirtualScroll:ae}))))),ze,Be&&x.createElement(x.Fragment,null,x.createElement(un,null),x.createElement(mn,null)),ve&&x.createElement(a.WatermarkOverlay,null)),xe,e.pageable&&He,x.createElement(Fn,{loader:e.loader,showLoader:e.showLoader}),$e)))}));qn.displayName="KendoReactGridComponent";const Un=x.forwardRef(((e,t)=>{const{isPaid:n}={isPaid:!0},[r]=a.useCustomComponent(n?X:x.Fragment);return k===S?x.createElement(r,{...e},x.createElement(Y,{id:e.id},x.createElement(qn,{ref:t,...e}))):x.createElement(o.ServerGlobalization,{locale:e.locale,language:e.language},x.createElement(qn,{ref:t,...e}))})),jn={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,expandField:n.string,selectedField:n.string,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,editField:n.string,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"])};Un.displayName="KendoReactGrid",Un.propTypes=jn;const $n=e=>{const{children:t,id:n,className:r,style:l}=e;return x.createElement("div",{id:n,className:a.classNames("k-columnmenu-item-wrapper",r),style:l},t)},Xn=e=>{const{title:t,iconClass:n,svgIcon:r,selected:l,expandable:o,expanded:s}=e,c=x.useContext(de);let d;return o&&(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(a.IconWrap,{name:n&&a.toIconName(n),icon:r}),t,x.createElement("span",{className:"k-spacer"}),o&&x.createElement(a.IconWrap,{icon:d}))},Yn="desc",Jn=(e,t)=>t?t.findIndex((t=>t.field===e)):-1,Qn=(e,t)=>!!(t&&e>-1&&"asc"===t[e].dir),Zn=(e,t)=>!!(t&&e>-1&&t[e].dir===Yn),er=e=>{const{children:t,id:n,className:r,style:l,show:o}=e;return x.createElement("div",{id:n,className:a.classNames("k-columnmenu-item-content",r),style:l,tabIndex:0},x.createElement(b.Reveal,{style:{position:"relative",display:"block"}},o?t:null))},tr=e=>{const t=x.useContext(de),n=t=>{Lt(t.value,t.syntheticEvent,e)},r=t=>{Ot(t,e.value,e.onChange)},l=t=>{At(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(p.DropDownList,{adaptive:t.adaptive,size:t.mobileMode?"large":"medium",value:n,onChange:r,data:e.operators,textField:"text"})})(),((e,r,a)=>{switch(e){case"numeric":return x.createElement(c.NumericTextBox,{value:r,size:t.mobileMode?"large":"medium",onChange:n,rangeOnEnter:!1});case"date":return x.createElement(d.DatePicker,{value:r,size:t.mobileMode?"large":"medium",onChange:n});case"boolean":{const e=e=>null==e;return x.createElement(p.DropDownList,{adaptive:t.adaptive,onChange:l,size:t.mobileMode?"large":"medium",value:a.find((t=>t.operator===(e(r)?"":r))),data:a,textField:"text"})}default:return x.createElement(c.Input,{className:"k-input-lg",value:r||"",onChange:n})}})(e.filterType,e.value,e.booleanValues))},nr=e=>{const{firstFilterProps:t,hideSecondFilter:n,secondFilterProps:r,logicValue:l,onLogicChange:a}=e,o=x.useContext(de),i="and"===(null==l?void 0:l.operator);return x.createElement(x.Fragment,null,x.createElement(tr,{...t}),!n&&x.createElement(x.Fragment,null,x.createElement(m.ButtonGroup,null,x.createElement(m.Button,{type:"button",value:"and",size:o.mobileMode?"large":"medium",togglable:!0,selected:i,onClick:a},"And"),x.createElement(m.Button,{type:"button",value:"or",size:o.mobileMode?"large":"medium",togglable:!0,selected:!i,onClick:a},"Or")),x.createElement(tr,{...r})))},rr=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))),lr=e=>{const n=o.useLocalization(),r=t.useContext(de),{actionSheetRef:l,secondViewRef:a}=t.useContext(ut),c="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,g.createPortal(t.createElement(t.Fragment,null,e.FilterUI?t.createElement(e.FilterUI,{...e.filterUIProps}):t.createElement(t.Fragment,null,t.createElement(s.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:c,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(s.ActionSheetContent,null,t.createElement("div",{className:"k-filter-menu"},t.createElement("div",{className:"k-filter-menu-container"},t.createElement(nr,{...e.filterUIProps})))),t.createElement(s.ActionSheetFooter,null,t.createElement(rr,{onApply:e.submit,onReset:e.clear,resetIcon:i.filterClearIcon,submitIcon:i.filterIcon,submitMessage:n.toLanguageString(we,et[we]),resetMessage:n.toLanguageString(ke,et[ke]),submitDisabled:!e.isFilterValid})))),a.current.current))},ar=e=>e||{filters:[],logic:"and"},or=(e,t)=>ar(t).filters.filter((t=>!!r.isCompositeFilterDescriptor(t)&&(t.filters&&t.filters.length&&!t.filters.find((t=>r.isCompositeFilterDescriptor(t)||t.field!==e)))))[0]||null,ir=e=>{const n=t.useContext(de),r=o.useLocalization(),{actionSheetRef:l,secondViewRef:a}=t.useContext(ut),d="rtl"===n.dir?i.chevronRightIcon:i.chevronLeftIcon,u=r.toLanguageString(Ze,et[Ze]);t.useEffect((()=>{null!=n&&n.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",2)}),[]);return t.createElement(t.Fragment,null,g.createPortal(t.createElement(t.Fragment,null,t.createElement(s.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:d,fillMode:"flat"})),t.createElement("div",{className:"k-actionsheet-title"},t.createElement("div",{className:"k-text-center"},u)),t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",svgIcon:i.xIcon,onClick:e.handleClose,fillMode:"flat"})))),t.createElement(s.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(c.Checkbox,{size:n.mobileMode?"large":"medium",label:r.toLanguageString(De,et[De]),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(c.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(Fe,et[Fe]))))),t.createElement(s.ActionSheetFooter,null,t.createElement(rr,{onApply:e.submit,onReset:e.clear,submitMessage:r.toLanguageString(we,et[we]),resetMessage:r.toLanguageString(ke,et[ke])}))),a.current.current))},sr={uniqueData:!0},cr=e=>{const[t,n]=x.useState(""),r=e.columns.reduce(((t,n)=>({...t,[n.id||""]:!!e.columnsState.find((e=>e.id===n.id))})),{}),[l,s]=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=o.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]),h=x.useMemo((()=>g===e.columns.length),[e.columns,g]),f=x.useCallback((()=>{const e={...l};Object.keys(e).forEach(((t,n)=>e[t]=!(!h||0!==n)||!h)),s(e)}),[l,h]),C=x.useCallback(((e,t)=>{const n={...l};n[t||""]=e,s(n)}),[l]);return x.createElement("form",{className:"k-filter-menu"},x.createElement("div",{className:"k-filter-menu-container"},x.createElement(c.TextBox,{className:"k-searchbox",value:t,onChange:e=>{n(String(e.target.value))},prefix:()=>x.createElement(c.InputPrefix,null,x.createElement(a.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(c.Checkbox,{checked:h,onChange:f,label:u.toLanguageString(Ge,et[Ge])})),d.map(((e,t)=>x.createElement("li",{key:e.id,className:"k-item"},x.createElement(c.Checkbox,{disabled:l[e.id||""]&&1===g,checked:l[e.id||""],onChange:t=>{var n;return C(!(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(ye,et[ye])),x.createElement(m.Button,{type:"button",onClick:()=>{s(r)}},u.toLanguageString(Se,et[Se])))))};cr.displayName="GridColumnMenuColumnsList";const dr=e=>{const n=o.useLocalization(),r=t.useContext(de),{actionSheetRef:l,secondViewRef:d}=t.useContext(ut),u="rtl"===r.dir?i.chevronRightIcon:i.chevronLeftIcon,p=n.toLanguageString(Je,et[Je]),h=n.toLanguageString(Qe,et[Qe]);t.useEffect((()=>{r.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",2)}),[]);return t.createElement(t.Fragment,null,g.createPortal(t.createElement(t.Fragment,null,t.createElement(s.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:u,fillMode:"flat"})),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"},h)),t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",svgIcon:i.xIcon,onClick:e.handleClose,fillMode:"flat"})))),t.createElement(s.ActionSheetContent,null,t.createElement("div",{className:"k-filter-menu"},t.createElement("div",{className:"k-filter-menu-container"},t.createElement(c.TextBox,{size:r.mobileMode?"large":"medium",className:"k-searchbox",value:e.filter,onChange:e.onFilter,prefix:()=>t.createElement(c.InputPrefix,null,t.createElement(a.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(c.Checkbox,{size:r.mobileMode?"large":"medium",checked:e.allSelected,onChange:e.onSelectAll,label:n.toLanguageString(Ge,et[Ge])})),e.filtered.map(((n,l)=>t.createElement("li",{key:n.id,className:"k-item"},t.createElement(c.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(Ye,et[Ye]))))),t.createElement(s.ActionSheetFooter,null,t.createElement(rr,{onApply:e.onApply,onReset:e.onReset,resetMessage:n.toLanguageString(Se,et[Se]),submitMessage:n.toLanguageString(ye,et[ye])}))),d.current.current))},ur=e=>{const{columnsState:t,onCloseMenu:n,onColumnsStateChange:r}=e,l=o.useLocalization(),s=x.useContext(de),[d,u]=x.useState(""),[p,g]=x.useState(e.expanded||!1),[h,f]=x.useState(!1),C=t.reduce(((e,t)=>({...e,[t.id||""]:!t.hidden})),{}),[v,b]=x.useState(C),E=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]),I=x.useMemo((()=>Object.values(v).filter((e=>e)).length),[v]),y=x.useMemo((()=>I===(null==t?void 0:t.length)),[t,I]),k=x.useCallback((e=>{e.preventDefault();const l=(e=>(null==e?void 0:e.map((e=>({...e,hidden:!v[e.id||""]}))))||[])(t);r&&r(l),null==n||n.call(void 0)}),[v,t,n]),S=e=>{e.preventDefault(),b(C)},w=x.useCallback((()=>{const e={...v};Object.keys(e).forEach(((t,n)=>e[t]=!(!y||0!==n)||!y)),b(e)}),[v,y]),R=x.useCallback(((e,t)=>{const n={...v};n[t||""]=e,b(n)}),[v]),P=e=>{u(String(e.target.value))},N=x.useCallback((()=>{const t=M(),n=!(t?e.expanded:p);e.onExpandChange&&e.onExpandChange(n),f(!h),!t&&!s.mobileMode&&g(n)}),[p]),M=()=>void 0!==e.expanded,T=M()?e.expanded:p;return x.createElement($n,null,x.createElement("div",{className:"k-expander"},!(e.alwaysExpand&&!s.mobileMode)&&x.createElement(Xn,{title:l.toLanguageString(Je,et[Je]),iconClass:"k-i-filter",svgIcon:i.columnsIcon,expandable:!0,expanded:!!T,onClick:N})),s.mobileMode&&h?x.createElement(x.Fragment,null,x.createElement(dr,{onBackView:()=>{f(!1)},handleClose:()=>{f(!1),e.onCloseMenu&&e.onCloseMenu()},onApply:k,onReset:S,filter:d,onFilter:P,allSelected:y,onSelectAll:w,filtered:E,selectedColumns:v,checkedCount:I,onCheckChange:R})):x.createElement(er,{show:(e.alwaysExpand||!!T)&&!s.mobileMode},x.createElement("form",{onSubmit:k,onReset:S,className:"k-filter-menu"},x.createElement("div",{className:"k-filter-menu-container"},x.createElement(c.TextBox,{className:"k-searchbox",value:d,onChange:P,prefix:()=>x.createElement(c.InputPrefix,null,x.createElement(a.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(c.Checkbox,{checked:y,onChange:w,label:l.toLanguageString(Ge,et[Ge])})),E.map(((e,t)=>x.createElement("li",{key:e.id,className:"k-item"},x.createElement(c.Checkbox,{disabled:v[e.id||""]&&1===I,checked:v[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"},I," ",l.toLanguageString(Ye,et[Ye])),x.createElement("div",{className:"k-actions k-actions-start k-actions-horizontal"},x.createElement(m.Button,{type:"submit",themeColor:"primary"},l.toLanguageString(ye,et[ye])),x.createElement(m.Button,{type:"reset"},l.toLanguageString(Se,et[Se])))))))};ur.displayName="GridColumnMenuColumnsChooser";const mr=e=>{const{size:t,className:n,ariaLabel:r,ariaControls:l,children:o}=e;return x.createElement("div",{className:a.classNames("k-toolbar k-grid-toolbar k-toolbar-solid",{"k-toolbar-md":!t,[`k-toolbar-${a.kendoThemeMaps.sizeMap[t]||t}`]:t},n),"aria-label":r,"aria-controls":l,role:"toolbar"},o)};mr.displayName="KendoReactGridToolbar";const pr=e=>{const{data:t=[]}=e,n=!a.validatePackage(rn,{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(a.WatermarkOverlay,null))};pr.displayName="KendoReactGridStatusBar";const gr=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=ee,e.GRID_PREVENT_SELECTION_ELEMENT=te,e.GRID_ROW_INDEX_ATTRIBUTE=Z,e.Grid=Un,e.GridCell=Ut,e.GridColumn=I,e.GridColumnMenuCheckboxFilter=e=>{const{uniqueData:t=sr.uniqueData}=e,n=x.useContext(de),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},s=()=>e.filter?a.clone(e.filter):{filters:[],logic:"and"},d=x.useRef((()=>{const t=e.column.field;return s().filters.findIndex((e=>e.filters&&e.filters.length>0&&e.filters[0].field===t))})()),[u,p]=x.useState(e.expanded||!1),[g,h]=x.useState(!1),[f,C]=x.useState(""),[v,b]=x.useState(l(e.data,t)||[]),[E,I]=x.useState(l(e.data,!1)||[]),[y,k]=x.useState(s());x.useEffect((()=>{const t=e.column.field||"",n=e.data.map((e=>P(t,e)));((e,t)=>e.length===t.length&&e.every(((e,n)=>e===t[n])))(n,E)||(b(n),I(n))}),[e.column,e.data]);const S=()=>void 0!==e.expanded,w=n=>{const a=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",o={logic:"and",filters:[{field:e.column.field,operator:a,value:n.target.value,ignoreCase:!0}]};C(n.target.value),b(l(r.filterBy(e.data||[],o),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},a=[...y.filters];let o=[];if(-1!==d.current&&l.filters[d.current].filters&&"all"!==n&&(o=l.filters[d.current].filters),t.value&&"all"===n)v.forEach((e=>{o.push({field:r,operator:"eq",value:e})}));else if(t.value)o.push({field:r,operator:"eq",value:n});else if(y){const e=o.findIndex((e=>e.value===n));o.splice(e,1)}l.logic="and",-1!==d.current?a[d.current]={logic:"or",filters:o}:a.push({logic:"or",filters:o}),(!t.value&&"all"===n||0===o.length)&&a.splice(d.current,1),l.filters=a,k(l)},T=()=>{let e=!1;if(y){const t=[...y.filters];return-1!==d.current&&(e=v.every((e=>!(-1===d.current||!t[d.current].filters)&&t[d.current].filters.findIndex((t=>t.value===e))>=0)),e)}return e},D=o.useLocalization(),{column:L}=e;if(!L||!L.field)return x.createElement("div",null);const G=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 A=D.toLanguageString(ke,et[ke]),O=e.searchBox?x.createElement(e.searchBox,{value:f,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(a.IconWrap,{className:"k-input-icon",name:"search",icon:i.searchIcon}),x.createElement(c.Input,{className:"k-input-inner",type:"text",placeholder:D.toLanguageString(Me,et[Me]),value:f,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",a={logic:"and",filters:[{field:e.column.field,operator:n,value:"",ignoreCase:!0}]};C(""),b(l(r.filterBy(e.data||[],a),t))},icon:"x","aria-label":A,svgIcon:i.xIcon})),H=F.filter(((e,t)=>F.indexOf(e)===t));return x.createElement($n,null,!(e.alwaysExpand&&(null==n||!n.mobileMode))&&x.createElement("div",{className:"k-expander"},x.createElement(Xn,{title:D.toLanguageString(Re,et[Re]),iconClass:"k-i-filter",svgIcon:i.filterIcon,expandable:!0,expanded:!!G,onClick:()=>{const t=S(),r=!(t?e.expanded:u);e.onExpandChange&&e.onExpandChange(r),h(!g),!t&&(null==n||!n.mobileMode)&&p(r)}})),null!=n&&n.mobileMode&&g?x.createElement(ir,{onBackView:()=>{h(!1)},handleClose:()=>{h(!1),e.onCloseMenu&&e.onCloseMenu()},searchBox:e.searchBox,handleCheckBoxChange:M,isAllSelected:T,currentData:v,uniqueFilterValues:H,submit:N,clear:R}):x.createElement(er,{show:(e.alwaysExpand||!!G)&&!(null!=n&&n.mobileMode)},x.createElement("form",{className:"k-filter-menu",onSubmit:N,onReset:R},x.createElement("div",{className:"k-filter-menu-container"},O,x.createElement("ul",{className:"k-reset k-multicheck-wrap"},x.createElement("li",{className:"k-item k-check-all-wrap"},x.createElement(c.Checkbox,{label:D.toLanguageString(De,et[De]),onChange:e=>M(e,"all"),checked:T()})),v.map(((e,t)=>x.createElement("li",{className:"k-item",key:t},x.createElement(c.Checkbox,{label:String(e),onChange:t=>M(t,e),checked:H.includes(e)}))))),x.createElement("div",{className:"k-filter-selected-items"},H.length+" "+D.toLanguageString(Fe,et[Fe])),x.createElement("div",{className:"k-actions k-hstack k-justify-content-stretch"},x.createElement(m.Button,{themeColor:"primary",type:"submit"},D.toLanguageString(we,et[we])),x.createElement(m.Button,{className:"k-button",type:"reset"},D.toLanguageString(ke,et[ke])))))))},e.GridColumnMenuColumnsChooser=ur,e.GridColumnMenuColumnsList=cr,e.GridColumnMenuFilter=e=>{const t=x.useContext(de),n=x.useCallback((()=>{let t;if(e.column&&e.column.field){const n=Ft(e.column.filter),r=Gt(e.filterOperators,n);t=or(e.column.field,e.filter),t=t?{...t,filters:t.filters.map((e=>({...e})))}:{logic:"and",filters:[{field:e.column.field,operator:r,value:Nt(r)?null:void 0},{field:e.column.field,operator:r,value:Nt(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),[a,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=ar(e.filter),l=or(n,e.filter),a=r.filters.filter((e=>e!==l));a.length?e.onFilterChange({...r,filters:a},t):e.onFilterChange(null,t),e.onCloseMenu&&e.onCloseMenu()},h=()=>({...c,filters:c.filters.filter((e=>void 0!==e.value&&null!==e.value&&""!==e.value||null===e.value&&e.operator))}),f=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=e.column.field,r=ar(e.filter),l=or(n,e.filter),a=h();let o=null;if(l&&a.filters.length>0){const e=r.filters.map((e=>e===l?a:e));o={...r,filters:e}}else if(0===a.filters.length){const e=r.filters.filter((e=>e!==l));e.length&&(o={...r,filters:e})}else o={...r,filters:[...r.filters,a]};e.onFilterChange(o,t),e.onCloseMenu&&e.onCloseMenu()},{column:C,filterUI:v,hideSecondFilter:b,filterOperators:E}=e,I=o.useLocalization();if(!C||!C.field)return x.createElement("div",null);const y=Ft(C.filter),k=void 0!==b?b:Dt[y],S=c.filters,w=Mt(E[y],I),R=Mt(Tt,I),P={field:C.field,value:S[0].value,operator:S[0].operator,operators:w,booleanValues:R,onChange:e=>{p(0,e)},filterType:y},N={field:C.field,value:S[1].value,operator:S[1].operator,operators:w,booleanValues:R,onChange:e=>{p(1,e)},filterType:y},M=c.logic,T=Mt(Rt,I),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=v,G={firstFilterProps:P,secondFilterProps:N,logicData:D.data,logicValue:D.value,onLogicChange:D.onChange,hideSecondFilter:k},F=0!==h().filters.length||Nt(S[0].operator)||Nt(S[1].operator),A=u()?e.expanded:r,O=e.alwaysExpand&&!t.mobileMode,H=`${I.toLanguageString(Xe,et[Xe])} ${C.title||C.field}`;return x.createElement($n,null,!O&&x.createElement("div",{className:"k-expander"},x.createElement(Xn,{title:I.toLanguageString(Re,et[Re]),iconClass:"k-i-filter",svgIcon:i.filterIcon,expandable:!0,expanded:!!A,onClick:()=>{const n=u(),o=!(n?e.expanded:r);e.onExpandChange&&e.onExpandChange(o),s(!a),!n&&!t.mobileMode&&l(o)}})),t.mobileMode&&a?x.createElement(lr,{FilterUI:L,filterUIProps:G,onBackView:()=>{s(!1)},adaptiveTitle:H,handleClose:()=>{s(!1),e.onCloseMenu&&e.onCloseMenu()},submit:f,clear:g,isFilterValid:F}):x.createElement(er,{show:(O||!!A)&&!t.mobileMode},x.createElement("form",{className:"k-filter-menu",onSubmit:f,onReset:g},x.createElement("div",{className:"k-filter-menu-container"},L?x.createElement(L,{...G}):x.createElement(nr,{...G}),x.createElement("div",{className:"k-actions k-actions-stretched"},x.createElement(m.Button,{themeColor:"primary",disabled:!F},I.toLanguageString(we,et[we])),x.createElement(m.Button,{type:"reset"},I.toLanguageString(ke,et[ke])))))))},e.GridColumnMenuFilterCell=tr,e.GridColumnMenuFilterUI=nr,e.GridColumnMenuGroup=e=>{const{group:t,column:n}=e,r=o.useLocalization(),l=!!(t&&n.field&&t.find((e=>e.field===n.field))),a=l?xe:Ee;return x.createElement($n,null,x.createElement(Xn,{title:r.toLanguageString(a,et[a]),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=Xn,e.GridColumnMenuItemContent=er,e.GridColumnMenuItemGroup=$n,e.GridColumnMenuSort=e=>{const t=(t,n)=>{if(t.preventDefault(),!e.onSortChange)return;const{allowUnsort:r,mode:l}=ie(e.sortable||!1,!1),a=(e.sort||[]).filter((t=>t.field===e.column.field))[0],o=se[r][a&&a.dir||""][n],i="single"===l?[]:(e.sort||[]).filter((t=>t.field!==e.column.field));""!==o&&e.column.field&&i.push({field:e.column.field,dir:o}),e.onSortChange(i,t)},{sort:n,column:r}=e,l=Jn(r.field,n),a=o.useLocalization();return x.createElement($n,null,x.createElement(Xn,{title:a.toLanguageString(Pe,et[Pe]),iconClass:"k-i-sort-asc-sm",svgIcon:i.sortAscSmallIcon,selected:Qn(l,n),onClick:n=>{t(n,"asc"),e.onCloseMenu&&e.onCloseMenu()}}),x.createElement(Xn,{title:a.toLanguageString(Ne,et[Ne]),iconClass:"k-i-sort-desc-sm",svgIcon:i.sortDescSmallIcon,selected:Zn(l,n),onClick:n=>{t(n,Yn),e.onCloseMenu&&e.onCloseMenu()}}))},e.GridColumnMenuWrapper=ft,e.GridCommonDragLogic=Q,e.GridContextMenu=oe,e.GridContextMenuAnchorPart=w,e.GridContextMenuItemNames=R,e.GridDetailRow=e=>null,e.GridEditCell=ct,e.GridFilterCell=Ht,e.GridGroupCell=Xt,e.GridHeaderCell=Ct,e.GridHierarchyCell=ot,e.GridNoRecords=Qt,e.GridRow=Yt,e.GridSearchBox=e=>{const t=o.useLocalization(),n=x.useContext(de),[r]=$(),s=l.getStringFromSearch(r.search),d=a.classNames("k-grid-search","k-searchbox",e.className),u=t.toLanguageString(Te,et[Te]);return x.createElement(c.TextBox,{placeholder:u,value:s,prefix:()=>x.createElement(c.InputPrefix,{orientation:"horizontal"},x.createElement(a.SvgIcon,{icon:i.searchIcon})),...e,className:d,onChange:t=>{n.searchChange(t),e.onChange&&e.onChange.call(void 0,t)}})},e.GridSelectionCell=rt,e.GridToolbar=mr,e.StatusBar=pr,e.booleanFilterValues=Tt,e.cellBoolDropdownChange=At,e.cellInputChange=Lt,e.cellOperatorChange=Ot,e.contextMenuItemsMap=ae,e.filterGroupByField=or,e.getStatusData=e=>{const{dataItems:t,target:n}=e,r=gr(n.columns).map((e=>e.field)).filter((e=>e&&"string"==typeof e)).map((e=>a.getter(e))),l="selectedField"in e?a.getter(e.selectedField):t=>e.select[a.getter(e.dataItemKey)(t)],o={dates:[],numbers:[],booleans:[],others:[]};t.forEach((e=>{const t=l(e);t&&t.forEach((t=>{(e=>{"number"==typeof e?o.numbers.push(e):"boolean"==typeof e?o.booleans.push(e):e instanceof Date?o.dates.push(e):o.others.push(e)})(r[t](e))}))}));const i=o.dates.map((e=>e.getTime())),s=o.booleans.filter((e=>e)).length,c=o.booleans.filter((e=>!e)).length,d=o.numbers.length?o.numbers.reduce(((e,t)=>e+t),0):void 0,u={sum:d,average:"number"==typeof d?d/o.numbers.length:void 0,min:o.numbers.length?Math.min(...o.numbers):void 0,max:o.numbers.length?Math.max(...o.numbers):void 0,count:o.numbers.length+o.booleans.length+o.dates.length+o.others.length,isTrue:s>0?s:void 0,isFalse:c>0?c:void 0,earliest:o.dates.length?new Date(Math.min(...i)):void 0,latest:o.dates.length?new Date(Math.max(...i)):void 0},m=(e,t)=>"sum"!==t&&"average"!==t||"number"!=typeof e?("earliest"===t||"latest"===t)&&e instanceof Date?e.toLocaleDateString():String(e):e.toFixed(2),p=[];return Object.keys(u).forEach((e=>{const t=e,n=u[t];void 0!==n&&p.push({type:t,value:n,formattedValue:m(n,t)})})),p},e.gridMessages=et,e.isColumnMenuFilterActive=(e,t)=>!!or(e,t),e.isColumnMenuSortActive=(e,t)=>{const n=Jn(e,t);return Zn(n,t)||Qn(n,t)},e.leafColumns=gr,e.operators=Pt,e.pagerFirstPage=ge,e.pagerInfo=pe,e.pagerItemPerPage=ve,e.pagerLastPage=Ce,e.pagerNextPage=fe,e.pagerPreviousPage=he,e.rootFilterOrDefault=ar}));
|
|
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-layout"),require("@progress/kendo-react-inputs"),require("@progress/kendo-react-dateinputs"),require("@progress/kendo-react-popup"),require("@progress/kendo-react-buttons"),require("@progress/kendo-react-dropdowns"),require("react-dom"),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-layout","@progress/kendo-react-inputs","@progress/kendo-react-dateinputs","@progress/kendo-react-popup","@progress/kendo-react-buttons","@progress/kendo-react-dropdowns","react-dom","@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.KendoReactLayout,e.KendoReactInputs,e.KendoReactDateinputs,e.KendoReactPopup,e.KendoReactButtons,e.KendoReactDropdowns,e.ReactDOM,e.KendoReactIndicators,e.KendoReactLabels,e.KendoReactDialogs,e.KendoReactForm,e.KendoReactAnimation)}(this,(function(e,t,r,n,l,a,o,i,s,c,d,u,m,p,g,h,f,v,C,E){"use strict";function b(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var x=b(t);const I=e=>null;I.displayName="KendoReactGridColumn";const y={filterable:!0,editable:!0,sortable:!0,resizable:!0,reorderable:!0,groupable:!0};I.propTypes={field:r.string,title:r.string,editable:r.bool,sortable:r.oneOfType([r.bool,r.shape({allowUnsort:r.bool.isRequired})]),cell:r.any,filterCell:r.any,filterTitle:r.string,filterable:r.bool,filter:r.oneOf(["text","numeric","boolean","date"]),editor:r.oneOf(["text","numeric","boolean","date"]),width:r.oneOfType([r.string,r.number]),minResizableWidth:r.number,headerCell:r.any,footerCell:r.any,headerSelectionValue:r.bool,format:r.string,headerClassName:r.string,className:r.string,reorderable:r.bool,resizable:r.bool,orderIndex:r.number,groupable:r.bool,columnMenu:r.any,menuIcon:r.any,locked:r.bool,hidden:r.bool,media:r.string};const k=()=>t.createElement(t.Fragment,null),S=k;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 r=(null!=e?e:"").split(".");let n=t;return r.forEach((e=>{n=n?n[e]:void 0})),n}function N(e,t,r,a,o,i,s,c,d,u,m=0,p){var g;let h=m;for(let f=0;f<t.length;f++){let v;if(!o||void 0===t[f].value||void 0===t[f].items){e[e.length]={dataIndex:a.index,dataItem:t[f],rowType:"data",level:m,group:p,expanded:null!=(g=i?P(i,t[f]):u&&!(null==s||!s[n.getter(u)(t[f])]))&&g},a.index++;continue}{let e;e=null!=p&&p.parents?[{field:p.field,value:p.value},...p.parents]:p?[p]:[],v={field:t[f].field,value:t[f].value,parents:e}}h=Math.max(h,m+1);let C=!1;if(i)C=!1!==P(i,t[f]);else{const e=l.findGroupExpand(c||[],v);C=e?!1!==e.expanded:!1!==d}e[e.length]={dataIndex:-1,dataItem:t[f],level:m,group:v,rowType:"groupHeader",expanded:C},C&&(v.expanded=C,h=Math.max(N(e,t[f].items,r,a,o,i,s,c,d,u,m+1,v),h)),("always"===r||C&&"visible"===r)&&(e[e.length]={dataIndex:-1,dataItem:t[f],rowType:"groupFooter",level:m,expanded:C})}return h}function T(e,t,r,n=0,o=!1){const i=[];if(!e)return[];e&&void 0===e.length&&(e=[e]),e.forEach(((e,s)=>{const c=(e=e.props?e.props:e).id?e.id:l.tableKeyboardNavigationTools.generateNavigatableId(""+r.prevId++,r.idPrefix,"column"),d=!!(a.canUseDOM&&e.media&&window.matchMedia)&&!window.matchMedia(e.media).matches,u=o||d||e.hidden,m=null==t?void 0:t.find((e=>e.id===c)),p=T(e.children,(null==m?void 0:m.children)||[],r,n+1,u);i.push(Object.assign({depth:n},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===n){const e=[],t=(r,n)=>r.forEach((r=>{r.parentIndex=n,t(r.children,e.push(r)-1)}));return t(i,-1),e}return i}const M=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,G=e=>(e.sort(((e,t)=>e.declarationIndex-t.declarationIndex)),e.map((e=>{const{declarationIndex:t,parentIndex:r,depth:n,headerColSpan:l,rowSpan:a,index:o,kFirst:i,children:s,...c}=e;return s.length?{children:G(s),...c}:c}))),F=e=>{const{filterCell:t,headerCell:r,footerCell:n,cells:l,cell:a,rowSpannable:o,defaultCell:i,...s}=e;return e.children.length?{...s,children:e.children.map(F)}:s},A=e=>({id:e.id,field:e.field,title:e.title,width:e.width,hidden:!1,children:e.children?O(e.children):null}),O=e=>e.map(A),z=e=>{const t=[],r=e=>null==e?void 0:e.forEach((e=>{t.push(e),r(e.children)}));return r(e),t},K="undefined"!=typeof window&&/Firefox/.test(window.navigator.userAgent),H=(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},B=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,render:e.render,locked:e.locked,isRtl:e.isRtl,rowDataIndex:e.rowDataIndex,columnPosition:e.columnPosition,group:e.group}),_=e=>{var t,r;const l="object"==typeof e?null==(t=e.enabled)||t:null!=e&&e,a="object"==typeof e&&null!=(r=e.valueGetter)?r:(e,t)=>n.getter(t)(e);return{enabled:l,valueGetter:a}},q=(e,t)=>{const r=(e=>{var t;return x.isValidElement(e)?e:null==(t=x.Children.toArray(e))?void 0:t[0]})(e);return r?x.cloneElement(r,t):null},U=t.createContext([{},()=>{},{}]),j=()=>t.useContext(U),$=e=>{var r,n,l,a,o,i,s,c,d,u,m,p,g,h,f,v,C,E,b,x,I,y;const{children:k,onEditChange:S,onFilterChange:w,onSortChange:R,onSearchChange:P,onPageChange:N,onGroupChange:T,onDataStateChange:M,onSelectionChange:D,onDetailExpandChange:L,onGroupExpandChange:G,onHeaderSelectionChange:F,onColumnsStateChange:A}=e,[O,z]=t.useState({edit:null!=(r=e.defaultEdit)?r:e.edit,filter:null!=(n=e.defaultFilter)?n:e.filter,select:null!=(l=e.defaultSelect)?l:e.select,search:null!=(a=e.defaultSearch)?a:e.search,sort:null!=(o=e.defaultSort)?o:e.sort,take:null!=(i=e.defaultTake)?i:e.take,skip:null!=(s=e.defaultSkip)?s:e.skip,group:null!=(c=e.defaultGroup)?c:e.group,detailExpand:null!=(d=e.defaultDetailExpand)?d:e.detailExpand,groupExpand:null!=(u=e.defaultGroupExpand)?u:e.groupExpand,columnsState:null!=(m=e.defaultColumnsState)?m:e.columnsState}),K={edit:null!=(p=e.edit)?p:O.edit,filter:null!=(g=e.filter)?g:O.filter,search:null!=(h=e.search)?h:O.search,sort:null!=(f=e.sort)?f:O.sort,take:null!=(v=e.take)?v:O.take,skip:null!=(C=e.skip)?C:O.skip,group:null!=(E=e.group)?E:O.group,select:null!=(b=e.select)?b:O.select,detailExpand:null!=(x=e.detailExpand)?x:O.detailExpand,groupExpand:null!=(I=e.groupExpand)?I:O.groupExpand,columnsState:null!=(y=e.columnsState)?y:O.columnsState};return t.createElement(U.Provider,{value:[K,e=>{},{onEditChange:e=>{z((t=>({...t,edit:e.edit}))),null==S||S(e)},onFilterChange:w&&(e=>{z((t=>({...t,filter:e.filter}))),null==w||w(e)}),onSearchChange:e=>{z((t=>({...t,search:e.search}))),null==P||P(e)},onSortChange:R&&(e=>{z((t=>({...t,sort:e.sort}))),null==R||R(e)}),onPageChange:N&&(e=>{z((t=>({...t,...e.page}))),null==N||N(e)}),onGroupChange:T&&(e=>{z((t=>({...t,group:e.group}))),null==T||T(e)}),onDataStateChange:e=>{z((t=>({...t,...e.dataState}))),null==M||M(e)},onSelectionChange:e=>{z((t=>({...t,select:e.select}))),null==D||D(e)},onHeaderSelectionChange:e=>{z((t=>({...t,select:e.select}))),null==F||F(e)},onDetailExpandChange:e=>{z((t=>({...t,detailExpand:e.detailExpand}))),null==L||L(e)},onGroupExpandChange:e=>{z((t=>({...t,groupExpand:e.groupExpand}))),null==G||G(e)},onColumnsStateChange:e=>{z((t=>({...t,columnsState:e.columnsState}))),null==A||A(e)}}]},k)},X=e=>{const t=a.useId(),r=e.id||t,n=a.useUnstyled(),l=o.useLocalization(),i=o.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,,h]=j();return q(e.children,{...g,...h,id:r,unstyled:n,localization:l,intl:i,scrollLeftRef:c,widthRef:d,containerHeightRef:u,minRowHeightRef:m,virtualSkipRef:p,forceUpdate:s,isClient:!0})};let Y=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)||[],r=z(this.columnsState),n=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 a="";const o=r.find((t=>t.id===n[e].id));o&&(a=o.width||""),l.width=a,this.colGroupHeader&&(this.colGroupHeader.children[e].width=a),this.colGroupFooter&&(this.colGroupFooter.children[e].width=a)}},this.dragHandler=(e,t,r,n)=>{const l=e.originalEvent;n||(l.preventDefault(),l.stopPropagation(),l.stopImmediatePropagation());const a=r.closest("th");if(!a||!a)return;const o=a.clientWidth;let i=o;if(this.isRtl?i+=r.getBoundingClientRect().right-r.offsetWidth/2-e.clientX:i+=e.clientX-r.getBoundingClientRect().left-r.offsetWidth/2,!n&&Math.abs(i-o)<1)return;this.fixateInitialWidths(a.parentElement.clientWidth),this.setWidths(t,Math.floor(i)/o);const s=this.columns.filter((e=>!e.children.length)).findIndex((e=>e.id===t.id));this.onResize(s,o,i,l,n,this.columnsState,t.id)},this.dblClickHandler=(e,t)=>{const r=this.columns.filter((e=>t.indexOf(e.id)>-1)),n=z(this.columnsState);if(!this.colGroupMain||!r.length)return;const l={},a=r;for(;a.length>0;){const e=a.pop();if(!e)break;e.children.length?a.push(...e.children):l[e.id]=e}const o=this.columns.filter((e=>!e.children.length)),i=[];o.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 r=n.find((e=>e.id===o[t].id));r&&(r.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 r=1e-10;for(let n=0;n<e.length;n++){const l=e[n],a=t.findIndex((e=>e.id===l.id)),o=parseFloat((l.width||0).toString()),i=Math.floor(o);r+=o-i;const s=i+Math.floor(r);r-=Math.floor(r);const c=t.find((e=>e.id===l.id));if(!c)return;if(this.colGroupMain&&this.colGroupMain.children[a]){const e=parseInt(this.colGroupMain.children[a].width,10);this.colGroupMain.children[a].width=s+"px",this.updateNextLockedCol(this.colGroupMain.parentElement,c,e-s)}if(this.colGroupHeader&&this.colGroupHeader.children[a]){const e=parseInt(this.colGroupHeader.children[a].width,10);this.colGroupHeader.children[a].width=s+"px",this.updateNextLockedCol(this.colGroupHeader.parentElement,c,e-s)}if(this.colGroupFooter&&this.colGroupFooter.children[a]){const e=parseInt(this.colGroupFooter.children[a].width,10);this.colGroupFooter.children[a].width=s+"px",this.updateNextLockedCol(this.colGroupFooter.parentElement,c,e-s)}}},this.onResize=e}fixateInitialWidths(e){var t;let r=0;const n=(null==(t=this.colGroupMain)?void 0:t.children)||[];for(let t=0;t<n.length;t++)n[t].width?e-=parseFloat(n[t].width):r++;if(0===r)return;const l=Math.floor(e/r),a=z(this.columnsState),o=this.columns.filter((e=>!e.children.length));for(let e=0;e<n.length;e++){const t=n[e];if(!t.width){t.width=l;const r=a.find((t=>t.id===o[e].id));r&&(r.width=l.toString()),this.colGroupHeader&&(this.colGroupHeader.children[e].width=l),this.colGroupFooter&&(this.colGroupFooter.children[e].width=l)}}}setWidths(e,t){const r=z(this.columnsState),n=this.columns.findIndex((t=>t.id===e.id)),l=[];let a=e.children.filter((e=>!e.hidden)).length;for(let e=n+1;e<this.columns.length&&!(a<=0);e++){const t=this.columns[e];t.children.length?a+=t.children.filter((e=>!e.hidden)).length:l.push(t),a--}0===l.length&&l.push(e);const o=[];l.forEach((e=>{const n=r.find((t=>t.id===e.id));if(n){let r=n.width?parseFloat(n.width.toString())*t:0;const l=void 0===e.minResizableWidth?10:e.minResizableWidth;r<l&&(r=l),n.width=r,o.push(n)}})),this.updateColElements(o)}updateNextLockedCol(e,t,r){const n=t.index,l=this.colGroupMain.parentElement.closest(".k-grid"),a=null==l?void 0:l.clientWidth,o=this.columns.filter((e=>e.locked)).map((e=>parseInt(e.width+"",10))).reduce(((e,t)=>e+t),0);!t.locked||a<=o+20||this.columns.forEach((t=>{if(null!=t&&t.locked&&r){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>n&&l&&l.right&&(l.right=parseInt(l.right,10)-r+"px"),t.index<n&&l&&l.left&&(l.left=parseInt(l.left,10)-r+"px")):(t.index>n&&l&&l.left&&(l.left=parseInt(l.left,10)-r+"px"),t.index<n&&l&&l.right&&(l.right=parseInt(l.right,10)-r+"px"))}))}}))}},J=class{constructor(e,t,r){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 r=this.getColumnIndex(e,t);if(this.startGroup=this.getGroupIndex(e),r>=0){const e=this.columns[r];(e.reorderable&&this.reorderable||e.groupable&&this.groupable)&&(this.startColumn=r)}},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 r=!this.isValid();r&&(this.currentColumn=-1,this.currentGroup=-1);const n=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,n,r),this.updateDropElementClue(e,t,n,r)},this.releaseHandler=e=>{const t=this.startColumn,r=this.currentColumn,n=this.startGroup,l=this.currentGroup;e.originalEvent.preventDefault(),this.dropElementClue&&this.dropElementClue.setState({visible:!1}),this.dragElementClue&&this.dragElementClue.setState({visible:!1});const a=this.isValid();this.startColumn=this.startGroup=this.currentColumn=this.currentGroup=-1,a&&(t>=0&&r>=0?this.columnReorder(t,r,e.originalEvent):n>=0&&l>=0?this.groupReorder(n,l,e.originalEvent):t>=0&&l>=0&&this.columnToGroup(t,l,e.originalEvent))},this.columnReorder=e,this.groupReorder=t,this.columnToGroup=r}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 r=l.getIndex(e,t);if(-1===r)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===r&&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,r,n){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:n||!r?"k-i-cancel":"k-i-plus"})}updateDropElementClue(e,t,r,n){if(!this.dropElementClue)return;if(n||!r)return void this.dropElementClue.setState({visible:!1});const l=r.getBoundingClientRect(),a=(r.closest(".k-grouping-header")||r).getBoundingClientRect();let o=l.left+e.pageX-e.clientX-6;!this.isTargetGroupingContainer(e)&&(this.currentColumn>this.startColumn||this.currentGroup>this.startGroup&&-1!==this.startGroup)&&"rtl"!==this.dir&&(o+=l.width);const i=a.top+e.pageY-e.clientY;this.dropElementClue.setState({visible:!0,top:i,left:o,height:this.currentColumn>=0?t.clientHeight:a.height})}};const Q=l.TABLE_ROW_INDEX_ATTRIBUTE,Z=l.TABLE_COL_INDEX_ATTRIBUTE,ee=l.TABLE_PREVENT_SELECTION_ELEMENT,te=/^(?!.*\bChrome).*\bSafari/i;let re=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,r=this.lastScrollTop>=t,n=!r;this.lastScrollTop=t;const l=this.container.offsetHeight;let a=this.rowHeightService.index(t);const o=this.rowHeightService.index(t+l),i=Math.max(a+this.pageSize-this.total,0);if(a=Math.max(a-i,0),n&&o>=this.lastLoaded&&this.lastLoaded<this.total-1)this.firstToLoad=a,this.loadPage(e);else if(r&&a<this.firstToLoad){const t=Math.max(Math.floor(.3*this.pageSize)-i,0);this.firstToLoad=Math.max(a-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),r=this.getTotalHeight(e,t)-this.getExpectedTotalHeight(e);0!==r&&this.adjustScroll(r)}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=K?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 r=t.getBoundingClientRect().height;t.classList.contains("k-detail-row")?e[e.length-1]+=r:e.push(r)})),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 r=this.firstToLoad+(e-1);return t.offset(r)+t.height(r)-t.offset(this.firstToLoad)}};const ne={[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"}}},le=e=>{const{show:t,offset:r,dataItem:n,field:l,items:a,onClose:i,onSelect:c}=e,d=o.useLocalization(),u=x.useCallback((e=>{c.call(void 0,{event:e,dataItem:n,field:l})}),[c,n,l]),m=x.useCallback((e=>{const t=e;return t.text&&t.name&&(t.text=d.toLanguageString(`contextMenu.${t.name}`,t.text||"")),t.items&&Array.isArray(t.items)&&(t.items=t.items.map((e=>m(e)))),t}),[d]),p=x.useMemo((()=>a&&a.map((e=>m("string"==typeof e?ne[e]:e)))),[a,m]);return x.createElement(s.ContextMenu,{show:t,offset:r,items:p,onClose:i,onSelect:u})},ae=(...e)=>Object.assign({allowUnsort:!0,mode:"single"},...e),oe={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"}}},ie={true:{asc:"desc",desc:"","":"asc"},false:{asc:"desc",desc:"asc","":"asc"}},se=x.createContext(void 0),ce=e=>{var t,r;const n=e.gridProps.isClient,[o,i]=x.useState({}),s=a.useAdaptiveModeContext(),c=()=>{i({})},d=x.useMemo((()=>e.columnsRef.find((e=>e.field===o.field))),[e.columnsRef,o]),u=x.useMemo((()=>(e=>{let t=[];return e.sortable&&(t=t.concat([R.sortAsc,R.sortDesc])),t})({sortable:!!(e.gridProps.sortable&&(null==d?void 0:d.sortable)),selectable:l.getSelectionOptions(e.gridProps.selectable).enabled,clipboard:!!e.gridProps.clipboard})),[d,e.gridProps.sortable,e.gridProps.selectable,e.gridProps.clipboard]),m=x.useMemo((()=>(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])),t})({sortable:!!(e.gridProps.sortable&&(null==d?void 0:d.sortable)),selectable:l.getSelectionOptions(e.gridProps.selectable).enabled,clipboard:!!e.gridProps.clipboard,rowReorderable:B(e.gridProps.rowReorderable)})),[d,e.gridProps.sortable,e.gridProps.selectable,e.gridProps.clipboard]),p=x.useMemo((()=>{const t=(null==d?void 0:d.contextMenu)||e.gridProps.contextMenu,r="function"==typeof t?t(o):t;if(r&&o.offset){const e=r[o.dataItem?w.body:w.head],t=o.dataItem?m:u;return!1===e?void 0:!0===e||void 0===e?t:e}}),[e.gridProps.contextMenu,o,m,u,d]),g=()=>{const t=e.columnsRef.filter((e=>e.declarationIndex>=0&&-1===e.parentIndex));return G(t)},h=t=>{if("moveToNextPage"===t.action&&N(t.event),"moveToPrevPage"===t.action&&T(t.event),t.focusElement&&"reorderToRight"===t.action){const r=parseInt(t.focusElement.ariaColIndex,10)-1;r<e.columnsRef.length-1&&A(r,r+1,t.event)}if(t.focusElement&&"reorderToLeft"===t.action){const e=parseInt(t.focusElement.ariaColIndex,10)-1;e>0&&A(e,e-1,t.event)}if("select"===t.action&&v(t.event),e.gridProps.onNavigationAction&&n){const r={focusElement:t.focusElement,...X(t.event)};Q(e.gridProps.onNavigationAction,r)}},f=(t,r,n)=>{const{allowUnsort:l,mode:a}=ae(e.gridProps.sortable||!1,r.sortable||!1),o=(e.gridProps.sort||[]).filter((e=>e.field===r.field))[0],i=n||ie[l][o&&o.dir||""],s="single"===a?[]:(e.gridProps.sort||[]).filter((e=>e.field!==r.field));""!==i&&r.field&&s.push({field:r.field,dir:i}),D(s,t)},v=t=>{var r,n;if(e.gridProps.selectedField||!Xe.enabled||!e.gridProps.dataItemKey)return;const a={dataItems:Z(),mode:Xe.mode,cell:Xe.cell,componentId:e.id,selectedField:e.gridProps.selectedField,...X(t)},o=l.getSelectedStateFromKeyDown({event:a,selectedState:null!=(r=e.gridProps.select)?r:{},dataItemKey:e.gridProps.dataItemKey});if(o===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 r=null==(n=M(e.gridProps.data))?void 0:n[u];e.gridProps.onSelectionChange&&Q(e.gridProps.onSelectionChange,{...a,select:o,dataItem:r,startRowIndex:u,startColIndex:d,startDataItem:r,endDataItem:r,endRowIndex:u,endColIndex:d,ctrlKey:t.ctrlKey,altKey:t.altKey,metaKey:t.metaKey,shiftKey:t.shiftKey,isDrag:!1})}},C=(t,r)=>{e.gridProps.onSelectionChange&&Xe.enabled&&Q(e.gridProps.onSelectionChange,{...t,select:r})},E=t=>{if(e.gridProps.onSelectionChange&&Xe.enabled){const r=t.dataItems[0],n=t.dataItems[t.dataItems.length-1],l={},o={...t,startDataItem:r,endDataItem:n,startRowIndex:0,endRowIndex:t.dataItems.length-1,startColIndex:0,endColIndex:e.columnsRef.length-1};t.dataItems.forEach((r=>{const n=a.getter(e.gridProps.dataItemKey)(r);l[n]=!t.cell||[...Array(e.columnsRef.length).keys()]})),C(o,l)}},b=t=>{if(e.gridProps.onSelectionChange&&Xe.enabled){const r=a.getter(e.gridProps.dataItemKey)(t.dataItem),n=0,l=e.columnsRef.length-1,o=t.dataItems.findIndex((r=>r[e.gridProps.dataItemKey]===t.dataItem[e.gridProps.dataItemKey])),i={...t,startDataItem:o,endDataItem:o,startRowIndex:o,endRowIndex:o,startColIndex:n,endColIndex:l},s="multiple"===t.mode&&e.gridProps.select||{};!0===s[r]||Array.isArray(s[r])&&s[r].length===e.columnsRef.length?delete s[r]:s[r]=!t.cell||[...Array(e.columnsRef.length).keys()],C(i,s)}},I=t=>{e.gridProps.onSelectionChange&&Xe.enabled&&C(t,{})},y=(t,r,n,l,a)=>{P();const o=e.gridProps.onDataStateChange;if(t){const e={...X(l),...r,targetEvent:a};Q(t,e)}else o&&Q(o,{...X(l),targetEvent:a||{},dataState:{...$(),...n}})},k=(t,r,n)=>{var l;Ue&&e.gridProps.pageable&&(null==(l=ge.current)||l.reset()),y(e.gridProps.onPageChange,{page:t},{skip:t.skip,take:t.take},r,n)},S=(t,r,n)=>{var l;e.gridProps.pageable||null!=(l=e.gridProps.group)&&l.length?e.gridProps.virtualSkipRef&&(e.gridProps.virtualSkipRef.current=t.skip,me()):k(t,r,n)},P=()=>{Ue&&e.gridProps.virtualSkipRef&&(e.gridProps.virtualSkipRef.current=0)},N=t=>{var r,n;const l=null!=(n=null!=(r=e.gridProps.take)?r:e.gridProps.pageSize)?n:0,a=(e.gridProps.skip||0)+l,o=(()=>{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})();a<o&&k({skip:a,take:l},t)},T=t=>{var r,n;const l=null!=(n=null!=(r=e.gridProps.take)?r:e.gridProps.pageSize)?n:0,a=(e.gridProps.skip||0)-l;a>=0&&k({skip:a,take:l},t)},D=(t,r)=>{y(e.gridProps.onSortChange,{sort:t},{sort:t,...Ue&&!e.gridProps.pageable?{skip:0}:{}},r)},L=(t,r)=>{const n=r.nativeEvent?r:{nativeEvent:r.nativeEvent||r.originalEvent};let l={};e.isVirtualScroll&&t.length&&!e.gridProps.pageable&&(l={take:void 0}),0===t.length&&e.gridProps.navigatable&&(Me.current=!0),y(e.gridProps.onGroupChange,{group:t},{group:t,skip:0,...l},n)},F=t=>{if(e.gridProps.onColumnsStateChange){const r={target:pe.current,columnsState:t};Q(e.gridProps.onColumnsStateChange,r)}},A=(t,r,n)=>{const{columnsRef:a,columnsState:o}=e,i=a[t],s=z(o),c=i.depth,d=e=>{do{e++}while(e<a.length&&a[e].depth>c);return e},u=a.splice(t,d(t)-t);a.splice(t<r?d(r-u.length):r,0,...u),a.filter((e=>e.declarationIndex>=0)).forEach(((e,t)=>{e.orderIndex=t;const r=s.find((t=>t.id===e.id));r&&(r.orderIndex=t)}));const m=a[t].locked&&a[r].locked;l.updateLeft(e.columnsMapRef,a,m||Fe.current),l.updateRight(e.columnsMapRef,a,m||Fe.current),Te.current&&(Fe.current=!1,Te.current=!1);const p=g();if(me(),e.gridProps.onColumnReorder){const t={target:pe.current,columns:p,columnId:i.id,nativeEvent:n};Q(e.gridProps.onColumnReorder,t)}F(o)},O=(t,r,n)=>{const l="object"==typeof e.gridProps.rowReorderable?e.gridProps.rowReorderable.enabled:e.gridProps.rowReorderable;if("forbidden"===n||!l||!Ve.current)return;const a=e.dataRef[r];e.gridProps.onRowReorder&&Q(e.gridProps.onRowReorder,{draggedDataItems:[Ve.current],droppedDataItem:null==a?void 0:a.dataItem,dropPosition:n,nativeEvent:t.originalEvent,dragEvent:t,target:pe.current}),Ve.current=null},K=(t,r,n)=>{if(void 0===e.gridProps.group)return;const l=e.gridProps.group.slice();l.splice(r,0,...l.splice(t,1)),L(l,n)},H=(t,r,n)=>{const l=e.columnsRef[t].field;if(!l)return;const a=(e.gridProps.group||[]).slice();a.splice(r,0,{field:l}),L(a,n)},V=()=>{let e=0;if(!he.current.colGroupMain)return;const t=he.current.colGroupMain.children;for(let r=0;r<t.length;r++){const n=t[r].width;if(!n){e=0;break}e+=parseFloat(n.toString())}e=Math.round(e),Ne.current&&Ne.current.setWidth(e),Pe.current&&Pe.current.setWidth(e),ke.current&&(ke.current.style.width=e?e+"px":"")},W=()=>{var t;e.gridProps.widthRef&&(e.gridProps.widthRef.current=(null==(t=we.current)?void 0:t.offsetWidth)||0)},_=()=>{var t;e.gridProps.containerHeightRef&&(e.gridProps.containerHeightRef.current=(null==(t=ye.current)?void 0:t.offsetHeight)||0)},q=x.useCallback(((t,r,a,o,i)=>{var s;if(!U()&&!a||!t)return;const c={type:t,nativeEvent:r,columns:e.columnsRef,dataItemKey:e.gridProps.dataItemKey||"",dataItem:o,field:i,..."boolean"!=typeof e.gridProps.clipboard?e.gridProps.clipboard:{},...a},d=Z(),u=l.populateClipboardData({event:c,data:d,selectedState:null!=(s=e.gridProps.select)?s:{},previousCopiedItems:He.current});t!==l.ClipboardActionType.paste&&(He.current=u.copiedItems),e.gridProps.onClipboard&&n&&Q(e.gridProps.onClipboard,{...c,...u})}),[e.gridProps.select,e.gridProps.dataItemKey,e.gridProps.data,e.gridProps.clipboard,e.gridProps.onClipboard]),U=()=>{var e,t,r;if(!a.canUseDOM)return!1;const n=a.getActiveElement(ee()),l=n?n.matches(".k-table-td")?n:null==(e=ee())?void 0:e.body:null==(t=ee())?void 0:t.body,o=l.closest(".k-grid-container"),i=l&&(null==(r=we.current)?void 0:r.contains(l));return!!(l&&i&&o)},j=(t,r,l,a,o,i,s)=>{V(),Fe.current=!0,Te.current=!0,e.gridProps.onColumnResize&&n&&Q(e.gridProps.onColumnResize,{columns:g(),nativeEvent:a,targetColumnId:s,index:t,newWidth:r,oldWidth:l,end:o,target:pe.current}),o&&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:pe.current}),Q=(t,r)=>{e.gridProps.isClient?t(r):t((e=>({...e,nativeEvent:void 0,syntheticEvent:void 0,target:void 0,targetEvent:void 0,focusElement:void 0}))(r))},Z=()=>e.dataRef.filter((e=>"data"===e.rowType)).map((e=>e.dataItem)),ee=()=>{var e;if(a.canUseDOM)return(null==(e=ne())?void 0:e.ownerDocument)||document},ne=()=>we.current,oe=x.useCallback((t=>{var r,n;if(!ge.current||null==(r=ge.current)||!r.container||"none"===e.gridProps.scrollable)return;be.current&&be.current.disconnect();const{rowIndex:l}=t,a=ne();if(Ue){const e=(null==(n=ge.current.rowHeightService)?void 0:n.offset(l))||0;ge.current.container.scroll(0,e)}else if(a){const e=l<1?a.querySelector("tbody > tr:nth-child(1)"):a.querySelector(`tbody > tr:nth-child(${l+1})`);e&&ye.current&&(ye.current.scrollTop=e.offsetTop)}}),[e.gridProps.scrollable]),ce=e=>JSON.stringify(e.map((e=>({id:e.id,field:e.field,title:e.title,children:e.children})))),de=()=>{Be.current=window.innerWidth,ce(je)===ce(e.columnsRef)||me()},ue=x.useCallback((e=>{const t={rowIndex:ze.current};e.forEach((e=>{e.isIntersecting||oe(t)}))}),[oe]),me=()=>{e.gridProps.forceUpdate&&e.gridProps.forceUpdate()},pe=x.useRef(null),ge=x.useRef(void 0),he=x.useRef(void 0),fe=x.useRef(void 0),ve=x.useRef(void 0),Ce=x.useRef(void 0),Ee=x.useRef(void 0),be=x.useRef(null),xe=x.useRef(null),Ie=x.useRef(null),ye=x.useRef(null),ke=x.useRef(null),Se=x.useRef(null),we=x.useRef(null),Re=x.useRef(null),Pe=x.useRef(null),Ne=x.useRef(null),Te=x.useRef(!1),Me=x.useRef(!1),De=x.useRef(void 0),Le=x.useRef(void 0),Ge=x.useRef(!1),Fe=x.useRef(!0),Ae=x.useRef(0),Oe=x.useRef(void 0),ze=x.useRef(void 0),Ke=x.useRef([]),He=x.useRef([]),Be=x.useRef(0),Ve=x.useRef(null),We=x.useRef(null),_e=x.useRef(null),qe=a.useDir(we),Ue=e.isVirtualScroll,je=x.useMemo((()=>x.Children.toArray(e.gridProps.children)),[e.gridProps.children]),$e=!0===e.gridProps.groupable||"object"==typeof e.gridProps.groupable&&!1!==e.gridProps.groupable.enabled,Xe=l.getSelectionOptions(null!=(t=e.gridProps.selectable)?t:!!e.gridProps.selectedField),Ye=l.getEditableOptions(null!=(r=e.gridProps.editable)?r:!!e.gridProps.editField),Je=Be.current&&s&&Be.current<=s.medium&&e.gridProps.adaptive;return x.useMemo((()=>{l.tableKeyboardNavigation.onConstructor({navigatable:!!e.gridProps.navigatable,contextStateRef:ve,navigationStateRef:Ce,idPrefix:e.id}),ge.current=new re}),[]),x.useMemo((()=>{var e;null==(e=ge.current)||e.reset()}),[e.gridProps.scrollable,e.gridProps.total,e.gridProps.filter,e.gridProps.group,$e,e.gridProps.sort,e.gridProps.rowHeight]),x.useEffect((()=>(e.gridProps.clipboard&&(Ee.current=new l.ClipboardService(q),Ee.current.addEventListeners(ee())),()=>{Ee.current&&Ee.current.removeEventListeners(ee())})),[e.gridProps.onClipboard,e.gridProps.clipboard,q,ee]),x.useEffect((()=>(e.gridProps.columnVirtualization&&!window.navigator.userAgent.match(te)&&(Se.current&&(Se.current.style.display="block"),ke.current&&(ke.current.style.display="block")),W(),V(),a.setScrollbarWidth(),l.tableKeyboardNavigation.onComponentDidMount({scope:we.current||void 0,contextStateRef:ve,navigationStateRef:Ce}),()=>{clearTimeout(Oe.current)})),[]),x.useEffect((()=>{var t;W(),V(),a.setScrollbarWidth(),Ue&&(_(),(()=>{const t=e.gridProps.minRowHeightRef;if(t&&!t.current&&!e.gridProps.rowHeight){const e=(e=>{let t=0;if(e){const r=e.insertRow(0);r.insertCell(0).textContent=" ",t=r.getBoundingClientRect().height,e.deleteRow(0)}return t})(xe.current);e&&(t.current=e,me())}})(),null==(t=ge.current)||t.update()),(()=>{var e,t,r;if(xe.current&&(null==(e=xe.current)?void 0:e.getElementsByClassName("k-grid-edit-row").length)>0){Ge.current=!1,null!=(t=document.activeElement)&&t.closest(".k-grid-edit-row")?Le.current=document.activeElement:Le.current=void 0;const e=Array.from(null==(r=xe.current)?void 0:r.getElementsByClassName("k-grid-edit-row"));e.length>Ke.current.length?De.current=e.filter((e=>!Ke.current.includes(e)))[0]:1===e.length&&(De.current=e[0],Ge.current=!0),Ke.current=e}})(),l.tableKeyboardNavigation.onComponentDidUpdate({scope:we.current||void 0,contextStateRef:ve,navigationStateRef:Ce,focusFirst:Me.current,newEditableRow:De.current,singleEditRow:Ge.current,lastActiveElement:Le.current,navigatable:e.gridProps.navigatable}),Me.current=!1,De.current=void 0})),x.useEffect((()=>{if(a.canUseDOM){const e={rootMargin:"0px",threshold:.9};be.current=window.IntersectionObserver&&new window.IntersectionObserver(ue,e)||null}}),[ue]),x.useEffect((()=>{var e;let t;return a.canUseDOM&&window.ResizeObserver&&(t=new window.ResizeObserver((()=>{de(),Ue&&_()})),t.observe(null==(e=ee())?void 0:e.body)),()=>{null==t||t.disconnect()}}),[]),x.useImperativeHandle(pe,(()=>({get element(){return ne()},props:e.gridProps,get columns(){return g()},scrollIntoView:t=>{var r;if(null==(r=ge.current)||!r.container||"none"===e.gridProps.scrollable)return;const{rowIndex:n}=t;ze.current=n;const l=ne();if(be.current&&l){be.current.disconnect();const e=l.querySelector(`[absolute-row-index="${ze.current}"]`);e?be.current.observe(e):oe(t)}},fitColumns:e=>{he.current.dblClickHandler(null,e)}}))),x.useImperativeHandle(e.gridRef,(()=>pe.current)),x.useMemo((()=>{he.current=new Y(j)}),[e.gridProps.onColumnResize,e.columnsRef]),x.useMemo((()=>{fe.current=new J(A,K,H)}),[e.gridProps.onColumnReorder,e.gridProps.onGroupChange,e.gridProps.group,e.columnsRef,e.gridProps.groupable]),he.current.resizable=e.gridProps.resizable||!1,he.current.columns=e.columnsRef,he.current.columnsState=a.cloneArray(e.columnsState),fe.current.reorderable=e.gridProps.reorderable||!1,fe.current.groupable=$e,fe.current.columns=e.columnsRef,fe.current.dir=qe,(()=>{var t;const{virtualTotal:r,virtualPageSize:n,gridProps:l}=e,o=ge.current,i=e.gridProps.rowHeight||(null==(t=l.minRowHeightRef)?void 0:t.current)||0;o&&(o.fixedScroll=l.fixedScroll||!1,o.PageChange=S,o.pageSize=n,o.scrollableVirtual=Ue,o.container=ye.current,o.tableBody=xe.current,o.scrollHeightContainer=Re.current,o.table=ke.current,(!o.rowHeightService||o.total!==r)&&i&&(o.total=r,o.rowHeightService=new a.RowHeightService(r,i)))})(),x.createElement(se.Provider,{value:{isClient:n,rowReorder:O,activeDragRowDataItemRef:Ve,reorderRowDragTargetRef:We,reorderRowDropTargetRef:_e,dir:qe,getCellPositionStyle:e=>void 0!==e.left?"rtl"!==qe?{left:e.left,right:e.right}:{left:e.right,right:e.left}:{},dataItemKey:e.gridProps.dataItemKey,columnsState:e.columnsState,onColumnsStateChange:F,groupChange:L,selectionRelease:t=>{var r;if(e.gridProps.onSelectionChange&&Xe.enabled){const n=Z()[t.startRowIndex],a=Z()[t.endRowIndex],o={syntheticEvent:void 0,target:pe.current,selectedField:e.gridProps.selectedField||"",componentId:e.id,dataItems:Z(),dataItem:null,startDataItem:n,endDataItem:a,...t},i=l.getSelectedState({event:o,selectedState:null!=(r=e.gridProps.select)?r:{},dataItemKey:e.gridProps.dataItemKey});C(o,i)}},pagerPageChange:e=>{k({skip:e.skip,take:e.take},e.syntheticEvent,e.targetEvent)},onContextMenu:(t,r,l)=>{if(e.gridProps.onContextMenu&&n){const n={target:pe.current,syntheticEvent:t,nativeEvent:t.nativeEvent,dataItem:r,field:l};Q(e.gridProps.onContextMenu,n)}e.gridProps.contextMenu&&(e=>{e.event.preventDefault(),i({...o,show:!0,offset:{left:e.event.pageX,top:e.event.pageY},dataItem:e.dataItem,field:e.field})})({event:t,dataItem:r,field:l})},rowClick:(t,r)=>{e.gridProps.onRowClick&&"TD"===t.target.nodeName&&Q(e.gridProps.onRowClick,{dataItem:r,...X(t)})},rowDblClick:(t,r)=>{e.gridProps.onRowDoubleClick&&"TD"===t.target.nodeName&&Q(e.gridProps.onRowDoubleClick,{dataItem:r,...X(t)})},cellClick:(t,r,n)=>{if(Ye.enabled&&"incell"===Ye.mode&&e.gridProps.dataItemKey){const a=l.editReducer(e.gridProps.edit,{type:l.EDIT_ACTION.ENTER_FIELD_EDIT,payload:{id:r[e.gridProps.dataItemKey],field:n}});e.gridProps.onEditChange&&Q(e.gridProps.onEditChange,{edit:a,...X(t)})}},headerCellClick:f,itemChange:t=>{var r;if(t.field===e.gridProps.expandField||t._expand||e.gridProps.group&&void 0===t.field){if(e.gridProps.onExpandChange){const n=e.gridProps.dataItemKey?l.detailExpandReducer(null!=(r=e.gridProps.detailExpand)?r:{},{type:l.DETAIL_EXPAND_ACTION.SET,id:t.dataItem[e.gridProps.dataItemKey],payload:t.value}):e.gridProps.detailExpand;Q(e.gridProps.onExpandChange,{...X(t.syntheticEvent),expand:n,dataItem:t.dataItem,dataIndex:t.dataIndex,value:t.value})}}else e.gridProps.onItemChange&&Q(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&&Q(e.gridProps.onEditChange,{edit:{},...X(t.syntheticEvent)})},onDialogEditSubmit:t=>{e.gridProps.onItemChange&&Q(e.gridProps.onItemChange,{...X(t.syntheticEvent),dataItem:t.dataItem,field:void 0,value:void 0})},sortChange:D,filterChange:(t,r)=>{y(e.gridProps.onFilterChange,{filter:t},{filter:t||void 0,skip:0},r)},searchChange:t=>{const r=e.gridProps.searchFields||e.columnsRef.map((e=>e.field))||[],n=t.nativeEvent.target.value,l={logic:"or",filters:r.filter((e=>void 0!==e)).map((e=>{var t;return"string"==typeof e?{field:e,value:n,operator:"contains"}:{value:n,operator:null!=(t=e.operator)?t:"contains",field:e.field,ignoreCase:e.ignoreCase}}))};y(e.gridProps.onSearchChange,{search:l},{},t.syntheticEvent)},onHeaderSelectionChange:t=>{var r;if(e.gridProps.onHeaderSelectionChange&&Xe.enabled){const n=Z();Q(e.gridProps.onHeaderSelectionChange,{select:t.syntheticEvent.target.checked?n.reduce(((t,r)=>(e.gridProps.dataItemKey&&void 0!==a.getter(e.gridProps.dataItemKey)(r)&&(t[a.getter(e.gridProps.dataItemKey)(r)]=!0),t)),{}):{},field:t.field,nativeEvent:t.syntheticEvent&&t.syntheticEvent.nativeEvent,syntheticEvent:t.syntheticEvent,target:pe.current,dataItems:n,selectedField:null!=(r=e.gridProps.selectedField)?r:""})}},columnGroupChange:(e,t)=>{const r=fe.current.getCurrentGroupsLength;H(e,r,t)},onKeyDown:t=>{l.tableKeyboardNavigation.onKeyDown(t,{navigatable:e.gridProps.navigatable||!1,contextStateRef:ve,navigationStateRef:Ce,onNavigationAction:h,columns:g()}),l.tableKeyboardNavigation.onGetSnapshotBeforeUpdate({document:ee(),contextStateRef:ve,navigationStateRef:Ce});const r={dataItems:Z(),mode:Xe.mode,cell:Xe.cell,componentId:e.id,selectedField:e.gridProps.selectedField,...X(t)};e.gridProps.onKeyDown&&n&&Q(e.gridProps.onKeyDown,r)},onFocus:t=>{l.tableKeyboardNavigation.onFocus(t,{navigatable:!!e.gridProps.navigatable,contextStateRef:ve})},scrollHandler:t=>{if(t.target!==t.currentTarget)return;clearTimeout(Oe.current),ge.current&&(ge.current.table=ke.current);const r=t.currentTarget.scrollLeft,l=t.currentTarget.scrollTop;e.gridProps.columnVirtualization&&(!Ue||l===Ae.current)&&(Oe.current=window.setTimeout((()=>{me()}),0)),e.gridProps.scrollLeftRef&&(e.gridProps.scrollLeftRef.current=r),Ne.current&&Ne.current.setScrollLeft(r),Pe.current&&Pe.current.setScrollLeft(r),ge.current&&l!==Ae.current&&ge.current.scrollHandler(t),e.gridProps.onScroll&&n&&Q(e.gridProps.onScroll,{...X(t)}),Ae.current=l},selectionChange:t=>{var r;if(e.gridProps.onSelectionChange&&Xe.enabled){const{event:n,dataItem:a,dataIndex:o,columnIndex:i}=t,s={...X(n.syntheticEvent),dataItem:a,startColIndex:i,endColIndex:i,startRowIndex:o,endRowIndex:o,dataItems:Z(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,mode:Xe.mode,cell:Xe.cell,isDrag:!1,componentId:e.id,selectedField:e.gridProps.selectedField||""};Q(e.gridProps.onSelectionChange,{...s,select:e.gridProps.dataItemKey?l.getSelectedState({event:s,selectedState:null!=(r=e.gridProps.select)?r:{},dataItemKey:e.gridProps.dataItemKey}):{}})}},mobileMode:Je,adaptiveColumnMenuRef:Be.current,adpativeTitle:e.gridProps.adaptiveTitle,adaptive:e.gridProps.adaptive,dispatchDetailExpand:(t,r)=>{var n;if(l.getDetailExpandableOptions(e.detailExpandable).enabled){const a=l.detailExpandReducer(null!=(n=e.gridProps.detailExpand)?n:{},t);e.gridProps.onDetailExpandChange&&Q(e.gridProps.onDetailExpandChange,{...X(r),detailExpand:a})}},dispatchGroupExpand:(t,r)=>{var n;const a=l.getGroupExpandableOptions("object"==typeof e.gridProps.groupable?!1!==e.gridProps.groupable.expandable:e.gridProps.groupable);if(a.enabled){const o=l.groupExpandReducer(null!=(n=e.gridProps.groupExpand)?n:[],t,a);e.gridProps.onGroupExpandChange&&Q(e.gridProps.onGroupExpandChange,{...X(r),groupExpand:o})}},columnResizeRef:he,dragLogicRef:fe,navigationStateRef:Ce,tableElementRef:ke,tableBodyElementRef:xe,headerElementRef:Ie,containerElementRef:ye,headTableElementRef:Se,elementRef:we,virtualScrollHeightContainerRef:Re,footerRef:Pe,headerRef:Ne,vsRef:ge}},x.createElement(l.TableKeyboardNavigationContext.Provider,{value:ve.current},e.children),x.createElement(le,{show:o.show&&(null==p?void 0:p.length),dataItem:o.dataItem,field:o.field,items:p,offset:o.offset,onClose:c,onSelect:t=>{var r,n,a,o,i,s,u,m,p;const g=t.event.item,h={target:pe.current,syntheticEvent:t.event.syntheticEvent,nativeEvent:t.event.nativeEvent,menuItem:g,...t};e.gridProps.onContextMenuItemClick&&Q(e.gridProps.onContextMenuItemClick,h);const v=Z(),C={selectedField:e.gridProps.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},x=v.findIndex((e=>e===t.dataItem));switch(null==(r=g.data)?void 0:r.action){case"SortCommand":if(d){const e=null==(n=g.name)?void 0:n.toLowerCase().includes("asc"),r=(null==(a=g.name)?void 0:a.toLowerCase().includes("desc"))?"desc":void 0,l=e?"asc":r,o=g.name?l:void 0;f(t.event.syntheticEvent,d,o)}break;case"SelectRowCommand":b(C);break;case"SelectAllRowsCommand":E(C);break;case"ClearSelectionCommand":I(C);break;case"ReorderRowCommand":Ve.current=t.dataItem,null!=(o=g.name)&&o.toLowerCase().includes("rowup")&&x>0&&O(t.event.syntheticEvent,x-1,"before"),null!=(i=g.name)&&i.toLowerCase().includes("rowdown")&&x<v.length-1&&O(t.event.syntheticEvent,x+1,"after"),null!=(s=g.name)&&s.toLowerCase().includes("rowtop")&&O(t.event.syntheticEvent,0,"before"),null!=(u=g.name)&&u.toLowerCase().includes("rowbottom")&&O(t.event.syntheticEvent,v.length-1,"after");break;case"CopySelectionCommand":q(l.ClipboardActionType.copy,t.event.nativeEvent,{copyHeaders:!(null!=(m=g.name)&&m.toLowerCase().includes("noheaders"))},t.dataItem,t.field);break;case"PasteCommand":q(l.ClipboardActionType.paste,t.event.nativeEvent,{copyHeaders:!(null!=(p=g.name)&&p.toLowerCase().includes("noheaders"))},t.dataItem,t.field)}c()}}))},de="grid.noRecords",ue="grid.pagerInfo",me="grid.pagerFirstPage",pe="grid.pagerPreviousPage",ge="grid.pagerNextPage",he="grid.pagerLastPage",fe="grid.pagerItemsPerPage",ve="grid.groupPanelEmpty",Ce="grid.groupColumn",Ee="grid.ungroupColumn",be="grid.columnMenu",xe="grid.filterApplyButton",Ie="grid.filterClearButton",ye="grid.filterResetButton",ke="grid.filterSubmitButton",Se="grid.filterTitle",we="grid.sortAscending",Re="grid.sortDescending",Pe="grid.searchPlaceholder",Ne="grid.searchboxPlaceholder",Te="grid.filterCheckAll",Me="grid.filterChooseOperator",De="grid.filterSelectAll",Le="grid.filterSelectedItems",Ge="grid.sortAriaLabel",Fe="grid.editDialogTitle",Ae="grid.editDialogSaveButtonTitle",Oe="grid.editDialogCancelButtonTitle",ze="grid.filterAriaLabel",Ke="grid.groupPanelAriaLabel",He="grid.groupExpand",Be="grid.groupCollapse",Ve="grid.detailExpand",We="grid.detailCollapse",_e="grid.selectRow",qe="grid.gridAriaLabel",Ue="grid.gridRowReorderAriaLabel",je="grid.gridAdaptiveColumnMenuFilterTitle",$e="grid.columnMenuColumnChooserSelectedItems",Xe="grid.adaptiveColumnMenuChooserTitle",Ye="grid.adaptiveColumnMenuChooserSubTitle",Je="grid.adaptiveColumnMenuCheckboxFilterTitle",Qe={[Ve]:"Expand detail row",[We]:"Collapse detail row",[He]:"Expand group",[Be]:"Collapse Group",[de]:"No records available",[ve]:"Drag a column header and drop it here to group by that column",[xe]:"Apply",[Ie]:"Clear",[ye]:"Reset",[ke]:"Filter",[Se]:"Filter",[we]:"Sort Ascending",[Re]:"Sort Descending",[Ge]:"Sortable",[Ce]:"Group Column",[Ee]:"Ungroup Column",[be]:"Column menu",[fe]:"items per page",[ue]:"{0} - {1} of {2} items",[me]:"Go to the first page",[pe]:"Go to the previous page",[ge]:"Go to the next page",[he]:"Go to the last page","grid.pagerPage":"Page","grid.pagerPageSizeAriaLabel":"Page size","grid.pagerOf":"of","grid.pagerTotalPages":"{0}",[Pe]:"Search",[Ne]:"Search...",[Te]:"Check All",[Fe]:"Edit Dialog",[Ae]:"Save",[Oe]:"Cancel",[Me]:"Choose Operator",[Le]:"selected items",[De]:"Select All",[ze]:"Filter",[Ke]:"Group panel",[qe]:"Table",[Ue]:"Drag row",[_e]:"Select Row","grid.columnMenuColumnChooserTitle":"Columns Chooser",[je]:"Filter by",[Xe]:"Columns Chooser",[Ye]:"Selected fields are visible",[Je]:"Checkbox Filter",[$e]:"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"},Ze=e=>{const t=x.useContext(se),r=o.useLocalization(),n=e.expanded,s=n?We:Ve,c=r.toLanguageString(s,Qe[s]);return x.createElement("a",{onClick:r=>{r.preventDefault(),null!=t&&t.itemChange&&t.itemChange({dataItem:e.dataItem,dataIndex:e.dataIndex,syntheticEvent:r,field:e.field,value:!n,_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(a.IconWrap,{name:n?"minus":"plus",icon:n?i.minusIcon:i.plusIcon}))},et=e=>{let t=null,r=null;const n=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},r=x.createElement(Ze,{...n})),{tdProps:t,content:r}},tt=e=>{var t,r;return null==(r=null==(t=e.cells)?void 0:t.hierarchy)?void 0:r[e.rowType||"data"]},rt=e=>{const t=x.useContext(se),r=l.useTableKeyboardNavigation(e.id),n=x.useCallback((r=>{r.isDefaultPrevented()||r.keyCode===a.Keys.enter&&null!=t&&t.itemChange&&(r.preventDefault(),t.itemChange({dataItem:e.dataItem,dataIndex:e.dataIndex,syntheticEvent:r,field:e.field,value:!e.expanded}))}),[e.dataItem,e.dataIndex,e.field,t,e.expanded]);return{...r,..."groupHeader"!==e.rowType&&"groupFooter"!==e.rowType?{onKeyDown:n}:{}}},nt=e=>{const t=x.useContext(se);return{onContextMenu:t.onContextMenu,onChange:t.itemChange,selectionChange:r=>{t.selectionChange({event:r,dataItem:e.dataItem,dataIndex:e.rowDataIndex,columnIndex:e.columnIndex})}}},lt=(e,t)=>{const r=x.useContext(se);return x.useCallback((n=>{null!=r&&r.onContextMenu&&r.onContextMenu.call(void 0,n,e,t)}),[r,e,t])},at=e=>{const t=x.useContext(se).getCellPositionStyle(e.columnPosition)||{};return{...e.style,...t}},ot=e=>{const{cellProps:t}=e,{tdProps:r,content:n}=et(t),l=rt(t),a=nt(t),o=tt(t);if(o)return x.createElement(o,{...t,...a,tdProps:{...r,...l}},n);const i="groupHeader"!==t.rowType?x.createElement("td",{...r,...l},n):null;return t.render?t.render.call(void 0,i,{...t,...a}):i},it=e=>{const{cellProps:t}=e,r=x.useContext(se),n=a.useId(),o=a.getNestedValue(t.field,t.dataItem);let i=null;const s=x.useCallback((e=>{null!=r&&r.itemChange&&r.itemChange({dataItem:t.dataItem,dataIndex:t.dataIndex,field:t.field,syntheticEvent:e.syntheticEvent,value:e.value})}),[r,t.dataItem,t.dataIndex,t.field]);switch(t.editor){case"numeric":i=x.createElement(c.NumericTextBox,{className:e.className,value:void 0===o?null:o,onChange:s,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;case"date":i=x.createElement(d.DatePicker,{className:e.className,value:o,onChange:s,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;case"boolean":i=x.createElement(c.Checkbox,{className:e.className,checked:o||!1,id:n,onChange:s,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;default:i=x.createElement(c.TextBox,{className:e.className,value:o||"",onChange:s,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0})}return i},st=e=>{let t=null;const r=e.unstyled,n=r&&r.uGrid?r.uGrid:a.uGrid,l=a.classNames(n.editTd({selected:e.isSelected}),e.className);return t={colSpan:e.colSpan,style:e.style,className:l,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[Z]:e.columnIndex,role:"gridcell"},{tdProps:t}},ct=e=>{var t,r,n;return(null==(r=null==(t=e.cells)?void 0:t.edit)?void 0:r[e.editor||"text"])||(null==(n=e.cells)?void 0:n.data)},dt=e=>({...l.useTableKeyboardNavigation(e.id),onContextMenu:lt(e.dataItem,e.field),style:at(e)}),ut=e=>{const{cellProps:t}=e,{tdProps:r}=st(t),n=dt(t),l=nt(t),a=x.createElement(it,{cellProps:t}),o=ct(t);if(o)return x.createElement(o,{...t,...l,tdProps:{...r,...n}},a);const i=r?x.createElement("td",{...r,...n},a):null;return t.render?t.render.call(void 0,i,{...t,...l}):i},mt=e=>{const t=x.useRef(null),r=x.useRef(null),n=x.useRef(!1),o=x.useContext(se),i=a.useRtl(o.headerElementRef);o.columnResizeRef.current&&o.columnResizeRef.current.setIsRtl("rtl"===i),x.useImperativeHandle(o.headerRef,(()=>({setScrollLeft:e=>{t.current&&t.current.scrollLeft!==e&&(n.current=!0,t.current.scrollLeft=e)},setWidth:e=>{r.current&&(r.current.style.width=e?e+"px":"")},table:()=>r.current})));const s=a.useUnstyled(),c=s&&s.uGrid?s.uGrid:a.uGrid,{size:d="md"}=e;return e.staticHeaders?x.createElement("div",{ref:o.headerElementRef,className:a.classNames(c.header({draggable:e.draggable}),e.className),role:"presentation"},x.createElement("div",{ref:t,className:a.classNames(c.headerWrap({})),onScroll:e=>{var r;if(n.current)return void(n.current=!1);if(!t.current)return;const l=t.current.scrollLeft,a=(null==(r=o.vsRef.current)?void 0:r.container)||null;a&&a.scrollLeft!==l&&(a.scrollLeft=l)},role:"presentation"},x.createElement("table",{ref:r,className:a.classNames(c.headerTable({size:d}),e.className),role:"presentation"},x.createElement("colgroup",{ref:e=>{o.columnResizeRef.current&&(o.columnResizeRef.current.colGroupHeader=e)}},e.cols),x.createElement("thead",{className:a.classNames(c.tableThead({})),role:"rowgroup",...l.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)))):x.createElement("thead",{role:"presentation",className:a.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 r=t.useRef(null),n=t.useRef(null),l=t.useRef(null),a=t.useMemo((()=>({actionSheetRef:r,firstViewRef:n,secondViewRef:l})),[]);return t.createElement(pt.Provider,{value:a},e.children)},ht=e=>{const r=t.useContext(se),{actionSheetRef:n,firstViewRef:l,secondViewRef:c}=t.useContext(pt),d=a.useAdaptiveModeContext(),u=o.useLocalization(),p={animation:!0,navigatable:!1,navigatableElements:[],expand:e.computedShow,animationStyles:d&&r.adaptiveColumnMenuRef<=d.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:d&&r.adaptiveColumnMenuRef<=d.small?"fullscreen":void 0};return t.createElement(s.ActionSheet,{...p,ref:n,style:{"--kendo-actionsheet-view-current":1},onClose:()=>{e.closeMenu()}},t.createElement(s.ActionSheetView,{className:"k-actionsheet-view-animated",ref:l,style:{transitionDuration:"500ms",transitionProperty:"transform"}},t.createElement(s.ActionSheetHeader,null,t.createElement("div",{className:"k-actionsheet-titlebar-group"},t.createElement("div",{className:"k-actionsheet-title"},t.createElement("div",{className:"k-text-center"},r.adpativeTitle||u.toLanguageString(be,Qe[be]))),t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{svgIcon:i.xIcon,onClick:e.closeMenu,fillMode:"flat"})))),t.createElement(s.ActionSheetContent,null,t.createElement("div",{className:"k-column-menu k-column-menu-lg"},e.children))),t.createElement(s.ActionSheetView,{className:"k-actionsheet-view-animated",ref:c,style:{transitionDuration:"500ms",transitionProperty:"transform"}}))},ft=[".k-columnmenu-item-content",".k-filter-menu-container"].map((e=>a.TABBABLE_ELEMENTS.map((t=>`${e} ${t}`)))),vt=[[".k-tabstrip-items"],[".k-columnmenu-item"],...ft],Ct=e=>{const t=x.useContext(se),[r,n]=x.useState(!1),l=x.useRef(null),s=x.useRef(null),c=x.useRef(null),d=x.useRef(0),{columnMenu:m,...p}=e,{column:g,columnMenuIcon:h,navigatable:f}=e,v=o.useLocalization(),C=g.title||g.field,E=C?`${C} `:"",b=()=>{e.onCloseMenu&&e.onCloseMenu(),n(!1),!e.navigatable&&l.current&&l.current.focus()},I=x.useMemo((()=>void 0!==e.show?e.show:r),[e.show,r]),y=(e,t,r)=>{r.preventDefault(),r.shiftKey?t.focusPrevious(e):t.focusNext(e)},k=(e,t,r)=>{e&&(r.preventDefault(),e.click())},S=(e,t,r)=>{r.preventDefault(),b()},w=(e,t,r)=>{t.focusElement(e)};return x.useEffect((()=>(I&&s.current&&(c.current=new a.Navigation({tabIndex:0,root:s,selectors:vt,keyboardEvents:{keydown:{Tab:y,Enter:k,Escape:S}},mouseEvents:{mousedown:w}}),c.current.focusElement(c.current.first,null)),()=>{c.current&&(c.current=null)})),[I]),x.createElement(x.Fragment,null,x.createElement("a",{className:"k-grid-header-menu k-grid-column-menu",ref:l,onClick:t=>{t.preventDefault(),r&&e.onCloseMenu&&e.onCloseMenu(),n(!r)},onKeyDown:e=>{var t;if(e.keyCode===a.Keys.tab){const r=e.target,n=r&&(null==(t=r.closest(".k-grid"))?void 0:t.getElementsByClassName("k-grid-content")[0]);n&&n.scrollWidth>n.clientWidth&&r.scrollIntoView({inline:"center"})}},href:"#",tabIndex:f?-1:void 0,"aria-label":`${f?"":E}${v.toLanguageString(be,Qe[be])}`},h?x.createElement(a.IconWrap,{name:h.name,icon:h}):x.createElement(a.IconWrap,{name:"more-vertical",icon:i.moreVerticalIcon})),x.createElement(gt,null,t.mobileMode?x.createElement(ht,{computedShow:I,ColumnMenu:m,closeMenu:b},m&&x.createElement(m,{...p,onCloseMenu:b})):x.createElement(u.Popup,{anchor:l.current,show:I,popupClass:"k-grid-columnmenu-popup",onMouseDownOutside:e=>{!e.isAnchorClicked&&n(!1)}},x.createElement("div",{ref:s,onBlur:e=>{const r=a.getActiveElement(document);clearTimeout(d.current),d.current=window.setTimeout((()=>{!t.mobileMode&&r&&e.relatedTarget!==l.current&&s.current&&!s.current.contains(r)&&b()}))},onFocus:()=>{clearTimeout(d.current)},onMouseDown:e=>{var t;null==(t=c.current)||t.triggerMouseEvent(e)},onKeyDown:e=>{var t;null==(t=c.current)||t.triggerKeyboardEvent(e)},className:"k-column-menu k-column-menu-md"},m&&x.createElement(m,{...p,onCloseMenu:b})))))},Et=e=>{const t=a.useUnstyled(),r=t&&t.uGrid?t.uGrid:a.uGrid,n=e.onClick?{onClick:e.onClick}:{},l=x.createElement("span",{className:a.classNames(r.headerCellInner({}))},x.createElement("span",{className:a.classNames(r.headerCellLink({sortable:e.columnMenuWrapperProps.sortable})),...n},x.createElement("span",{className:a.classNames(r.columnTitle({}))},e.title||e.field||" "),e.children),e.columnMenuWrapperProps.columnMenu&&x.createElement(Ct,{...e.columnMenuWrapperProps}));return e.render?e.render.call(void 0,l,e):l},bt=x.createContext(void 0),xt=e=>{const t=x.useContext(se),r=x.useRef(null),[n,l]=x.useState(),o=(r,n)=>{e.sortable&&n.sortable&&(r.preventDefault(),t.sortChange&&t.headerCellClick(r,n))};return x.createElement(bt.Provider,{value:{cellClick:o,cellKeyDown:(n,i)=>{if(n.isDefaultPrevented())return;const{keyCode:s,metaKey:c,ctrlKey:d,altKey:u}=n,m=e.sortable&&i.sortable,p=n.target;if(m&&n.keyCode===a.Keys.enter&&-1!==p.className.indexOf("k-table-th")&&o(n,i),e.navigatable){if(e.groupable&&(c&&s===a.Keys.enter||d&&s===a.Keys.space)){n.preventDefault();const r=e.columns.findIndex((e=>e.field===i.field));t.columnGroupChange&&t.columnGroupChange(r,n)}u&&s===a.Keys.down&&(n.preventDefault(),l(i.field),r.current=p)}},handleCloseMenu:()=>{l(void 0),r.current&&"-1"!==r.current.getAttribute("tabindex")&&r.current.focus()},showColumnMenuField:n}},e.children)},It=e=>{const t=x.useContext(se),r=x.useContext(bt),n=t.isClient||e.isClient,l={style:{...t.getCellPositionStyle(e.column)}},a={onKeyDown:t=>{r.cellKeyDown(t,e.column)},onContextMenu:r=>{t.onContextMenu(r,void 0,e.column.field)}};let o={onClick:t=>{r.cellClick(t,e.column)}};return n&&(o={...o,render:e.render,selectionChange:t.onHeaderSelectionChange,columnMenuWrapperProps:{...e.columnMenuWrapperProps,onSortChange:t.sortChange,onFilterChange:t.filterChange,onGroupChange:t.groupChange,onColumnsStateChange:t.onColumnsStateChange,show:r.showColumnMenuField===e.column.field||void 0,onCloseMenu:r.handleCloseMenu,columnsState:t.columnsState}}),e.isCustom&&(o=n?{...o,thProps:{...e.thProps,...a,...l}}:{...o,...a,...l}),q(e.children,{...o})},yt=e=>{const t=x.useRef(null),r=a.useUnstyled(),n=r&&r.uGrid?r.uGrid:a.uGrid;return x.createElement(a.Draggable,{onPress:r=>{const n=t.current&&t.current.element;n&&e.pressHandler&&e.pressHandler(r.event,n)},onDrag:r=>{const n=t.current&&t.current.element;n&&e.dragHandler&&e.dragHandler(r.event,n)},onRelease:r=>{t.current&&t.current.element&&e.releaseHandler&&e.releaseHandler(r.event)},hint:e.dragClue,autoScroll:{boundaryElementRef:e.headerRef,direction:{horizontal:!0,vertical:!1}},scrollContainer:e.containerRef||void 0,ref:t},x.createElement("tr",{className:a.classNames(n.simpleTr({})),style:{touchAction:"none"},role:"row","aria-rowindex":e.ariaRowIndex},e.children))},kt=e=>{const t=x.useContext(se);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(se),r=x.useContext(bt),n={style:{...t.getCellPositionStyle(e.column)}};return q(e.children,{onKeyDown:t=>{r.cellKeyDown(t,e.column)},onContextMenu:r=>{t.onContextMenu(r,void 0,e.column.field)},...n})},wt=e=>{const{column:t}=e,r=x.useContext(se);return r.columnResizeRef.current&&r.columnResizeRef.current.resizable&&t.resizable&&x.createElement(l.ColumnResizer,{key:2,resize:(e,n,l)=>r.columnResizeRef.current&&r.columnResizeRef.current.dragHandler(e,t,n,l),autofit:e=>r.columnResizeRef.current&&r.columnResizeRef.current.dblClickHandler(e,[t.id])})||x.createElement(x.Fragment,null)},Rt={none:"none",asc:"ascending",desc:"descending"},Pt=e=>{const t=e.unstyled,r=t&&t.uGrid?t.uGrid:a.uGrid;let n=0,o=-1;const s=t=>{if(!e.sort)return null;const n=a.classNames(r.sortIcon({}));return t>=0&&[x.createElement("span",{key:1,className:n},x.createElement(a.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:n},x.createElement("span",{className:a.classNames(r.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(kt,{key:i,className:a.classNames(r.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,h=a.classNames(a.classNames(r.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 f=e.localization.toLanguageString(Ge,Qe[Ge]),v=c.isAccessible?{ariaSort:Rt[m],role:"columnheader",ariaColumnIndex:c.ariaColumnIndex,ariaSelected:!1,ariaDescription:d?f:""}:{role:"presentation"},C=c.declarationIndex>=0?++o:--n,E={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:h,columnId:c.id,navigatable:c.navigatable,role:"columnheader"},I=F(c),y={column:I,render:e.cellRender,sortable:e.sortable,sort:e.sort,columnMenuWrapperProps:E.columnMenuWrapperProps},k=c.headerCell?c.headerCell:Et,S=[x.createElement(It,{key:1,...y,isClient:V(k)},x.createElement(k,{...E})),x.createElement(wt,{key:2,column:I})],w=H(e.cells,c.cells);if(w&&w.headerCell){const e=w.headerCell,r=V(e);return x.createElement(It,{key:C,...y,thProps:b,isCustom:!0,isClient:r},x.createElement(e,{...E,thProps:b,index:t},S))}return x.createElement(St,{key:C,column:I},x.createElement(l.HeaderThElement,{...b},S))})))(t)))))},Nt=[{text:"grid.filterAndLogic",operator:"and"},{text:"grid.filterOrLogic",operator:"or"}],Tt={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"}]},Mt=e=>"isnull"===e||"isnotnull"===e||"isempty"===e||"isnotempty"===e,Dt=(e,t)=>e.map((e=>({text:t.toLanguageString(e.text,Qe[e.text]),operator:e.operator}))),Lt=[{text:"grid.filterBooleanAll",operator:""},{text:"grid.filterIsTrue",operator:!0},{text:"grid.filterIsFalse",operator:!1}],Gt={text:!1,numeric:!1,date:!1,boolean:!0},Ft=(e,t,r)=>{const n=At(r.operators);let l=r.operator;switch(r.filterType){case"numeric":case"date":(!l||Mt(l))&&(l=n),null===e&&l===n&&(l="");break;case"text":(!l||Mt(l))&&(l=n),!e&&l===n&&(l="");break;default:return}r.onChange({value:e,operator:l,syntheticEvent:t})},At=(e,t)=>t?e[t][0].operator:e[0].operator,Ot=e=>e||"text",zt=(e,t)=>{const r=e.target.value;t({value:r.operator,operator:""===r.operator?"":"eq",syntheticEvent:e.syntheticEvent})},Kt=(e,t,r)=>{let n=t;const l=e.target.value;e.target.state.opened&&(Mt(l.operator)&&(n=null),null===t&&!Mt(l.operator)&&(n=void 0),r({value:n,operator:l.operator,syntheticEvent:e.syntheticEvent}))},Ht=e=>{const t=x.useRef(null),r=o.useLocalization(),n=(t,r)=>{Ft(t,r,e)},l=t=>{Kt(t,e.value,e.onChange)},s=t=>{zt(t,e.onChange)},u=x.createElement("div",{className:"k-filtercell"},x.createElement("div",{className:"k-filtercell-wrapper"},((r,l,a)=>{switch(r){case"numeric":return x.createElement(c.NumericTextBox,{ref:t,size:e.size,value:l,onChange:e=>{n(e.value,e.syntheticEvent)},title:e.title,ariaLabel:e.ariaLabel});case"date":return x.createElement(d.DatePicker,{ref:t,size:e.size,value:l,onChange:e=>{n(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 r=e=>null==e;return x.createElement(p.DropDownList,{ref:t,size:e.size,onChange:s,value:a.find((e=>e.operator===(r(l)?"":l))),data:a,textField:"text",title:e.title,ariaLabel:e.ariaLabel,popupSettings:{onMouseDownOutside:e=>{!e.isAnchorClicked&&e.state&&e.state.props.show&&t&&t.current.togglePopup()}}})}default:return x.createElement(c.TextBox,{ref:t,size:e.size,value:l||"",onChange:e=>{n(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 n=e.operators.find((t=>t.operator===e.operator))||null;return x.createElement(p.DropDownList,{ref:e=>{t=e},size:e.size,value:n,onChange:l,className:"k-dropdown-operator",svgIcon:i.filterIcon,data:e.operators,textField:"text",title:r.toLanguageString(Me,Qe[Me]),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:a.classNames({"k-clear-button-visible":!!(null!==e.value&&""!==e.value||e.operator)}),title:r.toLanguageString(Ie,Qe[Ie]),type:"button",onClick:r=>{r.preventDefault(),e.onChange({value:"",operator:"",syntheticEvent:r}),t.current&&(t.current.element.value="",setTimeout((()=>{t.current.element.focus()}),0))},disabled:!(null!==e.value&&""!==e.value||e.operator)}))));return e.render?e.render.call(void 0,u,e):u},Bt=e=>{const t=x.useContext(se),r=t.getCellPositionStyle(e.column),n=e.isCustom?{style:{...r}}:{};return t.isClient||e.isClient?q(e.children,{render:e.render,onChange:r=>{((r,n,l,a)=>{if(!t.filterChange)return;const o=[];(""!==r&&null!==r||""!==n)&&o.push({field:l,operator:n,value:r}),e.filter&&e.filter.filters&&(e.filter.filters||[]).forEach((e=>{e&&e.field!==l&&o.push(e)}));const i=e.filter&&e.filter.logic?e.filter.logic:"and";t.filterChange(o.length>0?{logic:i,filters:o}:null,a)})(r.value,r.operator,e.field,r.syntheticEvent)},tdProps:{...e.tdProps,...n},thProps:{...e.tdProps,...n}}):q(e.children,{})},Vt=e=>{const t={style:{...x.useContext(se).getCellPositionStyle(e.column)}};return q(e.children,{...t})},Wt=e=>{const t=(t,r)=>{let n=""+(r?"k-grid-header-sticky":"");return e.sort&&e.sort.filter((e=>e.field===t)).length>0&&(n+=" k-sorted"),n},r=e.filter&&e.filter.filters||[];let n=0,o=-1;const i=e.columns.filter((e=>0===e.children.length)).map((i=>{const s=Ot(i.filter),c=(e=>{if(void 0===e)return;const t=r.filter((t=>t.field===e));return t.length?t[0]:void 0})(i.field),d=`${i.field} ${e.localization.toLanguageString(ze,Qe[ze])}`;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?++o:--n,g={columnId:l.tableKeyboardNavigationTools.getFilterColumnId(i.id),navigatable:i.navigatable||e.navigatable,className:a.classNames("k-table-td",t(i.field,i.locked)||void 0),role:"gridcell",ariaLabel:"reorder"===i.columnType?void 0:d,ariaColumnIndex:i.ariaColumnIndex},h=F(i),f={column:h,filter:e.filter,field:i.field,tdProps:g,thProps:g,render:e.cellRender};let v=null;if(m&&"reorder"!==i.columnType){const e=i.filterCell?i.filterCell:Ht;v=x.createElement(Bt,{...f,isClient:V(e)},x.createElement(e,{...m}))}const C=H(e.cells,i.cells);if(C&&C.filterCell){const e=C.filterCell,t=V(e);return x.createElement(Bt,{key:p,...f,isClient:t,isCustom:!0},x.createElement(e,{key:p,...m,tdProps:g,thProps:g,index:o},v))}return x.createElement(Vt,{key:p,column:h},x.createElement(l.HeaderTdElement,{...g},v))}));return x.createElement("tr",{className:"k-table-row k-filter-row","aria-rowindex":e.ariaRowIndex,role:"row"},i)},_t=e=>{const t=x.useRef(null),{dir:r,title:n}=e;return x.createElement(a.Draggable,{onPress:r=>{const n=t.current&&t.current.element;n&&e.onPress&&e.onPress(r.event,n)},onDrag:r=>{const n=t.current&&t.current.element;n&&e.onDrag&&e.onDrag(r.event,n)},onRelease:r=>{t.current&&t.current.element&&e.onRelease&&e.onRelease(r.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 r="asc"===e.dir?"desc":"asc";e.onSortChange(t,r)}},onContextMenu:t=>{const r={title:e.title,dir:e.dir,index:e.index};e.onContextMenu&&e.onContextMenu.call(void 0,t,{dataItem:{...r}})},onKeyDown:t=>{(t.keyCode===a.Keys.delete||t.keyCode===a.Keys.backspace)&&(t.preventDefault(),t.stopPropagation(),e.onRemove&&e.onRemove(t))},tabIndex:0,role:"button",style:{touchAction:"none"}},x.createElement("span",null,x.createElement(a.IconWrap,{name:"sort-"+r+"-small",icon:"asc"===r?i.sortAscSmallIcon:i.sortDescSmallIcon,size:"small"})),x.createElement("span",{className:"k-chip-content"},x.createElement("span",{className:"k-chip-label"},n)),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(a.IconWrap,{name:"x-circle",icon:i.xCircleIcon,size:"small"})))))},qt=e=>{const t=x.useContext(se),r=o.useLocalization(),n=e.group||[],l=t=>{const r=e.columns.find((e=>e.field===t)),n=r&&(r.title||r.field);return void 0===n?t:n},a=n.map(((r,n)=>x.createElement(_t,{key:n,index:n,dir:r.dir||"asc",title:l(r.field),onRemove:r=>{((r,n)=>{const l=e.group.slice();l.splice(n,1),t.groupChange(l,r)})(r,n)},onSortChange:(l,a)=>{((r,n,l,a)=>{const o=Object.assign({},l,{dir:a}),i=e.group.slice();i.splice(n,1,o),t.groupChange(i,r)})(l,n,r,a)},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":r.toLanguageString(Ke,Qe[Ke]),"aria-controls":e.ariaControls||""},x.createElement("div",{className:"k-chip-list k-chip-list-md",role:"none"},a),x.createElement("div",{className:"k-grouping-drop-container"},!a.length&&r.toLanguageString(ve,Qe[ve])," "))},Ut=e=>{const t=x.useRef(null),r=x.useRef(null),n=x.useContext(se);return x.useImperativeHandle(n.footerRef,(()=>({setScrollLeft:e=>{t.current&&(t.current.scrollLeft=e)},setWidth:e=>{r.current&&(r.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:r,className:a.classNames("k-table k-grid-footer-table",{"k-table-md":!e.size,[`k-table-${a.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size},e.className),role:"presentation"},x.createElement("colgroup",{ref:e=>{n.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(se),r=l.useTableKeyboardNavigation(e.id),n=lt(e.dataItem,e.field),a=at(e),o=x.useCallback((r=>{var n;null==(n=null==t?void 0:t.cellClick)||n.call(t,r,e.dataItem,e.field)}),[t,e.dataItem,e.field]);return{...r,..."groupFooter"===e.rowType||"groupHeader"!==e.rowType?{onContextMenu:n}:{},..."groupFooter"!==e.rowType&&"groupHeader"!==e.rowType?{style:a}:{},onClick:o}},$t=e=>{var t,r;let n=null,l=null;const o=e.unstyled,i=o&&o.uGrid?o.uGrid:a.uGrid;if("groupFooter"===e.rowType)n={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 o=a.classNames(i.td({selected:e.isSelected,sorted:e.isSorted,alt:e.isAlt}),e.className);n={rowSpan:null!=(r=null==(t=e._rowSpan)?void 0:t.count)?r:void 0,colSpan:e.colSpan,style:e.style,className:o,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[Z]:e.columnIndex}}return{tdProps:n,content:l}},Xt=e=>{var t;return null==(t=e.cells)?void 0:t[e.rowType||"data"]},Yt=e=>{var t;const{cellProps:r}=e,{tdProps:n,content:l}=$t(r),a=jt(r),o=nt(r);if(null===(null==(t=r._rowSpan)?void 0:t.count))return null;const i=Xt(r);if(i)return x.createElement(i,{...r,...o,tdProps:{...n,...a}},l);const s=n?x.createElement("td",{...n,...a},l):null;return r.render?r.render.call(void 0,s,{...r,...o}):s},Jt=e=>{const t=x.useContext(se),r=o.useLocalization(),n=e.expanded?Be:He,s=r.toLanguageString(n,Qe[n]),c="rtl"===t.dir;return x.createElement("a",{onClick:r=>{var n;r.preventDefault(),null!=t&&t.itemChange&&t.itemChange({dataItem:e.dataItem,dataIndex:e.dataIndex,syntheticEvent:r,field:void 0,value:!e.expanded}),null==(n=null==t?void 0:t.dispatchGroupExpand)||n.call(t,{type:l.GROUP_EXPAND_ACTION.TOGGLE,group:e.group})},href:"#",tabIndex:-1,"aria-label":s},x.createElement(a.IconWrap,{name:e.expanded?"caret-alt-down":c?"caret-alt-left":"caret-alt-right",icon:e.expanded?i.caretAltDownIcon:c?i.caretAltLeftIcon:i.caretAltRightIcon}))},Qt=e=>{const{columnIndex:t,level:r,columnsCount:n,rowType:l,dataItem:o,field:i,expanded:s,ariaColumnIndex:c,locked:d,style:u}=e,m=i||"";let p=null,g=null,h=null;const f=W(e);let v=!1;return void 0===t||void 0===r||t<r||void 0===n||"groupHeader"!==l||void 0===o[m]?p={style:u,key:"g"+t,className:a.classNames("k-table-td","k-group-cell",{"k-grid-content-sticky":d}),role:"gridcell"}:t===r&&(v=!0,p={className:"k-table-td",style:u,colSpan:n-t,key:"g-colspan",role:"gridcell","aria-selected":!1,"aria-expanded":s,"aria-colindex":c},h=x.createElement("p",{className:"k-reset"},x.createElement(Jt,{...f}),o[m]instanceof Date?o[m].toString():o[m]),d&&(p={...p,colSpan:0,style:{...u,position:"sticky",zIndex:2}},g={className:"k-table-td",role:"gridcell",colSpan:n-t,style:{borderLeftWidth:0,borderRightWidth:0}})),{tdProps:p,td2Props:g,content:h,renderToggleCell:v}},Zt=e=>{var t,r;return null==(r=null==(t=e.cells)?void 0:t.group)?void 0:r[e.rowType||"data"]},er=(e,t)=>{const r=x.useContext(se),n=l.useTableKeyboardNavigation(e.id),o=lt(e.dataItem,e.field),i=at(e),s=x.useCallback((t=>{t.isDefaultPrevented()||t.keyCode===a.Keys.enter&&null!=r&&r.itemChange&&(t.preventDefault(),r.itemChange({dataItem:e.dataItem,dataIndex:e.dataIndex,syntheticEvent:t,field:void 0,value:!e.expanded}),null==r||r.dispatchGroupExpand({type:l.GROUP_EXPAND_ACTION.TOGGLE,group:e.group},t))}),[r,e.dataItem,e.dataIndex,e.expanded,e.group]);return{...n,...t?{onKeyDown:s}:{},onContextMenu:o,style:i}},tr=e=>{const{cellProps:t}=e,{tdProps:r,td2Props:n,content:l,renderToggleCell:a}=Qt(t),o=er(t,a),i=nt(t),s={...t,...i},c={...r,...o,style:{...null==r?void 0:r.style,...o.style}},d=n?{...n,onContextMenu:o.onContextMenu}:null,u=Zt(t);if(u)return x.createElement(u,{...s,tdProps:c,td2Props:d},l);const m=r?x.createElement("td",{...c,key:null==r?void 0:r.key},l):null,p=d?x.createElement("td",{...d}):null,g=p?x.createElement(x.Fragment,null,m,p):m;return t.render?t.render.call(void 0,g,{...s}):g},rr=e=>{var t;const r=x.useContext(se),{reorderRowDropTargetRef:n,reorderRowDragTargetRef:l,activeDragRowDataItemRef:o}=r,{rowType:i,isAltRow:s,isInEdit:c,isSelected:d}=e,u=a.useUnstyled(),m=u&&u.uGrid?u.uGrid:a.uGrid,p=a.classNames(m.tr({selected:d,isHeader:"groupHeader"===i,isFooter:"groupFooter"===i,isMaster:"groupHeader"!==i&&"groupFooter"!==i,isAltRow:s,isInEdit:c})),g=x.useRef(null);a.useDroppable(g,{onDragOver:t=>{if(e.isRowReorderable&&o.current){const e=t.originalEvent.target;n.current=e.closest(".k-table-row")}},onDrop:()=>{l.current&&e.isRowReorderable&&(l.current.style.userSelect="")}});const h={onClick:t=>r.rowClick(t,e.dataItem),onDoubleClick:t=>r.rowDblClick(t,e.dataItem)},f={ref:g,id:e.id,...h,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,[Q]:"data"===e.rowType?e.dataIndex:void 0},v=e.rowType||"data",C=e.rows;if(C&&C[v]){const t=C[v];return x.createElement(t,{key:e.absoluteRowIndex,...e,trProps:f},e.children)}const E=x.createElement("tr",{key:e.absoluteRowIndex,...f},e.children);return e.render?e.render.call(void 0,E,{...e,...h}):E},nr=e=>{const t=x.useContext(se),r=a.useId(),n=o.useLocalization(),l=e.id||r,i=[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":n.toLanguageString(_e,Qe[_e]),"aria-checked":e.selectionValue,checked:e.selectionValue,onChange:r=>t.onHeaderSelectionChange({field:e.field,syntheticEvent:r})})),e.columnMenuWrapperProps.columnMenu&&x.createElement(Ct,{...e.columnMenuWrapperProps})];return e.render?e.render.call(void 0,i,e):i},lr=e=>{const t=o.useLocalization();return x.createElement(x.Fragment,null,e.children||t.toLanguageString(de,Qe[de]))};lr.displayName="KendoReactGridNoRecords";const ar=e=>{const t=x.useContext(se),r=l.useTableKeyboardNavigation(e.id),n=t.getCellPositionStyle(e.column),a={...r,style:{...n}};return e.isCustom&&(t.isClient||e.isClient)?q(e.children,{tdProps:{...e.tdProps,...a},...r}):q(e.children,{...a})},or=e=>{const{column:t,index:r,cells:n}=e,l={colSpan:1!==t.colSpan?t.colSpan:void 0,className:a.classNames("k-table-td",t.locked&&void 0!==t.left?"k-grid-footer-sticky":""),role:"gridcell","aria-colindex":t.ariaColumnIndex},o={field:t.field,ariaColumnIndex:t.ariaColumnIndex,...l},i=F(t),s=H(n,t.cells);if(s&&s.footerCell){const t=s.footerCell,n=V(t);return x.createElement(ar,{key:r,id:e.id,tdProps:l,isCustom:!0,isClient:n,column:i},x.createElement(t,{...o,tdProps:l,index:r}))}return x.createElement(ar,{key:r,id:e.id,column:i},t.footerCell&&x.createElement(t.footerCell,{...o})||x.createElement("td",{...l}))},ir=e=>x.createElement("tr",{className:"k-table-row",role:"row","aria-rowindex":e.ariaRowIndex},(e=>e.filter((t=>!(((e,t)=>{let r=e[t.parentIndex];for(;r;){if(r.footerCell)return!0;r=e[r.parentIndex]}return!1})(e,t)||!t.footerCell&&t.children&&t.children.length>0))))(e.columns).map(((t,r)=>{const n=l.tableKeyboardNavigationTools.generateNavigatableId(`${r}-footercell`,e.idPrefix,"nodata");return x.createElement(or,{key:n,column:t,id:n,index:r,cells:e.cells})}))),sr=e=>(({buttonCount:e=10,info:t=!0,type:r="numeric",pageSizes:n,previousNext:l=!0,responsive:a,adaptive:o,adaptiveTitle:i,navigatable:s,pageSizeValue:c})=>({buttonCount:e,info:t,pageSizes:!0===n?[5,10,20]:n||void 0,previousNext:l,responsive:!1!==a,adaptive:!0===o,adaptiveTitle:i||"Items per page",navigatable:!1!==s,type:r,pageSizeValue:c}))(!0===e?{}:e),cr={name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"11.0.0-develop.8",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},dr=e=>{const{colSpan:t,ariaColIndex:r,unstyled:n}=e,l=n&&n.uGrid?n.uGrid:a.uGrid;return{tdProps:{className:a.classNames(l.detailTd({})),colSpan:t,"aria-colindex":r,role:"gridcell"}}},ur=e=>{const t=l.useTableKeyboardNavigation(e.id);return{onContextMenu:lt(e.dataItem),...t}},mr=e=>{const{dataItem:t,dataIndex:r}=e,{tdProps:n}=dr(e),l=ur(e);return x.createElement("td",{...n,...l},x.createElement(e.detail,{dataItem:t,dataIndex:r}))},pr=e=>{const t=e.unstyled,r=t&&t.uGrid?t.uGrid:a.uGrid;return x.createElement("td",{className:a.classNames(r.hierarchyTd({})),role:"gridcell"})},gr=e=>{const t=x.useContext(se),r=t.headerRef.current,n=r&&r.table()&&r.table().clientWidth,o=a.uGrid;return x.createElement("div",{key:"no-records",className:a.classNames(o.noRecords({})),style:{width:n}},x.createElement("div",{className:a.classNames(o.noRecordsTemplate({})),[l.KEYBOARD_NAV_DATA_ID]:l.tableKeyboardNavigationTools.generateNavigatableId("no-records",l.tableKeyboardNavigationTools.getIdPrefix(t.navigationStateRef))},e.children))};gr.displayName="KendoReactGridNoRecordsContainer";const hr=e=>{const t=x.useContext(se);return x.createElement("colgroup",{ref:e=>{t.columnResizeRef.current.colGroupMain=e,t.columnResizeRef.current.initWidths()}},e.children)},fr=e=>{const t=x.useContext(se);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))},vr=e=>{const t=x.useContext(se);return x.createElement(l.DropClue,{ref:t.dragLogicRef.current.refDropElementClue})},Cr=e=>{const t=x.useContext(se);return x.createElement(l.DragClue,{ref:t.dragLogicRef.current.refDragElementClue})},Er=e=>{const t=x.useContext(se);return x.createElement(x.Fragment,null,e.rowReorderable?x.createElement(a.DragAndDrop,null,e.children):q(e.children,{ref:t.tableBodyElementRef}))};function br(e){const t=e.replace(/^pager\.([a-z])/,((e,t)=>"grid.pager"+t.toUpperCase()));return{messageKey:t,defaultMessage:Qe[t]}}const xr=e=>{const t=x.useContext(se);return q(e.children,{onPageChange:t.pagerPageChange,messagesMap:br,dir:t.dir})},Ir=e=>{var t;const r=x.useContext(se),n={...e.tableStyle};return null!=(t=r.vsRef.current)&&t.tableTransform&&(n.transform=r.vsRef.current.tableTransform),x.createElement(l.TableSelection,{selectable:e.selectable,onRelease:r.selectionRelease,childRef:e=>{r.tableElementRef.current=e}},x.createElement("table",{className:e.tableClassName,role:"presentation",style:n,ref:r.tableElementRef},e.children))},yr=e=>{const t=x.useContext(se);return q(e.children,{ref:t.elementRef,onKeyDown:t.onKeyDown,onFocus:t.onFocus})},kr=e=>{const t=x.useContext(se);return q(e.children,{ref:t.containerElementRef,onScroll:t.scrollHandler})},Sr=e=>{const t=x.useContext(se);return x.createElement("div",{ref:t.virtualScrollHeightContainerRef})},wr=e=>{const t=x.useContext(se);if(t.isClient||e.isClient){const r=t.getCellPositionStyle(e.columnPosition);return e.children&&q(e.children,{style:{...e.style,...r},onContextMenu:t.onContextMenu,onChange:t.itemChange,selectionChange:r=>{t.selectionChange({event:r,dataItem:e.dataItem,dataIndex:e.rowDataIndex,columnIndex:e.columnIndex})}})}return e.children},Rr="before",Pr="after",Nr="forbidden";const Tr=e=>null==e?void 0:e.ownerDocument.documentElement,Mr=e=>null==e?void 0:e.ownerDocument.defaultView,Dr={zIndex:"19000",position:"absolute",display:"none",visibility:"hidden"},Lr={zIndex:"20000",display:"flex",position:"fixed",visibility:"hidden",pointerEvents:"none"},Gr=e=>{const{rowReorderSettings:r,columns:n,unstyled:l}=e,{rowReorder:o,reorderRowDragTargetRef:s,reorderRowDropTargetRef:c,activeDragRowDataItemRef:d,tableBodyElementRef:u}=t.useContext(se),[m,p]=t.useState(!1),[h,f]=t.useState(i.cancelIcon),v=t.useRef(null),C=t.useRef(null),E=t.useRef(null),b=t.useRef(null),x=t.useRef(!1),I=t.useRef(null),y=t.useRef(null),k="object"==typeof r?r.enabled:r;t.useEffect((()=>{u.current=v.current}),[]),a.useDraggable(v,{onPress:e=>{var t;const r=e.originalEvent.target;r.closest(".k-drag-cell")&&(b.current=e.offsetY,x.current=!0,s.current=r.closest(".k-table-row"),y.current=null==(t=s.current)?void 0:t.parentElement)},onDragStart:e=>{!x.current||!k||!d.current||(s.current&&(s.current.style.userSelect="none"),p(!0))},onDrag:e=>{if(!x.current&&!C.current)return;const{clientX:t,clientY:r}=e,n=t,l=r-b.current;C.current&&(C.current.style.left=`${n}px`,C.current.style.top=`${l}px`,C.current.style.visibility="visible"),S(e)},onDragEnd:e=>{var t;if(!k||!d.current)return;p(!1);const r=Number(null==(t=c.current)?void 0:t.getAttribute("absolute-row-index"));o(e,r,I.current),x.current=!1,y.current=null}});const S=e=>{I.current=N(e),w()},w=()=>{var e;if(I.current===Nr||!c.current)return void R();P();const t=function(e){const{clientTop:t,clientLeft:r}=Tr(e),{pageYOffset:n,pageXOffset:l}=Mr(e),{top:a,left:o}=e.getBoundingClientRect();return{top:a+n-t,left:o+l-r}}(c.current);let r=t.top;const n=t.left+((null==(e=E.current)?void 0:e.offsetWidth)||0)/2;I.current===Pr&&(r+=c.current.offsetHeight),E.current&&(E.current.style.top=`${r}px`,E.current.style.left=`${n}px`,E.current.style.visibility="visible")},R=()=>{E.current&&(E.current.style.display="none")},P=()=>{E.current&&(E.current.style.display="")},N=e=>{var t;if(c.current===s.current||!c.current)return Nr;if((null==(t=c.current)?void 0:t.parentElement)!==y.current)return Nr;const r=c.current.getBoundingClientRect(),n=r.height/2,l=e.clientY,a=r.top;let o=null;l<a+n?o=Rr:l>=a+r.height-n&&(o=Pr),(o===Rr&&c.current===s.current.nextElementSibling||o===Pr&&c.current===s.current.previousElementSibling)&&(o=Nr);const d=o===Nr?i.cancelIcon:i.insertMiddleIcon;return f(d),o},T=t.useMemo((()=>{if(d.current){if(!r.dragClue){const e=n.find((e=>!e.hidden&&"data"===e.columnType));return d.current[e.field]}return"string"==typeof r.dragClue?r.dragClue:r.dragClue(d.current)}}),[d.current]);return t.createElement(t.Fragment,null,m&&g.createPortal(t.createElement(t.Fragment,null,t.createElement("div",{ref:E,style:Dr,className:a.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:C,style:Lr,className:a.classNames(l.rowReorder({dragClueMain:!0,dragClueOperation:!0}))},t.createElement(a.SvgIcon,{className:"k-drag-status",icon:h}),T)),document.body),q(e.children,{ref:v}))},Fr=()=>t.createElement(a.SvgIcon,{icon:i.reorderIcon}),Ar=e=>{let t=null;const r=e.unstyled,n=r&&r.uGrid?r.uGrid:a.uGrid,l=a.classNames(n.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,[Z]:e.columnIndex},{tdProps:t}},Or=e=>{const t=o.useLocalization(),r=x.useContext(se),n=l.useTableKeyboardNavigation(e.id),a=lt(e.dataItem,e.field);return{"aria-label":t.toLanguageString(Ue,Qe[Ue]),...n,onMouseDown:()=>e.rowReorderable?r.activeDragRowDataItemRef.current=e.dataItem:null,onContextMenu:a}},zr=e=>{const{cellProps:r}=e,{tdProps:n}=Ar(r),l=Or(r);return t.createElement("td",{...n,...l,style:{touchAction:"none"}},t.createElement(Fr,null))},Kr=e=>x.createElement(Et,{...e}),Hr={height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},Br=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:Hr},x.createElement(h.Loader,{size:"large",type:"converging-spinner"}))):null)},Vr=e=>({lockedColumn:e.some((e=>e.locked))}),Wr=e=>({multiColumn:e.some((e=>e.children&&e.children.length>0))}),_r=e=>({columnCellTemplate:e.some((e=>"data"===e.columnType&&(e.cells||e.cell||e.headerCell||e.footerCell||e.filterCell)))}),qr=e=>({columnMenu:e.some((e=>e.columnMenu))}),Ur=e=>x.Children.toArray(e.children).some((e=>!(!e||!e.type||"KendoReactGridColumn"!==e.type.displayName)&&e.props.hidden)),jr=e=>{const t=l.getSelectionOptions(e.selectable),r=l.getEditableOptions(e.editable),n=e.sortable&&ae(e.sortable),a=e.pageable&&sr(e.pageable);return{cells:!!e.cells,detail:!!e.detail,cellRender:!!e.cellRender,rows:!!e.rows,rowRender:!!e.rowRender,filterCellRender:!!e.filterCellRender,headerCellRender:!!e.headerCellRender,editableInline:"inline"===r.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"!==a.type),sortableMultiple:!(!e.sortable||"multiple"!==n.mode),hiddenColumns:Ur(e)}},$r=e=>({...Vr(e),...Wr(e),..._r(e),...qr(e)}),Xr=(e,t)=>{const r={...jr(e),...$r(t)};return Object.keys(r).filter((e=>!0===r[e]))};const Yr=e=>{var r;const n=o.useLocalization(),u=a.useAdaptiveModeContext(),p=t.useContext(se),h=(e,t)=>{p.onDialogEditSubmit&&p.onDialogEditSubmit({dataItem:e,syntheticEvent:t})},E=e=>{p.onDialogEditCancel&&p.onDialogEditCancel({syntheticEvent:e})},b=e=>{const{validationMessage:r,visited:n,id:a,valid:o,editor:i,value:s,label:u,...m}=e,g=p.mobileMode?"large":"medium";switch(i){case"numeric":return t.createElement(t.Fragment,null,t.createElement(f.Label,{editorId:a,className:"k-form-label"},u,":"),t.createElement("div",{className:"k-form-field-wrap"},t.createElement(c.NumericTextBox,{...m,size:g,value:s,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),r&&t.createElement(f.Error,null,r)));case"date":return t.createElement(t.Fragment,null,t.createElement(f.Label,{editorId:a,className:"k-form-label"},u,":"),t.createElement("div",{className:"k-form-field-wrap"},t.createElement(d.DatePicker,{valid:!0,...m,value:s,adaptive:p.mobileMode,size:g,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),r&&t.createElement(f.Error,null,r)));case"boolean":return t.createElement("div",{className:"k-form-field-wrap"},t.createElement(f.Label,{editorId:a,className:"k-form-label"},u,": ",t.createElement(c.Checkbox,{...m,size:g,value:s,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),r&&t.createElement(f.Error,null,r)));default:return t.createElement(t.Fragment,null,t.createElement(f.Label,{editorId:a,className:"k-form-label"},u,":"),t.createElement("div",{className:"k-form-field-wrap"},t.createElement(c.TextBox,{...m,size:g,value:s||"",[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),r&&t.createElement(f.Error,null,r)))}},x=n.toLanguageString(Fe,Qe[Fe]),I=n.toLanguageString(Ae,Qe[Ae]),y=n.toLanguageString(Oe,Qe[Oe]),k={animation:!0,navigatable:!1,navigatableElements:[],expand:!0,title:p.adpativeTitle||x,suffixActions:t.createElement(m.Button,{svgIcon:i.xIcon,onClick:E,fillMode:"flat"}),animationStyles:u&&p.adaptiveColumnMenuRef<=u.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:u&&p.adaptiveColumnMenuRef<=u.small?"fullscreen":void 0},{customEditDialog:S}=e,w=null==(r=e.columns)?void 0:r.filter((e=>e.editable));return t.createElement(t.Fragment,null,g.createPortal(t.createElement(t.Fragment,null,p.mobileMode?t.createElement(t.Fragment,null,S?t.createElement(S,{columns:e.columns,dataItem:e.dataItem,onSubmit:h,onCancel:E}):t.createElement(C.Form,{initialValues:e.dataItem,onSubmit:h,id:"kendo-grid-edit-dialog",render:e=>t.createElement(s.ActionSheet,{...k},t.createElement(s.ActionSheetContent,null,t.createElement(C.FormElement,null,null==w?void 0:w.map((e=>t.createElement(C.FieldWrapper,{key:e.field},t.createElement(C.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(s.ActionSheetFooter,null,t.createElement(m.Button,{onClick:E,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},I)))})):S?t.createElement(S,{columns:e.columns,dataItem:e.dataItem,onSubmit:h,onCancel:E}):t.createElement(C.Form,{initialValues:e.dataItem,onSubmit:h,id:"kendo-grid-edit-dialog",render:e=>t.createElement(v.Dialog,{title:x,width:450,onClose:e=>E(e.syntheticEvent)},t.createElement(C.FormElement,null,null==w?void 0:w.map((e=>t.createElement(C.FieldWrapper,{key:e.field},t.createElement(C.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},I),t.createElement(m.Button,{onClick:E,type:"reset",icon:"cancel",svgIcon:i.cancelIcon},y)))})),document.body))},Jr=e=>{const t=x.useContext(se),r=jt(e.cellProps),n=nt(e.cellProps);return e.isCustom&&(t.isClient||e.isClient)?q(e.children,{tdProps:{...e.tdProps,...r},...n}):e.children&&q(e.children,{...r})},Qr=e=>{var t;const{cellProps:r}=e,{tdProps:n,content:l}=$t(r);if(null===(null==(t=r._rowSpan)?void 0:t.count))return null;const a=W(r),o=Xt(r);if(o){const e=V(o);return x.createElement(Jr,{cellProps:a,tdProps:n,isCustom:!0,isClient:e},x.createElement(o,{...a,tdProps:n},l))}const i=n?x.createElement("td",{...n},l):null;return x.createElement(Jr,{cellProps:a,tdProps:n},i)},Zr=e=>{const t=x.useContext(se),r=dt(e.cellProps),n=nt(e.cellProps);return e.isCustom&&(t.isClient||e.isClient)?q(e.children,{tdProps:{...e.tdProps,...r},...n}):e.children&&q(e.children,{...r})},en=e=>{const{cellProps:t}=e,{tdProps:r}=st(t),n=W(t),l=x.createElement(it,{cellProps:n}),a=ct(t);if(a){const e=V(a);return x.createElement(Zr,{cellProps:n,tdProps:r,isCustom:!0,isClient:e},x.createElement(a,{...n,tdProps:r},l))}return x.createElement(Zr,{cellProps:n,tdProps:r},x.createElement("td",{...r},l))},tn=e=>{var t;const r=x.useContext(se),n=a.useId(),l=o.useLocalization(),i=null!=(t=e.isSelected)?t:a.getNestedValue(e.field,e.dataItem),s="boolean"==typeof i&&i,c=x.useCallback((t=>{null==r||r.selectionChange({event:t,dataItem:e.dataItem,dataIndex:e.rowDataIndex,columnIndex:e.columnIndex})}),[r,e.columnIndex,e.rowDataIndex,e.dataItem]);return x.createElement("span",{className:"k-checkbox-wrap"},x.createElement("input",{id:n,tabIndex:-1,type:"checkbox",className:"k-checkbox k-checkbox-md k-rounded-md","aria-label":l.toLanguageString(_e,Qe[_e]),"aria-checked":s,checked:s,onChange:c}))},rn=e=>({...l.useTableKeyboardNavigation(e.id),onContextMenu:lt(e.dataItem,e.field),style:at(e)}),nn=e=>{const t=x.useContext(se),r=rn(e.cellProps),n=nt(e.cellProps);return e.isCustom&&(t.isClient||e.isClient)?q(e.children,{tdProps:{...e.tdProps,...r},...n}):e.children&&q(e.children,{...r})},ln=e=>{const t=a.classNames("k-table-td",e.className);return{tdProps:{colSpan:e.colSpan,style:e.style,className:t,"aria-colindex":e.ariaColumnIndex,role:"gridcell"}}},an=e=>{var t,r;return null==(r=null==(t=e.cells)?void 0:t.select)?void 0:r[e.rowType||"data"]},on=e=>{const{cellProps:t}=e,{tdProps:r}=ln(t),n=x.createElement(tn,{key:1,...t}),l=W(t),a=an(t);if(a){const e=V(a);return x.createElement(nn,{cellProps:l,tdProps:r,isCustom:!0,isClient:e},x.createElement(a,{...l,tdProps:r},n))}const o="groupHeader"!==t.rowType?x.createElement("td",{...r},n):null;return x.createElement(nn,{cellProps:l,tdProps:r},o)},sn=e=>{const{cellProps:t}=e,{tdProps:r}=ln(t),n=rn(t),l=nt(t),a=x.createElement(tn,{key:1,...t}),o=an(t);if(o)return x.createElement(o,{...t,...l,tdProps:{...r,...n}},a);const i="groupHeader"!==t.rowType?x.createElement("td",{...r,...n},a):null;return t.render?t.render.call(void 0,i,{...t,...l}):i},cn=e=>{const t=x.useContext(se),r=rt(e.cellProps),n=nt(e.cellProps);return e.isCustom&&(t.isClient||e.isClient)?q(e.children,{tdProps:{...e.tdProps,...r},...n}):e.children&&q(e.children,{...r})},dn=e=>{const{cellProps:t}=e,r=W(t),{tdProps:n,content:l}=et(t),a=tt(t);if(a){const e=V(a);return x.createElement(cn,{cellProps:r,tdProps:n,isCustom:!0,isClient:e},x.createElement(a,{...r,tdProps:n},l))}const o="groupHeader"!==t.rowType?x.createElement("td",{...n},l):null;return x.createElement(cn,{cellProps:r,tdProps:n},o)},un=e=>{const t=Or(e.cellProps);return e.children&&q(e.children,{...t})},mn=e=>{const{cellProps:r}=e,{tdProps:n}=Ar(r);return t.createElement(un,{cellProps:r},t.createElement("td",{...n,style:{touchAction:"none"}},t.createElement(Fr,null)))},pn=e=>{const t=ur(e);return q(e.children,{...t})},gn=e=>{const{dataItem:t,dataIndex:r,id:n}=e,{tdProps:l}=dr(e);return x.createElement(pn,{id:n,dataItem:t},x.createElement("td",{...l},x.createElement(e.detail,{dataItem:t,dataIndex:r})))},hn=e=>{const{cellProps:t,renderToggleCell:r}=e,n=x.useContext(se),l=er(t,r),a=nt(t);if(e.isCustom)return n.isClient||e.isClient?q(e.children,{tdProps:e.tdProps?{...e.tdProps,...l}:null,td2Props:e.td2Props?{...e.td2Props,onContextMenu:l.onContextMenu}:null,...a}):q(e.children,{...l});const o=e.td2Props?x.createElement("td",{...e.td2Props,onContextMenu:l.onContextMenu}):null;return x.createElement(x.Fragment,null,e.children&&q(e.children,{...l}),o)},fn=e=>{const{cellProps:t}=e,r=W(t),{tdProps:n,td2Props:l,content:a,renderToggleCell:o}=Qt(t),i=Zt(t);if(i){const e=V(i);return x.createElement(hn,{cellProps:r,tdProps:n,td2Props:l,isCustom:!0,isClient:e,renderToggleCell:!0},x.createElement(i,{...r,tdProps:n,td2Props:l},a))}const s=n?x.createElement("td",{...n,key:null==n?void 0:n.key},a):null;return x.createElement(hn,{cellProps:r,renderToggleCell:o,tdProps:n,td2Props:l,content:a},s)},vn=x.forwardRef(((e,t)=>{var r,i,s,c,d,u,m,p,g,h,f,v;const C=e.id+"-role-element-id",E=e.navigatable?C:"";let b=e.columnsState||[];const I=e=>{const t=e.filter((e=>e&&e.type&&"KendoReactGridColumn"===e.type.displayName));return T(t,b,{prevId:0,idPrefix:E})},k=e=>{const t=(()=>{const e=[],t=(r,n)=>null==r?void 0:r.forEach((r=>{const l=r.hidden||n;e.push({...r,hidden:l}),t(r.children,l)}));return t(b,!1),e})();return e.filter((e=>{var r;return!(e.hidden||null!=(r=t.find((t=>t.id===e.id)))&&r.hidden)}))},S=(t,r)=>{var n;t.filter((t=>e.selectedField&&t.field===e.selectedField||"checkbox"===t.columnType)).forEach((t=>{t.width=t.width||"50px",t.defaultCell=e.isClient?sn:on,t._type="edit",t.headerCell=t.headerCell||nr})),void 0!==ee&&t.filter((e=>"reorder"===e.columnType)).forEach((t=>{t.width=t.width||"50px",t.defaultCell=e.isClient?zr:mn,t.headerCell=t.headerCell||Kr,t.sortable=!1,t.filterable=!1,t.editable=!1}));const o=z(b);((e,t)=>{const r=e=>{var n;const l=t.find((t=>t.id===e.id));return l?(l.children=null==(n=e.children)?void 0:n.map(r),l):A(e)};b=e.filter((e=>-1===e.parentIndex)).map(r)})(t,o);const i={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 s=0;if((e.expandField||de.enabled)&&e.detail){const r={...i,_type:"expand",id:l.tableKeyboardNavigationTools.generateNavigatableId(""+s++,"expand","column"),defaultCell:e.isClient?ot:dn,field:null!=(n=de.column)?n:e.expandField,headerClassName:a.classNames(Z.hierarchyCell({}))};t.unshift(r),b.unshift(o.find((e=>e.id===r.id))||A(r))}for(let n=0;n<r;n++){const r={...i,isAccessible:!1,defaultCell:e.isClient?tr:fn,id:l.tableKeyboardNavigationTools.generateNavigatableId(""+s++,"group","column"),field:"value",locked:e.lockGroups};t.unshift(r),b.unshift(o.find((e=>e.id===r.id))||A(r))}t.slice(s).forEach((e=>{e.parentIndex>=0&&(e.parentIndex+=s),e.rowSpannable=void 0!==e.rowSpannable?_(e.rowSpannable):Ee}))},w=()=>e.isClient?K:W,R=t=>{const r=[];let n=null,l=0;if(Re.forEach(((e,a)=>{const o=parseFloat((e.width||"").toString())||10;if(l)return l--,void(n&&(n.width+=o));const i=Math.min(((e,t)=>"function"==typeof e.colSpan?e.colSpan({dataItem:t,column:e}):e.colSpan||1)(e,t),Re.length-a);l=i-1,n={width:o,colSpan:i,columnIndex:a},r.push(n)})),e.columnVirtualization){const t=U.current||0,n=j.current||parseFloat(((e.style||{}).width||"").toString());return function(e){const{cellModels:t,columns:r=[],tableViewPortWidth:n,scrollLeft:l}=e;let a=0,o=t.length-1,i=0,s=0;for(let e=0;e<t.length;e++)if(!r[t[e].columnIndex].locked&&(i=s,s+=t[e].width||10,s>=l)){a=e;break}for(let e=a;e<t.length;e++)if(!r[t[e].columnIndex].locked){if(!(i<n+l))break;i+=t[e].width||10,o=e}a>0&&a--,o<t.length-1&&o++;let c=0,d=0;for(let e=0;e<a;e++)r[t[e].columnIndex].locked||(c+=t[e].colSpan);for(let e=o+1;e<t.length;e++)r[t[e].columnIndex].locked||(d+=t[e].colSpan);return t[a].colSpan+=c,t[o].colSpan+=d,t.slice(a,o+1)}({cellModels:r,columns:Re,tableViewPortWidth:n,scrollLeft:t})}return r};let G,O=[],K=[],W=[],q=[[]];const U=e.scrollLeftRef||{current:0},j=e.widthRef||{current:0},$=e.containerHeightRef||{current:0},X=e.minRowHeightRef||{current:0},Y=e.localization||new o.LocalizationService(e.language),J=e.intl||new o.IntlService(null!=(r=e.locale)?r:"en"),Q=e.unstyled,Z=Q&&Q.uGrid?Q.uGrid:a.uGrid,ee=B(e.rowReorderable),te="virtual"===e.scrollable,re=!0===e.autoProcessData?{group:!0,sort:!0,filter:!0,search:!0,page:!0}:e.autoProcessData;let ne,le;if(Array.isArray(e.data)?(ne=e.data,le=null!=(i=e.total)?i:ne.length):(ne=(null==(s=e.data)?void 0:s.data)||[],le=null!=(u=null!=(d=e.total)?d:null==(c=e.data)?void 0:c.total)?u:ne.length),re){const t=re.page&&!(te&&!e.pageable),{data:r,total:a}=n.process(ne,{group:re.group?e.group:void 0,sort:re.sort?e.sort:void 0,filter:l.combineFilters(re.filter?e.filter:void 0,re.search?e.search:void 0),...t?{take:e.pageable?e.take||10:e.take,skip:e.skip||0}:{}});ne=r,le=null!=(m=e.total)?m:a}const ae=ne.length===le,{size:oe="medium"}=e,ie="object"==typeof e.groupable&&e.groupable.footer||"none",se=!0===e.groupable||"object"==typeof e.groupable&&!1!==e.groupable.enabled,de=l.getDetailExpandableOptions(!!e.detail),ue=l.getGroupExpandableOptions("object"==typeof e.groupable&&!1!==e.groupable.enabled?e.groupable.expandable:e.groupable),me=!(null==(p=e.group)||!p.length),{resolvedGroupsCount:pe,flattedData:ge}=((e,t,r,n,l,a,o,i)=>{const s=[];return{flattedData:s,resolvedGroupsCount:N(s,e,t,{index:r},void 0!==n,l,a,o,ue.defaultExpand,i)}})(ne,ie,ae?0:e.skip||0,e.group,e.expandField,e.detailExpand,e.groupExpand,e.dataItemKey);O=ge;const he=(()=>{const{pageable:t,take:r,pageSize:n}=e;if(!te)return 0;if(!t){if(r)return r;if(n)return n}const l=e.rowHeight||X.current,a=$.current;return a&&l?Math.ceil(a/l*1.5):0})(),fe=(null==(g=e.virtualSkipRef)?void 0:g.current)||0;let ve=le;if(te){let t=e.skip||0;(me||e.pageable)&&(t=fe,ve=O.length),(ae||me||e.pageable)&&(G=O.slice(t,t+he))}const Ce=l.getSelectionOptions(e.selectable||!!e.selectedField),Ee=_(e.rowSpannable),be=Ce&&Ce.drag?"none":void 0,xe=x.useMemo((()=>x.Children.toArray(e.children)),[e.children]);((t,r)=>{var n;K=I(t),0===K.filter((e=>!e.hidden)).length&&(K=function(e,t,r,n){const a=M(e),o=[];if(a.length>0){let e=a[0];if(t)for(let r=0;r<t.length;r++)e=e.items&&e.items[0];Object.getOwnPropertyNames(e).forEach((e=>{e!==r.column&&o.push(Object.assign({id:l.tableKeyboardNavigationTools.generateNavigatableId(""+n.prevId++,n.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 o}(ne,e.group,{column:null!=(n=de.column)?n:e.expandField},{prevId:0,idPrefix:E})),S(K,r),K=k(K),q=function(e,t){const r=[[]];let n=0;for(let t=e.length-1;t>=0;t--)n=Math.max(n,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 a=[];let o=1;return e.forEach(((e,t)=>{r[e.depth]=r[e.depth]||[];let l=!1;0===r[e.depth].length&&(o<=1?o=1+(e.children.length>0?0:n-e.depth):(o--,l=!0)),e.rowSpan=1+(e.children.length>0?0:n-e.depth),e.kFirst=l,e.index=r[e.depth].length,r[e.depth].push(t),e.ariaColumnIndex=a[e.depth]?a[e.depth]+1:1;for(let t=e.depth;t<e.depth+e.rowSpan;t++)a[t]=(a[t]||0)+e.headerColSpan})),l.updateLeft(r,e,t),l.updateRight(r,e,t),r}(K,!0),W=K.map(F)})(xe,pe);const Ie=x.useMemo((()=>{const t=Xr(e,K);return{premium:t.length>0,features:t}}),[e,K]),ye=x.useMemo((()=>!!Ie.premium&&!a.validatePackage(cr,{component:"Grid",features:Ie.features})),[Ie.premium]),ke=xe.map((e=>e&&e.type&&"KendoReactGridToolbar"===e.type.displayName?x.cloneElement(e,{...e.props,ariaControls:C}):null)),Se=xe.filter((e=>e&&e.type&&"KendoReactGridNoRecords"===e.type.displayName)),we=xe.filter((e=>e&&e.type&&"KendoReactGridStatusBar"===e.type.displayName)),Re=K.filter((e=>0===e.children.length)),Pe=se&&x.createElement(qt,{columns:w(),group:e.group||[],ariaControls:C}),Ne=x.createElement(mt,{size:oe,staticHeaders:"none"!==e.scrollable,draggable:e.reorderable||se,headerRow:x.createElement(Pt,{cells:e.cells,sort:e.sort,sortable:e.sortable,group:e.group||[],groupable:se,filter:e.filter,filterable:e.filterable,filterOperators:e.filterOperators||Tt,columnMenu:e.columnMenu,columnMenuIcon:e.columnMenuIcon,columns:K,columnsMap:q,cellRender:e.headerCellRender,navigatable:!!e.navigatable,localization:Y,unstyled:Q,headerSelectionValue:!(!e.select||!O.filter((e=>"data"===e.rowType)).every((t=>e.select&&e.dataItemKey&&void 0!==a.getter(e.dataItemKey)(t.dataItem)?e.select[a.getter(e.dataItemKey)(t.dataItem)]:void 0)))}),filterRow:e.filterable&&x.createElement(Wt,{cells:e.cells,size:oe,columns:K,filter:e.filter,filterOperators:e.filterOperators||Tt,sort:e.sort,cellRender:e.filterCellRender,navigatable:!!e.navigatable,ariaRowIndex:q.length+1,localization:Y})||void 0,cols:Re.map(((e,t)=>x.createElement("col",{key:t.toString(),width:D(e)})))}),Te=Re.findIndex((e=>"function"==typeof e.colSpan))>-1;let Me;Te||(Me=R(null));const De="dialog"===(null==(h=e.editable)?void 0:h.mode),Le=null==(f=e.editable)?void 0:f.enabled;let Ge=null;const Fe=e=>e>=O.length-0,Ae=[],Oe=!O.length;let ze=0;if(O.length){const t=q.length+(e.filterable?1:0)+1;let r=e.skip||0,n=-1,o=0;const i=Ee.enabled?{}:void 0;te&&(n+=fe,r+=fe,e.pageable||(n+=e.skip||0)),(G||O).forEach(((s,c)=>{"data"===s.rowType&&n++;const d=s.dataIndex%2!=0,u=e.dataItemKey&&a.getter(e.dataItemKey)(s.dataItem),m=c+r,p=u||"ai"+m,g=p+"_1",h=((t,r,n,o,i)=>{let s=!1;const c=e.selectedField?P(e.selectedField,t.dataItem):e.select&&e.dataItemKey&&void 0!==a.getter(e.dataItemKey)(t.dataItem)?e.select[a.getter(e.dataItemKey)(t.dataItem)]:void 0;return Te&&(Me=R(t.dataItem)),{row:Me.map((({columnIndex:d,colSpan:u})=>{var m,p,g,h;const f=Re[d];let v;if(null!=(m=f.rowSpannable)&&m.enabled&&"data"===t.rowType&&f.field&&i){const e=f.field?null==(g=(p=f.rowSpannable).valueGetter)?void 0:g.call(p,t.dataItem,f.field):null;v={value:e,count:1},i[f.field]&&(null==(h=i[f.field])?void 0:h.value)===e&&null!==i[f.field]?(i[f.field].count++,v.count=null):i[f.field]=v}const C=f.id?f.id:d,b=a.classNames(Z.contentSticky({locked:f.locked}),f.className),I=void 0!==f.left?{left:f.left,right:f.right}:{};let y=!1;if(f.editable&&(e.editable||e.editField)){const r=e.editField?P(e.editField,t.dataItem):e.edit&&e.dataItemKey?e.edit[a.getter(e.dataItemKey)(t.dataItem)]:void 0,n="boolean"==typeof r?r:Array.isArray(r)?r.indexOf(f.field)>-1:void 0!==f.field&&r===f.field;n&&"data"===f.columnType&&(!0===n||n===f.field)&&(s=!0,De||(y=!0))}const k=e.expandField&&e.detail&&f.field===e.expandField||"expand"===f._type,S={locked:e.lockGroups,id:l.tableKeyboardNavigationTools.generateNavigatableId(`${r}-${String(d)}`,E,k||"groupHeader"===t.rowType||"groupFooter"===t.rowType||"value"===f.field?"nodata":"cell"),colSpan:u,dataItem:t.dataItem,field:f.field,editor:f.editor,format:f.format,columnType:f.columnType,rowReorderable:ee,className:b,render:e.cellRender,cells:H(e.cells,f.cells),columnIndex:d,columnsCount:Re.length,rowType:t.rowType,level:t.level,expanded:t.expanded,dataIndex:t.dataIndex,rowDataIndex:n,columnPosition:I,style:{},ariaColumnIndex:f.ariaColumnIndex,isSelected:"edit"===(null==f?void 0:f._type)?c:Array.isArray(c)&&c.indexOf(d)>-1,isSorted:!!L(f.field,e.sort),isInEdit:y,isAlt:o,unstyled:Q,group:t.group,localization:Y,intl:J,_rowSpan:v};if(f.cell)return x.createElement(wr,{key:C,isClient:V(f.cell),dataItem:S.dataItem,rowDataIndex:S.rowDataIndex,columnIndex:S.columnIndex,columnPosition:S.columnPosition},x.createElement(f.cell,{...S}));const w=f.defaultCell||y&&(e.isClient?ut:en)||(e.isClient?Yt:Qr);return x.createElement(w,{key:C,cellProps:S})})),isInEdit:s,isSelected:"boolean"==typeof c&&c}})(s,p,n,d,i);if(ze=m+t+o,De&&Le&&h.isInEdit&&(Ge=s.dataItem),Ae.push(x.createElement(rr,{key:p,dataItem:s.dataItem,isAltRow:d,isInEdit:h.isInEdit&&!De,rowType:s.rowType,isRowReorderable:ee,isHidden:Fe(c),onClick:null,onDoubleClick:null,selectedField:e.selectedField,rowHeight:e.rowHeight,render:e.rowRender,ariaRowIndex:ze,absoluteRowIndex:m,dataIndex:n,isSelected:h.isSelected,rows:e.rows},h.row)),e.detail&&"data"===s.rowType&&s.expanded){const r=Re.length-(e.expandField||de.enabled?1:0)-(e.group?e.group.length:0)||1;o++,ze=m+t+o;const n=e.isClient?mr:gn;Ae.push(x.createElement("tr",{key:g,className:a.classNames(Z.detailTr({isAlt:d})),style:{visibility:Fe(c)?"hidden":"",height:e.detailRowHeight},role:"row","aria-rowindex":ze},e.group&&e.group.map(((t,r)=>{var n;const l=null==(n=null==h?void 0:h.row[r])?void 0:n.props.style,a=l?{left:l.left,right:l.right}:{};return x.createElement(tr,{key:r,cellProps:{id:"",dataItem:s.dataItem,field:t.field,dataIndex:s.dataIndex,columnPosition:a,style:{},ariaColumnIndex:1+r,isSelected:!1,locked:e.lockGroups,cells:e.cells,group:s.group}})})),(e.expandField||de.enabled)&&x.createElement(pr,{unstyled:Q,id:l.tableKeyboardNavigationTools.generateNavigatableId(`${g}-dhcell`,E)}),x.createElement(n,{dataItem:s.dataItem,dataIndex:s.dataIndex,colSpan:r,ariaColIndex:2+(e.group?e.group.length:0),detail:e.detail,id:l.tableKeyboardNavigationTools.generateNavigatableId(`${g}-dcell`,E)})))}}))}const Ke={size:oe,total:le,skip:e.skip||0,take:(void 0!==e.take?e.take:e.pageSize)||10,...sr(e.pageable||{})},He=x.createElement(xr,null,e.pager?x.createElement(e.pager,{...Ke}):x.createElement(l.Pager,{className:a.classNames(Z.pager({})),...Ke})),Be=null!=(v=e.cells)&&v.footerCell||K.some((e=>{var t;return!!(e.footerCell||null!=(t=e.cells)&&t.footerCell)}))?x.createElement(Ut,{size:oe,staticHeaders:"none"!==e.scrollable,row:x.createElement(ir,{cells:e.cells,idPrefix:E,columns:K,ariaRowIndex:ze+1}),cols:Re.map(((e,t)=>x.createElement("col",{key:t.toString(),width:D(e)})))}):null,Ve=x.createElement(hr,null,Re.map(((t,r)=>x.createElement("col",{key:r.toString(),className:L(t.field,e.sort)?a.classNames(Z.sorted({})):void 0,width:D(t)})))),We=e.reorderable||se,{detail:_e,cells:Ue,rows:je,...$e}=e,Xe=x.createElement("tbody",{role:"rowgroup",className:a.classNames(Z.tbody({})),...l.tableKeyboardNavigationBodyAttributes},Ae),Ye=Ge?x.createElement(Yr,{columns:Re,customEditDialog:e.editDialog,dataItem:Ge}):null;let Je=Xe;return ee&&(Je=x.createElement(Gr,{unstyled:Z,columns:K,rowReorderSettings:e.rowReorderable},Xe)),"none"===e.scrollable?x.createElement(ce,{gridRef:t,gridProps:$e,columnsRef:w(),columnsMapRef:q,columnsState:b,dataRef:O,id:C,virtualTotal:ve,isAllData:ae,virtualPageSize:he,isVirtualScroll:te,detailExpandable:!!e.detail},x.createElement(yr,null,x.createElement("div",{id:e.id,style:e.style,className:a.classNames(Z.wrapper({size:oe}),e.className),"aria-label":e.ariaLabel,...l.tableKeyboardNavigationScopeAttributes},ke,Pe,x.createElement(fr,{selectable:e.selectable,className:a.classNames(Z.table({size:oe}))},Ve,Ne,x.createElement(Er,{rowReorderable:ee},Je),Be),Oe&&x.createElement(gr,null,Se.length?Se:x.createElement(lr,null)),We&&x.createElement(x.Fragment,null,x.createElement(vr,null),x.createElement(Cr,null)))),we,e.pageable&&He,x.createElement(Br,{loader:e.loader,showLoader:e.showLoader}),Ye,ye&&x.createElement(a.WatermarkOverlay,null)):x.createElement(ce,{gridRef:t,gridProps:$e,columnsRef:w(),columnsMapRef:q,columnsState:b,dataRef:O,id:C,virtualTotal:ve,isAllData:ae,virtualPageSize:he,isVirtualScroll:te,detailExpandable:!!e.detail},x.createElement(yr,null,x.createElement("div",{id:e.id,style:e.style,className:a.classNames(Z.wrapper({size:oe,virtual:te}),e.className),"aria-label":e.ariaLabel,...l.tableKeyboardNavigationScopeAttributes},ke,Pe,x.createElement("div",{className:a.classNames(Z.ariaRoot({})),role:"grid","aria-colcount":Re.length,"aria-rowcount":le,id:C,"aria-label":Y.toLanguageString(qe,Qe[qe])},Ne,x.createElement("div",{className:a.classNames(Z.container({})),role:"presentation"},x.createElement(kr,null,x.createElement("div",{className:a.classNames(Z.content({})),role:"presentation"},x.createElement("div",{className:a.classNames(Z.tableWrap({})),role:"presentation"},x.createElement(Ir,{selectable:e.selectable,tableClassName:a.classNames(Z.table({size:oe})),tableStyle:{userSelect:be}},Ve,x.createElement(Er,{rowReorderable:ee},Je)),Oe&&x.createElement(gr,null,Se.length?Se:x.createElement(lr,null))),te&&x.createElement("div",{className:a.classNames(Z.heightContainer({})),role:"presentation"},x.createElement(Sr,{isVirtualScroll:te}))))),Be,We&&x.createElement(x.Fragment,null,x.createElement(vr,null),x.createElement(Cr,null)),ye&&x.createElement(a.WatermarkOverlay,null)),we,e.pageable&&He,x.createElement(Br,{loader:e.loader,showLoader:e.showLoader}),Ye)))}));vn.displayName="KendoReactGridComponent";const Cn=x.forwardRef(((e,t)=>{const{isPaid:r}={isPaid:!0},[n]=a.useCustomComponent(r?$:x.Fragment);return k===S?x.createElement(n,{...e},x.createElement(X,{id:e.id},x.createElement(vn,{ref:t,...e}))):x.createElement(o.ServerGlobalization,{locale:e.locale,language:e.language},x.createElement(vn,{ref:t,...e}))})),En={data:r.oneOfType([r.array,r.shape({data:r.array,total:r.number})]),sortable:r.oneOfType([r.bool,r.shape({mode:r.oneOf(["single","multiple"]),allowUnsort:r.bool})]),onSortChange:r.func,sort:r.array,filterable:r.bool,filter:r.any,onFilterChange:r.func,pageable:r.oneOfType([r.bool,r.shape({buttonCount:r.number,responsive:r.bool,info:r.bool,type:r.oneOf(["numeric","input"]),pageSizes:r.oneOfType([r.bool,r.arrayOf(r.oneOfType([r.string,r.number]))]),previousNext:r.bool})]),pageSize:r.number,onPageChange:r.func,total:r.number,skip:r.number,take:r.number,fixedScroll:r.bool,onExpandChange:r.func,expandField:r.string,selectedField:r.string,onSelectionChange:r.func,onHeaderSelectionChange:r.func,resizable:r.bool,reorderable:r.bool,group:r.any,groupable:r.oneOfType([r.bool,r.shape({enabled:r.bool,footer:r.oneOf(["always","visible","none"])})]),onGroupChange:r.func,onRowClick:r.func,onRowDoubleClick:r.func,onItemChange:r.func,editField:r.string,scrollable:r.oneOf(["none","scrollable","virtual"]),rowHeight:r.number,detailRowHeight:r.number,detail:r.any,style:r.object,onDataStateChange:r.func,onColumnResize:r.func,onColumnReorder:r.func,dataItemKey:r.string,navigatable:r.oneOfType([r.bool,r.shape({mode:r.oneOf(["incell","inline","popup"])})]),size:r.oneOf(["small","medium"])};Cn.displayName="KendoReactGrid",Cn.propTypes=En;const bn=e=>{const{children:t,id:r,className:n,style:l}=e;return x.createElement("div",{id:r,className:a.classNames("k-columnmenu-item-wrapper",n),style:l},t)},xn=e=>{const{title:t,iconClass:r,svgIcon:n,selected:l,expandable:o,expanded:s}=e,c=x.useContext(se);let d;return o&&(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":"")},(r||n)&&x.createElement(a.IconWrap,{name:r&&a.toIconName(r),icon:n}),t,x.createElement("span",{className:"k-spacer"}),o&&x.createElement(a.IconWrap,{icon:d}))},In="desc",yn=(e,t)=>t?t.findIndex((t=>t.field===e)):-1,kn=(e,t)=>!!(t&&e>-1&&"asc"===t[e].dir),Sn=(e,t)=>!!(t&&e>-1&&t[e].dir===In),wn=e=>{const{children:t,id:r,className:n,style:l,show:o}=e;return x.createElement("div",{id:r,className:a.classNames("k-columnmenu-item-content",n),style:l,tabIndex:0},x.createElement(E.Reveal,{style:{position:"relative",display:"block"}},o?t:null))},Rn=e=>{const t=x.useContext(se),r=t=>{Ft(t.value,t.syntheticEvent,e)},n=t=>{Kt(t,e.value,e.onChange)},l=t=>{zt(t,e.onChange)};return x.createElement(x.Fragment,null,(()=>{if("boolean"===e.filterType)return;const r=e.operators.find((t=>t.operator===e.operator))||null;return x.createElement(p.DropDownList,{adaptive:t.adaptive,size:t.mobileMode?"large":"medium",value:r,onChange:n,data:e.operators,textField:"text"})})(),((e,n,a)=>{switch(e){case"numeric":return x.createElement(c.NumericTextBox,{value:n,size:t.mobileMode?"large":"medium",onChange:r,rangeOnEnter:!1});case"date":return x.createElement(d.DatePicker,{value:n,size:t.mobileMode?"large":"medium",onChange:r});case"boolean":{const e=e=>null==e;return x.createElement(p.DropDownList,{adaptive:t.adaptive,onChange:l,size:t.mobileMode?"large":"medium",value:a.find((t=>t.operator===(e(n)?"":n))),data:a,textField:"text"})}default:return x.createElement(c.Input,{className:"k-input-lg",value:n||"",onChange:r})}})(e.filterType,e.value,e.booleanValues))},Pn=e=>{const{firstFilterProps:t,hideSecondFilter:r,secondFilterProps:n,logicValue:l,onLogicChange:a}=e,o=x.useContext(se),i="and"===(null==l?void 0:l.operator);return x.createElement(x.Fragment,null,x.createElement(Rn,{...t}),!r&&x.createElement(x.Fragment,null,x.createElement(m.ButtonGroup,null,x.createElement(m.Button,{type:"button",value:"and",size:o.mobileMode?"large":"medium",togglable:!0,selected:i,onClick:a},"And"),x.createElement(m.Button,{type:"button",value:"or",size:o.mobileMode?"large":"medium",togglable:!0,selected:!i,onClick:a},"Or")),x.createElement(Rn,{...n})))},Nn=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))),Tn=e=>{const r=o.useLocalization(),n=t.useContext(se),{actionSheetRef:l,secondViewRef:a}=t.useContext(pt),c="rtl"===n.dir?i.chevronRightIcon:i.chevronLeftIcon;t.useEffect((()=>{n.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",2)}),[]);return t.createElement(t.Fragment,null,g.createPortal(t.createElement(t.Fragment,null,e.FilterUI?t.createElement(e.FilterUI,{...e.filterUIProps}):t.createElement(t.Fragment,null,t.createElement(s.ActionSheetHeader,null,t.createElement("div",{className:"k-actionsheet-titlebar-group"},t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",onClick:()=>{n.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",1),e.onBackView&&e.onBackView()},svgIcon:c,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(s.ActionSheetContent,null,t.createElement("div",{className:"k-filter-menu"},t.createElement("div",{className:"k-filter-menu-container"},t.createElement(Pn,{...e.filterUIProps})))),t.createElement(s.ActionSheetFooter,null,t.createElement(Nn,{onApply:e.submit,onReset:e.clear,resetIcon:i.filterClearIcon,submitIcon:i.filterIcon,submitMessage:r.toLanguageString(ke,Qe[ke]),resetMessage:r.toLanguageString(Ie,Qe[Ie]),submitDisabled:!e.isFilterValid})))),a.current.current))},Mn=e=>e||{filters:[],logic:"and"},Dn=(e,t)=>Mn(t).filters.filter((t=>!!n.isCompositeFilterDescriptor(t)&&(t.filters&&t.filters.length&&!t.filters.find((t=>n.isCompositeFilterDescriptor(t)||t.field!==e)))))[0]||null,Ln=e=>{const r=t.useContext(se),n=o.useLocalization(),{actionSheetRef:l,secondViewRef:a}=t.useContext(pt),d="rtl"===r.dir?i.chevronRightIcon:i.chevronLeftIcon,u=n.toLanguageString(Je,Qe[Je]);t.useEffect((()=>{null!=r&&r.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",2)}),[]);return t.createElement(t.Fragment,null,g.createPortal(t.createElement(t.Fragment,null,t.createElement(s.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!=r&&r.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",1)},svgIcon:d,fillMode:"flat"})),t.createElement("div",{className:"k-actionsheet-title"},t.createElement("div",{className:"k-text-center"},u)),t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",svgIcon:i.xIcon,onClick:e.handleClose,fillMode:"flat"})))),t.createElement(s.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(c.Checkbox,{size:r.mobileMode?"large":"medium",label:n.toLanguageString(Te,Qe[Te]),onChange:t=>e.handleCheckBoxChange(t,"all"),checked:e.isAllSelected()})),e.currentData.map(((n,l)=>t.createElement("li",{className:"k-item",key:`colmenu-checkbox-item-${l}`},t.createElement(c.Checkbox,{size:r.mobileMode?"large":"medium",label:String(n),onChange:t=>e.handleCheckBoxChange(t,n),checked:e.uniqueFilterValues.includes(n)}))))),t.createElement("div",{className:"k-filter-selected-items"},e.uniqueFilterValues.length+" "+n.toLanguageString(Le,Qe[Le]))))),t.createElement(s.ActionSheetFooter,null,t.createElement(Nn,{onApply:e.submit,onReset:e.clear,submitMessage:n.toLanguageString(ke,Qe[ke]),resetMessage:n.toLanguageString(Ie,Qe[Ie])}))),a.current.current))},Gn={uniqueData:!0},Fn=e=>{const[t,r]=x.useState(""),n=e.columns.reduce(((t,r)=>({...t,[r.id||""]:!!e.columnsState.find((e=>e.id===r.id))})),{}),[l,s]=x.useState(n),d=x.useMemo((()=>e.columns.filter((e=>{var r;return null==(r=e.title||e.field)?void 0:r.toLowerCase().includes(t.toLowerCase())}))),[e.columns,t]),u=o.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]),h=x.useMemo((()=>g===e.columns.length),[e.columns,g]),f=x.useCallback((()=>{const e={...l};Object.keys(e).forEach(((t,r)=>e[t]=!(!h||0!==r)||!h)),s(e)}),[l,h]),v=x.useCallback(((e,t)=>{const r={...l};r[t||""]=e,s(r)}),[l]);return x.createElement("form",{className:"k-filter-menu"},x.createElement("div",{className:"k-filter-menu-container"},x.createElement(c.TextBox,{className:"k-searchbox",value:t,onChange:e=>{r(String(e.target.value))},prefix:()=>x.createElement(c.InputPrefix,null,x.createElement(a.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(c.Checkbox,{checked:h,onChange:f,label:u.toLanguageString(De,Qe[De])})),d.map(((e,t)=>x.createElement("li",{key:e.id,className:"k-item"},x.createElement(c.Checkbox,{disabled:l[e.id||""]&&1===g,checked:l[e.id||""],onChange:t=>{var r;return v(!(null==(r=t.target.element)||!r.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(xe,Qe[xe])),x.createElement(m.Button,{type:"button",onClick:()=>{s(n)}},u.toLanguageString(ye,Qe[ye])))))};Fn.displayName="GridColumnMenuColumnsList";const An=e=>{const r=o.useLocalization(),n=t.useContext(se),{actionSheetRef:l,secondViewRef:d}=t.useContext(pt),u="rtl"===n.dir?i.chevronRightIcon:i.chevronLeftIcon,p=r.toLanguageString(Xe,Qe[Xe]),h=r.toLanguageString(Ye,Qe[Ye]);t.useEffect((()=>{n.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",2)}),[]);return t.createElement(t.Fragment,null,g.createPortal(t.createElement(t.Fragment,null,t.createElement(s.ActionSheetHeader,null,t.createElement("div",{className:"k-actionsheet-titlebar-group"},t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",onClick:()=>{n.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",1),e.onBackView&&e.onBackView()},svgIcon:u,fillMode:"flat"})),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"},h)),t.createElement("div",{className:"k-actionsheet-actions"},t.createElement(m.Button,{type:"button",svgIcon:i.xIcon,onClick:e.handleClose,fillMode:"flat"})))),t.createElement(s.ActionSheetContent,null,t.createElement("div",{className:"k-filter-menu"},t.createElement("div",{className:"k-filter-menu-container"},t.createElement(c.TextBox,{size:n.mobileMode?"large":"medium",className:"k-searchbox",value:e.filter,onChange:e.onFilter,prefix:()=>t.createElement(c.InputPrefix,null,t.createElement(a.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(c.Checkbox,{size:n.mobileMode?"large":"medium",checked:e.allSelected,onChange:e.onSelectAll,label:r.toLanguageString(De,Qe[De])})),e.filtered.map(((r,l)=>t.createElement("li",{key:r.id,className:"k-item"},t.createElement(c.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," ",r.toLanguageString($e,Qe[$e]))))),t.createElement(s.ActionSheetFooter,null,t.createElement(Nn,{onApply:e.onApply,onReset:e.onReset,resetMessage:r.toLanguageString(ye,Qe[ye]),submitMessage:r.toLanguageString(xe,Qe[xe])}))),d.current.current))},On=e=>{const{columnsState:t,onCloseMenu:r,onColumnsStateChange:n}=e,l=o.useLocalization(),s=x.useContext(se),[d,u]=x.useState(""),[p,g]=x.useState(e.expanded||!1),[h,f]=x.useState(!1),v=t.reduce(((e,t)=>({...e,[t.id||""]:!t.hidden})),{}),[C,E]=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]),I=x.useMemo((()=>Object.values(C).filter((e=>e)).length),[C]),y=x.useMemo((()=>I===(null==t?void 0:t.length)),[t,I]),k=x.useCallback((e=>{e.preventDefault();const l=(e=>(null==e?void 0:e.map((e=>({...e,hidden:!C[e.id||""]}))))||[])(t);n&&n(l),null==r||r.call(void 0)}),[C,t,r]),S=e=>{e.preventDefault(),E(v)},w=x.useCallback((()=>{const e={...C};Object.keys(e).forEach(((t,r)=>e[t]=!(!y||0!==r)||!y)),E(e)}),[C,y]),R=x.useCallback(((e,t)=>{const r={...C};r[t||""]=e,E(r)}),[C]),P=e=>{u(String(e.target.value))},N=x.useCallback((()=>{const t=T(),r=!(t?e.expanded:p);e.onExpandChange&&e.onExpandChange(r),f(!h),!t&&!s.mobileMode&&g(r)}),[p]),T=()=>void 0!==e.expanded,M=T()?e.expanded:p;return x.createElement(bn,null,x.createElement("div",{className:"k-expander"},!(e.alwaysExpand&&!s.mobileMode)&&x.createElement(xn,{title:l.toLanguageString(Xe,Qe[Xe]),iconClass:"k-i-filter",svgIcon:i.columnsIcon,expandable:!0,expanded:!!M,onClick:N})),s.mobileMode&&h?x.createElement(x.Fragment,null,x.createElement(An,{onBackView:()=>{f(!1)},handleClose:()=>{f(!1),e.onCloseMenu&&e.onCloseMenu()},onApply:k,onReset:S,filter:d,onFilter:P,allSelected:y,onSelectAll:w,filtered:b,selectedColumns:C,checkedCount:I,onCheckChange:R})):x.createElement(wn,{show:(e.alwaysExpand||!!M)&&!s.mobileMode},x.createElement("form",{onSubmit:k,onReset:S,className:"k-filter-menu"},x.createElement("div",{className:"k-filter-menu-container"},x.createElement(c.TextBox,{className:"k-searchbox",value:d,onChange:P,prefix:()=>x.createElement(c.InputPrefix,null,x.createElement(a.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(c.Checkbox,{checked:y,onChange:w,label:l.toLanguageString(De,Qe[De])})),b.map(((e,t)=>x.createElement("li",{key:e.id,className:"k-item"},x.createElement(c.Checkbox,{disabled:C[e.id||""]&&1===I,checked:C[e.id||""],onChange:t=>{var r;return R(!(null==(r=t.target.element)||!r.checked),e.id)},label:e.title||e.field}))))),x.createElement("div",{className:"k-filter-selected-items"},I," ",l.toLanguageString($e,Qe[$e])),x.createElement("div",{className:"k-actions k-actions-start k-actions-horizontal"},x.createElement(m.Button,{type:"submit",themeColor:"primary"},l.toLanguageString(xe,Qe[xe])),x.createElement(m.Button,{type:"reset"},l.toLanguageString(ye,Qe[ye])))))))};On.displayName="GridColumnMenuColumnsChooser";const zn=e=>{const{size:t,className:r,ariaLabel:n,ariaControls:l,children:o}=e;return x.createElement("div",{className:a.classNames("k-toolbar k-grid-toolbar k-toolbar-solid",{"k-toolbar-md":!t,[`k-toolbar-${a.kendoThemeMaps.sizeMap[t]||t}`]:t},r),"aria-label":n,"aria-controls":l,role:"toolbar"},o)};zn.displayName="KendoReactGridToolbar";const Kn=e=>{const{data:t=[]}=e,r=!a.validatePackage(cr,{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)))),r&&x.createElement(a.WatermarkOverlay,null))};Kn.displayName="KendoReactGridStatusBar";const Hn=e=>{var t;const r=e.slice();for(let e=0;e<r.length;e++)for(;r[e]&&null!=(t=r[e].children)&&t.length;)r.splice(e,1,...r[e].children);return r};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=Z,e.GRID_PREVENT_SELECTION_ELEMENT=ee,e.GRID_ROW_INDEX_ATTRIBUTE=Q,e.Grid=Cn,e.GridCell=Yt,e.GridColumn=I,e.GridColumnMenuCheckboxFilter=e=>{const{uniqueData:t=Gn.uniqueData}=e,r=x.useContext(se),l=(t,r)=>{const n=e.column.field||"",l=t.map((e=>P(n,e)));return r?l.filter(((e,t)=>l.indexOf(e)===t)):l},s=()=>e.filter?a.clone(e.filter):{filters:[],logic:"and"},d=x.useRef((()=>{const t=e.column.field;return s().filters.findIndex((e=>e.filters&&e.filters.length>0&&e.filters[0].field===t))})()),[u,p]=x.useState(e.expanded||!1),[g,h]=x.useState(!1),[f,v]=x.useState(""),[C,E]=x.useState(l(e.data,t)||[]),[b,I]=x.useState(l(e.data,!1)||[]),[y,k]=x.useState(s());x.useEffect((()=>{const t=e.column.field||"",r=e.data.map((e=>P(t,e)));((e,t)=>e.length===t.length&&e.every(((e,r)=>e===t[r])))(r,b)||(E(r),I(r))}),[e.column,e.data]);const S=()=>void 0!==e.expanded,w=r=>{const a=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",o={logic:"and",filters:[{field:e.column.field,operator:a,value:r.target.value,ignoreCase:!0}]};v(r.target.value),E(l(n.filterBy(e.data||[],o),t))},R=t=>{if(t.preventDefault(),!e.onFilterChange)return;const r=y||null;null!==r&&r.filters.length>0?(d.current>=0&&r.filters.splice(d.current,1),e.onFilterChange(r,t)):e.onFilterChange(null,t),e.onCloseMenu&&e.onCloseMenu()},N=t=>{if(t.preventDefault(),!e.onFilterChange)return;const r=y||null;e.onFilterChange(r,t),e.onCloseMenu&&e.onCloseMenu()},T=(t,r)=>{const n=e.column.field||"",l={...y},a=[...y.filters];let o=[];if(-1!==d.current&&l.filters[d.current].filters&&"all"!==r&&(o=l.filters[d.current].filters),t.value&&"all"===r)C.forEach((e=>{o.push({field:n,operator:"eq",value:e})}));else if(t.value)o.push({field:n,operator:"eq",value:r});else if(y){const e=o.findIndex((e=>e.value===r));o.splice(e,1)}l.logic="and",-1!==d.current?a[d.current]={logic:"or",filters:o}:a.push({logic:"or",filters:o}),(!t.value&&"all"===r||0===o.length)&&a.splice(d.current,1),l.filters=a,k(l)},M=()=>{let e=!1;if(y){const t=[...y.filters];return-1!==d.current&&(e=C.every((e=>!(-1===d.current||!t[d.current].filters)&&t[d.current].filters.findIndex((t=>t.value===e))>=0)),e)}return e},D=o.useLocalization(),{column:L}=e;if(!L||!L.field)return x.createElement("div",null);const G=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 A=D.toLanguageString(Ie,Qe[Ie]),O=e.searchBox?x.createElement(e.searchBox,{value:f,onChange:w}):x.createElement("div",{className:"k-searchbox k-textbox k-input k-input-md k-input-solid "+(null!=r&&r.mobileMode?"k-input-lg":"k-input-md")},x.createElement(a.IconWrap,{className:"k-input-icon",name:"search",icon:i.searchIcon}),x.createElement(c.Input,{className:"k-input-inner",type:"text",placeholder:D.toLanguageString(Pe,Qe[Pe]),value:f,onChange:e=>w(e.nativeEvent)}),x.createElement(m.Button,{type:"button",rounded:null,className:"k-input-button",onClick:()=>{const r=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",a={logic:"and",filters:[{field:e.column.field,operator:r,value:"",ignoreCase:!0}]};v(""),E(l(n.filterBy(e.data||[],a),t))},icon:"x","aria-label":A,svgIcon:i.xIcon})),z=F.filter(((e,t)=>F.indexOf(e)===t));return x.createElement(bn,null,!(e.alwaysExpand&&(null==r||!r.mobileMode))&&x.createElement("div",{className:"k-expander"},x.createElement(xn,{title:D.toLanguageString(Se,Qe[Se]),iconClass:"k-i-filter",svgIcon:i.filterIcon,expandable:!0,expanded:!!G,onClick:()=>{const t=S(),n=!(t?e.expanded:u);e.onExpandChange&&e.onExpandChange(n),h(!g),!t&&(null==r||!r.mobileMode)&&p(n)}})),null!=r&&r.mobileMode&&g?x.createElement(Ln,{onBackView:()=>{h(!1)},handleClose:()=>{h(!1),e.onCloseMenu&&e.onCloseMenu()},searchBox:e.searchBox,handleCheckBoxChange:T,isAllSelected:M,currentData:C,uniqueFilterValues:z,submit:N,clear:R}):x.createElement(wn,{show:(e.alwaysExpand||!!G)&&!(null!=r&&r.mobileMode)},x.createElement("form",{className:"k-filter-menu",onSubmit:N,onReset:R},x.createElement("div",{className:"k-filter-menu-container"},O,x.createElement("ul",{className:"k-reset k-multicheck-wrap"},x.createElement("li",{className:"k-item k-check-all-wrap"},x.createElement(c.Checkbox,{label:D.toLanguageString(Te,Qe[Te]),onChange:e=>T(e,"all"),checked:M()})),C.map(((e,t)=>x.createElement("li",{className:"k-item",key:t},x.createElement(c.Checkbox,{label:String(e),onChange:t=>T(t,e),checked:z.includes(e)}))))),x.createElement("div",{className:"k-filter-selected-items"},z.length+" "+D.toLanguageString(Le,Qe[Le])),x.createElement("div",{className:"k-actions k-hstack k-justify-content-stretch"},x.createElement(m.Button,{themeColor:"primary",type:"submit"},D.toLanguageString(ke,Qe[ke])),x.createElement(m.Button,{className:"k-button",type:"reset"},D.toLanguageString(Ie,Qe[Ie])))))))},e.GridColumnMenuColumnsChooser=On,e.GridColumnMenuColumnsList=Fn,e.GridColumnMenuFilter=e=>{const t=x.useContext(se),r=x.useCallback((()=>{let t;if(e.column&&e.column.field){const r=Ot(e.column.filter),n=At(e.filterOperators,r);t=Dn(e.column.field,e.filter),t=t?{...t,filters:t.filters.map((e=>({...e})))}:{logic:"and",filters:[{field:e.column.field,operator:n,value:Mt(n)?null:void 0},{field:e.column.field,operator:n,value:Mt(n)?null:void 0}]},1===t.filters.filter((t=>t.field===e.column.field)).length&&t.filters.splice(1,0,{field:e.column.field,operator:n})}return t}),[e.column]),[n,l]=x.useState(e.expanded||!1),[a,s]=x.useState(!1),[c,d]=x.useState(r()),u=()=>void 0!==e.expanded,p=(e,t)=>{const r=c.filters.map(((r,n)=>n===e?{...r,value:t.value,operator:t.operator}:r));d({...c,filters:r})},g=t=>{if(t.preventDefault(),!e.onFilterChange)return;const r=e.column.field,n=Mn(e.filter),l=Dn(r,e.filter),a=n.filters.filter((e=>e!==l));a.length?e.onFilterChange({...n,filters:a},t):e.onFilterChange(null,t),e.onCloseMenu&&e.onCloseMenu()},h=()=>({...c,filters:c.filters.filter((e=>void 0!==e.value&&null!==e.value&&""!==e.value||null===e.value&&e.operator))}),f=t=>{if(t.preventDefault(),!e.onFilterChange)return;const r=e.column.field,n=Mn(e.filter),l=Dn(r,e.filter),a=h();let o=null;if(l&&a.filters.length>0){const e=n.filters.map((e=>e===l?a:e));o={...n,filters:e}}else if(0===a.filters.length){const e=n.filters.filter((e=>e!==l));e.length&&(o={...n,filters:e})}else o={...n,filters:[...n.filters,a]};e.onFilterChange(o,t),e.onCloseMenu&&e.onCloseMenu()},{column:v,filterUI:C,hideSecondFilter:E,filterOperators:b}=e,I=o.useLocalization();if(!v||!v.field)return x.createElement("div",null);const y=Ot(v.filter),k=void 0!==E?E:Gt[y],S=c.filters,w=Dt(b[y],I),R=Dt(Lt,I),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},T=c.logic,M=Dt(Nt,I),D={value:M.find((e=>e.operator===(null===T?"":T))),onChange:e=>{let t=e.target.value;"SPAN"===e.target.tagName&&(t=e.target.parentElement.value),d({...c,logic:t})},data:M},L=C,G={firstFilterProps:P,secondFilterProps:N,logicData:D.data,logicValue:D.value,onLogicChange:D.onChange,hideSecondFilter:k},F=0!==h().filters.length||Mt(S[0].operator)||Mt(S[1].operator),A=u()?e.expanded:n,O=e.alwaysExpand&&!t.mobileMode,z=`${I.toLanguageString(je,Qe[je])} ${v.title||v.field}`;return x.createElement(bn,null,!O&&x.createElement("div",{className:"k-expander"},x.createElement(xn,{title:I.toLanguageString(Se,Qe[Se]),iconClass:"k-i-filter",svgIcon:i.filterIcon,expandable:!0,expanded:!!A,onClick:()=>{const r=u(),o=!(r?e.expanded:n);e.onExpandChange&&e.onExpandChange(o),s(!a),!r&&!t.mobileMode&&l(o)}})),t.mobileMode&&a?x.createElement(Tn,{FilterUI:L,filterUIProps:G,onBackView:()=>{s(!1)},adaptiveTitle:z,handleClose:()=>{s(!1),e.onCloseMenu&&e.onCloseMenu()},submit:f,clear:g,isFilterValid:F}):x.createElement(wn,{show:(O||!!A)&&!t.mobileMode},x.createElement("form",{className:"k-filter-menu",onSubmit:f,onReset:g},x.createElement("div",{className:"k-filter-menu-container"},L?x.createElement(L,{...G}):x.createElement(Pn,{...G}),x.createElement("div",{className:"k-actions k-actions-stretched"},x.createElement(m.Button,{themeColor:"primary",disabled:!F},I.toLanguageString(ke,Qe[ke])),x.createElement(m.Button,{type:"reset"},I.toLanguageString(Ie,Qe[Ie])))))))},e.GridColumnMenuFilterCell=Rn,e.GridColumnMenuFilterUI=Pn,e.GridColumnMenuGroup=e=>{const{group:t,column:r}=e,n=o.useLocalization(),l=!!(t&&r.field&&t.find((e=>e.field===r.field))),a=l?Ee:Ce;return x.createElement(bn,null,x.createElement(xn,{title:n.toLanguageString(a,Qe[a]),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 r=(e.group||[]).slice(),n=r.findIndex((t=>t.field===e.column.field));n>-1?r.splice(n,1):r.push({field:e.column.field}),e.onGroupChange(r,t)}e.onCloseMenu&&e.onCloseMenu()}}))},e.GridColumnMenuItem=xn,e.GridColumnMenuItemContent=wn,e.GridColumnMenuItemGroup=bn,e.GridColumnMenuSort=e=>{const t=(t,r)=>{if(t.preventDefault(),!e.onSortChange)return;const{allowUnsort:n,mode:l}=ae(e.sortable||!1,!1),a=(e.sort||[]).filter((t=>t.field===e.column.field))[0],o=oe[n][a&&a.dir||""][r],i="single"===l?[]:(e.sort||[]).filter((t=>t.field!==e.column.field));""!==o&&e.column.field&&i.push({field:e.column.field,dir:o}),e.onSortChange(i,t)},{sort:r,column:n}=e,l=yn(n.field,r),a=o.useLocalization();return x.createElement(bn,null,x.createElement(xn,{title:a.toLanguageString(we,Qe[we]),iconClass:"k-i-sort-asc-sm",svgIcon:i.sortAscSmallIcon,selected:kn(l,r),onClick:r=>{t(r,"asc"),e.onCloseMenu&&e.onCloseMenu()}}),x.createElement(xn,{title:a.toLanguageString(Re,Qe[Re]),iconClass:"k-i-sort-desc-sm",svgIcon:i.sortDescSmallIcon,selected:Sn(l,r),onClick:r=>{t(r,In),e.onCloseMenu&&e.onCloseMenu()}}))},e.GridColumnMenuWrapper=Ct,e.GridCommonDragLogic=J,e.GridContextMenu=le,e.GridContextMenuAnchorPart=w,e.GridContextMenuItemNames=R,e.GridDetailRow=e=>null,e.GridEditCell=ut,e.GridFilterCell=Ht,e.GridGroupCell=tr,e.GridHeaderCell=Et,e.GridHierarchyCell=ot,e.GridNoRecords=lr,e.GridRow=rr,e.GridSearchBox=e=>{const t=o.useLocalization(),r=x.useContext(se),[n]=j(),s=l.getStringFromSearch(n.search),d=a.classNames("k-grid-search","k-searchbox",e.className),u=t.toLanguageString(Ne,Qe[Ne]);return x.createElement(c.TextBox,{placeholder:u,value:s,prefix:()=>x.createElement(c.InputPrefix,{orientation:"horizontal"},x.createElement(a.SvgIcon,{icon:i.searchIcon})),...e,className:d,onChange:t=>{r.searchChange(t),e.onChange&&e.onChange.call(void 0,t)}})},e.GridSelectionCell=sn,e.GridToolbar=zn,e.StatusBar=Kn,e.booleanFilterValues=Lt,e.cellBoolDropdownChange=zt,e.cellInputChange=Ft,e.cellOperatorChange=Kt,e.contextMenuItemsMap=ne,e.filterGroupByField=Dn,e.getStatusData=e=>{const{dataItems:t,target:r}=e,n=Hn(r.columns).map((e=>e.field)).filter((e=>e&&"string"==typeof e)).map((e=>a.getter(e))),l="selectedField"in e?a.getter(e.selectedField):t=>e.select[a.getter(e.dataItemKey)(t)],o={dates:[],numbers:[],booleans:[],others:[]};t.forEach((e=>{const t=l(e);t&&t.forEach((t=>{(e=>{"number"==typeof e?o.numbers.push(e):"boolean"==typeof e?o.booleans.push(e):e instanceof Date?o.dates.push(e):o.others.push(e)})(n[t](e))}))}));const i=o.dates.map((e=>e.getTime())),s=o.booleans.filter((e=>e)).length,c=o.booleans.filter((e=>!e)).length,d=o.numbers.length?o.numbers.reduce(((e,t)=>e+t),0):void 0,u={sum:d,average:"number"==typeof d?d/o.numbers.length:void 0,min:o.numbers.length?Math.min(...o.numbers):void 0,max:o.numbers.length?Math.max(...o.numbers):void 0,count:o.numbers.length+o.booleans.length+o.dates.length+o.others.length,isTrue:s>0?s:void 0,isFalse:c>0?c:void 0,earliest:o.dates.length?new Date(Math.min(...i)):void 0,latest:o.dates.length?new Date(Math.max(...i)):void 0},m=(e,t)=>"sum"!==t&&"average"!==t||"number"!=typeof e?("earliest"===t||"latest"===t)&&e instanceof Date?e.toLocaleDateString():String(e):e.toFixed(2),p=[];return Object.keys(u).forEach((e=>{const t=e,r=u[t];void 0!==r&&p.push({type:t,value:r,formattedValue:m(r,t)})})),p},e.gridMessages=Qe,e.isColumnMenuFilterActive=(e,t)=>!!Dn(e,t),e.isColumnMenuSortActive=(e,t)=>{const r=yn(e,t);return Sn(r,t)||kn(r,t)},e.leafColumns=Hn,e.operators=Tt,e.pagerFirstPage=me,e.pagerInfo=ue,e.pagerItemPerPage=fe,e.pagerLastPage=he,e.pagerNextPage=ge,e.pagerPreviousPage=pe,e.rootFilterOrDefault=Mn}));
|