@progress/kendo-react-grid 13.4.0-develop.4 → 14.0.0-develop.1

package/BaseCSVExport.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridProps } from './interfaces/index.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+interface BaseCSVExportProps {
+    gridProps: GridProps;
+    csv?: GridProps['csv'];
+    fileName?: string;
+    onCsvExport?: (data: any[]) => any[];
+    columnsState?: any[];
+}
+/**
+ * @hidden
+ */
+interface BaseCSVExportHandle {
+    save: () => Promise<void>;
+    getBlob: () => Blob;
+}
+/**
+ * @hidden
+ */
+declare const BaseCSVExport: React.ForwardRefExoticComponent<BaseCSVExportProps & React.RefAttributes<BaseCSVExportHandle>>;
+export { BaseCSVExport, BaseCSVExportProps, BaseCSVExportHandle };

package/BaseCSVExport.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("react"),D=require("@progress/kendo-csv"),G=require("@progress/kendo-file-saver"),R=require("@progress/kendo-data-query"),S=require("./utils/dataProcessing.js");function q(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const i=q(k),N=t=>t&&typeof t=="object"&&"items"in t&&"field"in t,B=t=>t&&typeof t=="object"&&"data"in t?t.data||[]:Array.isArray(t)?t:[],V=(t,r)=>r.split(".").reduce((e,o)=>e==null?void 0:e[o],t),F=(t,r)=>{const e=[],o=[];return t.length>0?t.forEach(({field:n,title:f})=>{e.push(n),o.push(f)}):r.length>0&&!Array.isArray(r[0])&&!N(r[0])&&Object.keys(r[0]).forEach(n=>{e.push(n),o.push(n)}),{autoKeys:e,autoNames:o}},K=(t,r)=>t.map(e=>{const o={};return r.forEach(n=>{o[n]=V(e,n)}),o}),P=i.forwardRef((t,r)=>{const{gridProps:e,csv:o,fileName:n="grid-export.csv",onCsvExport:f}=t,c=i.useMemo(()=>typeof o=="object"&&o!==null?o:{},[o]),d=i.useCallback(()=>{var m,y;const p=c.data||e.data||[];let a=B(p);const v=f||e.onCsvExport;v&&(a=v(a));const j=c.allPages!==!1,b=S.normalizeAutoProcessData(e.autoProcessData);if(b)a=S.processData(a,{autoProcessData:b,group:e.group,defaultGroup:e.defaultGroup,sort:e.sort,defaultSort:e.defaultSort,filter:e.filter,defaultFilter:e.defaultFilter,search:e.search,pageable:e.pageable,take:e.take,skip:e.skip,includePaging:!j}).data;else{const s=e.group||e.defaultGroup;s&&s.length>0&&(a=R.process(a,{group:s}).data)}const E=(t.columnsState||[]).filter(s=>s.field&&!s.hidden&&s.show!==!1).map(s=>({field:s.field,title:s.title||s.field}));let l=(m=c.keys)!=null?m:void 0,u=(y=c.names)!=null?y:void 0;if(!l||!u){const{autoKeys:s,autoNames:g}=F(E,a);l!=null||(l=s.length>0?s:void 0),u!=null||(u=g.length>0?g:void 0)}const x=l==null?void 0:l.some(s=>s.includes(".")),h=a.length>0&&N(a[0]);x&&!h&&l&&(a=K(a,l));const A=h?{data:a,total:a.length}:a,O={...c,data:A,keys:l,names:u};return D.toCSVBlob(O)},[e,c,f,t.columnsState]),C=i.useCallback(async()=>{const p=d(),a=c.fileName||n;G.saveAs(p,a)},[c,n,d]);return i.useImperativeHandle(r,()=>({save:C,getBlob:d})),null});P.displayName="BaseCSVExport";exports.BaseCSVExport=P;

package/BaseCSVExport.mjs

@@ -0,0 +1,82 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as u from "react";
+import { toCSVBlob as P } from "@progress/kendo-csv";
+import { saveAs as R } from "@progress/kendo-file-saver";
+import { process as j } from "@progress/kendo-data-query";
+import { normalizeAutoProcessData as B, processData as D } from "./utils/dataProcessing.mjs";
+const N = (e) => e && typeof e == "object" && "items" in e && "field" in e, K = (e) => e && typeof e == "object" && "data" in e ? e.data || [] : Array.isArray(e) ? e : [], V = (e, r) => r.split(".").reduce((t, a) => t == null ? void 0 : t[a], e), k = (e, r) => {
+  const t = [], a = [];
+  return e.length > 0 ? e.forEach(({ field: l, title: f }) => {
+    t.push(l), a.push(f);
+  }) : r.length > 0 && !Array.isArray(r[0]) && !N(r[0]) && Object.keys(r[0]).forEach((l) => {
+    t.push(l), a.push(l);
+  }), { autoKeys: t, autoNames: a };
+}, F = (e, r) => e.map((t) => {
+  const a = {};
+  return r.forEach((l) => {
+    a[l] = V(t, l);
+  }), a;
+}), H = u.forwardRef((e, r) => {
+  const { gridProps: t, csv: a, fileName: l = "grid-export.csv", onCsvExport: f } = e, i = u.useMemo(() => typeof a == "object" && a !== null ? a : {}, [a]), d = u.useCallback(() => {
+    var b, y;
+    const p = i.data || t.data || [];
+    let o = K(p);
+    const g = f || t.onCsvExport;
+    g && (o = g(o));
+    const A = i.allPages !== !1, h = B(t.autoProcessData);
+    if (h)
+      o = D(o, {
+        autoProcessData: h,
+        group: t.group,
+        defaultGroup: t.defaultGroup,
+        sort: t.sort,
+        defaultSort: t.defaultSort,
+        filter: t.filter,
+        defaultFilter: t.defaultFilter,
+        search: t.search,
+        pageable: t.pageable,
+        take: t.take,
+        skip: t.skip,
+        includePaging: !A
+      }).data;
+    else {
+      const s = t.group || t.defaultGroup;
+      s && s.length > 0 && (o = j(o, { group: s }).data);
+    }
+    const C = (e.columnsState || []).filter((s) => s.field && !s.hidden && s.show !== !1).map((s) => ({
+      field: s.field,
+      title: s.title || s.field
+    }));
+    let n = (b = i.keys) != null ? b : void 0, c = (y = i.names) != null ? y : void 0;
+    if (!n || !c) {
+      const { autoKeys: s, autoNames: m } = k(C, o);
+      n != null || (n = s.length > 0 ? s : void 0), c != null || (c = m.length > 0 ? m : void 0);
+    }
+    const E = n == null ? void 0 : n.some((s) => s.includes(".")), v = o.length > 0 && N(o[0]);
+    E && !v && n && (o = F(o, n));
+    const S = v ? { data: o, total: o.length } : o, G = {
+      ...i,
+      data: S,
+      keys: n,
+      names: c
+    };
+    return P(G);
+  }, [t, i, f, e.columnsState]), x = u.useCallback(async () => {
+    const p = d(), o = i.fileName || l;
+    R(p, o);
+  }, [i, l, d]);
+  return u.useImperativeHandle(r, () => ({
+    save: x,
+    getBlob: d
+  })), null;
+});
+H.displayName = "BaseCSVExport";
+export {
+  H as BaseCSVExport
+};

package/Grid.d.ts

@@ -70,6 +70,39 @@ export interface GridHandle {
      * The 'pdf' prop of the Grid should be set to true or object of setting that will be applied the exported Grid.
      */
     exportAsPdf: () => void;
+    /**
+     * Method to trigger a CSV export of the Grid and save the file.
+     * The 'csv' prop of the Grid should be set to true or an object of settings.
+     * Returns a Promise that resolves when the export is triggered.
+     *
+     * @returns A Promise that resolves when the CSV blob generation and save trigger complete
+     *
+     * @example
+     * ```jsx
+     * const grid = useRef<GridHandle>(null);
+     * await grid.current?.saveAsCsv();
+     * console.log('Export triggered!');
+     * ```
+     */
+    saveAsCsv: () => Promise<void>;
+    /**
+     * Method to get the CSV export as a Blob without triggering a download.
+     * Useful for uploading to a server or custom file handling.
+     * The 'csv' prop of the Grid should be set to true or an object of settings.
+     *
+     * @returns A Blob containing the CSV data, or null if CSV export is not enabled
+     *
+     * @example
+     * ```jsx
+     * const grid = useRef<GridHandle>(null);
+     * const blob = grid.current?.getCsvBlob();
+     * if (blob) {
+     *     // Upload to server or custom handling
+     *     await uploadToServer(blob);
+     * }
+     * ```
+     */
+    getCsvBlob: () => Blob | null;
     /**
      * Gets the total number of items in the grid data source.
      * Used for pagination calculations and AI operations.

package/GridClientWrapper.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Nt=require("react"),R=require("@progress/kendo-react-common"),Wt=require("@progress/kendo-data-query"),c=require("@progress/kendo-react-data-tools"),qt=require("./drag/ColumnResize.js"),Ut=require("./drag/CommonDragLogic.js"),W=require("./utils/index.js"),jt=require("./VirtualScroll.js"),Bt=require("./contextMenu/GridContextMenu.js"),Ne=require("./contextMenu/enums.js"),We=require("./sortCommon.js"),Vt=require("./BasePDFExport.js"),_t=require("./utils/GridContext.js"),$t=require("./filterCommon.js");function Jt(t){const v=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const h in t)if(h!=="default"){const D=Object.getOwnPropertyDescriptor(t,h);Object.defineProperty(v,h,D.get?D:{enumerable:!0,get:()=>t[h]})}}return v.default=t,Object.freeze(v)}const d=Jt(Nt),Qt=(t,v,h,D)=>{const Q=Object.keys(v.cells).map(M=>h.findIndex(U=>U.field===M)),q=Object.keys(v.cells).length>0?Q:!0;return t.reduce((M,U)=>(M[U[D!=null?D:"id"]]=q,M),{})},qe=(t,v,h,D)=>v.reduce((q,M)=>({...q,...Qt(Wt.filterBy(t,M),M,h,D)}),{}),Xt=t=>{const v=t.gridProps.isClient,[h,D]=d.useState({}),Q=R.useAdaptiveModeContext(),q=d.useRef(null),M=e=>{e.event.preventDefault(),D({...h,show:!0,offset:{left:e.event.pageX,top:e.event.pageY},dataItem:e.dataItem,field:e.field})},U=()=>{D({})},w=d.useMemo(()=>t.columnsRef.find(e=>e.field===h.field),[t.columnsRef,h]),xe=d.useMemo(()=>{const e=t.gridProps.sortable&&(w==null?void 0:w.sortable);return W.getDefaultHeadContextMenuItems({pdf:!!t.gridProps.pdf,sortable:!!e,selectable:c.getSelectionOptions(t.gridProps.selectable).enabled,clipboard:!!t.gridProps.clipboard})},[w,t.gridProps.sortable,t.gridProps.selectable,t.gridProps.clipboard]),Se=d.useMemo(()=>(t.gridProps.sortable&&(w==null||w.sortable),W.getDefaultBodyContextMenuItems({pdf:!!t.gridProps.pdf,selectable:c.getSelectionOptions(t.gridProps.selectable).enabled,clipboard:!!t.gridProps.clipboard,rowReorderable:W.isRowReorderEnabled(t.gridProps.rowReorderable)})),[w,t.gridProps.sortable,t.gridProps.selectable,t.gridProps.clipboard]),p=d.useMemo(()=>{const e=(w==null?void 0:w.contextMenu)||t.gridProps.contextMenu,n=typeof e=="function"?e(h):e;if(n&&h.offset){const o=h.dataItem?Ne.GridContextMenuAnchorPart.body:Ne.GridContextMenuAnchorPart.head,r=n[o],i=h.dataItem?Se:xe;return r===!1?void 0:r===!0||r===void 0?i:r}},[t.gridProps.contextMenu,h,Se,xe,w]),Ue=e=>{var l,m,s,g,u,E,P,K,N;const n=e.event.item,o={target:S.current,syntheticEvent:e.event.syntheticEvent,nativeEvent:e.event.nativeEvent,menuItem:n,...e};t.gridProps.onContextMenuItemClick&&f(t.gridProps.onContextMenuItemClick,o);const r=x(),i={selectedField:"",componentId:t.id,dataItems:r,dataItem:e.dataItem,startRowIndex:-1,endRowIndex:-1,startColIndex:-1,endColIndex:-1,ctrlKey:!1,altKey:!1,metaKey:!1,shiftKey:!1,isDrag:!1,...c.getSelectionOptions(t.gridProps.selectable),...o},a=r.findIndex(Z=>Z===e.dataItem);switch((l=n.data)==null?void 0:l.action){case"SortCommand":if(w){const Z=(m=n.name)==null?void 0:m.toLowerCase().includes("asc"),Lt=((s=n.name)==null?void 0:s.toLowerCase().includes("desc"))?"desc":void 0,zt=Z?"asc":Lt,Ft=n.name?zt:void 0;De(e.event.syntheticEvent,w,Ft)}break;case"SelectRowCommand":dt(i);break;case"SelectAllRowsCommand":at(i);break;case"ExportPDFCommand":ue();break;case"ClearSelectionCommand":lt(i);break;case"ReorderRowCommand":Y.current=e.dataItem,(g=n.name)!=null&&g.toLowerCase().includes("rowup")&&a>0&&X(e.event.syntheticEvent,a-1,"before"),(u=n.name)!=null&&u.toLowerCase().includes("rowdown")&&a<r.length-1&&X(e.event.syntheticEvent,a+1,"after"),(E=n.name)!=null&&E.toLowerCase().includes("rowtop")&&X(e.event.syntheticEvent,0,"before"),(P=n.name)!=null&&P.toLowerCase().includes("rowbottom")&&X(e.event.syntheticEvent,r.length-1,"after");break;case"CopySelectionCommand":oe(c.ClipboardActionType.copy,e.event.nativeEvent,{copyHeaders:!((K=n.name)!=null&&K.toLowerCase().includes("noheaders"))},e.dataItem,e.field);break;case"PasteCommand":oe(c.ClipboardActionType.paste,e.event.nativeEvent,{copyHeaders:!((N=n.name)!=null&&N.toLowerCase().includes("noheaders"))},e.dataItem,e.field);break}U()},ee=()=>{const e=t.columnsRef.filter(n=>n.declarationIndex>=0&&n.parentIndex===-1);return W.sanitizeColumns(e)},je=(e,n,o)=>{if(t.gridProps.onContextMenu&&v){const r={target:S.current,syntheticEvent:e,nativeEvent:e.nativeEvent,dataItem:n,field:o};f(t.gridProps.onContextMenu,r)}t.gridProps.contextMenu&&M({event:e,dataItem:n,field:o})},Be=e=>{if(e.target!==e.currentTarget)return;clearTimeout(Ie.current),I.current&&(I.current.table=L.current);const n=e.currentTarget.scrollLeft,o=e.currentTarget.scrollTop;t.gridProps.columnVirtualization&&(!k||o===Ce.current)&&(Ie.current=window.setTimeout(()=>{V()},0)),t.gridProps.scrollLeftRef&&(t.gridProps.scrollLeftRef.current=n),F.current&&F.current.setScrollLeft(n),z.current&&z.current.setScrollLeft(n),I.current&&o!==Ce.current&&I.current.scrollHandler(e),t.gridProps.onScroll&&v&&f(t.gridProps.onScroll,{...C(e)}),Ce.current=o},Ve=e=>{c.tableKeyboardNavigation.onKeyDown(e,{navigatable:t.gridProps.navigatable||!1,contextStateRef:A,navigationStateRef:_,onNavigationAction:$e,columns:ee()}),c.tableKeyboardNavigation.onGetSnapshotBeforeUpdate({document:T(),contextStateRef:A,navigationStateRef:_});const n={dataItems:x(),mode:b.mode,cell:b.cell,componentId:t.id,selectedField:"",...C(e)};t.gridProps.onKeyDown&&v&&f(t.gridProps.onKeyDown,n)},_e=e=>{c.tableKeyboardNavigation.onFocus(e,{navigatable:!!t.gridProps.navigatable,contextStateRef:A})},$e=e=>{const{columnsRef:n}=t;if(e.action==="moveToNextPage"&&gt(e.event),e.action==="moveToPrevPage"&&ft(e.event),e.focusElement&&(e.action==="reorderToRight"||e.action==="reorderToLeft")){const o=parseInt(e.focusElement.ariaColIndex,10)-1;if(!n[o].reorderable)return;if(e.action==="reorderToRight"&&o<t.columnsRef.length-1){if(n[o+1].disableReorder)return;ne(o,o+1,e.event)}if(e.action==="reorderToLeft"&&o>0){if(n[o-1].disableReorder)return;ne(o,o-1,e.event)}}if(e.action==="select"&&rt(e.event),t.gridProps.onNavigationAction&&v){const o={focusElement:e.focusElement,...C(e.event)};f(t.gridProps.onNavigationAction,o)}},Je=(e,n)=>{t.gridProps.onRowClick&&c.closestTagName(e.target,"TD")&&f(t.gridProps.onRowClick,{dataItem:n,...C(e)})},Qe=(e,n)=>{t.gridProps.onRowDoubleClick&&c.closestTagName(e.target,"TD")&&f(t.gridProps.onRowDoubleClick,{dataItem:n,...C(e)})},Xe=e=>{t.gridProps.onItemChange&&f(t.gridProps.onItemChange,{...C(e.syntheticEvent),dataItem:e.dataItem,field:void 0,value:void 0})},Ye=e=>{t.gridProps.onItemChange&&t.gridProps.onEditChange&&f(t.gridProps.onEditChange,{edit:{},...C(e.syntheticEvent)})},Ze=(e,n,o)=>{if(Fe.enabled&&Fe.mode==="incell"&&t.gridProps.dataItemKey){const r=c.editReducer(t.gridProps.edit,{type:c.EDIT_ACTION.ENTER_FIELD_EDIT,payload:{id:n[t.gridProps.dataItemKey],field:o}});t.gridProps.onEditChange&&f(t.gridProps.onEditChange,{edit:r,...C(e)})}},pe=(e,n)=>{var r;if(c.getDetailExpandableOptions(t.detailExpandable).enabled){const i=c.detailExpandReducer((r=t.gridProps.detailExpand)!=null?r:{},e);t.gridProps.onDetailExpandChange&&f(t.gridProps.onDetailExpandChange,{...C(n),detailExpand:i})}},et=(e,n)=>{var r;const o=c.getGroupExpandableOptions(typeof t.gridProps.groupable=="object"?t.gridProps.groupable.expandable!==!1:t.gridProps.groupable);if(o.enabled){const i=c.groupExpandReducer((r=t.gridProps.groupExpand)!=null?r:[],e,o);t.gridProps.onGroupExpandChange&&f(t.gridProps.onGroupExpandChange,{...C(n),groupExpand:i})}},De=(e,n,o)=>{const{allowUnsort:r,mode:i}=We.normalizeSortable(t.gridProps.sortable||!1,n.sortable||!1),a=(t.gridProps.sort||[]).filter(s=>s.field===n.field)[0],l=o||We.firstLevelSortSeqMap[r][a&&a.dir||""],m=i==="single"?[]:(t.gridProps.sort||[]).filter(s=>s.field!==n.field);l!==""&&n.field&&m.push({field:n.field,dir:l}),ke(m,e)},tt=e=>{t.gridProps.onItemChange&&f(t.gridProps.onItemChange,{...C(e.syntheticEvent),dataItem:e.dataItem,dataIndex:e.dataIndex,field:e.field,value:e.value})},nt=e=>{var n;if(t.gridProps.onSelectionChange&&b.enabled){const{event:o,dataItem:r,dataIndex:i,columnIndex:a}=e,l={...C(o),dataItem:r,startColIndex:a,endColIndex:a,startRowIndex:i,endRowIndex:i,dataItems:x(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,mode:b.mode,cell:b.cell,isDrag:!1,componentId:t.id,selectedField:""};f(t.gridProps.onSelectionChange,{...l,select:t.gridProps.dataItemKey?c.getSelectedState({event:l,selectedState:(n=t.gridProps.select)!=null?n:{},dataItemKey:t.gridProps.dataItemKey}):{}})}},rt=e=>{var s,g;if(!b.enabled||!t.gridProps.dataItemKey)return;const n={dataItems:x(),mode:b.mode,cell:b.cell,componentId:t.id,selectedField:"",...C(e)},o=c.getSelectedStateFromKeyDown({event:n,selectedState:(s=t.gridProps.select)!=null?s:{},dataItemKey:t.gridProps.dataItemKey});if(o===t.gridProps.select)return;const r=e.target,i=c.closestTagName(r,"TD"),a=c.closestTagName(r,"TR"),l=c.getColumnIndex(i),m=c.getRowIndex(a);if(l!==void 0&&m!==void 0){const u=(g=W.getDataAsArray(t.gridProps.data))==null?void 0:g[m];t.gridProps.onSelectionChange&&f(t.gridProps.onSelectionChange,{...n,select:o,dataItem:u,startRowIndex:m,startColIndex:l,startDataItem:u,endDataItem:u,endRowIndex:m,endColIndex:l,ctrlKey:e.ctrlKey,altKey:e.altKey,metaKey:e.metaKey,shiftKey:e.shiftKey,isDrag:!1})}},ot=e=>{if(t.gridProps.onHeaderSelectionChange&&b.enabled){const n=x();f(t.gridProps.onHeaderSelectionChange,{select:e.syntheticEvent.target.checked?n.reduce((o,r)=>(t.gridProps.dataItemKey&&R.getter(t.gridProps.dataItemKey)(r)!==void 0&&(o[R.getter(t.gridProps.dataItemKey)(r)]=!0),o),{}):{},field:e.field,nativeEvent:e.syntheticEvent&&e.syntheticEvent.nativeEvent,syntheticEvent:e.syntheticEvent,target:S.current,dataItems:n})}},j=(e,n)=>{t.gridProps.onSelectionChange&&b.enabled&&f(t.gridProps.onSelectionChange,{...e,select:n})},it=e=>{var n;if(t.gridProps.onSelectionChange&&b.enabled){const o=x()[e.startRowIndex],r=x()[e.endRowIndex],i={syntheticEvent:void 0,target:S.current,selectedField:"",componentId:t.id,dataItems:x(),dataItem:null,startDataItem:o,endDataItem:r,...e},a=c.getSelectedState({event:i,selectedState:(n=t.gridProps.select)!=null?n:{},dataItemKey:t.gridProps.dataItemKey});j(i,a)}},at=e=>{if(t.gridProps.onSelectionChange&&b.enabled){const n=e.dataItems[0],o=e.dataItems[e.dataItems.length-1],r={},i={...e,startDataItem:n,endDataItem:o,startRowIndex:0,endRowIndex:e.dataItems.length-1,startColIndex:0,endColIndex:t.columnsRef.length-1};e.dataItems.forEach(a=>{const m=R.getter(t.gridProps.dataItemKey)(a);r[m]=e.cell?[...Array(t.columnsRef.length).keys()]:!0}),j(i,r)}},dt=e=>{if(t.gridProps.onSelectionChange&&b.enabled){const o=R.getter(t.gridProps.dataItemKey)(e.dataItem),r=0,i=t.columnsRef.length-1,a=e.dataItems.findIndex(u=>u[t.gridProps.dataItemKey]===e.dataItem[t.gridProps.dataItemKey]),s={...e,startDataItem:a,endDataItem:a,startRowIndex:a,endRowIndex:a,startColIndex:r,endColIndex:i},g=e.mode==="multiple"?t.gridProps.select||{}:{};g[o]===!0||Array.isArray(g[o])&&g[o].length===t.columnsRef.length?delete g[o]:g[o]=e.cell?[...Array(t.columnsRef.length).keys()]:!0,j(s,g)}},ct=e=>{if(!b.enabled)return;const n=x(),o={syntheticEvent:void 0,nativeEvent:void 0,target:S.current,selectedField:"",componentId:t.id,dataItems:n,dataItem:null,startDataItem:null,endDataItem:null,ctrlKey:!1,altKey:!1,metaKey:!1,shiftKey:!1,isDrag:!1,mode:b.mode,cell:b.cell};if(!e||e.length===0){const u={...o,startRowIndex:-1,endRowIndex:-1,startColIndex:-1,endColIndex:-1};j(u,{});return}const r=qe(t.gridProps.data,e,t.columnsRef,t.gridProps.dataItemKey),i={};Object.keys(r).forEach(u=>{r[u]&&(i[u]=b.cell?[...Array(t.columnsRef.length).keys()]:!0)});let a=-1,l=-1,m=n[0]||null,s=n[n.length-1]||null;if(t.gridProps.dataItemKey){const u=R.getter(t.gridProps.dataItemKey);for(let E=0;E<n.length;E++){const P=u(n[E]);P!==void 0&&r[P]&&(a===-1&&(a=E,m=n[E]),l=E,s=n[E])}}const g={...o,startRowIndex:a,endRowIndex:l,startColIndex:0,endColIndex:t.columnsRef.length-1,startDataItem:m,endDataItem:s};j(g,i)},lt=e=>{t.gridProps.onSelectionChange&&b.enabled&&j(e,{})},B=(e,n,o,r,i)=>{ut();const a=t.gridProps.onDataStateChange;if(e){const l={...C(r),...n,targetEvent:i};f(e,l)}else a&&f(a,{...C(r),targetEvent:i||{},dataState:{...wt(),...o}})},te=(e,n,o)=>{var r;k&&t.gridProps.pageable&&((r=I.current)==null||r.reset()),B(t.gridProps.onPageChange,{page:e},{skip:e.skip,take:e.take},n,o)},st=(e,n,o)=>{var r;t.gridProps.pageable||(r=t.gridProps.group)!=null&&r.length?t.gridProps.virtualSkipRef&&(t.gridProps.virtualSkipRef.current=e.skip,V()):te(e,n,o)},se=()=>{let e=t.gridProps.total||0;return Array.isArray(t.gridProps.data)?e=e||t.gridProps.data.length:t.gridProps.data&&(e=e||t.gridProps.data.total),e},ut=()=>{k&&t.gridProps.virtualSkipRef&&(t.gridProps.virtualSkipRef.current=0)},gt=e=>{var i,a;const n=(a=(i=t.gridProps.take)!=null?i:t.gridProps.pageSize)!=null?a:0,o=(t.gridProps.skip||0)+n,r=se();o<r&&te({skip:o,take:n},e)},ft=e=>{var r,i;const n=(i=(r=t.gridProps.take)!=null?r:t.gridProps.pageSize)!=null?i:0,o=(t.gridProps.skip||0)-n;o>=0&&te({skip:o,take:n},e)},mt=e=>{te({skip:e.skip,take:e.take},e.syntheticEvent,e.targetEvent)},ke=(e,n)=>{B(t.gridProps.onSortChange,{sort:e},{sort:e,...k&&!t.gridProps.pageable?{skip:0}:{}},n)},ht=(e,n)=>{B(t.gridProps.onFilterChange,{filter:e},{filter:e,skip:0},n)},Pt=e=>{if(!e||e.length===0){Ke({});return}const n=qe(t.gridProps.data,e,t.columnsRef,t.gridProps.dataItemKey);Ke({...n})},Ke=e=>{B(t.gridProps.onHighlightChange,{highlight:e},{},{})},bt=e=>{const n=t.gridProps.searchFields||t.columnsRef.map(i=>i.field)||[],o=e.nativeEvent.target.value,r={logic:"or",filters:n.filter(i=>i!==void 0).map(i=>{var a;return typeof i=="string"?{field:i,value:o,operator:"contains"}:{value:o,operator:(a=i.operator)!=null?a:"contains",field:i.field,ignoreCase:i.ignoreCase}})};B(t.gridProps.onSearchChange,{search:r},{skip:0},e.syntheticEvent)},ue=()=>{var e;(e=q.current)==null||e.save()},Rt=async e=>{var n,o;(n=t.gridProps)!=null&&n.onPdfExport&&await((o=t.gridProps)==null?void 0:o.onPdfExport(e))},ge=(e,n)=>{const o=n.nativeEvent?n:{nativeEvent:n.nativeEvent||n.originalEvent};let r={};t.isVirtualScroll&&e.length&&!t.gridProps.pageable&&(r={take:void 0}),e.length===0&&t.gridProps.navigatable&&(be.current=!0),B(t.gridProps.onGroupChange,{group:e},{group:e,skip:0,...r},o)},fe=e=>{if(t.gridProps.onColumnsStateChange){const n={target:S.current,columnsState:e};f(t.gridProps.onColumnsStateChange,n)}},ne=(e,n,o)=>{const{columnsRef:r,columnsState:i}=t,a=r[e],l=W.getFlatColumnsState(i),m=a.depth,s=P=>{do P++;while(P<r.length&&r[P].depth>m);return P},g=r.splice(e,s(e)-e);r.splice(e<n?s(n-g.length):n,0,...g),r.filter(P=>P.declarationIndex>=0).forEach((P,K)=>{P.orderIndex=K;const N=l.find(Z=>Z.id===P.id);N&&(N.orderIndex=K)});const u=r[e].locked&&r[n].locked;c.updateLeft(t.columnsMapRef,r,u||ce.current),c.updateRight(t.columnsMapRef,r,u||ce.current),Pe.current&&(ce.current=!1,Pe.current=!1);const E=ee();if(V(),t.gridProps.onColumnReorder){const P={target:S.current,columns:E,columnId:a.id,nativeEvent:o};f(t.gridProps.onColumnReorder,P)}fe(i)},X=(e,n,o)=>{const r=typeof t.gridProps.rowReorderable=="object"?t.gridProps.rowReorderable.enabled:t.gridProps.rowReorderable;if(o==="forbidden"||!r||!Y.current)return;const i=t.dataRef[n];t.gridProps.onRowReorder&&f(t.gridProps.onRowReorder,{draggedDataItems:[Y.current],droppedDataItem:i==null?void 0:i.dataItem,dropPosition:o,nativeEvent:e.originalEvent,dragEvent:e,target:S.current}),Y.current=null},vt=(e,n,o)=>{if(t.gridProps.group===void 0)return;const r=t.gridProps.group.slice();r.splice(n,0,...r.splice(e,1)),ge(r,o)},Me=(e,n,o)=>{const r=t.columnsRef[e].field;if(!r)return;const i=(t.gridProps.group||[]).slice();i.splice(n,0,{field:r}),ge(i,o)},Ct=(e,n)=>{const o=G.current.getCurrentGroupsLength;Me(e,o,n)},me=()=>{var o,r,i,a,l,m;if(t.gridProps.dataLayoutMode==="stacked"){const s=((o=H.current)==null?void 0:o.offsetWidth)||0;if((r=y.current)!=null&&r.colGroupMain&&s){const g=y.current.colGroupMain.children,u=g.length-1;if(u>=0){let E=0;for(let K=0;K<u;K++){const N=parseFloat((g[K].width||0).toString())||g[K].clientWidth;E+=N}const P=Math.max(0,s-E);g[u].width=P+"px",(a=(i=y.current.colGroupHeader)==null?void 0:i.children)!=null&&a[u]&&(y.current.colGroupHeader.children[u].width=P+"px"),(m=(l=y.current.colGroupFooter)==null?void 0:l.children)!=null&&m[u]&&(y.current.colGroupFooter.children[u].width=P+"px")}}F.current&&F.current.setWidth(s),z.current&&z.current.setWidth(s),L.current&&(L.current.style.width=s?s+"px":"");return}let e=0;if(!y.current.colGroupMain)return;const n=y.current.colGroupMain.children;for(let s=0;s<n.length;s++){const g=n[s].width;if(!g){e=0;break}e+=parseFloat(g.toString())}e=Math.round(e),F.current&&F.current.setWidth(e),z.current&&z.current.setWidth(e),L.current&&(L.current.style.width=e?e+"px":"")},Te=()=>{var e;t.gridProps.widthRef&&(t.gridProps.widthRef.current=((e=H.current)==null?void 0:e.offsetWidth)||0)},re=()=>{var e;t.gridProps.containerHeightRef&&(t.gridProps.containerHeightRef.current=((e=O.current)==null?void 0:e.offsetHeight)||0)},It=()=>{const e=t.gridProps.minRowHeightRef;if(e&&!e.current&&!t.gridProps.rowHeight){const n=W.calcRowHeight(J.current);n&&(e.current=n,V())}},oe=d.useCallback((e,n,o,r,i)=>{var s;if(!Et()&&!o||!e)return;const a={type:e,nativeEvent:n,columns:t.columnsRef,dataItemKey:t.gridProps.dataItemKey||"",dataItem:r,field:i,...typeof t.gridProps.clipboard!="boolean"?t.gridProps.clipboard:{},...o},l=x(),m=c.populateClipboardData({event:a,data:l,selectedState:(s=t.gridProps.select)!=null?s:{},previousCopiedItems:Le.current});e!==c.ClipboardActionType.paste&&(Le.current=m.copiedItems),t.gridProps.onClipboard&&v&&f(t.gridProps.onClipboard,{...a,...m})},[t.gridProps.select,t.gridProps.dataItemKey,t.gridProps.data,t.gridProps.clipboard,t.gridProps.onClipboard]),Et=()=>{var i,a,l;if(!R.canUseDOM)return!1;const e=R.getActiveElement(T()),n=e?e.matches(".k-table-td")?e:(i=T())==null?void 0:i.body:(a=T())==null?void 0:a.body,o=n.closest(".k-grid-container"),r=n&&((l=H.current)==null?void 0:l.contains(n));return!!(n&&r&&o)},He=(e,n,o,r,i,a,l)=>{me(),ce.current=!0,Pe.current=!0,t.gridProps.onColumnResize&&v&&f(t.gridProps.onColumnResize,{columns:ee(),nativeEvent:r,targetColumnId:l,index:e,newWidth:n,oldWidth:o,end:i,target:S.current}),i&&fe(a)},wt=()=>{var e;return{filter:t.gridProps.filter,sort:t.gridProps.sort,skip:t.gridProps.skip,take:(e=t.gridProps.take)!=null?e:t.gridProps.pageSize,group:t.gridProps.group}},C=e=>({nativeEvent:e&&e.nativeEvent,syntheticEvent:e,target:S.current}),yt=e=>({...e,nativeEvent:void 0,syntheticEvent:void 0,target:void 0,targetEvent:void 0,focusElement:void 0}),f=(e,n)=>{if(t.gridProps.isClient){e(n);return}e(yt(n))},xt=()=>{var e,n,o;if(J.current&&((e=J.current)==null?void 0:e.getElementsByClassName("k-grid-edit-row").length)>0){ve.current=!1,(n=document.activeElement)!=null&&n.closest(".k-grid-edit-row")?Re.current=document.activeElement:Re.current=void 0;const r=Array.from((o=J.current)==null?void 0:o.getElementsByClassName("k-grid-edit-row"));r.length>we.current.length?de.current=r.filter(i=>!we.current.includes(i))[0]:r.length===1&&(de.current=r[0],ve.current=!0),we.current=r}},x=()=>t.dataRef.filter(e=>e.rowType==="data").map(e=>e.dataItem),T=()=>{var e;if(R.canUseDOM)return((e=ie())==null?void 0:e.ownerDocument)||document},ie=()=>H.current,he=d.useCallback(e=>{var r,i;if(!I.current||!((r=I.current)!=null&&r.container)||t.gridProps.scrollable==="none")return;$.current&&$.current.disconnect();const{rowIndex:n}=e,o=ie();if(k){const a=((i=I.current.rowHeightService)==null?void 0:i.offset(n))||0;I.current.container.scroll(0,a)}else if(o){const a=n<1?o.querySelector("tbody > tr:nth-child(1)"):o.querySelector(`tbody > tr:nth-child(${n+1})`);a&&O.current&&(O.current.scrollTop=a.offsetTop)}},[t.gridProps.scrollable]),Ge=e=>JSON.stringify(e.map(n=>({id:n.id,field:n.field,title:n.title,children:n.children}))),St=()=>Ge(At)===Ge(t.columnsRef),Dt=()=>{le.current=window.innerWidth,St()||V()},kt=()=>{var a;const{virtualTotal:e,virtualPageSize:n,gridProps:o}=t,r=I.current,i=t.gridProps.rowHeight||((a=o.minRowHeightRef)==null?void 0:a.current)||0;r&&(r.fixedScroll=o.fixedScroll||!1,r.PageChange=st,r.pageSize=n,r.scrollableVirtual=k,r.container=O.current,r.tableBody=J.current,r.scrollHeightContainer=Oe.current,r.table=L.current,(!r.rowHeightService||r.total!==e)&&i&&(r.total=e,r.rowHeightService=new R.RowHeightService(e,i)))},Ae=d.useCallback(e=>{const n={rowIndex:Ee.current};e.forEach(o=>{o.boundingClientRect.height!==o.intersectionRect.height&&he(n)})},[he]),V=()=>{t.gridProps.forceUpdate&&t.gridProps.forceUpdate()},Kt=e=>e.left!==void 0?ye!=="rtl"?{left:e.left,right:e.right}:{left:e.right,right:e.left}:{},S=d.useRef(null),I=d.useRef(void 0),y=d.useRef(void 0),G=d.useRef(void 0),A=d.useRef(void 0),_=d.useRef(void 0),ae=d.useRef(void 0),$=d.useRef(null),J=d.useRef(null),Mt=d.useRef(null),O=d.useRef(null),L=d.useRef(null),Tt=d.useRef(null),H=d.useRef(null),Oe=d.useRef(null),z=d.useRef(null),F=d.useRef(null),Pe=d.useRef(!1),be=d.useRef(!1),de=d.useRef(void 0),Re=d.useRef(void 0),ve=d.useRef(!1),ce=d.useRef(!0),Ce=d.useRef(0),Ie=d.useRef(void 0),Ee=d.useRef(void 0),we=d.useRef([]),Le=d.useRef([]),le=d.useRef(0),Y=d.useRef(null),Ht=d.useRef(null),Gt=d.useRef(null),ye=R.useDir(H),k=t.isVirtualScroll,At=d.useMemo(()=>d.Children.toArray(t.gridProps.children),[t.gridProps.children]),ze=t.gridProps.groupable===!0||typeof t.gridProps.groupable=="object"&&t.gridProps.groupable.enabled!==!1,b=c.getSelectionOptions(t.gridProps.selectable),Fe=c.getEditableOptions(t.gridProps.editable),Ot=le.current&&Q&&le.current<=Q.medium&&t.gridProps.adaptive;return d.useMemo(()=>{c.tableKeyboardNavigation.onConstructor({navigatable:!!t.gridProps.navigatable,contextStateRef:A,navigationStateRef:_,idPrefix:t.id}),I.current=new jt.VirtualScroll},[]),d.useMemo(()=>{var e;(e=I.current)==null||e.reset()},[t.gridProps.scrollable,t.gridProps.total,t.gridProps.filter,t.gridProps.group,ze,t.gridProps.sort,t.gridProps.rowHeight]),d.useEffect(()=>(t.gridProps.clipboard&&(ae.current=new c.ClipboardService(oe),ae.current.addEventListeners(T())),()=>{ae.current&&ae.current.removeEventListeners(T())}),[t.gridProps.onClipboard,t.gridProps.clipboard,oe,T]),d.useEffect(()=>(Te(),me(),R.setScrollbarWidth(),c.tableKeyboardNavigation.onComponentDidMount({scope:H.current||void 0,contextStateRef:A,navigationStateRef:_}),()=>{clearTimeout(Ie.current)}),[]),d.useEffect(()=>{var e;Te(),me(),R.setScrollbarWidth(),k&&(re(),It(),(e=I.current)==null||e.update()),xt(),c.tableKeyboardNavigation.onComponentDidUpdate({scope:H.current||void 0,contextStateRef:A,navigationStateRef:_,focusFirst:be.current,newEditableRow:de.current,singleEditRow:ve.current,lastActiveElement:Re.current,navigatable:t.gridProps.navigatable}),be.current=!1,de.current=void 0}),d.useEffect(()=>{if(R.canUseDOM){const e={rootMargin:"0px",threshold:.9};$.current=window.IntersectionObserver&&new window.IntersectionObserver(Ae,e)||null}},[Ae]),d.useEffect(()=>{var n;let e;return R.canUseDOM&&window.ResizeObserver&&(e=new window.ResizeObserver(()=>{Dt(),k&&re()}),e.observe((n=T())==null?void 0:n.body)),()=>{e==null||e.disconnect()}},[]),d.useEffect(()=>{if(!R.canUseDOM||!window.ResizeObserver||!k||!O.current)return;const e=()=>{var i,a;const o=((i=t.gridProps.containerHeightRef)==null?void 0:i.current)||0;re();const r=((a=t.gridProps.containerHeightRef)==null?void 0:a.current)||0;(o===0&&r>0||Math.abs(r-o)>10)&&V()},n=new window.ResizeObserver(e);return n.observe(O.current),()=>{n.disconnect()}},[k,re]),d.useImperativeHandle(S,()=>({get element(){return ie()},props:t.gridProps,get columns(){return ee()},scrollIntoView:e=>{var r;if(!((r=I.current)!=null&&r.container)||t.gridProps.scrollable==="none")return;const{rowIndex:n}=e;Ee.current=n;const o=ie();if($.current&&o){$.current.disconnect();const i=o.querySelector(`[absolute-row-index="${Ee.current}"]`);i?$.current.observe(i):he(e)}},fitColumns:e=>{y.current.dblClickHandler(null,e)},exportAsPdf:ue,getTotal:se,getLeafDataItems:x})),d.useImperativeHandle(t.gridRef,()=>S.current),d.useMemo(()=>{y.current=new qt.ColumnResize(He)},[t.gridProps.onColumnResize,t.columnsRef]),d.useMemo(()=>{G.current=new Ut.CommonDragLogic(ne,vt,Me)},[t.gridProps.onColumnReorder,t.gridProps.onGroupChange,t.gridProps.group,t.columnsRef,t.gridProps.groupable]),y.current.resizable=t.gridProps.resizable||!1,y.current.columns=t.columnsRef,y.current.columnsState=R.cloneArray(t.columnsState),G.current.reorderable=t.gridProps.reorderable||!1,G.current.groupable=ze,G.current.columns=t.columnsRef,G.current.dir=ye,kt(),d.createElement(_t.GridContext.Provider,{value:{isClient:v,rowReorder:X,activeDragRowDataItemRef:Y,reorderRowDragTargetRef:Ht,reorderRowDropTargetRef:Gt,dir:ye,getCellPositionStyle:Kt,dataItemKey:t.gridProps.dataItemKey,columnsState:t.columnsState,columnsRef:t.columnsRef,hiddenColumnsRef:t.hiddenColumnsRef,onColumnsStateChange:fe,groupable:t.gridProps.groupable,group:t.gridProps.group,reorderable:t.gridProps.reorderable,defaultGroup:t.gridProps.defaultGroup,groupChange:ge,selectionRelease:it,pagerPageChange:mt,onContextMenu:je,rowClick:Je,rowDblClick:Qe,cellClick:Ze,headerCellClick:De,itemChange:tt,onDialogEditCancel:Ye,onDialogEditSubmit:Xe,columnReorder:ne,onResize:He,getTotal:se,sortable:t.gridProps.sortable,pageable:t.gridProps.pageable,pageSize:t.gridProps.pageSize,sort:t.gridProps.sort,skip:t.gridProps.skip,take:t.gridProps.take,defaultSort:t.gridProps.defaultSort,sortChange:ke,filterable:t.gridProps.filterable,filter:t.gridProps.filter,defaultFilter:t.gridProps.defaultFilter,filterOperators:t.gridProps.filterOperators||$t.operators,getLeafDataItems:x,filterChange:ht,applyHighlightDescriptor:Pt,applySelectionDescriptor:ct,highlight:t.gridProps.highlight,select:t.gridProps.select,searchChange:bt,exportAsPdf:ue,onHeaderSelectionChange:ot,columnGroupChange:Ct,onKeyDown:Ve,onFocus:_e,scrollHandler:Be,selectionChange:nt,mobileMode:Ot,adaptiveColumnMenuRef:le.current,adpativeTitle:t.gridProps.adaptiveTitle,adaptive:t.gridProps.adaptive,dispatchDetailExpand:pe,dispatchGroupExpand:et,columnResizeRef:y,dragLogicRef:G,navigationStateRef:_,tableElementRef:L,tableBodyElementRef:J,headerElementRef:Mt,containerElementRef:O,headTableElementRef:Tt,elementRef:H,virtualScrollHeightContainerRef:Oe,footerRef:z,headerRef:F,vsRef:I}},d.createElement(c.TableKeyboardNavigationContext.Provider,{value:A.current},t.children),d.createElement(Bt.GridContextMenu,{show:h.show&&(p==null?void 0:p.length),dataItem:h.dataItem,field:h.field,items:p,offset:h.offset,onClose:U,onSelect:Ue}),t.gridProps.pdf&&d.createElement(Vt.BasePDFExport,{gridProps:t.gridProps,innerGrid:t.innerGrid,pdf:typeof t.gridProps.pdf=="object"?t.gridProps.pdf:{},onPdfExport:Rt,ref:e=>q.current=e}))};exports.GridClientWrapper=Xt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ut=require("react"),R=require("@progress/kendo-react-common"),jt=require("@progress/kendo-data-query"),d=require("@progress/kendo-react-data-tools"),Vt=require("./drag/ColumnResize.js"),_t=require("./drag/CommonDragLogic.js"),W=require("./utils/index.js"),$t=require("./VirtualScroll.js"),Jt=require("./contextMenu/GridContextMenu.js"),Be=require("./contextMenu/enums.js"),Ue=require("./sortCommon.js"),Qt=require("./BasePDFExport.js"),Xt=require("./BaseCSVExport.js"),Yt=require("./utils/GridContext.js"),Zt=require("./filterCommon.js");function pt(t){const v=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const P in t)if(P!=="default"){const D=Object.getOwnPropertyDescriptor(t,P);Object.defineProperty(v,P,D.get?D:{enumerable:!0,get:()=>t[P]})}}return v.default=t,Object.freeze(v)}const c=pt(Ut),en=(t,v,P,D)=>{const J=Object.keys(v.cells).map(k=>P.findIndex(Q=>Q.field===k)),q=Object.keys(v.cells).length>0?J:!0;return t.reduce((k,Q)=>(k[Q[D!=null?D:"id"]]=q,k),{})},je=(t,v,P,D)=>v.reduce((q,k)=>({...q,...en(jt.filterBy(t,k),k,P,D)}),{}),tn=t=>{const v=t.gridProps.isClient,[P,D]=c.useState({}),J=R.useAdaptiveModeContext(),q=c.useRef(null),k=c.useRef(null),Q=e=>{e.event.preventDefault(),D({...P,show:!0,offset:{left:e.event.pageX,top:e.event.pageY},dataItem:e.dataItem,field:e.field})},xe=()=>{D({})},w=c.useMemo(()=>t.columnsRef.find(e=>e.field===P.field),[t.columnsRef,P]),Se=c.useMemo(()=>{const e=t.gridProps.sortable&&(w==null?void 0:w.sortable);return W.getDefaultHeadContextMenuItems({pdf:!!t.gridProps.pdf,sortable:!!e,selectable:d.getSelectionOptions(t.gridProps.selectable).enabled,clipboard:!!t.gridProps.clipboard})},[w,t.gridProps.sortable,t.gridProps.selectable,t.gridProps.clipboard]),De=c.useMemo(()=>(t.gridProps.sortable&&(w==null||w.sortable),W.getDefaultBodyContextMenuItems({pdf:!!t.gridProps.pdf,selectable:d.getSelectionOptions(t.gridProps.selectable).enabled,clipboard:!!t.gridProps.clipboard,rowReorderable:W.isRowReorderEnabled(t.gridProps.rowReorderable)})),[w,t.gridProps.sortable,t.gridProps.selectable,t.gridProps.clipboard]),p=c.useMemo(()=>{const e=(w==null?void 0:w.contextMenu)||t.gridProps.contextMenu,n=typeof e=="function"?e(P):e;if(n&&P.offset){const o=P.dataItem?Be.GridContextMenuAnchorPart.body:Be.GridContextMenuAnchorPart.head,r=n[o],i=P.dataItem?De:Se;return r===!1?void 0:r===!0||r===void 0?i:r}},[t.gridProps.contextMenu,P,De,Se,w]),Ve=e=>{var l,m,s,g,u,E,h,M,N;const n=e.event.item,o={target:S.current,syntheticEvent:e.event.syntheticEvent,nativeEvent:e.event.nativeEvent,menuItem:n,...e};t.gridProps.onContextMenuItemClick&&f(t.gridProps.onContextMenuItemClick,o);const r=x(),i={selectedField:"",componentId:t.id,dataItems:r,dataItem:e.dataItem,startRowIndex:-1,endRowIndex:-1,startColIndex:-1,endColIndex:-1,ctrlKey:!1,altKey:!1,metaKey:!1,shiftKey:!1,isDrag:!1,...d.getSelectionOptions(t.gridProps.selectable),...o},a=r.findIndex(Z=>Z===e.dataItem);switch((l=n.data)==null?void 0:l.action){case"SortCommand":if(w){const Z=(m=n.name)==null?void 0:m.toLowerCase().includes("asc"),Wt=((s=n.name)==null?void 0:s.toLowerCase().includes("desc"))?"desc":void 0,qt=Z?"asc":Wt,Bt=n.name?qt:void 0;ke(e.event.syntheticEvent,w,Bt)}break;case"SelectRowCommand":st(i);break;case"SelectAllRowsCommand":lt(i);break;case"ExportPDFCommand":ue();break;case"ClearSelectionCommand":gt(i);break;case"ReorderRowCommand":Y.current=e.dataItem,(g=n.name)!=null&&g.toLowerCase().includes("rowup")&&a>0&&X(e.event.syntheticEvent,a-1,"before"),(u=n.name)!=null&&u.toLowerCase().includes("rowdown")&&a<r.length-1&&X(e.event.syntheticEvent,a+1,"after"),(E=n.name)!=null&&E.toLowerCase().includes("rowtop")&&X(e.event.syntheticEvent,0,"before"),(h=n.name)!=null&&h.toLowerCase().includes("rowbottom")&&X(e.event.syntheticEvent,r.length-1,"after");break;case"CopySelectionCommand":oe(d.ClipboardActionType.copy,e.event.nativeEvent,{copyHeaders:!((M=n.name)!=null&&M.toLowerCase().includes("noheaders"))},e.dataItem,e.field);break;case"PasteCommand":oe(d.ClipboardActionType.paste,e.event.nativeEvent,{copyHeaders:!((N=n.name)!=null&&N.toLowerCase().includes("noheaders"))},e.dataItem,e.field);break}xe()},ee=()=>{const e=t.columnsRef.filter(n=>n.declarationIndex>=0&&n.parentIndex===-1);return W.sanitizeColumns(e)},_e=(e,n,o)=>{if(t.gridProps.onContextMenu&&v){const r={target:S.current,syntheticEvent:e,nativeEvent:e.nativeEvent,dataItem:n,field:o};f(t.gridProps.onContextMenu,r)}t.gridProps.contextMenu&&Q({event:e,dataItem:n,field:o})},$e=e=>{if(e.target!==e.currentTarget)return;clearTimeout(Ie.current),I.current&&(I.current.table=L.current);const n=e.currentTarget.scrollLeft,o=e.currentTarget.scrollTop;t.gridProps.columnVirtualization&&(!K||o===Ce.current)&&(Ie.current=window.setTimeout(()=>{j()},0)),t.gridProps.scrollLeftRef&&(t.gridProps.scrollLeftRef.current=n),F.current&&F.current.setScrollLeft(n),z.current&&z.current.setScrollLeft(n),I.current&&o!==Ce.current&&I.current.scrollHandler(e),t.gridProps.onScroll&&v&&f(t.gridProps.onScroll,{...C(e)}),Ce.current=o},Je=e=>{d.tableKeyboardNavigation.onKeyDown(e,{navigatable:t.gridProps.navigatable||!1,contextStateRef:A,navigationStateRef:V,onNavigationAction:Xe,columns:ee()}),d.tableKeyboardNavigation.onGetSnapshotBeforeUpdate({document:T(),contextStateRef:A,navigationStateRef:V});const n={dataItems:x(),mode:b.mode,cell:b.cell,componentId:t.id,selectedField:"",...C(e)};t.gridProps.onKeyDown&&v&&f(t.gridProps.onKeyDown,n)},Qe=e=>{d.tableKeyboardNavigation.onFocus(e,{navigatable:!!t.gridProps.navigatable,contextStateRef:A})},Xe=e=>{const{columnsRef:n}=t;if(e.action==="moveToNextPage"&&Pt(e.event),e.action==="moveToPrevPage"&&ht(e.event),e.focusElement&&(e.action==="reorderToRight"||e.action==="reorderToLeft")){const o=parseInt(e.focusElement.ariaColIndex,10)-1;if(!n[o].reorderable)return;if(e.action==="reorderToRight"&&o<t.columnsRef.length-1){if(n[o+1].disableReorder)return;ne(o,o+1,e.event)}if(e.action==="reorderToLeft"&&o>0){if(n[o-1].disableReorder)return;ne(o,o-1,e.event)}}if(e.action==="select"&&at(e.event),t.gridProps.onNavigationAction&&v){const o={focusElement:e.focusElement,...C(e.event)};f(t.gridProps.onNavigationAction,o)}},Ye=(e,n)=>{t.gridProps.onRowClick&&d.closestTagName(e.target,"TD")&&f(t.gridProps.onRowClick,{dataItem:n,...C(e)})},Ze=(e,n)=>{t.gridProps.onRowDoubleClick&&d.closestTagName(e.target,"TD")&&f(t.gridProps.onRowDoubleClick,{dataItem:n,...C(e)})},pe=e=>{t.gridProps.onItemChange&&f(t.gridProps.onItemChange,{...C(e.syntheticEvent),dataItem:e.dataItem,field:void 0,value:void 0})},et=e=>{t.gridProps.onItemChange&&t.gridProps.onEditChange&&f(t.gridProps.onEditChange,{edit:{},...C(e.syntheticEvent)})},tt=(e,n,o)=>{if(qe.enabled&&qe.mode==="incell"&&t.gridProps.dataItemKey){const r=d.editReducer(t.gridProps.edit,{type:d.EDIT_ACTION.ENTER_FIELD_EDIT,payload:{id:n[t.gridProps.dataItemKey],field:o}});t.gridProps.onEditChange&&f(t.gridProps.onEditChange,{edit:r,...C(e)})}},nt=(e,n)=>{var r;if(d.getDetailExpandableOptions(t.detailExpandable).enabled){const i=d.detailExpandReducer((r=t.gridProps.detailExpand)!=null?r:{},e);t.gridProps.onDetailExpandChange&&f(t.gridProps.onDetailExpandChange,{...C(n),detailExpand:i})}},rt=(e,n)=>{var r;const o=d.getGroupExpandableOptions(typeof t.gridProps.groupable=="object"?t.gridProps.groupable.expandable!==!1:t.gridProps.groupable);if(o.enabled){const i=d.groupExpandReducer((r=t.gridProps.groupExpand)!=null?r:[],e,o);t.gridProps.onGroupExpandChange&&f(t.gridProps.onGroupExpandChange,{...C(n),groupExpand:i})}},ke=(e,n,o)=>{const{allowUnsort:r,mode:i}=Ue.normalizeSortable(t.gridProps.sortable||!1,n.sortable||!1),a=(t.gridProps.sort||[]).filter(s=>s.field===n.field)[0],l=o||Ue.firstLevelSortSeqMap[r][a&&a.dir||""],m=i==="single"?[]:(t.gridProps.sort||[]).filter(s=>s.field!==n.field);l!==""&&n.field&&m.push({field:n.field,dir:l}),Ke(m,e)},ot=e=>{t.gridProps.onItemChange&&f(t.gridProps.onItemChange,{...C(e.syntheticEvent),dataItem:e.dataItem,dataIndex:e.dataIndex,field:e.field,value:e.value})},it=e=>{var n;if(t.gridProps.onSelectionChange&&b.enabled){const{event:o,dataItem:r,dataIndex:i,columnIndex:a}=e,l={...C(o),dataItem:r,startColIndex:a,endColIndex:a,startRowIndex:i,endRowIndex:i,dataItems:x(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,mode:b.mode,cell:b.cell,isDrag:!1,componentId:t.id,selectedField:""};f(t.gridProps.onSelectionChange,{...l,select:t.gridProps.dataItemKey?d.getSelectedState({event:l,selectedState:(n=t.gridProps.select)!=null?n:{},dataItemKey:t.gridProps.dataItemKey}):{}})}},at=e=>{var s,g;if(!b.enabled||!t.gridProps.dataItemKey)return;const n={dataItems:x(),mode:b.mode,cell:b.cell,componentId:t.id,selectedField:"",...C(e)},o=d.getSelectedStateFromKeyDown({event:n,selectedState:(s=t.gridProps.select)!=null?s:{},dataItemKey:t.gridProps.dataItemKey});if(o===t.gridProps.select)return;const r=e.target,i=d.closestTagName(r,"TD"),a=d.closestTagName(r,"TR"),l=d.getColumnIndex(i),m=d.getRowIndex(a);if(l!==void 0&&m!==void 0){const u=(g=W.getDataAsArray(t.gridProps.data))==null?void 0:g[m];t.gridProps.onSelectionChange&&f(t.gridProps.onSelectionChange,{...n,select:o,dataItem:u,startRowIndex:m,startColIndex:l,startDataItem:u,endDataItem:u,endRowIndex:m,endColIndex:l,ctrlKey:e.ctrlKey,altKey:e.altKey,metaKey:e.metaKey,shiftKey:e.shiftKey,isDrag:!1})}},ct=e=>{if(t.gridProps.onHeaderSelectionChange&&b.enabled){const n=x();f(t.gridProps.onHeaderSelectionChange,{select:e.syntheticEvent.target.checked?n.reduce((o,r)=>(t.gridProps.dataItemKey&&R.getter(t.gridProps.dataItemKey)(r)!==void 0&&(o[R.getter(t.gridProps.dataItemKey)(r)]=!0),o),{}):{},field:e.field,nativeEvent:e.syntheticEvent&&e.syntheticEvent.nativeEvent,syntheticEvent:e.syntheticEvent,target:S.current,dataItems:n})}},B=(e,n)=>{t.gridProps.onSelectionChange&&b.enabled&&f(t.gridProps.onSelectionChange,{...e,select:n})},dt=e=>{var n;if(t.gridProps.onSelectionChange&&b.enabled){const o=x()[e.startRowIndex],r=x()[e.endRowIndex],i={syntheticEvent:void 0,target:S.current,selectedField:"",componentId:t.id,dataItems:x(),dataItem:null,startDataItem:o,endDataItem:r,...e},a=d.getSelectedState({event:i,selectedState:(n=t.gridProps.select)!=null?n:{},dataItemKey:t.gridProps.dataItemKey});B(i,a)}},lt=e=>{if(t.gridProps.onSelectionChange&&b.enabled){const n=e.dataItems[0],o=e.dataItems[e.dataItems.length-1],r={},i={...e,startDataItem:n,endDataItem:o,startRowIndex:0,endRowIndex:e.dataItems.length-1,startColIndex:0,endColIndex:t.columnsRef.length-1};e.dataItems.forEach(a=>{const m=R.getter(t.gridProps.dataItemKey)(a);r[m]=e.cell?[...Array(t.columnsRef.length).keys()]:!0}),B(i,r)}},st=e=>{if(t.gridProps.onSelectionChange&&b.enabled){const o=R.getter(t.gridProps.dataItemKey)(e.dataItem),r=0,i=t.columnsRef.length-1,a=e.dataItems.findIndex(u=>u[t.gridProps.dataItemKey]===e.dataItem[t.gridProps.dataItemKey]),s={...e,startDataItem:a,endDataItem:a,startRowIndex:a,endRowIndex:a,startColIndex:r,endColIndex:i},g=e.mode==="multiple"?t.gridProps.select||{}:{};g[o]===!0||Array.isArray(g[o])&&g[o].length===t.columnsRef.length?delete g[o]:g[o]=e.cell?[...Array(t.columnsRef.length).keys()]:!0,B(s,g)}},ut=e=>{if(!b.enabled)return;const n=x(),o={syntheticEvent:void 0,nativeEvent:void 0,target:S.current,selectedField:"",componentId:t.id,dataItems:n,dataItem:null,startDataItem:null,endDataItem:null,ctrlKey:!1,altKey:!1,metaKey:!1,shiftKey:!1,isDrag:!1,mode:b.mode,cell:b.cell};if(!e||e.length===0){const u={...o,startRowIndex:-1,endRowIndex:-1,startColIndex:-1,endColIndex:-1};B(u,{});return}const r=je(t.gridProps.data,e,t.columnsRef,t.gridProps.dataItemKey),i={};Object.keys(r).forEach(u=>{r[u]&&(i[u]=b.cell?[...Array(t.columnsRef.length).keys()]:!0)});let a=-1,l=-1,m=n[0]||null,s=n[n.length-1]||null;if(t.gridProps.dataItemKey){const u=R.getter(t.gridProps.dataItemKey);for(let E=0;E<n.length;E++){const h=u(n[E]);h!==void 0&&r[h]&&(a===-1&&(a=E,m=n[E]),l=E,s=n[E])}}const g={...o,startRowIndex:a,endRowIndex:l,startColIndex:0,endColIndex:t.columnsRef.length-1,startDataItem:m,endDataItem:s};B(g,i)},gt=e=>{t.gridProps.onSelectionChange&&b.enabled&&B(e,{})},U=(e,n,o,r,i)=>{mt();const a=t.gridProps.onDataStateChange;if(e){const l={...C(r),...n,targetEvent:i};f(e,l)}else a&&f(a,{...C(r),targetEvent:i||{},dataState:{...Dt(),...o}})},te=(e,n,o)=>{var r;K&&t.gridProps.pageable&&((r=I.current)==null||r.reset()),U(t.gridProps.onPageChange,{page:e},{skip:e.skip,take:e.take},n,o)},ft=(e,n,o)=>{var r;t.gridProps.pageable||(r=t.gridProps.group)!=null&&r.length?t.gridProps.virtualSkipRef&&(t.gridProps.virtualSkipRef.current=e.skip,j()):te(e,n,o)},se=()=>{let e=t.gridProps.total||0;return Array.isArray(t.gridProps.data)?e=e||t.gridProps.data.length:t.gridProps.data&&(e=e||t.gridProps.data.total),e},mt=()=>{K&&t.gridProps.virtualSkipRef&&(t.gridProps.virtualSkipRef.current=0)},Pt=e=>{var i,a;const n=(a=(i=t.gridProps.take)!=null?i:t.gridProps.pageSize)!=null?a:0,o=(t.gridProps.skip||0)+n,r=se();o<r&&te({skip:o,take:n},e)},ht=e=>{var r,i;const n=(i=(r=t.gridProps.take)!=null?r:t.gridProps.pageSize)!=null?i:0,o=(t.gridProps.skip||0)-n;o>=0&&te({skip:o,take:n},e)},bt=e=>{te({skip:e.skip,take:e.take},e.syntheticEvent,e.targetEvent)},Ke=(e,n)=>{U(t.gridProps.onSortChange,{sort:e},{sort:e,...K&&!t.gridProps.pageable?{skip:0}:{}},n)},Rt=(e,n)=>{U(t.gridProps.onFilterChange,{filter:e},{filter:e,skip:0},n)},vt=e=>{if(!e||e.length===0){Me({});return}const n=je(t.gridProps.data,e,t.columnsRef,t.gridProps.dataItemKey);Me({...n})},Me=e=>{U(t.gridProps.onHighlightChange,{highlight:e},{},{})},Ct=e=>{const n=t.gridProps.searchFields||t.columnsRef.map(i=>i.field)||[],o=e.nativeEvent.target.value,r={logic:"or",filters:n.filter(i=>i!==void 0).map(i=>{var a;return typeof i=="string"?{field:i,value:o,operator:"contains"}:{value:o,operator:(a=i.operator)!=null?a:"contains",field:i.field,ignoreCase:i.ignoreCase}})};U(t.gridProps.onSearchChange,{search:r},{skip:0},e.syntheticEvent)},ue=()=>{var e;(e=q.current)==null||e.save()},Te=async()=>{var e;await((e=k.current)==null?void 0:e.save())},He=()=>{var e;return((e=k.current)==null?void 0:e.getBlob())||null},It=async e=>{var n,o;(n=t.gridProps)!=null&&n.onPdfExport&&await((o=t.gridProps)==null?void 0:o.onPdfExport(e))},Et=e=>{var n,o;return(n=t.gridProps)!=null&&n.onCsvExport?(o=t.gridProps)==null?void 0:o.onCsvExport(e):e},ge=(e,n)=>{const o=n.nativeEvent?n:{nativeEvent:n.nativeEvent||n.originalEvent};let r={};t.isVirtualScroll&&e.length&&!t.gridProps.pageable&&(r={take:void 0}),e.length===0&&t.gridProps.navigatable&&(be.current=!0),U(t.gridProps.onGroupChange,{group:e},{group:e,skip:0,...r},o)},fe=e=>{if(t.gridProps.onColumnsStateChange){const n={target:S.current,columnsState:e};f(t.gridProps.onColumnsStateChange,n)}},ne=(e,n,o)=>{const{columnsRef:r,columnsState:i}=t,a=r[e],l=W.getFlatColumnsState(i),m=a.depth,s=h=>{do h++;while(h<r.length&&r[h].depth>m);return h},g=r.splice(e,s(e)-e);r.splice(e<n?s(n-g.length):n,0,...g),r.filter(h=>h.declarationIndex>=0).forEach((h,M)=>{h.orderIndex=M;const N=l.find(Z=>Z.id===h.id);N&&(N.orderIndex=M)});const u=r[e].locked&&r[n].locked;d.updateLeft(t.columnsMapRef,r,u||de.current),d.updateRight(t.columnsMapRef,r,u||de.current),he.current&&(de.current=!1,he.current=!1);const E=ee();if(j(),t.gridProps.onColumnReorder){const h={target:S.current,columns:E,columnId:a.id,nativeEvent:o};f(t.gridProps.onColumnReorder,h)}fe(i)},X=(e,n,o)=>{const r=typeof t.gridProps.rowReorderable=="object"?t.gridProps.rowReorderable.enabled:t.gridProps.rowReorderable;if(o==="forbidden"||!r||!Y.current)return;const i=t.dataRef[n];t.gridProps.onRowReorder&&f(t.gridProps.onRowReorder,{draggedDataItems:[Y.current],droppedDataItem:i==null?void 0:i.dataItem,dropPosition:o,nativeEvent:e.originalEvent,dragEvent:e,target:S.current}),Y.current=null},wt=(e,n,o)=>{if(t.gridProps.group===void 0)return;const r=t.gridProps.group.slice();r.splice(n,0,...r.splice(e,1)),ge(r,o)},Ge=(e,n,o)=>{const r=t.columnsRef[e].field;if(!r)return;const i=(t.gridProps.group||[]).slice();i.splice(n,0,{field:r}),ge(i,o)},yt=(e,n)=>{const o=G.current.getCurrentGroupsLength;Ge(e,o,n)},me=()=>{var o,r,i,a,l,m;if(t.gridProps.dataLayoutMode==="stacked"){const s=((o=H.current)==null?void 0:o.offsetWidth)||0;if((r=y.current)!=null&&r.colGroupMain&&s){const g=y.current.colGroupMain.children,u=g.length-1;if(u>=0){let E=0;for(let M=0;M<u;M++){const N=parseFloat((g[M].width||0).toString())||g[M].clientWidth;E+=N}const h=Math.max(0,s-E);g[u].width=h+"px",(a=(i=y.current.colGroupHeader)==null?void 0:i.children)!=null&&a[u]&&(y.current.colGroupHeader.children[u].width=h+"px"),(m=(l=y.current.colGroupFooter)==null?void 0:l.children)!=null&&m[u]&&(y.current.colGroupFooter.children[u].width=h+"px")}}F.current&&F.current.setWidth(s),z.current&&z.current.setWidth(s),L.current&&(L.current.style.width=s?s+"px":"");return}let e=0;if(!y.current.colGroupMain)return;const n=y.current.colGroupMain.children;for(let s=0;s<n.length;s++){const g=n[s].width;if(!g){e=0;break}e+=parseFloat(g.toString())}e=Math.round(e),F.current&&F.current.setWidth(e),z.current&&z.current.setWidth(e),L.current&&(L.current.style.width=e?e+"px":"")},Ae=()=>{var e;t.gridProps.widthRef&&(t.gridProps.widthRef.current=((e=H.current)==null?void 0:e.offsetWidth)||0)},re=()=>{var e;t.gridProps.containerHeightRef&&(t.gridProps.containerHeightRef.current=((e=O.current)==null?void 0:e.offsetHeight)||0)},xt=()=>{const e=t.gridProps.minRowHeightRef;if(e&&!e.current&&!t.gridProps.rowHeight){const n=W.calcRowHeight($.current);n&&(e.current=n,j())}},oe=c.useCallback((e,n,o,r,i)=>{var s;if(!St()&&!o||!e)return;const a={type:e,nativeEvent:n,columns:t.columnsRef,dataItemKey:t.gridProps.dataItemKey||"",dataItem:r,field:i,...typeof t.gridProps.clipboard!="boolean"?t.gridProps.clipboard:{},...o},l=x(),m=d.populateClipboardData({event:a,data:l,selectedState:(s=t.gridProps.select)!=null?s:{},previousCopiedItems:Ne.current});e!==d.ClipboardActionType.paste&&(Ne.current=m.copiedItems),t.gridProps.onClipboard&&v&&f(t.gridProps.onClipboard,{...a,...m})},[t.gridProps.select,t.gridProps.dataItemKey,t.gridProps.data,t.gridProps.clipboard,t.gridProps.onClipboard]),St=()=>{var i,a,l;if(!R.canUseDOM)return!1;const e=R.getActiveElement(T()),n=e?e.matches(".k-table-td")?e:(i=T())==null?void 0:i.body:(a=T())==null?void 0:a.body,o=n.closest(".k-grid-container"),r=n&&((l=H.current)==null?void 0:l.contains(n));return!!(n&&r&&o)},Oe=(e,n,o,r,i,a,l)=>{me(),de.current=!0,he.current=!0,t.gridProps.onColumnResize&&v&&f(t.gridProps.onColumnResize,{columns:ee(),nativeEvent:r,targetColumnId:l,index:e,newWidth:n,oldWidth:o,end:i,target:S.current}),i&&fe(a)},Dt=()=>{var e;return{filter:t.gridProps.filter,sort:t.gridProps.sort,skip:t.gridProps.skip,take:(e=t.gridProps.take)!=null?e:t.gridProps.pageSize,group:t.gridProps.group}},C=e=>({nativeEvent:e&&e.nativeEvent,syntheticEvent:e,target:S.current}),kt=e=>({...e,nativeEvent:void 0,syntheticEvent:void 0,target:void 0,targetEvent:void 0,focusElement:void 0}),f=(e,n)=>{if(t.gridProps.isClient){e(n);return}e(kt(n))},Kt=()=>{var e,n,o;if($.current&&((e=$.current)==null?void 0:e.getElementsByClassName("k-grid-edit-row").length)>0){ve.current=!1,(n=document.activeElement)!=null&&n.closest(".k-grid-edit-row")?Re.current=document.activeElement:Re.current=void 0;const r=Array.from((o=$.current)==null?void 0:o.getElementsByClassName("k-grid-edit-row"));r.length>we.current.length?ce.current=r.filter(i=>!we.current.includes(i))[0]:r.length===1&&(ce.current=r[0],ve.current=!0),we.current=r}},x=()=>t.dataRef.filter(e=>e.rowType==="data").map(e=>e.dataItem),T=()=>{var e;if(R.canUseDOM)return((e=ie())==null?void 0:e.ownerDocument)||document},ie=()=>H.current,Pe=c.useCallback(e=>{var r,i;if(!I.current||!((r=I.current)!=null&&r.container)||t.gridProps.scrollable==="none")return;_.current&&_.current.disconnect();const{rowIndex:n}=e,o=ie();if(K){const a=((i=I.current.rowHeightService)==null?void 0:i.offset(n))||0;I.current.container.scroll(0,a)}else if(o){const a=n<1?o.querySelector("tbody > tr:nth-child(1)"):o.querySelector(`tbody > tr:nth-child(${n+1})`);a&&O.current&&(O.current.scrollTop=a.offsetTop)}},[t.gridProps.scrollable]),Le=e=>JSON.stringify(e.map(n=>({id:n.id,field:n.field,title:n.title,children:n.children}))),Mt=()=>Le(Ft)===Le(t.columnsRef),Tt=()=>{le.current=window.innerWidth,Mt()||j()},Ht=()=>{var a;const{virtualTotal:e,virtualPageSize:n,gridProps:o}=t,r=I.current,i=t.gridProps.rowHeight||((a=o.minRowHeightRef)==null?void 0:a.current)||0;r&&(r.fixedScroll=o.fixedScroll||!1,r.PageChange=ft,r.pageSize=n,r.scrollableVirtual=K,r.container=O.current,r.tableBody=$.current,r.scrollHeightContainer=Fe.current,r.table=L.current,(!r.rowHeightService||r.total!==e)&&i&&(r.total=e,r.rowHeightService=new R.RowHeightService(e,i)))},ze=c.useCallback(e=>{const n={rowIndex:Ee.current};e.forEach(o=>{o.boundingClientRect.height!==o.intersectionRect.height&&Pe(n)})},[Pe]),j=()=>{t.gridProps.forceUpdate&&t.gridProps.forceUpdate()},Gt=e=>e.left!==void 0?ye!=="rtl"?{left:e.left,right:e.right}:{left:e.right,right:e.left}:{},S=c.useRef(null),I=c.useRef(void 0),y=c.useRef(void 0),G=c.useRef(void 0),A=c.useRef(void 0),V=c.useRef(void 0),ae=c.useRef(void 0),_=c.useRef(null),$=c.useRef(null),At=c.useRef(null),O=c.useRef(null),L=c.useRef(null),Ot=c.useRef(null),H=c.useRef(null),Fe=c.useRef(null),z=c.useRef(null),F=c.useRef(null),he=c.useRef(!1),be=c.useRef(!1),ce=c.useRef(void 0),Re=c.useRef(void 0),ve=c.useRef(!1),de=c.useRef(!0),Ce=c.useRef(0),Ie=c.useRef(void 0),Ee=c.useRef(void 0),we=c.useRef([]),Ne=c.useRef([]),le=c.useRef(0),Y=c.useRef(null),Lt=c.useRef(null),zt=c.useRef(null),ye=R.useDir(H),K=t.isVirtualScroll,Ft=c.useMemo(()=>c.Children.toArray(t.gridProps.children),[t.gridProps.children]),We=t.gridProps.groupable===!0||typeof t.gridProps.groupable=="object"&&t.gridProps.groupable.enabled!==!1,b=d.getSelectionOptions(t.gridProps.selectable),qe=d.getEditableOptions(t.gridProps.editable),Nt=le.current&&J&&le.current<=J.medium&&t.gridProps.adaptive;return c.useMemo(()=>{d.tableKeyboardNavigation.onConstructor({navigatable:!!t.gridProps.navigatable,contextStateRef:A,navigationStateRef:V,idPrefix:t.id}),I.current=new $t.VirtualScroll},[]),c.useMemo(()=>{var e;(e=I.current)==null||e.reset()},[t.gridProps.scrollable,t.gridProps.total,t.gridProps.filter,t.gridProps.group,We,t.gridProps.sort,t.gridProps.rowHeight]),c.useEffect(()=>(t.gridProps.clipboard&&(ae.current=new d.ClipboardService(oe),ae.current.addEventListeners(T())),()=>{ae.current&&ae.current.removeEventListeners(T())}),[t.gridProps.onClipboard,t.gridProps.clipboard,oe,T]),c.useEffect(()=>(Ae(),me(),R.setScrollbarWidth(),d.tableKeyboardNavigation.onComponentDidMount({scope:H.current||void 0,contextStateRef:A,navigationStateRef:V}),()=>{clearTimeout(Ie.current)}),[]),c.useEffect(()=>{var e;Ae(),me(),R.setScrollbarWidth(),K&&(re(),xt(),(e=I.current)==null||e.update()),Kt(),d.tableKeyboardNavigation.onComponentDidUpdate({scope:H.current||void 0,contextStateRef:A,navigationStateRef:V,focusFirst:be.current,newEditableRow:ce.current,singleEditRow:ve.current,lastActiveElement:Re.current,navigatable:t.gridProps.navigatable}),be.current=!1,ce.current=void 0}),c.useEffect(()=>{if(R.canUseDOM){const e={rootMargin:"0px",threshold:.9};_.current=window.IntersectionObserver&&new window.IntersectionObserver(ze,e)||null}},[ze]),c.useEffect(()=>{var n;let e;return R.canUseDOM&&window.ResizeObserver&&(e=new window.ResizeObserver(()=>{Tt(),K&&re()}),e.observe((n=T())==null?void 0:n.body)),()=>{e==null||e.disconnect()}},[]),c.useEffect(()=>{if(!R.canUseDOM||!window.ResizeObserver||!K||!O.current)return;const e=()=>{var i,a;const o=((i=t.gridProps.containerHeightRef)==null?void 0:i.current)||0;re();const r=((a=t.gridProps.containerHeightRef)==null?void 0:a.current)||0;(o===0&&r>0||Math.abs(r-o)>10)&&j()},n=new window.ResizeObserver(e);return n.observe(O.current),()=>{n.disconnect()}},[K,re]),c.useImperativeHandle(S,()=>({get element(){return ie()},props:t.gridProps,get columns(){return ee()},scrollIntoView:e=>{var r;if(!((r=I.current)!=null&&r.container)||t.gridProps.scrollable==="none")return;const{rowIndex:n}=e;Ee.current=n;const o=ie();if(_.current&&o){_.current.disconnect();const i=o.querySelector(`[absolute-row-index="${Ee.current}"]`);i?_.current.observe(i):Pe(e)}},fitColumns:e=>{y.current.dblClickHandler(null,e)},exportAsPdf:ue,saveAsCsv:Te,getCsvBlob:He,getTotal:se,getLeafDataItems:x})),c.useImperativeHandle(t.gridRef,()=>S.current),c.useMemo(()=>{y.current=new Vt.ColumnResize(Oe)},[t.gridProps.onColumnResize,t.columnsRef]),c.useMemo(()=>{G.current=new _t.CommonDragLogic(ne,wt,Ge)},[t.gridProps.onColumnReorder,t.gridProps.onGroupChange,t.gridProps.group,t.columnsRef,t.gridProps.groupable]),y.current.resizable=t.gridProps.resizable||!1,y.current.columns=t.columnsRef,y.current.columnsState=R.cloneArray(t.columnsState),G.current.reorderable=t.gridProps.reorderable||!1,G.current.groupable=We,G.current.columns=t.columnsRef,G.current.dir=ye,Ht(),c.createElement(Yt.GridContext.Provider,{value:{isClient:v,rowReorder:X,activeDragRowDataItemRef:Y,reorderRowDragTargetRef:Lt,reorderRowDropTargetRef:zt,dir:ye,getCellPositionStyle:Gt,dataItemKey:t.gridProps.dataItemKey,columnsState:t.columnsState,columnsRef:t.columnsRef,hiddenColumnsRef:t.hiddenColumnsRef,onColumnsStateChange:fe,groupable:t.gridProps.groupable,group:t.gridProps.group,reorderable:t.gridProps.reorderable,defaultGroup:t.gridProps.defaultGroup,groupChange:ge,selectionRelease:dt,pagerPageChange:bt,onContextMenu:_e,rowClick:Ye,rowDblClick:Ze,cellClick:tt,headerCellClick:ke,itemChange:ot,onDialogEditCancel:et,onDialogEditSubmit:pe,columnReorder:ne,onResize:Oe,getTotal:se,sortable:t.gridProps.sortable,pageable:t.gridProps.pageable,pageSize:t.gridProps.pageSize,sort:t.gridProps.sort,skip:t.gridProps.skip,take:t.gridProps.take,defaultSort:t.gridProps.defaultSort,sortChange:Ke,filterable:t.gridProps.filterable,filter:t.gridProps.filter,defaultFilter:t.gridProps.defaultFilter,filterOperators:t.gridProps.filterOperators||Zt.operators,getLeafDataItems:x,filterChange:Rt,applyHighlightDescriptor:vt,applySelectionDescriptor:ut,highlight:t.gridProps.highlight,select:t.gridProps.select,searchChange:Ct,exportAsPdf:ue,exportAsCsv:Te,getCsvBlob:He,onHeaderSelectionChange:ct,columnGroupChange:yt,onKeyDown:Je,onFocus:Qe,scrollHandler:$e,selectionChange:it,mobileMode:Nt,adaptiveColumnMenuRef:le.current,adpativeTitle:t.gridProps.adaptiveTitle,adaptive:t.gridProps.adaptive,dispatchDetailExpand:nt,dispatchGroupExpand:rt,columnResizeRef:y,dragLogicRef:G,navigationStateRef:V,tableElementRef:L,tableBodyElementRef:$,headerElementRef:At,containerElementRef:O,headTableElementRef:Ot,elementRef:H,virtualScrollHeightContainerRef:Fe,footerRef:z,headerRef:F,vsRef:I}},c.createElement(d.TableKeyboardNavigationContext.Provider,{value:A.current},t.children),c.createElement(Jt.GridContextMenu,{show:P.show&&(p==null?void 0:p.length),dataItem:P.dataItem,field:P.field,items:p,offset:P.offset,onClose:xe,onSelect:Ve}),t.gridProps.pdf&&c.createElement(Qt.BasePDFExport,{gridProps:t.gridProps,innerGrid:t.innerGrid,pdf:typeof t.gridProps.pdf=="object"?t.gridProps.pdf:{},onPdfExport:It,ref:e=>q.current=e}),t.gridProps.csv&&c.createElement(Xt.BaseCSVExport,{gridProps:t.gridProps,csv:typeof t.gridProps.csv=="object"?t.gridProps.csv:{},onCsvExport:Et,columnsState:t.columnsState,ref:e=>k.current=e}))};exports.GridClientWrapper=tn;