@progress/kendo-react-grid 11.0.0-develop.2 → 11.0.0-develop.21

package/components/GridDraggableRowsContainer.mjs

@@ -7,100 +7,104 @@
  */
 "use client";
 import e from "react";
-import { GridContext as z } from "../GridClientWrapper.mjs";
-import { useDraggable as G, classNames as v, SvgIcon as H } from "@progress/kendo-react-common";
-import { dropDirection as o, getOffset as _, isDifferentParent as j } from "./utils.mjs";
-import A from "react-dom";
-import { cancelIcon as E, insertMiddleIcon as L } from "@progress/kendo-svg-icons";
-import { cloneReactElement as W } from "../utils/index.mjs";
-const X = {
+import { GridContext as H } from "../utils/GridContext.mjs";
+import { useDraggable as _, classNames as x, SvgIcon as j } from "@progress/kendo-react-common";
+import { dropDirection as o, getOffset as A } from "./utils.mjs";
+import L from "react-dom";
+import { cancelIcon as w, insertMiddleIcon as W } from "@progress/kendo-svg-icons";
+import { cloneReactElement as X } from "../utils/index.mjs";
+const q = {
   zIndex: "19000",
   position: "absolute",
   display: "none",
   visibility: "hidden"
-}, q = {
+}, J = {
   zIndex: "20000",
   display: "flex",
   position: "fixed",
   visibility: "hidden",
   pointerEvents: "none"
-}, ce = (b) => {
-  const { rowReorderSettings: l, columns: x, unstyled: y } = b, {
-    rowReorder: w,
-    reorderRowDragTargetRef: a,
+}, se = (b) => {
+  const { rowReorderSettings: a, columns: S, unstyled: y } = b, {
+    rowReorder: T,
+    reorderRowDragTargetRef: u,
     reorderRowDropTargetRef: i,
     activeDragRowDataItemRef: d,
-    tableBodyElementRef: S
-  } = e.useContext(z), [T, R] = e.useState(!1), [k, N] = e.useState(E), D = e.useRef(null), f = e.useRef(null), c = e.useRef(null), C = e.useRef(null), p = e.useRef(!1), m = e.useRef(null), h = typeof l == "object" ? l.enabled : l;
+    tableBodyElementRef: k
+  } = e.useContext(H), [N, C] = e.useState(!1), [O, P] = e.useState(w), D = e.useRef(null), f = e.useRef(null), c = e.useRef(null), h = e.useRef(null), p = e.useRef(!1), m = e.useRef(null), R = e.useRef(null), E = typeof a == "object" ? a.enabled : a;
   e.useEffect(() => {
-    S.current = D.current;
-  }, []), G(D, {
-    onPress: (t) => {
-      const r = t.originalEvent.target;
-      r.closest(".k-drag-cell") && (C.current = t.offsetY, p.current = !0, a.current = r.closest(".k-table-row"));
+    k.current = D.current;
+  }, []), _(D, {
+    onPress: (r) => {
+      var s;
+      const t = r.originalEvent.target;
+      t.closest(".k-drag-cell") && (h.current = r.offsetY, p.current = !0, u.current = t.closest(".k-table-row"), R.current = (s = u.current) == null ? void 0 : s.parentElement);
     },
-    onDragStart: (t) => {
-      !p.current || !h || !d.current || (a.current && (a.current.style.userSelect = "none"), R(!0));
+    onDragStart: (r) => {
+      !p.current || !E || !d.current || (u.current && (u.current.style.userSelect = "none"), C(!0));
     },
-    onDrag: (t) => {
+    onDrag: (r) => {
       if (!p.current && !f.current)
         return;
-      const { clientX: r, clientY: n } = t, u = C.current, g = { x: r, y: n - u };
-      f.current && (f.current.style.left = `${g.x}px`, f.current.style.top = `${g.y}px`, f.current.style.visibility = "visible"), O(t);
+      const { clientX: t, clientY: n } = r, s = h.current, g = { x: t, y: n - s };
+      f.current && (f.current.style.left = `${g.x}px`, f.current.style.top = `${g.y}px`, f.current.style.visibility = "visible"), M(r);
     },
-    onDragEnd: (t) => {
+    onDragEnd: (r) => {
       var n;
-      if (!h || !d.current)
+      if (!E || !d.current)
         return;
-      R(!1);
-      const r = Number((n = i.current) == null ? void 0 : n.getAttribute("absolute-row-index"));
-      w(t, r, m.current), p.current = !1;
+      C(!1);
+      const t = Number((n = i.current) == null ? void 0 : n.getAttribute("absolute-row-index"));
+      T(r, t, m.current), p.current = !1, R.current = null;
     }
   });
-  const O = (t) => {
-    m.current = F(t), P();
-  }, P = () => {
-    var u;
+  const M = (r) => {
+    m.current = V(r), Y();
+  }, Y = () => {
+    var s;
     if (m.current === o.forbidden || !i.current) {
-      M();
+      B();
       return;
     }
-    Y();
-    const t = _(i.current);
-    let r = t.top;
-    const n = t.left + (((u = c.current) == null ? void 0 : u.offsetWidth) || 0) / 2;
-    m.current === o.after && (r += i.current.offsetHeight), c.current && (c.current.style.top = `${r}px`, c.current.style.left = `${n}px`, c.current.style.visibility = "visible");
-  }, M = () => {
+    F();
+    const r = A(i.current);
+    let t = r.top;
+    const n = r.left + (((s = c.current) == null ? void 0 : s.offsetWidth) || 0) / 2;
+    m.current === o.after && (t += i.current.offsetHeight), c.current && (c.current.style.top = `${t}px`, c.current.style.left = `${n}px`, c.current.style.visibility = "visible");
+  }, B = () => {
     c.current && (c.current.style.display = "none");
-  }, Y = () => {
+  }, F = () => {
     c.current && (c.current.style.display = "");
-  }, B = () => {
+  }, $ = () => {
     if (d.current) {
-      if (l.dragClue)
-        return typeof l.dragClue == "string" ? l.dragClue : l.dragClue(d.current);
-      {
-        const t = x.find((n) => !n.hidden && n.columnType === "data");
-        return d.current[t.field];
+      if (a.dragClue) {
+        if (typeof a.dragClue == "string")
+          return a.dragClue;
+      } else {
+        const r = S.find((n) => !n.hidden && n.columnType === "data");
+        return d.current[r.field];
       }
+      return a.dragClue(d.current);
     }
-  }, F = (t) => {
-    if (i.current === a.current || !i.current)
+  }, V = (r) => {
+    var v;
+    if (i.current === u.current || !i.current)
       return o.forbidden;
-    if (j(i.current, a.current))
+    if (((v = i.current) == null ? void 0 : v.parentElement) !== R.current)
       return o.forbidden;
-    const r = i.current.getBoundingClientRect(), u = r.height / 2, g = t.clientY, I = r.top;
-    let s = null;
-    g < I + u ? s = o.before : g >= I + r.height - u && (s = o.after), s === o.before && i.current === a.current.nextElementSibling ? s = o.forbidden : s === o.after && i.current === a.current.previousElementSibling && (s = o.forbidden);
-    const V = s === o.forbidden ? E : L;
-    return N(V), s;
-  }, $ = e.useMemo(B, [d.current]);
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, T && A.createPortal(
+    const t = i.current.getBoundingClientRect(), s = t.height / 2, g = r.clientY, I = t.top;
+    let l = null;
+    g < I + s ? l = o.before : g >= I + t.height - s && (l = o.after), l === o.before && i.current === u.current.nextElementSibling ? l = o.forbidden : l === o.after && i.current === u.current.previousElementSibling && (l = o.forbidden);
+    const G = l === o.forbidden ? w : W;
+    return P(G), l;
+  }, z = e.useMemo($, [d.current]);
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, N && L.createPortal(
     /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
       "div",
       {
         ref: c,
-        style: X,
-        className: v(
+        style: q,
+        className: x(
           y.rowReorder({ dropIndicatorMain: !0, dropIndicatorDirection: !0 })
         )
       },
@@ -110,19 +114,19 @@ const X = {
       "div",
       {
         ref: f,
-        style: q,
-        className: v(y.rowReorder({ dragClueMain: !0, dragClueOperation: !0 }))
+        style: J,
+        className: x(y.rowReorder({ dragClueMain: !0, dragClueOperation: !0 }))
       },
-      /* @__PURE__ */ e.createElement(H, { className: "k-drag-status", icon: k }),
-      $
+      /* @__PURE__ */ e.createElement(j, { className: "k-drag-status", icon: O }),
+      z
     )),
     document.body
-  ), W(b.children, {
+  ), X(b.children, {
     ref: D
   }));
 };
 export {
-  ce as GridReorderableRowsContainer,
-  X as dropIndicatorStyles,
-  q as hintClueStyles
+  se as GridReorderableRowsContainer,
+  q as dropIndicatorStyles,
+  J as hintClueStyles
 };

package/components/GridDropClue.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),u=require("@progress/kendo-react-data-tools"),a=require("../GridClientWrapper.js");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const n=i(c),l=e=>{const t=n.useContext(a.GridContext);return n.createElement(u.DropClue,{ref:t.dragLogicRef.current.refDropElementClue})};exports.GridDropClue=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),u=require("@progress/kendo-react-data-tools"),a=require("../utils/GridContext.js");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const n=i(c),l=e=>{const t=n.useContext(a.GridContext);return n.createElement(u.DropClue,{ref:t.dragLogicRef.current.refDropElementClue})};exports.GridDropClue=l;

package/components/GridDropClue.mjs

@@ -8,7 +8,7 @@
 "use client";
 import * as r from "react";
 import { DropClue as t } from "@progress/kendo-react-data-tools";
-import { GridContext as o } from "../GridClientWrapper.mjs";
+import { GridContext as o } from "../utils/GridContext.mjs";
 const i = (n) => {
   const e = r.useContext(o);
   return /* @__PURE__ */ r.createElement(t, { ref: e.dragLogicRef.current.refDropElementClue });

package/components/GridEditDialog.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),q=require("react-dom"),I=require("@progress/kendo-react-layout"),s=require("@progress/kendo-react-buttons"),o=require("@progress/kendo-react-labels"),x=require("@progress/kendo-react-intl"),M=require("@progress/kendo-react-dateinputs"),_=require("@progress/kendo-react-common"),m=require("@progress/kendo-svg-icons"),L=require("@progress/kendo-react-inputs"),T=require("@progress/kendo-react-data-tools"),R=require("@progress/kendo-react-dialogs"),r=require("@progress/kendo-react-form"),A=require("../GridClientWrapper.js"),i=require("../messages/index.js"),w=l=>{var p;const S=x.useLocalization(),E=_.useAdaptiveModeContext(),n=e.useContext(A.GridContext),u=(a,t)=>{n.onDialogEditSubmit&&n.onDialogEditSubmit({dataItem:a,syntheticEvent:t})},c=a=>{n.onDialogEditCancel&&n.onDialogEditCancel({syntheticEvent:a})},N=a=>{const{validationMessage:t,visited:z,id:v,valid:O,editor:F,value:b,label:f,...k}=a,C=n.mobileMode?"large":"medium";switch(F){case"numeric":return e.createElement(e.Fragment,null,e.createElement(o.Label,{editorId:v,className:"k-form-label"},f,":"),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(L.NumericTextBox,{...k,size:C,value:b,[T.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),t&&e.createElement(o.Error,null,t)));case"date":return e.createElement(e.Fragment,null,e.createElement(o.Label,{editorId:v,className:"k-form-label"},f,":"),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(M.DatePicker,{valid:!0,...k,value:b,adaptive:n.mobileMode,size:C,[T.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),t&&e.createElement(o.Error,null,t)));case"boolean":return e.createElement("div",{className:"k-form-field-wrap"},e.createElement(o.Label,{editorId:v,className:"k-form-label"},f,":  ",e.createElement(L.Checkbox,{...k,size:C,value:b,[T.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),t&&e.createElement(o.Error,null,t)));default:return e.createElement(e.Fragment,null,e.createElement(o.Label,{editorId:v,className:"k-form-label"},f,":"),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(L.TextBox,{...k,size:C,value:b||"",[T.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),t&&e.createElement(o.Error,null,t)))}},D=S.toLanguageString(i.editDialogTitle,i.messages[i.editDialogTitle]),h=S.toLanguageString(i.editDialogSaveButtonTitle,i.messages[i.editDialogSaveButtonTitle]),B=S.toLanguageString(i.editDialogCancelButtonTitle,i.messages[i.editDialogCancelButtonTitle]),y={animation:!0,navigatable:!1,navigatableElements:[],expand:!0,title:n.adpativeTitle||D,suffixActions:e.createElement(s.Button,{svgIcon:m.xIcon,onClick:c,fillMode:"flat"}),animationStyles:E&&n.adaptiveColumnMenuRef<=E.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:E&&n.adaptiveColumnMenuRef<=E.small?"fullscreen":void 0},{customEditDialog:g}=l,d=(p=l.columns)==null?void 0:p.filter(a=>a.editable);return e.createElement(e.Fragment,null,q.createPortal(e.createElement(e.Fragment,null,n.mobileMode?e.createElement(e.Fragment,null,g?e.createElement(g,{columns:l.columns,dataItem:l.dataItem,onSubmit:u,onCancel:c}):e.createElement(r.Form,{initialValues:l.dataItem,onSubmit:u,id:"kendo-grid-edit-dialog",render:a=>e.createElement(I.ActionSheet,{...y},e.createElement(I.ActionSheetContent,null,e.createElement(r.FormElement,null,d==null?void 0:d.map(t=>e.createElement(r.FieldWrapper,{key:t.field},e.createElement(r.Field,{name:t.field,id:t.field,editor:t.editor,component:N,label:t.title||t.field,validator:t==null?void 0:t.validator}))))),e.createElement(I.ActionSheetFooter,null,e.createElement(s.Button,{onClick:c,type:"reset",icon:"cancel",size:"large",svgIcon:m.cancelIcon},B),e.createElement(s.Button,{type:"submit",themeColor:"primary",size:"large",disabled:!a.allowSubmit||!a.valid,onClick:a.onSubmit,icon:"save",svgIcon:m.saveIcon},h)))})):g?e.createElement(g,{columns:l.columns,dataItem:l.dataItem,onSubmit:u,onCancel:c}):e.createElement(r.Form,{initialValues:l.dataItem,onSubmit:u,id:"kendo-grid-edit-dialog",render:a=>e.createElement(R.Dialog,{title:D,width:450,onClose:t=>c(t.syntheticEvent)},e.createElement(r.FormElement,null,d==null?void 0:d.map(t=>e.createElement(r.FieldWrapper,{key:t.field},e.createElement(r.Field,{name:t.field,id:t.field,editor:t.editor,component:N,label:t.title||t.field,validator:t==null?void 0:t.validator})))),e.createElement(R.DialogActionsBar,{layout:"start"},e.createElement(s.Button,{type:"submit",themeColor:"primary",disabled:!a.allowSubmit||!a.valid,onClick:a.onSubmit,icon:"save",svgIcon:m.saveIcon},h),e.createElement(s.Button,{onClick:c,type:"reset",icon:"cancel",svgIcon:m.cancelIcon},B)))})),document.body))};exports.GridEditDialog=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),q=require("react-dom"),I=require("@progress/kendo-react-layout"),s=require("@progress/kendo-react-buttons"),o=require("@progress/kendo-react-labels"),x=require("@progress/kendo-react-intl"),M=require("@progress/kendo-react-dateinputs"),_=require("@progress/kendo-react-common"),m=require("@progress/kendo-svg-icons"),L=require("@progress/kendo-react-inputs"),T=require("@progress/kendo-react-data-tools"),y=require("@progress/kendo-react-dialogs"),r=require("@progress/kendo-react-form"),A=require("../utils/GridContext.js"),i=require("../messages/index.js"),w=l=>{var R;const S=x.useLocalization(),E=_.useAdaptiveModeContext(),n=e.useContext(A.GridContext),u=(a,t)=>{n.onDialogEditSubmit&&n.onDialogEditSubmit({dataItem:a,syntheticEvent:t})},c=a=>{n.onDialogEditCancel&&n.onDialogEditCancel({syntheticEvent:a})},N=a=>{const{validationMessage:t,visited:z,id:v,valid:O,editor:p,value:b,label:f,...k}=a,C=n.mobileMode?"large":"medium";switch(p){case"numeric":return e.createElement(e.Fragment,null,e.createElement(o.Label,{editorId:v,className:"k-form-label"},f,":"),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(L.NumericTextBox,{...k,size:C,value:b,[T.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),t&&e.createElement(o.Error,null,t)));case"date":return e.createElement(e.Fragment,null,e.createElement(o.Label,{editorId:v,className:"k-form-label"},f,":"),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(M.DatePicker,{valid:!0,...k,value:b,adaptive:n.mobileMode,size:C,[T.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),t&&e.createElement(o.Error,null,t)));case"boolean":return e.createElement("div",{className:"k-form-field-wrap"},e.createElement(o.Label,{editorId:v,className:"k-form-label"},f,":  ",e.createElement(L.Checkbox,{...k,size:C,value:b,[T.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),t&&e.createElement(o.Error,null,t)));default:return e.createElement(e.Fragment,null,e.createElement(o.Label,{editorId:v,className:"k-form-label"},f,":"),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(L.TextBox,{...k,size:C,value:b||"",[T.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),t&&e.createElement(o.Error,null,t)))}},D=S.toLanguageString(i.editDialogTitle,i.messages[i.editDialogTitle]),h=S.toLanguageString(i.editDialogSaveButtonTitle,i.messages[i.editDialogSaveButtonTitle]),B=S.toLanguageString(i.editDialogCancelButtonTitle,i.messages[i.editDialogCancelButtonTitle]),F={animation:!0,navigatable:!1,navigatableElements:[],expand:!0,title:n.adpativeTitle||D,suffixActions:e.createElement(s.Button,{svgIcon:m.xIcon,onClick:c,fillMode:"flat"}),animationStyles:E&&n.adaptiveColumnMenuRef<=E.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:E&&n.adaptiveColumnMenuRef<=E.small?"fullscreen":void 0},{customEditDialog:g}=l,d=(R=l.columns)==null?void 0:R.filter(a=>a.editable);return e.createElement(e.Fragment,null,q.createPortal(e.createElement(e.Fragment,null,n.mobileMode?e.createElement(e.Fragment,null,g?e.createElement(g,{columns:l.columns,dataItem:l.dataItem,onSubmit:u,onCancel:c}):e.createElement(r.Form,{initialValues:l.dataItem,onSubmit:u,id:"kendo-grid-edit-dialog",render:a=>e.createElement(I.ActionSheet,{...F},e.createElement(I.ActionSheetContent,null,e.createElement(r.FormElement,null,d==null?void 0:d.map(t=>e.createElement(r.FieldWrapper,{key:t.field},e.createElement(r.Field,{name:t.field,id:t.field,editor:t.editor,component:N,label:t.title||t.field,validator:t==null?void 0:t.validator}))))),e.createElement(I.ActionSheetFooter,null,e.createElement(s.Button,{onClick:c,type:"reset",icon:"cancel",size:"large",svgIcon:m.cancelIcon},B),e.createElement(s.Button,{type:"submit",themeColor:"primary",size:"large",disabled:!a.allowSubmit||!a.valid,onClick:a.onSubmit,icon:"save",svgIcon:m.saveIcon},h)))})):g?e.createElement(g,{columns:l.columns,dataItem:l.dataItem,onSubmit:u,onCancel:c}):e.createElement(r.Form,{initialValues:l.dataItem,onSubmit:u,id:"kendo-grid-edit-dialog",render:a=>e.createElement(y.Dialog,{title:D,width:450,onClose:t=>c(t.syntheticEvent)},e.createElement(r.FormElement,null,d==null?void 0:d.map(t=>e.createElement(r.FieldWrapper,{key:t.field},e.createElement(r.Field,{name:t.field,id:t.field,editor:t.editor,component:N,label:t.title||t.field,validator:t==null?void 0:t.validator})))),e.createElement(y.DialogActionsBar,{layout:"start"},e.createElement(s.Button,{type:"submit",themeColor:"primary",disabled:!a.allowSubmit||!a.valid,onClick:a.onSubmit,icon:"save",svgIcon:m.saveIcon},h),e.createElement(s.Button,{onClick:c,type:"reset",icon:"cancel",svgIcon:m.cancelIcon},B)))})),document.body))};exports.GridEditDialog=w;

package/components/GridEditDialog.mjs

@@ -19,7 +19,7 @@ import { TextBox as J, Checkbox as K, NumericTextBox as P } from "@progress/kend
 import { TABLE_PREVENT_SELECTION_ELEMENT as p } from "@progress/kendo-react-data-tools";
 import { Dialog as Q, DialogActionsBar as U } from "@progress/kendo-react-dialogs";
 import { Form as T, FormElement as F, FieldWrapper as M, Field as w } from "@progress/kendo-react-form";
-import { GridContext as X } from "../GridClientWrapper.mjs";
+import { GridContext as X } from "../utils/GridContext.mjs";
 import { editDialogTitle as z, messages as S, editDialogSaveButtonTitle as B, editDialogCancelButtonTitle as L } from "../messages/index.mjs";
 const fe = (l) => {
   var y;

package/components/GridElementContainer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),c=require("../GridClientWrapper.js"),i=require("../utils/index.js");function u(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=u(o),l=e=>{const t=a.useContext(c.GridContext);return i.cloneReactElement(e.children,{ref:t.elementRef,onKeyDown:t.onKeyDown,onFocus:t.onFocus})};exports.GridElementContainer=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),c=require("../utils/GridContext.js"),i=require("../utils/index.js");function u(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=u(r),l=e=>{const t=a.useContext(c.GridContext);return i.cloneReactElement(e.children,{ref:t.elementRef,onKeyDown:t.onKeyDown,onFocus:t.onFocus})};exports.GridElementContainer=l;

package/components/GridElementContainer.mjs

@@ -7,7 +7,7 @@
  */
 "use client";
 import * as n from "react";
-import { GridContext as t } from "../GridClientWrapper.mjs";
+import { GridContext as t } from "../utils/GridContext.mjs";
 import { cloneReactElement as r } from "../utils/index.mjs";
 const i = (o) => {
   const e = n.useContext(t);

package/components/PagerContainer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),o=require("../GridClientWrapper.js"),c=require("../messages/messagesMap.js"),i=require("../utils/index.js");function s(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const g=s(a),u=e=>{const t=g.useContext(o.GridContext);return i.cloneReactElement(e.children,{onPageChange:t.pagerPageChange,messagesMap:c.pagerMessagesMap,dir:t.dir})};exports.PagerContainer=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),o=require("../utils/GridContext.js"),c=require("../messages/messagesMap.js"),s=require("../utils/index.js");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const g=i(a),u=e=>{const t=g.useContext(o.GridContext);return s.cloneReactElement(e.children,{onPageChange:t.pagerPageChange,messagesMap:c.pagerMessagesMap,dir:t.dir})};exports.PagerContainer=u;

package/components/PagerContainer.mjs

@@ -7,7 +7,7 @@
  */
 "use client";
 import * as t from "react";
-import { GridContext as o } from "../GridClientWrapper.mjs";
+import { GridContext as o } from "../utils/GridContext.mjs";
 import { pagerMessagesMap as a } from "../messages/messagesMap.mjs";
 import { cloneReactElement as n } from "../utils/index.mjs";
 const s = (r) => {

package/components/VirtualScrollHeightContainer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),c=require("../GridClientWrapper.js");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=l(i),a=e=>{const t=o.useContext(c.GridContext);return o.createElement("div",{style:e.isVirtualScroll?{height:t.vsRef.current.containerHeight+"px"}:{}})};exports.VirtualScrollHeightContainer=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),c=require("../utils/GridContext.js");function a(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=a(i),l=e=>{const t=o.useContext(c.GridContext);return o.createElement("div",{ref:t.virtualScrollHeightContainerRef})};exports.VirtualScrollHeightContainer=l;

package/components/VirtualScrollHeightContainer.mjs

@@ -7,10 +7,10 @@
  */
 "use client";
 import * as t from "react";
-import { GridContext as o } from "../GridClientWrapper.mjs";
-const n = (e) => {
-  const r = t.useContext(o);
-  return /* @__PURE__ */ t.createElement("div", { style: e.isVirtualScroll ? { height: r.vsRef.current.containerHeight + "px" } : {} });
+import { GridContext as e } from "../utils/GridContext.mjs";
+const n = (o) => {
+  const r = t.useContext(e);
+  return /* @__PURE__ */ t.createElement("div", { ref: r.virtualScrollHeightContainerRef });
 };
 export {
   n as VirtualScrollHeightContainer

package/components/colGroup/GridColGroup.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),i=require("../../GridClientWrapper.js");function u(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=u(c),l=e=>{const t=o.useContext(i.GridContext);return o.createElement("colgroup",{ref:r=>{t.columnResizeRef.current.colGroupMain=r,t.columnResizeRef.current.initWidths()}},e.children)};exports.GridColGroup=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),i=require("../../utils/GridContext.js");function u(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=u(c),l=e=>{const t=o.useContext(i.GridContext);return o.createElement("colgroup",{ref:r=>{t.columnResizeRef.current.colGroupMain=r,t.columnResizeRef.current.initWidths()}},e.children)};exports.GridColGroup=l;

package/components/colGroup/GridColGroup.mjs

@@ -7,7 +7,7 @@
  */
 "use client";
 import * as r from "react";
-import { GridContext as n } from "../../GridClientWrapper.mjs";
+import { GridContext as n } from "../../utils/GridContext.mjs";
 const c = (t) => {
   const e = r.useContext(n);
   return /* @__PURE__ */ r.createElement(

package/components/noRecords/GridNoRecordsContainer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),a=require("@progress/kendo-react-data-tools"),n=require("@progress/kendo-react-common"),l=require("../../GridClientWrapper.js");function u(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 c=u(d),i=t=>{const r=c.useContext(l.GridContext),e=r.headerRef.current,o=e&&e.table()&&e.table().clientWidth,s=n.uGrid;return c.createElement("div",{key:"no-records",className:n.classNames(s.noRecords({})),style:{width:o}},c.createElement("div",{className:n.classNames(s.noRecordsTemplate({})),[a.KEYBOARD_NAV_DATA_ID]:a.tableKeyboardNavigationTools.generateNavigatableId("no-records",a.tableKeyboardNavigationTools.getIdPrefix(r.navigationStateRef))},t.children))};i.displayName="KendoReactGridNoRecordsContainer";exports.GridNoRecordsContainer=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),a=require("@progress/kendo-react-data-tools"),n=require("@progress/kendo-react-common"),l=require("../../utils/GridContext.js");function u(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,r.get?r:{enumerable:!0,get:()=>t[e]})}}return o.default=t,Object.freeze(o)}const c=u(d),i=t=>{const o=c.useContext(l.GridContext),e=o.headerRef.current,r=e&&e.table()&&e.table().clientWidth,s=n.uGrid;return c.createElement("div",{key:"no-records",className:n.classNames(s.noRecords({})),style:{width:r}},c.createElement("div",{className:n.classNames(s.noRecordsTemplate({})),[a.KEYBOARD_NAV_DATA_ID]:a.tableKeyboardNavigationTools.generateNavigatableId("no-records",a.tableKeyboardNavigationTools.getIdPrefix(o.navigationStateRef))},t.children))};i.displayName="KendoReactGridNoRecordsContainer";exports.GridNoRecordsContainer=i;

package/components/noRecords/GridNoRecordsContainer.mjs

@@ -9,7 +9,7 @@
 import * as t from "react";
 import { KEYBOARD_NAV_DATA_ID as i, tableKeyboardNavigationTools as a } from "@progress/kendo-react-data-tools";
 import { classNames as n, uGrid as c } from "@progress/kendo-react-common";
-import { GridContext as l } from "../../GridClientWrapper.mjs";
+import { GridContext as l } from "../../utils/GridContext.mjs";
 const m = (s) => {
   const r = t.useContext(l), e = r.headerRef.current, d = e && e.table() && e.table().clientWidth, o = c;
   return /* @__PURE__ */ t.createElement("div", { key: "no-records", className: n(o.noRecords({})), style: { width: d } }, /* @__PURE__ */ t.createElement(

package/components/table/GridTable.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),c=require("@progress/kendo-react-data-tools"),o=require("../../GridClientWrapper.js");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const r=i(l),s=e=>{const t=r.useContext(o.GridContext);return r.createElement(c.TableSelection,{selectable:e.selectable,onRelease:t.selectionRelease,childRef:n=>{t.tableElementRef.current=n,t.headTableElementRef.current=n}},r.createElement("table",{ref:t.headTableElementRef,className:e.tableClassName},e.children))};exports.GridTable=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),c=require("@progress/kendo-react-data-tools"),o=require("../../utils/GridContext.js");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const r=i(l),s=e=>{const t=r.useContext(o.GridContext);return r.createElement(c.TableSelection,{selectable:e.selectable,onRelease:t.selectionRelease,childRef:n=>{t.tableElementRef.current=n,t.headTableElementRef.current=n}},r.createElement("table",{ref:t.headTableElementRef,className:e.tableClassName},e.children))};exports.GridTable=s;

package/components/table/GridTable.mjs

@@ -8,7 +8,7 @@
 "use client";
 import * as l from "react";
 import { TableSelection as r } from "@progress/kendo-react-data-tools";
-import { GridContext as n } from "../../GridClientWrapper.mjs";
+import { GridContext as n } from "../../utils/GridContext.mjs";
 const o = (t) => {
   const e = l.useContext(n);
   return /* @__PURE__ */ l.createElement(

package/components/table/GridTableBody.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),l=require("../../GridClientWrapper.js"),a=require("@progress/kendo-react-common"),i=require("../../utils/index.js");function d(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const n=d(c),u=e=>{const t=n.useContext(l.GridContext);return n.createElement(n.Fragment,null,e.rowReorderable?n.createElement(a.DragAndDrop,null,e.children):i.cloneReactElement(e.children,{ref:t.tableBodyElementRef}))};exports.GridTableBody=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),l=require("../../utils/GridContext.js"),a=require("@progress/kendo-react-common"),i=require("../../utils/index.js");function d(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const r=d(c),u=e=>{const t=r.useContext(l.GridContext);return r.createElement(r.Fragment,null,e.rowReorderable?r.createElement(a.DragAndDrop,null,e.children):i.cloneReactElement(e.children,{ref:t.tableBodyElementRef}))};exports.GridTableBody=u;

package/components/table/GridTableBody.mjs

@@ -7,7 +7,7 @@
  */
 "use client";
 import * as e from "react";
-import { GridContext as o } from "../../GridClientWrapper.mjs";
+import { GridContext as o } from "../../utils/GridContext.mjs";
 import { DragAndDrop as n } from "@progress/kendo-react-common";
 import { cloneReactElement as l } from "../../utils/index.mjs";
 const d = (t) => {

package/components/table/GridTableScrollable.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),c=require("../../GridClientWrapper.js"),o=require("@progress/kendo-react-data-tools");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const a=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,a.get?a:{enumerable:!0,get:()=>e[l]})}}return t.default=e,Object.freeze(t)}const r=i(n),s=e=>{const t=r.useContext(c.GridContext);return r.createElement(o.TableSelection,{selectable:e.selectable,onRelease:t.selectionRelease,childRef:l=>{t.tableElementRef.current=l}},r.createElement("table",{className:e.tableClassName,role:"presentation",style:e.tableStyle,ref:t.tableElementRef},e.children))};exports.GridTableScrollable=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),o=require("../../utils/GridContext.js"),s=require("@progress/kendo-react-data-tools");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const r=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,r.get?r:{enumerable:!0,get:()=>e[l]})}}return t.default=e,Object.freeze(t)}const n=i(c),b=e=>{var r;const t=n.useContext(o.GridContext),l={...e.tableStyle};return(r=t.vsRef.current)!=null&&r.tableTransform&&(l.transform=t.vsRef.current.tableTransform),n.createElement(s.TableSelection,{selectable:e.selectable,onRelease:t.selectionRelease,childRef:a=>{t.tableElementRef.current=a}},n.createElement("table",{className:e.tableClassName,role:"presentation",style:l,ref:t.tableElementRef},e.children))};exports.GridTableScrollable=b;

package/components/table/GridTableScrollable.mjs

@@ -7,31 +7,32 @@
  */
 "use client";
 import * as l from "react";
-import { GridContext as r } from "../../GridClientWrapper.mjs";
-import { TableSelection as n } from "@progress/kendo-react-data-tools";
-const m = (e) => {
-  const t = l.useContext(r);
-  return /* @__PURE__ */ l.createElement(
-    n,
+import { GridContext as o } from "../../utils/GridContext.mjs";
+import { TableSelection as s } from "@progress/kendo-react-data-tools";
+const b = (t) => {
+  var a;
+  const e = l.useContext(o), r = { ...t.tableStyle };
+  return (a = e.vsRef.current) != null && a.tableTransform && (r.transform = e.vsRef.current.tableTransform), /* @__PURE__ */ l.createElement(
+    s,
     {
-      selectable: e.selectable,
-      onRelease: t.selectionRelease,
-      childRef: (a) => {
-        t.tableElementRef.current = a;
+      selectable: t.selectable,
+      onRelease: e.selectionRelease,
+      childRef: (n) => {
+        e.tableElementRef.current = n;
       }
     },
     /* @__PURE__ */ l.createElement(
       "table",
       {
-        className: e.tableClassName,
+        className: t.tableClassName,
         role: "presentation",
-        style: e.tableStyle,
-        ref: t.tableElementRef
+        style: r,
+        ref: e.tableElementRef
       },
-      e.children
+      t.children
     )
   );
 };
 export {
-  m as GridTableScrollable
+  b as GridTableScrollable
 };

package/components/utils.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s={before:"before",after:"after",forbidden:"forbidden"},u=(t,n)=>(t==null?void 0:t.parentElement)!==(n==null?void 0:n.parentElement);function r(t){const{clientTop:n,clientLeft:o}=D(t),{pageYOffset:f,pageXOffset:e}=b(t),{top:i,left:c}=t.getBoundingClientRect();return{top:i+f-n,left:c+e-o}}const D=t=>t==null?void 0:t.ownerDocument.documentElement,b=t=>t==null?void 0:t.ownerDocument.defaultView;exports.dropDirection=s;exports.getOffset=r;exports.isDifferentParent=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i={before:"before",after:"after",forbidden:"forbidden"};function d(t){const{clientTop:o,clientLeft:f}=s(t),{pageYOffset:c,pageXOffset:n}=u(t),{top:r,left:e}=t.getBoundingClientRect();return{top:r+c-o,left:e+n-f}}const s=t=>t==null?void 0:t.ownerDocument.documentElement,u=t=>t==null?void 0:t.ownerDocument.defaultView;exports.dropDirection=i;exports.getOffset=d;

package/components/utils.mjs

@@ -5,21 +5,20 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-const p = {
+const u = {
   before: "before",
   after: "after",
   forbidden: "forbidden"
-}, D = (t, n) => (t == null ? void 0 : t.parentElement) !== (n == null ? void 0 : n.parentElement);
-function b(t) {
-  const { clientTop: n, clientLeft: o } = e(t), { pageYOffset: f, pageXOffset: c } = u(t), { top: i, left: s } = t.getBoundingClientRect();
+};
+function e(o) {
+  const { clientTop: t, clientLeft: f } = d(o), { pageYOffset: c, pageXOffset: n } = s(o), { top: r, left: i } = o.getBoundingClientRect();
   return {
-    top: i + f - n,
-    left: s + c - o
+    top: r + c - t,
+    left: i + n - f
   };
 }
-const e = (t) => t == null ? void 0 : t.ownerDocument.documentElement, u = (t) => t == null ? void 0 : t.ownerDocument.defaultView;
+const d = (o) => o == null ? void 0 : o.ownerDocument.documentElement, s = (o) => o == null ? void 0 : o.ownerDocument.defaultView;
 export {
-  p as dropDirection,
-  b as getOffset,
-  D as isDifferentParent
+  u as dropDirection,
+  e as getOffset
 };